| 패키지 | spark.effects.easing |
| 클래스 | public class Linear |
| 상속 | Linear  Object |
| 구현 | IEaser |
| 언어 버전: | ActionScript 3.0 |
| 제품 버전: | Flex 4 |
| 런타임 버전: | Flash Player 10, AIR 1.5 |
easeInFraction property, it
then uses uniform (linear) motion through the next phase, and
finally decelerates until the end during the period specified
by the easeOutFraction property.
The easing values for the three phases are calculated such that the behavior of constant acceleration, linear motion, and constant deceleration all occur within the specified duration of the animation.
Strict linear motion can be achieved by setting
easeInFraction and easeOutFraction to 0.0.
Note that if acceleration or
deceleration are not 0.0, then the motion during the middle
phase is not at the same speed as that of pure
linear motion. The middle phase consists of
uniform motion, but the speed of that motion is determined by
the size of that phase relative to the overall animation.
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
The fraction an animation spent accelerating,
between 0.0 and 1.0. | Linear | ||
| easeOutFraction : Number
The percentage an animation will spend decelerating,
between 0.0 and 1.0. | Linear | ||
| 메서드 | 정의 주체 | ||
|---|---|---|---|
Constructor. | Linear | ||
Calculates the eased fraction value based on the
easeInFraction and easeOutFraction
properties. | Linear | ||
|
지정된 속성이 객체에 정의되어 있는지 여부를 나타냅니다. | Object | |
|
Object 클래스의 인스턴스가 매개 변수로 지정된 객체의 프로토타입 체인에 있는지 여부를 나타냅니다. | Object | |
|
지정된 속성이 존재하고 열거 가능한지 여부를 나타냅니다. | Object | |
|
루프 작업에서 동적 속성을 사용할 수 있는지 여부를 설정합니다. | Object | |
|
로캘별 규칙에 따라 서식이 지정된 이 객체의 문자열 표현을 반환합니다. | Object | |
|
지정된 객체의 문자열 표현을 반환합니다. | Object | |
|
지정된 객체의 프리미티브 값을 반환합니다. | Object | |
easeInFraction | 속성 |
easeInFraction:Number| 언어 버전: | ActionScript 3.0 |
| 제품 버전: | Flex 4 |
| 런타임 버전: | Flash Player 10, AIR 1.5 |
The fraction an animation spent accelerating,
between 0.0 and 1.0.
The values of the easeOutFraction property
and easeInFraction property must satisfy the
equation easeOutFraction + easeInFraction <= 1
where any remaining time is spent in the linear motion phase.
기본값: 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 |
The percentage an animation will spend decelerating,
between 0.0 and 1.0.
The values of the easeOutFraction property
and easeInFraction property must satisfy the
equation easeOutFraction + easeInFraction <= 1
where any remaining time is spent in the linear motion phase.
기본값: 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 |
Constructor.
매개 변수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 |
Calculates the eased fraction value based on the
easeInFraction and easeOutFraction
properties.
If fraction
is less than easeInFraction, it calculates a value
based on accelerating up to the linear motion phase.
If fraction
is greater than easeInFraction and less than
(1-easeOutFraction), it calculates a value based
on the linear motion phase between the easing in and easing out phases.
Otherwise, it calculates a value based on constant deceleration
between the linear motion phase and 0.0.
매개 변수
fraction:Number — The elapsed fraction of the animation,
between 0.0 and 1.0..
|
Number — The eased fraction of the animation.
|
<?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, 03:17 PM Z