滑块元素不断将目标值重置为滑块的最小值

Question

有一个问题的自包含示例：

Rectangle {
    id: rect
    width: 200
    height: 200
    property real v : 50
    onVChanged: console.log(v)
    Button {
        onClicked: scomp.createObject(rect)
    }
    Component {
        id: scomp
        Rectangle {
            id: sli
            anchors.fill: parent
            Column {
                Slider {
                    width: 200
                    minimumValue: 10
                    maximumValue: 100
                    value: rect.v
                    onValueChanged: rect.v = value
                }
                Button {
                    onClicked: sli.destroy()
                }
            }
        }
    }
}

基本上，每次创建滑块组件以修改v 时，它都会将其设置为滑块的最小值。请注意，滑块仍然可以正常工作以修改该值，并且v 在滑块关闭后将保持其正确值，但再次打开时，该值再次损坏。

为什么会发生这种情况，如何预防？似乎出于某种可解释的原因，滑块的 value 属性暂时假定了其 minimumValue 值，但这看起来并不合适。也许是一个错误？即使在设置最小值之前移动了value: rect.v，滑块也不会真正假定正确的初始值。

Answer 1

这不是Slider 中的错误，这是您对它的使用：

onValueChanged: rect.v = value

如果再添加一些调试语句：

qml: maximumValue = 100 value = 0
qml: minimumValue = 10 value = 10
qml: value = 10
qml: v = 10
void __cdecl QQuickRangeModel::setValue(double) 10
qml: in Component.onCompleted of Slider: value = 10 minimumValue = 10 maximumValue = 100

在它有机会完成加载之前，您已经将其value 分配给了v。正确的解决方案取决于您没有提到的要求。例如，一种解决方案是在Slider 中指定默认值，并将v 绑定到value：

v: slider ? slider.value : 0

执行顺序好像设计的不好

How would you design it?

---

要使用 Qt Quick Controls 2 中的 Slider 更新此答案，您应该使用 moved() signal 来响应被拖动的滑块。为此目的使用onValueChanged 通常会导致问题。

Answer 2

没有深入研究Slider元素的实现，似乎实现顺序设计得不好，初始值为0.0，因此将最小值设置为更高的值也会推高该值。并且 value 是否绑定到高于最小值也没有关系，由于评估的顺序，设置最小值时 value 始终为 0.0，因此在这种格式下，目标值将始终损坏为滑块的最小值。

我想出的解决方案通过延迟目标值绑定来避免这种行为，它可以工作，但它不是那么漂亮，所以我仍然对其他解决方案持开放态度，同时 Qt 家伙 - 如果你看到这个你可能想要修复Slider:

Slider {
    width: 200
    minimumValue: 10
    maximumValue: 100
    value: rect.v
    Component.onCompleted: valueChanged.connect(function(){ rect.v = value})
}

这种格式最初还是将滑块值推到最小值，但是此时设置目标值的绑定还不存在，只有在滑块值取正确值后才创建。