顯示的圖形為什么會閃爍
我們的繪圖過程大多放在OnDraw或者OnPaint函數(shù)中,OnDraw在進行屏幕顯示時是由OnPaint進行調(diào)用的。當(dāng)窗口由于任何原因需要重繪時,總是先用背景色將顯示區(qū)清除,然后才調(diào)用OnPaint,而背景色往往與繪圖內(nèi)容反差很大,這樣在短時間內(nèi)背景色與顯示圖形的交替出現(xiàn),使得顯示窗口看起來在閃。如果將背景刷設(shè)置成NULL,這樣無論怎樣重繪圖形都不會閃了。當(dāng)然,這樣做會使得窗口的顯示亂成一團,因為重繪時沒有背景色對原來繪制的圖形進行清除,而又疊加上了新的圖形。有的人會說,閃爍是因為繪圖的速度太慢或者顯示的圖形太復(fù)雜造成的,其實這樣說并不對,繪圖的顯示速度對閃爍的影響不是根本性的。例如在OnDraw(CDC *pDC)中這樣寫:
pDC->MoveTo(0,0);
pDC->LineTo(100,100);
這個繪圖過程應(yīng)該是非常簡單、非??炝税桑抢瓌哟翱谧兓瘯r還是會看見閃爍。其實從道理上講,畫圖的過程越復(fù)雜越慢閃爍應(yīng)該越少,因為繪圖用的時間與用背景清除屏幕所花的時間的比例越大人對閃爍的感覺會越不明顯。比如:清楚屏幕時間為1s繪圖時間也是為1s,這樣在10s內(nèi)的連續(xù)重畫中就要閃爍5次;如果清楚屏幕時間為1s不變,而繪圖時間為9s,這樣10s內(nèi)的連續(xù)重畫只會閃爍一次。這個也可以試驗,在OnDraw(CDC *pDC)中這樣寫:
for(int i=0;i<100000;i++)
{
pDC->MoveTo(0,i);
pDC->LineTo(1000,i);
}
程序有點極端,但是能說明問題。
說到這里可能又有人要說了,為什么一個簡單圖形看起來沒有復(fù)雜圖形那么閃呢?這是因為復(fù)雜圖形占的面積大,重畫時造成的反差比較大,所以感覺上要閃得厲害一些,但是閃爍頻率要低。那為什么動畫的重畫頻率高,而看起來卻不閃?這里,我就要再次強調(diào)了,閃爍是什么?閃爍就是反差,反差越大,閃爍越厲害。因為動畫的連續(xù)兩個幀之間的差異很小所以看起來不閃。如果不信,可以在動畫的每一幀中間加一張純白的幀,不閃才怪呢。
2、解決辦法:
在圖形圖象處理編程過程中,雙緩沖是一種基本的技術(shù)。我們知道,如果窗體在響應(yīng)WM_PAINT消息的時候要進行復(fù)雜的圖形處理,那么窗體在重繪時由于過頻的刷新而引起閃爍現(xiàn)象。解決這一問題的有效方法就是雙緩沖技術(shù)。
因為窗體在刷新時,總要有一個擦除原來圖象的過程OnEraseBkgnd,它利用背景色填充窗體繪圖區(qū),然后在調(diào)用新的繪圖代碼進行重繪,這樣一擦一寫造成了圖象顏色的反差。當(dāng)WM_PAINT的響應(yīng)很頻繁的時候,這種反差也就越發(fā)明顯。于是我們就看到了閃爍現(xiàn)象。
我們會很自然的想到,避免背景色的填充是最直接的辦法。但是那樣的話,窗體上會變的一團糟。因為每次繪制圖象的時候都沒有將原來的圖象清除,造成了圖象的殘留,于是窗體重繪時,畫面往往會變的亂七八糟。所以單純的禁止背景重繪是不夠的。我們還要進行重新繪圖,但要求速度很快,于是我們想到了使用BitBlt函數(shù)。它可以支持圖形塊的復(fù)制,速度很快。我們可以先在內(nèi)存中作圖,然后用此函數(shù)將做好的圖復(fù)制到前臺,同時禁止背景刷新,這樣就消除了閃爍。以上也就是雙緩沖繪圖的基本的思路。
3、具體步驟:
假設(shè)我們建立了一個Draw的工程,我們要在DrawView中進行繪圖操作。
在雙緩沖方法中,首先要做的是屏蔽背景刷新。背景刷新其實是在響應(yīng)WM_ERASEBKGND消息。我們在視類(CDrawView)中添加對這個消息的響應(yīng),可以看到缺省的代碼如下:
BOOL CDrawView::OnEraseBkgnd(CDC* pDC)
{
//return CDrawView::OnEraseBkgnd(pDC);
return TRUE;
}
接下來是雙緩沖的實現(xiàn)步驟:
(1)增加成員變量(在DrawView.h文件中)
//參數(shù)聲明
CBitmap* m_pOldBitmap;
CBitmap* m_pMemBitmap; //聲明內(nèi)存中承載臨時圖象的位圖
CDC* m_pMemDC; //聲明用于緩沖作圖的內(nèi)存DC
(2)初始化變量(在DrawView的構(gòu)造函數(shù)中)
m_pMemDC=new CDC();
m_pMemBitmap=new CBitmap();
(3)增加消息響應(yīng)函數(shù)WM_CREATE(在DrawView.cpp中)
int CDrawView::OnCreate(LPCREATESTRUCT lpCreateStruct)
{
if (CView::OnCreate(lpCreateStruct) == -1)
return -1;
int x=GetSystemMetrics(SM_CXSCREEN);
int y=GetSystemMetrics(SM_CYSCREEN);
CDC* pDC=GetDC();
m_pMemDC->CreateCompatibleDC(pDC); //依附窗口DC創(chuàng)建兼容內(nèi)存DC
m_pMemBitmap->CreateCompatibleBitmap(pDC,x,y); //創(chuàng)建兼容位圖
m_pOldBitmap=m_pMemDC->SelectObject(m_pMemBitmap); //將位圖選進內(nèi)存DC,原位圖保存到m_pOldBitmap
CBrush brush(RGB(255,255,255));
m_pMemDC->FillRect(CRect(0,0,x,y),&brush); //設(shè)置客戶區(qū)背景為白色
ReleaseDC(pDC);
return 0;
}
(4)修改OnDraw()函數(shù)(DrawView.cpp中)
void CDrawView::OnDraw(CDC* pDC)
{
CDocument* pDoc = GetDocument();
CRect rc;
GetClientRect(&rc);
DrawSomething(); //在這個函數(shù)里你可以畫你想畫的東西
pDC->BitBlt(0,0,rc.Width(),rc.Height(),m_pMemDC,0,0,SRCCOPY);
//這里就是將內(nèi)存里面的畫布復(fù)制到顯示設(shè)備的buffer了
}
(5)自己的繪圖函數(shù)(DrawView.cpp中)
void DrawSomething()
{
m_pMemDC->Rectangle(0,0,100,100); //此處畫了個矩形
Invalidate();
}
(6)delete掉new的東西(在DrawView的析構(gòu)函數(shù)中)
delete m_pBitmap;
delete m_pMemDC;