从零实现Qt自定义按钮组件：掌握事件处理与绘图机制

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方面你有两个主流选择Qt CreatorQt官方亲儿子对Qt项目支持得天独厚内置的UI设计器、信号槽编辑器、国际化工具等无缝集成。对于Qt GUI开发它的体验是最流畅的。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或数组存储不同状态下的颜色 QMapButtonState, QColor m_bgColorMap; QMapButtonState, QColor m_textColorMap; // 标记鼠标是否在按钮区域内按下 bool m_mousePressed; }; #endif // CUSTOMBUTTON_H3.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 实现绘制事件paintEventpaintEvent是组件外观的最终决定者。在这里我们使用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表示状态A1.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 测试交互与状态切换运行程序。你应该能看到三个按钮。测试以下交互鼠标悬停在btn1和btn2上颜色应变亮。鼠标按下按钮颜色应变深并且文本可能加粗根据我们的绘制代码。在按钮上按下鼠标然后拖出按钮区域再释放按钮应恢复悬停或正常状态且不触发点击信号。在按钮区域内释放应触发信号并弹出消息框。btn3应始终为灰色不响应任何鼠标事件。这些测试覆盖了基本的事件处理逻辑。如果任何一项不符合预期就需要回头检查对应的事件处理函数。6.3 样式统一与复用思考现在我们有了一个功能健全的自定义按钮。但在一个大型应用中我们需要几十个甚至上百个样式一致的按钮。每次都去手动设置颜色非常麻烦。这时组件化的另一个层面就显现出来了创建派生类或使用工厂模式。例如我们可以创建一个PrimaryButton类继承自CustomButton在它的构造函数里就设置好一套主色调。或者创建一个SecondaryButton类。这样在UI中使用时直接实例化PrimaryButton即可无需再设置颜色。更进一步可以考虑将颜色方案、字体、圆角半径等视觉属性提取到一个单独的ButtonStyle结构体或类中通过setStyle函数一次性应用。这为未来支持“换肤”功能打下了基础。7. 深入原理Qt事件系统与绘图机制做到这一步你已经实现了一个可用的自定义按钮。但要真正精通必须理解背后的原理。7.1 Qt事件循环与事件分发Qt程序的核心是QCoreApplication::exec()启动的事件循环。它从操作系统接收事件鼠标、键盘、定时器等并将其转化为QEvent对象分发给相应的QObject通常是QWidget。当一个事件发生时比如鼠标移动QApplication收到系统消息创建一个QMouseEvent对象。事件循环将这个事件发送给光标下的QWidget。该Widget的event(QEvent *)函数被调用。这是一个虚函数你可以重写它来处理所有事件。默认的QWidget::event()函数会根据事件的类型调用更具体的事件处理器比如mousePressEvent(QMouseEvent *)。这就是为什么我们重写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 组件不显示或显示异常现象可能原因排查步骤组件完全看不见1. 未添加到父Widget的布局或未设置父对象。2. 被其他组件遮挡。3.paintEvent中未进行任何绘制或绘制区域错误。1. 检查parent参数是否传递或是否调用了layout-addWidget()。2. 检查Z序或设置raise()。3. 在paintEvent开始处加qDebug() “Painting”;并绘制一个简单的矩形看看。组件位置或大小不对1. 未设置正确的尺寸策略sizePolicy。2. 布局管理器计算有误。3.paintEvent中使用的rect()不正确。1. 在resizeEvent中打印size()看是否与预期一致。2. 检查布局的边距和间距。3. 确保paintEvent使用的是this-rect()。颜色或样式不生效1. 状态机逻辑错误m_currentState未正确更新。2.paintEvent中取颜色值的QMap键值错误。3. 颜色值如Alpha通道设置问题。1. 在所有改变m_currentState的地方加打印。2. 在paintEvent中打印m_currentState和取出的颜色值。3. 检查QColor的构造确认是QColor(r,g,b,a)。8.2 事件不响应或响应错误现象可能原因排查步骤鼠标悬停无效果未调用setMouseTracking(true)。在构造函数中确认已调用。点击信号不发射1.mousePressEvent或mouseReleaseEvent未被调用被父组件拦截。2. 信号与槽连接失败。3.mouseReleaseEvent中发射信号的条件判断有误。1. 在事件函数中加打印确认是否被触发。2. 检查connect语句确保接收者对象存活。3. 检查m_mousePressed标志和鼠标位置判断逻辑。键盘事件无效默认QWidget不接收键盘焦点。需要调用setFocusPolicy(Qt::StrongFocus)并重写keyPressEvent。8.3 性能优化建议避免在paintEvent中进行耗时操作paintEvent会被频繁调用。不要在这里进行文件读取、复杂计算、网络请求等。所有需要绘制的数据如图标、缓存的颜色值都应在paintEvent之外准备好。使用update()而非repaint()update()是异步的它会将多个更新请求合并避免不必要的重绘。repaint()是同步的会立即强制重绘通常只在紧急情况下使用。利用脏矩形对于绘制非常复杂的组件如实时图表可以只重绘QPaintEvent参数中提供的需要更新的区域(event-rect())。缓存绘制结果如果组件外观不常变化但绘制复杂可以考虑将结果绘制到一个QPixmap缓存中在paintEvent里直接绘制这个QPixmap。当状态改变时再重新生成缓存。谨慎使用图形效果QPainter的阴影、渐变等效果虽然好看但计算开销较大。在需要高性能的界面如每秒刷新数十次的仪表中应慎用或寻找替代方案如使用预渲染的图片。8.4 关于内存管理我们的CustomButton继承自QWidget而QWidget继承自QObject。Qt使用对象树进行内存管理。当您将父对象parent传递给CustomButton的构造函数时如new CustomButton(this)这个按钮就成为主窗口的子对象。当父对象主窗口被销毁时它会自动删除其所有子对象。因此在大多数情况下你不需要手动delete在堆上创建的Qt GUI对象。这是Qt防止内存泄漏的一个重要机制。但是如果你在堆上创建了对象但没有指定父对象或者使用了裸指针在对象间传递就需要自己负责管理其生命周期。