VC 双缓冲绘图

骑猪看日落 2022-08-03 03:10 220阅读 0赞

在图形图象处理[编程][Link 1]过程中，双缓冲是一种基本的技术。我们知道，如果窗体在响应WM\_PAINT消息的时候要进行复杂的图形处理，那么窗体在重绘时由于过频的刷新而引起闪烁现象。解决这一问题的有效方法就是双缓冲技术。

因为窗体在刷新时，总要有一个擦除原来图象的过程OnEraseBkgnd，它利用背景色填充窗体绘图区，然后在调用新的绘图代码进行重绘，这样一擦一写造成了图象颜色的反差。当WM\_PAINT的响应很频繁的时候，这种反差也就越发明显。于是我们就看到了闪烁现象。

我们会很自然的想到，避免背景色的填充是最直接的办法。但是那样的话，窗体上会变的一团糟。因为每次绘制图象的时候都没有将原来的图象清除，造成了图象的残留，于是窗体重绘时，画面往往会变的乱七八糟。所以单纯的禁止背景重绘是不够的。我们还要进行重新绘图，但要求速度很快，于是我们想到了使用BitBlt函数。它可以支持图形块的复制，速度很快。我们可以先在[内存][Link 2]中作图，然后用此函数将做好的图复制到前台，同时禁止背景刷新，这样就消除了闪烁。以上也就是双缓冲绘图的基本的思路。

一、普通方法：

先按普通做图的方法进行编程。即在视类的OnDraw函数中添加绘图代码。在此我们绘制若干同心圆，代码如下：

<table style="width:376px"> 
 <tbody> 
  <tr> 
   <td>&nbsp;CBCDoc* pDoc = GetDocument();&nbsp;<br> <br> ASSERT_VALID(pDoc);&nbsp;<br> <br> CPoint ptCenter;&nbsp;<br> <br> CRect rect,ellipseRect;&nbsp;<br> <br> GetClientRect(&amp;rect);&nbsp;<br> <br> ptCenter = rect.CenterPoint();&nbsp;<br> <br> for(int i=20;i&gt;0;i--)&nbsp;<br> <br> {&nbsp;<br> <br> ellipseRect.SetRect(ptCenter,ptCenter);&nbsp;<br> <br> ellipseRect.InflateRect(i*10,i*10);&nbsp;<br> <br> p<a href="http://hw.rdxx.com/DC/" style="color:rgb(0,102,255); text-decoration:none" rel="nofollow"><span style="color:#3080cb">DC</span></a>-&gt;Ellipse(ellipseRect);&nbsp;<br> <br> }</td> 
  </tr> 
 </tbody> 
</table>

编译运行程序，尝试改变窗口大小，可以发现闪烁现象。

二、双缓冲方法：

在双缓冲方法中，首先要做的是屏蔽背景刷新。背景刷新其实是在响应WM\_ERASEBKGND消息。我们在视类中添加对这个消息的响应，可以看到缺省的代码如下：

<table style="width:376px"> 
 <tbody> 
  <tr> 
   <td>&nbsp;BOOL CMYView::OnEraseBkgnd(CDC* pDC)&nbsp;<br> <br> {&nbsp;<br> <br> return CView::OnEraseBkgnd(pDC);&nbsp;<br> <br> }</td> 
  </tr> 
 </tbody> 
</table>

是调用父类的OnEraseBkgnd函数，我们屏蔽此调用，只须直接return TRUE；即可。

下面是内存缓冲作图的步骤。

<table style="width:409px"> 
 <tbody> 
  <tr> 
   <td>&nbsp;CPoint ptCenter;&nbsp;<br> <br> CRect rect,ellipseRect;&nbsp;<br> <br> GetClientRect(&amp;rect);&nbsp;<br> <br> ptCenter = rect.CenterPoint();&nbsp;<br> <br> CDC dcMem; //用于缓冲作图的内存DC&nbsp;<br> <br> CBitmap bmp; //内存中承载临时图象的位图&nbsp;<br> <br> dcMem.CreateCompatibleDC(pDC); //依附窗口DC创建兼容内存DC&nbsp;<br> <br> bmp.CreateCompatibleBitmap(pDC,rect.Width(),rect.Height());//创建兼容位图&nbsp;<br> <br> dcMem.SelectObject(&amp;bmp); //将位图选择进内存DC&nbsp;<br> <br> //按原来背景填充客户区，不然会是黑色&nbsp;<br> <br> dcMem.FillSolidRect(rect,pDC-&gt;GetBkColor());&nbsp;<br> <br> for(int i=20;i&gt;0;i--) //在内存DC上做同样的同心圆图象&nbsp;<br> <br> {&nbsp;<br> <br> ellipseRect.SetRect(ptCenter,ptCenter);&nbsp;<br> <br> ellipseRect.InflateRect(i*10,i*10);&nbsp;<br> <br> dcMem.Ellipse(ellipseRect);&nbsp;<br> <br> }&nbsp;<br> <br> pDC-&gt;BitBlt(0,0,rect.Width(),rect.Height(),&nbsp;<br> <br> &amp;dcMem,0,0,SRCCOPY);//将内存DC上的图象拷贝到前台&nbsp;<br> <br> dcMem.DeleteDC(); //删除DC&nbsp;<br> <br> bm.DeleteObject(); //删除位图</td> 
  </tr> 
 </tbody> 
