StackLayout QML Type

To be able to use this type more efficiently, it is recommended that you understand the general mechanism of the Qt Quick Layouts module. Refer to Qt Quick Layouts Overview for more information.

The current visible item can be modified by setting the currentIndex property. The index corresponds to the order of the StackLayout's children.

In contrast to most other layouts, child Items' Layout.fillWidth and Layout.fillHeight properties default to true. As a consequence, child items are by default filled to match the size of the StackLayout as long as their Layout.maximumWidth or Layout.maximumHeight does not prevent it.

Items are added to the layout by reparenting the item to the layout. Similarly, removal is done by reparenting the item from the layout. Both of these operations will affect the layout's count property.

The following code will create a StackLayout where only the 'plum' rectangle is visible.

StackLayout {
    id: layout
    anchors.fill: parent
    currentIndex: 1
    Rectangle {
        color: 'teal'
        implicitWidth: 200
        implicitHeight: 200
    }
    Rectangle {
        color: 'plum'
        implicitWidth: 300
        implicitHeight: 200
    }
}

Items in a StackLayout support these attached properties:

• Layout.minimumWidth

• Layout.minimumHeight

• Layout.preferredWidth

• Layout.preferredHeight

• Layout.maximumWidth

• Layout.maximumHeight

• Layout.fillWidth

• Layout.fillHeight

Read more about attached properties here.

See Also▲

count : int▲

currentIndex : int▲

[since QtQuick.Layouts 1.15] StackLayout.index : int▲

[since QtQuick.Layouts 1.15] StackLayout.isCurrentItem : bool▲

[since QtQuick.Layouts 1.15] StackLayout.layout : StackLayout▲