패키지 | spark.effects.easing |
클래스 | public class Sine |
상속 | Sine EaseInOutBase Object |
언어 버전: | ActionScript 3.0 |
제품 버전: | Flex 4 |
런타임 버전: | Flash Player 10, AIR 1.5 |
easeInFraction
property to specify
the percentage of an animation accelerating.
MXML 구문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. | Sine | ||
Takes the fraction representing the elapsed duration of an animation
(a value between 0.0 to 1.0) and returns a new elapsed value. | EaseInOutBase | ||
지정된 속성이 객체에 정의되어 있는지 여부를 나타냅니다. | Object | ||
Object 클래스의 인스턴스가 매개 변수로 지정된 객체의 프로토타입 체인에 있는지 여부를 나타냅니다. | Object | ||
지정된 속성이 존재하고 열거 가능한지 여부를 나타냅니다. | Object | ||
루프 작업에서 동적 속성을 사용할 수 있는지 여부를 설정합니다. | Object | ||
로캘별 규칙에 따라 서식이 지정된 이 객체의 문자열 표현을 반환합니다. | Object | ||
지정된 객체의 문자열 표현을 반환합니다. | Object | ||
지정된 객체의 프리미티브 값을 반환합니다. | Object |
보호 메서드
생성자 세부 정보
Sine | () | 생성자 |
public function Sine(easeInFraction:Number = 0.5)
언어 버전: | ActionScript 3.0 |
제품 버전: | Flex 4 |
런타임 버전: | Flash Player 10, AIR 1.5 |
Constructor.
매개 변수easeInFraction:Number (default = 0.5 ) — Sets the value of
the easeInFraction property. The default value is
EasingFraction.IN_OUT , which eases in for the first half
of the time and eases out for the remainder.
|
예제 예제 사용 방법
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>
Tue Jun 12 2018, 03:17 PM Z