Spinbox在qml中的按键上更改值

Question

是否可以在按键而不是输入时自动更改旋转框的值？问题如下，假设我们进入第一的输入：

现在我把它改成数字 10，但不要点击enter：

现在我点击加号，它转到第二个：

如何改变这一点，当我失去焦点或点击旋转框的减号或加号时，会自动考虑最后一位数字？

QtQuick.Controls 2.0 的情况就是这样

一个例子：

import QtQuick 2.9
import QtQuick.Controls 2.0

ApplicationWindow {
    id: window
    title: "Stack"
    visible: true
    height: 200
    width: 400
    Item {
        id: page
        anchors.fill: parent
        width:parent.width
        height: parent.height
            Column{
                width:parent.width
                spacing:10
                SpinBox {
                    id: spinBox1


      width: 100
                height: 30
                stepSize: 1
                editable: true
            }
        }
}

}

Answer 1

您可以使用 SpinBox 的属性“contentItem”并添加一个 TextInput。
TextInput 具有信号处理程序“onTextChanged”。

SpinBox {
            id: spinbox
            value: 10
            editable: true
            contentItem: TextInput {
                text: spinbox.textFromValue(spinbox.value, spinbox.locale)
                font: spinbox.font
                horizontalAlignment: Qt.AlignHCenter
                verticalAlignment: Qt.AlignVCenter
                readOnly: !spinbox.editable
                validator: spinbox.validator
                inputMethodHints: Qt.ImhFormattedNumbersOnly
                onTextChanged: {
                   spinbox.value =  parseInt(text);
                }
            }
        }