第二章MFC交互绘图基础

第二章MFC交互绘图基础

在上一章我们所创建的应用程序中，通过添加的菜单项实现了简

单的用户和应用程序的交互。用户可以通过选择菜单项，定义使用的

画笔和画刷，并通过选择菜单项执行相应的绘图代码来看绘制的图

形。但是该应用程序有很多缺点，比如绘制的图形有限，想要绘制新

的图形必须修改代码；通过菜单处理函数执行的绘图代码因为没有将

图形的信息存储起来，导致图形在窗口进行视图重画时不能够正确显

示等等。通常情况下，用户需要使用更灵活的方式来绘制图形。比如

像Windows中的“画图”程序一样，用户使用鼠标绘制图形，可以更

灵活方便的设置绘图使用的画笔和画刷的类型，并且希望绘制完的图

形可以保存起来，以后可以再次打开以前所绘制的图形并进行编辑。

本章将以编写一个简单的绘图应用程序为例，介绍如何在MFC

中实现鼠标绘图，如何定义图元的结构以保证应用程序可以正确的重

画用户绘制的图形，如何选择和编辑已有的图形，如何保存图形到永

久存储介质中等等的编程方法。

这个简单的绘图应用程序将实现以下基本功能：用户使用鼠标绘

制图形；通过对话框设置绘制图形使用的线型和颜色以及填充封闭区

域的模式和颜色；用户可以选择已经绘制的图形，并可以对该图形进

行编辑；可以保存绘制完的图形到永久存储介质（这里是硬盘）中，

以便以后可以读取以前绘制的图形，并再次进行编辑。

2.1创建工具条

创建一^新的MFC项目，项目名称为DrawMap。创建该项目

时各步的设置与上一章中创建DrawTest项目时相同，只是在“MFC

AppWizard-Step4of6"对话框中不选择Printingandprint

preview复选框。

在上一章的应用程序中，用户需要通过选择菜单项来选择要执行

的功能。当菜单项的层数比较多的时候，用户需要点击的次数较多。

对于一些常用的功能，用户会希望能够更容易的选择到，此时就可以

使用工具条。

对于本章中要创建的绘图应用程序来说，绘图功能是常用功能，

所以可以将这些功能的选择做成工具条。用户通过点击工具条按钮，

就能选择要绘制的图形的类型，然后用鼠标进行绘图。

2.1.1添加新工具条

我们创建应用程序项目时，在“MFCAppWizard-Step4of6"

对话框中选择了Dockingtoolbar复选框，此时系统会在应用程序中

创建一个默认的初始工具条。该工具条的样式如图2.1所示。

―卬/电|闿圜智|GT

图2.1默认初始工具条

我们可以修改此工具条，在该工具条中添加新的按钮来对应绘图

功能。不过，通常情况下，因为一个应用程序窗口可以有多个工具条，

为了把相类似的功能放在同一个工具条中，我们准备在绘图应用程序

中添加一个新的工具条，把绘图功能按钮放在该工具条中。在已有的

工具条中添加新的按钮和在新建的工具条中添加按钮是一样的，所以

读者只需要学会如何添加新的工具条，也就学会了如何修改已有的工

目至

选择资源面板，用鼠标右键点击“丁。。匕2广'节点，弹出快捷菜单，

如图2.2所示。

SaveDrawMap.rc

Insert...

InsertToolbar

Import...

3DockingView

Hide

Properties

图2.2资源面板快捷菜单

在快捷菜单中选择"Insert...",出现"InsertResource”对话框，如

图2.3所示。

图2.3添加资源对话框

该对话框用于在项目中添加各种资源。对话框左边的列表框中列

出了可添加的资源种类。选择“Toolbar"，添加一个新的工具条资源，

然后单击“New”（新建）按钮，系统会在项目中添加一个新的工具条。

也可以在图2.2的快捷菜单中选择“InsertToolbar”直接插入一个工具

条。

此时，在资源面板的“Toolbar”节点下我们会看到两个节点。一个

是“IDR_MAINFRAME”，该工具条是默认的初始工具条。另一个是

“IDR_TOOLBAR1"，它是我们新添加的工具条，名称是系统起的默认

名称。用鼠标右键点击该节点。在弹出的快捷菜单中（图2.2所示快

捷菜单）选择"Properties",会出现"ToolbarProperties'^工具条属性

对话框），如图2M4所示。

图2.4工具条属性对话框

在“ID”下拉框中，我们可以修改当前工具条的ID,该ID用于标

识工具条。此处我们将此ID修改为IDR_DRAWO

添加新工具条完毕，现在需要在工具条中添加工具条按钮。在资

源面板中选中“IDR_DRAW”节点，我们可以在右侧的工具条编辑区中

编辑此工具条，如图2.5所示。

回

口Q

；a

4

、>

口口

0

@

0。

辑区

具条编

5工

图2.

个

有一

中只

具条

在工

式，现

的样

具条

后工

完成

端是

的上

辑区

在编

钮的

条按

工具

中的

是选

左侧

部的

的。下

添加

自动

系统

钮，是

的按

空白

的

按钮

具条

制工

中绘

区域

在该

，用户

制区

的绘

按钮

间是

览。中

样式预

,

工具

绘图

单的

户简

给用

提供

具条

，该工

具条

图工

是绘

。右侧

样式

图形

钮。

条按

工具

绘制

用于

可以

几

中有

具条

该工

确定

需要

之前

。在此

按钮

具条

制工

来绘

我们

现在

图

择绘

于选

是用

制的

要绘

现在

我们

能。

么功

是什

钮都

个按

钮，每

个按

可以

用户

备让

中准

程序

应用

绘图

建的

要创

本章

钮。在

具条按

的工

类型

椭

其中

区域。

，矩形

区域

，椭圆