彻底解决 MFC 自绘控件闪烁

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

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


❓ 常见问题

在开发自绘控件(如 CJobSlotGrid)时,我们通常遇到以下问题:

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

🧠 为什么需要双缓冲?

传统绘制流程如下:

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

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

🧩 解决方法:

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

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


🛠️ 自定义双缓冲类 CBufferedDC

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


📁 BufferedDC.h

cpp 复制代码
#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

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()

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

❌ 禁用系统背景清除

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

🎨 在 DrawGrid() 中清背景

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

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

✅ 最终效果

项目 效果
背景闪烁 ✅ 彻底消除
黑边/撕裂 ✅ 无
响应效率 ✅ 快速刷新也不卡顿
可复用性 ✅ 高,可用于任何 MFC 控件

❗ 常见问题排查

问题 原因与解决方案
仍然闪烁 ✅ 检查是否在 DrawGrid() 之外使用了原始 dc
黑色边缘未覆盖 ✅ 检查 CBufferedDC 构造中是否传入 CRect 完整区域
闪烁改善但未完全消除 ✅ 确保 OnEraseBkgnd() 返回 TRUE
画面撕裂、锯齿 ✅ 考虑结合 GDI+ 做抗锯齿处理(未来扩展)

💡 项目推荐结构

复制代码
/Controls
  └── BufferedDC.h
  └── BufferedDC.cpp

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


🧰 总结

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

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

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

相关推荐
一只鱼^_34 分钟前
牛客周赛 Round 108
数据结构·c++·算法·动态规划·图论·广度优先·推荐算法
愚润求学2 小时前
【贪心算法】day6
c++·算法·leetcode·贪心算法
沐怡旸2 小时前
【底层机制】右值引用是什么?为什么要引入右值引用?
c++·面试
scx201310043 小时前
P13929 [蓝桥杯 2022 省 Java B] 山 题解
c++·算法·蓝桥杯·洛谷
CYRUS_STUDIO3 小时前
LLVM 不止能编译!自定义 Pass + 定制 clang 实现函数名加密
c语言·c++·llvm
CYRUS_STUDIO3 小时前
OLLVM 移植 LLVM 18 实战,轻松实现 C&C++ 代码混淆
c语言·c++·llvm
落羽的落羽3 小时前
【C++】简单介绍lambda表达式
c++·学习
Dovis(誓平步青云)3 小时前
《探索C++11:现代语法的内存管理优化“性能指针”(下篇)》
开发语言·jvm·c++
小欣加油4 小时前
leetcode 912 排序数组(归并排序)
数据结构·c++·算法·leetcode·排序算法
星竹晨L4 小时前
【C++】类和对象(三)
c++