简易画图板的设计与实现.doc

专业课程设计
（2011/2012学年 第2学期）

题目一：简易画图板的设计与实现

专 业 计算机通信
学 生 姓 名 韩亮
班 级 学 号 09002736
指 导 教 师 王海艳
指 导 单 位 计算机学院·计算机科学与技术系
日 期 2012年6月20日

教师评语

教师签名：
年 月 日
成绩评定

备 注

一、课题名称
设计题目1：简易画图板的设计与实现
二、课题内容和要求
利用MFC完成画图板的基本功能。此程序将实现简单的绘图功能，包括点、直线、矩形、椭圆、扇形和连续线的绘制。并且能实现绘图的控制，包括线宽、线型和颜色的设置，图形的保存和打开以及笔刷的使用。
三、 需求分析
1) 在单文档菜单中，在菜单行中可插入一个菜单项，命名为绘图，在下拉菜单中可分别设置绘制的图形形状，如直线、矩形及椭圆，线宽选项，有1-5可供选择，还可以设置线色以及填充色，通过弹出的颜色对话框选择需要的颜色，如果不选择线宽、线色以及填充色，则按默认的画笔，画刷来绘制选择的图形。
2) 选择好图形后，通过鼠标可以绘制出相应的直线，矩形或椭圆，鼠标的按下确定图形的起点，鼠标的拖动则确定了图形的终点，即通过鼠标的拖动来决定图形的大小，当鼠标弹起，此图形则绘制完毕。
3) 增添工具栏，设置绘制的图形形状，线色以及填充色，可更方便地选择相应的功能。

四、概要设计
1) 对需要用到的变量进行初始化。
2) 选择相应的图形之后就响应相应的消息处理函数，给shape赋对应的值。选择不同的线宽，线色与填充色，即可改变画笔或画刷的属性。
3) 鼠标的按下响应函数OnLButtonDown()，捕捉鼠标当前位置得到起点的坐标，鼠标的拖动响函数OnMouseMove()改变终点的坐标，鼠标的弹起响应OnLButtonUp()，确定终点坐标，刷新，得到绘制图形。
4) 选择图形或其它属性，可进行下一次绘制。

开始

定义并初始化变shape 线色m_ncolor 填充色 m_fcolor 画笔pen画刷brush绘图起点opoint绘图终点cpoint

选择线宽

默认值（w=1）
改变画笔属性

选择线色

默认值（黑色）
改变画笔属性

选择填充色

默认值（黑色）
改变画刷属性

椭圆
矩形
直线

响应函数
OnEllipse()
shape=3

响应函数
OnLine()
shape=1
响应函数
OnRect()
shape=2

鼠标左键按下 响应函数OnLButtonDown()
opoint=point

鼠标移动 响应函数OnMouseMove()epoint=point
响应OnPaint()，绘制图形

鼠标左键弹起响应函数OnLButtonUp()
刷新，得到图形

结束

图1 程序流程图
五、详细设计
1）创建单文档
2) 编辑菜单
3）创建工具栏
4）在相应消息函数处添加代码，实现其功能
5）选择要绘制的图形
6）改变线宽
7）改变线色
8）绘制图形
9） 关键代码
// GraphicView.cpp : implementation of the CGraphicView class
//

#include "stdafx.h"
#include "Graphic.h"

#include "GraphicDoc.h"
#include "GraphicView.h"
#include "SettingDlg.h"

#ifdef _DEBUG
#define new DEBUG_NEW
#undef THIS_FILE
static char THIS_FILE[] = __FILE__;
#endif

/////////////////////////////////////////////////////////////////////////////
// CGraphicView

IMPLEMENT_DYNCREATE(CGraphicView, CView)

