简介这份资源面向具备一定VC基础的Windows开发者与数据可视化学习者聚焦MFC框架下动态实时曲线的绘制实现可用于监控系统、数据采集界面等需要实时刷新图表的场景。压缩包共60个文件约32.28MB以h头文件、cpp源文件、rc资源脚本、vcxproj工程文件及dsp/dsw旧版工程文件为主另含dll、lib、pdb等编译产物与tlog日志工程结构完整可直接打开编译运行。内容围绕自定义视图类重写OnDraw()、GDI的MoveTo/LineTo/Polyline绘图、CDatabase与CRecordset数据库取数、后台线程同步以及多曲线属性管理等关键点展开并涉及鼠标交互与内存DC双缓冲思路。已有1396人学习下载适合希望掌握MFC实时绘图与线程安全数据刷新技巧的读者参考借鉴。1. 从一块“心电图”说起MFC 动态实时曲线到底在画什么如果你手头有一个基于 MFC 的上位机项目传感器每 10ms 往串口吐一帧数据你需要在界面上画出一条不断向左滚动的波形——那你找对地方了。MFC 绘制动态实时曲线本质是在 Windows 原生框架下解决三个问题数据怎么高效进缓冲区、坐标怎么映射到像素、重绘怎么不闪。它适合工控上位机、医疗监护界面、嵌入式调试工具这类需要长时间稳定刷新的场景。很多人第一次做会直接用SetPixel或者每来一个点就Invalidate全屏重画结果 CPU 飙到 30% 以上曲线还一卡一卡的。这篇笔记就按我实际拆过的思路把选型、缓冲、映射、刷新和排错一次讲透让你拿到就能跑跑了不翻车。2. 选型先定死为什么是 MFC 双缓冲而不是 GDI 或 Direct2D2.1 三种绘制路径的实测对比在动手写代码之前先把绘制路径定下来。MFC 环境下常见三条路纯 GDI 逐点画、GDI 抗锯齿画、Direct2D 硬件加速画。我拿同一台工控机i5-7200U8G 内存跑过一组对比数据源是 8 通道、每通道 1000 点、刷新率 30fps绘制方式CPU 占用内存波动闪烁情况适用场景纯 GDI 逐点22%28%稳定明显点数少于 200GDI 双缓冲4%7%稳定无10005000 点GDI 抗锯齿15%20%略增无对线条平滑要求高Direct2D2%5%稳定无万点以上、需硬件加速结论很直接绝大多数工控和调试场景GDI 双缓冲是性价比最高的选择。GDI 虽然线条好看但每帧创建Graphics对象和Pen的开销在 30fps 下会累积成明显的 CPU 负担。Direct2D 性能最好但 MFC 集成成本高还要处理设备丢失对一般项目属于过度设计。2.2 双缓冲的核心原理双缓冲说白了就是“先画在内存里再一次性贴到屏幕上”。MFC 里用CDC配合CBitmap实现// 在对话框类中声明成员 CDC m_memDC; // 内存 DC CBitmap m_memBmp; // 内存位图 CBitmap* m_pOldBmp; // 旧位图指针用于恢复 CRect m_rcClient; // 绘图区域 // 初始化双缓冲在 OnInitDialog 或 OnSize 中调用 void CCurveDlg::InitDoubleBuffer() { CClientDC dc(this); GetClientRect(m_rcClient); // 创建兼容内存 DC m_memDC.CreateCompatibleDC(dc); // 创建与屏幕兼容的位图尺寸等于客户区 m_memBmp.CreateCompatibleBitmap(dc, m_rcClient.Width(), m_rcClient.Height()); // 把位图选入内存 DC保存旧位图 m_pOldBmp m_memDC.SelectObject(m_memBmp); }这段代码的关键在CreateCompatibleBitmap——它创建的位图格式和屏幕一致后续BitBlt才能零转换拷贝。SelectObject返回的旧位图必须保存否则内存 DC 析构时会泄漏 GDI 对象。窗口大小变化时要先SelectObject(m_pOldBmp)恢复再DeleteObject旧位图重新创建否则会出现位图尺寸不匹配导致的拉伸或黑边。2.3 数据缓冲区的设计实时曲线的数据不能直接画要先存进环形缓冲区。我一般用std::vector配合写指针模拟const int MAX_POINTS 5000; // 最大显示点数 std::vectordouble m_dataBuf; // 数据环形缓冲 int m_nWritePos 0; // 当前写入位置 int m_nCount 0; // 有效数据个数 // 初始化 m_dataBuf.resize(MAX_POINTS, 0.0); // 每来一个新数据点调用 void CCurveDlg::PushData(double value) { m_dataBuf[m_nWritePos] value; m_nWritePos (m_nWritePos 1) % MAX_POINTS; if (m_nCount MAX_POINTS) m_nCount; }环形缓冲的好处是内存固定不会因为长时间运行而增长。m_nWritePos始终指向下一个要覆盖的位置读取时从(m_nWritePos - m_nCount MAX_POINTS) % MAX_POINTS开始遍历。这里有个容易翻车的点当数据量超过 MAX_POINTS 时最旧的数据会被覆盖曲线左端会出现“跳变”。解决办法是在绘制时判断m_nCount MAX_POINTS从写指针位置开始画视觉上就是连续滚动。3. 坐标映射与绘制循环把 double 变成屏幕上的像素3.1 坐标变换的四个参数数据是 double屏幕是 int 像素中间需要一套映射。我习惯用四个参数描述double m_dXMin, m_dXMax; // X 轴数据范围 double m_dYMin, m_dYMax; // Y 轴数据范围 CRect m_rcPlot; // 绘图区去掉边距后的矩形映射函数就两行// 数据坐标 - 屏幕坐标 CPoint CCurveDlg::DataToScreen(double x, double y) { int sx m_rcPlot.left (int)((x - m_dXMin) / (m_dXMax - m_dXMin) * m_rcPlot.Width()); // 注意 Y 轴翻转屏幕 Y 向下增大数据 Y 向上增大 int sy m_rcPlot.bottom - (int)((y - m_dYMin) / (m_dYMax - m_dYMin) * m_rcPlot.Height()); return CPoint(sx, sy); }参数说明m_rcPlot要留出边距给坐标轴和标签一般上下左右各留 4060 像素。m_dXMin和m_dXMax决定横轴显示窗口实时滚动时通常固定窗口宽度比如m_dXMax - m_dXMin 10.0秒然后整体平移。Y 轴翻转是最容易写错的地方忘了翻转曲线就是倒的。3.2 绘制循环的完整流程每帧的绘制分四步清屏、画网格、画曲线、贴图。代码骨架void CCurveDlg::OnPaint() { CPaintDC dc(this); // 1. 用背景色清空内存 DC m_memDC.FillSolidRect(m_rcClient, RGB(0, 0, 0)); // 2. 画网格和坐标轴 DrawGrid(m_memDC); // 3. 画曲线 DrawCurve(m_memDC); // 4. 一次性贴到屏幕 dc.BitBlt(0, 0, m_rcClient.Width(), m_rcClient.Height(), m_memDC, 0, 0, SRCCOPY); } void CCurveDlg::DrawCurve(CDC* pDC) { if (m_nCount 2) return; CPen pen(PS_SOLID, 1, RGB(0, 255, 0)); CPen* pOldPen pDC-SelectObject(pen); int start (m_nWritePos - m_nCount MAX_POINTS) % MAX_POINTS; CPoint ptPrev DataToScreen(0, m_dataBuf[start]); for (int i 1; i m_nCount; i) { int idx (start i) % MAX_POINTS; CPoint ptCur DataToScreen(i, m_dataBuf[idx]); pDC-MoveTo(ptPrev); pDC-LineTo(ptCur); ptPrev ptCur; } pDC-SelectObject(pOldPen); }逻辑说明start计算出最旧数据的索引然后按时间顺序遍历。DataToScreen的第一个参数传i而不是实际时间是因为横轴窗口固定直接用点数映射更简单。如果横轴要显示真实时间把i换成i * sampleInterval即可。MoveTo/LineTo比Polyline慢点数超过 2000 时建议改用Polyline一次性传点数组能再降 30% 左右的绘制耗时。3.3 定时刷新与数据驱动刷新方式有两种定时器驱动和数据驱动。定时器驱动用SetTimer固定间隔重绘适合数据速率稳定的场景// 在 OnInitDialog 中 SetTimer(1, 33, nullptr); // 约 30fps void CCurveDlg::OnTimer(UINT_PTR nIDEvent) { if (nIDEvent 1) { Invalidate(FALSE); // FALSE 表示不擦背景避免闪烁 } CDialogEx::OnTimer(nIDEvent); }注意Invalidate(FALSE)的参数——传TRUE会先擦背景再触发OnPaint双缓冲就白做了。数据驱动则是每收到一帧数据就Invalidate适合低速场景。高速场景下数据驱动会导致重绘频率不可控我一般用定时器数据只负责写入缓冲区。4. 避坑与排查五个让我加班到凌晨的坑4.1 曲线闪烁现象是画面抖动原因是背景擦除现象曲线刷新时整个绘图区闪一下像老式日光灯。原因OnPaint里用了CPaintDC直接画或者Invalidate(TRUE)触发了WM_ERASEBKGND。解决在对话框类里重写OnEraseBkgnd直接返回TRUE禁止系统擦背景所有清屏操作都在内存 DC 里做。BOOL CCurveDlg::OnEraseBkgnd(CDC* pDC) { return TRUE; // 告诉系统背景已擦不要再擦 }4.2 内存泄漏现象是运行几小时后卡死原因是 GDI 对象没释放现象程序跑 34 小时后界面卡顿任务管理器里 GDI 对象数持续上涨。原因每次OnPaint都CreatePen或CreateCompatibleDC但没有DeleteObject。解决把画笔、画刷、字体这些对象做成类成员初始化时创建一次析构时释放。临时对象用CPen栈对象离开作用域自动析构。4.3 曲线断裂现象是波形中间有断线原因是环形缓冲越界现象数据量超过 MAX_POINTS 后曲线中间出现一条横穿屏幕的直线。原因遍历时索引计算错误从m_nWritePos直接开始读把新旧数据混在一起。解决严格用(start i) % MAX_POINTS计算索引并在m_nCount MAX_POINTS时只画有效部分。4.4 刷新率上不去现象是设定 30fps 实际只有 10fps原因是绘制耗时过长现象SetTimer设了 33ms但实际刷新间隔 100ms 以上。原因每帧绘制点数过多或者用了Polyline但没关抗锯齿。解决用QueryPerformanceCounter测单帧耗时如果超过 20ms减少显示点数或改用Polyline。另外检查是否在OnPaint里做了浮点除法——把DataToScreen里的除法提前算成乘法系数。4.5 窗口缩放后曲线错位现象是拉伸窗口后曲线跑到角落原因是绘图区没更新现象拖动窗口边缘改变大小曲线位置偏移或只画一部分。原因m_rcPlot还是旧尺寸内存位图也没重建。解决在OnSize里重新计算m_rcPlot并重建双缓冲位图。注意重建前先SelectObject(m_pOldBmp)恢复再DeleteObject旧位图。void CCurveDlg::OnSize(UINT nType, int cx, int cy) { CDialogEx::OnSize(nType, cx, cy); if (cx 0 || cy 0) return; // 恢复旧位图并释放 if (m_memDC.GetSafeHdc()) { m_memDC.SelectObject(m_pOldBmp); m_memBmp.DeleteObject(); } // 重新计算绘图区 GetClientRect(m_rcClient); m_rcPlot m_rcClient; m_rcPlot.DeflateRect(50, 30, 20, 40); // 留边距 // 重建双缓冲 InitDoubleBuffer(); Invalidate(FALSE); }5. 进阶技巧用 Polyline 批量绘制与性能验证5.1 把逐点 LineTo 换成 Polyline前面提过MoveTo/LineTo在点数多时开销大。Polyline接受一个POINT数组一次调用画完整条线。改造DrawCurvevoid CCurveDlg::DrawCurveFast(CDC* pDC) { if (m_nCount 2) return; // 预分配点数组避免每帧重新分配 static std::vectorPOINT pts; pts.resize(m_nCount); int start (m_nWritePos - m_nCount MAX_POINTS) % MAX_POINTS; for (int i 0; i m_nCount; i) { int idx (start i) % MAX_POINTS; pts[i] DataToScreen(i, m_dataBuf[idx]); } CPen pen(PS_SOLID, 1, RGB(0, 255, 0)); CPen* pOldPen pDC-SelectObject(pen); pDC-Polyline(pts.data(), (int)pts.size()); pDC-SelectObject(pOldPen); }参数说明pts用static是为了跨帧复用内存避免每帧resize触发堆分配。Polyline的第二个参数是点数注意是int不是size_t。如果点数超过 10000考虑分段绘制因为 GDI 的Polyline在超大点数下会退化。5.2 用性能计数器验证优化效果优化完要验证不能凭感觉。在OnPaint开头和结尾加计时void CCurveDlg::OnPaint() { LARGE_INTEGER freq, t1, t2; QueryPerformanceFrequency(freq); QueryPerformanceCounter(t1); CPaintDC dc(this); // ... 绘制流程 ... QueryPerformanceCounter(t2); double ms (t2.QuadPart - t1.QuadPart) * 1000.0 / freq.QuadPart; // 输出到调试窗口或状态栏 TRACE(Frame draw: %.2f ms\n, ms); }我实测过一组数据5000 点、单通道逐点LineTo单帧 1822msPolyline降到 68msCPU 占用从 12% 降到 4%。如果开双通道逐点方式直接掉到 15fpsPolyline还能稳在 30fps。这个差距在低配工控机上就是能用和不能用的区别。5.3 一个容易被忽略的细节坐标轴标签的刷新曲线画得快了坐标轴标签如果每帧都重绘也会拖慢整体。我的做法是把网格和标签画到一个独立的背景位图里只在窗口大小变化或量程变化时重绘背景每帧只画曲线。这样单帧耗时能再降 23ms。具体实现是再建一个CBitmap m_bgBmp和对应的CDC m_bgDCOnSize时重绘背景OnPaint里先BitBlt背景再画曲线。从那以后我每次做实时曲线都强制先跑一遍性能计数器确认单帧耗时低于刷新间隔的 60% 再往下写业务逻辑。这个习惯帮我省掉了至少三次上线后的紧急优化。希望帮到你。本文还有配套的精品资源点击获取