mx.containers
VDividedBox クラス





VDividedBox クラス
mx.containers.DividedBox の拡張VDividedBox コンテナは、VBox コンテナと同様に子を垂直に配置しますが、それぞれの子の間にはドラッグ可能な仕切りが挿入されます。仕切りをドラッグすると、各子に割り当てられる領域のサイズを変更できます。<mx:VDividedBox/> タグは、<mx:DividedBox direction="vertical"/> と同義です。
MXML シンタックス
<mx:VDividedBox> タグは、direction プロパティを vertical に設定することによって <mx:DividedBox> タグを拡張しますが、固有のプロパティ、メソッド、イベント、またはスタイルは追加しません。
<mx:VDividedBox>
...
子タグ
...
</mx:VDividedBox>
例を参照するにはここをクリックしてください
| VDividedBoxExample.mxml |
<?xml version="1.0"?>
<!-- VDividedBox イアウトの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" width="100%" height="100%"
backgroundColor="#FFFFFF">
<mx:Panel title="VDividedBox Layout Panel" width="85%" height="100%" marginTop="10">
<mx:VDividedBox width="100%" height="100%">
<mx:Canvas label="Canvas 1" width="100%" height="100%" backgroundColor="#FFFFCC">
<mx:Label text="Add components here" fontSize="20" fontStyle="italic"
fontWeight="bold" fontFamily="Times New Roman"/>
</mx:Canvas>
<mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#99CCFF">
<mx:Label text="Add components here" fontSize="20" fontStyle="italic"
fontWeight="bold" fontFamily="Times New Roman"/>
</mx:Canvas>
</mx:VDividedBox>
</mx:Panel>
</mx:Application>
|