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

Question

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

无效的属性名称“horizo​​ntalAlignment”。 (M16)

我完整的 SpinBox 代码在这里:

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

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

Answer 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
    }
}