如何使可见属性在QML中立即起作用？

Question

演示：

Window {
    visible: true
    width: 640
    height: 480

    Component.onCompleted: {
        test.visible = true // 1. Show rect
        for(var i = 0; i < 5000000000; i++){var t = i * i} // 2. Slow process, Sleep here
    }

    Rectangle {
        id: test
        color: "red"
        width: 100; height: 100
        visible: false
    }
}

可见属性在函数完成时起作用。 在演示中， test矩形无法在1.之后的时刻显示，必须等到功能完成。

我了解应该由流程块渲染引起。 但是，有什么技巧可以解决这个问题？

Answer 1

繁重的任务不应在GUI线程中执行，而应在另一个线程中执行，以免它们被阻塞。 QML提供给WorkerScript，这使您可以在另一个线程中执行任务：

slow_process.js

WorkerScript.onMessage = function() {
    for(var i = 0; i < 5000000000; i++){
        var t = i * i
        console.log(t)
    }
}

main.qml

import QtQuick 2.9
import QtQuick.Window 2.2

Window {
    visible: true
    width: 640
    height: 480

    Component.onCompleted: {
        test.visible = true // 1. Show rect
        ws.sendMessage()
    }

    WorkerScript {
        id: ws
        source: "slow_process.js"
    }

    Rectangle {
        id: test
        color: "red"
        width: 100; height: 100
        visible: false
    }
}