彻底解决 MFC 自绘控件闪烁

MFC 通用双缓冲类 CBufferedDC 实践总结

在 MFC 中实现自绘控件时，如绘制信号状态网格、实时面板等，闪烁现象常常严重影响用户体验。本文将介绍一个通用的双缓冲类 CBufferedDC，可轻松应用到任何自绘控件中，彻底解决闪烁和黑边问题。

❓ 常见问题

在开发自绘控件（如 CJobSlotGrid）时，我们通常遇到以下问题：

• ❌ 刷新界面时闪烁明显；
• ❌ 鼠标悬停、点击切换背景颜色会出现跳动；
• ❌ 部分像素区域未被覆盖，显示出黑色边框；
• ❌ OnEraseBkgnd() 虽然返回 TRUE，仍然无法解决闪烁；

🧠 为什么需要双缓冲？

传统绘制流程如下：

[系统 WM_PAINT]
 → OnEraseBkgnd()
   → 系统先擦背景（默认灰/白）
 → OnPaint()
   → 用户自己绘图（可能慢）

⚠️ 在两个步骤之间就会出现 空白、闪烁、或黑块。

🧩 解决方法：

所有绘图先在内存 DC 上完成，最后一次性贴到窗口，避免任何中间状态被用户看到。

这种方法就是 “双缓冲绘图”。

🛠️ 自定义双缓冲类 CBufferedDC

为实现高复用性和通用性，我们将双缓冲逻辑封装为一个类，任何 MFC 控件都可以直接使用。

📁 BufferedDC.h

#pragma once
#include <afxwin.h>

// 通用双缓冲绘图类：避免闪烁和撕裂
class CBufferedDC : public CDC
{
public:
    /**
     * 构造函数
     * @param pDC - 屏幕 DC，通常为 CPaintDC
     * @param pRect - 可选，绘制区域（默认使用 GetClipBox）
     */
    CBufferedDC(CDC* pDC, const CRect* pRect = nullptr);

    /**
     * 析构函数
     * 自动将绘制内容贴到屏幕，并清理资源
     */
    ~CBufferedDC();

    // 重载箭头操作符和类型转换，像使用普通 CDC 一样使用它
    CBufferedDC* operator->();
    operator CDC*();

private:
    CBitmap m_bitmap;        // 用于绘制的位图
    CBitmap* m_pOldBitmap;   // 保存旧位图
    CDC* m_pDC;              // 屏幕 DC 引用
    CRect m_rect;            // 绘图区域
    BOOL m_bMemDC;           // 是否启用了内存 DC
};

📁 BufferedDC.cpp

#include "stdafx.h"
#include "BufferedDC.h"

CBufferedDC::CBufferedDC(CDC* pDC, const CRect* pRect)
    : CDC(), m_pOldBitmap(nullptr), m_pDC(pDC), m_bMemDC(FALSE)
{
    ASSERT(pDC != nullptr);

    // 获取绘图区域
    if (pRect == nullptr) {
        pDC->GetClipBox(&m_rect); // 默认使用 clip 区域
    }
    else {
        m_rect = *pRect;
    }

    // 创建兼容 DC
    if (CreateCompatibleDC(pDC)) {
        m_bMemDC = TRUE;

        // 创建与屏幕 DC 兼容的位图，大小为绘图区域
        m_bitmap.CreateCompatibleBitmap(pDC, m_rect.Width(), m_rect.Height());

        // 将位图选入 DC
        m_pOldBitmap = SelectObject(&m_bitmap);

        // 设置窗口原点，以支持偏移绘图
        SetWindowOrg(m_rect.left, m_rect.top);
    }
}

CBufferedDC::~CBufferedDC()
{
    if (m_bMemDC) {
        // 最终一步：将内存 DC 内容复制回屏幕 DC
        m_pDC->BitBlt(m_rect.left, m_rect.top, m_rect.Width(), m_rect.Height(),
                      this, m_rect.left, m_rect.top, SRCCOPY);

        // 恢复旧位图
        SelectObject(m_pOldBitmap);
    }
}

CBufferedDC* CBufferedDC::operator->() { return this; }
CBufferedDC::operator CDC*() { return this; }

🧩 如何在控件中使用 CBufferedDC

以一个自绘控件 CJobSlotGrid 为例，原本使用 CPaintDC 直接绘图，容易闪烁。我们改成如下方式：

🔄 修改 OnPaint()

void CJobSlotGrid::OnPaint()
{
    CPaintDC dc(this);
    CBufferedDC memDC(&dc);      // ✅ 创建内存 DC
    DrawGrid(&memDC);            // ✅ 所有绘制集中在内存中
}

❌ 禁用系统背景清除

BOOL CJobSlotGrid::OnEraseBkgnd(CDC* /*pDC*/)
{
    return TRUE; // ✅ 阻止系统清空背景，防止闪白/黑
}

🎨 在 DrawGrid() 中清背景

void CJobSlotGrid::DrawGrid(CDC* pDC)
{
    CRect rect;
    GetClientRect(&rect);
    pDC->FillSolidRect(&rect, ::GetSysColor(COLOR_3DFACE)); // ✅ 手动填充背景

    // TODO: 绘制网格、文本、状态等
}

✅ 最终效果

❗ 常见问题排查

💡 项目推荐结构

/Controls
  └── BufferedDC.h
  └── BufferedDC.cpp

今后任何控件只需 #include "BufferedDC.h" 即可。

🧰 总结

CBufferedDC 是一个通用的 MFC 双缓冲绘图类，可以轻松集成到你的控件中，彻底解决如下问题：

• 系统擦背景导致的闪烁；
• 多次 DrawText 层叠绘制导致的撕裂；
• 复杂图元刷新不一致导致的黑边。

它简单、通用、性能稳定，是 MFC 项目中抗闪烁的首选方案。