如何隐藏QtQuick Controls 1的SpinBox文本区域仅显示调节按钮

Qt Quick Controls 1 隐藏SpinBox文本区域实现方案 #

该需求可以直接实现：Qt Quick Controls 1.x版本的SpinBox组件内置公开属性textField指向文本输入区域，直接隐藏该元素并调整组件宽度适配调节按钮尺寸即可达到预期效果。

修改后的完整示例代码如下：

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 1.4

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    SpinBox {
        id: spinBox
        minimumValue:  37
        maximumValue: 40
        value: 38
        stepSize: 1
        // 隐藏文本显示区域
        textField.visible: false
        // 调整组件宽度仅适配上下调节按钮的尺寸
        width: up.width + down.width
    }
}

如果需要自定义调节按钮的外观，还可以通过重写up、down两个子控件的样式实现个性化适配。

内容的提问来源于stack exchange，提问作者Ultimate Avenger