我正在 QML 中开发一个进度条。
但是该工作不适用于所有参数值。它在 UI 中的逻辑问题更多
要求大家审核。
下面是代码片段
Rectangle
{
width: 500; height: 480
.....
color: "lightyellow"
Rectangle {
id: container
....
Row {
id:repeaterid
Repeater {
id: repeater
model: 100
Item { id: smallrect2; opacity:0.5; width:_width; height:_height
Rectangle { id: smallrect; color: _newColor }
......
}
}
}
Timer {
id: progressTimer
interval: 100
onTriggered: {
if ((slider.x + slider.width) < repeaterid.width)
{
slider.x += _width
var item = repeater.itemAt(indexCurrent)
item._newColor = "red"
indexCurrent++
}
else
{
progressTimer.repeat = false
}
}
}
Rectangle {
id: slider
// Adjust the dimensions of slider
x: repeaterid.x
y: repeaterid.y
width: _width
height: _height
}
}
}
当 _width 的值为 30 并且中继器中的模型值为 18 时,实现了所需的行为,但随着值的减小,进度条中的滑块不会完成其路径(宽度 = 5,模型 =100)或者如果增加它移出路径。