blob: 42bc028b413f28703cb5e14e37cf6f87edc762a3 (
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
|
// Copyright (C) 2016 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0+ OR GPL-3.0 WITH Qt-GPL-exception-1.0
import QtQuick 2.2
import QtQuick.Controls 1.2
import QtQuick.Layouts 1.0
ColumnLayout {
property alias rowBox_1: rowBox_1
property alias rowLayout_1: rowLayout_1
property alias textField_1: textField_1
property alias button_1: button_1
property alias gridBox_1: gridBox_1
property alias gridLayout_1: gridLayout_1
property alias label_1: label_1
property alias label_2: label_2
property alias label_3: label_3
property alias textField_2: textField_2
property alias textField_3: textField_3
property alias textField_4: textField_4
property alias textField_5: textField_5
property alias textArea_1: textArea_1
anchors.fill: parent
GroupBox {
id: rowBox_1
title: "Row layout"
Layout.fillWidth: true
RowLayout {
id: rowLayout_1
anchors.fill: parent
TextField {
id: textField_1
placeholderText: "This wants to grow horizontally"
Layout.fillWidth: true
}
Button {
id: button_1
text: "Button"
}
}
}
GroupBox {
id: gridBox_1
title: "Grid layout"
Layout.fillWidth: true
GridLayout {
id: gridLayout_1
rows: 3
flow: GridLayout.TopToBottom
anchors.fill: parent
Label { id: label_1; text: "Line 1" }
Label { id: label_2; text: "Line 2" }
Label { id: label_3; text: "Line 3" }
TextField { id: textField_2 }
TextField { id: textField_3 }
TextField { id: textField_4 }
TextArea {
id: textField_5
text: "This widget spans over three rows in the GridLayout.\n"
+ "All items in the GridLayout are implicitly positioned from top to bottom."
Layout.rowSpan: 3
Layout.fillHeight: true
Layout.fillWidth: true
}
}
}
TextArea {
id: textArea_1
text: "This fills the whole cell"
Layout.minimumHeight: 30
Layout.fillHeight: true
Layout.fillWidth: true
}
}
|