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
|
import QtQuick 2.0
Item {
width: 450
height: 650
GridView {
objectName: "gridview"
id: gridView
width: 450
height: 650
layoutDirection: Qt.RightToLeft
property int cells: calcCells(width)
cellWidth: width / cells
cellHeight: cellWidth
delegate: Component {
Item {
width: gridView.cellWidth
height: gridView.cellHeight
Rectangle {
anchors {
fill: parent
margins: 10
}
color: "green"
}
}
}
model: [
{ number: "1" },
{ number: "2" },
{ number: "3" },
{ number: "4" },
{ number: "5" },
{ number: "6" },
{ number: "7" },
{ number: "8" },
{ number: "9" },
{ number: "10" },
{ number: "11" },
{ number: "12" },
{ number: "13" },
{ number: "14" },
{ number: "15" },
{ number: "16" }];
function calcCells(w) {
var rw = 120;
var c = Math.max(1, Math.round(w / rw));
return c;
}
}
}
|