如何在 QtControls 2.0 中为 SpinBox 设置对齐方式？

【问题标题】：How to set alignment for SpinBox in QtControls 2.0?如何在 QtControls 2.0 中为 SpinBox 设置对齐方式？
【发布时间】：2019-01-23 16:43:17
【问题描述】：

我的 SpinBox 中文本的文本对齐方式默认居中。 SpinBox documentation 声明有一个 horizontalAlignment 属性，但是当我尝试指定水平对齐方式时，出现以下错误：

Invalid property name "horizontalAlignment". (M16)

我的完整 SpinBox 代码在这里：

SpinBox {
    editable: true
    horizontalAlignment: Qt.AlignLeft
    from: 1
    to: 10000
    value: model.numberOfElements
}

如何在 Qt Controls 2.0 中对齐 SpinBox 中的文本？

【问题讨论】：

标签： qt qml qtquick2 qtquickcontrols2

【解决方案1】：

首先你指出的文档链接来自Qt Quick Controls 1的SpinBox，Qt Quick Controls 2的链接是：https://doc.qt.io/qt-5/qml-qtquick-controls2-spinbox.html。

考虑到上述 Qt Quick Controls 2 有一个说明如何自定义控件的文档：Customizing Qt Quick Controls 2。

对于SpinBox，解决方法是：

import QtQuick.Controls 2.5

SpinBox {
    id: control
    value: 50
    editable: true
    contentItem: TextInput {
        z: 2
        text: control.textFromValue(control.value, control.locale)

        font: control.font
        color: "#21be2b"
        selectionColor: "#21be2b"
        selectedTextColor: "#ffffff"
        horizontalAlignment: Qt.AlignLeft
        verticalAlignment: Qt.AlignVCenter

        readOnly: !control.editable
        validator: control.validator
        inputMethodHints: Qt.ImhFormattedNumbersOnly
    }
}

【讨论】：