qml TableView样式
时间: 2023-09-14 22:09:59 浏览: 221
QML TableView Demo演示示例
5星 · 资源好评率100%
QML 中的 TableView 样式可以使用 TableViewStyle 来设置。
下面是一个简单的例子:
```qml
import QtQuick.Controls 2.0
TableView {
anchors.fill: parent
TableViewStyle {
headerDelegate: Rectangle {
color: "lightgray"
height: 30
Text {
text: styleData.value
anchors.centerIn: parent
}
}
itemDelegate: Rectangle {
height: 30
Text {
text: styleData.value
anchors.centerIn: parent
}
MouseArea {
anchors.fill: parent
onClicked: {
console.log(styleData.row + " : " + styleData.column)
}
}
}
}
model: TableModel {
TableModelColumn { display: "Name"; role: "name" }
TableModelColumn { display: "Age"; role: "age" }
TableModelColumn { display: "Gender"; role: "gender" }
rows: [
{ name: "Alice", age: 25, gender: "Female" },
{ name: "Bob", age: 30, gender: "Male" },
{ name: "Charlie", age: 20, gender: "Male" }
]
}
}
```
在 TableView 中使用 TableViewStyle 来设置表头和单元格的样式。在上面的例子中,表头使用了灰色的背景和居中对齐的文本。单元格使用了白色的背景和居中对齐的文本。当单元格被点击时,会在控制台打印出行号和列号。
你可以根据自己的需求来修改样式。
阅读全文