패키지 | spark.effects.easing |
클래스 | public class Bounce |
상속 | Bounce Object |
구현 | IEaser |
언어 버전: | ActionScript 3.0 |
제품 버전: | Flex 4 |
런타임 버전: | Flash Player 10, AIR 1.5 |
공용 속성
공용 메서드
메서드 | 정의 주체 | ||
---|---|---|---|
Bounce()
Constructor. | Bounce | ||
Takes the fraction representing the elapsed duration of an animation
(a value between 0.0 to 1.0) and returns a new elapsed value. | Bounce | ||
지정된 속성이 객체에 정의되어 있는지 여부를 나타냅니다. | Object | ||
Object 클래스의 인스턴스가 매개 변수로 지정된 객체의 프로토타입 체인에 있는지 여부를 나타냅니다. | Object | ||
지정된 속성이 존재하고 열거 가능한지 여부를 나타냅니다. | Object | ||
루프 작업에서 동적 속성을 사용할 수 있는지 여부를 설정합니다. | Object | ||
로캘별 규칙에 따라 서식이 지정된 이 객체의 문자열 표현을 반환합니다. | Object | ||
지정된 객체의 문자열 표현을 반환합니다. | Object | ||
지정된 객체의 프리미티브 값을 반환합니다. | Object |
생성자 세부 정보
Bounce | () | 생성자 |
public function Bounce()
언어 버전: | ActionScript 3.0 |
제품 버전: | Flex 4 |
런타임 버전: | Flash Player 10, AIR 1.5 |
Constructor.
메서드 세부 정보
ease | () | 메서드 |
public function ease(fraction:Number):Number
언어 버전: | ActionScript 3.0 |
제품 버전: | Flex 4 |
런타임 버전: | Flash Player 10, AIR 1.5 |
Takes the fraction representing the elapsed duration of an animation (a value between 0.0 to 1.0) and returns a new elapsed value. This value is used to calculate animated property values. By changing the value of the elapsed fraction, you effectively change the animation of the property.
매개 변수
fraction:Number — The elapsed fraction of an animation, from 0.0 to 1.0.
|
Number — The eased value for the elapsed time. Typically, this value
should be constrained to lie between 0.0 and 1.0, although it is possible
to return values outside of this range. Note that the results of
returning such values are undefined, and depend on what kind of
effects are using this eased value. For example, an object moving
in a linear fashion can have positions calculated outside of its start
and end point without a problem, but other value types (such as color)
may not result in desired effects if they use time values that cause
them to surpass their endpoint values.
|
예제 예제 사용 방법
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>
Tue Jun 12 2018, 03:17 PM Z