简介：本资源面向MFC界面开发初学者与需要美化按钮控件的C++程序员，围绕“自定义按钮”这一常见需求，提供一套可运行的图片按钮实现方案。包内共47个文件，以cpp与h源码、bmp位图资源、obj与pdb编译中间文件、sln与vcxproj工程文件为主，另含rc资源脚本、ico图标及exe可执行程序，压缩包约28.91MB，工程结构完整，可直接用Visual Studio打开编译运行。资源核心演示了从CButton派生自定义类、重写OnPaint绘制位图、加载并设置按钮图像、处理鼠标事件到在对话框中替换标准按钮的完整流程，并附带多张按钮状态位图素材。已有335人学习下载，适合想掌握MFC自绘控件、提升界面视觉效果的中级开发者参考，也可作为课程设计或小型项目的界面模块直接复用。

1. 从“按钮丑得没法看”说起：这套 MFC 自定义按钮到底能干什么

接手过一个老工业控制软件，界面上密密麻麻排着几十个按钮，全是系统默认的灰色凸起方块。客户看了一眼就说：“这界面像上个世纪的。”当时第一反应是换 Qt，但项目已经跑了十几年，底层全是 MFC 的CWnd派生类，重写成本根本扛不住。后来翻出一个思路：不换框架，只把按钮的绘制权从系统手里抢过来，自己画。这就是 MFC 自定义按钮要解决的事——让CButton不再依赖系统主题，而是由你决定它长什么样、按下时怎么反馈、悬停时怎么变色。

这套东西适合两类人：一是维护老 MFC 项目、被界面拖后腿的开发者；二是想学 Windows 自绘控件原理、拿按钮当切入点的同学。它不挑编译器版本，VC6 到 VS2022 都能跑，核心就一个CButton派生类加几个消息处理函数。下面按“能干什么 → 怎么跑起来 → 怎么改”的顺序拆一遍，代码可以直接抄进你的工程。

2. 核心机制拆解：从CButton派生到DrawItem接管绘制

2.1 为什么必须走自绘这条路

MFC 的标准按钮在Windows XP之后由主题服务接管绘制，你调SetWindowText改文字、调EnableWindow改状态，但外观始终是系统说了算。想换圆角、换渐变色、换图标位置，常规的WM_CTLCOLORBTN消息只能改背景色，改不了边框和按下效果。真正能完全接管的只有两条路：一是Owner Draw，二是完全自绘窗口。

Owner Draw的做法是给按钮加BS_OWNERDRAW样式，系统在需要绘制时发WM_DRAWITEM消息给父窗口，父窗口负责画。这条路的好处是按钮的点击、焦点、键盘响应仍然由系统处理，你只接管“画”的部分。对于大多数自定义按钮需求，这是性价比最高的方案。完全自绘窗口则要自己处理WM_LBUTTONDOWN、WM_MOUSEMOVE、WM_PAINT等一整套消息，灵活但工作量大，适合做不规则形状按钮。

我一般推荐Owner Draw，因为它在保留系统交互逻辑的前提下给了你最大的绘制自由。下面所有代码都基于这个方案。

2.2 派生类骨架与消息映射

先建一个CCustomButton类，继承CButton。头文件里声明几个关键成员：当前状态（正常、悬停、按下、禁用）、绘制用的画刷和字体、以及一个DrawItem的重写。

// CustomButton.h #pragma once class CCustomButton : public CButton { DECLARE_DYNAMIC(CCustomButton) public: CCustomButton(); virtual ~CCustomButton(); protected: // 按钮的四种视觉状态 enum ButtonState { BS_NORMAL, BS_HOVER, BS_PRESSED, BS_DISABLED }; ButtonState m_state; BOOL m_bTracking; // 是否正在跟踪鼠标悬停 // 绘制资源 CFont m_font; CBrush m_brushNormal; CBrush m_brushHover; CBrush m_brushPressed; virtual void DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct); virtual void PreSubclassWindow(); 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() };

DrawItem是核心，所有绘制逻辑都在这里。PreSubclassWindow用来在控件子类化时修改窗口样式，加上BS_OWNERDRAW。鼠标消息用来切换状态并触发重绘。

消息映射里把鼠标消息和WM_DRAWITEM关联起来：

