Sine

パッケージ	spark.effects.easing
クラス	public class Sine
継承	Sine EaseInOutBase Object

言語バージョン:

ActionScript 3.0

製品バージョン:

Flex 4

ランタイムバージョン:

Flash Player 10, AIR 1.5

Sine クラスは、Sine 関数を使用してイージング機能を定義します。イージングは、加速（イージングイン段階）とそれに続く減速（イージングアウト段階）という 2 つの段階で構成されます。アニメーションを加速させる比率を指定するには、easeInFraction プロパティを使用します。

MXML シンタックス expanded

MXML シンタックスを隠す

The <s:Sine> tag inherits all of the tag attributes of its of its superclass, and adds the following tag attributes:

  <s:Sine
    id="ID"
   />

例を表示

パブリックプロパティ

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

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

	プロパティ		定義元
		constructor : Object 指定されたオブジェクトインスタンスのクラスオブジェクトまたはコンストラクター関数への参照です。	Object
		easeInFraction : Number 加速に費やす必要があるアニメーションの比率です。	EaseInOutBase

パブリックメソッド

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

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

	メソッド		定義元
		Sine(easeInFraction:Number = 0.5) コンストラクターです。	Sine
		ease(fraction:Number):Number アニメーションの経過継続時間を表す割合（0.0 ～ 1.0 の値）を受け取り、新しい経過値を返します。	EaseInOutBase
		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

プロテクトメソッド

継承されるプロテクトメソッドを隠す

継承されるプロテクトメソッドを表示

	メソッド		定義元
		easeIn(fraction:Number):Number アニメーションのイージングイン段階におけるイージング割合を表す値を返します。	EaseInOutBase
		easeOut(fraction:Number):Number アニメーションのイージングアウト段階におけるイージング割合を表す値を返します。	EaseInOutBase

コンストラクターの詳細

()

コンストラクター

public function Sine(easeInFraction:Number = 0.5)

言語バージョン:

ActionScript 3.0

製品バージョン:

Flex 4

ランタイムバージョン:

Flash Player 10, AIR 1.5

コンストラクターです。

パラメーター

easeInFraction:Number (default = 0.5) — easeInFraction プロパティの値を設定します。デフォルト値は EasingFraction.IN_OUT です。この場合、最初の半分の時間をイージングインし、残りをイージングアウトします。

例この例の使用方法

SinePowerEffectExample.mxml

<?xml version="1.0"?>
<!-- Simple example to demonstrate the s:Sine and s:Power 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:Sine id="sineEasing"
            easeInFraction="0.3"/>
        <s:Power id="powerEasing"
            exponent="4"/>
        <s:Move id="moveRight" 
            target="{myImage}"
            xBy="500"
            duration="2000"
            easer="{powerEasing}"/>
        <s:Move id="moveLeft" 
            target="{myImage}"
            xBy="-500"
            duration="2000"
            easer="{sineEasing}"/>
    </fx:Declarations>


    <s:Panel id="examplePanel"
        title="Sine and Power 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>

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

Sine - AS3 Flex

クラス x

Sine