mx.containers
HDividedBox クラス





HDividedBox クラス
mx.containers.DividedBox の拡張HDividedBox コンテナは、HBox コンテナと同様に子を水平にレイアウトしますが、それぞれの子の間にはドラッグ可能な仕切りが挿入されます。仕切りをドラッグすると、各子に割り当てられる領域のサイズを変更できます。<mx:HDividedBox/> タグは、<mx:DividedBox direction="horizontal"/> と同義です。
MXML シンタックス
<mx:HDividedBox> タグは、direction プロパティを horizontal に設定することによって <mx:DividedBox> タグを拡張しますが、固有のプロパティ、メソッド、イベント、またはスタイルは追加しません。
<mx:HDividedBox>
...
子タグ
...
</mx:HDividedBox>
例を参照するにはここをクリックしてください
| HDividedBoxExample.mxml |
<?xml version="1.0"?>
<!-- HDividedBox レイアウトの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" width="100%" height="100%"
backgroundColor="#FFFFFF">
<mx:Panel title="HDividedBox Layout Panel" width="85%" height="100%" marginTop="10">
<mx:HDividedBox 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:HDividedBox>
</mx:Panel>
</mx:Application>
|