aboutsummaryrefslogtreecommitdiffstats
path: root/src/quick/doc/snippets/layouts/simpleProxy.qml
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]
}