QListView里面的元素是qwidget给出完整代码-QT开发中文网

当QListView的元素是QWidget时，您可以使用自定义委托来实现。以下是一个完整的示例代码：

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

class CustomWidget : public QWidget {
public:
    explicit CustomWidget(const QString& text, QWidget* parent = nullptr) : QWidget(parent) {
        QVBoxLayout* layout = new QVBoxLayout(this);
        QLabel* label = new QLabel(text, this);
        layout->addWidget(label);
    }
};

class WidgetDelegate : public QStyledItemDelegate {
public:
    void paint(QPainter* painter, const QStyleOptionViewItem& option, const QModelIndex& index) const override {
        QStyleOptionViewItem opt = option;
        initStyleOption(&opt, index);

        // 绘制背景和边框
        painter->save();
        painter->setRenderHint(QPainter::Antialiasing);
        painter->fillRect(opt.rect, opt.state & QStyle::State_Selected ? QColor("#E8F2FE") : QColor(Qt::white));
        painter->drawRoundedRect(opt.rect.adjusted(1, 1, -1, -1), 5, 5);
        painter->restore();

        // 绘制文本
        QRect textRect = opt.rect.adjusted(10, 0, -10, 0);
        painter->save();
        painter->setPen(opt.palette.color(QPalette::Text));
        painter->drawText(textRect, Qt::AlignLeft | Qt::AlignVCenter,
                          opt.fontMetrics.elidedText(index.data().toString(), Qt::ElideRight, textRect.width()));
        painter->restore();
    }

    QSize sizeHint(const QStyleOptionViewItem& option, const QModelIndex& index) const override {
         return QSize(100, 30); // 自定义元素的大小
    }

    QWidget* createEditor(QWidget* parent, const QStyleOptionViewItem& option, const QModelIndex& index) const override {
        Q_UNUSED(option);
        CustomWidget* editor = new CustomWidget(index.data().toString(), parent);
        return editor;
    }

    void setEditorData(QWidget* editor, const QModelIndex& index) const override {
        if (CustomWidget* customWidget = qobject_cast<CustomWidget*>(editor)) {
            customWidget->setText(index.data().toString());
        }
    }

    void setModelData(QWidget* editor, QAbstractItemModel* model, const QModelIndex& index) const override {
        if (CustomWidget* customWidget = qobject_cast<CustomWidget*>(editor)) {
            model->setData(index, customWidget->text());
        }
    }
};

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

    QStringList data;
    data << "Item 1" << "Item 2" << "Item 3";

    QListView listView;
    
    // 使用自定义委托
    WidgetDelegate delegate;
    
    listView.setItemDelegate(&delegate);
    
	// 创建一个模型并设置数据
	QStandardItemModel model;
	for (const QString& item : data) {
		QStandardItem* itemObj = new QStandardItem(item);
		model.appendRow(itemObj);
	}

	listView.setModel(&model);

	listView.show();

	return app.exec();
}

在上述代码中，我们创建了一个QListView，并使用自定义委托（WidgetDelegate）来实现将QWidget作为元素进行显示和编辑。我们自定义了QWidget部件（CustomWidget），并通过重写paint()函数来绘制背景和边框以及文本。在createEditor()函数中创建了CustomWidget的实例，并在setEditorData()和setModelData()函数中进行数据的设置和获取。

这样，您就可以在QListView中显示并编辑包含QWidget部件的元素了。

希望对您有所帮助！如有其他问题，请随时提问。

内容由零声教学AI助手提供，问题来源于学员提问