雙緩衝繪圖技術：原理、GDI 實作與動畫效果對比

普通繪圖痛點

直接在螢幕 DC 繪圖：複雜場景、位圖繁多時畫面閃爍、撕裂、延遲明顯。

雙緩衝核心原理

1. 建立記憶體 DC（CreateCompatibleDC）
2. 建立相容位圖（CreateCompatibleBitmap）並選入記憶體 DC
3. 所有繪圖操作導向記憶體 DC
4. 繪製完成後，一次 BitBlt 複製至螢幕 DC

關鍵函數鏈

// 1. 建立記憶體 DC
if (!m_memDC.CreateCompatibleDC(nullptr)) return;

// 2. 建立位圖
m_bmp.CreateCompatibleBitmap(&m_memDC, width, height);

// 3. 選入位圖
::SelectObject(m_memDC.GetSafeHdc(), m_bmp);

// 4. 繪圖操作（針對 m_memDC）
// ...

// 5. 一次性呈現至螢幕
pScreenDC->BitBlt(0, 0, width, height, &m_memDC, 0, 0, SRCCOPY);

動畫測試案例

範例程式在 View 上繪製漸變半徑同心圓：

• 無雙緩衡：畫面明顯閃爍、延遲
• 啟用雙緩衡：動畫流暢、無閃爍

進階：WM_ERASEBKGND 抑制背景刷新

BOOL CMyView::OnEraseBkgnd(CDC* pDC) { return TRUE; } // 禁止預設擦除

配合雙緩衡可完全消除閃爍。