mx.effects
Fade クラス
Fade クラス
mx.effects.TweenEffect の拡張Fade エフェクトはコンポーネントのアルファプロパティを、透明から不透明に、または不透明から透明に変化するようにアニメーション化します。
show トリガまたは hide トリガに Fade エフェクトを指定し、alphaFrom と alphaTo を省略すると、エフェクトは show トリガで自動的に 0 から 100 まで変化し、hide トリガで 100 から 0 まで変化します。
メモ : テキストで Fade エフェクトを使用するには、デバイスフォントではなく、埋め込みフォントを使用する必要があります。
MXML シンタックス
<mx:Fade> タグには、次のプロパティおよびその親クラスのプロパティを使用できます。
<mx:Fade
name="ID"
alphaFrom="val"
alphaTo="val"
/>
例を参照するにはここをクリックしてください
Fade ( targetObj)
コンストラクタです。 |
| alphaFrom:Number
最初の透明度レベルを表します (0 = 透明、100 = 完全に不透明)。 |
| alphaTo:Number
最後の透明度レベルを表します (0 = 透明、100 = 完全に不透明)。 |
Fade
Fade( targetObj)
コンストラクタです。通常、エフェクトの開始は次の 3 つの手順から成るプロセスです。 - エフェクトオブジェクトのインスタンスを作成します (コンストラクタが呼び出されます)。
- duration など、エフェクトオブジェクトのプロパティを設定します。
playEffect() メソッドを呼び出します。
パラメータ
targetObj:Object - このエフェクトでアニメーション化するオブジェクトを表します。
playEffect
playEffect( )
: Void
このエフェクトの再生を開始します。通常、エフェクトの開始は次の 3 つの手順から成るプロセスです。 - エフェクトオブジェクトのインスタンスを作成します (コンストラクタが呼び出されます)。
- duration など、エフェクトオブジェクトのプロパティを設定します。
playEffect() メソッドを呼び出します。
alphaFrom
alphaFrom:Number
最初の透明度レベルを表します (0 = 透明、100 = 完全に不透明)。
alphaTo
alphaTo:Number
最後の透明度レベルを表します (0 = 透明、100 = 完全に不透明)。
| FadeEffectExample.mxml |
<?xml version="1.0" encoding="utf-8"?>
<!-- Fade エフェクトの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF">
<mx:Panel id="panel" title="Fade Effect Panel">
<mx:VBox>
<mx:Image id="flex" source="@Embed('Flex.png')" mouseDownEffect="fadeIn" mouseUpEffect="fadeOut"/>
<mx:Label id="status" text="hold mouse down on image to see fadeIn effect, release mouse to see fadeOut effect."
color="#0000FF"/>
</mx:VBox>
</mx:Panel>
<mx:Effect>
<mx:Fade name="fadeIn" duration="1000" alphaFrom="100" alphaTo="50"/>
<mx:Fade name="fadeOut" duration="1000" alphaFrom="50" alphaTo="100"/>
</mx:Effect>
</mx:Application>
|