企业官网建设流程全解析

简介：这份资源面向具备一定C++与Windows编程基础的开发者，聚焦MFC单文档（SDI）应用中自定义绘制边框、标题栏与关闭按钮这一常见需求，帮助读者摆脱系统默认窗口样式，实现个性化界面效果。压缩包共32个文件、约95KB，以h头文件与cpp源文件为主体，辅以ico图标、bmp位图等皮肤素材，并包含vcproj工程、sln解决方案及rc资源脚本，可直接编译运行对照学习。资源围绕CFrameWnd派生类展开，涉及OnEraseBkgnd与OnPaint重写、CPaintDC与GDI绘图、非客户区鼠标事件处理及按钮高亮状态切换等关键环节，示例代码结构完整，便于理解消息机制与绘图流程的配合。目前已有394人学习下载，适合希望掌握MFC自绘窗口技术、提升应用视觉表现力的开发者参考实践。

1. 自己画MFC单文档边框标题栏：为什么值得动手重写一遍

默认的 MFC 单文档程序跑起来，标题栏是系统给的，边框是系统画的，连最小化按钮的圆角都轮不到你插手。可一旦客户拿着设计稿说“标题栏要深色、要放搜索框、要能拖拽、要跟登录页一个风格”，系统那套非客户区绘制就立刻变成黑匣子。我见过不少项目在这卡住，最后要么妥协成“保留系统标题栏”，要么硬上无边框窗口结果拖拽、缩放、最大化全翻车。这份资源要解决的正是这件事：在 MFC 单文档（SDI）框架下，自己接管边框和标题栏的绘制与命中测试，让窗口外观完全可控，同时不破坏原有的文档/视图结构。适合已经能跑通 MFC 向导、想进一步掌控窗口非客户区的中级开发者，也适合被设计稿逼到墙角的从业者。核心词 MFC边框、标题栏会贯穿后面每一处参数和消息处理。

2. 非客户区绘制的底层机制：WM_NCPAINT 与命中测试怎么配合

2.1 系统标题栏到底是谁在画

MFC 单文档窗口本质是一个带 WS_CAPTION、WS_THICKFRAME 等样式的 Win32 窗口。系统在窗口创建后，由 USER32 负责绘制非客户区，触发点是 WM_NCPAINT 消息，绘制区域通过 wParam 里的 HRGN 传入。很多人第一反应是响应 OnNcPaint 然后拿 GetWindowDC 直接画，结果发现画完一闪就没了，或者拖动窗口时残影一片。原因在于系统在你画完之后还会做一次默认处理，而且非客户区的重绘时机比客户区复杂得多，移动、缩放、激活状态切换都会触发。正确姿势是：在 OnNcPaint 里先调用默认实现让系统把基础框架画完，再拿 GetWindowDC 覆盖绘制自己的标题栏和边框，最后务必 ReleaseDC。这里有个血泪经验——GetWindowDC 拿到的 DC 原点在整个窗口的左上角，不是客户区左上角，坐标换算错了标题栏就会画到客户区里去。

2.2 命中测试决定按钮能不能点

光画出来没用，标题栏上的按钮、拖拽区、缩放边都得能响应鼠标，这靠 WM_NCHITTEST。系统默认返回 HTCAPTION、HTCLOSE、HTBOTTOMRIGHT 这些值，你自己画了标题栏就必须在 OnNcHitTest 里按坐标重新判定，返回对应的 HT 值。比如自绘的关闭按钮区域返回 HTCLOSE，系统就会帮你处理点击关闭；标题栏空白区返回 HTCAPTION，系统就帮你处理拖拽和双击最大化。这一步是自绘标题栏能不能“像真的”的关键，返回错了要么按钮点不动，要么整个窗口拖不走。

// 在 CMainFrame 中重写非客户区绘制 void CMainFrame::OnNcPaint() { // 先让系统画默认框架，避免残留 Default(); CDC* pDC = CDC::FromHandle(::GetWindowDC(m_hWnd)); if (pDC == nullptr) return; CRect rcWindow; GetWindowRect(&rcWindow); // 转成窗口 DC 坐标，原点在窗口左上角 rcWindow.OffsetRect(-rcWindow.left, -rcWindow.top); CRect rcTitle = rcWindow; rcTitle.bottom = rcTitle.top + m_nTitleHeight; // 自绘标题栏高度 // 填充标题栏背景 pDC->FillSolidRect(&rcTitle, m_clrTitleBg); // 画标题文字 pDC->SetBkMode(TRANSPARENT); pDC->SetTextColor(m_clrTitleText); pDC->DrawText(m_strTitle, &rcTitle, DT_CENTER | DT_VCENTER | DT_SINGLELINE); // 画关闭按钮示意 pDC->FillSolidRect(&m_rcCloseBtn, m_clrCloseBg); ::ReleaseDC(m_hWnd, pDC->GetSafeHdc()); }

