import QtQuick 2.0 import QtQuick.Controls 2.15 ApplicationWindow { visible: true width: 400 height: 200 ListView { width: parent.width height: parent.height orientation: ListView.Horizontal clip: true model: myModel delegate: Rectangle { width: 100 height: 50 color: "lightblue" Text { text: modelData anchors.centerIn: parent } } } ListModel { id: myModel ListElement { text: "Cell 1" } ListElement { text: "Cell 2" } ListElement { text: "Cell 3" } ListElement { text: "Cell 4" } } } 如何让表格显示表格线
时间: 2024-02-14 13:25:54 浏览: 108
要让表格显示表格线,你可以使用ListView的边框属性以及为delegate中的矩形添加边框属性。
以下是修改后的代码示例:
```qml
import QtQuick 2.0
import QtQuick.Controls 2.15
ApplicationWindow {
visible: true
width: 400
height: 200
ListView {
width: parent.width
height: parent.height
orientation: ListView.Horizontal
clip: true
model: myModel
delegate: Rectangle {
width: 100
height: 50
color: "lightblue"
border.color: "black" // 添加边框颜色属性
border.width: 1 // 添加边框宽度属性
Text {
text: modelData
anchors.centerIn: parent
}
}
}
ListModel {
id: myModel
ListElement { text: "Cell 1" }
ListElement { text: "Cell 2" }
ListElement { text: "Cell 3" }
ListElement { text: "Cell 4" }
}
}
```
在这个示例中,我们在delegate的矩形上添加了边框属性。通过设置`border.color`来指定边框的颜色,通过设置`border.width`来指定边框的宽度。这样,每个单元格矩形都会显示一个黑色的边框。你可以根据需要调整边框的样式和属性。
阅读全文