mfc简单绘图程序

M F C简单的绘图程序——王帅目录摘要 (2)关键字 (2)1 引言 (2)设计目的 ....................................................... 错误!未定义书签。

2 功能说明 (2)菜单栏 ........................................................ 错误!未定义书签。

图形 (3)画笔 (4)画硬币 (4)工具栏 (5)状态栏 (5)3 功能的实现 (5)视图设计 (5)编辑资源 (6)编程思路及各个函数的实现 (7)(1)思路 (7)(2)代码的实现 (7)1.为基本形状创建一个基类 (8)2.基本形状类的创建 (8)矩形类的创建及定义 (8)圆形类的创建及定义 (10)正五边形类的创建及定义 (11)正三角形类的创建及定义 (14)椭圆类的创建及定义 (16)正四边形类的创建及的定义 (17)正六边形类的创建及定义 (18)直线类的创建及定义 (19)3.各基本形状类在CMyDraw2_0类中的调用和绘图的实现 (20)矩形类的调用与与绘图的实现 (20)圆形类的调用 (24)正三角形类的调用 (25)基本类型调用的剩余代码 (26)4.画笔的使用、颜色及大小的调整 (29)5.画硬币 (35)6.工具栏中的自定义控件 (38)7.状态栏中的显示 (39)4程序功能的测试 (41)5最后总结 (42)摘要：本绘图程序能够进行基本图形的绘画，如直线，圆，矩形，三角形等等，并且在此基础上添加了多边形的绘画，如正五边形等。

除此之外，还能够进行随手画，即用鼠标随意画线条。

为了更好的绘图，还添加了对画笔粗细的调整，以及对画笔颜色的调整，除了特定的颜色，颜色还可根据输入的RGB值随意更改。

还有一些老师的要求，加入了画硬币、显示硬币数目即鼠标坐标等信息。

本程序主要采用面向对象写法。

关键字:程序设计,MFC,绘图1.引言设计目的本绘图程序的设计不仅仅局限于老师课堂的要求，通过C++的编写实现绘图要求，我还想要在此基础上，加入自己的一些想法，想要更好地了解MFC，更好地去实现自己的想法。

2.功能说明菜单栏图形图形栏中包括直线、矩形、圆形、椭圆、多边形，多边形中包括正三角形、正四边形、正五边形、正六边形。

①选择直线，可用鼠标拖动画出一条直线②选择矩形，可用鼠标拖动画出矩形③选择圆形，可用鼠标拖动画出圆形④选择椭圆，可用鼠标拖动画出椭圆⑤选择正三角形，可用鼠标拖动画出正三角形⑥选择正四边形，可用鼠标拖动画出正方形⑦选择正五边形，可用鼠标拖动画出正五边形⑧选择正六边形，可用鼠标拖动画出正六边形(注:为了验证自己的想法以及想让画出的图形随意地变换方向，特意在正三角形一项中加入了旋转效果，使鼠标在拖动时能旋转三角形)画笔画笔栏中包括颜色、大小及铅笔(1)颜色颜色中包括黑色、红色、绿色、蓝色、橙色、黄色、青色、紫色、粉色、自定义①选择黑色，画出的图形将为黑色②选择红色，画出的图形将为红色③选择绿色，画出的图形将为绿色④选择橙色，画出的图形将为橙色⑤选择黄色，画出的图形将为黄色⑥选择青色，画出的图形将为青色⑦选择紫色，画出的图形将为紫色⑧选择粉色，画出的图形将为粉色⑨选择自定义，可输入RGB值，画出的图形将显示输入的颜色(2)大小大小中包括1、2、3、4、5、6、7①选择1，画笔大小设为1②选择2，画笔大小设为2③选择3，画笔大小设为3④选择4，画笔大小设为4⑤选择5，画笔大小设为5⑥选择6，画笔大小设为6⑦选择7，画笔大小设为7(3)铅笔选中铅笔后，将可以用鼠标进行随意画线画硬币画硬币中包括画、增加、减少、清除①选择画，将在客户端窗口中画出初始数量为10的硬币②选择增加，窗口中的硬币数目将增加1个③选择减少，窗口中的硬币数目将减少1个④选择清除，刷新窗口，将硬币消去工具栏工具栏中除了原有的图标外，还加入了自定义的图标①选择，可用鼠标拖动画出一条直线②选择，可用鼠标拖动画出矩形③选择，可用鼠标拖动画出圆形④选择，可用鼠标拖动画出正三角形⑤选择，可用鼠标进行随手画⑥选择，可在窗口画出硬币后，将硬币数量+1⑦选择，可在窗口画出硬币后，将硬币数量-1⑧选择，可利用鼠标对所绘图形进行擦除，橡皮擦的大小与画笔大小相同状态栏状态栏中除了原有的显示外，还加入了硬币的数量以及鼠标的x坐标和y坐标3.功能的实现视图设计利用MFC 生成画图应用程序框架具体步骤如下：(1)执行VC程序，选择File|New命令，弹出New对话框.单击Projects标签，转到Projects选项卡，选择MFC AppWizard(exe)选项，然后在Project name 文本框中输入MyDraw2_0（原来也做过一个，不过并没有以面向对象的写法去写，这个就当作是我的第二个版本)，文本框是指项目的本地路径。

