我无法从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.value
到canvas3d.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/