メソッド | プロパティ | 例 フレームあり | フレームなし

mx.effects
Move クラス

継承を示す線継承を示す線

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

Move エフェクトは、指定された時間間隔でコンポーネントの位置を変更します。初期位置は xFrom と yFrom、移動先の位置は xTo と yTo の値でそれぞれ指定できます。また、コンポーネントの移動ピクセル数は xBy と yBy で指定できます。初期位置、移動先の位置、または移動量のうち、2 つを指定すると、残りの 1 つは Flex で計算されます。3 つの値をすべて指定すると、xBy と yBy の値が無視されます。xTo と yTo の値、または xBy と yBy の値のみを指定すると、xFrom と yFrom はオブジェクトの現在の位置に設定されます。

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

オブジェクトの元の位置が親コンテナによって決まっていた場合 (たとえば、オブジェクトが HBox の内部にある場合)、コンテナのレイアウトコードを次回実行したときに、オブジェクトの位置はその元の位置にリセットされます。オブジェクトが元の位置に戻らないようにするには、オブジェクトを Canvas コンテナの内部に置くか、親コンテナの autoLayout プロパティを false に設定します。

MXML シンタックス

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

 <mx:Move
   name="ID"
   xFrom="val"
   yFrom="val"
   xTo="val"
   yTo="val"
   xBy="val"
   yBy="val"
  />

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

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



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

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

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



プロパティ
       xBy:Number
 コンポーネントを x 軸に沿って移動するピクセル数を表します。
       xFrom:Number
 初期位置の x 座標を表します。
       xTo:Number
 移動先の位置の x 座標を表します。
       yBy:Number
 コンポーネントを y 軸に沿って移動するピクセル数を表します。
       yFrom:Number
 初期位置の y 座標を表します。
       yTo:Number
 移動先の位置の y 座標を表します。

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

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



コンストラクタの詳細

Move

Move( targetObj)

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

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



メソッドの詳細

playEffect

playEffect( ) :  Void

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



プロパティの詳細

xBy

xBy:Number  

コンポーネントを x 軸に沿って移動するピクセル数を表します。負の数値を指定することもできます。

xFrom

xFrom:Number  

初期位置の x 座標を表します。

xTo

xTo:Number  

移動先の位置の x 座標を表します。

yBy

yBy:Number  

コンポーネントを y 軸に沿って移動するピクセル数を表します。負の数値を指定することもできます。

yFrom

yFrom:Number  

初期位置の y 座標を表します。

yTo

yTo:Number  

移動先の位置の y 座標を表します。


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

<mx:Panel title="Move Effect Panel">

<mx:Canvas id="canvas" width="500" height="200">

<mx:Label id="a" text="Click on text the to see effect!!" height="{(canvas.height-20)/2}" mouseDownEffect="movea"
width="{(canvas.width-20)/2}" color="#009966" effectStart=" a.text= 'Move effect 1 Running';"
effectEnd="a.text='Move effect 1 ended!!!' "/>

<mx:Label id="b" y="175" text="Click on the text to see effect!!" height="{(canvas.height-20)/2}" mouseDownEffect="moveb"
width="{(canvas.width-20)/2}" x="0" color="#00CCFF" effectStart=" b.text= 'Move effect 2 Running';"
effectEnd="b.text='Move Effect 2 ended!!!' "/>

<mx:Effect>
<mx:Move name="movea" xTo="200" xBy="200" yTo="175" yBy="175" duration="2000"/>
<mx:Move name="moveb" xTo="200" xBy="200" yFrom="175" yTo="0" yBy="200" duration="2000"/>
</mx:Effect>

</mx:Canvas>

</mx:Panel>

</mx:Application>