Flex Builder を使用すると、MXML コンポーネントの動作を視覚的に作成できます。

1. MXML エディタのデザインモードで、デザインエリアのコンポーネントをクリックします。
2. Flex プロパティビューの「エフェクト」カテゴリでトリガを選択して、エフェクトのトリガを定義します。

   トリガには、次の命名規則が使用されます。

   triggerEffect

   この命名規則では trigger がトリガ名になります。例えば、ロールオーバートリガを定義するには、rollOverEffect トリガを選択します。

   使用できるトリガの一覧については、『Adobe Flex 3 開発ガイド』の使用可能なトリガを参照してください。

3. トリガ名の横にあるフィールドにエフェクトの名前を入力して、エフェクトをトリガに関連付けます。

   例えば、Label コンポーネントでは、showEffect プロパティのエフェクトとして「WipeRight」と入力できます。Label コンポーネントのテキストは、ブラウザでは左から右へと徐々に表示されます。

   

   使用できるエフェクトの一覧については、『Adobe Flex 3 開発ガイド』の使用可能なエフェクトを参照してください。

4. エフェクトをカスタマイズするには、コードでエフェクトのプロパティを指定する必要があります。

   例えば、ワイプの持続時間を指定するには、次の例に示すように、コンポーネントの duration プロパティに値をミリ秒単位で入力します。

   <mx:Button id="myButton" mouseDownEffect="WipeLeft" duration="2000"/>
   
   

   詳細については、『Adobe Flex 3 開発ガイド』のエフェクトの操作を参照してください。

5. 現在のコンポーネントでエフェクトをトリガする場合、これでビヘイビアの作成は完了です。

   別のコンポーネントでエフェクトをトリガする場合は、他のコンポーネントからエフェクトをトリガする ActionScript 関数を記述して挿入する必要があります。詳細については、『Adobe Flex 3 開発ガイド』のActionScript でのビヘイビアの適用を参照してください。