类似画笔的绘图控件

一起学习

类似画笔的绘图控件
作者：北京理工大学 卫琳

下载本文示例源代码

源代码运行效果图如下：


想必大家都用过WINDOWS自带的画笔，这是一个小巧易用的软件。在业余时间，我模拟画笔自己开发了一个类似的程序（当然不如画笔那么功能丰富）。它主要完成的功能有画直线、曲线、圆、椭圆、矩形、多边形；支持剪贴板的操作；支持撤销、重复；保存成位图文件；打开位图文件。这个例子是用MFC开发的，为了方便使用，最后将转换成控件。

建立单文档工程Demo，下面将分四部分介绍相关功能的实现。

一、 绘图功能

本程序包含多种图元：直线、曲线、圆、椭圆、矩形等，使用不同的图元类实现，这些图元类均派生于同一个基类：CDrawObject。这样可以大大简化不同图元的处理过程。
虽然不同的图元具有不同的表现形式和数据结构，但它们具有许多相同的特性,如都具有颜色定义功能，都有图元绘制函数等，在基类中对这些共有的数据成员和成员函数进行描述。图元基类的定义如下：

class CDrawObject : public CObject

{

private:

	COLORREF m_PenColor;//图元颜色

	int   m_iPenWidth;  //画笔宽度

	bool  m_bFill;      //是否填充



public:

	bool m_bSelected;

	long m_nStyle;//图元类型

	CDrawObject(){m_bSelected = false;};



	void SetPenColor(COLORREF color);//设置图元颜色

	COLORREF GetPenColor();//获得图元颜色



	void SetPenWidth(int width) {m_iPenWidth = width;};

	int  GetPenWidth() {return  m_iPenWidth;};



	void  SetFill(bool fill) { m_bFill = fill;};

	bool GetFill()  {return m_bFill;};



	virtual void Draw(CDC* pDC) {};

	virtual void MoveAt(CDC* pDC, long x, long y) {};

	virtual	void  EndPoint(CDC* pDC) {};

	virtual void  NewPoint(long x, long y){};

	//图形对象第一点坐标，如果返回false则结束绘图

	virtual int  AddPoint(long x, long y){return 0;};

};

各图元的具体实现函数请参考源代码。

绘图功能的实现主要是在视类中完成的。首先建立相应的菜单和工具栏按钮用来设置图元的样式、颜色、画笔的粗细、是否填充等等。还要重载OnLButtonDown（按下鼠标左键）、OnMouseMove（鼠标移动）、OnLButtonUp（松开鼠标左键）三个函数。创建过程如下：

1、 按下左键，创建新的图元类实例；
2、 跟踪鼠标移动修改图元，获得所见即所得的视觉效果；
3、 松开左键，绘制结束。

二、 剪贴板操作

和剪贴板操作相关的函数主要有以下几个：
打开剪贴板：OpenClipboard();
清空剪贴板：EmptyClipboard();
保存至剪贴板：SetClipboardData (CF_BITMAP, bitmap.GetSafeHandle() );
取出剪贴板的内容：GetClipboardData(CF_BITMAP);
关闭剪贴板：CloseClipboard();

至于视觉效果的实现，本来应该用"橡皮筋类"，这里偷了点儿懒，直接画了矩形：）。剪切和拷贝的实现方法基本相同，剪切时需要清空选中的矩形区域。粘贴时需要先判断剪切板中有无内容。

三、 撤销和重复

为了实现撤销和重复，我自己定义了一个类Stack，该类的主要功能类似于一个栈，可以在初始化时定义栈的大小，可以弹出栈顶元素、增加新元素等等，除此以外还保存了一个表示当前位置的指针m_iCurPos。撤销时该指针向前移动，重复时向后移动，如果撤销后又有了新操作，则当前长度应改至m_iCurPos，即栈中m_iCurPos之后的元素无效。 至于栈中保存的内容，则是在每次操作后调用自己定义的SaveInStack()函数，将屏幕内容保存到一个HBITMAP类型的变量中。（这个方法有点儿笨，不过我实在想不出更好的方法了：（。但这个方法的实际效果还是不错的。）

四、 打开和保存
有了前面的基础，着部分比较容易实现。
打开文件的主要函数是：

HBITMAP  hbmp = (HBITMAP)LoadImage(NULL, _T(path), IMAGE_BITMAP,

	0, 0, LR_CREATEDIBSECTION | LR_DEFAULTSIZE | LR_LOADFROMFILE);



pDC->BitBlt(0, 0, bm.bmWidth, bm.bmHeight, &dc, 0, 0, SRCCOPY);

具体实现过程请参考源代码。

以上是MFC程序的实现过程，接下来我们把它转化成控件。

五、转化成控件

1、新建控件
启动Microsoft Visual C 6.0，单击File下拉菜单下的New命令，在Profects标签下选择MFC ActiveX ControlWizard。输入工程名WinPainter；

2、引入ActivDoc.h和ActivDoc.cpp文件；

3、在CwinPainterCtrl类的构造函数中添加

AddDocTemplate(new CActiveXDocTemplate(

      RUNTIME_CLASS(CDemo1Doc),

      RUNTIME_CLASS(CMainFrame),

      RUNTIME_CLASS(CDemo1View)));

4、 将刚才开发的MFC工程中的视类、文档类、框架类的头文件、实现文件，还有图元类以及Stack类的文件统统包含进来，这时各类的消息函数可以正常响应，但菜单、工具栏等资源需要重新定义；

5、 在CWinPainterCtrl类中调用视类的函数，举例：

CDemo1View*  m_pView;

m_pView = (CDemo1View *)(GetFrameWnd()->GetActiveView());

ASSERT(m_pView);

m_pView->OnEditCopy();

调用MFC中其它类的函数与此类似。

6、 增加控件的属性和方法。
至此，控件开发完毕。

控件运行测试效果图如下：


参考文献： 王宏 李玉东 李罡 《Visual C 实战演练》 人民邮电出版社 下载本文示例代码


类似画笔的绘图控件类似画笔的绘图控件类似画笔的绘图控件类似画笔的绘图控件类似画笔的绘图控件类似画笔的绘图控件类似画笔的绘图控件类似画笔的绘图控件类似画笔的绘图控件类似画笔的绘图控件类似画笔的绘图控件类似画笔的绘图控件