企业官网建设流程全解析

简介：面向微软视窗平台使用C++语言的开发者，这套增强型微软基础类库按钮组件以动态按钮实现为核心，弥补了标准按钮控件在文字实时更新、图片随状态切换、自定义绘制样式以及多状态反馈等方面的不足。压缩包非常轻量，仅包含两个文件，一个是头文件，用于声明类接口和样式宏，另一个是源文件，封装了按钮绘制和消息处理细节，整个资源大小约十七KB，可直接添加到工程使用，学习成本极低。目前已有123人浏览学习。这个按钮类支持文字动态更新、图像替换、圆角渐变背景、多状态明暗反馈以及扩展交互回调，同时针对多语言应用做了文本适配，并对绘制流程进行性能优化。开发者只需继承或直接实例化该按钮类，即可快速获得高颜值、响应及时的交互控件，减少大量自绘按钮的模板代码，把精力集中在业务逻辑上，是增强应用界面友好度和开发效率的实用工具。

1. 方便好用的MFC按钮类：从“能点就行”到“拿过来就能用”

做上位机工具或者维护老式桌面程序时，对话框里总少不了一排按钮：启动、停止、复位、参数保存，每个都要带图标、带状态色，按下要有“陷下去”的手感，鼠标悬停还要有点反馈。原生CButton只能做到“能点就行”，图标和文字不能同显，按下状态是系统画死的，换肤时更是一块灰扑扑的补丁。搜“方便好用的MFC按钮类”，拿到的答案大多只有零散代码，没有封装思路，改个圆角半径都要翻半天。这篇笔记要做的，就是把这个“方便好用”拆开：它到底封装了哪些能力、自绘函数怎么写到能直接复用、参数怎么设、最常见的坑在哪。适合正在维护 MFC 项目、做设备上位机、或想给老界面换一套统一视觉的开发者直接参考落地。

2. 为什么自绘按钮类比原生 CButton 好用：封装思路与选型

2.1 原生按钮的三大局限：图标文字不能同显、四态不全、视觉难统一

原生CButton在对话框里最常用的是BS_PUSHBUTTON风格。文字显示没问题，但想放图标就得用BS_ICON或BS_BITMAP，而这两种风格一旦贴上图，文字要么不显示，要么连文字带图标挤在一起，间距完全不可控，这是第一个局限。

第二个局限是状态反馈不完整。系统画的按钮在按下时有一个“沉下去”的效果，但鼠标悬停、获得焦点、禁用这三个状态没有明显差异化，尤其在 Windows 经典主题下，禁用态和普通态只差一点灰度，用户根本不知道当前能不能点。对于设备操作界面来说，这种反馈缺失很容易引发误操作。

第三个局限在视觉统一上。老 MFC 程序经常用自绘对话框做深色背景，原生CButton用的是系统按钮颜色，深浅不搭，边框和圆角也改不了。想让它和旁边的编辑框、下拉框风格一致，只能走自绘这条路。把这三个局限合起来看，一个“方便好用”的按钮类本质就是：把原生控件缺的能力补齐，同时对外接口做到改参数就行、不用碰绘制细节。

2.2 自绘路线怎么选：BS_OWNERDRAW 与拦截 WM_PAINT 的取舍

MFC 里自绘按钮有两条常见路线。一条是给按钮设置BS_OWNERDRAW风格，让系统在需要绘制时发送WM_DRAWITEM消息，MFC 的CButton收到后调用虚函数DrawItem，你在子类里重写这个函数就行。这是最正统、消息路径最清晰的方案，代码量也最少。

另一条是重写PreSubclassWindow，在里面自己拦截WM_PAINT、WM_ERASEBKGND，完全手工绘制。这条路能做到的事情更多，比如绘制异形按钮、响应不规则点击区域，但代码量和维护成本明显增加，要处理的消息也比DrawItem多一些，对“方便好用”这个定位来说属于杀鸡用牛刀。

