eui-eui.IViewport

Group 是自動佈局的容器基類。如果包含的子項內容太大需要滾動顯示,可以在在 Group 外部包裹一層 Scroller 組件(將 Group 實例賦值給 Scroller 組件的 viewport 屬性)。 Scroller 會為 Group 添加滾動的觸摸操作功能,並顯示垂直或水平的滾動條。實際上 Group 實作了 IViewport 屬性方法.

eui.IViewport 使用範例


<?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>
        <!-- Group 組件實現 IViewport 接口 -->
        <e:Scroller width="100" height="100">
            <!-- viewport 可以不寫, 預設會自動添加 -->
            <e:viewport>
                <e:Group>
                    <e:Image width="300" height="400" source="bg_jpg" />
                </e:Group>
            </e:viewport>
        </e:Scroller>
    </e:Group>
</e:Skin>

spacer

沒有留言:

張貼留言