1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
import QtQuick 2.0
Rectangle {
id: root
property int current: grid.currentIndex
property bool showHeader: false
property bool showFooter: false
property int currentItemChangedCount: 0
width: 240
height: 320
color: "#ffffff"
resources: [
Component {
id: myDelegate
Rectangle {
id: wrapper
objectName: "wrapper"
width: 80
height: 60
border.color: "blue"
Text {
text: index
}
Text {
x: 40
text: wrapper.x + ", " + wrapper.y
}
Text {
y: 20
id: textName
objectName: "textName"
text: name
}
Text {
y: 40
id: textNumber
objectName: "textNumber"
text: number
}
color: GridView.isCurrentItem ? "lightsteelblue" : "white"
}
}
]
Component {
id: headerFooter
Rectangle { height: 30; width: 240; color: "blue" }
}
GridView {
id: grid
objectName: "grid"
focus: true
width: 240
height: 320
currentIndex: 35
cellWidth: 80
cellHeight: 60
cacheBuffer: 0
delegate: myDelegate
highlightMoveDuration: 400
model: testModel
header: root.showHeader ? headerFooter : null
footer: root.showFooter ? headerFooter : null
onCurrentItemChanged: { root.currentItemChangedCount++ }
}
}
|
