我无法从QML读取javascript变量。我知道这似乎很容易,但这是一个特例:

我正在使用canvas3D生成许多3D球体,并且由于处理时间很长,我想显示一个进度条。

为此,我已经这样做了:

import "test6.js" as GLCode

Item {
id: mainview
width: 1280
height: 768
visible: true



// THE PROGRESS BAR

ProgressBar {
    id : progressBar
    anchors.centerIn: parent
    value: canvas3d.progress
    z:1
}


//THE CANVAS3D (WebGL)
Canvas3D {
    id: canvas3d
    anchors.fill: parent
    focus: true

    property double progress:0 //MY VARIABLE I WANT TO UPDATE FROM test6.js


    property var list : []

    // Emitted when one time initializations should happen
    onInitializeGL: {
        GLCode.initializeGL(canvas3d);
    }


我在canvas3d中有一个属性名称进度,我正在尝试从test6.js脚本进行修改

在initializeGL(canvas3d)函数中,每次添加球体时,我都会更新progress的值:

for ( i = 0; i < spheresNum; i ++ ) {

    var x = list[i][0];
    var y = list[i][1];
    var z = list[i][2];
    drawSphere(x,y,z,i);
    canvas3d.progress = i/spheresNum*100;
}


现在的问题是,只有在initializeGL()结束时,我才能获取进度的更新值。现在就像:

Progress Bar to 0%
(Waiting for all the sphere to be instanciated)
(initializeGL() ends)
Progress Bar to 100%


这没用。我希望每次创建球体时都移动条形图。

你知道我该怎么做吗?

最佳答案

您只会看到0%和100%的进度,因为initializeGL()中的for循环在QML引擎响应更改后的canvas3d.progress值并更新progessBar.value的值之前已完全执行。 for循环和从progessBar.valuecanvas3d.progress的属性绑定更新在同一线程中运行。

解决此问题的方法是只调用initializeGL()一步,然后让CPU来更新进度。我的想法是使用一个单拍计时器,该计时器将自己称为numSphere次并在第i个拍中初始化第i个精子。

分步初始化函数将在test6.js中定义如下:

function initializeGLSphere(i) {
    var x = list[i][0];
    var y = list[i][1];
    var z = list[i][2];
    drawSphere(x,y,z,i);
}


Canvas3d实例之后,添加单次计时器:

property int currentSphere = 0

Timer {
    id: timer
    repeat: false
    interval: 0
    onTriggered: {
        GLCode.initializeGLSphere(currentSphere)
        ++currentSphere
        progessBar.progress = currentSphere / GLCode.numSpheres
        if (currentSphere < GLCode.numSpheres) {
            timer.restart()
        }
    }
}


计时器在onInitializeGL中启动:

onInitializeGL: timer.start()


启动单次计时器意味着将一个事件放入Qt主事件循环中。一旦计时器间隔到期,计时器就会触发。间隔为0ms只是意味着计时器会在计时器事件到达事件队列(循环)的最前面时触发并执行onTriggered

在处理计时器事件之间,事件队列还将给QML引擎一些时间来更新progressBar.progress的属性绑定。因此,您应该看到很多介于0到100之间的中间进度值。但是,您不会看到全部,因为在属性绑定更新发生之前可能会处理多个计时器事件。如果要查看更多进度更新,只需增加计时器间隔即可。

关于javascript - 从另一个Javascript脚本(Canvas3D)更新QML属性,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36456114/

10-10 17:53
查看更多