第二章 MFC交互绘图基础
在上一章我们所创建的应用程序中,通过添加的菜单项实现了简单的用户和应用程序的交互。用户可以通过选择菜单项,定义使用的画笔和画刷,并通过选择菜单项执行相应的绘图代码来看绘制的图形。但是该应用程序有很多缺点,比如绘制的图形有限,想要绘制新的图形必须修改代码;通过菜单处理函数执行的绘图代码因为没有将图形的信息存储起来,导致图形在窗口进行视图重画时不能够正确显示等等。通常情况下,用户需要使用更灵活的方式来绘制图形。比如像Windows中的“画图”程序一样,用户使用鼠标绘制图形,可以更灵活方便的设置绘图使用的画笔和画刷的类型,并且希望绘制完的图形可以保存起来,以后可以再次打开以前所绘制的图形并进行编辑。
本章将以编写一个简单的绘图应用程序为例,介绍如何在MFC中实现鼠标绘图,如何定义图元的结构以保证应用程序可以正确的重画用户绘制的图形,如何选择和编辑已有的图形,如何保存图形到永久存储介质中等等的编程方法。
这个简单的绘图应用程序将实现以下基本功能:用户使用鼠标绘制图形;通过对话框设置绘制图形使用的线型和颜色以及填充封闭区域的模式和颜色;用户可以选择已经绘制的图形,并可以对该图形进行编辑;可以保存绘制完的图形到永久存储介质(这里是硬盘)中,以便以后可以读取以前绘制的图形,并再次进行编辑。
2.1 创建工具条
创建一个新的MFC项目,项目名称为DrawMap。创建该项目时各步的设置与上一章中创建DrawTest项目时相同,只是在“MFC AppWizard – Step 4 of 6”对话框中不选择Printing and print preview复选框。
在上一章的应用程序中,用户需要通过选择菜单项来选择要执行的功能。当菜单项的层数比较多的时候,用户需要点击的次数较多。对于一些常用的功能,用户会希望能够更容易的选择到,此时就可以使用工具条。
对于本章中要创建的绘图应用程序来说,绘图功能是常用功能,所以可以将这些功能的选择做成工具条。用户通过点击工具条按钮,就能选择要绘制的图形的类型,然后用鼠标进行绘图。 2.1.1 添加新工具条
我们创建应用程序项目时,在“MFC AppWizard – Step 4 of 6”对话框中选择了Docking toolbar复选框,此时系统会在应用程序中创建一个默认的初始工具条。该工具条的样式如图2.1所示。
我们可以修改此工具条,在该工具条中添加新的按钮来对应绘图功能。不过,通常情况下,因为一个应用程序窗口可以有多个工具条,为了把相类似的功能放
在同一个工具条中,我们准备在绘图应用程序中添加一个新的工具条,把绘图功能按钮放在该工具条中。在已有的工具条中添加新的按钮和在新建的工具条中添加按钮是一样的,所以读者只需要学会如何添加新的工具条,也就学会了如何修改已有的工具条。
选择资源面板,用鼠标右键点击“Toolbar”节点,弹出快捷菜单,如图2.2所示。
在快捷菜单中选择“Insert…”,出现“Insert Resource”对话框,如图2.3所示。
该对话框用于在项目中添加各种资源。对话框左边的列表框中列出了可添加的资源种类。选择“Toolbar”,添加一个新的工具条资源,然后单击“New”(新建)按钮,系统会在项目中添加一个新的工具条。也可以在图2.2的快捷菜单中选择“Insert Toolbar”直接插入一个工具条。
此时,在资源面板的“Toolbar”节点下我们会看到两个节点。一个是“IDR_MAINFRAME”,该工具条是默认的初始工具条。另一个是“IDR_TOOLBAR1”,它是我们新添加的工具条,名称是系统起的默认名称。用鼠标右键点击该节点。在弹出的快捷菜单中(图2.2所示快捷菜单)选择“Properties”,会出现“Toolbar
Properties”(工具条属性对话框),如图2.4所示。
在“ID”下拉框中,我们可以修改当前工具条的ID,该ID用于标识工具条。此处我们将此ID修改为IDR_DRAW。
添加新工具条完毕,现在需要在工具条中添加工具条按钮。在资源面板中选中“IDR_DRAW”节点,我们可以在右侧的工具条编辑区中编辑此工具条,如图2.5所示。
在编辑区的上端是完成后工具条的样式,现在工具条中只有一个空白的按钮,是系统自动添加的。下部的左侧是选中的工具条按钮的样式预览。中间是按钮的绘制区,用户在该区域中绘制工具条按钮的图形样式。右侧是绘图工具条,可以用于绘制工具条按钮。
现在我们来绘制工具条按钮。在此之前需要确定该工具条中有几个按钮,每个按钮都是什么功能。要创建的绘图应用程序中让用户可以绘制四种类型的图形:直线段,椭圆,椭圆区域,矩形区域。其中椭圆指只有边界线的椭圆,而椭
圆区域除了边界线之外,还要对内部进行填充。在工具条编辑区的绘图工具条中选择绘制直线,然后在中间的绘图区中画一条直线段,如图2.6所示。
此工具条按钮可以直观的表明该按钮用于绘制直线段。同时系统在该工具条按钮右侧自动添加一个空白按钮。用鼠标左键双击我们刚刚绘制的工具条按钮,会出现“Toolbar Button Properties”(工具条按钮属性)对话框,如图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: // control bar embedded members CStatusBar m_wndStatusBar; CToolBar m_wndToolBar;
这里声明了一个CStatusBar类对象变量m_wndStatusBar和一个CToolBar类对象变量m_wndToolBar。它们分别对应了系统自动添加的默认状态栏和默认的初始工具条。CStatusBar是MFC封装的一个状态栏类,而CToolBar类是一个工具条类。想要操作工具条就必须首先声明一个工具条的对象。这里我们添加如下代码:
CToolBar m_DrawToolBar;//绘图工具条对象
该对象将用于与绘图工具条对应。在类面板中双击CMainFrame节点下的OnCreate节点,在编辑区打开CMainFrame类的CPP文件,并定位到该类的OnCreate成员函数处。该成员函数在主窗口创建的时候调用,在此函数中可以给主窗口添加工具条和状态栏。此时该成员函数的代码如下:
int CMainFrame::OnCreate(LPCREATESTRUCT lpCreateStruct) {
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(\ return -1; // fail to create }
//创建默认状态栏
if (!m_wndStatusBar.Create(this) || !m_wndStatusBar.SetIndicators(indicators, sizeof(indicators)/sizeof(UINT)))