QML学习之Loader

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了QML学习之Loader相关的知识,希望对你有一定的参考价值。

main.qml  
------------------------------------  
import QtQuick 1.0  
  
Item {  
    property bool isFirst : false;  
    width: 200  
    height: 200  
  
    Loader {  
        id: pageLoader  
    }  
  
    MouseArea {  
        anchors.fill: parent  
        onClicked: changePage();  
    }  
  
    function changePage() {  
        if(isFirst) {  
            pageLoader.source = "Page1.qml"  
        } else {  
            pageLoader.source = "Page2.qml"  
        }  
  
        isFirst = !isFirst;  
    }  
  
}  
  
  
Page1.qml  
-------------------------------------  
import QtQuick 1.0  
  
Rectangle {  
    width: 100  
    height: 62  
    Text {  
        anchors.centerIn: parent  
        text: "Page1 Test"  
    }  
}  
  
  
Page2.qml  
---------------------------------------  
import QtQuick 1.0  
  
Rectangle {  
    width: 100  
    height: 62  
    Text {  
        anchors.centerIn: parent  
        text: "Page1 Test"  
    }  
}

 

以上是关于QML学习之Loader的主要内容,如果未能解决你的问题,请参考以下文章

QML学习之浅谈Window

iOS学习之代码块(Block)

qml Loader异步导致ComBoBox数据乱序

QML中如何基于loader更新底部控件

QML ListView Loader 不需要的预定义行为

GoLang学习之变量定义和初始化