第二章 MFC交互绘图基础.docx
《第二章 MFC交互绘图基础.docx》由会员分享，可在线阅读，更多相关《第二章 MFC交互绘图基础.docx（160页珍藏版）》请在冰豆网上搜索。
第二章MFC交互绘图基础
第一章MFC交互绘图基础2
2.1创建工具条2
2.1.1添加新工具条2
2.1.2在应用程序中显示工具条6
2.1.3连接工具条按钮处理函数8
2.2使用鼠标绘图10
2.2.1鼠标消息10
2.2.2用鼠标绘制直线段13
2.2.3用鼠标绘制椭圆和椭圆区域19
2.2.4用鼠标绘制矩形区域20
2.3图元定义及重画22
2.3.1图元基类CMapElement22
2.3.2直线段图元子类CLine27
2.3.3椭圆图元子类CEllipse27
2.3.4椭圆区域图元子类CEllipseRegion28
2.3.5矩形区域图元子类CRectangleRegion28
2.3.6图元重画29
2.4设置线型和区域填充方式33
2.4.1添加对话框资源33
2.4.2创建设置线型和区域填充方式对话框类CSetStyleDlg35
2.4.3完成颜色和示例的实时显示39
2.4.4在下拉框中绘图46
2.4.5初始化对话框53
2.4.6使用用户选择的线型和区域填充方式绘制图元55
2.5选中图元62
2.5.1图元的包围盒63
2.5.2图元的选中判断64
2.5.3绘制图元的选中标识67
2.5.4用鼠标选中单个图元69
2.5.5用鼠标和键盘配合选择多个图元72
2.5.6选择矩形区域内的多个图元73
2.6编辑图元77
2.6.1修改图元的形状77
2.6.2移动图元84
2.6.3放大或缩小图元88
2.6.4删除图元93
2.6.5图元的剪切、复制和粘贴95
2.6.6在状态条中显示鼠标光标位置坐标值101
2.6.7撤销图元的绘制和编辑102
2.7图元的持久化112
2.8解决闪屏现象117
2.9小结119
第一章MFC交互绘图基础
在上一章我们所创建的应用程序中，通过添加的菜单项实现了简单的用户和应用程序的交互。
用户可以通过选择菜单项，定义使用的画笔和画刷，并通过选择菜单项执行相应的绘图代码来看绘制的图形。
但是该应用程序有很多缺点，比如绘制的图形有限，想要绘制新的图形必须修改代码；通过菜单处理函数执行的绘图代码因为没有将图形的信息存储起来，导致图形在窗口进行视图重画时不能够正确显示等等。
通常情况下，用户需要使用更灵活的方式来绘制图形。
比如像Windows中的“画图”程序一样，用户使用鼠标绘制图形，可以更灵活方便的设置绘图使用的画笔和画刷的类型，并且希望绘制完的图形可以保存起来，以后可以再次打开以前所绘制的图形并进行编辑。
本章将以编写一个简单的绘图应用程序为例，介绍如何在MFC中实现鼠标绘图，如何定义图元的结构以保证应用程序可以正确的重画用户绘制的图形，如何选择和编辑已有的图形，如何保存图形到永久存储介质中等等的编程方法。
这个简单的绘图应用程序将实现以下基本功能：
用户使用鼠标绘制图形；通过对话框设置绘制图形使用的线型和颜色以及填充封闭区域的模式和颜色；用户可以选择已经绘制的图形，并可以对该图形进行编辑；可以保存绘制完的图形到永久存储介质（这里是硬盘）中，以便以后可以读取以前绘制的图形，并再次进行编辑。
1
2
2.1创建工具条
创建一个新的MFC项目，项目名称为DrawMap。
创建该项目时各步的设置与上一章中创建DrawTest项目时相同，只是在“MFCAppWizard–Step4of6”对话框中不选择Printingandprintpreview复选框。
在上一章的应用程序中，用户需要通过选择菜单项来选择要执行的功能。
当菜单项的层数比较多的时候，用户需要点击的次数较多。
对于一些常用的功能，用户会希望能够更容易的选择到，此时就可以使用工具条。
对于本章中要创建的绘图应用程序来说，绘图功能是常用功能，所以可以将这些功能的选择做成工具条。
用户通过点击工具条按钮，就能选择要绘制的图形的类型，然后用鼠标进行绘图。
2.1.1添加新工具条
我们创建应用程序项目时，在“MFCAppWizard–Step4of6”对话框中选择了Dockingtoolbar复选框，此时系统会在应用程序中创建一个默认的初始工具条。
该工具条的样式如图2.1所示。
我们可以修改此工具条，在该工具条中添加新的按钮来对应绘图功能。
不过，通常情况下，因为一个应用程序窗口可以有多个工具条，为了把相类似的功能放在同一个工具条中，我们准备在绘图应用程序中添加一个新的工具条，把绘图功能按钮放在该工具条中。
在已有的工具条中添加新的按钮和在新建的工具条中添加按钮是一样的，所以读者只需要学会如何添加新的工具条，也就学会了如何修改已有的工具条。
选择资源面板，用鼠标右键点击“Toolbar”节点，弹出快捷菜单，如图2.2所示。
在快捷菜单中选择“Insert…”，出现“InsertResource”对话框，如图2.3所示。
该对话框用于在项目中添加各种资源。
对话框左边的列表框中列出了可添加的资源种类。
选择“Toolbar”，添加一个新的工具条资源，然后单击“New”（新建）按钮，系统会在项目中添加一个新的工具条。
也可以在图2.2的快捷菜单中选择“InsertToolbar”直接插入一个工具条。
此时，在资源面板的“Toolbar”节点下我们会看到两个节点。
一个是“IDR_MAINFRAME”，该工具条是默认的初始工具条。
另一个是“IDR_TOOLBAR1”，它是我们新添加的工具条，名称是系统起的默认名称。
用鼠标右键点击该节点。
在弹出的快捷菜单中（图2.2所示快捷菜单）选择“Properties”，会出现“ToolbarProperties”（工具条属性对话框），如图2.4所示。
在“ID”下拉框中，我们可以修改当前工具条的ID，该ID用于标识工具条。
此处我们将此ID修改为IDR_DRAW。
添加新工具条完毕，现在需要在工具条中添加工具条按钮。
在资源面板中选中“IDR_DRAW”节点，我们可以在右侧的工具条编辑区中编辑此工具条，如图2.5所示。
在编辑区的上端是完成后工具条的样式，现在工具条中只有一个空白的按钮，是系统自动添加的。
下部的左侧是选中的工具条按钮的样式预览。
中间是按钮的绘制区，用户在该区域中绘制工具条按钮的图形样式。
右侧是绘图工具条，该工具条提供给用户简单的绘图工具，可以用于绘制工具条按钮。
现在我们来绘制工具条按钮。
在此之前需要确定该工具条中有几个按钮，每个按钮都是什么功能。
我们现在要绘制的是用于选择绘图类型的工具条按钮。
在本章要创建的绘图应用程序中准备让用户可以绘制四种类型的图形：
直线段，椭圆，椭圆区域，矩形区域。
其中椭圆指只有边界线的椭圆，而椭圆区域除了边界线之外，还要对内部进行填充。
因为本应用程序只是用来学习如何用MFC进行交互绘图，所以没有提供更多的绘图类型。
工具条按钮的图形样式最好能够直观的表现出该按钮的功能。
在工具条编辑区的绘图工具条中选择绘制直线，然后在中间的绘图区中画一条直线段，如图2.6所示。
此工具条按钮可以直观的表明该按钮用于绘制直线段。
同时系统在该工具条按钮右侧自动添加一个空白按钮。
用鼠标左键双击我们刚刚绘制的工具条按钮，会出现“ToolbarButtonProperties”（工具条按钮属性）对话框，如图2.7所示。
在“ID”下拉框中输入该工具条按钮的ID为ID_DRAWLINE。
在“Prompt”输入框中输入说明“绘制直线段”，该说明为按钮的提示。
按照相同的方法可以绘制其他三个工具条按钮，并设置相应的属性，具体数据如下表所示：
工具条按钮
ID
Prompt
ID_DRAWLINE
绘制直线段
ID_DRAWELLIPSE
绘制椭圆
ID_DRAWELLIPSEREGION
绘制椭圆区域
ID_DRAWRECTANGLE
绘制矩形区域
绘制完的工具条如图2.8所示。
2.1.2在应用程序中显示工具条
新的工具条创建完毕，此时如果我们运行应用程序，会发现该工具条并没有显示出来，这是因为我们还没有编写代码将该工具条加入到应用程序窗口中。
下面我们来看一下如何将工具条加入到应用程序窗口中。
首先，选择类面板，双击CMainFrame节点，在右侧的编辑区中将打开CMainFrame类的头文件。
在头文件中我们可以找到如下代码：
protected:
//controlbarembeddedmembers
CStatusBarm_wndStatusBar;
CToolBarm_wndToolBar;
这里声明了一个CStatusBar类对象变量m_wndStatusBar和一个CToolBar类对象变量m_wndToolBar。
它们分别对应了系统自动添加的默认状态栏和默认的初始工具条。
CStatusBar是MFC封装的一个状态栏类，而CToolBar类是一个工具条类。
想要操作工具条就必须首先声明一个工具条的对象。
这里我们添加如下代码：
CToolBarm_DrawToolBar;//绘图工具条对象
该对象将用于与绘图工具条对应。
在类面板中双击CMainFrame节点下的OnCreate节点，在编辑区打开CMainFrame类的CPP文件，并定位到该类的OnCreate成员函数处。
该成员函数在主窗口创建的时候调用，在此函数中可以给主窗口添加工具条和状态栏。
此时该成员函数的代码如下：
intCMainFrame:
:
OnCreate（LPCREATESTRUCTlpCreateStruct）
{
if（CFrameWnd:
:
OnCreate（lpCreateStruct）==-1）
return-1;
//创建默认初始工具条
if（!
m_wndToolBar.CreateEx（this,TBSTYLE_FLAT,WS_CHILD|WS_VISIBLE|CBRS_TOP|CBRS_GRIPPER|CBRS_TOOLTIPS|CBRS_FLYBY|CBRS_SIZE_DYNAMIC）||!
m_wndToolBar.LoadToolBar（IDR_MAINFRAME））
{
TRACE0（"Failedtocreatetoolbar\n"）;
return-1;//failtocreate
}
//创建默认状态栏
if（!
m_wndStatusBar.Create（this）||
!
m_wndStatusBar.SetIndicators（indicators,
sizeof（indicators）/sizeof（UINT）））
{
TRACE0（"Failedtocreatestatusbar\n"）;
return-1;//failtocreate
}
//TODO:
Deletethesethreelinesifyoudon'twantthetoolbarto
//bedockable
m_wndToolBar.EnableDocking（CBRS_ALIGN_ANY）;
EnableDocking（CBRS_ALIGN_ANY）;
DockControlBar（&m_wndToolBar）;
return0;
}
看一下此函数中创建默认初始工具条的代码，会发现分别调用了工具条类CToolBar的CreateEx函数和LoadToolBar函数来生成和初始化工具条。
◆LoadToolB
升级会员 