mx.containers
ControlBar クラス





ControlBar クラス
mx.containers.HBox の拡張ControlBar コンポーネントを使用すると、パネルまたは TitleWindow コンテナの下部にコントロールを配置できます。ControlBar タグは、Panel または TitleWindow コンテナに対する囲みタグの、最後の子タグにする必要があります。
ControlBar は、背景およびデフォルトスタイルのプロパティを持つ HBox です。
MXML シンタックス
<mx:ControlBar> コンテナは、親クラスのすべてのプロパティを継承します。
メモ : ControlBar コンテナは HBox コンテナから borderStyle、backgroundColor、および backgroundImage スタイルを継承しますが、これらを設定することはできません。
<mx:ControlBar
direction="horizontal|vertical"
marginBottom="10"
marginTop="10"
horizontalAlign="left|center|right"
verticalAlign="top|middle|bottom"
horizontalGap="6"
verticalGap="6">
...
child tags
...
/>
例を参照するにはここをクリックしてください
| SimpleControlBarExample.mxml |
<?xml version="1.0"?>
<!-- ControlBar の使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" width="100%" height="100%" backgroundColor="#FFFFFF">
<mx:Panel title="ControlBar Panel" marginTop="10" marginBottom="10" width="100%" height="100%"
marginLeft="10" marginRight="10">
<mx:HBox width="100%" height="100%">
<!-- カタログの領域。 -->
<mx:Image source="@Embed('pillow.jpg')" width="50%" height="100%"/>
<mx:Canvas borderStyle="inset" width="50%" height="100%">
<mx:Label text="Add Description here" fontSize="20" fontStyle="italic"
fontWeight="bold" fontFamily="Times New Roman" color="#0000FF"/>
</mx:Canvas>
</mx:HBox>
<mx:ControlBar>
<mx:Label text="Quantity"/>
<mx:NumericStepper/>
<!-- Spacer を使用して、Button コントロールを右にシフトします。 -->
<mx:Spacer/>
<mx:Button label="Add to Cart"/>
</mx:ControlBar>
</mx:Panel>
</mx:Application>
|