mx.effects
WipeRight クラス

WipeRight クラスは、バーの右方向へのワイプエフェクトを定義します。

コンポーネントのエフェクトをかける前の状態またはエフェクトをかけた後の状態が見えなければ、ワイプエフェクトは最も自然に見えます。コンポーネントが見えるように変化させる場合、エフェクトの再生開始直前にコンポーネントの visible プロパティを true に設定し、エフェクトの show プロパティを true に設定します。コンポーネントが見えなくなるように変化させる場合、エフェクトの再生終了直後にコンポーネントの visible プロパティを false に設定し、エフェクトの show プロパティを false に設定します。showEffect トリガまたは hideEffect トリガを使用してエフェクトをトリガすれば、これらすべての処理が自動的に行われます。

MXML を使用してエフェクトを定義すると、effectStart イベントまたは effectEnd イベントを使用して、visible プロパティを切り替えることができます。MXML を使用してエフェクトを定義すると、listener プロパティを使用して、エフェクトの再生が終了したときに通知を受け取ることができます。

MXML シンタックス

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

 <mx:WipeRight
   name="ID"
   show="true|false"
 /> 

WipeRight

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

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

playEffect

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

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

<mx:Script>
<![CDATA[
	  
	  function ShowLeftandRight()
	  {
	     if(button.selected)
	     {
	        flex.visible=true;
	     }
	     else if (!button.selected)
	     {
		flex.visible=false;
	     }
	  }

    ]]>
</mx:Script>


<mx:Panel id="panel" title="WipeRight Effect Panel">

<mx:HBox>
<mx:Image id="flex" source="@Embed('Flex.png')" visible="false" showEffect="wiperight" hideEffect="wipeleft"/>
</mx:HBox>

<mx:Button id="button" label="Play Effect" toggle="true" click="ShowLeftandRight()"/>

<mx:Effect>
<mx:WipeRight name="wiperight" duration="1000" show="true"/>
<mx:WipeLeft name="wipeleft" duration="1000"/>
</mx:Effect>

</mx:Panel>

</mx:Application>