基于MFC 的GUI 样板程序演示与分析

GUI 是 Graphical User Interface 的简称，即图形用户接口或图形用户界面。GUI 可以理解成屏幕产品的视觉体验和互动操作部分，它由窗口、菜单、工具栏、对话框和状态栏等元素构成，底层由Windows 操作系统和消息驱动机制提供支撑。Visual C++通过MFC 提供了大量的基础类支持应用程序的实现，Visual C++的IDE 通过提供大量的工具和功能支持应用程序的开发，其中的应用程序向导(AppWizard)和类向导(ClassWizard)极大地方便和简化了应用程序的开发工作。

基于 MFC 的GUI 样板程序是一个小型的绘图程序，可以利用鼠标徒手绘画，还可以将所画的图形保存到一个文件中，称之为FDraw(Free Draw，可理解为随意绘画)。FDraw 的基本部分具有可定制的菜单、工具栏，能自动初始化并具有一个对话框，打印及打印预览，滚动，分隔窗口，应用程序Help 等功能。第5 章的FDraw 高级部分将进一步给出调色板的使用、快捷菜单的使用、基本图形绘制、图形拾取与编辑等功能。

FDraw 简介

FDraw 是一个小型的绘图应用程序，它允许用鼠标徒手绘画并将图像保存为文件，其运行界面如图4.1 所示。这里的演示结果具有FDraw 的多数功能。

基础 FDraw 是基于MFC 通过Visual C++分6 步实现的，包括：基于应用程序框架的文档-视图结构的设计与实现，基本GUI 界面的设计与实现，对话框的设计与实现，视图的分割与滚动，打印与打印预览的设计与实现，联机帮助的设计与实现等。

高级FDraw 是在基础FDraw 之上，进一步通过5 个步骤实现的，包括：直线的绘制与拾取、矩形的绘制与拾取、曲线的绘制与拾取、对基本图形的进一步处理和文本的输入与编辑等。这些内容对深入理解GUI、熟练掌握MFC、实现交互算法具有很好的示范作用。



图 4.1 FDraw 的绘制效果

FDraw 的安装步骤

(1) 如图4.2 所示，在任务栏上单击“开始”按钮，再依次选择“程序”→Microsoft Visual C++6.0→Microsoft Visual C++ 6.0 命令，显示如图4.3 所示的Microsoft Visual C++ 6.0 集成环境(IDE)。



图 4.2 启动Microsoft Visual C++ 6.0



图 4.3 Microsoft Visual C++ 6.0 集成环境

(2) 从File 菜单中选择Open Workspace 命令，弹出Open Workspace 对话框，选择路径“OOP 与GUI 的Visual C++实现第4 章基础GUI 的Visual C++实现FDraw”。如图4.4 所示为Open Workspace 对话框。



图 4.4 Open Workspace 对话框

(3) 选择FDraw.dsw 文件，单击“打开”按钮，将项目FDraw 导入Microsoft Visual C++ 6.0集成环境(IDE)中，如图4.5 所示。



图 4.5 运行项目FDraw

(4) 从Build(编译)菜单中选择Execute(执行)FDraw.exe 命令，结果参见图4.1。

知识点：

(1)启动Microsoft Visual C++ 6.0 的方法还有：找到路径Microsoft Visual Studio6CommonMSDev98Bin 中的应用程序MSDEV，或将MSDEV 发送到桌面作为“桌面快捷方式”，然后单击该快捷方式图标。

(2) 打开项目方法还有：从File 菜单中选择Open 命令，在Open 对话框的“查找范围”下拉列表框中选择路径“OOP 与GUI 的Visual C++实现第4 章基础GUI 的Visual C++实现FDraw”，在“文件类型”下拉列表框中选择Workspaces(.dsw；.mdp)选项。

(3) 项目运行方法还有：单击工具栏中的“！”按钮，或按组合键Ctrl+F5。