Center all items in a Column

xargs1

Is there an easy way to horizontally center everything in a Column? I know you can apply anchors.horizontalCenter: parent.horizontalCenter to every item in the column, but this is tedious when there are a lot of items in the column (as well as not maintainable if you change your mind about the layout later). ColumnLayout doesn't help, because you'd have to add Layout.alignment: Qt.AlignCenter to every item.

vishnu

@xargs1
Can you try like this by just adding anchors.horizontalCenter: parent.horizontalCenter to the column element but not to the child elements.

      Column{
            id:col
            anchors.horizontalCenter: parent.horizontalCenter
             Button{
                id:openDetailedview1
                text:"View1"
               }
             Button{
                id:openDetailedview2
                text:" View2"
               }
             Button{
                id:openDetailedview3
                text:"View3"
               }
}

xargs1

That centers the column itself, not the children within the column.

xargs1

I've created a new element that will do what I want:

// CenteredColumn.qml:

import QtQuick 2.0

Column {
    id: column

    Component.onCompleted: {
        for (var item in children)
            children[item].anchors.horizontalCenter = column.horizontalCenter;
    }
}