【计算机图形学课程】二.MFC鼠标响应函数模拟画图软件

上一篇文章我们讲述MFC绘制图形的基本函数，包括绘制直线、绘制矩形、绘制椭圆及绘制文字，同时通过绕圆旋转和矩形平移简单的理解了图形学知识。这篇文章我将介绍鼠标响应和键盘响应，通过这些事件让学生实现一个类似画图的简单软件，同时充分发挥学生想象，自己创作东西。

前文：

【计算机图形学课程】一.MFC基本绘图函数使用方法

一. MFC工程创建及鼠标响应

新建一个MFC 单文档的应用程序"MousePic"。

然后，选择"View（视图）"->"建立类向导"，快键键是Ctrl+W。这是MFC非常重要的一个知识点，对话框或单文档设置按钮操作、响应函数都是通过该操作实现。

鼠标常见消息响应：

WM_LBUTTONDBCLK 双击鼠标左键

WM_LBUTTONDOWN 按下鼠标左键

WM_LBUTTONUP 释放鼠标左键

WM_MOUSEMOVE 在客户区移动鼠标

WM_RBUTTONDBCLK 双击鼠标右键

WM_RBUTTONDOWN 按下鼠标右键

WM_RBUTTONUP 释放鼠标右键

二. MFC实现鼠标响应操作

1.鼠标左键按下

双击函数会定位到"MousePicView.cpp"文件，现在可以对OnLButtonDown()函数进行编辑。其中CPoint point参数记录当前鼠标左键按下的位置，nFlags表示掩码。

然后添加代码如下：

//定义一个点类型的变量,用来保存当用户点击界面时点击的位置 CPoint m_point; //鼠标左键按下 void CMousePicView::OnLButtonDown(UINT nFlags, CPoint point) { //把当前点击的点的位置赋给点m_point m_point = point; CView::OnLButtonDown(nFlags, point); }

2.鼠标左键释放

通过同样的方法在"类向导"中实现鼠标左键释放函数，如下图所示。

添加代码主要是鼠标释放（弹起）：

//鼠标释放：记录当前坐标 void CMousePicView::OnLButtonUp(UINT nFlags, CPoint point) { //绘制图形 CDC *p = GetDC(); p->MoveTo(m_point); //鼠标移动到左键按下点 p->LineTo(point); //绘制一条直线 终点为鼠标释放点 CView::OnLButtonUp(nFlags, point); }

此时鼠标绘制图形如下所示，但是存在两个问题：绘制过程中不可见、绘制结果只是直线。

所以，需要借助鼠标移动函数实现，在鼠标移动过程中就进行绘制，同时引入bool类型的变量，判断鼠标按下或释放，按下的时候进行绘制操作。

3.鼠标左键移动

通过同样的方法在"类向导"中实现鼠标左键释放函数。

完整代码如下所示：

//定义一个点类型的变量,用来保存当用户点击界面时点击的位置 CPoint m_point; //定义布尔型变量 m_click=true表示鼠标点击 false表示鼠标释放 bool m_click; //鼠标左键按下 void CMousePicView::OnLButtonDown(UINT nFlags, CPoint point) { //把当前点击的点的位置赋给点m_point m_point = point; m_click = true; CView::OnLButtonDown(nFlags, point); } //鼠标释放：记录当前坐标 void CMousePicView::OnLButtonUp(UINT nFlags, CPoint point) { //绘制图形 /* CDC *p = GetDC(); p->MoveTo(m_point); //鼠标移动到左键按下点 p->LineTo(point); //绘制一条直线 终点为鼠标释放点 */ m_click = false; CView::OnLButtonUp(nFlags, point); } //鼠标移动绘制图形 void CMousePicView::OnMouseMove(UINT nFlags, CPoint point) { //定义画笔并选择 CDC *p=GetDC(); CPen pen(PS_SOLID, 4, RGB(255,0,0)); p->SelectObject(pen); //鼠标按下进行绘制 if(m_click==true) { p->MoveTo(m_point); p->LineTo(point); m_point = point; } CView::OnMouseMove(nFlags, point); }

绘制结果如下所示，相当于一个简单的画图软件。

4.补充知识

如果在OnMouseMove()鼠标移动函数if判断中缺少代码m_point = point，它会出现意想不到的效果，因为你需要每次绘制，鼠标移动当前点坐标point都需要赋值给下次绘制的起始坐标，供p->MoveTo(m_point)使用。

同时，你可以绘制圆形、矩形等相关形状，不仅仅限定于直线。

//鼠标移动绘制图形 void CMousePicView::OnMouseMove(UINT nFlags, CPoint point) { //定义画笔并选择 CDC *p=GetDC(); CPen pen(PS_SOLID, 1, RGB(255,0,0)); p->SelectObject(pen); //鼠标按下进行绘制 if(m_click==true) { p->MoveTo(m_point); //p->LineTo(point); p->Rectangle(point.x, point.y,point.x+20, point.y+30); m_point = point; } CView::OnMouseMove(nFlags, point); }

输出如下所示：

绘制中，定义了画笔Pen，正确的方法需要在绘制完成后，进行释放该画笔。核心代码如下：

//定义画笔绘制矩形 CPen MyPen, *OldPen; MyPen.CreatePen(PS_DASH, 2, RGB(0,0,255)); //虚线 粗2 蓝色 OldPen = pDC->SelectObject(&MyPen); //旧画笔赋值 //绘制图形 //清除 pDC->SelectObject(OldPen); MyPen.DeleteObject();

