1. 项目概述与核心价值如果你正在学习Windows桌面应用开发尤其是想绕过MFC、Qt这些框架直接与操作系统对话那么理解Windows API和DCDevice Context设备上下文是必经之路。这个系列文章我们聚焦于一个非常具体且有趣的目标在一个我们自己创建的C窗口中实现基础的绘图功能。这不仅仅是画几条线、几个圆那么简单它关乎你如何理解Windows图形系统的运作核心。很多朋友在接触GDIGraphics Device Interface时会觉得概念抽象代码繁琐远不如在Canvas上调用drawLine来得直观。但恰恰是这份“繁琐”藏着桌面应用图形渲染的基石逻辑。掌握它你不仅能实现自定义绘图更能深入理解消息循环、资源管理乃至后续GDI、Direct2D的底层原理。无论你是想开发轻量级工具、自定义控件还是为游戏开发打基础这套知识都至关重要。本文将作为该系列的第四部分重点拆解如何利用获取到的DC进行实际的图形绘制操作并深入探讨其中的关键参数、常见陷阱以及性能优化的初级思路。2. 核心原理Windows GDI绘图机制深度解析在动手写代码之前我们必须把Windows的绘图模型搞清楚。你可以把整个屏幕想象成一块巨大的画布而你的应用程序窗口就是这块画布上的一块“子画布”。操作系统Windows不允许你直接在这块物理画布上乱涂乱画它提供了一套标准的“绘画工具”和“作画规则”这就是GDI。2.1 设备上下文DC的本质DC是GDI的核心概念它不是一个具体的对象而是一个“绘图环境”或“绘图上下文”的抽象。它封装了绘图所需的所有信息绘图表面Surface你最终画在哪里是窗口客户区、内存位图还是打印机绘图工具GDI Objects用什么颜色的笔Pen画线用什么颜色的刷子Brush填充用什么字体Font写字绘图属性Attributes当前的文本颜色、背景模式、坐标映射模式是什么裁剪区域Clipping Region哪些区域允许绘制哪些区域被屏蔽当你调用GetDC(hWnd)时你并不是拿到了窗口像素数据的直接指针而是拿到了一个指向这个“绘图环境”的句柄HDC。之后所有的GDI绘图函数如LineTo,Rectangle,TextOut都需要这个HDC作为第一个参数因为它们需要知道在“哪个环境”下、“用什么工具”、“按什么规则”来作图。注意GetDC获取的DC是“临时借用”的。它关联了窗口的当前状态如窗口大小、位置。在消息处理如WM_PAINT之外使用它绘图图像可能会被后续的系统重绘如其他窗口遮挡擦除。而BeginPaint在WM_PAINT消息中专用获取的DC则明确告知系统“我要开始修复客户区的破损了”系统会同时提供一个需要重绘的区域信息PAINTSTRUCT中的rcPaint让你进行更有效率的局部绘制。2.2 坐标系统与映射模式这是新手极易混淆的一点。默认情况下GDI使用“设备坐标”单位是像素原点(0,0)在窗口客户区的左上角X轴向右递增Y轴向下递增。这与常见的数学笛卡尔坐标系Y轴向上不同需要特别注意。映射模式SetMapMode可以改变这一行为。例如MM_LOENGLISH模式将每个逻辑单位设置为0.01英寸且Y轴向上递增。但对于我们初级的窗口画图为了直观通常先使用默认的MM_TEXT模式即设备像素模式。理解这一点能避免你画出来的图形位置“飘忽不定”。2.3 绘图工具的生命周期管理GDI对象HPEN,HBRUSH,HFONT,HBITMAP等是系统资源。创建它们如CreatePen,CreateSolidBrush会从系统全局GDI堆中分配资源。这个资源是有限的尤其在旧系统上。因此必须严格遵守“谁创建谁删除”的原则。标准工作流是创建工具HPEN hPen CreatePen(PS_SOLID, 1, RGB(255,0,0));。将工具选入DCHGDIOBJ hOldPen SelectObject(hdc, hPen);。SelectObject会返回DC中原来的旧工具句柄这个句柄必须保存。进行绘图操作。绘图完成后将旧工具选回DCSelectObject(hdc, hOldPen);。这是恢复DC的原始状态是好习惯。删除创建的工具DeleteObject(hPen);。注意不能删除一个当前正被选入DC的工具必须先选出。忘记DeleteObject会导致GDI资源泄漏长时间运行后程序或系统可能出现图形异常甚至崩溃。这是C Windows编程中经典的资源管理问题。3. 实战从零开始实现一个简易绘图窗口理论铺垫完毕我们开始动手。假设我们已经有了一个基本的Win32窗口程序骨架WinMain, 窗口类注册WndProc我们将把重心放在WndProc函数中的WM_PAINT和WM_LBUTTONDOWN消息处理上实现“点击画圆”的功能。3.1 步骤一创建基础窗口框架首先我们需要一个“画布”。以下是创建基础窗口的核心代码片段。注意为了清晰这里省略了错误检查和部分模板代码。#include windows.h LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam); int WINAPI WinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR lpCmdLine, int nCmdShow) { // 1. 定义窗口类 WNDCLASSEX wcex; wcex.cbSize sizeof(WNDCLASSEX); wcex.style CS_HREDRAW | CS_VREDRAW; // 窗口大小改变时重绘 wcex.lpfnWndProc WndProc; wcex.cbClsExtra 0; wcex.cbWndExtra 0; wcex.hInstance hInstance; wcex.hIcon LoadIcon(NULL, IDI_APPLICATION); wcex.hCursor LoadCursor(NULL, IDC_ARROW); wcex.hbrBackground (HBRUSH)(COLOR_WINDOW 1); // 默认白色背景 wcex.lpszMenuName NULL; wcex.lpszClassName LMyDrawingWindow; wcex.hIconSm LoadIcon(NULL, IDI_APPLICATION); // 2. 注册窗口类 RegisterClassEx(wcex); // 3. 创建窗口 HWND hWnd CreateWindow( LMyDrawingWindow, L简易C画图窗口, WS_OVERLAPPEDWINDOW, CW_USEDEFAULT, CW_USEDEFAULT, 800, 600, // 初始位置和大小 NULL, NULL, hInstance, NULL ); // 4. 显示并更新窗口 ShowWindow(hWnd, nCmdShow); UpdateWindow(hWnd); // 5. 消息循环 MSG msg; while (GetMessage(msg, NULL, 0, 0)) { TranslateMessage(msg); DispatchMessage(msg); } return (int)msg.wParam; }3.2 步骤二处理WM_PAIT消息与基础绘图窗口创建后任何需要绘制内容的时候如首次显示、被遮挡后恢复、调整大小系统都会发送WM_PAINT消息。我们必须在这里处理绘制逻辑。LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam) { switch (message) { case WM_PAINT: { PAINTSTRUCT ps; // 关键步骤BeginPaint 获取DC并准备绘制 HDC hdc BeginPaint(hWnd, ps); // ---- 开始你的绘图操作 ---- // 示例1画一条从(50,50)到(200,150)的红线 HPEN hRedPen CreatePen(PS_SOLID, 2, RGB(255, 0, 0)); // 创建2像素宽实心红笔 HGDIOBJ hOldPen SelectObject(hdc, hRedPen); // 选入DC保存旧笔 MoveToEx(hdc, 50, 50, NULL); // 移动画笔起点 LineTo(hdc, 200, 150); // 画线到终点 SelectObject(hdc, hOldPen); // 恢复旧笔 DeleteObject(hRedPen); // 删除我们创建的红笔 // 示例2画一个填充蓝色的矩形 HBRUSH hBlueBrush CreateSolidBrush(RGB(0, 0, 255)); HGDIOBJ hOldBrush SelectObject(hdc, hBlueBrush); // Rectangle函数使用当前笔绘制边框当前刷子填充内部 Rectangle(hdc, 250, 100, 400, 250); // (left, top, right, bottom) SelectObject(hdc, hOldBrush); DeleteObject(hBlueBrush); // 示例3输出一段文字 SetTextColor(hdc, RGB(0, 128, 0)); // 设置文字颜色为深绿 SetBkMode(hdc, TRANSPARENT); // 设置背景模式为透明 TextOut(hdc, 300, 300, LHello, GDI!, 11); // 在(300,300)处输出文字 // ---- 结束绘图操作 ---- EndPaint(hWnd, ps); // 关键步骤结束绘制释放DC } break; case WM_DESTROY: PostQuitMessage(0); break; default: return DefWindowProc(hWnd, message, wParam, lParam); } return 0; }实操心得BeginPaint和EndPaint必须成对调用且仅在处理WM_PAINT消息时使用。GetDC和ReleaseDC则用于在非WM_PAINT消息中临时绘图比如响应鼠标实时画线但要注意其持久性问题。Rectangle、Ellipse等形状函数其边框使用当前选中的Pen绘制内部使用当前选中的Brush填充。如果你只想要边框不想要填充可以创建一个HOLLOW_BRUSHGetStockObject(HOLLOW_BRUSH)选入。TextOut是绘制文本最基础的函数更复杂的排版需要用DrawText或ExtTextOut。3.3 步骤三实现交互式绘图点击画圆静态图形不够有趣我们增加交互在窗口客户区点击鼠标左键就在点击位置画一个圆。这需要我们在WM_LBUTTONDOWN消息中记录坐标并触发窗口重绘。这里引入一个关键概念存储绘图数据。窗口过程WndProc是静态函数我们需要一个地方来存储每次点击的坐标。通常有两种方法1) 使用全局变量简单演示用2) 使用窗口附加数据GWLP_USERDATA。这里我们用全局变量vector简单演示。#include vector #include windows.h // 定义一个结构来存储圆的中心点 struct Circle { int x; int y; static const int radius 20; // 固定半径 }; std::vectorCircle g_circles; // 全局存储所有圆 LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam) { switch (message) { case WM_LBUTTONDOWN: { // 获取点击坐标。lParam的低16位是x坐标高16位是y坐标。 int xPos LOWORD(lParam); int yPos HIWORD(lParam); // 将新圆存入列表 g_circles.push_back({xPos, yPos}); // 关键通知窗口客户区无效触发WM_PAINT消息进行重绘 // 这里我们让以点击点为中心半径为25的区域无效并重绘优化性能 RECT updateRect; updateRect.left xPos - Circle::radius - 2; // 加一点边距 updateRect.top yPos - Circle::radius - 2; updateRect.right xPos Circle::radius 2; updateRect.bottom yPos Circle::radius 2; InvalidateRect(hWnd, updateRect, TRUE); // TRUE表示擦除背景 // 也可以直接InvalidateRect(hWnd, NULL, TRUE); 但这会重绘整个客户区效率低 } break; case WM_PAINT: { PAINTSTRUCT ps; HDC hdc BeginPaint(hWnd, ps); // 创建绘图工具 HPEN hBlackPen CreatePen(PS_SOLID, 1, RGB(0, 0, 0)); HBRUSH hYellowBrush CreateSolidBrush(RGB(255, 255, 0)); HGDIOBJ hOldPen SelectObject(hdc, hBlackPen); HGDIOBJ hOldBrush SelectObject(hdc, hYellowBrush); // 遍历所有存储的圆并绘制 // 注意Ellipse函数参数是外接矩形不是圆心和半径 for (const auto circle : g_circles) { Ellipse(hdc, circle.x - Circle::radius, circle.y - Circle::radius, circle.x Circle::radius, circle.y Circle::radius); } // 恢复并删除工具 SelectObject(hdc, hOldBrush); SelectObject(hdc, hOldPen); DeleteObject(hYellowBrush); DeleteObject(hBlackPen); EndPaint(hWnd, ps); } break; case WM_DESTROY: PostQuitMessage(0); break; default: return DefWindowProc(hWnd, message, wParam, lParam); } return 0; }为什么这样做这是Win32图形编程的典型模式数据与绘制分离。鼠标点击只修改数据g_circles并标记区域为“脏”InvalidateRect。系统会在合适的时机消息队列空闲时发送WM_PAINT消息在WM_PAINT处理函数中我们根据最新的数据重新绘制整个或部分客户区。这保证了绘图的正确性和效率。4. 关键细节与高级技巧探讨4.1 双缓冲技术解决画面闪烁问题当你绘制复杂图形或快速连续更新时可能会遇到严重的画面闪烁。这是因为WM_PAINT中直接向屏幕DC绘制用户能看到中间的绘制过程。双缓冲是解决此问题的标准方案。原理先在内存中的一个“位图DC”上完成所有绘制然后将这个完整的位图一次性“贴”到屏幕DC上。case WM_PAINT: { PAINTSTRUCT ps; HDC hdc BeginPaint(hWnd, ps); RECT rcClient; GetClientRect(hWnd, rcClient); // 获取客户区大小 // 1. 创建兼容的内存DC HDC hdcMem CreateCompatibleDC(hdc); // 2. 创建兼容的位图大小与客户区相同 HBITMAP hbmMem CreateCompatibleBitmap(hdc, rcClient.right, rcClient.bottom); HBITMAP hbmOld (HBITMAP)SelectObject(hdcMem, hbmMem); // 3. 先用背景色填充内存位图模拟擦除背景 HBRUSH hBrBk (HBRUSH)GetClassLongPtr(hWnd, GCLP_HBRBACKGROUND); FillRect(hdcMem, rcClient, hBrBk); // 4. 在内存DC上进行所有复杂的绘图操作 HPEN hPen CreatePen(PS_SOLID, 1, RGB(255,0,0)); SelectObject(hdcMem, hPen); for (const auto circle : g_circles) { Ellipse(hdcMem, circle.x-20, circle.y-20, circle.x20, circle.y20); } DeleteObject(hPen); // 5. 将内存位图一次性拷贝到屏幕DC BitBlt(hdc, 0, 0, rcClient.right, rcClient.bottom, hdcMem, 0, 0, SRCCOPY); // 6. 清理资源 SelectObject(hdcMem, hbmOld); DeleteObject(hbmMem); DeleteDC(hdcMem); EndPaint(hWnd, ps); } break;重要提示双缓冲会消耗额外内存一个屏幕大小的位图。对于现代计算机这点开销通常可以接受。它是一种以空间换时间更准确说是换视觉平滑度的经典策略。4.2 坐标转换与高DPI支持在高DPI显示器上如果你的程序没有正确声明DPI感知系统可能会对你的窗口进行位图拉伸导致绘制的图形模糊。为了支持高DPI你需要在清单文件或运行时调用SetProcessDpiAwareness声明感知级别。在绘图时使用GetDeviceCaps(hdc, LOGPIXELSX)获取每逻辑英寸的像素数来缩放你的绘图坐标和尺寸而不是使用固定的像素值。例如画一个1英寸宽的矩形int pixelsPerInchX GetDeviceCaps(hdc, LOGPIXELSX); int widthInPixels 1 * pixelsPerInchX; // 将逻辑英寸转换为物理像素 Rectangle(hdc, 0, 0, widthInPixels, 100);更现代的做法是使用GDI或Direct2D它们内置了更好的DPI支持。4.3 使用库存对象优化性能GDI提供了一些预定义的、不需要删除的“库存对象”Stock Objects如白色画笔(WHITE_PEN)、空刷(HOLLOW_BRUSH)、系统字体(SYSTEM_FONT)。当你只需要一个简单工具时使用它们可以避免创建和删除的开销也无需管理生命周期。// 使用库存黑色画笔 SelectObject(hdc, GetStockObject(BLACK_PEN)); // 使用库存空刷子不填充 SelectObject(hdc, GetStockObject(HOLLOW_BRUSH)); Rectangle(hdc, 10, 10, 50, 50); // 这将画出一个只有边框的空心矩形记住GetStockObject返回的对象绝对不能传递给DeleteObject。5. 常见问题与调试技巧实录即使理解了原理实际编码中仍会踩坑。下面是我在多年实践中总结的一些典型问题及解决方法。5.1 问题一图形绘制不出来或瞬间消失可能原因1在错误的消息中绘图。在WM_PAINT之外比如WM_CREATE使用GetDC绘图后一旦发生WM_PAINT系统触发或InvalidateRect触发BeginPaint会默认用背景刷擦除客户区你之前画的内容就被清掉了。解决持久性图形必须在WM_PAINT中绘制。临时性交互绘图如鼠标拖拽画线可以在WM_MOUSEMOVE中用GetDC画但为了持久化通常也需要将路径数据保存下来并在WM_PAINT中重绘。可能原因2资源泄漏导致GDI对象创建失败。频繁创建但不删除HPEN、HBRUSH最终会导致CreatePen等函数返回NULL。解决使用工具类或智能指针自定义删除器管理GDI对象生命周期。确保每个Create都有对应的Delete且Delete前该对象未被选入任何DC。可能原因3绘图区域在客户区之外。坐标计算错误矩形right小于left或bottom小于top。解决仔细检查坐标计算逻辑可以使用Rectangle等函数先画一个大的边框确定客户区范围。5.2 问题二程序运行一段时间后变慢或崩溃可能原因GDI资源泄漏。这是Win32 GUI程序最常见的问题之一。调试使用任务管理器详细信息页添加“GDI对象”列监视你的进程的GDI对象数量。如果数量只增不减肯定有泄漏。排查重点检查CreatePen,CreateSolidBrush,CreateCompatibleDC,CreateCompatibleBitmap是否有对应的DeleteObject或DeleteDC。特别注意SelectObject返回的旧对象是否在最后被正确选回。5.3 问题三绘制文字乱码或问号可能原因字符编码问题。GDI的TextOut函数接受宽字符L”…”或窄字符字符串但如果窗口类注册时使用了UnicodeWNDCLASSEX中的L前缀字符串则必须使用宽字符版本TextOutW通常TextOut宏会自动匹配。解决确保字符串字面量有L前缀如L”中文文本”。或者使用TEXT宏TEXT(“Hello”)它在Unicode项目下会扩展为宽字符。进阶如果需要复杂文本输出如多语言、特殊字体应使用DrawText或ExtTextOut并指定字体。5.4 一个实用的调试技巧实时输出调试信息在图形编程时将变量值如坐标、GDI对象句柄实时输出到窗口标题栏或调试输出窗口非常有用。// 在WndProc的某个消息处理中比如WM_MOUSEMOVE case WM_MOUSEMOVE: { int x LOWORD(lParam); int y HIWORD(lParam); wchar_t debugMsg[100]; swprintf_s(debugMsg, L“鼠标位置: (%d, %d)“, x, y); SetWindowText(hWnd, debugMsg); // 显示在窗口标题 // 或者输出到VS的输出窗口 OutputDebugString(debugMsg); OutputDebugString(L”\n“); } break;掌握Windows API和DC进行绘图是深入理解Windows桌面开发生态的基石。它看似原始但每一步都暴露了图形系统最本质的运作方式。从处理WM_PAINT消息到管理GDI对象生命周期再到引入双缓冲优化体验这个过程训练的是对系统资源的精细把控和对消息驱动架构的深刻理解。我个人的体会是初期可能会觉得繁琐但一旦理顺再看MFC、WinForms乃至WPF的渲染机制会有一种“一览众山小”的通透感。当你需要实现一个极致的、轻量级的自定义控件或者需要在不依赖大型框架的环境下进行图形处理时这些直接调用API的能力将成为你的王牌。最后一个小建议多动手多调试用任务管理器看着GDI对象计数写代码这是最快掌握资源管理要诀的方法。