(2)由于本程序是实现画线，要在视图中完成，所以首先创建一个基于单文档的应用程序编辑资源(1)利用ResourceView中的Menu编辑器在菜单栏添加菜单，该流程图如下所示:图(2)利用ResourceView中的ToolBar编辑器，在工具栏中添加自定义控件。

控件图案如下所示:编程思路及各个函数的实现(1)思路:首先，画定义好的形状。

直线、矩形、圆形等等都属于基本的形状，那么我设定一个基类，称它为CShape，给这个基类定义一个画画的虚函数Draw(CDC *pDC)，在这个类里面派生出各个需要的类，如CCircle类，并为这些派生类定义各自的属性及方法，重写基类的Draw函数。

当我需要用到这些类的时候，只需要在View类里创建指针，然后调用里面Draw方法。

由于是当鼠标拖动的时候画出所需的图形，需要添加鼠标响应函数，onLButtonDown(),onLButtonUp,以及onMouseMove()。

画画主要是在onMouseMove()里实现。

接着，是画笔的颜色和大小，本来是想单独创建一个画笔类，定义颜色和大小属性，使CCircle等派生类多继承，在继承一个画笔类，但尝试了几遍，发现在菜单里选择颜色时就会使程序停止运行，于是就放弃了。

重新构思之后，由于画图是在CMyDraw2_0里实现的，就直接在CMyDraw2_0中定义了颜色和大小的变量，这样也方便。

然后是画硬币。

并没有为这个创建单独的类，直接在CMyDraw2_0中的OnDraw()中画硬币，并且在CMyDraw2_0中添加了增加和减少硬币的方法。

工具栏中只要和为各个图标添加函数，作用和菜单栏中的图形一栏中对应即可。

最后还有硬币的数量和鼠标坐标放在状态栏中显示,下面开始进行函数代码的实现。

(2)代码的实现:1.为基本形状创建一个基类，命名为CShape。

在ClassViewz中右键点击MyDraw2_0 classes->new class，在弹出窗口的顶部下拉框中选择Generic Class，如图所示在头文件中添加虚函数Draw(CDC *pDC)public:CShape();virtual Draw(CDC* pDc)=0;θθθθθθθθ。

72R。