三. MFC键盘响应函数

1.基础知识

Windows对每个按键定义了与设备无关的编码，这种编码叫做虚拟码。有了这个虚拟码，Windwos程序员可以使用该虚拟码进行编程。其中键盘上部分按键的虚拟码如下图所示：

Windows按键消息常见如下：

WM_CHAR 敲击键盘上的字符键时，产生该消息

WM_KEYDOWN 任意键（包括字符键）被按下时都产生该消息，如果被按下的是字符键，在产生消息的同时还产生字符消息

WM_KEYUP 任意角（包括字符键）被释放都产生该消息

WM_SYSKEYDOWN F10被按下或者Alt与另一个键被同时按下

WM_SYSKEYUP F10被释放或者Alt与另一个键被同时释放

2.按键响应操作

同样，通过类向导建立按键按下函数。

//鼠标按键 void CMousePicView::OnKeyDown(UINT nChar, UINT nRepCnt, UINT nFlags) { // TODO: Add your message handler code here and/or call default CDC *p = GetDC(); p->MoveTo(m_point); //键盘按下 m_point.x += 40; //水平平移40 p->Rectangle(m_point.x, m_point.y, m_point.x+20, m_point.y+30); CView::OnKeyDown(nChar, nRepCnt, nFlags); }

需要将UINT nChar转换为Char字符型，然后进行盘，WASD进行上下左右移动绘制椭圆。

//鼠标按键 void CMousePicView::OnKeyDown(UINT nChar, UINT nRepCnt, UINT nFlags) { // TODO: Add your message handler code here and/or call default CDC *p = GetDC(); char cChar; //当前被按下的字符 cChar = char(nChar); //将按下的键转换为字符 //定义画笔 CPen MyPen, *OldPen; MyPen.CreatePen(PS_DASH, 2, RGB(0,0,255)); //虚线 粗2 蓝色 OldPen = p->SelectObject(&MyPen); //旧画笔赋值 //画刷 CBrush MyBrush, *OldBrush; MyBrush.CreateSolidBrush(RGB(0,255,0)); OldBrush = p->SelectObject(&MyBrush); if (cChar == 'D') { p->MoveTo(m_point); //D键按下 m_point.x += 40; //水平向右平移40 p->Ellipse(m_point.x, m_point.y, m_point.x+20, m_point.y+40); } if (cChar == 'A') { p->MoveTo(m_point); //A键按下 m_point.x -= 40; //水平向左平移40 p->Ellipse(m_point.x, m_point.y, m_point.x+20, m_point.y+40); } if (cChar == 'S') { p->MoveTo(m_point); //S键按下 m_point.y += 50; //竖直向下平移50 p->Ellipse(m_point.x, m_point.y, m_point.x+20, m_point.y+40); } if (cChar == 'W') { p->MoveTo(m_point); //W键按下 m_point.y -= 50; //竖直向上平移50 p->Ellipse(m_point.x, m_point.y, m_point.x+20, m_point.y+40); } //清除 p->SelectObject(OldPen); MyPen.DeleteObject(); p->SelectObject(OldBrush); MyBrush.DeleteObject(); CView::OnKeyDown(nChar, nRepCnt, nFlags); }

绘制如下图所示：

4.按键光标选择

//鼠标按键 void CMousePicView::OnKeyDown(UINT nChar, UINT nRepCnt, UINT nFlags) { //光标操作 char cChar; //当前被按下的字符 HCURSOR hCursor = 0; //显示光标句柄 HCURSOR hPrevCursor = 0; //以前的光标句柄 cChar = char(nChar); //将按下的键转换为字符 if (cChar == 'A'){ //加载箭头光标 hCursor = AfxGetApp()->LoadStandardCursor(IDC_ARROW); } if (cChar == 'B'){ //加载箭头光标 hCursor = AfxGetApp()->LoadStandardCursor(IDC_IBEAM); } if (cChar == 'C'){ //加载箭头光标 hCursor = AfxGetApp()->LoadStandardCursor(IDC_WAIT); } if (cChar == 'X'){ hCursor = AfxGetApp()->LoadStandardCursor(IDC_ARROW); hPrevCursor = SetCursor(hCursor); if (hPrevCursor) DestroyCursor(hPrevCursor); } else{ if (hCursor){ hPrevCursor = SetCursor(hCursor); if (hPrevCursor) DestroyCursor(hPrevCursor); } } CView::OnKeyDown(nChar, nRepCnt, nFlags); }

四. MFC鼠标绘制-学生作业展示

最后展示学生做的成果，虽然代码非常简单，原理也很简单，但是学生做得真的挺好的，原来编程还可以这样上啊，一方面提升学生的学习兴趣，另一方面增加他们的编程能力。

还是那句话，非常佩服学生的创造力及想象力吧！而且编程课原来可以这么进行，提升学生的编程能力的同时也培养了学生的兴趣。希望文章对你有所帮助~

感恩能与大家在华为云遇见！

希望能与大家一起在华为云社区共同成长。原文地址：https://blog.csdn.net/Eastmount/article/details/53192634

(By:Eastmount 2021-12-16 夜于武汉)

C++ 图像处理

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。