qml 自定义Slider设置值

在QML中，可以使用自定义的Slider来设置值。以下是一个示例：

import QtQuick 2.0
import QtQuick.Controls 1.4

Item {
    width: 300
    height: 100

    property int value: 50

    Rectangle {
        id: track
        width: parent.width - 20
        height: 10
        color: "#cccccc"
        y: parent.height / 2 - height / 2
        x: 10
    }

    Rectangle {
        id: handle
        width: 20
        height: 20
        color: "#3d3d3d"
        radius: width / 2
        y: parent.height / 2 - height / 2
        x: (parent.width - width) * value / 100
        MouseArea {
            anchors.fill: parent
            drag.target: parent
            drag.axis: Drag.XAxis
            onPositionChanged: {
                value = (parent.width - width) * handle.x / (parent.width - width)
            }
        }
    }
}

在上面的代码中，我们创建了一个自定义的Slider。它由两个矩形组成：一个用于轨道，一个用于把手。我们还定义了一个value属性来保存Slider的值。把手可以通过鼠标拖动来移动。当把手位置发生变化时，我们使用公式 `(parent.width - width) * handle.x / (parent.width - width)` 来计算Slider的值。这个公式使用了把手的位置和Slider的宽度来计算值。你可以根据具体情况修改这个公式来满足你的需求。