</table>

由于复杂的画图操作转入后台，我们看到的是速度很快的复制操作，自然也就消除了闪烁现象。  
    注意：bmp.CreateCompatibleBitmap（pDC，rect.Width（），rect.Height（））；

这里面CreateCompatibleBitmap第一个参数不能用dcMem，这样的话创建的是黑白位图。如果你要创建彩色位图，需要用pDC，它用来创建了内存DC. 详细请见下面的MSDN：

<table style="width:376px"> 
 <tbody> 
  <tr> 
   <td>&nbsp;When a memory device context is created, it initially has a 1-by-1 monochrome bitmap selected into it. If this memory device context is used in CreateCompatibleBitmap, the bitmap that is created is a monochrome bitmap. To create a color bitmap, use the hDC that was used to create the memory device context, as shown in the following code:&nbsp;<br> <br> HDC memDC = CreateCompatibleDC ( hDC );&nbsp;<br> <br> HBITMAP memBM = CreateCompatibleBitmap ( hDC, nWidth, nHeight );&nbsp;<br> <br> SelectObject ( memDC, memBM );</td> 
  </tr> 
 </tbody> 
</table>

# 双缓冲技术绘图 #

当数据量很大时，绘图可能需要几秒钟甚至更长的时间，而且有时还会出现闪烁现象，为了解决这些问题，可采用双缓冲技术来绘图。

双缓冲即在内存中创建一个与屏幕绘图区域一致的对象，先将图形绘制到内存中的这个对象上，再一次性将这个对象上的图形拷贝到屏幕上，这样能大大加快绘图的速度。双缓冲实现过程如下：

1、在内存中创建与画布一致的缓冲区

2、在缓冲区画图

3、将缓冲区位图拷贝到当前画布上

4、释放内存缓冲区

在图形图象处理编程过程中,双缓冲是一种基本的技术。我们知道,如果窗体在响应WM\_PAINT消息的时候要进行复杂的图形处理，那么窗体在重绘时由于过频的刷新而引起闪烁现象。解决这一问题的有效方法就是双缓冲技术。因为窗体在刷新时，总要有一个擦除原来图象的过程OnEraseBkgnd，它利用背景色填充窗体绘图区，然后在调用新的绘图代码进行重绘，这样一擦一写造成了图象颜色的反差。当WM\_PAINT的响应很频繁的时候，这种反差也就越发明显。于是我们就看到了闪烁现象。

我们会很自然的想到，避免背景色的填充是最直接的办法。但是那样的话，窗体上会变的一团糟。因为每次绘制图象的时候都没有将原来的图象清除，造 成了图象的残留，于是窗体重绘时，画面往往会变的乱七八糟。所以单纯的禁止背景重绘是不够的。我们还要进行重新绘图，但要求速度很快，于是我们想到了使用 BitBlt函数。它可以支持图形块的复制，速度很快。我们可以先在内存中作图，然后用此函数将做好的图复制到前台，同时禁止背景刷新，这样就消除了闪 烁。以上也就是双缓冲绘图的基本的思路。

首先给出实现的程序，然后再解释，同样是在OnDraw(CDC \*pDC)中：

CDC MemDC; //首先定义一个显示设备对象

CBitmap MemBitmap;//定义一个位图对象　//随后建立与屏幕显示兼容的内存显示设备　MemDC.CreateCompatibleDC(NULL);　//这时还不能绘图，因为没有地方画 ^\_^

//下面建立一个与屏幕显示兼容的位图，至于位图的大小嘛，可以用窗口的大小，也可以自己定义

（如：有滚动条时就要大于当前窗口的大小，在BitBlt时决定拷贝内存的哪部分到屏幕上）

MemBitmap.CreateCompatibleBitmap(pDC,nWidth,nHeight);　//将位图选入到内存显示设备中　//只有选入了位图的内存显示设备才有地方绘图，画到指定的位图上

CBitmap \*pOldBit=MemDC.SelectObject(&MemBitmap);　//先用背景色将位图清除干净，这里我用的是白色作为背景　//你也可以用自己应该用的颜色

MemDC.FillSolidRect(0,0,nWidth,nHeight,RGB(255,255,255));　//绘图

MemDC.MoveTo(……);　MemDC.LineTo(……);　//将内存中的图拷贝到屏幕上进行显示

pDC->BitBlt(0,0,nWidth,nHeight,&MemDC,0,0,SRCCOPY);　//绘图完成后的清理　//把前面的pOldBit选回来.在删除MemBitmap之前要先从设备中移除它

MemDC.SelectObject(pOldBit);　MemBitmap.DeleteObject();　MemDC.DeleteDC();　 **双缓冲（two way soft-closing）**

[Link 1]: http://dev.rdxx.com/
[Link 2]: http://hw.rdxx.com/Memory/