listview的setIndexWidget用法q-QT开发中文网

QListView::setIndexWidget 是一个非常有用的函数，它允许你将任何 QWidget 作为特定索引的“子部件”放入 QListView 中。这样，你可以在列表项中嵌入复杂的小部件，而不仅仅是文本。

基本用法

void QListView::setIndexWidget(const QModelIndex &index, QWidget *widget);

参数说明

index: 指向要插入小部件的模型索引。
widget: 要插入到指定索引位置的小部件。

示例代码

以下是一个简单示例，展示如何使用 setIndexWidget 在 QListView 中为每个项添加按钮。

#include <QApplication>
#include <QListView>
#include <QStandardItemModel>
#include <QPushButton>
#include <QVBoxLayout>
#include <QWidget>

class MainWindow : public QWidget {
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);

private slots:
    void onDeleteButtonClicked(int row);

private:
    QListView *listView;
    QStandardItemModel *model;
};

MainWindow::MainWindow(QWidget *parent)
    : QWidget(parent), listView(new QListView(this)), model(new QStandardItemModel(this)) {

    // 设置布局
    QVBoxLayout *layout = new QVBoxLayout(this);
    
    // 添加一些示例项目
    for (int i = 0; i < 5; ++i) {
        QString itemText = QString("Item %1").arg(i);
        model->appendRow(new QStandardItem(itemText));
        
        // 创建删除按钮
        QPushButton *deleteButton = new QPushButton("Delete");
        
        // 连接信号和槽
        connect(deleteButton, &QPushButton::clicked, this, [this, i]() { 
            onDeleteButtonClicked(i); 
        });
        
        // 将按钮设置为对应项的索引小部件
        listView->setIndexWidget(model->index(i), deleteButton);
    }

    listView->setModel(model);
    
    layout->addWidget(listView);
    setLayout(layout);
}

void MainWindow::onDeleteButtonClicked(int row) {
   if(row >= 0 && row < model->rowCount()) {
       model->removeRow(row);   // 删除指定行的数据
       listView->update();       // 更新列表视图以重绘
   }
}

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

   MainWindow window;
   window.resize(300, 200);
   window.show();

   return app.exec();
}

#include "main.moc"