BEGIN_MESSAGE_MAP(CGraphicView, CView)
//{{AFX_MSG_MAP(CGraphicView)
ON_COMMAND(IDM_DOT, OnDot)
ON_COMMAND(IDM_ELL, OnEll)
ON_COMMAND(IDM_LINE, OnLine)
ON_COMMAND(IDM_RECT, OnRect)
ON_WM_LBUTTONDOWN()
ON_WM_LBUTTONUP()
ON_COMMAND(IDMSETTING, OnSetting)
ON_COMMAND(IDM_COLOR, OnColor)
ON_WM_MOUSEMOVE()
//}}AFX_MSG_MAP
// Standard printing commands
ON_COMMAND(ID_FILE_PRINT, CView::OnFilePrint)
ON_COMMAND(ID_FILE_PRINT_DIRECT, CView::OnFilePrint)
ON_COMMAND(ID_FILE_PRINT_PREVIEW, CView::OnFilePrintPreview)
END_MESSAGE_MAP()

/////////////////////////////////////////////////////////////////////////////
// CGraphicView construction/destruction

CGraphicView::CGraphicView()
{
// TODO: add construction code here
m_nDrawType=0;
m_ptOrigin=0;
m_nLineWidth=1;
m_nLineStyle=0;
m_clr=RGB(0,0,0);
m_bDrawing=0;
}

CGraphicView::~CGraphicView()
{
}

BOOL CGraphicView::PreCreateWindow(CREATESTRUCT& cs)
{
// TODO: Modify the Window class or styles here by modifying
// the CREATESTRUCT cs
cs.lpszClass=AfxRegisterWndClass(CS_HREDRAW|CS_VREDRAW,LoadCursor(NULL,IDC_CROSS),(HBRUSH)GetStockObject(BLACK_BRUSH),0);
return CView::PreCreateWindow(cs);
}

/////////////////////////////////////////////////////////////////////////////
// CGraphicView drawing

void CGraphicView::OnDraw(CDC* pDC)
{
CGraphicDoc* pDoc = GetDocument();
ASSERT_VALID(pDoc);
// TODO: add draw code for native data here
}

/////////////////////////////////////////////////////////////////////////////
// CGraphicView printing

BOOL CGraphicView::OnPreparePrinting(CPrintInfo* pInfo)
{
// default preparation
return DoPreparePrinting(pInfo);
}

void CGraphicView::OnBeginPrinting(CDC* /*pDC*/, CPrintInfo* /*pInfo/)
{
// TODO: add extra initialization before printing
}

void CGraphicView::OnEndPrinting(CDC* /*pDC*/, CPrintInfo* /*pInfo*/)
{
// TODO: add cleanup after printing
}

/////////////////////////////////////////////////////////////////////////////
// CGraphicView diagnostics

#ifdef _DEBUG
void CGraphicView::AssertValid() const
{
CView::AssertValid();
}

void CGraphicView::Dump(CDumpContext& dc) const
{
CView::Dump(dc);
}

CGraphicDoc* CGraphicView::GetDocument() // non-debug version is inline
{
ASSERT(m_pDocument->IsKindOf(RUNTIME_CLASS(CGraphicDoc)));
return (CGraphicDoc*)m_pDocument;
}
#endif //_DEBUG

/////////////////////////////////////////////////////////////////////////////
// CGraphicView message handlers

void CGraphicView::OnDot()
{
// TODO: Add your command handler code here
m_nDrawType=1;
}

void CGraphicView::OnEll()
{
// TODO: Add your command handler code here
m_nDrawType=4;
}

void CGraphicView::OnLine()
{
// TODO: Add your command handler code here
m_nDrawType=2;
}

void CGraphicView::OnRect()
{
// TODO: Add your command handler code here
m_nDrawType=3;
}

void CGraphicView::OnLButtonDown(UINT nFlags, CPoint point)
{
// TODO: Add your message handler code here and/or call default
m_bDrawing=1;
m_ptOrigin=point;
m_ptTarget=point;
CView::OnLButtonDown(nFlags, point);
}

