eui-eui.BasicLayout

eui.BasicLayout 使用範例

exml部分

<?xml version='1.0' encoding='utf-8'?>
<e:Skin class="MySkin" width="400" height="300" xmlns:e="http://ns.egret.com/eui">
    <e:Rect fillColor="0x000000" width="100%" height="100%" />
    <!-- Group 繼承自 DisplayObjectContainer 所以擁有加入子物件特性. 這裡設定滿版 -->
    <e:Group width="100%" height="100%">
        <!-- 沒設定 x,y 預設就在 group 左上角 -->
        <e:Rect fillColor="0xFF0000" width="50" height="50" />
        <!-- 水平垂直置中於 group -->
        <e:Rect fillColor="0x00FF00" width="50" height="50" horizontalCenter="0" verticalCenter="0" />
        <!-- 對齊 group 右下角 -->
        <e:Rect fillColor="0x0000FF" width="50" height="50" right="0" bottom="0" />
        <!-- Group 預設是 BasicLayout 絕對位置排版, 下面三行不加也可以 -->
        <e:layout>
            <e:BasicLayout/>
        </e:layout>
    </e:Group>
</e:Skin>