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
|
/*
* Copyright (C) 2013 Canonical Ltd.
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation; version 3.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import QtQuick 2.12
import Lomiri.Components 0.1
// FIXME: this is a copy of Unity8's ResponsiveGridView
/*
Essentially a GridView where you can specify the maximum number of columns it can have.
*/
Item {
property int minimumHorizontalSpacing: units.gu(0.5)
// property int minimumNumberOfColumns: 2 // FIXME: not implemented
property int maximumNumberOfColumns: 6
readonly property int columns: gridView.columns
property alias verticalSpacing: gridView.verticalSpacing
readonly property alias margins: gridView.margin
property int delegateWidth
property int delegateHeight
property alias model: gridView.model
property alias delegate: gridView.delegate
readonly property int cellWidth: gridView.cellWidth
readonly property int cellHeight: gridView.cellHeight
readonly property int totalContentHeight: {
if (gridView.model) {
return contentHeightForRows(Math.ceil(gridView.model.count / columns), cellHeight)
} else {
return 0;
}
}
property alias interactive: gridView.interactive
readonly property alias flicking: gridView.flicking
readonly property alias moving: gridView.moving
readonly property alias pressDelay: gridView.pressDelay
readonly property alias originY: gridView.originY
property alias displayMarginBeginning: gridView.displayMarginBeginning
property alias displayMarginEnd: gridView.displayMarginEnd
property alias highlightIndex: gridView.highlightIndex
property alias cacheBuffer: gridView.cacheBuffer
readonly property alias currentItem: gridView.currentItem
property alias header: gridView.header
property alias maximumFlickVelocity: gridView.maximumFlickVelocity
property alias flickDeceleration: gridView.flickDeceleration
function contentHeightForRows(rows, height) {
return rows * height
}
function positionViewAtIndex(index, mode) {
anim.running=false;
anim.from= gridView.contentY;
gridView.positionViewAtIndex(index, mode);
anim.to= gridView.contentY;
anim.running=true;
}
function indexAt(x,y) {
return gridView.indexAt(x,y);
}
NumberAnimation { id: anim; target: gridView; property: "contentY"; }
GridView {
id: gridView
objectName: "responsiveGridViewGrid"
anchors {
fill: parent
leftMargin: margin/2
rightMargin: margin/2
}
clip: parent.height != totalContentHeight
function pixelToGU(value) {
return (value / units.gu(1));
}
function spacingForColumns(columns) {
// spacing between columns as an integer number of GU, the remainder goes in the margins
var spacingGU = pixelToGU(allocatableHorizontalSpace / columns);
return units.gu(spacingGU);
}
function columnsForSpacing(spacing) {
// minimum margin is half of the spacing
return Math.max(1, Math.floor(parent.width / (delegateWidth + spacing)));
}
property real allocatableHorizontalSpace: parent.width - columns * delegateWidth
property int columns: Math.min(columnsForSpacing(minimumHorizontalSpacing), maximumNumberOfColumns)
property real horizontalSpacing: spacingForColumns(columns)
property real verticalSpacing: horizontalSpacing
property int margin: allocatableHorizontalSpace - columns * horizontalSpacing
property int highlightIndex: -1
cellWidth: delegateWidth + horizontalSpacing
cellHeight: delegateHeight + verticalSpacing
onHighlightIndexChanged: {
if (highlightIndex != -1) {
currentIndex = highlightIndex
}
}
}
}
|
