mx.effects.Dissolve (Flex™ 2 레퍼런스 가이드)

Package	mx.effects
Class	public class Dissolve
Inheritance	Dissolve TweenEffect Effect EventDispatcher Object

컴퍼넌트가 투명으로부터 불투명하게, 또는 불투명으로부터 투명하게 추이하는 것 같은 애니메이션 효과를 설정합니다. Dissolve effect를 재생하면, 다음 일이 실행됩니다.

effect의 개시시에, 불투명한 구형이 작성됩니다. 구형은 타겟 컴퍼넌트 위에 떠오릅니다. 구형의 색은 Dissolve.color property에 일치해,alpha property의 초기치는 (1.0 - Dissolve.alphaFrom)으로 설정됩니다.
effect의 재생에 수반해, 구형의 alpha property가 (1.0 - alphaFrom)로부터 (1.0 - alphaTo)에 변화합니다. 서서히 구형이 불투명하게 되어, 그 아래에 표시되는 컨텐츠가 사라져 갑니다.
effect가 종료하면, 구형이 파기됩니다.

타겟 object가 컨테이너의 경우, Dissolve effect는 컨테이너의 컨텐츠 area에 적용됩니다. 컨텐츠 area는, 컨테이너의 배경색이 가시가 되어 있는 area입니다.

메모:Dissolve effect를 DataGrid 컨트롤의 creationCompleteEffect 방아쇠로 사용하려면 , DataGrid 컨트롤의 child 태그 또는 데이터 바인딩을 사용해 컨트롤 inline의 데이터 프로바이더를 정의할 필요가 있습니다. 이 문제의 원인은,creationComplete 이벤트가 dispatch될 때까지 데이터 프로바이더가 설정되지 않는 것에 있습니다. 그 때문에, effect의 재생 개시시에는, Flex 에 의한 DataGrid 컨트롤의 크기 조정은 완료하고 있습니다.

MXML 문장구조법 expanded

MXML 문장구조법의 비표시

<mx:Dissolve> 태그는 Super 클래스의 모든 태그 속성을 Inheritance해, 다음의 태그 속성을 추가합니다.

 <mx:Dissolve id="ID" alphaFrom="val" alphaTo="val" color="val" />

View the examples

Public property

상속된 Public property의 비표시

상속된 Public property 보기

	property		정의
		alphaFrom : Number 최초의 투명도 레벨은 0.0 에서 1.0 의 범위입니다 (0.0 = 투명, 1.0 = 완전하게 불투명).	Dissolve
		alphaTo : Number 최종적인 투명도 레벨은 0.0 에서 1.0 의 범위입니다 (0.0 = 투명, 1.0 = 완전하게 불투명).	Dissolve
		className : String `"Fade"` 등, effect 클래스의 이름입니다.	Effect
		color : uint = 0xFFFFFFFF effect에 의해 타겟 object 후에 남아 표시되는 구형의 색을 나타내는 16 진치입니다.	Dissolve
		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 = false `true` 의 경우, effect의 재생중에 모든 백그라운드 처리를 블록 합니다.	Effect
		target : Object 이 effect가 적용되는 UIComponent object를 나타냅니다.	Effect
		targetArea : RoundedRectangle effect를 재생하는 타겟의 area를 나타냅니다.	Dissolve
		targets : Array effect의 타겟인 UIComponent object의 배열을 나타냅니다.	Effect

Public Methods

상속된 Public Methods의 비표시

상속된 Public Methods 보기

	Methods		정의
		Dissolve (target:Object = null) constructor　　.	Dissolve
		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

Protected Methods

상속된 Protected Methods 보기

	Methods		정의
		applyValueToTarget (target:Object , property:String , value:* , props:Object ):void effect 인프라스트럭쳐에 의해 내부적으로 사용됩니다.	Effect
		effectEndHandler (event:EffectEvent ):void effect 인스턴스의 재생 종료시에 불려 갑니다.	Effect
		effectStartHandler (event:EffectEvent ):void 이 Methods는, effect 인스턴스의 재생 개시시에 불려 갑니다.	Effect
		filterInstance (propChanges:Array , targ:Object ):Boolean effect 인스턴스의 필터링에 필요한 논리를 결정합니다.	Effect
		getValueFromTarget (target:Object , property:String ):* 타겟으로부터 property의 값을 취득하기 위해서 `captureStartValues()` 에 의해 불려 갑니다.	Effect
		initInstance (instance:EffectInstance ):void effect 인스턴스에 effect의 property를 복사합니다.	Effect
		tweenEventHandler (event:TweenEvent ):void TweenEffect 로부터 TweenEvent 가 dispatch되었을 때에 불려 갑니다.	TweenEffect

