如何在 Qt5 中使用带有模型/视图/委托的自定义小部件？

Question

在我目前正在使用的专有代码库中，有一个自定义列表视图（派生形式QListView ）。

当前，当大量项目（> 10000）使主线程冻结时，它会出现问题。 视图中的每个项目都是在 QtDesigner 中设计的自定义小部件。

为了渲染每一行，我们使用setIndexWidget ，它在QAbstractItemModel::rowsInserted信号上调用。 对于每个插入的行，为每个索引设置从first到last自定义小部件。

我尝试将此代码移植到使用QStyledItemDelegate ，因为从实际 model 断开项目小部件似乎可以解决渲染缓慢的问题。

Qt5 在这种情况下可以按需懒惰地渲染视图中的项目。 在显示列表之前，我们不需要为视图创建每个小部件。

我使用派生自QStyledItemDelegate的 class 取得了初步结果。 我在构造函数中创建了一个列表项小部件，然后像这样覆盖绘制事件。

    void paint(QPainter *painter, const QStyleOptionViewItem &option,const QModelIndex &index) const override {
        auto baseWid = getBaseWidget(); // Get's list item widget pointer
        setSubEditorData(baseWid,index); // Set's it's state to display current item
        baseWid->resize(option.rect.size());
        QPixmap pixmap(option.rect.size());
        baseWid->render(&pixmap);
        painter->drawPixmap(option.rect, pixmap);
    }

这对于 static 内容来说已经足够了，但是我的小部件有复选框并且可以被选中。

我真的不明白如何使它具有交互性，同时保留代表提供的好处（按需渲染等）。

我的问题是如何让委托处理用户事件？ 就像鼠标点击一样，选择会发生变化。

Qt5 涉及代表的示例太简单了，我不明白如何使用委托绘制自定义小部件。

Answer 1

我尝试使用的最佳解决方法是在鼠标移动或委托接收事件时在 static 呈现的QPixmap和真实小部件之间动态切换。

首先，我覆盖QAbstractItemDelegate::editorEvent ，因此当委托接收到任何事件时，它会切换到该QModelIndex的真实小部件。

使用QAbstractItemView::openPersistentEditor切换到真实的小部件。 之后调用QAbstractItemDelegate::createEditor被自动调用以获取小部件。

bool editorEvent(QEvent *event, QAbstractItemModel *model, const QStyleOptionViewItem &option, const QModelIndex &index) override
{
    auto view = qobject_cast<NyView*>(parent());
    view->openPersistentEditor(index);
    return Base::editorEvent(event, model, option, index);
}

在我看来，我还启用了所有描述的打开编辑器的方式。

this->setEditTriggers(QAbstractItemView::EditTrigger::AllEditTriggers);
this->setMouseTracking(true);
connect(this, &MyView::entered, this, &MyView::openPersistentEditor);

当鼠标悬停在小部件上时，会发出QAbstractItemView::entered信号。

从用户的角度来看，没有任何变化，在他们可以与列表项交互之前，它已经动态地替换为真实的小部件。

一些垃圾收集策略似乎也是必要的，因为如果用户将鼠标悬停在许多小部件上，即使他们很长时间没有与之交互，它们也会保留在 memory 中。 对于已删除的行，编辑器会自动销毁，但这可能还不够。

基于开源 Qt5 的软件（Telegram Desktop）在不使用小部件的情况下呈现大列表。 他们手动渲染列表，覆盖QWidget::paint方法并实现虚拟化（仅绘制屏幕上看到的内容）。