上面这段是骨架，逻辑说明几点：Default() 必须先调，否则系统框架和你的绘制会打架；GetWindowDC 拿的是整个窗口 DC，所以坐标要用窗口矩形偏移到原点；m_nTitleHeight、m_clrTitleBg、m_rcCloseBtn 这些成员要在 OnCreate 里初始化，m_rcCloseBtn 的位置依赖标题栏高度和窗口宽度，窗口缩放时得在 OnSize 里重算。参数上，标题栏高度一般取 32 到 40 像素，太小按钮不好点，太大浪费客户区；关闭按钮建议 46×32 左右，跟主流窗口习惯对齐。

2.3 边框和缩放边的处理

边框部分容易被忽略。WS_THICKFRAME 给了窗口可缩放能力，但自绘边框后，系统默认的缩放热区还在，只是视觉上被你的绘制盖住了。如果你把边框画成 1 像素细线，用户很难找到缩放边，体验会很差。常见做法是保留 4 到 6 像素的不可见热区，在 OnNcHitTest 里对四边和四角返回 HTLEFT、HTTOPRIGHT 等值，视觉上画细线但热区放宽。这样既好看又好用。另外，窗口最大化时系统会隐藏边框，你的自绘逻辑要判断 IsZoomed()，最大化状态下不画边框、标题栏高度也可以适当压缩，否则会出现标题栏和屏幕边缘重叠的怪现象。

3. 从零接入单文档框架：消息映射与绘制代码落地

3.1 消息映射表要加哪几项

MFC 的消息映射是自绘非客户区的入口。在 MainFrm.h 里声明 OnNcPaint、OnNcHitTest、OnNcCalcSize、OnNcActivate 这几个处理函数，然后在 MainFrm.cpp 的 BEGIN_MESSAGE_MAP 里挂上 ON_WM_NCPAINT、ON_WM_NCHITTEST、ON_WM_NCCALCSIZE、ON_WM_NCACTIVATE。少挂一个就会出现“画了不刷新”“点了没反应”“激活状态不切换颜色”这类问题。ON_WM_NCCALCSIZE 尤其关键，它决定客户区大小，如果你想让标题栏更高或边框更宽，得在这里调整客户区矩形，否则客户区会跟你的自绘区域重叠。

BEGIN_MESSAGE_MAP(CMainFrame, CFrameWnd) ON_WM_CREATE() ON_WM_NCPAINT() ON_WM_NCHITTEST() ON_WM_NCCALCSIZE() ON_WM_NCACTIVATE() ON_WM_SIZE() END_MESSAGE_MAP() // 调整客户区，给自绘标题栏让出空间 void CMainFrame::OnNcCalcSize(BOOL bCalcValidRects, NCCALCSIZE_PARAMS* lpncsp) { CFrameWnd::OnNcCalcSize(bCalcValidRects, lpncsp); // 顶部多留出标题栏高度，底部和两侧留边框宽度 lpncsp->rgrc[0].top += m_nTitleHeight; lpncsp->rgrc[0].left += m_nBorder; lpncsp->rgrc[0].right -= m_nBorder; lpncsp->rgrc[0].bottom -= m_nBorder; }

逻辑上，OnNcCalcSize 里 rgrc[0] 是客户区矩形，top 加标题栏高度就是把客户区往下推，避免视图内容被标题栏盖住。m_nBorder 取 1 到 2 像素做视觉边框，热区另算。注意这个函数在窗口创建和每次缩放时都会调用，参数 bCalcValidRects 为 TRUE 时表示需要计算有效区域，别在里面做重活。

3.2 命中测试的坐标判定

OnNcHitTest 收到的是屏幕坐标，要先转成窗口坐标再判定。判定顺序建议：先判四角和四边缩放热区，再判关闭/最小化/最大化按钮，最后判标题栏空白区返回 HTCAPTION，都不匹配返回 HTNOWHERE 或交给默认。顺序错了会出现按钮区域被缩放热区抢走的情况。