일람	정의
effectEnd	effect의 재생 정지시 (effect의 재생 완료시, 또는 effect가 `end()` Methods의 호출에 의해 중단되었을 때)에 dispatch됩니다.	Effect
effectStart	effect의 재생 개시시에 dispatch됩니다.	Effect
tweenEnd	tween effects 의 종료시에 dispatch됩니다.	TweenEffect
tweenStart	`onTweenUpdate()` Methods의 최초의 호출해에 대응하는, tween effects 의 개시시에 dispatch됩니다.	TweenEffect
tweenUpdate	tween effects 에 의해 타겟이 갱신될 때마다 dispatch됩니다.	TweenEffect

property의 상세

alphaFrom

property

public var alphaFrom:Number

최초의 투명도 레벨은 0.0 에서 1.0 의 범위입니다 (0.0 = 투명, 1.0 = 완전하게 불투명).

effect에 의해 타겟 컴퍼넌트가 비표시가 되는 경우, 디폴트치는 타겟의 alpha property의 현재가입니다. effect에 의해 타겟 컴퍼넌트가 표시되는 경우, 디폴트치는 0.0 입니다.

alphaTo

property

public var alphaTo:Number

최종적인 투명도 레벨은 0.0 에서 1.0 의 범위입니다 (0.0 = 투명, 1.0 = 완전하게 불투명).

effect에 의해 타겟 컴퍼넌트가 비표시가 되는 경우, 디폴트치는 0.0 입니다. effect에 의해 타겟 컴퍼넌트가 표시되는 경우, 디폴트치는 타겟의 alpha property의 현재가입니다.

color

property

public var color:uint = 0xFFFFFFFF

effect에 의해 타겟 object 후에 남아 표시되는 구형의 색을 나타내는 16 진치입니다. 디폴트치는, 타겟 컴퍼넌트의 backgroundColor 스타일 property로 지정된 색인가,backgroundColor 가 설정되어 있지 않은 경우는 0xFFFFFF 가 됩니다.

targetArea

property

public var targetArea:RoundedRectangle

effect를 재생하는 타겟의 area를 나타냅니다. Dissolve 오버레이는, 이 property의 크기를 사용해 묘화를 실시합니다. UIComponent 에 의해, 컴퍼넌트 전체에 걸쳐 오버레이가 작성됩니다. 컨테이너에 의해, 크롬은 아니고, 컨텐츠 area상에 오버레이가 작성됩니다.

디폴트치null.

constructor　　 의 상세

Dissolve

()

constructor　　

public 함수 Dissolve(target:Object = null)

constructor　　.

Parameters

target:Object (default = null) — 이 effect로 애니메이션화하는 object를 나타냅니다.

Examples

DissolveEffectExample

<? xml version="1.0" encoding="utf-8"? >
<! -- Simple example to demonstrate the Dissolve effect.  -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Dissolve id="dissolveOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>
    <mx:Dissolve id="dissolveIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>

    <mx:Panel title="Dissolve Effect Example" 
        width="95%" height="95%" layout="horizontal" 
        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">

        <mx:VBox height="100%">
            <mx:Label text="Nokia 9930"  
                fontSize="14"
                visible="{cb1.selected}"
                hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>
            
            <mx:Image source="@Embed(source='assets/Nokia_6630.png')" 
                visible="{cb1.selected}"
                hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>
        </mx:VBox>
            
        <mx:VBox height="100%" width="100%">
            <mx:Text width="100%" color="blue" 
                text="Use the Dissolve effect to show or hide the text, image, and button.  The Dissolve effect works with system and embedded fonts, unlike the Fade effect which requires embedded fonts. "/>
            
                <mx:Spacer height="100%"/>
            
                <mx:Button label="Purchase" 
                    visible="{cb1.selected}"
                    hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>            
        </mx:VBox>

        <mx:ControlBar>
            <mx:CheckBox id="cb1" label="visible" selected="true"/>
        </mx:ControlBar>
    </mx:Panel>
</mx:Application>

Adobe® Flex™ 2 Language Reference		모든 패키지 \| 모든 클래스 \| 언어 엘리먼트 \| 색인 \| 부록 \| 규칙 \| 프레임내에 표시 프레임 없음 버젼
Class Dissolve	property \| Methods \| event \| 예