解决绘图时闪烁问题的一点经验

Posted 2020-12-02 arxive

2015-05

 

由于作图过于复杂和频繁，所以时常出现闪烁的情况，一些防止闪烁的方法，如下：

(1)将Invalidate()替换为InvalidateRect()。

Invalidate()会导致整个窗口的图象重画，需要的时间比较长，而InvalidateRect()仅仅重画Rect区域内的内容，所以所需时间会少一些。不要为一小块区域的重画就调用Invalidate()，不愿意自己去计算需要重画的Rect，事实上，如果你确实需要改善闪烁的情况，计算一个Rect所用的时间比起重画那些不需要重画的内容所需要的时间要少得多。

(2)禁止系统擦除你的窗口。

系统在需要重画窗口的时候会帮你用指定的背景色来擦除窗口。可是，也许需要重画的区域也许非常小。或者，在你重画这些东西之间还要经过大量的计算才能开始.这个时候你可以禁止系统擦掉原来的图象。直到你已经计算好了所有的数据，自己把那些需要擦掉的部分用背景色覆盖掉（如：dc.FillRect(rect，&brush)；rect是需要擦除的区域，brush是带背景色的刷子），再画上新的图形。要禁止系统擦除你的窗口，可以重载OnEraseBkgnd()函数，让其直接返回TRUE就可以了。如

BOOL CmyWin::OnEraseBkgnd(CDC* pDC)  

{ 

return TRUE; 

//return CWnd::OnEraseBkgnd(pDC);//把系统原来的这条语句注释掉。 

}  

(3)有效的进行擦除。

擦除背景的时候，不要该擦不该擦的地方都擦。比如，你在一个窗口上放了一个很大的Edit框，几乎占了整个窗口，那么你频繁的擦除整个窗口背景将导致Edit不停重画形成剧烈的闪烁.事实上你可以CRgn创建一个需要擦除的区域，只擦除这一部分.如

GetClientRect(rectClient); 
rgn1.CreateRectRgnIndirect(rectClient); 
rgn2.CreateRectRgnIndirect(m_rectEdit);  
if(rgn1.CombineRgn(&rgn1,&rgn2,RGN_XOR)= ERROR) 
//处理后的rgn1只包括了Edit框之外的客户区域，这样，Edit将不会被我的背景覆盖而导致重画. 
{ 

ASSERT(FALSE); 
return ; 
}  
brush.CreateSolidBrush(m_clrBackgnd); 
pDC->FillRgn(&rgn1,&brush); 
brush.DeleteObject(); 

　　

注意：在使用这个方法的时候要同时使用方法二。

(4).使用MemoryDC先在内存里把图画好，再复制到屏幕上。

这对于一次画图过程很长的情况比较管用。毕竟内存操作比较快，而且复制到屏幕又是一次性的，至少不会出现可以明显看出一个东西从左画到右的情况。

解决Windows程序界面闪烁问题的一些经验

一般的windows 复杂的界面需要使用多层窗口而且要用贴图来美化，所以不可避免在窗口移动或者改变大小的时候出现闪烁。

先来谈谈闪烁产生的原因

原因一：

如果熟悉显卡原理的话，调用GDI函数向屏幕输出的时候并不是立刻就显示在屏幕

上只是写到了显存里，而显卡每隔一段时间把显存的内容输出到屏幕上，这就是刷新周期。

一般显卡的刷新周期是 1/80秒左右，具体数字可以自己设置的。

这样问题就来了，一般画图都是先画背景色，然后再把内容画上去，如果这两次操作不在同一个

刷新周期内完成，那么给人的视觉感受就是，先看到只有背景色的图像，然后看到画上内容的图像，

这样就会感觉闪烁了。

解决方法：尽量快的输出图像，使输出在一个刷新周期内完成，如果输出内容很多比较慢，那么采用

内存缓冲的方法，先把要输出的内容在内存准备好，然后一次输出到显存。要知道一次API调用一般可以

在一个刷新周期内完成。

对于GDI，用创建内存DC的方法就可以了

原因二：

复杂的界面有多层窗口组成，当windows在窗口改变大小的时候是先重画父窗口，然后重画子窗口，子父

窗口重画的过程一般无法在一个刷新周期内完成，所以会呈现闪烁。

我们知道父窗口上被子窗口挡住的部分其实没必要重画的

解决方法：给窗口加个风格 WS_CLIPCHILDREN ,这样父窗口上被子窗口挡住的部分就不会重画了。

