使用qml 实现 输入显示为百分比的输入框

以下是一个使用 QML 实现输入显示为百分比的输入框的示例：

import QtQuick 2.0

Rectangle {
    width: 200
    height: 50

    property real value: 0.0

    TextInput {
        id: input
        anchors.fill: parent
        text: (value * 100).toFixed(2) + "%"
        font.pixelSize: 20
        validator: DoubleValidator { bottom: 0.0; top: 1.0; decimals: 2 }
        onTextChanged: {
            value = parseFloat(text) / 100.0
        }
    }
}

在这个示例中，我们创建了一个 Rectangle，其中包含一个 TextInput。在 TextInput 中，我们使用了一个 validator 来限制用户输入的值必须在 0 到 1 之间，并且最多只能有两位小数。在 TextInput 的 onTextChanged 信号中，我们将用户输入的值转换为一个浮点数，并将其除以 100，以便在输入框中正确显示百分比。最后，我们使用 toFixed 方法将浮点数转换为字符串，并将其附加到“%”字符后面，以便在输入框中正确显示百分比。