我一般会选择第一条路线，理由是状态分发不用自己操心。DrawItem收到的LPDRAWITEMSTRUCT里已经带了itemState，按下、禁用、聚焦、悬停都分别有对应的标志位，不用自己记鼠标状态再重绘，系统会帮你算好什么时候触发绘制。第二条路线适合按钮数量少、形状特殊的场景，比如圆形电源键、仪表盘上的异形按键。下面的实现也以第一条路线为主，它的核心代码更集中，容易让新手跟着做通。

2.3 一个“方便好用”的按钮类必须包含的五个能力

给“方便好用”定个可验收的标准，我认为至少要有五个能力：

第一，图标文字同显，且图标大小、文字间距可调。这解决的是资源按钮最常见的使用场景，工具条按钮、状态操作按钮都要这个能力。第二，四态完整：普通、悬停、按下、禁用四套颜色独立可控，悬停色和按压缩放由代码自动派生也可以，但至少要留出强制指定的接口。

第三，圆角和边框可设。圆角半径一个参数，边框颜色一个参数，内部用绘制路径解决裁剪，外部使用者不用关心区域怎么算。第四，键盘焦点我能看见。自绘按钮最容易把焦点框画丢，键盘用户按 Tab 过来之后完全不知道自己选中了哪个按钮，所以焦点虚线框必须保留。

第五，双击不误触发。设备界面上“复位”按钮如果被双击触发两次，后果可能是严重的安全问题。这个能力来自对WM_LBUTTONDBLCLK的处理，虽然不是纯绘制功能，但作为按钮类的一部分很必要。有了这五个能力，这个类放在任何老 MFC 项目里都能直接替换原有按钮而不破坏现有逻辑。

3. 手写一个可复用的 MFC 自绘按钮类：类骨架与绘制流程

3.1 类声明与状态管理：成员变量一多，绘制逻辑就清晰了

先写类声明。这个类继承CButton，因为DrawItem是CButton的虚函数，子类重写后系统会自动调用，消息映射里只需要处理鼠标悬停和按下抬起这几个非绘制消息，整体代码结构比较干净。头文件里的成员变量对应第 2 章定义的五种能力：图标句柄、三种状态的颜色、圆角半径、间距。

// MyButton.h - 自绘按钮类声明 #pragma once #include <afxwin.h> class CMyButton : public CButton { public: CMyButton() {} virtual ~CMyButton() {} // 对外接口：调用方只需关心这几个方法 void SetIcon(HICON hIcon, int nIconSize = 16); // 设置图标，默认16x16 void SetTextColor(COLORREF clrNormal, // 文字颜色 COLORREF clrHover = 0, // 悬停色，0表示自动派生 COLORREF clrPressed = 0); // 按下色，0表示自动派生 void SetBackColor(COLORREF clrBg, COLORREF clrBgHover = 0, COLORREF clrBgPressed = 0); void SetRoundRect(int nRadius = 3); // 圆角半径，0为直角 void SetContentSpacing(int nSpacing = 4); // 图标与文字间距 protected: virtual void DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct); // 系统回调的绘制函数 afx_msg void OnMouseMove(UINT nFlags, CPoint point); afx_msg void OnMouseLeave(); afx_msg void OnLButtonDown(UINT nFlags, CPoint point); afx_msg void OnLButtonUp(UINT nFlags, CPoint point); DECLARE_MESSAGE_MAP() private: HICON m_hIcon = NULL; // 图标句柄 int m_nIconSize = 16; // 图标渲染尺寸 int m_nRadius = 3; // 圆角半径 int m_nSpacing = 4; // 图标与文字间距 COLORREF m_clrText = RGB(51, 51, 51); COLORREF m_clrTextHover = RGB(0, 0, 0); COLORREF m_clrTextPressed = RGB(0, 0, 0); COLORREF m_clrBg = RGB(240, 240, 240); COLORREF m_clrBgHover = RGB(220, 230, 250); COLORREF m_clrBgPressed = RGB(200, 210, 230); BOOL m_bHover = FALSE; // 当前是否悬停 };