// CustomButton.cpp BEGIN_MESSAGE_MAP(CCustomButton, CButton) ON_WM_MOUSEMOVE() ON_WM_MOUSELEAVE() ON_WM_LBUTTONDOWN() ON_WM_LBUTTONUP() END_MESSAGE_MAP()

注意WM_DRAWITEM不是由按钮自己处理的，而是父窗口收到后转发或者按钮通过DrawItem虚函数响应。MFC 的CButton已经把WM_DRAWITEM路由到了DrawItem虚函数，所以只需要重写DrawItem即可。

2.3DrawItem里的绘制流程

DrawItem收到一个LPDRAWITEMSTRUCT指针，里面包含了设备上下文hDC、按钮矩形rcItem、当前状态itemState。绘制分四步：取状态、画背景、画边框、画文字。

void CCustomButton::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct) { CDC dc; dc.Attach(lpDrawItemStruct->hDC); CRect rect = lpDrawItemStruct->rcItem; UINT state = lpDrawItemStruct->itemState; // 根据 itemState 和内部状态决定用哪个画刷 CBrush* pBrush = &m_brushNormal; if (state & ODS_DISABLED) pBrush = &m_brushNormal; // 禁用态用灰色，后面单独处理 else if (m_state == BS_PRESSED) pBrush = &m_brushPressed; else if (m_state == BS_HOVER) pBrush = &m_brushHover; // 画背景 dc.FillRect(rect, pBrush); // 画边框，按下时边框内缩 1 像素模拟凹陷 CPen pen(PS_SOLID, 1, RGB(100, 100, 100)); CPen* pOldPen = dc.SelectObject(&pen); if (m_state == BS_PRESSED) dc.Rectangle(rect.left + 1, rect.top + 1, rect.right - 1, rect.bottom - 1); else dc.Rectangle(rect.left, rect.top, rect.right, rect.bottom); dc.SelectObject(pOldPen); // 画文字，居中 CString strText; GetWindowText(strText); dc.SetBkMode(TRANSPARENT); dc.SetTextColor((state & ODS_DISABLED) ? RGB(150, 150, 150) : RGB(255, 255, 255)); CFont* pOldFont = dc.SelectObject(&m_font); dc.DrawText(strText, rect, DT_CENTER | DT_VCENTER | DT_SINGLELINE); dc.SelectObject(pOldFont); dc.Detach(); }

这里有几个细节值得说。dc.Attach和dc.Detach必须成对出现，否则CDC析构时会释放掉不属于它的HDC，导致后续绘制崩溃。itemState里的ODS_DISABLED、ODS_SELECTED、ODS_FOCUS是系统给的，但悬停状态系统不提供，得自己用TrackMouseEvent跟踪。按下时矩形内缩 1 像素是模拟物理按钮凹陷的经典做法，成本低效果好。

2.4 鼠标悬停跟踪与状态切换

悬停效果需要TrackMouseEvent注册WM_MOUSELEAVE，否则鼠标移出按钮时收不到通知，按钮会一直停在悬停态。

void CCustomButton::OnMouseMove(UINT nFlags, CPoint point) { if (!m_bTracking) { TRACKMOUSEEVENT tme; tme.cbSize = sizeof(tme); tme.dwFlags = TME_LEAVE; tme.hwndTrack = m_hWnd; _TrackMouseEvent(&tme); m_bTracking = TRUE; } if (m_state != BS_PRESSED) { m_state = BS_HOVER; Invalidate(FALSE); // 只重绘，不擦背景，减少闪烁 } CButton::OnMouseMove(nFlags, point); } void CCustomButton::OnMouseLeave() { m_bTracking = FALSE; m_state = BS_NORMAL; Invalidate(FALSE); }

Invalidate(FALSE)的参数FALSE表示不擦除背景，直接重绘。如果传TRUE，系统会先用背景色填充再画，按钮会闪。这是自绘控件里最常见的闪烁来源，血泪经验就是能传FALSE就别传TRUE。

按下和抬起消息里切换BS_PRESSED和BS_HOVER，同时调用Invalidate。注意按下时不要立即触发BN_CLICKED，让系统在抬起时发，否则长按会重复触发。

3. 跑起来：从零建工程到按钮生效的完整步骤

3.1 工程配置与文件加入

新建一个 MFC 对话框工程，在资源编辑器里拖一个普通Button控件，ID 改成IDC_BTN_CUSTOM。然后通过类向导给这个按钮添加一个CButton类型的成员变量，比如m_btnCustom。接着把CustomButton.h和CustomButton.cpp加入工程，在对话框头文件里把成员变量类型从CButton改成CCustomButton。

如果不想用成员变量，也可以在OnInitDialog里手动子类化：

BOOL CMyDlg::OnInitDialog() { CDialogEx::OnInitDialog(); // 方式一：成员变量直接子类化 m_btnCustom.SubclassDlgItem(IDC_BTN_CUSTOM, this); // 方式二：动态创建 // m_btnCustom.Create(_T("确定"), WS_CHILD | WS_VISIBLE | BS_OWNERDRAW, // CRect(10, 10, 110, 40), this, IDC_BTN_CUSTOM); return TRUE; }

SubclassDlgItem会把对话框上的按钮控件和CCustomButton对象绑定，之后所有消息都走派生类的处理。注意如果按钮在资源里已经设了BS_OWNERDRAW，SubclassDlgItem不会重复添加；如果没有，需要在PreSubclassWindow里补上。

3.2 初始化绘制资源

在构造函数里初始化画刷和字体，避免每次绘制都创建 GDI 对象。

CCustomButton::CCustomButton() : m_state(BS_NORMAL) , m_bTracking(FALSE) { m_brushNormal.CreateSolidBrush(RGB(70, 130, 180)); // 钢蓝色 m_brushHover.CreateSolidBrush(RGB(100, 160, 210)); // 亮一点 m_brushPressed.CreateSolidBrush(RGB(50, 100, 140)); // 暗一点 m_font.CreatePointFont(90, _T("微软雅黑")); } CCustomButton::~CCustomButton() { m_brushNormal.DeleteObject(); m_brushHover.DeleteObject(); m_brushPressed.DeleteObject(); m_font.DeleteObject(); }

GDI 对象是有限资源，每个进程默认上限 10000 个。如果每次DrawItem都CreateSolidBrush而不DeleteObject，跑一会儿就会绘制失败，界面变黑。这是新手最容易翻车的地方，没有之一。

3.3 编译运行与效果验证

编译运行后，按钮应该显示为钢蓝色背景、白色文字、无系统边框。鼠标移上去变亮，按下去变暗且文字区域有轻微位移。如果按钮还是灰色方块，检查三件事：BS_OWNERDRAW样式有没有加上、DrawItem有没有被调用（可以打个断点）、父窗口有没有拦截WM_DRAWITEM消息。

验证DrawItem是否被调用的一个简单办法是在函数开头加一句TRACE(_T("DrawItem called\n"));，在调试输出窗口看有没有打印。如果没有，说明样式没生效，回到PreSubclassWindow里确认：

void CCustomButton::PreSubclassWindow() { ModifyStyle(0, BS_OWNERDRAW); CButton::PreSubclassWindow(); }

ModifyStyle的第二个参数是BS_OWNERDRAW，第一个参数传 0 表示不移除任何样式。这行代码确保无论资源里怎么设，子类化后一定带自绘样式。

4. 避坑与排查：自绘按钮最容易翻车的五个地方

4.1 按钮闪烁严重，鼠标移动时像在闪灯

现象是鼠标在按钮上移动时，按钮背景反复闪烁，文字也跟着抖。原因是Invalidate(TRUE)触发了背景擦除，系统先用WM_ERASEBKGND填一遍背景，再调DrawItem画一遍，两遍之间有时间差。解决办法是Invalidate(FALSE)，同时在对话框的OnEraseBkgnd里直接返回TRUE跳过背景擦除。如果按钮在对话框上，对话框本身的背景擦除也会影响，需要把对话框的OnCtlColor里对按钮的处理去掉。

4.2 按钮点击没反应，或者点击区域错位

现象是按钮画出来了，但点上去没反应，或者要点偏左/偏上才触发。原因通常是DrawItem里改了绘制矩形但没同步命中测试区域。Owner Draw按钮的命中测试仍然由系统根据窗口矩形判断，如果你在绘制时把按钮画得比窗口小，点击边缘就不会触发。解决方法是绘制时始终以rcItem为准，不要手动偏移窗口矩形。如果确实需要不规则形状，得重写OnLButtonDown自己做PtInRect判断。

4.3 禁用状态下按钮仍然响应鼠标

现象是调了EnableWindow(FALSE)，按钮变灰了，但鼠标移上去还是变色，点下去还有按下效果。原因是OnMouseMove和OnLButtonDown里没有检查IsWindowEnabled()。系统虽然禁用了按钮的点击消息，但鼠标移动消息仍然会进来。解决办法是在鼠标消息开头加判断：

if (!IsWindowEnabled()) { m_state = BS_DISABLED; return; }

同时在DrawItem里根据ODS_DISABLED画灰色文字和背景，不要依赖内部状态。

4.4 文字显示模糊或有锯齿

现象是按钮文字边缘发虚，尤其在高分屏上。原因是CreatePointFont创建的字号是按逻辑单位算的，在高 DPI 下会被拉伸。解决办法是用CreateFont指定像素高度，或者调用SetProcessDPIAware让程序感知 DPI。更彻底的做法是在DrawItem里用DrawText之前设置dc.SetMapMode(MM_TEXT)，并确保字体高度和按钮高度匹配。如果项目要支持 4K 屏，建议在InitInstance里加 DPI 感知声明。

4.5 多个按钮共用画刷导致资源泄漏

现象是程序跑一段时间后界面绘制异常，或者任务管理器里 GDI 对象数持续上涨。原因是把画刷定义成了全局变量或者静态变量，多个按钮实例共用，析构时重复DeleteObject。解决办法是每个按钮实例持有自己的画刷和字体，在构造函数里创建、析构函数里销毁。如果确实要共用，用引用计数或者干脆用CDC的临时对象，不要跨实例共享 GDI 句柄。

5. 二次开发改造：从单色按钮到主题化按钮组

5.1 把颜色和字体抽成可配置参数

现在按钮颜色是写死的，改一个颜色要重新编译。实际项目里通常需要支持换肤或者多套主题。最简单的改造是加一个SetTheme方法，把颜色和字体作为参数传进来：

struct ButtonTheme { COLORREF clrNormal; COLORREF clrHover; COLORREF clrPressed; COLORREF clrText; CString strFontName; int nFontSize; }; void CCustomButton::SetTheme(const ButtonTheme& theme) { m_brushNormal.DeleteObject(); m_brushHover.DeleteObject(); m_brushPressed.DeleteObject(); m_font.DeleteObject(); m_brushNormal.CreateSolidBrush(theme.clrNormal); m_brushHover.CreateSolidBrush(theme.clrHover); m_brushPressed.CreateSolidBrush(theme.clrPressed); m_font.CreatePointFont(theme.nFontSize, theme.strFontName); m_clrText = theme.clrText; Invalidate(FALSE); }

这样在对话框初始化时可以根据配置读一套主题，批量应用到所有按钮上。如果要做换肤，把ButtonTheme存到配置文件或者注册表，程序启动时加载即可。

5.2 支持图标和圆角

纯色按钮做久了会腻，加图标和圆角是常见需求。图标用CImageList或者直接LoadImage加载位图，在DrawItem里根据状态选不同图标，用dc.DrawState或者dc.StretchBlt画到文字左边。圆角用RoundRect代替Rectangle，注意圆角半径不要超过按钮高度的一半，否则会变成胶囊形。

// 圆角绘制示例 int nRadius = min(rect.Width(), rect.Height()) / 4; dc.RoundRect(rect, CPoint(nRadius, nRadius));

如果圆角按钮需要抗锯齿，GDI 做不到，得用 GDI+ 的GraphicsPath。引入 GDI+ 需要初始化GdiplusStartup，在DrawItem里用Graphics对象绘制。代价是绘制速度比纯 GDI 慢，按钮数量多的时候要谨慎。

5.3 验证改造效果的方法

改完之后怎么确认没改坏？我一般用三步验证：第一步，把所有按钮状态截图对比，正常、悬停、按下、禁用四个状态各截一张，看颜色和文字位置对不对。第二步，用Spy++看窗口样式，确认BS_OWNERDRAW还在，没有多余的WS_BORDER之类。第三步，跑一个循环测试，用代码模拟鼠标在按钮上反复移动和点击一千次，观察 GDI 对象数是否稳定。如果 GDI 数持续上涨，说明有资源没释放。

从那以后我每次改自绘控件，都强制走一遍“截图对比 + Spy++ 查样式 + 循环压测”这三步，再急也不跳过。希望帮到你。

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