写一个qml 支持加减的控件，步进0.1

好的，以下是一个简单的QML控件，支持加减操作，步进为0.1：

import QtQuick 2.0

Item {
    property real value: 0.0
    property real step: 0.1
    property real minimumValue: 0.0
    property real maximumValue: 10.0

    Rectangle {
        id: background
        color: "#eeeeee"
        border.color: "#333333"
        border.width: 1
        radius: 3
        height: 30
        width: 100

        Text {
            id: displayValue
            text: value.toFixed(1)
            anchors.centerIn: parent
        }

        MouseArea {
            anchors.fill: parent
            onClicked: {
                if (mouseX < background.width / 2) {
                    decrement()
                } else {
                    increment()
                }
            }
        }

        function increment() {
            if (value + step <= maximumValue) {
                value += step
                displayValue.text = value.toFixed(1)
            }
        }

        function decrement() {
            if (value - step >= minimumValue) {
                value -= step
                displayValue.text = value.toFixed(1)
            }
        }
    }
}

使用方法：将上述代码保存为一个QML文件（例如NumberStepper.qml），并在需要使用的QML文件中使用以下代码：

import QtQuick 2.0

Item {
    NumberStepper {
        id: myStepper
        value: 5.0 // 设置初始值
        step: 0.5 // 设置步进为0.5
        minimumValue: 0.0 // 设置最小值为0
        maximumValue: 10.0 // 设置最大值为10
    }
}

这样就可以在界面上显示一个步进为0.5的加减控件，并且可以通过value属性获取当前的值。