ビヘイビア

ビヘイビアを使うと、UIコンポーネントに簡単にエフェクトを適用できます。

• ビヘイビア = トリガ + エフェクト。マウスオーバーなどのイベント(トリガ)に、イベント発生時の効果(エフェクト)を組み合わせたもの。
• mxml内で宣言的に設定することができます。

サンプル

マウスオーバーで、テキストエリアにグローを適用します。マウスアウトで元に戻る。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

  <!-- グローエフェクト -->
  <mx:Glow id="glow" 
    alphaFrom="0.1" 
    alphaTo="0.9" 
    blurXFrom="2" 
    blurXTo="10" 
    blurYFrom="2" 
    blurYTo="10" 
    color="#33aaaa" 
    inner="false" 
    knockout="false" 
    strength="2"/>

  <!-- 解除エフェクト -->
  <mx:Glow id="glowoff" 
    alphaFrom="0.9" 
    alphaTo="0.0" 
    blurXFrom="10" 
    blurXTo="2" 
    blurYFrom="10" 
    blurYTo="2" 
    color="#33aaaa" 
    inner="false" 
    knockout="false" 
    strength="2"/>

  <mx:Panel title=""  >
    <!-- 
      テキストエリア
      rollOverEffect, rollOutEffectでエフェクトを適用する。
     -->
    <mx:TextArea id="stdout" text="文字列" width="200" height="100" 
      rollOverEffect="glow" rollOutEffect="glowoff"  />
  </mx:Panel>
  
</mx:Application>

コンパイルした結果はこちら

参考:Flex 2 開発ガイド - ビヘイビアの使用