0

我正在 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)或者如果增加它移出路径。

4

1 回答 1

0

已解决:根据容器大小和矩形大小调整模型值

于 2012-11-03T10:04:34.980 回答