【QML 动态对象】Loader动态加载组件

Loader 元素用来动态加载可见的 QML 组件，它可以加载一个 QML 文件（使用 source 属性）或者一个组件对象（使用 sourceComponent 属性）。

对于拖延组件的创建很是有用的：例如，当一个组件需要在要求的时候被创建，或者由于性能原因一个组件不应该被创建时。

Item {
    width: 200; height: 200
    
    Loader {
        id: pageLoader
        anchors.centerIn: parent
    }
    
    MouseArea {
        anchors.fill: parent
        onClicked: pageLoader.source = "loginPage.qml" // 单击加载“Page1.qml”作为一个组件
    }
}

原先窗口一片空白，点击才加载"登录页面"，延时一会儿才居中显示出来，延时时间即"登录页面"的创建时间。

可以通过 item 属性来访问被加载的项目，如果 source 或者s ourceComponent 更改了，任何先前实例化的项目都将被销毁。

一、Loader的大小行为

Loader 和其他任何可见的页面一样，必须对其进行位置和大小的设置，这样它才能成为可见的。

如果没有明确指定 Loader 的大小，那么 Loader 将会在组件加载完成后自动设置为组件的大小，如果通过设置 width 和 height 或者使用锚明确指定了 Loader 的大小和位置，那么被加载的项目将会改变为 Loader 的大小。

二、用于切换页面

下面的代码就能在 Page1 和 Page2 之间切换了，这里使用的是 source 属性：

main.qml
------------------------------------
import QtQuick 1.0

Item {
    property bool isFirst : false;
    width: 200
    height: 200

    Loader {
        id: pageLoader
    }

    MouseArea {
        anchors.fill: parent
        onClicked: changePage();
    }

    func