Qt表格入门（优化篇）

摘要：
    为提升大数据量下的渲染性能，本文通过 QStyledItemDelegate 直接绘制单选按钮（使用 QStyleOptionButton 和 drawControl），并在 editorEvent 中处理点击逻辑，避免创建真实控件，显著优化了加载与显示效率。


关键词：
    QStyledItemDelegate、QStyleOptionButton、drawControl、editorEvent、优化、渲染


版本：Qt5.14.2


问题描述：

    在上一篇文章中，使用样式代理类QStyledItemDelegate和基础组件（QRadioButton、QWidget）的组合比较简易地实现了功能，但是在后续使用中发现，大量数据导致视图渲染卡顿，需要对代码进一步优化。


代码如下：

1. // 优化代理类
2. class RadioDelegateV2 : public QStyledItemDelegate
3. {
4.     Q_OBJECT
5. public:
6.     RadioDelegateV2(QObject *parent = nullptr);
7.     ~RadioDelegateV2();
9. protected:
10.     void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const override;
11.     QSize sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const override;
12.     bool editorEvent(QEvent *event, QAbstractItemModel *model, const QStyleOptionViewItem &option, const QModelIndex &index) override;
13. };
15. RadioDelegateV2::RadioDelegateV2(QObject *parent) : QStyledItemDelegate(parent)
16. {
18. }
20. RadioDelegateV2::~RadioDelegateV2()
21. {
23. }
25. void RadioDelegateV2::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
26. {
27.     int state = index.data(Qt::DisplayRole).toInt(); // 0=女, 1=男
29.     // 分割矩形为左右两半
30.     QRect rect = option.rect;
31.     QRect leftRect(rect.left(), rect.top(), rect.width() / 2, rect.height());
32.     QRect rightRect(rect.left() + rect.width() / 2, rect.top(), rect.width() / 2, rect.height());
34.     // 绘制“男”按钮（左）
35.     QStyleOptionButton btnOn;
36.     btnOn.rect = leftRect;
37.     btnOn.text = "男";
38.     btnOn.state |= QStyle::State_Enabled;
39.     if (state == 1) {
40.         btnOn.state |= QStyle::State_Sunken | QStyle::State_On;
41.     } else {
42.         btnOn.state |= QStyle::State_Raised;
43.     }
45.     // 绘制“女”按钮（右）
46.     QStyleOptionButton btnOff;
47.     btnOff.rect = rightRect;
48.     btnOff.text = "女";
49.     btnOff.state |= QStyle::State_Enabled;
50.     if (state == 0) {
51.         btnOff.state |= QStyle::State_Sunken | QStyle::State_On;
52.     } else {
53.         btnOff.state |= QStyle::State_Raised;
54.     }
56.     QApplication::style()->drawControl(QStyle::CE_RadioButton, &btnOn,  painter);
57.     QApplication::style()->drawControl(QStyle::CE_RadioButton, &btnOff, painter);
58. }
60. QSize RadioDelegateV2::sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const
61. {
62.     Q_UNUSED(index);
63.     // 返回足够宽以容纳两个按钮
64.     QFontMetrics fm(option.font);
65.     int width = fm.horizontalAdvance("男") + fm.horizontalAdvance("女") + 40; // 加 padding
66.     int height = qMax(fm.height() + 8, 24);
67.     return QSize(width, height);
68. }
70. bool RadioDelegateV2::editorEvent(QEvent *event, QAbstractItemModel *model, const QStyleOptionViewItem &option, const QModelIndex &index)
71. {
72.     if (event->type() == QEvent::MouseButtonPress) {
73.         QMouseEvent* mouseEvent = static_cast<QMouseEvent*>(event);
74.         QPoint pos = mouseEvent->pos();
76.         QRect rect = option.rect;
77.         int half = rect.width() / 2;
79.         int newState;
80.         if (pos.x() < rect.left() + half) {
81.             newState = 1; // 点击左侧 → 男
82.         } else {
83.             newState = 0; // 点击右侧 → 女
84.         }
86.         // 更新模型
87.         model->setData(index, newState, Qt::DisplayRole);
89.         return true;
90.     }
91.     return false;
92. }

复制代码

代码说明：

• 在paint()函数中，创建两个QStyleOptionButton并设置属性；两个按钮根据数据（性别）设置不同的状态；然后使用drawControl()函数绘制按钮；
  
• 在sizeHint()函数中，计算可以容纳下两个按钮的宽度；
  
• 在editorEvent()函数中，对编辑事件进行操作，判断点击区域，然后更新数据。
  

其他说明：

• openPersistentEditor()函数调用可以全部优化掉 ；
  
• 如果数据变化有连接的信号，可以使用QStandardItemModel的 void itemChanged(QStandardItem *item)信号修改。
  

参考文献：

• QTableView 一列添加两个按钮
  

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！