加载大型 QML 文件时显示繁忙指示器或加载图像

Question

我正在开发基于 QML 的应用程序。我在其中动态加载内容。但是，在运行应用程序时需要很长时间（5-10 秒），所以我需要在加载整个内容时显示任何加载屏幕或指示器。谁能建议我怎么做？ 例如，在我登录我的应用程序后，需要一些时间来加载下一页，所以在这段时间内我想显示加载屏幕。

App {
id: app
height: 400
width: 200
    Rectangle {
        id: rectangle       
        Button {
            id: button
            text: qsTr("GO TO NEXT PAGE")
            onClicked:stackView.push("page2.qml")                
        }        
        Image {
            id: image
            fillMode: Image.PreserveAspectFit
            source: "default-app.png"
        }
    }

} 假设这是我的代码，那么我在哪里可以使用 loader？以前没用过

Answer 1

您可以使用Loader 组件中的status（我猜您正在使用它，因为您正在“动态”加载）。然后在 BusyIndicator 中使用它。

Loader {
    id: loader
    asynchronous: true
    ...

    BusyIndicator {
         anchors.centerIn: parent
         running: loader.status == Loader.Loading 
    }
}

哎呀，Qt docs for BusyIndicator 应该让你继续前进！