如何在QStandardItem的图标上方显示文字？

Question

我正在尝试显示图标和文本表，以便每个项目在图标上方都有文本。

我目前正在使用QStandardItems和QStandardItemModel以及QTableView来显示信息，但文本只出现在图标的右侧。我还没有找到改变文本显示位置的方法。我也尝试实现一个QAbstractTableModel并覆盖数据方法以返回Qt.DecorationRole的我的图标和Qt.DisplayRole的文本，但它也只显示在图标的右侧。

例如：

from PySide.QtGui import *
from PySide.QtCore import *


class CustomTableView(QTableView):
    """Table view of icons and text."""
    def __init__(self):
        super(CustomTableView, self).__init__()

        custom_model = QStandardItemModel()
        for v in range(10):
            for i in range(10):
                new_item = QStandardItem("image.png", str(i))
                custom_model.setItem(v, i, new_item)

Answer 1

在这种情况下，您必须使用委托：

from PySide import QtCore, QtGui


class StyledItemDelegate(QtGui.QStyledItemDelegate):
    def initStyleOption(self, option, index):
        super(StyledItemDelegate, self).initStyleOption(option, index)
        option.decorationPosition = QtGui.QStyleOptionViewItem.Bottom
        option.displayAlignment = QtCore.Qt.AlignHCenter | QtCore.Qt.AlignTop


class CustomTableView(QtGui.QTableView):
    """Table view of icons and text."""

    def __init__(self):
        super(CustomTableView, self).__init__()
        delegate = StyledItemDelegate(self)
        self.setItemDelegate(delegate)
        self.verticalHeader().setResizeMode(QtGui.QHeaderView.ResizeToContents)
        custom_model = QtGui.QStandardItemModel()
        for v in range(10):
            for i in range(10):
                new_item = QtGui.QStandardItem(QtGui.QIcon("image.png"), str(i))
                custom_model.setItem(v, i, new_item)
        self.setModel(custom_model)


if __name__ == "__main__":
    import sys

    app = QtGui.QApplication(sys.argv)
    w = CustomTableView()
    w.show()
    sys.exit(app.exec_())