类似画笔的绘图控件

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

下载本文示例源代码

源代码运行效果图如下：


想必大家都用过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++ 实战演练》 人民邮电出版社