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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
import QtQuick 2.4
import QtQuick.Window 2.2
Window {
id : mainWindow
visible: true
width: 800
height: 480
property real gridListWidth : (width * 0.60)
property real gridListHeight : (height * 0.50)
property real gridCellSpacing : (height * 0.004)
property real gridCellHeight : (height * 0.039)
property real gridCellWidth : (width * 0.20)
Rectangle {
id : rectBackground
anchors.fill: parent
color : "white"
ListView {
id : ls
width: mainWindow.gridListWidth
height: mainWindow.gridListHeight
clip : true
headerPositioning: ListView.OverlayHeader
spacing : mainWindow.gridCellSpacing
model: ListModel {
ListElement {
name: "Bill Smith"
number: "555 3264"
hairColor: "red"
}
ListElement {
name: "John Brown"
number: "484 7789"
hairColor: "blue"
}
ListElement {
name: "Sam Wise"
number: "284 1547"
hairColor: "yellow"
}
}
header : Row {
spacing : mainWindow.gridCellSpacing
Rectangle {
width : mainWindow.gridCellWidth
height : mainWindow.gridCellHeight
color : "blue"
Text {
anchors.centerIn: parent
color : "white"
text: "Name"
}
}
Rectangle {
width : mainWindow.gridCellWidth
height : mainWindow.gridCellHeight
color : "blue"
Text {
anchors.centerIn: parent
color : "white"
text: "Number"
}
}
Rectangle {
width : mainWindow.gridCellWidth
height : mainWindow.gridCellHeight
color : "blue"
Text {
anchors.centerIn: parent
color : "white"
text: "Hair Color"
}
}
}
delegate: Row {
spacing : mainWindow.gridCellSpacing
Rectangle {
width : mainWindow.gridCellWidth
height : mainWindow.gridCellHeight
color : "red"
Text {
anchors.centerIn: parent
color : "white"
text: name
}
}
Rectangle {
width : mainWindow.gridCellWidth
height : mainWindow.gridCellHeight
color : "red"
Text {
anchors.centerIn: parent
color : "white"
text: number
}
}
Rectangle {
width : mainWindow.gridCellWidth
height : mainWindow.gridCellHeight
color : "red"
Text {
anchors.centerIn: parent
color : "white"
text: hairColor
}
}
}
}
}
}
|
