1. 项目概述与核心价值

最近在带几个刚入行的C++开发新人，发现他们虽然语法过关，但一碰到需要自己动手封装UI组件、处理复杂交互逻辑时就有点发怵。这让我想起自己刚接触Qt那会儿，也是对着官方文档里那些QPushButton、QWidget一头雾水，更别提搞明白paintEvent和mousePressEvent到底该怎么用了。所以，我决定把当年踩过的坑、总结的经验，结合一个完整的“自定义按钮”开发练习，从头到尾捋一遍。这不仅仅是一个按钮，而是理解Qt这套以“信号与槽”为核心、事件驱动为灵魂的GUI框架的最佳切入点。

这个练习的目标很明确：我们不满足于使用Qt提供的标准按钮。我们要从零开始，创建一个具备独特视觉风格（比如圆角、渐变、图标动画）、能够响应多种交互状态（如悬停、按下、禁用），并且可以像乐高积木一样在项目里复用的真正自定义按钮组件。在这个过程中，你会深刻理解Qt的绘图系统、事件处理机制、对象模型以及组件化设计思想。最终产出的，不仅仅是一个按钮类，更是一套适用于开发任何自定义Qt组件的实战方法论。无论你是想做一个炫酷的播放器控件，还是一个专业的数据仪表盘，这里面的原理都是相通的。

2. 开发环境准备与项目搭建

工欲善其事，必先利其器。一个稳定、高效的开发环境是后续所有工作的基础。

2.1 Qt与IDE的选择与配置

首先面临的是工具链的选择。Qt版本我强烈推荐Qt 5.15 LTS或Qt 6.2及以上版本。LTS（长期支持）版本意味着更少的未知Bug和更稳定的API，适合商业和长期项目。对于初学者，从Qt 5.15开始是个稳妥的选择，其资料和社区解答最为丰富。

IDE方面，你有两个主流选择：

1. Qt Creator：Qt官方亲儿子，对Qt项目支持得天独厚，内置的UI设计器、信号槽编辑器、国际化工具等无缝集成。对于Qt GUI开发，它的体验是最流畅的。
2. Visual Studio + Qt VS Tools：如果你更熟悉VS的生态，或者项目本身还混合了其他Windows原生开发，这是一个强大的组合。安装Qt VS Tools插件后，你可以在VS里获得类似Qt Creator的体验。

这里以Qt Creator为例。安装完成后，第一件要事是解决中文乱码这个经典问题。在Windows下，VS编译器默认使用GBK编码，而Qt Creator和源码文件通常使用UTF-8，这会导致中文字符显示为乱码。解决方法是在main.cpp文件的开头，加入以下代码：

#include <QApplication> #include <QTextCodec> int main(int argc, char *argv[]) { QApplication a(argc, argv); // 设置应用程序默认字体，解决中文显示问题（Qt5推荐方式） QFont font; font.setFamily("Microsoft YaHei"); // 使用系统支持的字体，如微软雅黑 a.setFont(font); // 对于需要从本地文件系统加载字符串的情况，可以设置编码（Qt5中QTextCodec已不推荐，但有时仍需） // QTextCodec *codec = QTextCodec::codecForName("UTF-8"); // QTextCodec::setCodecForLocale(codec); // 谨慎使用，了解其影响范围 // ... 你的窗口和组件创建代码 return a.exec(); }

注意：在Qt 5及以后，官方更推荐通过设置正确字体和保证源码文件是UTF-8编码（无BOM）来解决乱码。QTextCodec::setCodecForLocale在Qt6中已被移除，所以在新项目中应尽量避免依赖它。确保你的代码编辑器（如Qt Creator）将文件保存为“UTF-8 without BOM”格式。

2.2 创建第一个Qt Widgets项目

打开Qt Creator，点击“New Project”，选择“Application” -> “Qt Widgets Application”。给项目起个名字，比如CustomButtonDemo。在“Kit Selection”页面，确保选择了你安装的Qt版本对应的编译器套件（如Desktop Qt 5.15.2 MSVC2019 64bit）。

一路点击下一步，直到完成。Qt Creator会为你生成一个基本的窗口应用框架，包含main.cpp、主窗口类（如MainWindow）的头文件和源文件。我们后续的自定义按钮就将在主窗口中进行测试和展示。

2.3 理解项目基础结构

生成的项目中，.pro文件是Qt的项目配置文件，它决定了编译哪些文件、链接哪些库。对于我们的自定义组件项目，关键是要确保QT += core gui这一行存在（默认就有），它引入了Qt核心和GUI模块。

