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

mx.effects
Zoom クラス

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

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

Zoom エフェクトは、中心点を基準にオブジェクトを拡大または縮小します。

MXML シンタックス

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

 <mx:Zoom
   name="ID"
   zoomFrom="1"
   zoomTo="100"
 />

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

関連項目
    Tween
    TweenEffect
    mx.managers.LayoutManager


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



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

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

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



プロパティ
       zoomFrom:Number
 ズーム開始時の倍率を示す数値を表します。
       zoomTo:Number
 ズーム完了時の倍率を示す数値を表します。

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

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



コンストラクタの詳細

Zoom

Zoom( targetObj)

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

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



メソッドの詳細

playEffect

playEffect( ) :  Void

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



プロパティの詳細

zoomFrom

zoomFrom:Number  

ズーム開始時の倍率を示す数値を表します。デフォルト値は 1 です。これは、非常に小さな倍率です。

zoomTo

zoomTo:Number  

ズーム完了時の倍率を示す数値を表します。デフォルト値は 100 です。これは、オブジェクトの標準のサイズです。


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

<mx:Panel title="Zoom Effect Panel">

<mx:Canvas id="canvas" width="300" height="200" backgroundColor="#FFFFFF">

<mx:Button id="button" label="Start effect" x="75" y="80" effectStart=" button.label= 'Effect running!!!';"
effectEnd="button.label='Effect ended!!!'" mouseDownEffect="ZoomAndRestore"
height="20" width="150" color="#006699"/>

</mx:Canvas>

</mx:Panel>

<mx:Effect>
        
<mx:Sequence name="ZoomAndRestore">
<mx:Parallel>
<mx:WipeDown duration="1000"/>
<mx:Zoom name="restore" zoomFrom="100" zoomTo="175" duration="1000"/>
</mx:Parallel>
<mx:Zoom name="grow" zoomFrom="175" zoomTo="100" duration="1000"/>
</mx:Sequence>
    
</mx:Effect>

</mx:Application>