如何在同一单元格内将一个数字向左和一个数字向右对齐？还可以让它们有不同的颜色

Question

我有一个QAbstractTableModel，我想在同一个单元格中画一个向左对齐的数字和一个向右对齐的数字，像这样。

╔══════════════════════╦═════╗
║ 31             +15   ║ foo ║
║══════════════════════╦═════║
║ 11             +15   ║ xxx ║
║══════════════════════╦═════║
║ 15             +15   ║ aaa ║
╚══════════════════════╩═════╝

我还想让左边的数字和右边的数字有不同的颜色。

我正在使用PySide2和Python 3，但欢迎使用任何语言的解决方案。

这是我目前用来设置单元格中数据的代码。

    def data(self, index, role=Qt.DisplayRole):
        if index.isValid():
            if role == Qt.DisplayRole:
                return str(self.data[index.row()][index.column()]) + " +15" #how do I align right and change colour
        return None

我想过做两个独立的列，并隐藏中间的行，但我相信一定有更好的解决方案。

Answer 1

给你。这应该能给你指明正确的方向。我使用的是一个标准模型，因为这是我现有的模型，但这个设置应该适用于任何类型的模型。

查看这个例子，可以更深入地了解代表的情况。明星代表

我的密码答案。

import sys

from PySide2 import QtGui, QtCore, QtWidgets


data = {
    "31":{
        "status":"foo"
    },
    "11":{
        "status":"xxx"
    },
    "15":{
        "status":"aaa"
    }
}

class MyTableDelegate(QtWidgets.QItemDelegate):
    def __init__(self, view):
        super(MyTableDelegate, self).__init__()
        self._view = view

    def paint(self, painter, option, index):

        rect_item = option.rect

        # Get Left number
        index_number = index.data(role=QtCore.Qt.DisplayRole)

        # Position left number
        rect_number = QtCore.QRect(
            rect_item.left(),
            rect_item.top(),
            rect_item.width(),
            rect_item.height()
        )

        font_name = QtGui.QFont("Segoe UI", 12, QtGui.QFont.Normal)

        # Store default painter settings
        painter.save()
        painter.setPen(QtGui.QColor('#af1cbd'))
        painter.setFont(font_name)

        # Draw text
        QtWidgets.QApplication.style().drawItemText(
            painter,
            rect_number,
            QtCore.Qt.AlignLeft | QtCore.Qt.AlignVCenter,
            QtWidgets.QApplication.palette(),
            True,
            index_number)

        painter.restore()

        # Get +15
        index_number = index.data(role=QtCore.Qt.UserRole)

        # Position +15
        rect_plus15 = QtCore.QRect(
            rect_item.right() - (rect_item.width()/2),
            rect_item.top(),
            rect_item.width(),
            rect_item.height()
        )

        font_name = QtGui.QFont("Segoe UI", 12, QtGui.QFont.Normal)

        # Store default painter settings
        painter.save()
        painter.setPen(QtGui.QColor('#1bcc4a'))
        painter.setFont(font_name)

        # Draw text
        QtWidgets.QApplication.style().drawItemText(
            painter,
            rect_plus15,
            QtCore.Qt.AlignLeft | QtCore.Qt.AlignVCenter,
            QtWidgets.QApplication.palette(),
            True,
            str(index_number))

        painter.restore()


class MainWindow(QtWidgets.QMainWindow):

    def __init__(self):
        super(MainWindow, self).__init__()

        self.tableview = QtWidgets.QTableView()
        self.tableview.setItemDelegateForColumn(0, MyTableDelegate(self.tableview))

        self.setCentralWidget(self.tableview)

        self.model = QtGui.QStandardItemModel()
        self.tableview.setModel(self.model)
        self.fillModel()

        self.show()

    def fillModel(self):
        # For key in dict data
        for i in data:
            name_str = i
            status_str = data[i]["status"]

            # Store data in 1st column item using roles
            item_0 = QtGui.QStandardItem()
            item_0.setData(name_str, QtCore.Qt.DisplayRole)
            item_0.setData('+15', QtCore.Qt.UserRole)
            # How to store more data:
            # item_0.setData(+15, QtCore.Qt.UserRole + 1)
            # item_0.setData(+15, QtCore.Qt.UserRole + 2)
            # item_0.setData(+15, QtCore.Qt.UserRole + etc)
            # UserRole is just an integer. This lets you store a bunch of data

            # Store data in 2nd column item using roles
            item_1 = QtGui.QStandardItem()
            item_1.setData(status_str, QtCore.Qt.DisplayRole)

            # Append row
            items = [item_0, item_1]
            self.model.appendRow(items)


if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    ex = MainWindow()
    sys.exit(app.exec_())