ASDoc

mx.controls
Spacer クラス

Spacer クラス
mx.core.UIObject の拡張

Spacer コントロールは、親コンテナ内で子のレイアウトを設定するときに役立ちます。Spacer コントロールは不可視ですが、親コンテナ内でスペースの割り当てを受けます。
次の例では、サイズが増大および縮小する Spacer コントロールを使用して Button コントロールを右に寄せ、HBox コンテナの右端に揃えています。

 <mx:HBox>
  <mx:Image source="Logo.jpg" />
  <mx:Label text="Company XYZ" />
  <mx:Spacer width="100%" />
  <mx:Button label="Close" /> 
 </mx:HBox>

MXML シンタックス

<mx:Spacer> タグは新しいプロパティを定義しません。

 <mx:Spacer/>

例を参照するにはここをクリックしてください

メソッド

プロパティ

エフェクト

mx.core.UIObject クラスから継承されるエフェクト

creationCompleteEffect   hideEffect   mouseDownEffect   mouseOutEffect   mouseOverEffect   mouseUpEffect   moveEffect   resizeEffect   showEffect

イベント

mx.core.UIObject クラスから継承されるイベント

creationComplete  dragComplete  dragDrop  dragEnter  dragExit  dragOver  draw  effectEnd  effectStart  hide  hideToolTip  initialize  load  mouseChangeSomewhere  mouseDown  mouseDownSomewhere  mouseMove  mouseMoveSomewhere  mouseOut  mouseOver  mouseUp  mouseUpSomewhere  move  resize  show  showToolTip  unload

スタイル

mx.core.UIObject クラスから継承されるスタイル

color   fontFamily   fontSize   fontStyle   fontWeight   horizontalGap   leading   marginLeft   marginRight   textAlign   textDecoration   textIndent   verticalGap

プロパティの詳細

例

SpacerExample.mxml

<?xml version="1.0"?>
<!-- Spacer コントロールの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF">

<mx:Panel id="panel" title="Spacer Panel" width="100%">
        
<mx:HBox width="100%">
<mx:Image source="@Embed('Flex.png')"/>
<mx:Spacer width="50%"/>
<mx:Image source="@Embed('breeze.jpg')"/>
</mx:HBox>
       
<mx:Label text="*Here, Spacer control pushes breeze image to the right,
so that it is aligned with the right edge of the HBox container:"
color="#CC0000" />
</mx:Panel>


</mx:Application>

mx.controls Spacer クラス

mx.controls
Spacer クラス