qml中怎么用ListModel写一个横向的表格
时间: 2024-04-09 19:33:57 浏览: 117
横向ListView
5星 · 资源好评率100%
你可以使用ListModel和ListView来创建一个横向的表格。下面是一个示例代码:
```
import QtQuick 2.0
Item {
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" }
}
}
```
在这个示例中,我们创建了一个横向的ListView,将ListModel作为其模型。每个单元格都由一个矩形代表,并在矩形内部放置一个文本来显示数据。你可以根据需要进行调整和自定义。
阅读全文