メソッド | プロパティ | 例 フレームあり | フレームなし

mx.effects
Dissolve クラス

継承を示す線継承を示す線

Dissolve クラス
mx.effects.TweenEffect の拡張

Dissolve エフェクトを再生すると、次のことが実行されます。

  1. エフェクトが開始すると、不透明な矩形が作成されます。矩形はターゲットオブジェクトの上に浮かびます。矩形の色は Dissolve.color プロパティに一致し、アルファ値の初期値は (100 - Dissolve.alphaFrom) です。
  2. エフェクトの再生に伴い、矩形のアルファは (100 - alphaFrom) から (100 - alphaTo) にアニメーション化します。矩形が不透明に近づくにつれ、その下にあるコンテンツは徐々に消えていきます。
  3. エフェクトの再生が完了すると、矩形は破棄されます。

ターゲットオブジェクトがコンテナの場合、Dissolve エフェクトはコンテナのコンテンツ領域に適用されます。コンテンツ領域は、コンテナの背景色が可視になっている領域です。

MXML シンタックス

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

 <mx:Dissolve
   name="ID"
   alphaFrom="val"
   alphaTo="val"
   color="val"
 />

例を参照するにはここをクリックしてください

関連項目
    Tween
    TweenEffect
    mx.managers.LayoutManager


コンストラクタ
Dissolve ( targetObj)
コンストラクタです。



メソッド
       playEffect( ) :  Void
 このエフェクトの再生を開始します。

mx.effects.TweenEffect クラスから継承されるメソッド
endEffect  

mx.effects.Effect クラスから継承されるメソッド
endEffect   getAffectedProperties   playEffect  



プロパティ
       alphaFrom:Number
最初の透明度レベルを表します (0 = 透明、100 = 完全に不透明)。
       alphaTo:Number
最後の透明度レベルを表します (0 = 透明、100 = 完全に不透明)。
       color:Number
エフェクトによってターゲットオブジェクトの上に浮いて表示される矩形の色を表す 16 進値です。

mx.effects.TweenEffect クラスから継承されるプロパティ
easing  

mx.effects.Effect クラスから継承されるプロパティ
duration   listener   suspendBackgroundProcessing   target  



コンストラクタの詳細

Dissolve

Dissolve( targetObj)

コンストラクタです。通常、エフェクトの開始は次の 3 つの手順から成るプロセスです。

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



メソッドの詳細

playEffect

playEffect( ) :  Void

このエフェクトの再生を開始します。通常、エフェクトの開始は次の 3 つの手順から成るプロセスです。



プロパティの詳細

alphaFrom

alphaFrom:Number  

最初の透明度レベルを表します (0 = 透明、100 = 完全に不透明)。

alphaTo

alphaTo:Number  

最後の透明度レベルを表します (0 = 透明、100 = 完全に不透明)。

color

color:Number  

エフェクトによってターゲットオブジェクトの上に浮いて表示される矩形の色を表す 16 進値です。


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

<mx:Script>
<![CDATA[

function dissolveIt()
        {
if(button.selected == true)
           {
flex.visible=false;
           }
else
flex.visible= true;
        }
    ]]>
</mx:Script>

<mx:Panel id="panel" title="Dissolve Effect Panel" width="420">

<mx:HBox id="flexBox" width="400" >
<mx:Image  id="flex" source="@Embed('Flex.png')" hideEffect="dissolver" showEffect="appearer"
effectStart="button.label='Started';" effectEnd="button.label= 'Ended';"/>
</mx:HBox>

<mx:HBox width="402" borderStyle="none">
<mx:Button  id="button" label="Start Effect"  toggle="true" click="dissolveIt()"/>
<mx:Label id="notifier" text="click button to start effect" color="#0033FF"/>
</mx:HBox>
                
<mx:Effect>
<mx:Dissolve name="dissolver" alphaFrom= "100" alphaTo= "0" duration= "2000"/>
<mx:Dissolve name="appearer"  alphaFrom= "0" alphaTo= "100" duration= "2000"/>
</mx:Effect>

</mx:Panel>

</mx:Application>