Revision control
Copy as Markdown
// 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]
}