| パッケージ | spark.effects.easing |
| クラス | public class Linear |
| 継承 | Linear  Object |
| 実装 | IEaser |
| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 4 |
| ランタイムバージョン: | Flash Player 10, AIR 1.5 |
easeInFraction プロパティで指定された期間にわたって加速し、その後、次の段階にわたって等速（線形）モーションを行い、最後に、easeOutFraction プロパティで指定された期間にわたって、終了するまで減速します。
3 つの段階のイージング値は、等加速、線形モーションおよび等減速のビヘイビアーがすべて、指定されたアニメーションの継続時間内に発生するように計算されます。
easeInFraction と easeOutFraction を 0.0 に設定すると、厳密な線形モーションを実現できます。加速または減速が 0.0 ではない場合、中間段階のモーションが、純粋な線形モーションの速度と同じにならないことに注意してください。中間段階は等速モーションで構成されますが、そのモーションの速度は、アニメーション全体を基準としたその段階のサイズによって決定されます。
MXML シンタックスを表示
MXML シンタックスを隠すThe <s:Linear> tag
inherits all of the tag attributes of its of its superclass,
and adds the following tag attributes:
<s:Linear
id="ID"
easeInFraction="0"
easeOutFraction="0"
/>
| プロパティ | 定義元 | ||
|---|---|---|---|
 | constructor : Object
指定されたオブジェクトインスタンスのクラスオブジェクトまたはコンストラクター関数への参照です。 | Object | |
| easeInFraction : Number
アニメーションの加速に費やす割合です。0.0 ～ 1.0 で示されます。 | Linear | ||
| easeOutFraction : Number
アニメーションの減速に費やす比率です。0.0 ～ 1.0 で示されます。 | Linear | ||
| メソッド | 定義元 | ||
|---|---|---|---|
コンストラクターです。 | Linear | ||
easeInFraction プロパティと easeOutFraction プロパティに基づいて、イージング割合の値を計算します。 | Linear | ||
|
オブジェクトに指定されたプロパティが定義されているかどうかを示します。 | Object | |
|
Object クラスのインスタンスが、パラメーターとして指定されたオブジェクトのプロトタイプチェーン内にあるかどうかを示します。 | Object | |
|
指定されたプロパティが存在し、列挙できるかどうかを示します。 | Object | |
|
ループ処理に対するダイナミックプロパティの可用性を設定します。 | Object | |
|
ロケール固有の規則に従って書式設定された、このオブジェクトのストリング表現を返します。 | Object | |
|
指定されたオブジェクトのストリング表現を返します。 | Object | |
|
指定されたオブジェクトのプリミティブな値を返します。 | Object | |
easeInFraction | プロパティ |
easeInFraction:Number| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 4 |
| ランタイムバージョン: | Flash Player 10, AIR 1.5 |
アニメーションの加速に費やす割合です。0.0 ～ 1.0 で示されます。easeOutFraction プロパティと easeInFraction プロパティの値は、easeOutFraction + easeInFraction <= 1 という式を満たす必要があり、残りの時間は線形モーション段階に費やされます。
デフォルト値： 0。
実装
public function get easeInFraction():Number public function set easeInFraction(value:Number):voideaseOutFraction | プロパティ |
easeOutFraction:Number| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 4 |
| ランタイムバージョン: | Flash Player 10, AIR 1.5 |
アニメーションの減速に費やす比率です。0.0 ～ 1.0 で示されます。easeOutFraction プロパティと easeInFraction プロパティの値は、easeOutFraction + easeInFraction <= 1 という式を満たす必要があり、残りの時間は線形モーション段階に費やされます。
デフォルト値： 0。
実装
public function get easeOutFraction():Number public function set easeOutFraction(value:Number):voidLinear | () | コンストラクター |
public function Linear(easeInFraction:Number = 0, easeOutFraction:Number = 0)| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 4 |
| ランタイムバージョン: | Flash Player 10, AIR 1.5 |
コンストラクターです。
パラメーターeaseInFraction:Number (default = 0) | |
easeOutFraction:Number (default = 0) |
ease | () | メソッド |
public function ease(fraction:Number):Number| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 4 |
| ランタイムバージョン: | Flash Player 10, AIR 1.5 |
easeInFraction プロパティと easeOutFraction プロパティに基づいて、イージング割合の値を計算します。fraction が easeInFraction よりも小さい場合、線形モーション段階までの加速に基づいて値を計算します。fraction が easeInFraction よりも大きく (1-easeOutFraction) よりも小さい場合、イージングイン段階とイージングアウト段階の間の線形モーション段階に基づいて値を計算します。それ以外の場合は、線形モーション段階と 0.0 の間の等減速に基づいて値を計算します。
パラメーター
fraction:Number — アニメーションの経過割合です。0.0 ～ 1.0 で示されます。
|
Number — アニメーションのイージング割合です。
|
<?xml version="1.0"?>
<!-- Simple example to demonstrate the s:Linear class. -->
<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:Linear id="linearEasing"
easeInFraction="0.3"/>
<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="{linearEasing}"/>
</fx:Declarations>
<s:Panel id="examplePanel"
title="Linear 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>
Tue Jun 12 2018, 10:34 AM Z