<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx=" http://ns.adobe.com/mxml/2009 "
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="640" minHeight="400">
<fx:Declarations>
<!-- 非ビジュアルエレメント (サービス、値オブジェクトなど) をここに配置 -->
</fx:Declarations>
<s:layout >
<s:VerticalLayout paddingLeft="5" paddingRight="5" paddingBottom="5"/>
</s:layout>
<s:BorderContainer borderStyle="solid">
<s:VGroup x="100" y="5" id="myGroup" width="100" height="200" gap="5" color="red" horizontalAlign="left" >
<s:Button label="x1" />
<s:Button label="x2" />
<s:Button label="x3" />
<s:Button label="x4" />
<s:Button label="x5" />
<s:Button label="x6" />
<s:Button label="x7" />
<s:Button label="x8" />
<s:Button label="x9" />
<s:Button label="x10" />
<s:Button label="x11" />
<s:Button label="x12" />
<s:Button label="x13" />
</s:VGroup>
<s:VScrollBar viewport="{myGroup}" height="{myGroup.height}" left="{myGroup.x + myGroup.width}" />
</s:BorderContainer>
</s:Application>
<s:Application xmlns:fx=" http://ns.adobe.com/mxml/2009 "
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="640" minHeight="400">
<fx:Declarations>
<!-- 非ビジュアルエレメント (サービス、値オブジェクトなど) をここに配置 -->
</fx:Declarations>
<s:layout >
<s:VerticalLayout paddingLeft="5" paddingRight="5" paddingBottom="5"/>
</s:layout>
<s:BorderContainer borderStyle="solid">
<s:VGroup x="100" y="5" id="myGroup" width="100" height="200" gap="5" color="red" horizontalAlign="left" >
<s:Button label="x1" />
<s:Button label="x2" />
<s:Button label="x3" />
<s:Button label="x4" />
<s:Button label="x5" />
<s:Button label="x6" />
<s:Button label="x7" />
<s:Button label="x8" />
<s:Button label="x9" />
<s:Button label="x10" />
<s:Button label="x11" />
<s:Button label="x12" />
<s:Button label="x13" />
</s:VGroup>
<s:VScrollBar viewport="{myGroup}" height="{myGroup.height}" left="{myGroup.x + myGroup.width}" />
</s:BorderContainer>
</s:Application>