Elastic

パッケージ	spark.effects.easing
クラス	public class Elastic
継承	Elastic Object
実装	IEaser

言語バージョン:

ActionScript 3.0

製品バージョン:

Flex 4

ランタイムバージョン:

Flash Player 10, AIR 1.5

Elastic クラスは、ターゲットオブジェクトの動きが指数関数的に減衰する正弦波により定義されるイージング機能を実装します。エフェクトターゲットは、減速しながら終了値に接近し、そのまま終了値を通過します。その後、終了値を中心にして徐々に幅を小さくしながら振動し、最終的に終了値に達します。

例を表示

パブリックプロパティ

継承されるパブリックプロパティを隠す

継承されるパブリックプロパティを表示

	プロパティ		定義元
		constructor : Object 指定されたオブジェクトインスタンスのクラスオブジェクトまたはコンストラクター関数への参照です。	Object

パブリックメソッド

継承されるパブリックメソッドを隠す

継承されるパブリックメソッドを表示

	メソッド		定義元
		Elastic() コンストラクターです。	Elastic
		ease(fraction:Number):Number アニメーションの経過継続時間を表す割合（0.0 ～ 1.0 の値）を受け取り、新しい経過値を返します。	Elastic
		hasOwnProperty(name:String):Boolean オブジェクトに指定されたプロパティが定義されているかどうかを示します。	Object
		isPrototypeOf(theClass:Object):Boolean Object クラスのインスタンスが、パラメーターとして指定されたオブジェクトのプロトタイプチェーン内にあるかどうかを示します。	Object
		propertyIsEnumerable(name:String):Boolean 指定されたプロパティが存在し、列挙できるかどうかを示します。	Object
		setPropertyIsEnumerable(name:String, isEnum:Boolean = true):void ループ処理に対するダイナミックプロパティの可用性を設定します。	Object
		toLocaleString():String ロケール固有の規則に従って書式設定された、このオブジェクトのストリング表現を返します。	Object
		toString():String 指定されたオブジェクトのストリング表現を返します。	Object
		valueOf():Object 指定されたオブジェクトのプリミティブな値を返します。	Object

コンストラクターの詳細

()

コンストラクター

public function Elastic()

言語バージョン:

ActionScript 3.0

製品バージョン:

Flex 4

ランタイムバージョン:

Flash Player 10, AIR 1.5

コンストラクターです。

メソッドの詳細

ease

()

メソッド

public function ease(fraction:Number):Number

言語バージョン:

ActionScript 3.0

製品バージョン:

Flex 4

ランタイムバージョン:

Flash Player 10, AIR 1.5

アニメーションの経過継続時間を表す割合（0.0 ～ 1.0 の値）を受け取り、新しい経過値を返します。この値は、アニメーション化されたプロパティ値を計算するために使用されます。経過割合の値を変更することによって、プロパティのアニメーションを効果的に変更します。

パラメーター

fraction:Number — アニメーションの経過割合です。0.0 ～ 1.0 で示されます。

戻り値

Number — 経過時間のイージング値です。通常、この値は 0.0 ～ 1.0 の間になるように制約されますが、この範囲に収まらない値を返すこともできます。そのような値を返した場合の結果は未定義であり、どの種類のエフェクトでこのイージング値を使用するかによっても変わることに注意してください。例えば、直線的に移動するオブジェクトの場合は、その開始点と終了点の外でも問題なく位置を計算できますが、他の値のタイプ（カラーなど）の場合は、それらの終了点の値を超えるような時間の値を使用していると、目的のエフェクトが得られない可能性があります。

例この例の使用方法

BounceElasticEffectExample.mxml

<?xml version="1.0"?>
<!-- Simple example to demonstrate the s:Bounce and s:Elastic classes. -->
<s:Application
    xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    xmlns:s="library://ns.adobe.com/flex/spark">

    <fx:Declarations>
        <s:Bounce id="bounceEasing"/>
        <s:Elastic id="elasticEasing"/>
        <s:Move id="moveRight" 
            target="{myImage}"
            xBy="500"
            duration="2000"
            easer="{elasticEasing}"/>
        <s:Move id="moveLeft" 
            target="{myImage}"
            xBy="-500"
            duration="2000"
            easer="{bounceEasing}"/>
    </fx:Declarations>

    <s:Panel id="examplePanel"
        title="Bounce and Elastic Effect Example"
        width="75%" height="75%">

        <!-- Directions -->
        <s:VGroup id="detailsBox" width="50%" top="5" left="5">
            <s:Label width="99%" color="blue"
                text="Click the buttons to watch the effect."/>
        </s:VGroup>

        <mx:Image id="myImage" top="20"
            source="@Embed(source='assets/logo.jpg')"/>

        <s:Button label="Move Right"
             bottom="10" left="5" 
            click="moveRight.end();moveRight.play();"/>

        <s:Button label="Move Left" 
            bottom="10" left="100" 
            click="moveLeft.end();moveLeft.play();"/>
    </s:Panel>
</s:Application>

法律上の注意 | プライバシーポリシー

Elastic - AS3 Flex

クラス x

Elastic

ease