成员变量的设计遵循一个原则：绘制函数只读状态、不维护状态。m_bHover是鼠标消息处理函数维护的，DrawItem里只根据它和lpDrawItemStruct->itemState决定画哪套颜色。这样做的目的是让消息处理和绘制逻辑解耦，改颜色时只需要动SetBackColor函数，不会牵扯到DrawItem内部的分支判断。

3.2 DrawItem 绘画函数：背景、边框、图标、文字一条龙

DrawItem是这个类的核心所在。它做四件事：保存 DC 状态、根据 itemState 选择颜色、绘制带圆角的背景和边框、绘制图标和文字。这里有一个经常被忽略的细节：lpDIS->rcItem是整个按钮的客户区，但实际可点击区域比它略小，绘制圆角路径时需要把矩形缩小一个像素，避免边框溢出后产生锯齿边。

// MyButton.cpp - DrawItem 核心绘制实现 void CMyButton::DrawItem(LPDRAWITEMSTRUCT lpDIS) { CDC* pDC = CDC::FromHandle(lpDIS->hDC); if (!pDC) return; // 保存DC状态，绘制结束后恢复，避免影响调用方的GDI对象 int nSavedDC = pDC->SaveDC(); CRect rc = lpDIS->rcItem; UINT state = lpDIS->itemState; // 按当前状态选择颜色：优先取itemState系统标志，其次取鼠标悬停标志 COLORREF clrText = m_clrText; COLORREF clrBg = m_clrBg; if (state & ODS_DISABLED) { clrText = RGB(160, 160, 160); clrBg = RGB(235, 235, 235); } else if (state & ODS_SELECTED) { clrText = m_clrTextPressed; clrBg = m_clrBgPressed; } else if (m_bHover || (state & ODS_HOTLIGHT)) { clrText = m_clrTextHover; clrBg = m_clrBgHover; } // 用内存DC做双缓冲，避免按钮重绘时闪烁 CDC memDC; memDC.CreateCompatibleDC(pDC); CBitmap bmp; bmp.CreateCompatibleBitmap(pDC, rc.Width(), rc.Height()); CBitmap* pOldBmp = memDC.SelectObject(&bmp); // 绘制带圆角的背景区域 CRect rcDraw = rc; rcDraw.DeflateRect(1, 1); // 缩小1像素，防止边框溢出按钮边界 CBrush bgBrush(clrBg); if (m_nRadius > 0) { HRGN hRgn = CreateRoundRectRgn(rcDraw.left, rcDraw.top, rcDraw.right + 1, rcDraw.bottom + 1, m_nRadius, m_nRadius); memDC.FillRgn(hRgn, &bgBrush); DeleteObject(hRgn); } else { memDC.FillRect(rcDraw, &bgBrush); } // 绘制边框 CPen borderPen(PS_SOLID, 1, RGB(180, 180, 180)); CPen* pOldPen = memDC.SelectObject(&borderPen); HBRUSH hOldBrush = (HBRUSH)SelectObject(memDC, GetStockObject(NULL_BRUSH)); if (m_nRadius > 0) { memDC.RoundRect(rcDraw, CPoint(m_nRadius, m_nRadius)); } else { memDC.Rectangle(rcDraw); } memDC.SelectObject(pOldPen); SelectObject(memDC, hOldBrush); // 设置文字背景透明 memDC.SetBkMode(TRANSPARENT); memDC.SetTextColor(clrText); // 计算图标和文字的绘制位置 int nTextWidth = 0; if (!GetWindowText().IsEmpty()) { CSize szText = memDC.GetTextExtent(GetWindowText()); nTextWidth = szText.cx; } // 总内容宽度 = 图标 + 间距 + 文字，按这个宽度居中偏移 int nTotalWidth = (m_hIcon ? m_nIconSize + m_nSpacing : 0) + nTextWidth; int nLeft = rc.left + (rc.Width() - nTotalWidth) / 2; int nCenterY = rc.top + rc.Height() / 2; // 绘制图标 if (m_hIcon) { int nIconTop = nCenterY - m_nIconSize / 2; memDC.DrawState(CPoint(nLeft, nIconTop), CSize(m_nIconSize, m_nIconSize), m_hIcon, DSS_NORMAL, (HBRUSH)NULL); nLeft += m_nIconSize + m_nSpacing; } // 绘制文字 if (!GetWindowText().IsEmpty()) { CRect rcText = rc; rcText.left = nLeft; memDC.DrawText(GetWindowText(), rcText, DT_LEFT | DT_VCENTER | DT_SINGLELINE); } // 焦点状态绘制虚线框，键盘用户依赖这个才能看到焦点位置 if (state & ODS_FOCUS) { CRect rcFocus = rc; rcFocus.DeflateRect(3, 3); memDC.DrawFocusRect(rcFocus); } // 将内存DC内容整体拷贝到窗口DC，一次完成，无闪烁 pDC->BitBlt(rc.left, rc.top, rc.Width(), rc.Height(), &memDC, 0, 0, SRCCOPY); // 恢复DC状态与GDI对象 memDC.SelectObject(pOldBmp); pDC->RestoreDC(nSavedDC); }