void CGraphicView::OnLButtonUp(UINT nFlags, CPoint point)
{
// TODO: Add your message handler code here and/or call default
if(!m_bDrawing)
return;
m_bDrawing=0;
CClientDC dc(this);
CPen pen(m_nLineStyle,m_nLineWidth,m_clr);
dc.SelectObject(&pen);
CBrush *pBrush=CBrush::FromHandle((HBRUSH)GetStockObject(NULL_BRUSH));
dc.SelectObject(pBrush);
switch(m_nDrawType)
{
case 1:
dc.SetPixel(point,m_clr);
break
case 2:
dc.MoveTo(m_ptOrigin);
dc.LineTo(point);
break;
case 3:
dc.Rectangle(CRect(m_ptOrigin,point));
break;
case 4:
dc.Ellipse(CRect(m_ptOrigin,point));
break;
}
CView::OnLButtonUp(nFlags, point);
}

void CGraphicView::OnSetting()
{
// TODO: Add your command handler code here
CSettingDlg dlg;
dlg.m_nLineWidth=m_nLineWidth;
dlg.m_nLineStyle=m_nLineStyle;
dlg.m_clr=m_clr;
if(IDOK==dlg.DoModal())
m_nLineWidth=dlg.m_nLineWidth;
m_nLineStyle=dlg.m_nLineStyle;
}

void CGraphicView::OnColor()
{
// TODO: Add your command handler code here
CColorDialog dlg;
dlg.m_ccFlags|=CC_RGBINIT;
dlg.m_cc.rgbResult=m_clr;
if(IDOK==dlg.DoModal())
m_clr=dlg.m_cc.rgbResult;
}

void CGraphicView::OnMouseMove(UINT nFlags, CPoint point)
{
// TODO: Add your message handler code here and/or call default
if(!m_bDrawing)
return;
CClientDC dc(this);
CPen pen(m_nLineStyle,m_nLineWidth,m_clr);
dc.SelectObject(&pen);
dc.SetROP2(R2_NOT);
CBrush *pBrush=CBrush::FromHandle((HBRUSH)GetStockObject(NULL_BRUSH));
dc.SelectObject(pBrush);
switch(m_nDrawType)
{
case 1:
break;
case 2:
dc.MoveTo(m_ptOrigin);
dc.LineTo(m_ptTarget);
m_ptTarget = point;
dc.MoveTo(m_ptOrigin);
dc.LineTo(m_ptTarget);
break;
case 3:
dc.Rectangle(CRect(m_ptOrigin,m_ptTarget));
m_ptTarget = point;
dc.Rectangle(CRect(m_ptOrigin,m_ptTarget));
break;
case 4:
dc.Ellipse(CRect(m_ptOrigin,m_ptTarget));
m_ptTarget = point;
dc.Ellipse(CRect(m_ptOrigin,m_ptTarget));
break;
}
CView::OnMouseMove(nFlags, point);
}

六、 测试数据及其结果分析

七、 调试过程中的问题
在编程时遇到了图像在变换大小时，原来的图形会消失，后来通过老师的讲解，及查看相关资料，这里涉及的一个重绘问题。经过多次修改，添加代码，才得以解决。对于CView视图，经过查询主要是负责内存数据与用户的交互。包括数据的显示、用户操作的响应（如菜单的选取、鼠标的响应）。最重要的是OnDraw(重画窗口)，通常用CWnd::Invalidate()来启动它。另外，它通过消息映射表处理菜单、工具条、快捷键和其他用户消息

八、程序设计总结
这次课程设计我成功的完成了。通过本次课程设计，我完成了用移动鼠标对直线，矩形，椭圆的简单绘制工具的的制作，其中完成了绘图形状的选择，画图线宽、线色以及图形填充色的设置。这次课程设计虽只是做了一个极其简单的绘图工具的制作，但也让我从设计者的角度看到了设计程序以及电脑软件工具的实质及难度，看似一个很简单的工具，其制作的背后工作是很大的，不光是图标，按钮的设置，程序的编写，代码的实现都是很精密且不容许一点错误的工作。平时我们使用的很顺手的一个小小工具，其开发的各项小号都不可小觑，由此，我们需要学的东西还太多太多。