qml实现界面的切换

 自定义组件中是可以直接使用main界面中根节点这个层级中声明的所有id

---

 

MyRect01.qml

import QtQuick 2.0
import QtQuick.Controls 2.0
Rectangle{
    id:rec01
    width:450
    height: 200
    color: "green"

    Button{
        id:btn01
        text: "dian ji"
        onClicked: {
            yRec01.visible=false
            yRec02.visible=true
        }
    }

}

---

 MyRec02.qml

import QtQuick 2.0
import QtQuick.Controls 2.0
Rectangle{
    id:rec01
    width: 300
    height: 150
    x:350
    color: "red"


    Button{
        id:btn01
        text: "dian ji"
        onClicked: {
            yRec01.visible=true
            yRec02.visible=false
        }
    }
}

---

main.qml

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.0
Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    MyRec01{
        id:yRec01
        visible: true
    }


    MyRec02{
        id:yRec02
        visible: false
    }

}

---

运行结果:

---

FR:徐海涛（hunkxu）