如果同级窗口之间有重叠，那么需要再加上 WS_CLIPSIBLINGS 风格

原因三：

有时候需要在窗口上使用一些控件，比如IE，当你的窗口改变大小的时候IE会闪烁，即使你有了WS_CLIPCHILDREN

也没用。原因在于窗口的类风格有CS_HREDRAW 或者 CS_VREDRAW，这两个风格表示窗口在宽度或者高度变化的时候

重画，但是这样就会引起IE闪烁

解决方法：注册窗口类的时候不要使用这两个风格，如果窗口需要在改变大小的时候重画，那么可以在WM_SIZE的时候

调用RedrawWindow。

原因四：

界面上窗口很多，而且改变大小时很多窗口都要移动和改变大小，如果使用MoveWindow或者SetWindowPos两个API来

改变窗口的大小和位置，由于他们是等待窗口重画完成后才返回，所以过程很慢，这样视觉效果就可能会闪烁。

解决方法：

使用以下API来处理窗口移动，BeginDeferWindowPos, DeferWindowPos，EndDeferWindowPos

先调用 BeginDeferWindowPos 设定需要移动的窗口的个数

使用DeferWindowPos，来移动窗口，这个API并不真的造成窗口移动

EndDeferWindowPos 一次性完成所有窗口的大小和位置的改变。

有个地方要特别注意，要仔细计算清楚要移动多少个窗口，BeginDeferWindowPos设定

的个数一定要和实际的个数一致，否则在Win9x下，如果实际移动的窗口数多于调用BeginDeferWindowPos

时设定的个数，可能会造成系统崩溃。在Windows NT系列下不会有这样的问题。

使用内存DC解决重画闪烁问题

下述代码在OnDraw时绘图：

void CRedrawDemoView::OnDraw(CDC* pDC)   
{   
CRedrawDemoDoc* pDoc = GetDocument();   
ASSERT_VALID(pDoc);   
// TODO: add draw code for native data here   
static const char* pText = "解决重画闪烁问题！";   
RECT clRect;   
::GetClientRect(m_hWnd, &clRect);   
pDC->FillSolidRect(&clRect, RGB(255, 255, 255));   
int x = 100, y = 100;   
RECT rect = { x - 20, y - 20};   
rect.right = rect.left + 160;   
rect.bottom = rect.top + 60;   
pDC->FillSolidRect(&rect, RGB(0, 255, 0));   
pDC->TextOut(x, y, pText, strlen(pText));   
}   

首先将背景填充白色，然后画一绿色的矩形，再在矩形上输出一段文字，如此过程必然会引起画面闪烁，

解决办法：使用内存DC，先将图形绘制到内存DC，然后拷贝到屏幕，实现无闪烁绘图。

修改后的代码如下：

void CRedrawDemoView::OnDraw(CDC* pDC)   
{   
CRedrawDemoDoc* pDoc = GetDocument();   
ASSERT_VALID(pDoc);   
// TODO: add draw code for native data here   
static const char* pText = "解决重画闪烁问题！";   
CRect clRect;   
::GetClientRect(m_hWnd, &clRect);   
CDC memDC;   
memDC.CreateCompatibleDC(pDC);   
CBitmap bitmap;   
bitmap.CreateCompatibleBitmap(pDC, clRect.Width(), clRect.Height());   
CBitmap * pOldBitmap = memDC.SelectObject(&bitmap);   
memDC.FillSolidRect(&clRect, RGB(255, 255, 255));   
int x = 100, y = 100;   
RECT rect = { x - 20, y - 20};   
rect.right = rect.left + 160;   
rect.bottom = rect.top + 60;   
memDC.FillSolidRect(&rect, RGB(0, 255, 0));   
memDC.TextOut(x, y, pText, strlen(pText));   
pDC->BitBlt(0, 0, clRect.Width(), clRect.Height(), &memDC, 0, 0, SRCCOPY);   
memDC.SelectObject(pOldBitmap);   
}   

也可以在上述代码中加入绘制Bitmap位图代码，注意应该阻止窗口擦除背景，重载OnEraseBkgnd函数

BOOL CRedrawDemoView::OnEraseBkgnd(CDC* pDC)   
{   
// TODO: Add your message handler code here and/or call default   
return TRUE;   
// return CView::OnEraseBkgnd(pDC);   
}   

为易于理解，以上代码未经优化。用:

CreateCompatibleBitmap

CreateCompatibleDC

等函数在内存中把要画的图先画出来,然后使用 

BitBlt复制到设备上就OK!