Flex events와 behaviors 사용하기

events와 behaviors 사용하기    Using events and behaviors

이벤트가 발생하였을 때 콤포넌트 설정 수정하기
아래 코드는 버튼을 클릭하면 myPanel을 보이지 않게 작용합니다.

<mx:Panel id="myPanel" layout="absolute" width="80%" height="80%" x="122" y="24">

<mx:Button label="Close" right="30" bottom="40" click="myPanel.visible=false"/>

ActionScript 함수 사용하기
버튼이나 패널등에서 발생하는 이벤트를 <mx:Script>를 에서 ActionScript 로 처리 되는걸 보여줍니다

  
 <?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> 
    <mx:Style source="styles.css" />

    <mx:Script> 
        <![CDATA[ 
            public function close() : void { 
            myPanel.visible = false; 
            } 
        ]]> 
    </mx:Script> 

    <mx:Panel id="myPanel" layout="absolute" width="80%" height="80%" x="122" y="24">
        <mx:TextArea text="Say hello to Flex!" top="10" bottom="70" left="10" right="30" /> 
        <mx:Button label="Close" right="30" bottom="40" click="close();" /> 
    </mx:Panel> 
</mx:Application>

MXML에서 ActionScript 분리하기
아래 코드 처럼 as 파일로 분리 가능합니다.

<mx:Script source="myFunctions.as" />

행동과 변화에 따른 비주얼 상호작용 추가하기

<mx:Fade id="myFade"/>
<mx:Panel id="myPanel" layout="absolute" width="80%" height="80%" hideEffect="{myFade}" >

위의 코드는 Fade(흐릿해지는 효과) 를 Panel에 추가 한이군요.
visible 이벤트가 발생할 때 Panel이 흐릿해지면서 사라집니다.