当前位置: 首页 > news >正文

彻底解决 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;}// 创建兼容 DCif (CreateCompatibleDC(pDC)) {m_bMemDC = TRUE;// 创建与屏幕 DC 兼容的位图,大小为绘图区域m_bitmap.CreateCompatibleBitmap(pDC, m_rect.Width(), m_rect.Height());// 将位图选入 DCm_pOldBitmap = SelectObject(&m_bitmap);// 设置窗口原点,以支持偏移绘图SetWindowOrg(m_rect.left, m_rect.top);}
}CBufferedDC::~CBufferedDC()
{if (m_bMemDC) {// 最终一步:将内存 DC 内容复制回屏幕 DCm_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);      // ✅ 创建内存 DCDrawGrid(&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: 绘制网格、文本、状态等
}

✅ 最终效果

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

❗ 常见问题排查

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

💡 项目推荐结构

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

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


🧰 总结

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

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

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

相关文章:

  • 短视频矩阵SaaS系统:开源部署与核心功能架构指南
  • C++中switch-case的性能优化策略详解
  • itvbox绿豆影视tvbox手机版影视APP源码分享搭建教程
  • 如何理解OSI七层模型和TCP/IP四层模型?HTTP作为如何保存用户状态?多服务器节点下 Session方案怎么做
  • 学习 React【Plan - June - Week 1】
  • .net 使用MQTT订阅消息
  • AirSim/Cosys-AirSim 游戏开发(三)打包可执行文件
  • AI代码助手需求说明书架构
  • OPenCV CUDA模块光流------高效地执行光流估计的类BroxOpticalFlow
  • day46python打卡
  • 市面上哪款AI开源软件做ppt最好?
  • 【前端】每日一道面试题6:解释Promise.any和Promise.allSettled的使用场景及区别。
  • T/SAIAS 018—2025《具身智能语料库建设导则》研究报告:体系解构与实施路径
  • Nuxt.js 中的路由配置详解
  • Webhook 配置备忘
  • Chrome 浏览器前端与客户端双向通信实战
  • 前端对WebSocket进行封装,并建立心跳监测
  • 前端项目初始化
  • Web 架构之 CDN 加速原理与落地实践
  • ESP8266(NodeMcu)+GPS模块+TFT屏幕实现GPS码表
  • 常熟公司做网站/站长之家字体
  • 网站内的新闻怎样做链接/百度一下你就知道官页
  • 佛山网站设计是/网络营销的八大能力
  • 重庆建设安全管理网站/深圳营销型网站设计公司
  • 网站建设如何定位/百度查重工具
  • 北京网站建设net2006/长沙网站排名推广