50 lines
1.2 KiB
QML
50 lines
1.2 KiB
QML
import QtQuick 2.0
|
|
|
|
Rectangle {
|
|
id: root
|
|
width: 240
|
|
height: 240
|
|
color: "#ffffff"
|
|
|
|
Component {
|
|
id: myDelegate
|
|
Rectangle {
|
|
id: wrapper
|
|
objectName: "wrapper"
|
|
height: 120
|
|
width: 120
|
|
Column {
|
|
Text {
|
|
text: index
|
|
}
|
|
Text {
|
|
text: wrapper.x + ", " + wrapper.y
|
|
}
|
|
}
|
|
color: GridView.isCurrentItem ? "lightsteelblue" : "transparent"
|
|
}
|
|
}
|
|
GridView {
|
|
id: grid
|
|
objectName: "grid"
|
|
anchors.fill: parent
|
|
cellWidth: 120
|
|
cellHeight: 120
|
|
preferredHighlightBegin: 20
|
|
preferredHighlightEnd: 140
|
|
snapMode: GridView.SnapOneRow
|
|
layoutDirection: Qt.RightToLeft
|
|
flow: GridView.TopToBottom
|
|
highlightRangeMode: GridView.StrictlyEnforceRange
|
|
highlight: Rectangle { width: 120; height: 120; color: "yellow" }
|
|
model: 8
|
|
delegate: myDelegate
|
|
}
|
|
|
|
Text {
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
text: grid.contentX.toFixed(2) + ", " + grid.contentY.toFixed(2)
|
|
}
|
|
}
|