简单画图程序课程设计报告

目录

1 基本功能描述----------------------------------------------------------2

2 设计思路----------------------------------------------------------2

3 软件设计----------------------------------------------------------4

3.1 设计步骤----------------------------------------------------------4

3.2 界面设计----------------------------------------------------------8

3.3 关键功能实----------------------------------------------------------9

4. 附录----------------------------------------------------------9

4.1 调试报告----------------------------------------------------------9

4.2 测试结果----------------------------------------------------------10

4.3关键源代码---------------------------------------------------------12

5 结论与心得体会----------------------------------------------------------11

6. 参考文献----------------------------------------------------------11

7. 思考题----------------------------------------------------------11

简单画图程序

1 基本功能描述

1) 在单文档菜单中，在菜单行中可插入一个菜单项，命名为绘图，在下拉菜单中可分别设置绘制的图形形状，如直线、矩形及椭圆，线宽选项，有1-5可供选择，还可以设置线色以及填充色，通过弹出的颜色对话框选择需要的颜色，如果不选择线宽、线色以及填充色，则按默认的画笔，画刷来绘制选择的图形。

2) 选择好图形后，通过鼠标可以绘制出相应的直线，矩形或椭圆，鼠标的按下确定图形的起点，鼠标的拖动则确定了图形的终点，即通过鼠标的拖动来决定图形的大小，当鼠标弹起，此图形则绘制完毕。

3) 增添工具栏，设置绘制的图形形状，线色以及填充色，可更方便地选择相应的功能。

2 设计思路

1) 对需要用到的变量进行初始化。

2) 选择相应的图形之后就响应相应的消息处理函数，给shape赋对应的值。选择不同的线宽，线色与填充色，即可改变画笔或画刷的属性。

3) 鼠标的按下响应函数OnLButtonDown()，捕捉鼠标当前位置得到起点的坐标，鼠标的拖动响函数OnMouseMove()改变终点的坐标，鼠标的弹起响应OnLButtonUp()，确定终点坐标，刷新，得到绘制图形。

4) 选择图形或其它属性，可进行下一次绘制。

图1 程序流程图

3 软件设计

3.1 设计步骤

1）创建单文档

创建一个MFC AppWizard[exe]工程，命名为“yinshuyan”，如图1所示，并创建单文档，如图2所示。创建成功后，系统自动生成相应的类，如图3所示。

图2 创建工程

图3 创建单文档

2）编辑菜单

添加需要的菜单项，如图4所示；并在菜单的属性中设定好所对应的ID，如图5所示，各项菜单对应的ID如表1所示（其中线宽菜单为弹出菜单，只需在菜单项目属性中的弹

出选项前打勾即可，分隔线亦只需在菜单项目属性中选中分隔符选项即可）。

图5 添加菜单项

图6 设置菜单ID

表1 菜单项对应ID

建立类向导，在视图类CyinshuyanView中，对各菜单项添加对应的COMMAND消息处理函数，部分菜单项还添加对应的UPDATE_COMMAND_UI消息函数，如图6所示。

图7 建立类向导

3）创建工具栏

在插入处选择资源，新建工具栏，如图7所示；

在工具栏上添加相应的按钮，在属性处更改其ID，如图8所示。

图9 编辑工具栏

4）在相应消息函数处添加代码，实现其功能

建立类向导，在视图类CyinshuyanView中，添加WM_PAINT消息，以及

WM_LBUTTONDOWN、WM_LBUTTONUP、WM_MOUSEMOVE消息，并在其中添加相应的代码，如图9所示。

图10 添加WM_PAINT消息

3.2 界面设计

各控件名称，类型，属性及相关变量如表2所示。

3.3 关键功能实现

1）选择要绘制的图形

在直线、矩形以及椭圆的消息处理函数里为shape分别赋值为1,2,3，在OnPaint()函数里添加3个if语句的代码来这实现这三个图形的绘制：当选择画直线时，shape=1，则执行绘制直线代码，当选择画矩形时，shape=2,则执行绘制矩形的代码，当性选择画椭圆时,shape=3,则执行绘制椭圆的代码。

2）改变线宽

在OnPaint()创建的画笔中，pen.CreatePen(PS_SOLID,w, m_nColor)，线宽处用w表示，则改变w的值即改变了画笔的粗细。选择菜单绘图→线宽选择划线宽度值，此时所选的线宽值就赋给线宽变量w。若不选择线宽值，则w=1(即默认线宽值为1)。

3）改变线色

在OnPaint()创建的画笔中，pen.CreatePen(PS_SOLID,w, m_nColor)，线的颜色处用m_nColor表示，则改变m_nColor即改变了画笔的颜色。选择菜单绘图→颜色，会弹出通过WM_COLORREF从系统中引入的颜色选择对话框，选择颜色后，点击确定则相应颜色值就赋给变量m_nColor，此时画笔的颜色就会发上变化。若不选择颜色，则默认（线）颜色为黑色。

