QListView 与 CustomWIdget 使用 QStyledItemDelegate

Posted 2023-02-17

【中文标题】QListView 与 CustomWIdget 使用 QStyledItemDelegate

【英文标题】：QListView with CustomWIdget using QStyledItemDelegate

【发布时间】：2016-03-20 16:10:34

【问题描述】：

我正在尝试用QStyledItemDelegate 创建一个QListView 以更有条理地显示数据。

我经历了this site，它都是C++，我不知道，从帖子中使用的语法和调用猜测，我尝试了我的方法来实现它，但我没有运气。有人可以帮我解决这个问题吗？

import sys, os

from PyQt4 import QtGui, QtCore


class ListView(QtGui.QListView):
    def __init__(self, parent=None):
        super(ListView, self).__init__(parent)

        self._model = None
        self._data = [
                        [
                        'Header: King Arthur',
                        'Project: TBN',
                        'Asset: arthur',
                        'Task name: Design doc',
                        'Start Date: Today',
                        'End Date: Next Monday'
                        ]
                    ]
        self.set_model()
        item_delegate = ItemDelegate()
        self.setItemDelegate(item_delegate)
        self.openPersistentEditor(self._model.createIndex(0, 0))

    def set_model(self):
        self._model = ListModel(self._data, parent=self)
        self.setModel(self._model)


class ListModel(QtCore.QAbstractItemModel):
    def __init__(self, data=[], parent=None):
        super(ListModel, self).__init__(parent)
        self._data = data

    def rowCount(self, *arg):
        return 1 

    def columnCount(self, *arg):
        return len(self._data)

    def data(self, index, role):
        row = index.row()
        column = index.column()

        if role == QtCore.Qt.DisplayRole:
            return QtCore.QVariant(' | '.join(self._data[column]))

        return QtCore.QVariant()

    def index(self, row, column, parent):
        return self.createIndex(row, column)

    def parent(self, index):
        item = index.internalPointer()
        if item:
            return item.getParent()
        else:
            item = self.createIndex(index.row(), index.column()).internalPointer()
            if item:
                return item.getParent()

        return QtCore.QModelIndex()

class ItemDelegate(QtGui.QStyledItemDelegate):
    def createEditor(self, parent, option, index):
        item_data = str(index.data().toString())
        editor = Widget(item_data.split('|'), parent=parent)
        return editor

    def updateEditorGeometry(self, editor, option, index):
        editor.setGeometry(option.rect) 

class Widget(QtGui.QWidget):
    def __init__(self, widget_data=[], parent=None):
        super(Widget, self).__init__(parent)

        vbox = QtGui.QVBoxLayout(self)
        key_font = QtGui.QFont()
        key_font.setWeight(QtGui.QFont.Bold)
        val_font = QtGui.QFont()
        val_font.setWeight(QtGui.QFont.Normal)

        for each_data in widget_data:
            hbox = QtGui.QHBoxLayout()
            key, value = each_data.split(':')
            key_text = QtGui.QLabel(self)
            val_text = QtGui.QLabel(self)

            key_text.setToolTip('Key: %s' % key)
            val_text.setToolTip('Value: %s' % value)

            key_text.setText(key)
            val_text.setText(value)

            key_text.setFont(key_font)
            val_text.setFont(val_font)

            hbox.addWidget(key_text)
            hbox.addWidget(val_text)
            # vbox.addLayout(hbox)


if __name__ == '__main__':
    qapp = QtGui.QApplication([])
    app = ListView()
    app.show()
    sys.exit(qapp.exec_())

【问题讨论】：

你的问题很模糊。你想达到什么目标，你遇到的确切问题是什么？此外，我看不到您的代码与您链接到的博客的 C++ 代码之间的相似之处。该博客解释了如何使用委托在单元格中进行自动换行。那是你想要做的吗？在这种情况下，您可能还应该实现ListViewDelegate 的sizeHint 和paint 方法。

感谢您回复titusjan。是的，我不想显示自动换行文本，而是显示显示数据的 CustomWidget。现在，小部件在 QListView 中没有正确显示

【参考方案1】：

除非您有令人信服的理由使用 View/Model 模式，否则在大多数情况下使用 Widget/Item 模式会更容易——QListWidget 和 QListWidgetItem。

QItemDelegate 和 QStyledItemDelegate 被设计为子类。然后定义负责处理事件、调整大小和绘制视图/小部件的方法。

class MyWidget(QtGui.QWidget):

    def __init__(self, parent):
        super(MyWidget, self).__init__(parent)
        self.listwidget = QtGui.QListWidget(self)
        self.delegate = MyDelegate(self, self.listwidget)
        self.listwidget.setItemDelegate(self.delegate)

        datas = [
            'Header': 'Blah', 'Project': 'TBN',
            'Header': 'Other', 'Project': 'Something',
        ]
        for data in datas:
            MyItem(self.listwidget, data)       


class MyItem(QtGui.QListWidgetItem):

    def __init__(self, parent, data):
        super(MyItem, self).__init__(parent)
        self._data = data


class MyDelegate(QtGui.QStyledItemDelegate):

    def __init__(self, parent, listwidget):
        super(MyDelegate, self).__init__(parent)
        self.listwidget = listwidget

    def sizeHint(self, option, index):
         if index:
             item = self.listwidget.itemFromIndex(index)
             print item._data 
             # Do fontmetrics stuff from C++ article you linked
             # using the text in the data dictionary.

    def paint(self, painter, option, index):
        # same thing, get the item using the index
        # get the data from the item
        # paint the data however you want.          

【讨论】：

感谢 Brenden 提供的示例，在我的代码中，我遇到了一个问题，即小部件堆积在顶部角落，我尝试实现 paint 方法委托类，它得到了修复

您需要使用 qlayouts 来定位您的小部件

已经在上面的 Widget 类中使用它，我错过了什么或做错了吗？

【参考方案2】：

class ItemDelegate(QtGui.QStyledItemDelegate):
    def createEditor(self, parent, option, index):
        item_data = str(index.data().toString())
        editor = Widget(item_data.split('|'), parent=parent)
        return editor

    def updateEditorGeometry(self, editor, option, index):
        editor.setGeometry(option.rect) 

    def paint(self, painter, option, index):
        painter.save()
        index.model().setData(index, option.rect.width(), Qt.UserRole+1)

解决了这个问题