Alignment

You can set the children elements alignment using the align attribute. It is all based on the layout orientation.

align="left"

Align children elements to the left.

<layout align="left">
    <column>Alpha</column>
</layout>

<layout mode="vertical" align="left">
    <column>Alpha</column>
</layout>

align="center"

Align children elements at the center.

<layout align="center">
    <column>Alpha</column>
</layout>

<layout mode="vertical" align="center">
    <column>Alpha</column>
</layout>

align="right"

Align children elements to the right.

<layout align="right">
    <column>Alpha</column>
</layout>

<layout mode="vertical" align="right">
    <column>Alpha</column>
</layout>

align="top"

Align children elements at the top.

<layout align="top">
    <column>Alpha</column>
</layout>

<layout mode="vertical" align="top">
    <column>Alpha</column>
</layout>

align="middle"

Align children elements in the middle.

<layout align="middle">
    <column>Alpha</column>
</layout>

<layout mode="vertical" align="middle">
    <column>Alpha</column>
</layout>

align="bottom"

Align children elements at the bottom.

<layout align="bottom">
    <column>Alpha</column>
</layout>

<layout mode="vertical" align="bottom">
    <column>Alpha</column>
</layout>

align="spaced"

Sets an equal space between each element.

<layout align="spaced">
    <column>Alpha</column>
    <column>Beta</column>
    <column>Charlie</column>
</layout>

align="surrounded"

Sets an equal space around each element.

<layout align="surrounded">
    <column>Alpha</column>
    <column>Beta</column>
</layout>

Combine them!

Like classes, you can combine alignment values to get different results, such as this precious thing below.

<layout align="middle center">
    <column>Alpha</column>
</layout>