雙緩衝實現無閃爍繪圖

      經常看到別人提到雙緩衝來實現無閃爍繪圖，但是一直都是似懂非懂的樣子，也沒有實際去用過。有天看到定時器在VC裡面的應用，就想寫個時鐘的程式。參考了下別人的代碼，有的繪製的也很漂亮，其中有個是實現的數字時鐘。看了下代碼，繪製的部分很複雜，於是就想自己來實現下。正好就當做是對自己的鍛煉吧。

      由於繪製部分不是重點，只說下和雙緩衝相關的，當數字部分畫好開始顯示的時候，發現閃的確實很厲害。這時突然想到了網上經常提起的雙緩衝技術。用的時候沒有成功，網上也找了好久沒有發現答案。好像是繪製的問題，沒有把映像繪製到記憶體DC裡面。但是一直沒有解決，總覺得是畫上去的。開始都能顯示，為什麼換了個DC就沒有顯示了。後來才發現是座標不統一的原因，從對話方塊傳過來的是螢幕座標，而在用建立畫布去畫圖的時候卻用的是客戶區座標。然後把兩個座標統一了，這個閃爍的問題就解決了。

      其實用了以後對雙緩衝有了更深的瞭解。下面貼一下我程式中的雙緩衝實現的代碼： CPaintDC dc(this); // device context for painting<br /> GetClientRect(&m_rect);<br /> CRect rect = m_rect;<br /> m_dcMemory.DeleteDC();<br /> if (m_dcMemory.m_hDC == NULL)<br /> {<br /> m_dcMemory.CreateCompatibleDC(&dc);<br /> m_Bmp.DeleteObject();<br /> m_Bmp.CreateCompatibleBitmap(&dc,rect.Width(),rect.Height());<br /> m_dcMemory.SelectObject(&m_Bmp);<br /> DrawClock(&m_dcMemory);<br /> dc.BitBlt(0,0,rect.Width(),rect.Height(),&m_dcMemory,0,0,SRCCOPY);</p><p> }

       網上還看到別人都在用CMemDC這個類。於是想，反正現在在研究這方面的內容。也看下是怎麼用的。。

       用了以後發現其實還是很方便的，舉個例子：

CDC *pDC = this->GetDC();<br />CMemDC* pMemDC = NULL;<br />pDC = pMemDC = new CMemDC(pDC );<br /> //繪製部分 像平時作圖一樣<br /> //<br />delete pMemDC;<br />this->ReleaseDC(pDC);  

       現在就可以實現無閃爍繪圖了。

 

 

    下面轉載一下別人關於無閃爍繪圖的介紹。也方便自己以後翻閱的方便吧 ^_^

VC無閃爍刷屏技術的實現

 

在實現繪圖的過程中，顯示的圖形總是會閃爍，筆者曾經被這個問題折磨了好久，通過向高手請教，搜尋資料，問題基本解決，現將文檔整理出來以供大家參考.

1.顯示的圖形為什麼會閃爍
　　我們的繪圖過程大多放在OnDraw或者OnPaint函數中，OnDraw在進行螢幕顯示時是由OnPaint進行調用的。當視窗由於任何原因需要重繪時，總是先用背景色將顯示區清除，然後才調用OnPaint，而背景色往往與繪圖內容反差很大，這樣在短時間內背景色與顯示圖形的交替出現，使得顯示視窗看起來在閃。如果將背景刷設定成NULL，這樣無論怎樣重繪圖形都不會閃了。當然，這樣做會使得視窗的顯示亂成一團，因為重繪時沒有背景色對原來繪製的圖形進行清除，而又疊加上了新的圖形。有的人會說，閃爍是因為繪圖的速度太慢或者顯示的圖形太複雜造成的，其實這樣說並不對，繪圖的顯示速度對閃爍的影響不是根本性的。例如在OnDraw(CDC *pDC)中這樣寫：
pDC->MoveTo(0,0);
pDC->LineTo(100,100);

　　這個繪圖過程應該是非常簡單、非常快了吧，但是拉動視窗變化時還是會看見閃爍。其實從道理上講，畫圖的過程越複雜越慢閃爍應該越少，因為繪圖用的時間與用背景清除螢幕所花的時間的比例越大人對閃爍的感覺會越不明顯。比如：清楚螢幕時間為1s繪圖時間也是為1s，這樣在10s內的連續重畫中就要閃爍5次；如果清楚螢幕時間為1s不變，而繪圖時間為9s，這樣10s內的連續重畫只會閃爍一次。這個也可以實驗，在OnDraw(CDC *pDC)中這樣寫：
for(int i=0;i<100000;i++)
{
pDC->MoveTo(0,i);
pDC->LineTo(1000,i);
}

　　程式有點極端，但是能說明問題。

　　說到這裡可能又有人要說了，為什麼一個簡單圖形看起來沒有複雜圖形那麼閃呢？這是因為複雜圖形占的面積大，重畫時造成的反差比較大，所以感覺上要閃得厲害一些，但是閃爍頻率要低。那為什麼動畫的重畫頻率高，而看起來卻不閃？這裡，我就要再次強調了，閃爍是什嗎？閃爍就是反差，反差越大，閃爍越厲害。因為動畫的連續兩個幀之間的差異很小所以看起來不閃。如果不信，可以在動畫的每一幀中間加一張純白的幀，不閃才怪呢。

2、如何避免閃爍
　　在知道圖形顯示閃爍的原因之後，對症下藥就好辦了。首先當然是去掉MFC提供的背景繪製過程了。實現的方法很多:
　　* 可以在視窗形成時給視窗的註冊類的背景刷付NULL
　　* 也可以在形成以後修改背景

