ASDoc

mx.effects
Resize クラス

Resize クラス
mx.effects.TweenEffect の拡張

Resize エフェクトは、指定された時間間隔でコンポーネントの幅、高さ、あるいはその両方の寸法を変更します。

widthFrom、widthTo、および widthBy のうち 2 つを指定すると、残りの 1 つは Flex で計算されます。3 つの値をすべて指定すると、widthBy の値が無視されます。widthBy または widthTo の値のみを指定すると、widthFrom はオブジェクトの現在の幅に設定されます。heightFrom、heightTo、および heightBy の値も同様の扱いとなります。

resize トリガに Resize エフェクトを指定し、From、To、By の 6 つのプロパティ値をどれも設定しない場合、オブジェクトが現在のサイズから新しいサイズにスムーズに変化するように、これらのプロパティの値が設定されます。

MXML シンタックス

<mx:Resize> タグには、次のプロパティおよびその親クラスのプロパティを使用できます。

 <mx:Resize
   name="ID"
   widthFrom="val"
   heightFrom="val"
   widthTo="val"
   heightTo="val"
   widthBy="val"
   heightBy="val"
 />

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

関連項目
Tween

コンストラクタ
`Resize ( targetObj)`コンストラクタです。

メソッド
	`playEffect( ) : Void` このエフェクトの再生を開始します。

mx.effects.TweenEffect クラスから継承されるメソッド

endEffect

mx.effects.Effect クラスから継承されるメソッド

endEffect getAffectedProperties playEffect

プロパティ
	`heightBy:Number` コンポーネントの高さを変更するピクセル数を表します。
	`heightFrom:Number` 最初の高さを表します。
	`heightTo:Number` 最後の高さを表します。
	`hideChildren:Array` Panel の配列を表します。
	`widthBy:Number` コンポーネントの幅を変更するピクセル数を表します。
	`widthFrom:Number` 最初の幅を表します。
	`widthTo:Number` 最後の幅を表します。

mx.effects.TweenEffect クラスから継承されるプロパティ

easing

mx.effects.Effect クラスから継承されるプロパティ

duration listener suspendBackgroundProcessing target

コンストラクタの詳細

Resize

Resize( targetObj)

コンストラクタです。通常、エフェクトの開始は次の 3 つの手順から成るプロセスです。

エフェクトオブジェクトのインスタンスを作成します (コンストラクタが呼び出されます)。
duration など、エフェクトオブジェクトのプロパティを設定します。
playEffect() メソッドを呼び出します。

パラメータ
targetObj:Object - このエフェクトでアニメーション化するオブジェクトを表します。

メソッドの詳細

playEffect

playEffect( )
										
													 :  Void

このエフェクトの再生を開始します。通常、エフェクトの開始は次の 3 つの手順から成るプロセスです。

エフェクトオブジェクトのインスタンスを作成します (コンストラクタが呼び出されます)。
duration など、エフェクトオブジェクトのプロパティを設定します。
playEffect() メソッドを呼び出します。

プロパティの詳細

heightBy

heightBy:Number

コンポーネントの高さを変更するピクセル数を表します。負の数値を指定することもできます。

heightFrom

heightFrom:Number

最初の高さを表します。省略すると、現在のサイズが使用されます。

heightTo

heightTo:Number

最後の高さを表します。

hideChildren

hideChildren:Array

Panel の配列を表します。これらの Panel の子は、Resize エフェクトの再生中は非表示になります。現在、エフェクトの MXML シンタックスでは Array プロパティをサポートしていないので、<mx:Resize> タグを使用して宣言したエフェクトには hideChildren プロパティを使用できません。ActionScript でエフェクトをトリガする必要があります。

widthBy

widthBy:Number

コンポーネントの幅を変更するピクセル数を表します。負の数値を指定することもできます。

widthFrom

widthFrom:Number

最初の幅を表します。省略すると、現在のサイズが使用されます。

widthTo

widthTo:Number

最後の幅を表します。

例

ResizeEffectExample.mxml

<?xml version="1.0" encoding="utf-8"?>
<!-- Resize エフェクトの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF">

<mx:Panel id="panel" title="Resize Panel" width="260" mouseDownEffect="resize">

<mx:HBox>
<mx:Image id="flex" source="@Embed('Flex.png')" />
</mx:HBox>

<mx:Effect>
<mx:Resize name="resize" duration="1000" widthFrom="260" widthTo="500"/>
</mx:Effect>

<mx:Label text="*click on the panel to see resize effect." color="#CC0000"/>

</mx:Panel>

</mx:Application>

mx.effects Resize クラス