4）改变填充色

在OnPaint()创建的画刷中，brush.CreateSolidBrush(m_fColor)，颜色就是用m_fColor 表示的，改变m_fColor即改变了画刷的颜色。选择菜单绘图→填充色，会弹出通过WM_COLORREF从系统中引入的颜色选择对话框，选择颜色后，点击确定则相应颜色值就赋给变量m_fColor，此时画刷的颜色就会发上变化。若不选择颜色，则默认填充色为黑

色。

5）绘制图形

鼠标左键按下，则捕获鼠标此时的位置坐标为画图的起点，此时在OnLButtonDown()函数里，将捕获的坐标值赋给定义作为起点的变量opoint；按下鼠标左键拖动鼠标时，捕捉鼠标当前位置坐标值为终点坐标值，此时在OnMouseMove()函数里，把捕获的坐标值赋给定义作为终点的变量cpoint，OnPaint()中绘图的代码中的坐标都得到了，进行绘图；鼠标左键弹起时，此时绘图结束，鼠标弹起时所在位置就是画图的最终终点位置，画图结束后，刷新窗口，以便重新画图，此时执行的是OnLButtonUp()函数。

图11 快捷键的创建

4. 附录

4.1 调试报告

1）一开始我并没有添加刷新函数Invalidate()，这就使程序运行之后，无论鼠标左键按下时如何移动无法绘图，这是因为当一个窗口内键入内容其实就是将窗口刷新了，相当于更新了窗口，故必须有刷新函数，这和生活中的白纸写字不一样。

2）当添加Invalidate()后，我把Invalidate()放在OnMouseMove()里，但是这样只能在窗口内画一个图形，即每画完一个图形就刷新一次。之后我通过与同学讨论，并查找资料将Invalidate()改为了Invalidate(0)，这时是可绘制多个图形，但鼠标每移动一个位置都进行一次刷新，绘图结束后，绘图过程中的所有痕迹都在，产生了很多拖动的影子。，经过几次试验，我将Invalidate(0)放在了OnLButtonUp()中，那么每次重绘，上次的图形会作为背景被保留下来，而不会被刷新掉。

4.2 测试结果

1)点击链接，编译，运行后的窗口如图11所示。

图11 运行结果

2）改变绘制图形形状，颜色，线宽，填充色之后绘制的图形如图12所示。

图12 改便各项属性厚后的图形

4.3 关键源代码

1)在“MainFrm.h”中，在class CMainFrame : public CFrameWnd里的protected下定义：

CToolBar m_drawToolBar; //工具栏

2)在“MainFrm.cpp”中，在CMainFrame::OnCreate(LPCREATESTRUCT lpCreateStruct)里添加以下代码：

if (!m_drawToolBar.Create(this) ||

!m_drawToolBar.LoadToolBar(IDR_DRAW))

{ TRACE0("Failed to create status bar\n");

return -1;

}

3)在“YinshuyanView.h”中，在class CYinshuyanView : public CView里的public下定义相关变量：

COLORREF m_nColor;

COLORREF m_fColor;

CPoint cpoint;

CPoint opoint;

BOOL m_Down;

int w;

int shape;

4)在“YinshuyanView.cpp”中，添加如下函数及代码：

CYinshuyanView:: CYinshuyanView()

{ w=1; //初始线宽默认为1

shape=0;

}

void CYinshuyanView::OnW1()

{

w=1; //令线宽为1

}

void CYinshuyanView::OnW2()

{

w=2; //令线宽为2

}

void CYinshuyan::OnW3()

{

w=3; //令线宽为3

}

void CYinshuyanView::OnW4()

{

w=4; //令线宽为4

}

void CYinshuyanView::OnW5()

{

w=5; //令线宽为5

}

void CYinshuyanView::OnUpdateW1(CCmdUI* pCmdUI)

