QListWidget с элементами текста и значков

ProgramBox

QListWidget с элементами текста и значков

Post author:admin
Запись опубликована:20 марта, 2023
Post category:Вопросы по программированию

#python #pyside2

Вопрос:

У меня есть графический интерфейс с серией QListWidgets, и первый QListWidget должен содержать как текстовые элементы, так и элементы значков, с меткой значка сбоку. И элементы других QListWidgets должны совпадать со строками элементов первого QListWidget. Я задавался вопросом, возможно ли это?

Вот что у меня есть сейчас:

Это было бы целью:

1. Является ли высота каждого соответствующего элемента (других элементов, которые принадлежат другому QListWidget, но находятся в той же строке) определяется первым QListWidget? С другой стороны, если вы используете PySide2, он использует эту метку, а не PySide, поскольку решение в PySide не обязательно работает в PySide2 и наоборот

2. Я использую PySide2. Прямо сейчас высоты QListWidgets не зависят от первого QListWidget, и я заполняю каждый QListWidget отдельно, а строки просто выстраиваются в ряд, потому что элементы были одинакового размера. Выравнивание меток заголовков по QListWidget действительно отлично работало после использования макета сетки, который вы посоветовали, хотя вы не видите этого результата на фотографиях, которые я разместил здесь.

3. Для этого требования я предпочитаю использовать QTableWidget

4. @winteralfs Кроме того, все QListWidget всегда будут иметь одинаковое количество строк?

5. да, у них всегда будет одинаковое количество строк.

Ответ №1:

В этом случае я создал единую древовидную модель, где каждая ветвь — это то, что должен показывать каждый QListView. Затем с помощью делегата, который отслеживает размер элементов в первом QListView, тот же размер устанавливается для других соответствующих элементов в модели с помощью роли sizehintrol, поэтому другой QListView будет использовать эту информацию:

 from PySide2 import QtCore, QtGui, QtWidgets


class AlignDelegate(QtWidgets.QStyledItemDelegate):
    def initStyleOption(self, option, index):
        super(AlignDelegate, self).initStyleOption(option, index)
        option.displayAlignment = QtCore.Qt.AlignLeft | QtCore.Qt.AlignBottom


class IconAlignDelegate(AlignDelegate):
    def sizeHint(self, option, index):
        s = super(IconAlignDelegate, self).sizeHint(option, index)
        row_parent = index.parent().row()
        r, model = index.row(), index.model()
        for i in range(model.rowCount()):
            if i != row_parent:
                root_ix = model.index(i, 0)
                child_ix = model.index(r, 0, root_ix)
                model.setData(child_ix, s, QtCore.Qt.SizeHintRole)
        return s


class Widget(QtWidgets.QWidget):
    def __init__(self, parent=None):
        super(Widget, self).__init__(parent)
        grid_layout = QtWidgets.QGridLayout(self)

        datas = [
            {"data": ["name1", "1", "1", "entity1", "path1"]},
            {"data": ["name2", "2", "2", "entity2", "path2"]},
            {"data": ["name3", "3", "3", "entity3", "path3"]},
            {
                "icon": "img2.png",
                "data": ["name4", "4", "4", "entity4", "path4"],
            },
            {"data": ["name5", "5", "5", "entity5", "path5"]},
        ]

        titles = ("Name", "C-ver", "L-ver", "Entity Name", "Path")

        model = QtGui.QStandardItemModel(5, 1, self)
        for i, title in enumerate(titles):
            it = QtGui.QStandardItem(title)
            model.setItem(i, 0, it)

        for r, data in enumerate(datas):
            path_icon = data.get("icon")
            for c, text in enumerate(data["data"]):
                it = QtGui.QStandardItem(text)
                if c == 0 and path_icon is not None:
                    it.setIcon(QtGui.QIcon(path_icon))
                parent_item = model.item(c, 0)
                parent_item.setChild(r, 0, it)

        for i in range(model.rowCount()):
            lv = QtWidgets.QListView()
            if i == 0:
                lv.setIconSize(QtCore.QSize(64, 64))
                delegate = IconAlignDelegate(lv)
            else:
                delegate = AlignDelegate(lv)
            lv.setItemDelegate(delegate)
            lv.setModel(model)
            root_index = model.index(i, 0)
            title = root_index.data()
            lv.setRootIndex(root_index)
            grid_layout.addWidget(QtWidgets.QLabel(title), 0, i)
            grid_layout.addWidget(lv, 1, i)

        # To understand better the structure of the model
        # uncomment the following lines
        # treeview = QtWidgets.QTreeView()
        # treeview.setModel(model)
        # treeview.expandAll()
        # grid_layout.addWidget(treeview, 2, 0, 1, 5)


