其他分享
首页 > 其他分享> > qml通过stacklayout实现页面切换

qml通过stacklayout实现页面切换

作者:互联网


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
    }

}

标签:stacklayout,QtQuick,200,top,layout1,qml,import,100,页面
来源: https://www.cnblogs.com/itfan/p/12058014.html