{

pCmdUI->SetRadio(w==1); //当线宽为1时，此选项前标有圆点}

void CYinshuyanView::OnUpdateW2(CCmdUI* pCmdUI)

{

pCmdUI->SetRadio(w==2); //当线宽为2时，此选项前标有圆点}

void CYinshuyanView::OnUpdateW3(CCmdUI* pCmdUI)

{

pCmdUI->SetRadio(w==3); //当线宽为3时，此选项前标有圆点}

void CYinshuyanView::OnUpdateW4(CCmdUI* pCmdUI)

{

pCmdUI->SetRadio(w==4);

}

void CYinshuyanView::OnUpdateW5(CCmdUI* pCmdUI)

{

pCmdUI->SetRadio(w==5);

}

void CYinshuyanView::OnLine()

{

shape=1; //选择直线，则令shape为1

}

void CYinshuyanView::OnRect()

{

shape=2; //选择矩形，则令shape为2

}

void CYinshuyanView::OnEllipse()

{

shape=3; //选择椭圆，则令shape为3

}

void CYinshuyanView::OnUpdateLine(CCmdUI* pCmdUI)

{

pCmdUI->SetCheck(shape==1); //shape为1时，直线选项前打上勾}

void CYinshuyanView::OnUpdateRect(CCmdUI* pCmdUI)

{

pCmdUI->SetCheck(shape==2); //shape为2时，矩形选项前打上勾}

void CYinshuyanView::OnUpdateEllipse(CCmdUI* pCmdUI)

{

pCmdUI->SetCheck(shape==3); //shape为3时，椭圆选项前打上勾}

void CYinshuyanView::OnColor()

{

CColorDialog Color; // 创建颜色对话框

if(Color.DoModal() == IDOK) // 如果用户点击OK按钮

m_nColor=Color.GetColor(); // 更改颜色,把颜色赋到m_nColor }

void CYinshuyanView::OnFullColor()

{

CColorDialog FullColor; // 创建颜色对话框

if(FullColor.DoModal() == IDOK) // 如果用户点击OK按钮

m_fColor=FullColor.GetColor(); // 更改颜色,把颜色赋到m_fColor }

void CYinshuyanView::OnPaint()

{

CPaintDC dc(this); // device context for painting

CPen pen; //定义画笔

CBrush brush; //定义画刷

pen.CreatePen(PS_SOLID,w, m_nColor); //创建画笔

brush.CreateSolidBrush(m_fColor); //创建画刷

dc.SelectObject(&pen); //获取画笔

dc.SelectObject(&brush); //获取画刷

if(shape==1)

{dc.MoveTo(opoint.x,opoint.y);

dc.LineTo(cpoint.x,cpoint.y);} //绘制直线,从opoint到cpoint连线if(shape==2)

dc.Rectangle(opoint.x,opoint.y,cpoint.x,cpoint.y); //绘制矩形

if(shape==3)

dc.Ellipse(opoint.x,opoint.y,cpoint.x,cpoint.y); //绘制椭圆

}

void CYinshuyanView::OnLButtonDown(UINT nFlags, CPoint point) {

// TODO: Add your message handler code here and/or call default

m_Down=TRUE; //鼠标按下

SetCapture(); //获取坐标

opoint=point; //把鼠标所在坐标赋给起点坐标opoint

ReleaseCapture(); //释放坐标

CView::OnLButtonDown(nFlags, point);

}

void CYinshuyanView::OnMouseMove(UINT nFlags, CPoint point)

{

if(m_Down) //如果鼠标按下

cpoint=point; //把鼠标所在点坐标赋给终点坐标cpoint

CView::OnMouseMove(nFlags, point);

}

void CYinshuyanView::OnLButtonUp(UINT nFlags, CPoint point)

{

m_Down=FALSE; //鼠标不按下，即弹起

Invalidate(0); //刷新

CView::OnLButtonUp(nFlags, point);

}

5 结论与心得体会

这次课程设计我成功的完成了。通过本次课程设计，我完成了用移动鼠标对直线，矩形，椭圆的简单绘制工具的的制作，其中完成了绘图形状的选择，画图线宽、线色以及图形填充色的设置。

基于平时课外上机实验的练习，对菜单的创建，COMMAND消息处理函数和UPDATE_COMMAND_UI消息函数的添加过程比较熟练，这部分还算简单。难的是代码的添加，对绘制图形的程序有大概的思路，但具体编写时变量的运用以及函数的调用设置。这次实验中关键就是确定画图起点及终点坐标，因为是用鼠标绘制图形，所以需用函数来捕获鼠标当前所在位置的坐标，因此我设置了OnLButtonDown()函数来捕获起点坐标，OnMouseMove()函数来捕获鼠标移动是的当前位置坐标，OnLButtonUp()函数来捕获终点坐标。而绘制图形使用的函数是OnPaint()，将图形的起点和终点坐标和鼠标的位置坐标相联系后就能用鼠标来绘制图形了，所以在它们之间用opoint和cpoint两变量实现链接。另外我觉得将绘图语句集中在OnPaint()函数中，然后其他函数来调用OnPaint()函数，这样不容

易引起混乱，同时程序更简单，更有条理，便于修改。

这次课程设计虽只是做了一个极其简单的绘图工具的制作，但也让我从设计者的角度看到了设计程序以及电脑软件工具的实质及难度，看似一个很简单的工具，其制作的背后工作是很大的，不光是图标，按钮的设置，程序的编写，代码的实现都是很精密且不容许一点错误的工作。平时我们使用的很顺手的一个小小工具，其开发的各项小号都不可小觑，由此，我们需要学的东西还太多太多。

6. 参考文献

[1]揣锦华.面向对象程序设计与VC++实践.西安电子科技大学出版社.2005.

[2]魏亮, 李春葆编著.Visual C++程序设计例学与实践.清华大学出版社.2006.

[3]严华峰等.VISUAL C++课程设计案例精编(第二版) .中国水利水电出版社 2004.