LRESULT CMainFrame::OnNcHitTest(CPoint point) { CRect rcWindow; GetWindowRect(&rcWindow); CPoint ptClient = point - rcWindow.TopLeft(); // 转窗口坐标 // 四角缩放热区，热区比视觉边框宽 const int nHot = 6; if (ptClient.x < nHot && ptClient.y < nHot) return HTTOPLEFT; if (ptClient.x > rcWindow.Width() - nHot && ptClient.y < nHot) return HTTOPRIGHT; // ... 其余两角和四边同理 // 关闭按钮 if (m_rcCloseBtn.PtInRect(ptClient)) return HTCLOSE; // 标题栏空白区，交给系统处理拖拽 if (ptClient.y < m_nTitleHeight) return HTCAPTION; return CFrameWnd::OnNcHitTest(point); }

参数说明：nHot 是缩放热区宽度，6 像素是兼顾好点和不过度侵占的折中值；m_rcCloseBtn 必须和 OnNcPaint 里绘制用的矩形是同一个，否则会出现“看着在这点着没反应”。这里有个坑——最大化状态下四边不应该返回缩放值，否则用户拖边缘会把窗口拖出最大化，得先判断 IsZoomed()。

3.3 激活状态与颜色切换

窗口失去焦点时标题栏颜色要变，这是用户对“真窗口”的直觉预期。响应 OnNcActivate，根据 bActive 切换 m_clrTitleBg 和文字颜色，然后触发一次非客户区重绘。注意别在 OnNcActivate 里直接画，只改状态再调 SetWindowPos 或 RedrawWindow 带 RDW_FRAME 标志触发重绘，否则容易和系统绘制时序冲突。

4. 避坑与排查：自绘标题栏最常见的五个翻车点

4.1 画完一闪就没或拖动时残影

现象是标题栏刚显示正常，一拖动窗口或切换焦点就变回系统样式，或者出现半截残影。原因通常是只响应了 OnNcPaint 却没处理激活和尺寸变化，系统在移动窗口时用缓存重绘覆盖了你的绘制。解决办法是在 OnNcActivate、OnSize 里都触发 RDW_FRAME 重绘，并且确保 OnNcPaint 里先 Default() 再覆盖，别试图完全跳过系统绘制。

4.2 关闭按钮点不动

现象是按钮画出来了，鼠标移上去没反应，点了也不关。原因多半是 OnNcHitTest 没返回 HTCLOSE，或者返回了但坐标判定用的矩形和绘制矩形不一致。排查方法是临时在 OnNcHitTest 里打日志输出 ptClient 和 m_rcCloseBtn，对比两者是否对得上。另一个隐蔽原因是按钮矩形在 OnSize 里没重算，窗口一缩放位置就偏了。

4.3 客户区被标题栏盖住

现象是视图内容顶部被裁掉一截，或者滚动条位置不对。原因是改了 OnNcPaint 却没改 OnNcCalcSize，客户区还是按系统标题栏高度算的。解决就是在 OnNcCalcSize 里把 rgrc[0].top 加上自绘标题栏高度，让客户区让位。这个坑很典型，画得越花越容易忘。

4.4 最大化后边框错位

现象是最大化时标题栏顶到屏幕边缘，或者边框画到了屏幕外。原因是最大化状态下系统会调整窗口矩形，自绘逻辑没判断 IsZoomed()。解决是在 OnNcPaint 和 OnNcHitTest 里都加最大化分支，最大化时不画边框、缩放热区返回 HTNOWHERE，标题栏高度可适当减小。

4.5 高 DPI 下坐标全乱

现象是在 125% 或 150% 缩放下，标题栏高度、按钮位置、文字大小全部偏小或错位。原因是代码里写死了像素值，没按 DPI 缩放。常见做法是在 OnCreate 里用 GetDpiForWindow 拿到 DPI，把标题栏高度、边框宽度、按钮尺寸都乘以 dpi/96 的比例，字体也用 CreateFont 按缩放后的字号创建。这个坑在现在的显示器环境下几乎必踩，早点处理省得后面返工。

5. 进阶技巧：把自绘标题栏做成可复用组件

写到这，基本功能已经能跑，但真正让这份资源值回票价的是把它抽成可复用组件。我的习惯是把标题栏的绘制、命中测试、DPI 缩放、按钮状态封装成一个 CTitleBarCtrl 类，MainFrame 只负责转发消息和提供窗口矩形。这样换项目时直接搬类，不用每次重写一遍消息映射。具体做法是类里维护标题文字、按钮矩形数组、当前激活状态、DPI 比例，对外暴露 Draw(CDC*, CRect)、HitTest(CPoint)、OnSize(CRect) 三个方法，MainFrame 的 OnNcPaint 里调 Draw，OnNcHitTest 里调 HitTest。按钮用枚举区分关闭、最小化、最大化，命中测试返回对应 HT 值。

验证是否做对，我一般走三步：第一步用 Spy++ 看窗口样式，确认 WS_CAPTION 还在但视觉被覆盖；第二步在 100%、125%、150% 三档缩放下各拖拽缩放一轮，看按钮位置和文字是否对齐；第三步切到最大化再还原，看边框和标题栏有没有残留。这三步走完基本能覆盖八成问题。

有个细节值得单独说：标题栏上的按钮 hover 效果需要跟踪 WM_NCMOUSEMOVE，在 OnNcMouseMove 里判断当前鼠标在哪个按钮上，改状态后只重绘按钮区域而不是整个标题栏，否则鼠标一动就全窗口闪。这个优化在低配机器上差别很明显。从那以后我每次做自绘非客户区，都强制先把 DPI 缩放和最大化分支写进骨架再动笔，返工次数少了一大半。希望帮到你。

本文还有配套的精品资源，点击获取