如何使可见属性在 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)
    }
}

ma​​in.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
    }
}