eui-eui.RowAlign

eui.RowAlign 使用範例

<?xml version='1.0' encoding='utf-8'?>
<e:Skin class="skins.MySkin" width="640" height="1136" 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>