浅谈 Qml Loader使用

最新推荐文章于 2025-08-25 19:06:25 发布

原创

最新推荐文章于 2025-08-25 19:06:25 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#qml #qt #c++

本文探讨了在Qml中使用Loader组件进行异步加载以优化性能的问题。Loader允许在需要时加载控件，降低了画面加载时间。文章提供了一个Loader的使用示例，并指出在C++中控制Loader的加载时机，同时强调必须在onLoaded状态后才能安全地操作Loader中的Qml对象。

浅谈 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;  sourceComponent: idTestComponent;  active: true}
    }
]

在cpp中通过