浅谈 Qml Loader使用

浅谈 Qml Loder使用

Performance 一直是令人头疼的问题，最近的一个项目对性能的要求比较高，Qml中大量控件的使用导致画面加载的时间不能直视。
Loder 可以实现在需要的时候进行加载，为异步加载提供了可能。为优化Performance提供了一个很好的解决方案。
话不多说，开始说明下Loader的使用~~

Loader 示例代码：

 Loader{
     id: loaderTest
     asynchronous: true
     sourceComponent: idTestComponent // 指定加载对象
     active: false
     onLoaded: {
          // 加载完成时可以通知cpp做其他处理
     }
 }

idTestComponent示例代码：

Component{
    id: idTestComponent
    Item{
        visible:false
        Rectangle {
            width: 200
            height: 50
            color: "red"
            Text {
                text: "testPage"
                anchors.fill: parent
            }
        }
    }
}

我们可以使用State来控制Loader的active状态：

states:
[
    State {
        name: "LoadActive"
        PropertyChanges {target: loaderTest;  sourc