3. 自定义按钮组件的核心设计

我们不直接从最复杂的按钮开始，而是遵循“由简入繁”的原则，先设计一个基础的自定义按钮类，再逐步添加特性。

3.1 类的设计与继承体系

在Qt中，几乎所有可视化的东西都是QWidget或其子类。按钮也不例外。标准按钮QPushButton继承自QAbstractButton，而QAbstractButton又继承自QWidget。为了获得最大的灵活性和对绘制、事件的完全控制，我们选择直接继承自QWidget。这意味我们需要自己实现所有的绘制和交互逻辑，虽然工作量稍大，但学习价值最高。

在项目中右键点击“Headers”文件夹，选择“Add New...”，添加一个C++ Class，类名设为CustomButton，基类选择QWidget。创建完成后，你会得到custombutton.h和custombutton.cpp两个文件。

3.2 定义按钮的状态与属性

一个按钮至少有几种状态：正常(Normal)、悬停(Hover)、按下(Pressed)、禁用(Disabled)。我们需要用枚举和成员变量来管理这些状态。同时，按钮应该有文本、颜色等属性。

打开custombutton.h，我们先来定义这个类的骨架：

#ifndef CUSTOMBUTTON_H #define CUSTOMBUTTON_H #include <QWidget> #include <QColor> #include <QString> class CustomButton : public QWidget { Q_OBJECT // 必须的宏，用于支持信号与槽、属性系统 // 定义按钮状态枚举 enum ButtonState { StateNormal, StateHovered, StatePressed, StateDisabled }; public: explicit CustomButton(QWidget *parent = nullptr); explicit CustomButton(const QString &text, QWidget *parent = nullptr); // 获取和设置文本 QString text() const; void setText(const QString &text); // 获取和设置背景色（不同状态） QColor backgroundColor(ButtonState state) const; void setBackgroundColor(ButtonState state, const QColor &color); // 获取和设置文本颜色 QColor textColor(ButtonState state) const; void setTextColor(ButtonState state, const QColor &color); // 启用/禁用按钮 void setEnabled(bool enabled); signals: // 自定义信号，当按钮被点击时发出 void clicked(); protected: // 重写事件处理函数 void paintEvent(QPaintEvent *event) override; void mousePressEvent(QMouseEvent *event) override; void mouseReleaseEvent(QMouseEvent *event) override; void enterEvent(QEvent *event) override; // 鼠标进入 void leaveEvent(QEvent *event) override; // 鼠标离开 private: // 内部状态与属性 QString m_text; // 按钮文本 ButtonState m_currentState; // 当前按钮状态 // 颜色配置，用QMap或数组存储不同状态下的颜色 QMap<ButtonState, QColor> m_bgColorMap; QMap<ButtonState, QColor> m_textColorMap; // 标记鼠标是否在按钮区域内按下 bool m_mousePressed; }; #endif // CUSTOMBUTTON_H

3.3 实现构造函数与基础设置

在custombutton.cpp中，我们首先实现构造函数和基本的属性设置函数。重点是初始化所有状态和默认颜色。

#include "custombutton.h" #include <QPainter> #include <QMouseEvent> #include <QFontMetrics> CustomButton::CustomButton(QWidget *parent) : QWidget(parent), m_text("Button"), m_currentState(StateNormal), m_mousePressed(false) { // 初始化默认颜色 m_bgColorMap[StateNormal] = QColor(100, 150, 220); // 蓝色 m_bgColorMap[StateHovered] = QColor(120, 170, 240); // 更亮的蓝色 m_bgColorMap[StatePressed] = QColor(80, 130, 200); // 更深的蓝色 m_bgColorMap[StateDisabled] = QColor(200, 200, 200); // 灰色 m_textColorMap[StateNormal] = Qt::white; m_textColorMap[StateHovered] = Qt::white; m_textColorMap[StatePressed] = Qt::white; m_textColorMap[StateDisabled] = Qt::darkGray; // 设置按钮默认大小策略和最小尺寸 setMinimumSize(80, 30); setSizePolicy(QSizePolicy::Minimum, QSizePolicy::Minimum); // 启用鼠标追踪，以便在鼠标进入时即使没有按下也能接收悬停事件 setMouseTracking(true); } CustomButton::CustomButton(const QString &text, QWidget *parent) : CustomButton(parent) // 委托给上面的构造函数 { m_text = text; } QString CustomButton::text() const { return m_text; } void CustomButton::setText(const QString &text) { if (m_text != text) { m_text = text; update(); // 文本改变，需要重绘 } } // 其他getter/setter实现类似，这里省略... void CustomButton::setBackgroundColor(ButtonState state, const QColor &color) { if (m_bgColorMap[state] != color) { m_bgColorMap[state] = color; if (m_currentState == state) { update(); // 如果当前状态的颜色被修改，立即重绘 } } }

