Distribuição

Através da propriedade Distribuição, o elemento pai posiciona os elementos filhos os elementos de maneira organizada, levando em consideração o tamanho de cada filho.

A distribuição pode ser manipulada através das propriedades hLayoutDistribution (para horizontal) e vLayoutDistribution (para vertical).

Existem 3 modos de distribuição:

JUSTIFY

Distribui os elementos filhos para preencher toda a dimensão disponível.

<priori>
    <imports>
        <crapp.ui.display.CrappUIDisplay />
        <crapp.ui.display.layout.CrappUILayout />
    </imports>
    <view>
        <CrappUILayout hLayoutDistribution="JUSTIFY" vLayoutAlignment="CENTER" bgColor="0x0000FF">
            <CrappUIDisplay bgColor="0x00FF00" width="10" height="10"/>
            <CrappUIDisplay bgColor="0x00FF00" width="10" height="10"/>
            <CrappUIDisplay bgColor="0x00FF00" width="10" height="10"/>
            <CrappUIDisplay bgColor="0x00FF00" width="10" height="10"/>
        </CrappUILayout>
    </view>
</priori>

SIDE

Posiciona os elementos filhos lado a lado.

<priori>
    <imports>
        <crapp.ui.display.CrappUIDisplay />
        <crapp.ui.display.layout.CrappUILayout />
    </imports>
    <view>
        <CrappUILayout hLayoutDistribution="SIDE" vLayoutAlignment="CENTER" bgColor="0x0000FF">
            <CrappUIDisplay bgColor="0x00FF00" width="10" height="10"/>
            <CrappUIDisplay bgColor="0x00FF00" width="10" height="10"/>
            <CrappUIDisplay bgColor="0x00FF00" width="10" height="10"/>
            <CrappUIDisplay bgColor="0x00FF00" width="10" height="10"/>
        </CrappUILayout>
    </view>
</priori>

NONE

Não faz qualquer distribuição, deixando os elementos sobrepostos

<priori>
    <imports>
        <crapp.ui.display.CrappUIDisplay />
        <crapp.ui.display.layout.CrappUILayout />
    </imports>
    <view>
        <CrappUILayout hLayoutDistribution="NONE" vLayoutAlignment="CENTER" bgColor="0x0000FF">
            <CrappUIDisplay bgColor="0x00FF00" width="10" height="10"/>
            <CrappUIDisplay bgColor="0x00FF00" width="10" height="10"/>
            <CrappUIDisplay bgColor="0x00FF00" width="10" height="10"/>
            <CrappUIDisplay bgColor="0x00FF00" width="10" height="10"/>
        </CrappUILayout>
    </view>
</priori>