Buttons and icons align left？

[jialuo]

How to achieve left alignment of buttons and icons? like checkBox

[ekkescorner]

@jialuo see https://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing-button
your content item perhaps Row of Icon and Text

[A Former User]

Hi

I'd anchor the icons to the left with appropriate left margin.

Something like

Rectangle
{
    id: parentRect
    anchors, height, and width: whatever you want

    Icon
    {
        id: icon
        anchors.left: parent.left
        anchors.leftMargin: someValue
        other anchors, height and width: as you need
    }

    Label
    {
        anchors.left: icon.right
        anchors.leftMargin: someValue
    }
}

[JoeCFD]

@jialuo show your button code

[jialuo]

@JoeCFD ```
Column{

Button{
    height: 30
    width: 100
    icon.source:"./Image/fluent_star_filled.svg"
    spacing: 10
    text: "未分类"
}
Button{
    height: 30
    width: 100
    icon.source:"./Image/fluent_star_filled.svg"
    spacing: 10
    text: "未标签"
}
Button{
    height: 30
    width: 100
    icon.source:"./Image/fluent_star_filled.svg"
    spacing: 10
    text: "标签管理"
}
Button{
    height: 30
    width: 100
    icon.source:"./Image/fluent_star_filled.svg"
    spacing: 10
    text: "回收站"
}

}

[jialuo]

@ankou29666 I mean customize the layout inside the button.

[ekkescorner]

@jialuo see https://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing-button
your content item perhaps Row of Icon and Text

[JoeCFD]

@jialuo
add this to each button

    contentItem: Label {
        anchors.fill: parent
        Row {
            Image {
                id: myImage
                height: root.height
                width:  root.height
                source: "./Image/fluent_star_filled.svg"
            }

            Text {
                text: root.text
                height: root.height
                width:  root.availableWidth
                color: "white"
                horizontalAlignment: Text.AlignLeft
                verticalAlignment: Text.AlignVCenter
            }
        }
    }

Better to create a customized button and you may have more settings like font.

[jialuo]

@JoeCFD Thanks I figured out how to do it, but chronologically I marked ekkescorner as the answer.