qml通过stacklayout实现页面切换

Posted 2021-03-22 itfan

import QtQuick 2.6
import QtQuick.Window 2.2
import QtQuick.Layouts 1.12
import QtQuick.Controls 2.12

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    StackLayout {
        id: layout1
        anchors.fill: parent
        currentIndex: 0
        Rectangle {
            color: 'green'
            implicitWidth: 200
            implicitHeight: 200
            property var layout: layout1
            Button{
                anchors.top: parent.top
                width: 100
                height: 100
                onClicked: {
                    layout1.currentIndex = 1
                }
            }
        }
        Rectangle {
            color: 'plum'
            implicitWidth: 300
            implicitHeight: 200

            Button{
                anchors.top: parent.top
                width: 100
                height: 100
                onClicked: {
                    layout1.currentIndex = 0
                }
            }
        }
        property var layout: layout1
    }

}