qt - 如何在Qt5中更改TableView标题的颜色(背景，文本)？

Question

我在Qt5中将TableView用于我的应用程序。可以更改此表的行的颜色(背景，文本和备用)，但是没有用于更改标题(标题)的颜色的选项。

怎么做？

Answer 1

有一些选项:headerDelegate。您可以在 TableView 或 TableViewStyle 中使用一个。这是一个从headerDelegate样式获取的Base实现的示例:

import QtQuick 2.3
import QtQuick.Window 2.2
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2

Window {
    id: win
    width: 360
    height: 360
    visible: true

    ListModel {
        id: libraryModel
        ListElement {
            title: "A Masterpiece"
            author: "Gabriel"
        }
        ListElement {
            title: "Brilliance"
            author: "Jens"
        }
        ListElement {
            title: "Outstanding"
            author: "Frederik"
        }
    }

    TableView {
        TableViewColumn {
            role: "title"
            title: "Title"
            width: 100
        }
        TableViewColumn {
            role: "author"
            title: "Author"
            width: 200
        }
        model: libraryModel

        style: TableViewStyle {
            headerDelegate: Rectangle {
                height: textItem.implicitHeight * 1.2
                width: textItem.implicitWidth
                color: "lightsteelblue"
                Text {
                    id: textItem
                    anchors.fill: parent
                    verticalAlignment: Text.AlignVCenter
                    horizontalAlignment: styleData.textAlignment
                    anchors.leftMargin: 12
                    text: styleData.value
                    elide: Text.ElideRight
                    color: textColor
                    renderType: Text.NativeRendering
                }
                Rectangle {
                    anchors.right: parent.right
                    anchors.top: parent.top
                    anchors.bottom: parent.bottom
                    anchors.bottomMargin: 1
                    anchors.topMargin: 1
                    width: 1
                    color: "#ccc"
                }
            }
        }
    }
}

您可能已经注意到，标题结尾处有一个“颜色故障”(请参见上面的屏幕截图)。这是因为，默认情况下， backgroundColor 属性设置为 white。更改它以匹配标题颜色可以解决此问题，即，将以下行添加到 TableViewStyle实现中:

backgroundColor : "lightsteelblue"