Qt表格入门（优化篇）

风中的小甜瓜

163人浏览 · 2026-07-01 20:53:36

风中的小甜瓜 · 2026-07-01 20:53:36 发布

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

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

版本：Qt5.14.2

问题描述：

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

代码如下：

点击折叠或展开代码

// 优化代理类

class RadioDelegateV2 : public QStyledItemDelegate

{

Q_OBJECT

public:

RadioDelegateV2(QObject *parent = nullptr);

~RadioDelegateV2();

protected:

void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const override;

QSize sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const override;

bool editorEvent(QEvent *event, QAbstractItemModel *model, const QStyleOptionViewItem &option, const QModelIndex &index) override;

};

RadioDelegateV2::RadioDelegateV2(QObject *parent) : QStyledItemDelegate(parent)

{

}

RadioDelegateV2::~RadioDelegateV2()

{

}

void RadioDelegateV2::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const

{

int state = index.data(Qt::DisplayRole).toInt(); // 0=女, 1=男

// 分割矩形为左右两半

QRect rect = option.rect;

QRect leftRect(rect.left(), rect.top(), rect.width() / 2, rect.height());

QRect rightRect(rect.left() + rect.width() / 2, rect.top(), rect.width() / 2, rect.height());

// 绘制“男”按钮（左）

QStyleOptionButton btnOn;

btnOn.rect = leftRect;

btnOn.text = "男";

btnOn.state |= QStyle::State_Enabled;

if (state == 1) {

btnOn.state |= QStyle::State_Sunken | QStyle::State_On;

} else {

btnOn.state |= QStyle::State_Raised;

}

// 绘制“女”按钮（右）

QStyleOptionButton btnOff;

btnOff.rect = rightRect;

btnOff.text = "女";

btnOff.state |= QStyle::State_Enabled;

if (state == 0) {

btnOff.state |= QStyle::State_Sunken | QStyle::State_On;

} else {

btnOff.state |= QStyle::State_Raised;

}

QApplication::style()->drawControl(QStyle::CE_RadioButton, &btnOn, painter);

QApplication::style()->drawControl(QStyle::CE_RadioButton, &btnOff, painter);

}

QSize RadioDelegateV2::sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const

{

Q_UNUSED(index);

// 返回足够宽以容纳两个按钮

QFontMetrics fm(option.font);

int width = fm.horizontalAdvance("男") + fm.horizontalAdvance("女") + 40; // 加 padding

int height = qMax(fm.height() + 8, 24);

return QSize(width, height);

}

bool RadioDelegateV2::editorEvent(QEvent *event, QAbstractItemModel *model, const QStyleOptionViewItem &option, const QModelIndex &index)

{

if (event->type() == QEvent::MouseButtonPress) {

QMouseEvent* mouseEvent = static_cast<QMouseEvent*>(event);

QPoint pos = mouseEvent->pos();

QRect rect = option.rect;

int half = rect.width() / 2;

int newState;

if (pos.x() < rect.left() + half) {

newState = 1; // 点击左侧 → 男

} else {

newState = 0; // 点击右侧 → 女

}

// 更新模型

model->setData(index, newState, Qt::DisplayRole);

return true;

}

return false;

}

代码说明：

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

其他说明：

亚马逊云科技技术品牌专区

更多推荐

TonY与YARN集成原理：深度学习任务的资源调度与隔离机制

TonY是一个能让深度学习框架原生运行在Apache Hadoop上的框架，它通过与YARN的深度集成，实现了对深度学习任务的高效资源调度与隔离。本文将深入解析TonY与YARN集成的核心原理，帮助读者理解如何在Hadoop集群上稳定运行大规模深度学习任务。## 一、TonY与YARN集成的架构设计 🚀TonY与YARN的集成架构主要由**TonyClient**、**Resource

亚马逊云科技技术品牌专区

2026年麒麟KYCP云计算认证深度解析：高级信创云人才的能力标尺

麒麟KYCP云计算是信创云平台高级运维认证，由工信部与麒麟软件联合颁发，聚焦KVM虚拟化、Kubernetes编排及信创云安全架构。考试含100题（单选70+多选20+判断10），90分钟需达70分合格，较初级KYCA难度显著提升。持证者可胜任政企信创云架构师等岗位，契合2026年信创规模化落地的人才缺口。备考建议分四阶段：基础巩固（1周）、K8s进阶（2-3周）、安全强化（1周）及模拟冲刺，需重