| Package | mx.effects |
| Class | public class Move |
| Inheritance | Move TweenEffect Effect EventDispatcher Object |
xFrom 와 yFrom, 이동처의 위치는 xTo 와 yTo 의 값으로 각각 지정할 수 있습니다. 또, 컴퍼넌트의 이동 픽셀수는 xBy 와 yBy 로 지정할 수 있습니다.
초기 위치, 이동처의 위치, 또는 이동량 가운데, 2 개를 지정하면, 나머지의 1 개는 Flex 로 계산됩니다. 3 개의 값을 모두 지정하면,xBy 와 yBy 의 값이 무시됩니다. xTo 와 yTo 의 값, 또는 xBy 와 yBy 의 값만을 지정하면,xFrom 와 yFrom 는 object의 현재의 위치로 설정됩니다.
moveEffect 방아쇠에 Move effect를 지정해, From, To, By 의 6 개의 property치를 어느 것도 설정하지 않는 경우, object가 현재의 위치로부터 새로운 위치에 순조롭게 이동하도록(듯이), 이러한 property의 값이 설정됩니다.
object의 원래의 위치가 부모 컨테이너에 의해 정해져 있었을 경우 (예를 들어, object가 HBox 컨테이너의 내부에 있는 경우), 컨테이너의 레이아웃 코드를 다음번 실행했을 때에, object의 위치는 그 원래의 위치에 리셋트 됩니다. object가 원래의 위치로 돌아가지 않게 하려면 , object를 Canvas 컨테이너의 내부에 두는지, 부모 컨테이너의 autoLayout property를 false 로 설정합니다.
MXML 문장구조법의 비표시
<mx:Move> 태그는, Super 클래스의 모든 태그 속성을 Inheritance해, 다음의 태그 속성을 추가합니다.
<mx:Move id="ID" xFrom="val" yFrom="val" xTo="val" yTo="val" xBy="val" yBy="val" />
See also
| property | 정의 | ||
|---|---|---|---|
![]() | className : String
"Fade" 등, effect 클래스의 이름입니다. | Effect | |
![]() | constructor : Object
특정의 object 인스턴스의 클래스 object 또는 constructor 함수에의 참조입니다.
| Object | |
![]() | customFilter : EffectTargetFilter
effect를 재생하는 타겟을 특정하기 위해서, effect에 의해 사용되는 타입 EffectTargetFilter 의 custom 필터 object를 지정합니다.
| Effect | |
![]() | duration : Number
effect의 계속 시간을 나타냅니다 (밀리 세컨드 단위).
| Effect | |
![]() | easingFunction : Function = null
애니메이션의 이징 함수를 나타냅니다.
| TweenEffect | |
![]() | filter : String
effect의 타겟을 필터링 하는 알고리즘을 지정합니다.
| Effect | |
![]() | instanceClass : Class
이 effect 클래스의 effect 인스턴스 클래스를 지정하는 Class 형의 object를 나타냅니다.
| Effect | |
![]() | isPlaying : Boolean
effect의 인스턴스중 한쪽이 현재 재생중의 경우에 true, 그렇지 않은 경우에 false 가 되는 읽기 전용(read-only) 플래그입니다.
| Effect | |
![]() | prototype : Object
[static]
클래스 또는 함수 object의 prototype object에의 참조입니다.
| Object | |
![]() | relevantProperties : Array
필터링 실행시에 사용하는 property명의 배열을 나타냅니다.
| Effect | |
![]() | relevantStyles : Array
필터링 실행시에 사용하는 스타일명의 배열을 나타냅니다.
| Effect | |
![]() | repeatCount : int = 1
effect를 반복하는 회수를 나타냅니다.
| Effect | |
![]() | repeatDelay : int = 0
effect를 반복하기 전의 대기 시간을 나타냅니다 (밀리 세컨드 단위).
| Effect | |
![]() | startDelay : int = 0
effect를 개시하기 전의 대기 시간을 나타냅니다 (밀리 세컨드 단위).
| Effect | |
![]() | suspendBackgroundProcessing : Boolean = falsetrue 의 경우, effect의 재생중에 모든 백그라운드 처리를 블록 합니다. | Effect | |
![]() | target : Object
이 effect가 적용되는 UIComponent object를 나타냅니다.
| Effect | |
![]() | targets : Array
effect의 타겟인 UIComponent object의 배열을 나타냅니다.
| Effect | |
| xBy : Number
컴퍼넌트를 x 축으로 따라 이동하는 픽셀수를 나타냅니다.
| Move | ||
| xFrom : Number
초기 위치의 x 좌표를 나타냅니다.
| Move | ||
| xTo : Number
이동처의 위치의 x 좌표를 나타냅니다.
| Move | ||
| yBy : Number
컴퍼넌트를 y 축으로 따라 이동하는 픽셀수를 나타냅니다.
| Move | ||
| yFrom : Number
초기 위치의 y 좌표를 나타냅니다.
| Move | ||
| yTo : Number
이동처의 위치의 y 좌표를 나타냅니다.
| Move | ||
| Methods | 정의 | ||
|---|---|---|---|
| Move (target:Object = null)
constructor .
| Move | ||
![]() | addEventListener (type:String , listener:Function , useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
event listener objects를 EventDispatcher object에 등록해, listener가 이벤트의 통지를 받도록(듯이) 합니다.
| EventDispatcher | |
![]() | captureStartValues ():void
effect의 타겟으로 두어 관련하는 property의 현재가를 capther 합니다.
| Effect | |
![]() | createInstance (target:Object = null):EffectInstance
1 개의 effect 인스턴스를 작성해, 그것을 초기화합니다.
| Effect | |
![]() | createInstances (targets:Array = null):Array
타겟 object의 배열을 취득해, 각 타겟으로
createInstance() Methods를 호출합니다. | Effect | |
![]() | dispatchEvent (event:Event ):Boolean
이벤트를 event 플로우(flow)에 dispatch합니다.
| EventDispatcher | |
![]() | end (effectInstance:EffectInstance = null):void
현재 재생중의 effect를 모두 중단해, 즉시 effect의 끝나에 점프 합니다.
| Effect | |
![]() | getAffectedProperties ():Array
string의 배열을 돌려줍니다. 각 string는, 이 effect에 의해 변경되는 property의 이름입니다.
| Effect | |
![]() | hasEventListener (type:String ):Boolean
EventDispatcher object에, 특정의 event 타입에 대해서 등록된 listener가 있을지 어떨지를 확인합니다.
| EventDispatcher | |
![]() | hasOwnProperty (name:String ):Boolean
object로 지정된 property가 정의되고 있는지 어떤지를 나타냅니다.
| Object | |
![]() | isPrototypeOf (theClass:Object ):Boolean
Object 클래스의 인스턴스가, Parameters로서 지정된 object의 prototype 체인내에 있을지 어떨지를 나타냅니다.
| Object | |
![]() | pause ():void
resume() Methods를 호출할 때까지, effect를 일시정지합니다. | Effect | |
![]() | play (targets:Array = null, playReversedFromEnd:Boolean = false):Array
effect의 재생을 개시합니다.
| Effect | |
![]() | propertyIsEnumerable (name:String ):Boolean
지정된 property가 존재해, 열거 가능한가 어떤가를 나타냅니다.
| Object | |
![]() | removeEventListener (type:String , listener:Function , useCapture:Boolean = false):void
EventDispatcher object로부터 listener를 삭제합니다.
| EventDispatcher | |
![]() | resume ():void
pause() Methods를 호출해, effect를 일시정지한 후, 재개시킵니다. | Effect | |
![]() | reverse ():void
effect가 현재 재생중의 경우에, effect의 현재 위치로부터 개시해, 역순서로 effect를 재생합니다.
| Effect | |
![]() | setPropertyIsEnumerable (name:String , isEnum:Boolean = true):void
루프 처리에 대한 다이나믹 property의 가용성을 설정합니다.
| Object | |
![]() | toString ():String
지정된 object의 string 표현을 돌려줍니다.
| Object | |
![]() | valueOf ():Object
지정된 object의 원시적치를 돌려줍니다.
| Object | |
![]() | willTrigger (type:String ):Boolean
지정된 event 타입에 대해, 이 EventDispatcher object 또는 그 조상에게 event listener가 등록되어 있는지 어떤지를 확인합니다.
| EventDispatcher | |
| xBy | property |
public var xBy:Number 컴퍼넌트를 x 축으로 따라 이동하는 픽셀수를 나타냅니다. 부의 수치를 지정할 수도 있습니다.
| xFrom | property |
public var xFrom:Number 초기 위치의 x 좌표를 나타냅니다.
| xTo | property |
public var xTo:Number 이동처의 위치의 x 좌표를 나타냅니다.
| yBy | property |
public var yBy:Number 컴퍼넌트를 y 축으로 따라 이동하는 픽셀수를 나타냅니다. 부의 수치를 지정할 수도 있습니다.
| yFrom | property |
public var yFrom:Number 초기 위치의 y 좌표를 나타냅니다.
| yTo | property |
public var yTo:Number 이동처의 위치의 y 좌표를 나타냅니다.
| Move | () | constructor |
public 함수 Move(target:Object = null)constructor .
Parameterstarget:Object (default = null) — 이 effect로 애니메이션화하는 object를 나타냅니다.
|
<? xml version="1.0"? >
<! -- Simple example to demonstrate the Move effect. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<! [CDATA[
private function moveImage() :void {
myMove.end();
myMove.xTo=mouseX-60;
myMove.play();
}
]]>
</mx:Script>
<mx:Move id="myMove" target="{img}"/>
<mx:Panel title="Move Effect Example" width="95%" height="95%"
paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
<mx:Text width="100%" color="blue"
text="Click anywhere on the canvas to move the phone horizontally to that position"/>
<mx:Canvas id="canvas" width="100%" height="100%" mouseDown="moveImage();">
<mx:Image id="img" source="@Embed(source='assets/Nokia_6630.png')"/>
</mx:Canvas>
</mx:Panel>
</mx:Application>
코멘트가 추가되었을 경우, 메일로 받기. | 코멘트 리포트
현재의 페이지: http://flexdocs.kr/docs/flex2/langref/mx/effects/Move.html