eui-eui.VScrollBar

eui.VScrollBar 使用範例

exml部分

<?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:Scroller id="scroller" height="500">
        <e:Skin>
            <!-- 直向滑軌（記得 id = verticalScrollBar 一定要加） -->
            <e:VScrollBar id="verticalScrollBar" width="20" height="100%" right="0">
                <e:Skin>
                    <!-- 軌道 -->
                    <e:Rect fillColor="0xFFFFFF" fillAlpha=".3" width="100%" height="100%" />
                    <!-- 滑鈕（記得 id = thumb 一定要加） -->
                    <e:Rect id="thumb" fillColor="0xFFFFFF" fillAlpha=".8" width="10" height="100" horizontalCenter="0"
                            ellipseWidth="20" ellipseHeight="20" />
                </e:Skin>
            </e:VScrollBar>
        </e:Skin>
        <e:Group>
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:Button label="test" />
            <e:layout>
                <e:TileLayout horizontalGap="10" verticalGap="10" requestedColumnCount="2" paddingRight="20" />
            </e:layout>
        </e:Group>
    </e:Scroller>
</e:Skin>