| パッケージ | mx.effects |
| クラス | public class Move |
| 継承 | Move TweenEffect Effect EventDispatcher Object |
xFrom と yFrom の値、移動先の位置は xTo と yTo の値でそれぞれ指定できます。また、コンポーネントの移動ピクセル数は xBy と yBy で指定できます。
初期位置、移動先の位置、または移動量のうち、2 つを指定すると、残りの 1 つは Flex で計算されます。 3 つの値をすべて指定すると、xBy と yBy の値が無視されます。 xTo と yTo の値、または xBy と yBy の値のみを指定すると、xFrom と yFrom はオブジェクトの現在の位置に設定されます。
moveEffect トリガに Move エフェクトを指定し、From、To、By の 6 つのプロパティ値をどれも設定しない場合、オブジェクトが現在の位置から新しい位置にスムーズに移動するように、これらのプロパティの値が設定されます。
通常、このエフェクトは Canvas コンテナ、"layout=absolute" が指定された Application コンテナや Panel コンテナなど、絶対配置を使用するコンテナのターゲットに適用します。VBox コンテナや Grid コンテナなど、自動レイアウトを実行するコンテナのターゲットに適用した場合、移動は実行されますが、コンテナのレイアウトが次回更新されるとターゲットが元の位置に戻ってしまいます。 コンテナの autoLayout プロパティを false に設定すると元の位置への移動を無効にできますが、コンテナのすべてのコントロールのレイアウトが無効になります。
MXML シンタックスを隠すThe <mx:Move> tag
inherits all of the tag attributes of its of its superclass,
and adds the following tag attributes:
<mx:Move
id="ID"
xFrom="val"
yFrom="val"
xTo="val"
yTo="val"
xBy="val"
yBy="val"
/>
関連項目
| プロパティ | 定義元 | ||
|---|---|---|---|
![]() | className : String [読み取り専用]
このエフェクトクラスの名前です。たとえば、"Fade" などがあります。 | Effect | |
![]() | constructor : Object
指定されたオブジェクトインスタンスのクラスオブジェクトまたはコンストラクタ関数への参照です。 | Object | |
![]() | customFilter : EffectTargetFilter
エフェクトを再生するターゲットを特定するために、エフェクトによって使用されるタイプ EffectTargetFilter のカスタムフィルタオブジェクトを指定します。 | Effect | |
![]() | duration : Number
エフェクトの継続時間を表します(ミリ秒単位)。 | Effect | |
![]() | easingFunction : Function = null
アニメーションのイージング関数を表します。 | TweenEffect | |
![]() | effectTargetHost : IEffectTargetHost
データエフェクトのターゲットリストコントロールにアクセスできるプロパティです。 | Effect | |
![]() | filter : String
エフェクトのターゲットをフィルタリングするアルゴリズムを指定します。 | Effect | |
![]() | hideFocusRing : Boolean
エフェクトの開始時にエフェクトがフォーカスリングを非表示にするかどうかを指定します。 | Effect | |
![]() | instanceClass : Class
このエフェクトクラスのエフェクトインスタンスクラスを指定する Class 型のオブジェクトを表します。 | Effect | |
![]() | isPlaying : Boolean [読み取り専用]
エフェクトのインスタンスのいずれかが現在再生中の場合に true、そうでない場合に false となる読み取り専用フラグです。 | Effect | |
![]() | perElementOffset : Number
エフェクトの最初のターゲットの後に発生する、エフェクトターゲットの追加遅延(ミリ秒)です。 | Effect | |
![]() | prototype : Object [静的]
クラスまたは関数オブジェクトのプロトタイプオブジェクトへの参照です。 | Object | |
![]() | relevantProperties : Array
フィルタリング実行時に使用するプロパティ名の配列を表します。 | Effect | |
![]() | relevantStyles : Array
フィルタリング実行時に使用するスタイル名の配列を表します。 | Effect | |
![]() | repeatCount : int = 1
エフェクトを繰り返す回数を表します。 | Effect | |
![]() | repeatDelay : int = 0
エフェクトを繰り返す前の待機時間を表します(ミリ秒単位)。 | Effect | |
![]() | startDelay : int = 0
エフェクトを開始する前の待機時間を表します(ミリ秒単位)。 | Effect | |
![]() | suspendBackgroundProcessing : Boolean = false
true の場合、エフェクトの再生中にすべてのバックグラウンド処理をブロックします。 | Effect | |
![]() | target : Object
このエフェクトが適用される UIComponent オブジェクトを表します。 | Effect | |
![]() | targets : Array
エフェクトのターゲットである UIComponent オブジェクトの配列を表します。 | Effect | |
![]() | triggerEvent : Event
エフェクトがトリガされたときに EffectManager によってこの Effect に渡される Event オブジェクトです。EffectManager によってエフェクトが再生されていない場合は null です。 | Effect | |
| xBy : Number
コンポーネントを x 軸に沿って移動する際のピクセル数を表します。 | Move | ||
| xFrom : Number
初期位置の x 座標を表します。 | Move | ||
| xTo : Number
移動先の位置の x 座標を表します。 | Move | ||
| yBy : Number
コンポーネントを y 軸に沿って移動する際のピクセル数を表します。 | Move | ||
| yFrom : Number
初期位置の y 座標を表します。 | Move | ||
| yTo : Number
移動先の位置の y 座標を表します。 | Move | ||
| メソッド | 定義元 | ||
|---|---|---|---|
コンストラクタです。 | Move | ||
![]() | addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
イベントリスナーオブジェクトを EventDispatcher オブジェクトに登録し、リスナーがイベントの通知を受け取るようにします。 | EventDispatcher | |
![]() |
エフェクトのターゲットにおいて関連するプロパティの現在値をキャプチャし、終了値として保存します。 | Effect | |
![]() |
ターゲットの追加セットの関連するプロパティの現在値をキャプチャします。この機能は、データ変更エフェクトを実行したときに Flex によって使用されます。
| Effect | |
![]() |
エフェクトのターゲットにおいて関連するプロパティの現在値をキャプチャします。 | Effect | |
![]() |
1 つのエフェクトインスタンスを作成し、それを初期化します。 | Effect | |
![]() |
ターゲットオブジェクトの配列を取得し、各ターゲットで createInstance() メソッドを呼び出します。 | Effect | |
![]() |
インスタンスからイベントリスナーを削除し、インスタンスのリストからインスタンスを削除します。 | Effect | |
![]() |
イベントをイベントフローに送出します。 | EventDispatcher | |
![]() |
現在再生中のエフェクトをすべて中断し、直ちにエフェクトの終わりにジャンプします。 | Effect | |
![]() |
ストリングの配列を返します。各ストリングは、このエフェクトによって変更されるプロパティの名前です。 | Effect | |
![]() |
EventDispatcher オブジェクトに、特定のイベントタイプに対して登録されたリスナーがあるかどうかを確認します。 | EventDispatcher | |
![]() |
オブジェクトに指定されたプロパティが定義されているかどうかを示します。 | Object | |
![]() |
Object クラスのインスタンスが、パラメータとして指定されたオブジェクトのプロトタイプチェーン内にあるかどうかを示します。 | Object | |
![]() |
resume() メソッドを呼び出すまで、エフェクトを一時停止します。 | Effect | |
![]() |
エフェクトの再生を開始します。 | Effect | |
![]() |
指定されたプロパティが存在し、列挙できるかどうかを示します。 | Object | |
![]() |
EventDispatcher オブジェクトからリスナーを削除します。 | EventDispatcher | |
![]() |
pause() メソッドを呼び出し、エフェクトを一時停止した後、再開させます。 | Effect | |
![]() |
エフェクトが現在再生中の場合に、エフェクトの現在位置から開始して、逆順でエフェクトを再生します。 | Effect | |
![]() |
ループ処理に対するダイナミックプロパティの可用性を設定します。 | Object | |
![]() |
エフェクトターゲットを現在の状態にしたまま、エフェクトを停止します。 | Effect | |
![]() |
指定されたオブジェクトのストリング表現を返します。 | Object | |
![]() |
指定されたオブジェクトのプリミティブな値を返します。 | Object | |
![]() |
指定されたイベントタイプについて、この EventDispatcher オブジェクトまたはその祖先にイベントリスナーが登録されているかどうかを確認します。 | EventDispatcher | |
| xBy | プロパティ |
public var xBy:Numberコンポーネントを x 軸に沿って移動する際のピクセル数を表します。 負の値を指定することもできます。
| xFrom | プロパティ |
public var xFrom:Number初期位置の x 座標を表します。
| xTo | プロパティ |
public var xTo:Number移動先の位置の x 座標を表します。
| yBy | プロパティ |
public var yBy:Numberコンポーネントを y 軸に沿って移動する際のピクセル数を表します。 負の値を指定することもできます。
| yFrom | プロパティ |
public var yFrom:Number初期位置の y 座標を表します。
| yTo | プロパティ |
public var yTo:Number移動先の位置の y 座標を表します。
| Move | () | コンストラクタ |
public function Move(target:Object = null)コンストラクタです。
パラメータtarget:Object (default = null) — このエフェクトでアニメーション化するオブジェクトを表します。
|
<?xml version="1.0"?>
<!-- Simple example to demonstrate the Move effect. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
private function moveImage():void {
myMove.end();
myMove.xTo=mouseX-60;
myMove.play();
}
]]>
</mx:Script>
<mx:Move id="myMove" target="{img}"/>
<mx:Panel title="Move Effect Example" width="95%" height="95%"
paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
<mx:Text width="100%" color="blue"
text="Click anywhere on the canvas to move the phone horizontally to that position"/>
<mx:Canvas id="canvas" width="100%" height="100%" mouseDown="moveImage();">
<mx:Image id="img" source="@Embed(source='assets/Nokia_6630.png')"/>
</mx:Canvas>
</mx:Panel>
</mx:Application>
このページに新しいコメントが追加された場合に、電子メールでの通知を希望する。 | コメントレポート
現在のページ: http://livedocs.adobe.com/flex/3_jp/langref/mx/effects/Move.html