实操心得：在自定义组件的构造函数中，务必调用setMouseTracking(true)。默认情况下，Widget只在鼠标按键按下时才追踪移动。开启后，即使不按鼠标，enterEvent和leaveEvent也能被触发，这对于实现悬停效果至关重要。另外，setMinimumSize和sizePolicy的组合，能让你的组件在布局中有一个合理的默认大小和行为。

4. 核心事件处理与状态机逻辑

事件处理是自定义组件的灵魂。Qt的事件系统是一个精妙的机制，理解它才能做出响应灵敏的组件。

4.1 重写鼠标事件

鼠标事件决定了用户的交互。我们需要重写四个关键事件：enterEvent、leaveEvent、mousePressEvent、mouseReleaseEvent。

void CustomButton::enterEvent(QEvent *event) { Q_UNUSED(event); if (isEnabled()) { m_currentState = StateHovered; update(); // 请求重绘，更新为悬停样式 } } void CustomButton::leaveEvent(QEvent *event) { Q_UNUSED(event); if (isEnabled()) { m_currentState = StateNormal; m_mousePressed = false; // 鼠标移出，无论之前是否按下，都重置状态 update(); } } void CustomButton::mousePressEvent(QMouseEvent *event) { if (event->button() == Qt::LeftButton && isEnabled()) { m_mousePressed = true; m_currentState = StatePressed; update(); // 可以在这里记录按下的位置，用于实现拖动效果等 } // 注意：不要调用父类的mousePressEvent，除非你明确需要其默认行为 // QWidget::mousePressEvent(event); } void CustomButton::mouseReleaseEvent(QMouseEvent *event) { if (event->button() == Qt::LeftButton && m_mousePressed) { m_mousePressed = false; // 判断释放时鼠标是否仍在按钮区域内 if (rect().contains(event->pos())) { m_currentState = StateHovered; // 释放后回到悬停状态 emit clicked(); // 发出点击信号！ } else { m_currentState = StateNormal; // 鼠标移出区域释放，回到正常状态 } update(); } }

注意事项：mouseReleaseEvent中的逻辑是交互设计的细节，但很重要。我们只在“按下”和“释放”都在组件区域内时才视为一次有效的点击并发射clicked()信号。这符合大多数用户对按钮的直觉。如果释放时鼠标已移出，则只重置状态，不发射信号。这种处理方式比简单地在mousePressEvent里发射信号要严谨得多。

4.2 实现绘制事件（paintEvent）

paintEvent是组件外观的最终决定者。在这里，我们使用QPainter进行所有绘制操作。目标是绘制一个根据m_currentState变化的、美观的按钮。

void CustomButton::paintEvent(QPaintEvent *event) { Q_UNUSED(event); QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing, true); // 开启抗锯齿，让边缘平滑 QRect rect = this->rect(); // 获取组件当前的绘制区域 int width = rect.width(); int height = rect.height(); // 1. 绘制背景（带圆角） QColor bgColor = m_bgColorMap.value(m_currentState, m_bgColorMap[StateNormal]); painter.setBrush(bgColor); painter.setPen(Qt::NoPen); // 无边框，或可以设置一个细边框 // 绘制圆角矩形，圆角半径取短边的一半，但不超过10像素，看起来比较协调 int radius = qMin(height / 2, 10); painter.drawRoundedRect(rect, radius, radius); // 2. 绘制文本（居中） painter.setPen(m_textColorMap.value(m_currentState, Qt::white)); QFont font = painter.font(); font.setPointSize(10); // 设置合适的字体大小 font.setBold(m_currentState == StatePressed); // 按下时加粗，增加反馈感 painter.setFont(font); painter.drawText(rect, Qt::AlignCenter, m_text); // 3. （可选）在禁用状态绘制一个半透明的遮罩或叉号 if (m_currentState == StateDisabled) { painter.setBrush(QColor(255, 255, 255, 150)); // 半透明白色遮罩 painter.setPen(Qt::NoPen); painter.drawRoundedRect(rect, radius, radius); // 或者绘制一个灰色的禁用图标 // painter.setPen(QPen(Qt::darkGray, 2)); // painter.drawLine(rect.topLeft(), rect.bottomRight()); // painter.drawLine(rect.topRight(), rect.bottomLeft()); } }

核心技巧：QPainter::setRenderHint(QPainter::Antialiasing, true)这一行代码成本很低，但视觉效果提升巨大。它让圆角、线条和文本的边缘变得平滑，瞬间提升UI的质感。务必在绘制任何自定义形状前开启它。

4.3 启用与禁用状态的处理

我们重写了setEnabled函数，以便在禁用时更新状态和外观。

void CustomButton::setEnabled(bool enabled) { QWidget::setEnabled(enabled); // 调用基类函数，确保底层功能正常 if (enabled) { m_currentState = StateNormal; } else { m_currentState = StateDisabled; m_mousePressed = false; // 禁用时清除按下状态 } update(); }

5. 功能增强与高级特性实现

基础按钮完成后，我们可以为其添加更多实用和炫酷的特性，让它从一个练习品变成一个真正可用的组件。

5.1 添加图标支持

一个带图标的按钮比纯文本按钮更直观。我们需要增加图标属性，并在绘制时处理图标和文本的布局。

首先，在custombutton.h中添加私有成员QPixmap m_icon和对应的setIcon、icon函数，以及一个枚举IconPosition来决定图标在文本的左边还是右边。

在paintEvent中，绘制完背景后，计算图标和文本的绘制区域。一个常见的布局是：图标和文本整体在按钮中居中，图标在左，文本在右，中间留一点间距。

// 在paintEvent中，绘制文本的部分替换为： if (!m_icon.isNull()) { // 计算图标绘制区域 int iconSize = height() - 8; // 图标大小，留出边距 int totalContentWidth = iconSize + 4 + textWidth; // 图标+间距+文本总宽 int startX = (width() - totalContentWidth) / 2; QRect iconRect(startX, 4, iconSize, iconSize); painter.drawPixmap(iconRect, m_icon.scaled(iconSize, iconSize, Qt::KeepAspectRatio, Qt::SmoothTransformation)); // 文本绘制起始位置 QRect textRect(startX + iconSize + 4, 0, textWidth, height()); painter.drawText(textRect, Qt::AlignCenter, m_text); } else { painter.drawText(rect, Qt::AlignCenter, m_text); }

避坑指南：缩放图标时务必使用Qt::SmoothTransformation标志。否则，当图标缩放到非原始大小时，会出现难看的锯齿。这是很多新手容易忽略的细节。

5.2 实现动画过渡效果

生硬的状态切换显得廉价。我们可以使用Qt的动画框架QPropertyAnimation，让背景色和文字颜色在不同状态间平滑过渡。

这需要将按钮的背景色和文字色定义为Qt的属性（使用Q_PROPERTY宏），这样动画系统才能操作它们。由于我们的颜色是分状态存储的，实现起来稍复杂。一个更直接的思路是：不直接动画颜色，而是动画一个表示“状态进度”的浮点数（从0到1），在paintEvent中根据这个进度值，在两个状态的颜色之间进行线性插值（QColor::lerp）。

// 在头文件中添加 #include <QPropertyAnimation> ... private: ... qreal m_stateTransitionFactor; // 过渡因子，0.0表示状态A，1.0表示状态B QPropertyAnimation *m_colorAnimation; ButtonState m_targetState; // 在鼠标事件中，不再直接修改m_currentState和调用update()，而是启动动画 void CustomButton::enterEvent(QEvent *event) { Q_UNUSED(event); if (isEnabled() && m_currentState != StateHovered && m_currentState != StatePressed) { startStateTransitionAnimation(StateHovered); } } void CustomButton::startStateTransitionAnimation(ButtonState targetState) { if (m_colorAnimation) { m_colorAnimation->stop(); } else { m_colorAnimation = new QPropertyAnimation(this, "stateTransitionFactor"); m_colorAnimation->setDuration(150); // 150毫秒的动画时长 } m_targetState = targetState; m_colorAnimation->setStartValue(0.0); m_colorAnimation->setEndValue(1.0); m_colorAnimation->start(); } // 然后需要一个stateTransitionFactor的setter，在其中调用update()

经验之谈：为UI添加动画能极大提升用户体验，但要遵循“快速、流畅、有意义”的原则。动画时长通常在100ms到300ms之间，太慢会拖沓，太快则用户感知不到。动画的目的应该是引导用户的注意力，而不是炫技。

5.3 暴露样式接口（QSS部分支持）

虽然我们完全自定义了绘制，但有时仍希望保留一些通过Qt样式表（QSS）定制的能力，比如外边框、最基础的背景色。我们可以选择性地在paintEvent中调用基类的绘制，或者将QSS支持的属性作为我们自定义绘制的补充。

一个简单的方法是：在构造函数中设置一个默认的样式表，用于定义一些我们自定义绘制不处理的属性，比如border、padding。然后在paintEvent中，先调用QWidget::paintEvent(event)绘制样式表定义的背景和边框，再在上面绘制我们的自定义内容（圆角、颜色、图标）。但要注意图层叠加和裁剪区域的问题，实现起来较为复杂。对于深度自定义的组件，通常建议完全接管绘制，QSS仅用于定义一些非常基础的、不影响几何形状的属性。

6. 在主窗口中集成与测试

组件写好了，得拉出来溜溜。我们在主窗口MainWindow中测试它的所有功能。

6.1 布局与添加组件

在MainWindow的构造函数中（或通过UI设计器拖拽），创建几个CustomButton实例，设置不同的属性，并连接到槽函数。

// MainWindow.cpp 构造函数中 #include "custombutton.h" MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) { // 创建一个中心Widget和布局 QWidget *centralWidget = new QWidget(this); QVBoxLayout *mainLayout = new QVBoxLayout(centralWidget); // 创建自定义按钮1 CustomButton *btn1 = new CustomButton("Primary Button", this); btn1->setBackgroundColor(CustomButton::StateNormal, QColor(0, 123, 255)); // Bootstrap 主蓝色 btn1->setMinimumSize(120, 40); mainLayout->addWidget(btn1); // 创建自定义按钮2（带图标） CustomButton *btn2 = new CustomButton("With Icon", this); btn2->setIcon(QPixmap(":/icons/save.png")); // 假设资源文件中有此图标 mainLayout->addWidget(btn2); // 创建自定义按钮3（禁用状态） CustomButton *btn3 = new CustomButton("Disabled", this); btn3->setEnabled(false); mainLayout->addWidget(btn3); // 连接信号与槽 connect(btn1, &CustomButton::clicked, this, &MainWindow::onPrimaryButtonClicked); connect(btn2, &CustomButton::clicked, [](){ qDebug() << "Icon button clicked!"; }); setCentralWidget(centralWidget); } void MainWindow::onPrimaryButtonClicked() { QMessageBox::information(this, "Clicked", "You clicked the primary button!"); }

6.2 测试交互与状态切换

运行程序。你应该能看到三个按钮。测试以下交互：

1. 鼠标悬停在btn1和btn2上，颜色应变亮。
2. 鼠标按下按钮，颜色应变深，并且文本可能加粗（根据我们的绘制代码）。
3. 在按钮上按下鼠标，然后拖出按钮区域再释放，按钮应恢复悬停或正常状态，且不触发点击信号。在按钮区域内释放，应触发信号并弹出消息框。
4. btn3应始终为灰色，不响应任何鼠标事件。

这些测试覆盖了基本的事件处理逻辑。如果任何一项不符合预期，就需要回头检查对应的事件处理函数。

6.3 样式统一与复用思考

现在，我们有了一个功能健全的自定义按钮。但在一个大型应用中，我们需要几十个甚至上百个样式一致的按钮。每次都去手动设置颜色非常麻烦。这时，组件化的另一个层面就显现出来了：创建派生类或使用工厂模式。

例如，我们可以创建一个PrimaryButton类，继承自CustomButton，在它的构造函数里就设置好一套主色调。或者，创建一个SecondaryButton类。这样，在UI中使用时，直接实例化PrimaryButton即可，无需再设置颜色。

更进一步，可以考虑将颜色方案、字体、圆角半径等视觉属性提取到一个单独的ButtonStyle结构体或类中，通过setStyle函数一次性应用。这为未来支持“换肤”功能打下了基础。

7. 深入原理：Qt事件系统与绘图机制

做到这一步，你已经实现了一个可用的自定义按钮。但要真正精通，必须理解背后的原理。

7.1 Qt事件循环与事件分发

Qt程序的核心是QCoreApplication::exec()启动的事件循环。它从操作系统接收事件（鼠标、键盘、定时器等），并将其转化为QEvent对象，分发给相应的QObject（通常是QWidget）。

当一个事件发生时（比如鼠标移动）：

1. QApplication收到系统消息，创建一个QMouseEvent对象。
2. 事件循环将这个事件发送给光标下的QWidget。
3. 该Widget的event(QEvent *)函数被调用。这是一个虚函数，你可以重写它来处理所有事件。
4. 默认的QWidget::event()函数会根据事件的类型，调用更具体的事件处理器，比如mousePressEvent(QMouseEvent *)。
5. 这就是为什么我们重写mousePressEvent而不是event函数——因为更简单、更专注。如果你需要在更早的阶段拦截或过滤事件，才需要重写event函数。

关键理解：事件（Event）是“发生了什么”，比如鼠标按下。信号（Signal）是“对发生的事情做出反应并告诉别人”，比如按钮被点击后发射clicked()信号。槽（Slot）就是“别人做出的反应”。事件驱动内部状态变化（如m_currentState），状态变化触发重绘（update()），而特定的状态变化序列（按下->释放）则触发信号的发射。

7.2 绘图与双缓冲机制

当update()或repaint()被调用时，并不会立即绘制。它只是向系统标记这个Widget的区域为“需要更新”。在事件循环的某个合适时机（通常是下一个空闲时刻），Qt会为这个Widget生成一个QPaintEvent并调用其paintEvent()函数。

QPainter在paintEvent中进行的绘制，默认使用了双缓冲技术。这意味着绘制并不是直接画到屏幕对应的像素上，而是先在一个离屏的像素图（QPixmap）上绘制完成，然后再一次性拷贝到屏幕上。这避免了复杂绘制过程中的屏幕闪烁。

这就是为什么在paintEvent中，我们获取的rect()是“需要更新的区域”，而不一定是整个Widget。虽然我们通常忽略这个区域，直接重绘全部。对于更复杂的、需要高性能的组件，可以利用这个脏矩形（dirty rect）进行局部更新，只重绘变化的部分。

7.3 信号与槽的连接方式

我们使用了connect(btn1, &CustomButton::clicked, ...)这种基于函数指针的新式语法。它比老式的SIGNAL和SLOT宏更安全，因为编译器会在编译期检查信号和槽的签名是否匹配。

连接类型默认为Qt::AutoConnection。如果发送者和接收者在同一个线程，其行为等同于Qt::DirectConnection（槽函数立即在发送信号的线程执行）。如果不在同一线程，则等同于Qt::QueuedConnection（槽函数在接收者所在线程的事件循环中被调用）。理解这一点对多线程编程非常重要。

8. 常见问题排查与性能优化

在实际开发中，你肯定会遇到各种奇怪的问题。这里记录一些典型问题的排查思路。

8.1 组件不显示或显示异常

8.2 事件不响应或响应错误

8.3 性能优化建议

1. 避免在paintEvent中进行耗时操作：paintEvent会被频繁调用。不要在这里进行文件读取、复杂计算、网络请求等。所有需要绘制的数据（如图标、缓存的颜色值）都应在paintEvent之外准备好。
2. 使用update()而非repaint()：update()是异步的，它会将多个更新请求合并，避免不必要的重绘。repaint()是同步的，会立即强制重绘，通常只在紧急情况下使用。
3. 利用脏矩形：对于绘制非常复杂的组件（如实时图表），可以只重绘QPaintEvent参数中提供的需要更新的区域(event->rect())。
4. 缓存绘制结果：如果组件外观不常变化但绘制复杂，可以考虑将结果绘制到一个QPixmap缓存中，在paintEvent里直接绘制这个QPixmap。当状态改变时，再重新生成缓存。
5. 谨慎使用图形效果：QPainter的阴影、渐变等效果虽然好看，但计算开销较大。在需要高性能的界面（如每秒刷新数十次的仪表）中应慎用，或寻找替代方案（如使用预渲染的图片）。

8.4 关于内存管理

我们的CustomButton继承自QWidget，而QWidget继承自QObject。Qt使用对象树进行内存管理。当您将父对象（parent）传递给CustomButton的构造函数时（如new CustomButton(this)），这个按钮就成为主窗口的子对象。当父对象（主窗口）被销毁时，它会自动删除其所有子对象。因此，在大多数情况下，你不需要手动delete在堆上创建的Qt GUI对象。这是Qt防止内存泄漏的一个重要机制。但是，如果你在堆上创建了对象但没有指定父对象，或者使用了裸指针在对象间传递，就需要自己负责管理其生命周期。