不使用 QML 的自定义滑块？

Question

我正在寻找不使用 QML 的滑块示例。只是使用rectabgle，但我真的不知道如何处理它？

QML 没有那么多属性：

Slider {
        id: sliderHorizontal1
        x: 69
        y: 52
        activeFocusOnPress: true
        tickmarksEnabled: true
        minimumValue: 0
    }

谢谢，

Answer 1

我通过使用 QML 滑块找到了答案。

Slider {
        id: slider
        x: 56
        y: 53
        width: 450
        height: 30
        tickmarksEnabled: true
        activeFocusOnPress: true
        updateValueWhileDragging: true
        value: 10
        maximumValue: 30

        style: SliderStyle {
            handle: Rectangle {
                height: 40
                width: height
                radius: width/2
                color: "#fff"
            }

            groove: Rectangle {
                implicitHeight: 10
                implicitWidth: 100
                radius: height/2
                border.color: "#333"
                color: "#222"
                Rectangle {
                    height: parent.height
                    width: styleData.handlePosition
                    implicitHeight: 6
                    implicitWidth: 100
                    radius: height/2
                    color: "red"
                }
            }

        }
    }

我可以添加修改以满足我的需要... 谢谢@Tarod