if __name__ == "__main__":
    import sys

    app = QtWidgets.QApplication(sys.argv)
    w = Widget()
    w.show()
    sys.exit(app.exec_())

Предыдущий метод использует SizeHintRole, поэтому он, вероятно, устанавливает размер, а не только высоту элементов, используя ту же стратегию, лучше установить новую роль, которая хранит только высоту:

 from PySide2 import QtCore, QtGui, QtWidgets

HeightRole = QtCore.Qt.UserRole   100


class AlignDelegate(QtWidgets.QStyledItemDelegate):
    def initStyleOption(self, option, index):
        super(AlignDelegate, self).initStyleOption(option, index)
        option.displayAlignment = QtCore.Qt.AlignLeft | QtCore.Qt.AlignBottom


class IconAlignDelegate(AlignDelegate):
    def sizeHint(self, option, index):
        s = super(IconAlignDelegate, self).sizeHint(option, index)
        row_parent = index.parent().row()
        r, model = index.row(), index.model()
        for i in range(model.rowCount()):
            if i != row_parent:
                root_ix = model.index(i, 0)
                child_ix = model.index(r, 0, root_ix)
                model.setData(child_ix, s.height(), HeightRole)
        return s


class OtherDelegate(AlignDelegate):
    def sizeHint(self, option, index):
        s = super(OtherDelegate, self).sizeHint(option, index)
        height = index.data(HeightRole)
        if height is not None:
            s.setHeight(height)
        return s


class Widget(QtWidgets.QWidget):
    def __init__(self, parent=None):
        super(Widget, self).__init__(parent)
        lay = QtWidgets.QVBoxLayout(self)

        datas = [
            # icon, name, c_ver, l_ver, entity_name, path
            {"data": ["name1", "1", "1", "entity1", "path1"]},
            {"data": ["name2", "2", "2", "entity2", "path2"]},
            {"data": ["name3", "3", "3", "entity3", "path3"]},
            {
                "icon": "img2.png",
                "data": ["name4", "4", "4", "entity4", "path4"],
            },
            {"data": ["name5", "5", "5", "entity5", "path5"]},
        ]

        titles = ("Name", "C-ver", "L-ver", "Entity Name", "Path")

        model = QtGui.QStandardItemModel(5, 1, self)
        for i, title in enumerate(titles):
            it = QtGui.QStandardItem(title)
            model.setItem(i, 0, it)

        for r, data in enumerate(datas):
            path_icon = data.get("icon")
            for c, text in enumerate(data["data"]):
                it = QtGui.QStandardItem(text)
                if c == 0 and path_icon is not None:
                    it.setIcon(QtGui.QIcon(path_icon))
                parent_item = model.item(c, 0)
                parent_item.setChild(r, 0, it)

        splitter = QtWidgets.QSplitter()
        lay.addWidget(splitter)

        for i in range(model.rowCount()):
            lv = QtWidgets.QListView()
            if i == 0:
                lv.setIconSize(QtCore.QSize(64, 64))
                delegate = IconAlignDelegate(lv)
            else:
                delegate = OtherDelegate(lv)
            lv.setItemDelegate(delegate)
            lv.setModel(model)
            root_index = model.index(i, 0)
            title = root_index.data()
            lv.setRootIndex(root_index)
            w = QtWidgets.QWidget()
            vlay = QtWidgets.QVBoxLayout(w)
            vlay.addWidget(QtWidgets.QLabel(title))
            vlay.addWidget(lv)
            splitter.addWidget(w)
        # To understand better the structure of the model
        # uncomment the following lines
        # treeview = QtWidgets.QTreeView()
        # treeview.setModel(model)
        # treeview.expandAll()
        # lay.addWidget(treeview, 2, 0, 1, 5)


if __name__ == "__main__":
    import sys

    app = QtWidgets.QApplication(sys.argv)
    w = Widget()
    w.show()
    sys.exit(app.exec_())