其他分享
首页 > 其他分享> > MFC画刷绘图(想模仿Microsoft的画图)

MFC画刷绘图(想模仿Microsoft的画图)

作者:互联网

CBrush类,创建画刷对象,通常用于填充一块区域。(此处缺gif,术业有专攻,东西也有专用。。。日后一定补上来,痛哭流涕)


 1.创建一个红色画刷绘图:(鼠标左键按下,这个消息响应OnLButtonDown

 1 void CMy0727MfcTestAppView::OnLButtonDown(UINT nFlags, CPoint point)
 2 {
 3     // TODO: 在此添加消息处理程序代码和/或调用默认值
 4     // 创建一个红色画刷
 5     CBrush brush(RGB(255, 0, 0));
 6     // 创建并获得设备描述表
 7     CClientDC dc(this);
 8     // 利用红色画刷填充鼠标拖拽过程中形成的矩形区域
 9     dc.FillRect(CRect(m_ptOrigin, point), &brush); // m_ptOrigin 初始点(0,0)  
10     CView::OnLButtonDown(nFlags, point);
11 }
这样做的问题在于,点击一下左键就会直接绘制出来一个矩形颜色块,看起来很不顺眼,另外,这里的m_ptOrigin设置的初始值为(0,0),也就是从左上角到鼠标点击处构成一个红色块。如下图:


 2.那我现在想按下左键后拖拽鼠标,然后等左键弹起,在这个拖拽区域(鼠标左键按下,和鼠标左键弹起,这两点构成的区域)绘制该怎么实现?
:记录鼠标左键按下的位置,然后在OnLButtonUp(左键弹起)中绘制就可以了
void CMy0727MfcTestAppView::OnLButtonDown(UINT nFlags, CPoint point)
{
    // TODO: 在此添加消息处理程序代码和/或调用默认值
    m_ptOrigin = point;    // 记录初始点坐标
    CView::OnLButtonDown(nFlags, point);
}

void CMy0727MfcTestAppView::OnLButtonUp(UINT nFlags, CPoint point)
{
    // TODO: 在此添加消息处理程序代码和/或调用默认值
    CBrush brush(RGB(255, 0, 0));
    CClientDC dc(this);
    dc.FillRect(CRect(m_ptOrigin, point), &brush);
    CView::OnLButtonUp(nFlags, point);
}

在OnLButtonDown中记录左键按下的位置,在OnLButtonUp进行绘制,(在鼠标按下后,要一直按着拖拽,如果直接在同一点按下然后马上抬起,虽然会绘制,不过太小了你根本看不到的,或者说,这两个点重合,导致矩形坍缩为一个点,所以需要拖一点距离)


 (穿插一点)(2.5).使用位图画刷,即矩形块使用一个位图来填充,不使用这个颜色块
首先需要去创建一个位图,资源视图中的Bitmap文件,右键,添加资源(这个是已有,然后添加进去)/插入资源(没有,自己画一个),然后就可以愉快的使用了(ID什么的自己改一改,符合规范就行),代码都差不多

 1 void CMy0727MfcTestAppView::OnLButtonDown(UINT nFlags, CPoint point)
 2 {
 3     // TODO: 在此添加消息处理程序代码和/或调用默认值
 4     m_ptOrigin = point;
 5     CView::OnLButtonDown(nFlags, point);
 6 }
 7 
 8 
 9 
10 void CMy0727MfcTestAppView::OnLButtonUp(UINT nFlags, CPoint point)
11 {
12     // TODO: 在此添加消息处理程序代码和/或调用默认值
13     // 创建位图对象
14     CBitmap bitmap;
15     // 加载位图资源
16     bitmap.LoadBitmap(IDB_BITMAP1);
17     // 创建位图画刷
18     CBrush brush(&bitmap);
19     // 创建并获得设备描述表
20     CClientDC dc(this);
21     // 利用位图画刷填充鼠标拖曳过程中形成的矩形区域
22     dc.FillRect(CRect(m_ptOrigin, point), &brush);
23 
24     CView::OnLButtonUp(nFlags, point);
25 }


3.上一次实现的是鼠标抬起后才会出现图案,在拖拽过程不会出现,这显然不符合我们干活的要求,再次改进,要求在拖拽时也能看到这个绘制的图形
:这里首先还是需要记录起始点(鼠标左键按下点),然后在鼠标移动的过程中进行绘制,可以有消息响应OnMouseMove函数实现,最后抬起左键,结束绘制
 1 void CMy0727MfcTestAppView::OnMouseMove(UINT nFlags, CPoint point)
 2 {
 3     // TODO: 在此添加消息处理程序代码和/或调用默认值
 4     if (m_bDraw == true)    // 在鼠标拖拽过程中进行绘制
 5     {
 6         CBitmap bitmap;
 7         bitmap.LoadBitmap(IDB_BITMAP1);
 8         CBrush brush(&bitmap);
 9         CClientDC dc(this);
10 
11         dc.FillRect(CRect(m_ptOrigin, point), &brush);
12     }
13     CView::OnMouseMove(nFlags, point);
14 }
15 
16 
17 void CMy0727MfcTestAppView::OnLButtonDown(UINT nFlags, CPoint point)
18 {
19     // TODO: 在此添加消息处理程序代码和/或调用默认值
20     // 表示左键已经按下
21     m_bDraw = true;
22     m_ptOrigin = point;
23     CView::OnLButtonDown(nFlags, point);
24 }
25 
26 
27 
28 void CMy0727MfcTestAppView::OnLButtonUp(UINT nFlags, CPoint point)
29 {
30     // TODO: 在此添加消息处理程序代码和/或调用默认值
31     m_bDraw = false;     // 左键抬起,绘制结束
32     CView::OnLButtonUp(nFlags, point);
33 }

确实能够实现,在拖拽过程中就可以显示,但是这不是有bug,这个矩形块变大出现图案,但是在拖曳过程中,当矩形块缩小的时候,图案又不会变小,还是保持最大的情形,这和我们使用的画图软件画矩形块的功能比不上啊。。。。。怎么解决这个问题?

4.如果在鼠标移动过程中,把上一次绘制的矩形块给清除掉,然后再根据这次得到的最新的矩形块进行填充那问题不就解决了,

:利用函数RedrawWindow实现指定区域重绘?(也就是干掉之前绘制的图案)
:解决方案,在OnMouseMove中绘制时,绘制完后就利用RedrawWindow函数清空刚刚绘制区域,这样在鼠标连续拖曳过程中就可以看到随着鼠标的移动,绘制出来的矩形区域可变大变小,最后在OnLButtonUp函数中最后绘制一次(这次是最终的矩形块,因为之前在OnMouseMove中绘制时,每绘制一次就会清空一次,所以不在OnLButtonUp再绘制一次,界面上不会存在矩形块的)问题解决,
(当然,你也可以尝试先清除,再绘制,我试了一下,这不太符合要求,主要是鼠标在移动中,这次的清除无法消除上次绘制的痕迹)
 1 void CMy0727MfcTestAppView::OnMouseMove(UINT nFlags, CPoint point)
 2 {
 3     // TODO: 在此添加消息处理程序代码和/或调用默认值
 4     if (m_bDraw == true)
 5     {
 6         CBitmap bitmap;
 7         bitmap.LoadBitmap(IDB_BITMAP1);
 8         CBrush brush(&bitmap);
 9         CClientDC dc(this);
10 
11         dc.FillRect(CRect(m_ptOrigin, point), &brush);// 绘制
12         Sleep(5);        // 暂停一会,不然一绘制就清空,肉眼根本看不到,可以删掉试试
13         RedrawWindow(CRect(m_ptOrigin, point));        // 重绘指定区域
14     }
15     CView::OnMouseMove(nFlags, point);
16 }
17 
18 void CMy0727MfcTestAppView::OnLButtonDown(UINT nFlags, CPoint point)
19 {
20     // TODO: 在此添加消息处理程序代码和/或调用默认值
21     // 表示左键已经按下
22     m_bDraw = true;
23     m_ptOrigin = point;
24     CView::OnLButtonDown(nFlags, point);
25 }
26 
27 void CMy0727MfcTestAppView::OnLButtonUp(UINT nFlags, CPoint point)
28 {
29     // TODO: 在此添加消息处理程序代码和/或调用默认值
30     if (m_bDraw == true)                        // 最后再次绘制一次
31     {
32         CBitmap bitmap;
33         bitmap.LoadBitmap(IDB_BITMAP1);
34         CBrush brush(&bitmap);
35         CClientDC dc(this);
36         dc.FillRect(CRect(m_ptOrigin, point), &brush);
37     }
38     m_bDraw = false;        // 停止绘制
39     CView::OnLButtonUp(nFlags, point);
40 }                    

问题解决,新问题又来了,如何解决这个绘制过程中的闪烁问题?这显示是绘制和清空之间出现的闪烁,这看起来也太费眼了,怎么解决这个问题?


 5.观察上面的绘制过程,找到了几个主要的问题:

一,绘制过程中闪烁问题;
二,已绘制的地方,当我再次拖曳时,会把他给覆盖,然后会因为拖曳而清空(RedrawWindow重绘所致),最后导致清除了之前绘制的图案;
三,在绘制过程中,按下左键后的拖拽过程,鼠标出界面后,怎么修改m_Draw,否则鼠标再次回界面无需按下左键随意可绘制,无法约束;

5.1双缓冲解决绘制过程中的闪烁:参考博文:MFC中的双缓冲技术(解决绘图闪烁问题),  【MFC】双缓存 背景刷新 ,MFC VC 双缓冲绘图基本原理与实现 ,MFC中如何实现指定区域的重绘 ,VC++双缓冲保持背景不擦除之实现
全部看完,不会也会了,大致操作就是,先在内存DC里直接画图,然后再把这个画好的进行显示,
(抄的一段话:)(在图形图象处理编程过程中,双缓冲是一种基本的技术。我们知道,如果窗体在响应WM_PAINT消息的时候要进行复杂的图形处理,那么窗体在重绘时由于过频的刷新而引起闪烁现象。解决这一问题的有效方法就是双缓冲技术。因为窗体在刷新时,总要有一个擦除原来图象的过程OnEraseBkgnd,它利用背景色填充窗体绘图区,然后在调用新的绘图代码进行重绘,这样一擦一写造成了图象颜色的反差。当WM_PAINT的响应很频繁的时候,这种反差也就越发明显。于是我们就看到了闪烁现象。)
原理明白了,,现在就上代码喽:
 1 void CMy0727MfcTestAppView::OnLButtonDown(UINT nFlags, CPoint point)
 2 {
 3     // TODO: 在此添加消息处理程序代码和/或调用默认值
 4     // 表示左键已经按下
 5     m_bDraw = true;
 6     m_ptOrigin = point;      // 记录初始点
 7     CView::OnLButtonDown(nFlags, point);
 8 }
 9 
10 void CMy0727MfcTestAppView::OnLButtonUp(UINT nFlags, CPoint point)
11 {
12     // TODO: 在此添加消息处理程序代码和/或调用默认值
13     m_bDraw = false;
14     CView::OnLButtonUp(nFlags, point);
15 }
16 
17 
18 void CMy0727MfcTestAppView::OnMouseMove(UINT nFlags, CPoint point)
19 {
20     // TODO: 在此添加消息处理程序代码和/或调用默认值
21     // 点我画刷
22     if (m_bDraw == true)
23     {
24         CDC * pDC = GetDC();        // 获取DC
25 
26         CRect rect;                    // 用于存储客户区大小
27         GetClientRect(&rect);
28 
29         CDC dcMem;                  // 用于缓冲作图的内存DC
30         CBitmap bmp;                // 内存中承载临时图象的位图
31                                                                             
32         bmp.CreateCompatibleBitmap(pDC, rect.Width(), rect.Height());    // 创建兼容位图
33         dcMem.CreateCompatibleDC(pDC);             // 依附窗口DC创建兼容内存DC
34         dcMem.SelectObject(bmp);                   // 将位图选择进内存DC
35         dcMem.FillSolidRect(rect, pDC->GetBkColor());    // 按原来背景填充客户区,不然会是黑色RGB(255,255,255)
36                             
37             // 这里是选择了位图画刷,和前面一样
38         CBitmap bitmap;
39         bitmap.LoadBitmap(IDB_BITMAP1);
40         CBrush brush(&bitmap);
41 
42         dcMem.FillRect(CRect(m_ptOrigin, point), &brush);    // 使用位图画刷在内存DC绘制
43         pDC->BitBlt(0, 0, rect.Width(), rect.Height(), &dcMem, 0, 0, SRCCOPY); // 将内存DC上的图象拷贝到前台
44 
45             // 释放空间
46         dcMem.DeleteDC();                 
47         bmp.DeleteObject();
48         ReleaseDC(pDC);
49     }
50     CView::OnMouseMove(nFlags, point);
51 }

问题一解决,能够正常画图,没闪烁;

5.2,是解决了闪烁问题,那怎么保存上一次画的图,毕竟现在画完一次后,再次画上次就消失了,(毕竟这是在OnMouseMove里面定义的局部变量,当然会消失)
解决方案:这里要考虑画图中我们到底把画 ,画在了什么地方,只有先搞清楚这个才能把画保存下来。   参考博文:如何将CDC上的绘图直接反映在他的BITMAP内?
我们所做的画,其实就保存在一个CBitmap中,经过dcMem.SelectObject(bmp); 语句之后,所画的图就保存在bmp之中了,那么问题就变得简单了。
显示画布1,绘图画布2,(显示画布1用来存储整个绘制的画)操作过程:
0、绘图画布2复制显示画布1      ----------   这样在绘制画布2 绘制时,还可以看到之前绘制的图形
1、在绘图画布2上进行绘画,当此前绘画结束,把绘图画布2的作品再次画一份到显示画布1,显示画布1保存 ---------  注意,是把这次的绘画操作,重新画一份到显示画布1,而不是把绘图画布2整个复制过去(----,好像复制过去也没什么问题。。。。反正前面说的做)
2、回到第0步骤。重复此过程,
这样一个大致的绘画过程就实现了,能够保存当前的绘画,还是利用前面提到的双缓冲技术,不过此处需要增加一个全局的画布,用来存绘制的画 
代码如下:  (主要是设计显示画布1,绘图画布2在5.1中基本解决) ---------- 变量名没取好,
View.h
1 // 首先去定义成员变量,作为全局的变量
2 public:
3     CDC * dcMem;                                   //用于缓冲作图的内存DC
4     CBitmap * bmp;                                 //内存中承载临时图象的位图
5         // 用于复制CBitmap
6     bool CopyCBitmapFromSrc(CBitmap* pBitmapDest, CBitmap* pBitmapSrc);
7     // 记录矩形绘制的终点
8     CPoint end_point;
View.cpp  
 1 // 构造函数,析构函数
 2 CMy0727MfcTestAppView::CMy0727MfcTestAppView()
 3 {
 4     // TODO: 在此处添加构造代码
 5     m_bDraw = false;
 6 
 7     dcMem = new CDC();
 8     bmp = new CBitmap();
 9 
10 }
11 
12 CMy0727MfcTestAppView::~CMy0727MfcTestAppView()
13 {
14     delete dcMem;
15     delete bmp;
16 }
 1 int CMy0727MfcTestAppView::OnCreate(LPCREATESTRUCT lpCreateStruct)
 2 {
 3     if (CView::OnCreate(lpCreateStruct) == -1)
 4         return -1;
 5 
 6     // TODO:  在此添加您专用的创建代码
 7     int x = GetSystemMetrics(SM_CXSCREEN);
 8     int y = GetSystemMetrics(SM_CYSCREEN);
 9 
10     CDC* pDC = GetDC();
11 
12     bmp->CreateCompatibleBitmap(pDC, x, y);        // 创建兼容位图
13     dcMem->CreateCompatibleDC(pDC);                // 依附窗口DC创建兼容内存DC
14     dcMem->SelectObject(bmp);                    // 将位图选择进内存DC
15     dcMem->FillSolidRect(CRect(0, 0, x, y), RGB(255,255,255));    // 按原来背景填充客户区,不然会是黑色 
16     ReleaseDC(pDC);
17 
18     return 0;
19 }
 1 BOOL CMy0727MfcTestAppView::OnEraseBkgnd(CDC* pDC)
 2 {
 3     // TODO: 在此添加消息处理程序代码和/或调用默认值
 4 // 这里说的是截断干掉默认返回,然后写return true;语句,但是好像没发现有什么影响,欸,就先不管了,出了问题再来考虑
 5 //    CRect rc;
 6 //    GetClientRect(rc);
 7 //    pDC->FillSolidRect(rc, RGB(255, 255, 255)); // 避免 出现黑色View,刷白
 8 //    return true;
 9     return CView::OnEraseBkgnd(pDC);
10 }
 1 // 用来复制CBitmap,即把显示画布1复制给绘图画布2的过程
 2 bool CMy0727MfcTestAppView::CopyCBitmapFromSrc(CBitmap* pBitmapDest, CBitmap* pBitmapSrc)
 3 {
 4     BOOL bFlag = false;
 5 
 6     BITMAP bmpInfo;
 7     // 获取源图信息
 8     pBitmapSrc->GetBitmap(&bmpInfo);
 9     // 求取每一个像素所占的字节
10     long sizeBits = bmpInfo.bmWidth * bmpInfo.bmHeight * (bmpInfo.bmWidthBytes / bmpInfo.bmWidth);
11     // 分配内存
12     PBYTE pBits = new BYTE[sizeBits];
13     ZeroMemory(pBits, sizeBits);
14     // 保存源图像素信息
15     pBitmapSrc->GetBitmapBits(sizeBits, pBits);
16     // 创建新图
17     bFlag = pBitmapDest->CreateBitmap(bmpInfo.bmWidth, bmpInfo.bmHeight, bmpInfo.bmPlanes, bmpInfo.bmBitsPixel, pBits);
18     // 回收资源
19     delete[]pBits;
20 
21     return bFlag;
22 }
 1 void CMy0727MfcTestAppView::OnMouseMove(UINT nFlags, CPoint point)
 2 {
 3     // TODO: 在此添加消息处理程序代码和/或调用默认值
 4     if (m_bDraw == true)
 5     {
 6         end_point = point;                // 记录绘制终点
 7         CDC * pDC1 = GetDC();
 8         CRect rect1;
 9         GetClientRect(&rect1);
10         CDC dcMem1;                                   //用于缓冲作图的内存DC
11         CBitmap * bmp1 = new CBitmap();                                 //内存中承载临时图象的位图
12 // 复制一份bmp,然后作图,
13         CopyCBitmapFromSrc(bmp1, bmp);
14         dcMem1.CreateCompatibleDC(pDC1);               //依附窗口DC创建兼容内存DC
15         dcMem1.SelectObject(bmp1);                    //将位图选择进内存DC
16         CBitmap bitmap;
17         bitmap.LoadBitmap(IDB_BITMAP1);
18         CBrush brush(&bitmap);
19 
20         dcMem1.FillRect(CRect(m_ptOrigin, end_point), &brush);        // 绘制
21 
22         pDC1->BitBlt(0, 0, rect1.Width(), rect1.Height(), &dcMem1, 0, 0, SRCCOPY);//将内存DC上的图象拷贝到前台
23 
24         dcMem1.DeleteDC();                    // 删除DC
25         delete bmp1;                          // 删除位图
26         ReleaseDC(pDC1);
27     }
28     CView::OnMouseMove(nFlags, point);
29 }
30 
31 void CMy0727MfcTestAppView::OnLButtonDown(UINT nFlags, CPoint point)
32 {
33     // TODO: 在此添加消息处理程序代码和/或调用默认值
34     // 表示左键已经按下
35     m_bDraw = true;
36     m_ptOrigin = point;
37     CView::OnLButtonDown(nFlags, point);
38 }
39 
40 void CMy0727MfcTestAppView::OnLButtonUp(UINT nFlags, CPoint point)
41 {
42     // TODO: 在此添加消息处理程序代码和/或调用默认值
43     if (m_bDraw == true)                  // 此处就是把绘图画布中新绘制的图形保存到显示画布,用于存储记录刚刚绘制的图形
44     {
45         CBitmap bitmap;
46         bitmap.LoadBitmap(IDB_BITMAP1);
47         CBrush brush(&bitmap);
48 
49         dcMem->FillRect(CRect(m_ptOrigin, point), &brush);        // 绘制
50     }
51     m_bDraw = false;
52     CView::OnLButtonUp(nFlags, point);
53 }    

CBitmap图像拷贝_恋上豆沙包的博客 (函数CopyCBitmapFromSrc的实现)(抄代码)

运行,发现确实是我们想要的功能,这和画图中拖拽绘制矩形块一样,结果如下图:(成功的成)

当然,这里还差了一点问题,发送WM_PAINT消息重绘后,图像会消失,这主要是因为调用OnDraw,而这个函数里没有代码用来显示画布,所以会出现这样的问题,其实只需要把显示画图加上就可以的,这里暂时就不做了

5.3------有点懒了,先把思路放这里吧,日后再来。。。
Bug1,没能够解决
// 这里的Bug,当我点下左键开始画线之后,然后把鼠标拖出去界面外,
// 再次拖回来,不点下左键也可以画线,因为m_bDraw还满足条件,所以出现了问题
// 同样,画刷那里也会存在这样的问题,。。。。。待解决!!!!
解决方案:鼠标位置捕获的问题,当它离开窗体后! https://bbs.csdn.net/topics/180279
SetCapture函数; https://www.cnblogs.com/zhuluqing/p/8994951.html
OnMouseLeave函数; 当光标离开之前调用 TrackMouseEvent中指定的窗口的工作区时,框架将调用此成员函数。


 ----------------->>>>>>>>>>

至此,问题差不多解决了,没解决基本上也是可以解决的,看看文中给的链接就好,
后面还考虑了撤销绘制操作这个功能,主要是捋了一下思路,并没有去实现,刚开始研究MFC,这个矩形块绘制也做了一天多了,8.12一天加8.15半天,(真的太慢了,主要是有些东西不知道,找资料。。。还需要自己琢磨研究方能领悟。。难搞)从画刷绘制到位图画刷,到拖拽画图,到实时显示图像,到双缓冲显示图像,到存储已绘制图像,
后面还可以继续实现,太懒了。。。。下次一定
 windows画图的撤销重做是如何实现的?      ---------     要是直接保存每一步绘制,这个我还可以做一下,不过想一下就很残暴,
 
如有错误,请留言联系,必回,改正,谢谢!

 2022-08-15

标签:MFC,画刷,point,CMy0727MfcTestAppView,bitmap,nFlags,绘制,Microsoft,左键
来源: https://www.cnblogs.com/2015-16/p/16578944.html