代码里最关键的是CreateRoundRectRgn和memDC.FillRgn这一对组合。FillRgn能保证背景只在圆角区域内生效，区域外保持原样，这样不会出现“圆角外有一圈杂色”的常见问题。DrawState函数比DrawIcon更适合这里，因为它可以按指定的目标尺寸绘制，m_nIconSize改了图标就跟着缩放。SetBkMode(TRANSPARENT)是文字绘制的基础，不做这一步，文字背后会有一个矩形白底，在深色按钮上特别难看。

3.3 鼠标悬停与按下抬起：用 _TrackMouseEvent 补足交互状态

DrawItem只能拿到绘制时的状态，但m_bHover这个标志位需要消息处理代码来维护。关键函数是PreSubclassWindow，在这里设置BS_OWNERDRAW风格，让按钮进入自绘模式。按钮从对话框模板创建出来后，PreSubclassWindow的时机正好能改风格。

// MyButton.cpp - 风格设置与鼠标状态维护 void CMyButton::PreSubclassWindow() { CButton::PreSubclassWindow(); // 设置自绘风格，DrawItem 才会被系统调用 ModifyStyle(0, BS_OWNERDRAW); } void CMyButton::OnMouseMove(UINT nFlags, CPoint point) { // 鼠标进入按钮区域则标记悬停状态并启动跟踪 if (!m_bHover) { m_bHover = TRUE; Invalidate(FALSE); // 触发一次重绘，让悬停颜色生效 TRACKMOUSEEVENT tme = { 0 }; tme.cbSize = sizeof(tme); tme.dwFlags = TME_LEAVE; // 只需要离开通知 tme.hwndTrack = m_hWnd; _TrackMouseEvent(&tme); } CButton::OnMouseMove(nFlags, point); } void CMyButton::OnMouseLeave() { m_bHover = FALSE; Invalidate(FALSE); // 离开后恢复普通态颜色 CButton::OnMouseLeave(); } void CMyButton::OnLButtonDown(UINT nFlags, CPoint point) { // 按下时立即重绘一次，用户能马上看到按下反馈 Invalidate(FALSE); CButton::OnLButtonDown(nFlags, point); } void CMyButton::OnLButtonUp(UINT nFlags, CPoint point) { // 抬起时如果鼠标还在按钮上，保持悬停态；否则恢复普通态 CRect rc; GetClientRect(rc); if (rc.PtInRect(point)) { m_bHover = TRUE; } Invalidate(FALSE); CButton::OnLButtonUp(nFlags, point); }

_TrackMouseEvent是这里的关键点。如果不调用它，鼠标移出窗口后OnMouseLeave永远不会触发，按钮就会一直停留在悬停高亮状态，这是自绘按钮最常见的交互 bug。Invalidate(FALSE)的FALSE参数意思是只重绘客户区、不擦除背景，在自绘按钮场景下既能更新颜色又不会闪屏。按下抬起逻辑里我没有调用SetCapture，因为普通按钮在按下后，系统已经自动捕获了鼠标，松开时也会收到消息，只有需要处理“按下去后拖出再松开”的复杂场景才需要手动捕获。

