QListView 通过 QStyledItemDelegate::createEditor 设置自定义编辑器

Question

我想在每个 QListView 单元格中显示自定义小部件（3 个标签宽度不同的字体和 2 个工具按钮）。 小部件必须处理鼠标事件才能正确处理悬停事件和按钮点击。 （因此我不能只在QStyledItemDelegate::paint() 中绘制它）。

这是我希望列表视图中每一行的样子：

主要思想： QAbstractItemView::openPersistentEditor().

---

#include <QApplication>

#include <QWidget>
#include <QHBoxLayout>
#include <QLabel>
#include <QToolButton>
#include <QVBoxLayout>

#include <QDateTime>

#include <QListView>
#include <QStringListModel>
#include <QStyledItemDelegate>

class Form : public QWidget
{
    //Q_OBJECT

public:
    explicit Form(QWidget *parent = nullptr)
        :QWidget(parent)
    {
        verticalLayout = new QVBoxLayout(this);
        horizontalLayout = new QHBoxLayout();

        labelTitle = new QLabel(this);
        labelTitle->setFont(QFont("Calibri", 12, QFont::Bold));
        horizontalLayout->addWidget(labelTitle);

        toolButtonEdit = new QToolButton(this);
        toolButtonEdit->setText("E");
        horizontalLayout->addWidget(toolButtonEdit);

        toolButtonRemove = new QToolButton(this);
        toolButtonRemove->setText("R");
        horizontalLayout->addWidget(toolButtonRemove);

        verticalLayout->addLayout(horizontalLayout);

        labelDate = new QLabel(this);
        labelDate->setFont(QFont("Calibri", 8));
        verticalLayout->addWidget(labelDate);

        labelText = new QLabel(this);
        labelText->setFont(QFont("Calibri", 10));
        verticalLayout->addWidget(labelText);

        verticalLayout->setStretch(2, 1);

        setMinimumSize(QSize(300, 50));
    }

public:
    QVBoxLayout *verticalLayout;
    QHBoxLayout *horizontalLayout;
    QLabel *labelTitle;
    QToolButton *toolButtonEdit;
    QToolButton *toolButtonRemove;
    QLabel *labelDate;
    QLabel *labelText;
};


class MyDelegate : public QStyledItemDelegate
{
public:
    QWidget* createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const override
    {
        auto editor = new Form(parent);
        return editor;
    }

    void setEditorData(QWidget *ed, const QModelIndex &index) const override
    {
        QVariant var = index.model()->data(index, Qt::DisplayRole);

        if (Form *editor = dynamic_cast<Form*>(ed))
        {
            editor->labelTitle->setText("SYMBOL");
            editor->labelDate->setText("date-time");
            editor->labelText->setText(var.toString());
        }
    }
    void updateEditorGeometry(QWidget *editor, const QStyleOptionViewItem& option, const QModelIndex &)const override
    {
        editor->setGeometry(option.rect);
    }
};

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    Form form(nullptr);
    form.labelTitle->setText("TITLE");
    form.labelDate->setText(QDateTime::currentDateTime().toString());
    form.labelText->setText("text body");
    form.show();

    auto model = new QStringListModel;
    model->setStringList(QStringList()
        << "text body 1"
        << "text body 2"
        << "text body 3");

    auto view = new QListView(nullptr);
    view->setModel(model);
    view->setItemDelegate(new MyDelegate);

    int rowCount = model->rowCount();
    for (int row = 0; row < rowCount; ++row)
    {
        QModelIndex index = model->index(row, 0);
        view->openPersistentEditor(index);
    }

    view->show();

    return a.exec();
}

列表视图的实际外观如下：

---

如何设置这样一个自定义小部件来显示视图单元格？

Answer 1

请注意，当您定义自己的委托MyDelegate 时，您从未真正使用它（即通过调用QAbstractItemView::setItemDelegate()。因此，在调用openPersistentEditor() 时您会看到默认委托（QString 类型的数据的简单QLineEdit）。