60etEventMask()etEventMask()etEventMask()// TODO: Add your control notification handler code hereCString strB;GetDlgItemText(IDC_COLOR_B,strB);B=atof(strB);}通过以上代码，就可以获取对话框中输入的值了，就可以在View 类中使用它们:为View类添加私有成员变量:int R;int G;int B;在自定义的响应函数中添加如下代码:void CMyDraw2_0View::OnMenuPenColorCustom(){// TODO: Add your command handler code hereCDialogColor DlgColor;创建CDialogColor的引用();调用DoModal()函数弹出对话框R=;//将CDialogColor中的R赋给View类的RG=;//将CDialogColor中的G赋给View类的GB=;//将CDialogColor中的B赋给View类的Bpen_color=RGB(R,G,B);//将传入的值作为RGB值}2.画硬币画硬币菜单下有四个选项:画、增加、减少、清除显然，是在点击”画”之后才开始在窗口上显示画出的硬币，由于画硬币的代码直接写在View类的OnDraw中，所以需要一个标记，判断是否需要画:为View类添加私有成员变量:bool draw;在View类构造函数中初始化该变量:draw=false;在”画”的响应函数中将其标记为true：draw=true;这样，在OnDraw函数中就会根据draw的值判断是否开始画硬币。

画硬币还需要知道硬币的数量，而且，在画的时候，使用椭圆代替硬币，变化的只是椭圆的两个纵坐标，所以，还需要为View类添加三个私有成员变量:int CoinsNumber;//硬币的数量int coin_ly;//椭圆左上角的纵坐标int coin_ry;//椭圆右上角的纵坐标在构造函数中初始硬币数量:CoinsNumber=10;在OnDraw函数中，先定义第一个硬币的左、右纵坐标:coin_ly=300;coin_ry=330;然后判断是否开始画硬币，当条件为真时开始画硬币，代码如下:if(draw){for(int i=0;i<CoinsNumber;i++)//利用for循环，画出相应数量的椭圆{pDC->Ellipse(100,coin_ly,300,coin_ry);//画出椭圆coin_ly-=10;//循环一次就将左上角的纵坐标-10，表示下一个椭圆的位置上移10coin_ry-=10;//循环一次就将右下角的纵坐标-10，表示下一个椭圆的位置上移10}}此时，如果在菜单里选择”画”选项，就需要调用OnDraw()函数，在响应函数中添加如下代码:CDC *pDC=GetDC();OnDraw(pDC);在此基础上，增加对硬币数量的增减操作:很明显，增减硬币操作是在画硬币之后才会执行，所以需要一个标记来判断是否已经画出硬币:为View类添加一个私有成员变量:bool menu_draw_coin;//用来标记菜单里”画”选项是否执行在View类构造函数里初始化该变量:menu_draw_coin=false;当选择”画”时，将该变量标记为true：menu_draw_coin=true;已经有了标记后，只需判断是否已经执行”画”命令，再对硬币的数量进行增减，代码如下:void CMyDraw2_0View::OnMenuDrawcoinAdd(){if(menu_draw_coin)//判断是否已经执行过”画”命令{draw=true;//将draw标记为true，以便OnDraw 函数中的画硬币顺利执行CDC *pDC=GetDC();//打开图形设备接口// TODO: Add your command handler code hereif(CoinsNumber<=30)//为硬币数量设置最大值CoinsNumber++;//将硬币数量+1GetDocument()->UpdateAllViews(NULL);//刷新视图ReleaseDC(pDC);//释放}}void CMyDraw2_0View::OnMenuDrawcoinReduce(){if(menu_draw_coin)//判断是否已经执行过”画”命令{draw=true;;//将draw标记为true，以便OnDraw 函数中的画硬币顺利执行CDC *pDC=GetDC();//打开图形设备接口// TODO: Add your command handler code hereif(CoinsNumber>0)//硬币数量应在大于0时才能减少CoinsNumber--;//将硬币数量-1GetDocument()->UpdateAllViews(NULL);//刷新视图ReleaseDC(pDC);//释放}}最后的问题就是，画出的硬币会一直存在视图内，在”清除”选项的响应函数中添加如下代码:draw=false;//将draw重新标记为false，表示停止画硬币menu_draw_coin=false;//将改变量重新标记为false，表示增减操作停止GetDocument()->UpdateAllViews(NULL);//刷新视图以上就完成了画硬币的相应操作。