blob: 460e6bda32ea5bc6fb289e7adc29607ea3576849 (
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
|
// Copyright (C) 2023 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
import QtQuick
import QtQuick.Layouts
import QtQuick.Window
import QtQuick.Controls
Window {
visible: true
width: 350
//! [document]
//! [item definition]
Rectangle {
id: rectangle1
color: "tomato"
Layout.fillHeight: true
Layout.fillWidth: true
}
Rectangle {
id: rectangle2
color: "lightskyblue"
Layout.fillHeight: true
Layout.fillWidth: true
}
//! [item definition]
//! [layout definition]
GridLayout {
id: l1
columns: 1
visible: false
anchors.fill: parent
LayoutItemProxy { target: rectangle1 }
LayoutItemProxy { target: rectangle2 }
}
GridLayout {
id: l2
columns: 2
visible: true
anchors.fill: parent
LayoutItemProxy { target: rectangle1 }
LayoutItemProxy { target: rectangle2 }
}
//! [layout definition]
//! [layout choice]
onWidthChanged: {
if (width < 300) {
l2.visible = false
l1.visible = true
} else {
l1.visible = false
l2.visible = true
}
}
//! [layout choice]
//! [document]
}
|