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' 方法将浮点数转换为字符串，并将其附加到 '%' 字符后面，以便在输入框中正确显示百分比。