qml 重绘Slider，可以自己更改最大值和获取当前值，更改颜色

可以使用QML中的属性来实现重绘Slider，更改最大值和获取当前值以及更改颜色。具体实现步骤如下：

1. 使用Slider组件创建一个Slider。

Slider {
    id: mySlider
    width: 200
    height: 20
    value: 50
    maximumValue: 100
    minimumValue: 0
}

2. 为Slider添加自定义的样式。

style: SliderStyle {
    groove: Rectangle {
        height: 5
        radius: 2
        color: "gray"
    }
    handle: Rectangle {
        width: 20
        height: 20
        radius: 10
        color: "lightblue"
    }
}

3. 创建一个自定义的属性来更改最大值。

property int maxValue: 100

4. 在onMaxValueChanged函数中设置Slider的最大值。

onMaxValueChanged: {
    mySlider.maximumValue = maxValue
}

5. 创建一个自定义的属性来获取当前值。

property int currentValue: 50

6. 在onCurrentValueChanged函数中设置Slider的当前值。

onCurrentValueChanged: {
    mySlider.value = currentValue
}

7. 创建一个自定义的属性来更改颜色。

property color sliderColor: "lightblue"

8. 在onSliderColorChanged函数中设置Slider的颜色。

onSliderColorChanged: {
    mySlider.style.handle.color = sliderColor
}

完整代码如下：

import QtQuick 2.0
import QtQuick.Controls 2.0

Slider {
    id: mySlider
    width: 200
    height: 20
    value: 50
    maximumValue: 100
    minimumValue: 0
    style: SliderStyle {
        groove: Rectangle {
            height: 5
            radius: 2
            color: "gray"
        }
        handle: Rectangle {
            width: 20
            height: 20
            radius: 10
            color: "lightblue"
        }
    }
    property int maxValue: 100
    onMaxValueChanged: {
        mySlider.maximumValue = maxValue
    }
    property int currentValue: 50
    onCurrentValueChanged: {
        mySlider.value = currentValue
    }
    property color sliderColor: "lightblue"
    onSliderColorChanged: {
        mySlider.style.handle.color = sliderColor
    }
}