4. 参数设计与接入对话框：怎么调才顺手

4.1 对外接口这样设计：使用者只需要关心四类参数

“方便好用”的关键在调用方视角。我把接口收敛成四类：图标、颜色、形状、间距。SetIcon传入HICON和尺寸，颜色接口是两组COLORREF，SetRoundRect只收一个半径，SetContentSpacing收一个像素值。调用方不需要理解DrawItem的任何一个细节，也不需要处理ODS_*标志位。

颜色接口的默认参数0代表“自动派生”。例如只设置普通态背景色为深蓝，悬停色留空，类内部会自动把颜色往亮的方向偏移 10%。这个设计对实际使用很友好：不用每次都写全套颜色，大部分项目只需要两三个参数就能有统一的视觉。

void CMyButton::SetBackColor(COLORREF clrBg, COLORREF clrBgHover, COLORREF clrBgPressed) { m_clrBg = clrBg; // 传入0时按普通色自动派生悬停色和按下色 m_clrBgHover = (clrBgHover == 0) ? LightenColor(clrBg, 1.15f) : clrBgHover; m_clrBgPressed = (clrBgPressed == 0) ? LightenColor(clrBg, 0.85f) : clrBgPressed; }

LightenColor是一个内部辅助函数，把 RGB 三个分量分别乘系数并钳制到 0~255。为什么要用乘法而不是直接加减？因为白色按钮加减会直接越界，乘法后依然保持原有色相。外围颜色变暗 15%、变亮 15%，对大多数场景已经足够。如果项目有严格的视觉规范，直接用非零参数强行指定即可。

4.2 图标尺寸、圆角半径、颜色亮度的默认值参考

默认参数是从实际项目数据里归纳出来的，不是拍脑袋定值。我整理了一张表，接入时可以直接照抄。

这里有一个使用习惯值得说明：圆角半径设为 3 是为了和大多数 MFC 编辑框、列表控件的默认圆角保持一致。如果某个界面只要主按钮用大圆角渐变风格，其他按钮保持方形，也是分实例设不同值就行，类内部不共享任何静态状态。高 DPI 场景我建议图标尺寸传入时要看GetDeviceCaps(LOGPIXELSX)的结果，不要写死 16。

4.3 用 DDX 绑定还是动态 Create：两种接入方式怎么选

MFC 对话框接入自绘按钮有两种常见姿势，按项目形态选即可。第一种是对话框资源里先放好普通按钮，然后在DoDataExchange里用DDX_Control绑定成员变量，之后调用接口设置样式。这种方式适合界面布局固定的老项目，改动量最小。

void CMyDialog::DoDataExchange(CDataExchange* pDX) { CDialogEx::DoDataExchange(pDX); DDX_Control(pDX, IDC_BTN_START, m_btnStart); } BOOL CMyDialog::OnInitDialog() { CDialogEx::OnInitDialog(); m_btnStart.SetIcon(m_hIconStart, 20); m_btnStart.SetBackColor(RGB(30, 120, 210)); m_btnStart.SetRoundRect(6); return TRUE; }

第二种是动态创建，适合按钮数量不固定、布局按数据生成的场景。先new出实例，然后调用Create指定位置和风格，最后手动SetWindowText。注意动态创建时按钮的资源 ID 要保证是唯一的，否则点击事件的ON_BN_CLICKED会串到错误处理函数里。动态创建还需要在对话框析构时主动删除对象，资源绑定方式则不需要。

// 动态创建示例：在面板上生成3个操作按钮 CMyButton* pBtn = new CMyButton(); CString strText = _T("保存"); pBtn->Create(strText, WS_CHILD | WS_VISIBLE | BS_OWNERDRAW, CRect(10, 10, 90, 36), this, IDC_BTN_SAVE_BASE + i); pBtn->SetIcon(hIconSave, 16); pBtn->SetBackColor(RGB(240, 240, 240));

两种方式都要注意BS_OWNERDRAW风格。资源绑定方式在PreSubclassWindow里统一处理了，动态创建方式必须在Create的第二个参数里加上BS_OWNERDRAW，否则按钮不会走自绘流程。

5. 自绘按钮排坑指南：5 个最容易翻车的地方

5.1 图标不显示或花屏：先查句柄、再查 DC 状态，最后查尺寸

现象很直白：按钮上只有文字，图标一直不出来，或者图标像被撕裂了一样有黑块。查问题的顺序我一般固定是三步。第一步确认HICON本身有效，很多情况是LoadIcon返回 NULL，却没有做有效性判断。第二步确认DrawState的目标尺寸，m_nIconSize如果传了 0，绘制函数拿到的目标区域是空的，图标自然不显示。第三步要查 DC 的文本背景色，DrawState绘制图标时会受到SetBkColor的影响，如果背景色和图标透明色不一致，就会出现黑底方块。解决方式是在绘制图标前再单独执行一次SetBkColor(RGB(255,255,255))，配合透明色保证边缘干净。

5.2 Pressed 后出现一圈黑边：区域裁剪与背景擦除的顺序

按钮按下后背景变深，在圆角边缘外却出现一圈黑色或暗边，这是自绘按钮非常典型的翻车现场。原因有两个叠加：DrawItem重绘时没有先擦除旧背景，或者擦除时用的是系统画刷；DeflateRect(1,1)没有生效，导致圆角路径的像素和上一次重绘的边缘像素交叠。解决方式是在DrawItem开头先用双缓冲填满整个客户区，再在圆角路径内画背景色。我在代码里用的memDC.FillRgn恰好能覆盖这种情况，但要注意FillRgn的区域必须比控件边框小至少 1 像素，否则边缘锯齿依然存在。检查时可以用全屏截图放大到 200% 看按钮边缘，锯齿和黑边一目了然。

5.3 双击按钮触发了两次单击：用 GetDoubleClickTime 做区分

设备界面里“复位”“删除”这类按钮，双击触发两次会带来实际损失。原生CButton对单击和双击的区分依赖鼠标消息序列：第一击的WM_LBUTTONDOWN后如果快速来了WM_LBUTTONDBLCLK，系统其实是把第二击作为双击消息发的，但按钮类的OnLButtonDown两次都会进入。解决方式是在处理OnLButtonDown时记录GetTickCount()，配合GetDoubleClickTime()判断两次点击间隔，如果小于系统双击时间阈值，就丢弃第二次点击的触发逻辑。

// 双击保护：在 OnLButtonDown 中记录时间戳 DWORD dwLastClickTime = 0; if (GetTickCount() - dwLastClickTime < (DWORD)GetDoubleClickTime()) { return; // 判断为双击，忽略本次按下事件 } dwLastClickTime = GetTickCount();

这个方案对快速操作有影响——用户连点两次启动，第二个点击会被吞掉。实际上“吞掉第二次点击”正是预期行为：双击在这里被定义为无意义操作，业务层只处理单击，所以只触发一次是最安全的。

5.4 高 DPI 屏幕上文字和图标发虚：字号跟点阵走，位置跟像素走

Windows 缩放 150% 时，自绘按钮最容易出现图标偏小、文字边缘发虚的问题。根因是 MFC 的DrawText默认使用对话框的字号，而对话框字体是点阵逻辑单位，缩放后物理像素变大，但图标尺寸还是写死的 16 像素。解决方式是字号跟随系统缩放，图标跟像素同步放大。在OnInitDialog里做一次GetDeviceCaps(LOGPIXELSX) / 96.0的缩放因子计算，把m_nIconSize乘一下，再用CreatePointFont重建按钮字体。

如果项目已经开启了进程级 DPI 感知，还要注意CreateCompatibleBitmap创建的内存 DC 尺寸也要用当前 DPI 下的客户区像素值，否则绘制区域和窗口实际尺寸不一致，拷回窗口时只能拉伸，画面必然发虚。判断是否踩了这个坑的方法是：把窗口拖到第二块高缩放比的显示器上，按钮如果明显比同高度文字模糊，就说明绘制位图和窗口像素尺寸没对齐。

5.5 换肤对话框把按钮底色涂成黑块：从 WM_ERASEBKGND 根源解决

对话框重绘时，按钮背景经常先被系统默认的WM_ERASEBKGND擦成灰色或黑色，再走DrawItem绘制，但两者之间会有几毫秒的时间差，人眼就会看到按钮区域闪黑块。解决方式分两层：第一层，在按钮类里重写WM_ERASEBKGND，直接返回 TRUE，告诉系统不用擦背景，让自绘代码完全接管；第二层，在对话框的OnEraseBkgnd里对按钮区域不做擦除，或者用RedrawWindow的RDW_UPDATENOW参数强制同步刷新。

BOOL CMyButton::OnEraseBkgnd(CDC* pDC) { // 禁止系统擦除按钮背景，全部交给 DrawItem 绘制，防止闪烁 return TRUE; }

这一步做完，换肤时的黑块现象基本消失。优先级上要先解决WM_ERASEBKGND，再考虑双缓冲，很多闪屏问题其实根子都在这里，双缓冲只是兜底方案。

6. 把按钮类用到生产环境：三个验证技巧与一个性能习惯

6.1 用 SPY++ 验证窗口风格与消息路径

接入后第一件事不是看视觉，而是验证消息路径。打开 Visual Studio 自带的 SPY++ 工具，找到按钮窗口，确认窗口风格里包含BS_OWNERDRAW。如果风格没有生效，检查你是在PreSubclassWindow里改的还是Create参数里加的，两种方式漏掉任何一种都不会走自绘流程。再开启消息日志，把鼠标移入按钮看有没有WM_MOUSEMOVE之后紧接着的WM_PRINTCLIENT或绘制消息，再移出按钮看WM_MOUSELEAVE是否触发。这一步能确认 3.3 节的_TrackMouseEvent是否正常工作。

6.2 键盘路径和热区边界：自绘按钮最容易漏掉的验收项

视觉验收完成后，用 Tab 键走一遍焦点顺序。每按一次 Tab，焦点按钮上应该出现虚线焦点框，高亮色和悬停色不能一样，否则键盘用户分不清自己在哪。再测试一次热区边界：按钮四周 2 像素内的区域点击是否有效。很多自绘按钮为了做圆角，把实际点击区域也裁剪小了，导致用户点按钮边缘没反应。验收标准是，点击矩形客户区的任何一点都应该触发BN_CLICKED，圆角只是视觉裁剪，不应影响热区。

6.3 缓存 GDI 对象：把重复创建的画笔画刷收成静态成员

每次DrawItem都创建CBrush和CPen，按钮多时会造成频繁的 GDI 对象分配释放，有一定性能损耗。生产环境里我现在习惯把固定颜色对应的画刷、画笔做成静态成员，初始化一次，DrawItem里直接查颜色值拿对象。

// 静态GDI对象缓存示例 static CMap<COLORREF, COLORREF, CBrush*, CBrush*> s_mapBrush; static CBrush* GetBrush(COLORREF clr) { CBrush* pBrush = NULL; if (!s_mapBrush.Lookup(clr, pBrush)) { pBrush = new CBrush(clr); s_mapBrush.SetAt(clr, pBrush); } return pBrush; }

缓存的边界参数是颜色种类，一般每个按钮四态颜色用完后只有 4~8 种画刷，缓存后DrawItem里省去了反复创建销毁的损耗，逻辑也更干净。我记得之前有个项目，操作界面上有四十多个按钮，未加缓存时频繁切换页面会有肉眼可见的卡顿，加上缓存后明显顺滑了很多。现在我做任何DrawItem类控件，都会默认先查一下有没有重复创建 GDI 对象的写法。这个习惯帮我在后面几个项目里省了不少排查时间，希望帮到你。

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