mx.effects
Pause クラス
Pause クラス
mx.effects.Effect の拡張Pause エフェクトは、エフェクトを組み合わせるときに便利です。指定した時間が過ぎるまで、何も実行しません。
MXML シンタックス
<mx:Pause> タグには、次のプロパティおよびその親クラスのプロパティを使用できます。
<mx:Pause
name="ID"
duration="500"
/>
例を参照するにはここをクリックしてください
Pause ( targetObj)
コンストラクタです。 |
| endEffect( )
: Void
現在再生中のエフェクトをすべて中断し、直ちにエフェクトの終わりにジャンプします。 |
| playEffect( )
: Void
このエフェクトの再生を開始します。 |
Pause
Pause( targetObj)
コンストラクタです。通常、エフェクトの開始は次の 3 つの手順から成るプロセスです。 - エフェクトオブジェクトのインスタンスを作成します (コンストラクタが呼び出されます)。
- duration など、エフェクトオブジェクトのプロパティを設定します。
playEffect() メソッドを呼び出します。
パラメータ
targetObj - Pause エフェクトの場合、この引数は無視されます。このパラメータは、他のエフェクトとの一貫性を維持する目的で用意されています。
endEffect
endEffect( )
: Void
現在再生中のエフェクトをすべて中断し、直ちにエフェクトの終わりにジャンプします。
playEffect
playEffect( )
: Void
このエフェクトの再生を開始します。通常、エフェクトの開始は次の 3 つの手順から成るプロセスです。 - エフェクトオブジェクトのインスタンスを作成します (コンストラクタが呼び出されます)。
- duration など、エフェクトオブジェクトのプロパティを設定します。
playEffect() メソッドを呼び出します。
| PauseEffectExample.mxml |
<?xml version="1.0" encoding="utf-8"?>
<!-- Pause エフェクトの使用方法を示す簡単な例 -->
<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="Pause 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>
|