blob: d3fe4efbd768f10b64bd9768359291ecc8794287 (
plain)
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
131
|
/******************************************************************************
**
** Copyright (C) 2021 The Qt Company Ltd.
** Contact: https://www.qt.io/licensing/
**
** This file is part of the Qt JavaScript to C++ compiler.
**
** $QT_BEGIN_LICENSE:COMM$
**
** Commercial License Usage
** Licensees holding valid commercial Qt licenses may use this file in
** accordance with the commercial license agreement provided with the
** Software or, alternatively, in accordance with the terms contained in
** a written agreement between you and The Qt Company. For licensing terms
** and conditions see https://www.qt.io/terms-conditions. For further
** information use the contact form at https://www.qt.io/contact-us.
**
** $QT_END_LICENSE$
**
******************************************************************************/
import QtQuick
import QtQuick.Layouts
Rectangle {
id: appWindow
visible: false
objectName: "Basic layouts"
property int margin: 11
Component.onCompleted: {
width = mainLayout.implicitWidth + 2 * margin
height = mainLayout.implicitHeight + 2 * margin
}
width: mainLayout.Layout.minimumWidth + 2 * margin
height: mainLayout.Layout.minimumHeight + 2 * margin
ColumnLayout {
id: mainLayout
anchors.fill: parent
anchors.margins: appWindow.margin
Rectangle {
id: rowBox
objectName: "Row layout"
Layout.fillWidth: true
Layout.minimumWidth: rowLayout.Layout.minimumWidth + 30
RowLayout {
id: rowLayout
anchors.fill: parent
Item {
objectName: "This wants to grow horizontally"
Layout.fillWidth: true
}
Item {
property string text: "Button"
}
}
}
Rectangle {
id: gridBox
objectName: "Grid layout"
Layout.fillWidth: true
Layout.minimumWidth: gridLayout.Layout.minimumWidth + 30
GridLayout {
id: gridLayout
rows: 3
flow: GridLayout.TopToBottom
anchors.fill: parent
Item { property string text: "Line 1" }
Item { property string text: "Line 2" }
Item { property string text: "Line 3" }
Item { }
Item { }
Item { }
Item {
property string text: "This widget spans over three rows in the GridLayout.\n"
+ "All items in the GridLayout are implicitly positioned from top to bottom."
property int wrapMode: Text.WordWrap
Layout.rowSpan: 3
Layout.fillHeight: true
Layout.fillWidth: true
Layout.minimumHeight: implicitHeight
Layout.minimumWidth: 100 // guesstimate, should be size of largest word
}
}
}
Item {
id: t3
property string text: "This fills the whole cell"
Layout.minimumHeight: 30
Layout.fillHeight: true
Layout.fillWidth: true
}
Rectangle {
id: stackBox
objectName: "Stack layout"
implicitWidth: 200
implicitHeight: 60
Layout.minimumHeight: 60
Layout.fillWidth: true
Layout.fillHeight: true
StackLayout {
id: stackLayout
anchors.fill: parent
function advance() { currentIndex = (currentIndex + 1) % count }
Repeater {
id: stackRepeater
model: 5
Rectangle {
required property int index
color: Qt.hsla((0.5 + index) / stackRepeater.count, 0.3, 0.7, 1)
MouseArea {
anchors.centerIn: parent
onClicked: stackLayout.advance()
}
}
}
}
}
}
}
|