static CBrush brush(RGB(255,0,0));
SetClassLong(this->m_hWnd,GCL_HBRBACKGROUND,(LONG)(HBRUSH)brush);

　　* 要簡單也可以重載OnEraseBkgnd(CDC* pDC)直接返回TRUE

　　這樣背景沒有了，結果圖形顯示的確不閃了，但是顯示也象前面所說的一樣，變得一團亂。怎麼辦？這就要用到雙緩衝的方法了。雙緩衝就是除了在螢幕上有圖形進行顯示以外，在記憶體中也有圖形在繪製。我們可以把要顯示的圖形先在記憶體中繪製好，然後再一次性的將記憶體中的圖形按照一個點一個點地覆蓋到螢幕上去（這個過程非常快，因為是非常規整的記憶體拷貝）。這樣在記憶體中繪圖時，隨便用什麼反差大的背景色進行清除都不會閃，因為看不見。當貼到螢幕上時，因為記憶體中最終的圖形與螢幕顯示圖形差別很小（如果沒有運動，當然就沒有差別），這樣看起來就不會閃。

3、如何?雙緩衝
　　首先給出實現的程式，然後再解釋，同樣是在OnDraw(CDC *pDC)中：

CDC MemDC; //首先定義一個顯示裝置對象
CBitmap MemBitmap;//定義一個位元影像對象

//隨後建立與螢幕顯示相容的記憶體顯示裝置
MemDC.CreateCompatibleDC(NULL);
//這時還不能繪圖，因為沒有地方畫
//下面建立一個與螢幕顯示相容的位元影像，至於位元影像的大小嘛，可以用視窗的大小
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);

//繪圖完成後的清理
MemBitmap.DeleteObject();
MemDC.DeleteDC();

　　請參閱注釋。

4、如何提高繪圖的效率
　　實際上，在OnDraw(CDC *pDC)中繪製的圖並不是所有都顯示了的，例如：你在OnDraw中畫了兩個矩形，在一次重繪中雖然兩個矩形的繪製函數都有執行，但是很有可能只有一個顯示了，這是因為MFC本身為了提高重繪的效率設定了裁剪區。裁剪區的作用就是：只有在這個區內的繪圖過程才會真正有效，在區外的是無效的，即使在區外執行了繪圖函數也是不會顯示的。因為多數情況下視窗重繪的產生大多是因為視窗部分被遮擋或者視窗有滾動發生，改變的地區並不是整個圖形而只有一小部分，這一部分需要改變的就是pDC中的裁剪區了。因為顯示（往記憶體或者顯存都叫顯示）比繪圖過程的計算要費時得多，有了裁剪區後顯示的就只是應該顯示的部分，大大提高了顯示效率。但是這個裁剪區是MFC設定的，它已經為我們提高了顯示效率，在進行複雜圖形的繪製時如何進一步提高效率呢？那就只有去掉在裁剪區外的繪圖過程了。可以先用pDC->GetClipBox()得到裁剪區，然後在繪圖時判斷你的圖形是否在這個區內，如果在就畫，不在就不畫。
　　如果你的繪圖過程不複雜，這樣做可能對你的繪圖效率不會有提高。

　　具體程式大家可看以下原始碼：
5、無閃爍背景圖的繪製代碼實現
/////////////// 無閃爍背景圖繪製 //////////
//// 程式設計: icemen (溫冰) 樹愛兵
//////////////////////////////////////////////
BOOL CStrucView::OnEraseBkgnd(CDC* pDC)
{ int nWidth;
int nHeight;

//CView::OnEraseBkgnd(pDC);
CStrucDoc* pDoc = GetDocument();
ASSERT_VALID(pDoc);
CRect rect;
GetWindowRect(&rect);
nWidth = rect.Width();
nHeight= rect.Height();

CDC MemDC;
CBitmap MemBitmap;

MemDC.CreateCompatibleDC (NULL);
MemBitmap.CreateCompatibleBitmap(pDC,nWidth,nHeight);

CBitmap *pOldBit=MemDC.SelectObject(&MemBitmap);
MemDC.FillSolidRect(0,0,nWidth,nHeight,RGB(255,255,255));

///////////////////////////////////////////////////////
//// 以上為畫背景色 //////////////
//// 以下為畫背景圖 //////////////
///////////////////////////////////////////////////////
GetClientRect(rect);
BITMAP bm;
CDC dcMem;
VERIFY(m_bmp.GetObject(sizeof(bm),(LPVOID)&bm));
dcMem.CreateCompatibleDC(pDC);
CBitmap *pOldBMP =( CBitmap *)dcMem.SelectObject(&m_bmp);
MemDC.BitBlt( (rect.right - bm.bmWidth)/2,
(rect.bottom - bm.bmHeight)/2,
bm.bmWidth,bm.bmHeight,&dcMem,0,0,SRCCOPY);
dcMem.SelectObject(pOldBMP);
///////////////////////////////////////////////////////
//// 以上為畫背景圖 //////////////
///////////////////////////////////////////////////////

pDC->BitBlt(0,0,nWidth,nHeight,&MemDC,0,0,SRCCOPY);

MemBitmap.DeleteObject();
MemDC.DeleteDC();

return TRUE;
}
/////////////// 無閃爍背景圖繪製 //////////
/////////////////////////////////////////////

　　注:程式中m_bmp 為相應 的 StrucView.h中定義,為位元影像資源類
protected:
CBitmap m_bmp;

　　並應加上下面段,當然,你可在任何時候加入loadBitmap 子常式,也可加入檔案資源,那由得你了!
CStrucView::CStrucView()
{
VERIFY(m_bmp.LoadBitmap(IDB_BITMAP3));
}