如何对齐按钮文本

Question

我有一个带有一些通常居中文本的按钮，但我希望该文本向左对齐。我尝试了一些东西，但它们似乎不起作用。这可能吗，如果可以，那怎么办？

import QtQuick 2.15
import QtQuick.Window 2.2
import QtQuick.Controls 2.15

Window {
    id: window
    visible: true
    height: 400
    width: 400

    Button {
        id: button
        text: "Align me to the left"
        //horizontalAlignment: Text.AlignLeft
        width: parent.width
        height: 30
        flat: true
        onClicked: {
            console.log("You clicked me")
        }
    }
}

Answer 1

Button {
    id: button
    contentItem: Text {
        text: "Align me to the left"
        horizontalAlignment : Text.AlignLeft
    }
    width: parent.width
    height: 30
    flat: true
    onClicked: {
        console.log("You clicked me")
    }
}

Answer 2

对于 customize 一个 Button，您可以覆盖 contentItem and/or background 属性。如果您想要 left-aligned 文本，只需使用 contentItem 创建一个看起来像您想要的文本对象。

Button {
    id: button
    contentItem: Text {
        text: button.text
        font: button.font
        horizontalAlignment : Text.AlignLeft
    }

    ...
}

如何对齐按钮文本

How to align button text

qt

qml