1. 项目概述为什么今天还要搞MFC和GDI看到这个标题可能很多年轻开发者会皱眉头都什么年代了还在聊VC、MFC和GDI不是应该搞Qt、WPF或者各种前端框架吗这话没错但对于那些维护着庞大历史代码库的工业软件、嵌入式上位机、或者特定领域的桌面应用开发者来说MFC和GDI依然是绕不开的“老朋友”。我最近就因为一个老项目的功能升级重新扎进了这个“故纸堆”发现里面门道不少踩的坑也够写一篇回忆录了。所以今天我想抛开那些“上古技术已死”的论调从一个一线维护和开发者的角度聊聊在Visual C环境下基于MFC框架和GDI接口进行几何图形绘制的那些实战细节。这不仅仅是画个圆、画个矩形那么简单它涉及到消息驱动机制的理解、资源管理的老派智慧、以及在高性能要求下如何压榨GDI的每一分潜力。如果你正在接手类似的遗产系统或者对Windows底层图形绘制原理感兴趣那么这篇从实战中总结的笔记或许能帮你少走几段弯路。2. 战场准备理解MFC与GDI的协作框架在动手写一行绘图代码之前我们必须先搞清楚MFC和GDI在这个舞台上各自扮演什么角色以及它们是如何携手工作的。很多人把MFC当作一个过时的UI库这其实低估了它。MFCMicrosoft Foundation Classes本质上是一套用C对Windows API进行的面向对象封装它构建了一个以“文档-视图”为核心的应用程序框架。而GDIGraphics Device Interface则是Windows的图形设备接口负责一切在屏幕、打印机等设备上的像素输出。2.1 MFC的绘图消息驱动机制在MFC的世界里绘图不是你想画就画而是“响应召唤”。这个召唤就是Windows发送的WM_PAINT消息。当窗口需要被重绘时比如窗口从最小化恢复、被其他窗口遮挡后露出、或者你主动调用Invalidate()系统就会发送这个消息。MFC框架捕获这个消息后会调用视图类通常是CView或其派生类如CScrollView的OnDraw(CDC* pDC)虚函数。这里就是所有绘图操作的起点和主战场。CDCDevice Context设备上下文是GDI操作的核心对象你可以把它理解为一张画布或者一个绘图环境的抽象。OnDraw函数接收到的pDC指针就是框架为你准备好的、针对当前窗口客户区的画布。所有GDI函数如画线(MoveTo,LineTo)、画矩形(Rectangle)、画椭圆(Ellipse)都需要通过这个CDC对象来调用。注意永远不要在OnDraw之外长时间持有CDC对象更不要尝试删除框架传进来的pDC。绘图操作应集中在OnDraw及其调用的函数中完成。对于需要在其他消息如鼠标移动WM_MOUSEMOVE中进行的实时绘图如橡皮筋效果需要使用CClientDC或CWindowDC来临时获取设备上下文画完后立即释放。2.2 GDI绘图的基本要素与对象管理GDI绘图不像现代图形API那样直接操作顶点和着色器它采用的是“对象选入”模式。你可以把它想象成一支多功能绘图笔笔本身CDC提供移动和动作的能力但画什么颜色、用什么线宽、填充什么图案取决于你当前“选入”了什么样的工具GDI对象。主要GDI对象包括CPen画笔决定线条的颜色、宽度和样式实线、虚线、点线。CBrush画刷决定封闭图形如矩形、椭圆内部的填充颜色或图案。CFont字体用于文本输出。CBitmap位图用于贴图或创建内存设备上下文。这些对象都是资源必须遵循“谁创建谁删除”的老派C原则。MFC的这些类在析构时会自动删除底层的GDI对象这大大简化了管理。一个典型的绘图步骤是在OnDraw内部创建所需的GDI对象如CPen newPen。使用CDC::SelectObject()将新对象选入设备上下文并保存旧的对象指针CPen* pOldPen pDC-SelectObject(newPen)。执行绘图命令。绘图结束后将旧对象选回设备上下文pDC-SelectObject(pOldPen)。这是关键它确保了设备上下文的状态不被你的临时设置破坏。虽然MFC对象的析构会自动清理但及时选回旧对象是一个良好的习惯尤其是在复杂或存在异常可能性的代码中。3. 核心实战从简单图形到复杂交互绘制理论说得再多不如一行代码。我们从一个最简单的例子开始逐步增加复杂度。3.1 基础图形绘制矩形、椭圆与多边形假设我们要在视图中心绘制一个红色的边框矩形和一个蓝色的填充椭圆。void CMyGraphView::OnDraw(CDC* pDC) { CMyGraphDoc* pDoc GetDocument(); ASSERT_VALID(pDoc); if (!pDoc) return; CRect rectClient; GetClientRect(rectClient); // 获取客户区矩形 CPoint center rectClient.CenterPoint(); // 计算中心点 // 1. 绘制红色矩形边框 CPen redPen(PS_SOLID, 2, RGB(255, 0, 0)); // 创建2像素宽红色实线画笔 CPen* pOldPen pDC-SelectObject(redPen); CBrush* pOldBrush pDC-SelectStockObject(NULL_BRUSH); // 使用空画刷表示不填充 CRect rectRed(center.x - 100, center.y - 50, center.x 100, center.y 50); pDC-Rectangle(rectRed); // 绘制矩形 // 2. 绘制蓝色填充椭圆 CPen bluePen(PS_SOLID, 1, RGB(0, 0, 255)); CBrush blueBrush(RGB(0, 0, 255)); pDC-SelectObject(bluePen); pDC-SelectObject(blueBrush); CRect rectBlue(center.x - 80, center.y - 80, center.x 80, center.y 80); pDC-Ellipse(rectBlue); // 绘制椭圆 // 3. 恢复原来的GDI对象重要 pDC-SelectObject(pOldPen); pDC-SelectObject(pOldBrush); // redPen, bluePen, blueBrush 等局部对象会在函数结束时自动析构释放资源 }这段代码演示了基本流程创建工具Pen/Brush选入DC绘图恢复原状。SelectStockObject是一个有用的函数用于选入Windows预定义的库存对象如NULL_BRUSH空画刷、WHITE_BRUSH等。3.2 实现交互式绘图鼠标拖拽绘制静态图形意义有限交互式绘图才是GUI程序的灵魂。我们来实现一个经典的鼠标拖拽绘制矩形的功能橡皮筋效果。首先在视图类中添加成员变量记录绘图状态class CMyGraphView : public CView { ... protected: CPoint m_ptStart; // 鼠标按下起点 CPoint m_ptEnd; // 鼠标当前位置/终点 BOOL m_bDrawing; // 是否正在绘制中 CRect m_rectLast; // 上一次绘制的矩形用于擦除旧痕迹 ... };然后处理三个关键的鼠标消息// 消息映射 BEGIN_MESSAGE_MAP(CMyGraphView, CView) ON_WM_LBUTTONDOWN() ON_WM_MOUSEMOVE() ON_WM_LBUTTONUP() END_MESSAGE_MAP() void CMyGraphView::OnLButtonDown(UINT nFlags, CPoint point) { m_ptStart point; m_ptEnd point; m_bDrawing TRUE; SetCapture(); // 捕获鼠标确保即使鼠标移出窗口也能收到消息 // 将起点坐标存储在m_rectLast中初始矩形为0 m_rectLast.SetRect(m_ptStart.x, m_ptStart.y, m_ptStart.x, m_ptStart.y); CView::OnLButtonDown(nFlags, point); } void CMyGraphView::OnMouseMove(UINT nFlags, CPoint point) { if (m_bDrawing) { // 1. 创建用于绘制的设备上下文CClientDC用于客户区绘图 CClientDC dc(this); // 2. 设置R2_NOTXORPEN绘图模式。这是实现橡皮筋的关键 // 用此模式画两次相同的线会擦除它恢复原背景画一次则显示。 int nOldMode dc.SetROP2(R2_NOTXORPEN); // 3. 擦除旧的矩形痕迹用旧坐标再画一次 dc.MoveTo(m_rectLast.TopLeft()); dc.LineTo(m_rectLast.right, m_rectLast.top); dc.LineTo(m_rectLast.BottomRight()); dc.LineTo(m_rectLast.left, m_rectLast.bottom); dc.LineTo(m_rectLast.TopLeft()); // 4. 更新终点并绘制新的矩形痕迹 m_ptEnd point; m_rectLast.SetRect(m_ptStart.x, m_ptStart.y, m_ptEnd.x, m_ptEnd.y); dc.MoveTo(m_rectLast.TopLeft()); dc.LineTo(m_rectLast.right, m_rectLast.top); dc.LineTo(m_rectLast.BottomRight()); dc.LineTo(m_rectLast.left, m_rectLast.bottom); dc.LineTo(m_rectLast.TopLeft()); // 5. 恢复原来的绘图模式 dc.SetROP2(nOldMode); } CView::OnMouseMove(nFlags, point); } void CMyGraphView::OnLButtonUp(UINT nFlags, CPoint point) { if (m_bDrawing) { m_bDrawing FALSE; ReleaseCapture(); // 释放鼠标捕获 m_ptEnd point; // 最终在文档中保存这个矩形并触发正式重绘 CMyGraphDoc* pDoc GetDocument(); pDoc-AddRectangle(CRect(m_ptStart, m_ptEnd)); // 假设文档有此方法 pDoc-UpdateAllViews(NULL); // 通知所有视图更新 // 擦除最后的橡皮筋痕迹 CClientDC dc(this); int nOldMode dc.SetROP2(R2_NOTXORPEN); dc.MoveTo(m_rectLast.TopLeft()); dc.LineTo(m_rectLast.right, m_rectLast.top); dc.LineTo(m_rectLast.BottomRight()); dc.LineTo(m_rectLast.left, m_rectLast.bottom); dc.LineTo(m_rectLast.TopLeft()); dc.SetROP2(nOldMode); } CView::OnLButtonUp(nFlags, point); }关键技巧解析SetCapture()/ReleaseCapture()确保鼠标消息不丢失提供流畅的拖拽体验。SetROP2(R2_NOTXORPEN)这是GDI时代实现橡皮筋效果的“魔法”。它采用“异或非”光栅操作在同一个位置用同一种颜色画两次像素会恢复原状。这避免了频繁重绘整个窗口带来的闪烁效率极高。在OnLButtonUp中我们将最终的图形数据存入文档并调用UpdateAllViews。这会触发所有视图的OnDraw用持久化的方式将图形正式绘制出来从而将临时交互痕迹转化为永久图形。3.3 图形数据的管理与文档序列化在MFC的文档-视图架构中数据应存储在文档类CDocument派生类中。视图类负责显示和交互。对于我们的图形程序文档类需要管理一个图形对象列表。// 在文档类头文件中 class CMyGraphDoc : public CDocument { ... protected: CTypedPtrListCObList, CShape* m_shapeList; // 图形对象链表 ... }; // 一个简单的图形基类示例 class CShape : public CObject { DECLARE_SERIAL(CShape) // 支持序列化 public: virtual void Draw(CDC* pDC) 0; virtual CRect GetBounds() 0; ... }; class CRectangleShape : public CShape { DECLARE_SERIAL(CRectangleShape) public: CRect m_rect; COLORREF m_colorBorder; COLORREF m_colorFill; ... virtual void Draw(CDC* pDC) override { CPen pen(PS_SOLID, 1, m_colorBorder); CBrush brush(m_colorFill); pDC-SelectObject(pen); pDC-SelectObject(brush); pDC-Rectangle(m_rect); } };在视图的OnDraw中遍历文档中的列表进行绘制void CMyGraphView::OnDraw(CDC* pDC) { CMyGraphDoc* pDoc GetDocument(); POSITION pos pDoc-GetShapeListHeadPosition(); // 获取链表头位置 while (pos ! NULL) { CShape* pShape pDoc-GetNextShape(pos); pShape-Draw(pDC); } }序列化Serialize是MFC提供的一种方便的保存和加载数据机制。通过重写文档类和图形类的Serialize函数可以轻松实现文件的保存和打开功能。4. 性能优化与高级技巧当图形数量成百上千时简单的遍历绘制可能会遇到性能瓶颈尤其是需要频繁重绘如滚动、缩放时。以下是几个关键的优化方向。4.1 局部重绘与裁剪区域GDI支持裁剪区域Clip Region。通过CDC::SelectClipRgn可以限制绘图操作只在指定的区域内生效。在OnDraw中可以通过pDC-GetClipBox()获取需要重绘的区域矩形然后只绘制那些与该区域相交的图形这能极大提升绘制效率。void CMyGraphView::OnDraw(CDC* pDC) { CRect rectClip; pDC-GetClipBox(rectClip); // 获取需要重绘的区域 CMyGraphDoc* pDoc GetDocument(); POSITION pos pDoc-GetShapeListHeadPosition(); while (pos ! NULL) { CShape* pShape pDoc-GetNextShape(pos); CRect rectBounds pShape-GetBounds(); // 仅当图形边界与裁剪区域相交时才绘制 CRect rectIntersect; if (rectIntersect.IntersectRect(rectBounds, rectClip)) { pShape-Draw(pDC); } } }4.2 双缓冲技术彻底解决闪烁问题即使进行了局部重绘复杂图形的绘制仍可能因屏幕刷新而产生闪烁。双缓冲是解决这个问题的终极方案。其原理是在内存中创建一个与屏幕兼容的位图“后台缓冲区”先将所有图形画到这个内存位图上然后一次性将整张位图拷贝到屏幕设备上下文。void CMyGraphView::OnDraw(CDC* pDC) { CMyGraphDoc* pDoc GetDocument(); CRect rectClient; GetClientRect(rectClient); // 1. 创建内存DC和兼容位图 CDC memDC; CBitmap memBitmap; memDC.CreateCompatibleDC(pDC); memBitmap.CreateCompatibleBitmap(pDC, rectClient.Width(), rectClient.Height()); CBitmap* pOldBitmap memDC.SelectObject(memBitmap); // 2. 先用背景色填充内存位图模拟窗口背景 memDC.FillSolidRect(rectClient, RGB(255, 255, 255)); // 白色背景 // 3. 在内存DC上绘制所有图形 POSITION pos pDoc-GetShapeListHeadPosition(); while (pos ! NULL) { CShape* pShape pDoc-GetNextShape(pos); pShape-Draw(memDC); } // 4. 一次性将内存位图拷贝到屏幕DC pDC-BitBlt(0, 0, rectClient.Width(), rectClient.Height(), memDC, 0, 0, SRCCOPY); // 5. 清理 memDC.SelectObject(pOldBitmap); // memBitmap 和 memDC 在析构时会自动清理 }实操心得双缓冲会消耗额外的内存位图大小等于客户区大小对于超大窗口或内存紧张的环境需要权衡。但在现代计算机上这点开销通常可以接受。这是消除复杂界面闪烁最有效、最通用的方法。4.3 使用路径Path绘制复杂图形对于由多条线段、曲线构成的复杂图形频繁调用LineTo、BezierTo等函数效率较低。GDI提供了路径Path功能可以将一系列绘图命令记录到一个路径中然后一次性绘制或填充。void DrawComplexShape(CDC* pDC) { pDC-BeginPath(); // 开始定义路径 pDC-MoveTo(startPoint); pDC-LineTo(point1); pDC-LineTo(point2); pDC-BezierTo(ctrl1, ctrl2, endPoint); // 贝塞尔曲线 pDC-LineTo(startPoint); // 闭合 pDC-EndPath(); // 结束定义路径 // 然后可以一次性绘制或填充 pDC-StrokePath(); // 绘制路径轮廓 // 或者 pDC-FillPath(); // 填充路径内部 // 或者 pDC-StrokeAndFillPath(); // 同时绘制和填充 }路径不仅提高了绘制效率还可以用于复杂的区域计算和命中测试判断一个点是否在图形内。5. 常见问题排查与调试技巧在MFC和GDI开发中有些问题非常典型。这里记录几个我踩过的坑和解决方法。5.1 绘图不显示或闪烁异常检查OnDraw是否被调用在OnDraw函数开始处设置断点或输出调试信息TRACE或OutputDebugString。如果没进来可能是视图窗口无效区域设置有问题尝试在需要重绘的地方调用Invalidate()或InvalidateRect()。检查GDI资源泄漏这是MFC/GDI程序最常见的问题之一。确保每一个SelectObject调用都保存了旧对象指针并在使用完毕后选回。可以使用Windows任务管理器或更专业的工具如GDIView查看进程的GDI对象句柄数是否持续增长。持续增长意味着有泄漏。坐标问题确认绘图坐标是否在客户区范围内。有时图形画在了可见区域之外。使用DPtoLP设备坐标转逻辑坐标和LPtoDP时尤其要注意映射模式SetMapMode的设置。5.2 鼠标交互坐标不准在鼠标消息处理函数如OnLButtonDown中传入的point参数是设备坐标通常是像素。如果你在OnDraw中使用了非MM_TEXT的映射模式例如MM_LOENGLISHy轴向上为正那么就需要进行坐标转换。void CMyGraphView::OnLButtonDown(UINT nFlags, CPoint point) { CClientDC dc(this); OnPrepareDC(dc); // 关键为DC设置视图的映射模式和视口原点等 dc.DPtoLP(point); // 将设备坐标转换为逻辑坐标 // 现在point是逻辑坐标可以与文档中存储的图形坐标进行比较了 ... }忘记调用OnPrepareDC或进行DPtoLP转换是导致鼠标点击“对不准”图形的罪魁祸首。5.3 内存DC与位图创建失败创建兼容位图CreateCompatibleBitmap时如果申请的尺寸过大可能会失败。特别是在高DPI显示器上客户区的像素尺寸可能远超预期。务必检查函数返回值。if (!memBitmap.CreateCompatibleBitmap(pDC, width, height)) { TRACE(_T(创建兼容位图失败尺寸%d x %d\n), width, height); // 回退方案不使用双缓冲或者尝试缩小尺寸 }5.4 在多视图应用中更新问题当文档数据修改后需要通知所有视图更新。正确的方法是调用文档的UpdateAllViews(NULL)。在视图的OnUpdate函数中可以根据提示信息决定是局部无效还是全部无效。如果只有一个视图简单调用Invalidate()即可。避免在文档类中直接获取视图指针进行操作这会破坏MFC的文档-视图隔离性。6. 现代环境下的兼容性与扩展思考虽然我们讨论的是经典技术但在Windows 10/11和Visual Studio 2022下MFC项目依然可以正常开发和运行。微软仍在维护MFC库并对其进行了高DPI感知等现代化改进。Unicode字符集新项目务必使用Unicode字符集避免中文乱码问题。MFC的字符串类CString在Unicode下是wchar_t完全支持中文。高DPI支持在应用程序清单文件或项目属性中启用DPI感知MFC框架会自动处理部分缩放但对于自定义绘制你需要考虑逻辑坐标到实际像素的转换可以使用GetDeviceCaps(pDC-m_hDC, LOGPIXELSX)获取DPI比例。与GDI混合使用如果项目允许引入新依赖可以考虑使用GDI。GDI提供了更丰富的图形功能如抗锯齿、渐变填充、更灵活的路径和图像处理。它可以在MFC的OnDraw中与GDI混合使用通过Graphics类。但要注意GDI是软件实现对于极大量、高性能的图形操作纯GDI可能仍有优势。终极出路重构与封装对于长期维护的项目一个可行的策略是将核心图形数据模型与渲染分离。底层数据用标准C容器管理渲染部分抽象成一个独立的“渲染器”接口。这样初期可以用GDI实现这个接口未来如果需要迁移到其他图形API如OpenGL、Direct2D只需替换渲染器的实现而不必触动核心业务逻辑。这为古老的MFC应用保留了一丝现代化的可能性。回过头看在VC环境下用MFC和GDI做图形开发确实像在维护一件精密的机械钟表。它没有现代框架的华丽与便捷但每一步操作都直接、可控对计算机图形学基础的理解要求更高。处理这些问题就像在与Windows系统进行一场底层的对话。对于维护既有系统的开发者理解这些细节不是怀旧而是必备的生存技能。而对于学习者这也不失为理解Windows图形系统、消息机制和面向对象框架设计的一扇窗。毕竟理解了旧时代的“齿轮”如何咬合才能更好地驾驭新时代的“引擎”。