qml StackLayout

QML StackLayout 是 Qt Quick 框架中的一个布局管理器，用于在用户界面中垂直或水平地排列子项。它类似于 Qt Quick 中的 Row 和 Column 布局，但提供了更多的灵活性和功能。

StackLayout 的主要特点包括：

1. **方向设置**：可以设置布局的方向为垂直（StackView.Vertical）或水平（StackView.Horizontal）。
2. **子项管理**：可以方便地添加、移除和切换子项。
3. **过渡动画**：支持在子项切换时添加过渡动画，使界面更加流畅。
4. **状态管理**：可以通过状态来控制显示哪个子项。

以下是一个简单的示例，展示如何使用 StackLayout：

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 400
    height: 300
    title: "StackLayout Example"

    StackLayout {
        anchors.fill: parent
        currentIndex: 0

        Rectangle {
            color: "red"
            Button {
                text: "Go to Green"
                anchors.centerIn: parent
                onClicked: stackLayout.currentIndex = 1
            }
        }

        Rectangle {
            color: "green"
            Button {
                text: "Go to Blue"
                anchors.centerIn: parent
                onClicked: stackLayout.currentIndex = 2
            }
        }

        Rectangle {
            color: "blue"
            Button {
                text: "Go to Red"
                anchors.centerIn: parent
                onClicked: stackLayout.currentIndex = 0
            }
        }
    }
}

在这个示例中，StackLayout 包含三个子项，分别是红色、绿色和蓝色的矩形。每个矩形中都有一个按钮，用于切换到下一个颜色。`currentIndex` 属性用于控制当前显示的子项。