qml StackView 跳转页码 代码示例

StackView是QML中用于管理视图堆栈的组件，它可以让你在不同的视图之间轻松切换。使用StackView时，你可能会需要通过编程的方式来跳转到特定的页面或者获取当前页面的索引。下面是一个简单的代码示例，展示了如何在使用StackView时跳转到特定的页面编号（页码）：

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: "StackView Page Example"

    // 创建一个视图堆栈
    StackView {
        id: stackView
        anchors.fill: parent
    }

    // 首先加载的第一个视图
    Component {
        id: page1
        Rectangle {
            width: 360
            height: 240
            color: "lightblue"
            Text {
                anchors.centerIn: parent
                text: "这是第一页"
                color: "black"
                font.pixelSize: 20
            }
        }
    }

    // 第二个视图
    Component {
        id: page2
        Rectangle {
            width: 360
            height: 240
            color: "lightgreen"
            Text {
                anchors.centerIn: parent
                text: "这是第二页"
                color: "black"
                font.pixelSize: 20
            }
        }
    }

    // 通过按钮跳转到第二页
    Button {
        text: "跳转到第2页"
        anchors.bottom: parent.bottom
        anchors.horizontalCenter: parent.horizontalCenter
        onClicked: {
            stackView.push(page2)
        }
    }

    // 跳转到特定页码（例如第一页）
    Button {
        text: "返回第一页"
        anchors.bottom: parent.bottom
        anchors.horizontalCenter: parent.horizontalCenter
        onClicked: {
            // 假设第一页的索引为0，第二页为1
            stackView.goTo(0)
        }
    }
}

在这个例子中，我们创建了一个`StackView`组件，并定义了两个页面（`page1`和`page2`）。我们还创建了两个按钮，分别用于跳转到第二页和返回第一页。`goTo`方法接受一个参数，即你想要跳转到的目标页面的索引（从0开始计数）。注意，这里我们假设页面索引是连续的，实际使用中可能需要根据实际页面数量动态决定目标索引值。