Ⓔeui.RowAlign 用法

RowAlign 示例

MainUISkin.exml

<?xml version="1.0" encoding="utf-8"?>
<e:Skin class="edwin.MainUISkin" xmlns:e="http://ns.egret.com/eui">
    <e:Rect fillColor="0x000000" width="100%" height="100%" />
    <e:Group width="100%" height="100%">
        <!-- rowAlign = justifyUsingGap -->
        <e:Group height="400">
            <e:Rect fillColor="0x00FF00" width="50" height="50" />
            <e:Rect fillColor="0xFFCC00" width="50" height="50" />
            <e:Rect fillColor="0x00FF00" width="50" height="50" />
            <e:Rect fillColor="0xFFCC00" width="50" height="50" />
            <e:Rect fillColor="0x00FF00" width="50" height="50" />
            <e:Rect fillColor="0xFFCC00" width="50" height="50" />
            <e:layout>
                <e:TileLayout rowAlign="justifyUsingGap" requestedColumnCount="2" />
            </e:layout>
        </e:Group>
        <!-- rowAlign = justifyUsingHeight -->
        <e:Group height="400">
            <e:Rect fillColor="0xFF0000" width="50" height="50" />
            <e:Rect fillColor="0xFFCC00" width="50" height="50" />
            <e:Rect fillColor="0xFF0000" width="50" height="50" />
            <e:Rect fillColor="0xFFCC00" width="50" height="50" />
            <e:Rect fillColor="0xFF0000" width="50" height="50" />
            <e:Rect fillColor="0xFFCC00" width="50" height="50" />
            <e:layout>
                <e:TileLayout rowAlign="justifyUsingHeight" requestedColumnCount="2" />
            </e:layout>
        </e:Group>
        <!-- rowAlign = left -->
        <e:Group height="400">
            <e:Rect fillColor="0x0000FF" width="50" height="50" />
            <e:Rect fillColor="0xFFCC00" width="50" height="50" />
            <e:Rect fillColor="0x0000FF" width="50" height="50" />
            <e:Rect fillColor="0xFFCC00" width="50" height="50" />
            <e:Rect fillColor="0x0000FF" width="50" height="50" />
            <e:Rect fillColor="0xFFCC00" width="50" height="50" />
            <e:layout>
                <e:TileLayout rowAlign="top" requestedColumnCount="2" />
            </e:layout>
        </e:Group>
        <e:layout>
            <e:VerticalLayout gap="20" />
        </e:layout>
    </e:Group>
</e:Skin>