mx.effects
Sequence クラス
Sequence クラス
mx.effects.CompositeEffect の拡張Sequence クラスは組み合わせのエフェクトを順番に再生します。
通常、Sequence エフェクトの開始は次の 5 つの手順から成るプロセスです。
- 組み合わせるエフェクトオブジェクトのインスタンスを作成します (たとえば、myFadeEffect = new mx.effects.Fade(targetObj) とします)。
- 個々のエフェクトオブジェクトのプロパティを設定します (duration プロパティなど)。
- Sequence エフェクトオブジェクトのインスタンスを作成します (たとえば、mySequenceEffect = new mx.effects.Sequence() とします)。
- エフェクトオブジェクトごとに
addChild() メソッドを呼び出します (たとえば、mySequenceEffect.addChild(myFadeEffect) とします)。 - Sequence オブジェクトの
playEffect() メソッドを呼び出します (たとえば、mySequenceEffect.playEffect() とします)。
MXML シンタックス
<mx:Sequence> タグには、次のプロパティを使用できます。
<mx:Effect>
<mx:Sequence name="MoveResize">
<mx:Move xBy="20" yBy="20" duration="1000" />
<mx:Resize heightBy="20" widthBy="20" duration="1000" />
</mx:Sequence>
</mx:Effect>
例を参照するにはここをクリックしてください
関連項目
mx.core.UIObject
| endEffect( )
現在再生中のエフェクトを中断し、まだ再生を開始していないエフェクトをすべてスキップして、Sequence エフェクトの終わりに直ちにジャンプします。 |
| playEffect( )
エフェクトのシーケンスの再生を開始します。 |
Sequence
Sequence( targetObj)
コンストラクタです。
パラメータ
targetObj - Sequence エフェクトの場合、この引数は無視されます。このパラメータは、他の種類のエフェクトとの一貫性を維持する目的で用意されています。
endEffect
endEffect( )
現在再生中のエフェクトを中断し、まだ再生を開始していないエフェクトをすべてスキップして、Sequence エフェクトの終わりに直ちにジャンプします。
playEffect
playEffect( )
エフェクトのシーケンスの再生を開始します。
| SequenceEffectExample.mxml |
<?xml version="1.0" encoding="utf-8"?>
<!-- Sequence エフェクトの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF">
<mx:Script>
<![CDATA[
var info= "click on the image to see effect."+ '\n' + '\n' +
" Effect summary:" + '\n' +
" seq 1. Move effect for 2 seconds."+ '\n' +
" seq 2. Pause effect for 3 seconds."+ '\n' +
" seq 3. Move effect for 2 seconds." ;
// この関数を使用して、バウンス効果を作成します。
function bounce(t, b, c, d)
{
if ((t /= d) < (1 / 2.75))
{
return c * (7.5625 * t * t) + b;
}
else if (t < (2 / 2.75))
{
return c * (7.5625 * (t -= (1.5 / 2.75)) * t + .75) + b;
}
else if (t < (2.5 / 2.75))
{
return c * (7.5625 * (t -= (2.25 / 2.75)) * t + .9375) + b;
}
else
{
return c * (7.5625 * (t -= (2.625 / 2.75)) * t + .984375) + b;
}
}
]]>
</mx:Script>
<mx:Panel title="Sequence Effect Panel">
<mx:Canvas id="canvas" width="325" height="150" backgroundColor="#FFFFFF">
<mx:Image source="@Embed('flash.png')" mouseDownEffect="movePausemove" x="250" y="10"/>
<mx:Effect>
<mx:Sequence name="movePausemove">
<mx:Move xFrom="250" xBy="-230" yFrom="10" yTo="10" duration="2000" easing="bounce"/>
<mx:Pause duration="3000"/>
<mx:Move xFrom="20" xBy="230" yFrom="10" yTo="10" duration="2000" easing="bounce"/>
</mx:Sequence>
</mx:Effect>
<mx:Label text="{info}" color="#CC0033" y="50" width="308" x="0" height="90"/>
</mx:Canvas>
</mx:Panel>
</mx:Application>
|