컴퍼넌트의 인스턴스화 라이프 사이클에 대해 -- Flex 2::Flex 한글화 문서

Flex 2 컴퍼넌트의 작성과 확장 > ActionScript 컴퍼넌트의 작성 > ActionScript 에 의한 확장된 비주얼 컴퍼넌트의 작성 > 확장된 컴퍼넌트의 작성에 대해 > 컴퍼넌트의 인스턴스화 라이프 사이클에 대해

컴퍼넌트의 인스턴스화 라이프 사이클에 대해

컴퍼넌트 인스턴스화 라이프 사이클은, 컴퍼넌트 클래스로부터 컴퍼넌트 오브젝트를 작성할 경우에 생기는 일련의 순서를 기술한 것입니다. Flex 는, 이 라이프 사이클의 일환으로서 컴퍼넌트 메소드의 호출해, 이벤트의 송출(Dispatch), 및 컴퍼넌트의 가시화를 자동적으로 실시합니다.

다음의 예에서는, ActionScript 로 Button 컨트롤이 작성되어 컨테이너에 추가됩니다.

// Box 컨테이너를 작성한다
var boxContainer:Box = new Box();
// Box 컨테이너를 설정한다 

// Button 컨트롤을 작성한다 
var b:Button = new Button()
// Button 컨트롤을 설정한다
b.label = "Submit";
...
// Button 컨트롤을 Box 컨테이너에 추가한다
boxContainer.addChild(b);

다음의 순서는, 이 코드를 실행해 Button 컨트롤을 작성해, 그것을 Box 컨테이너에 추가했을 때에 무엇을 하는지를 나타낸 것입니다.

다음의 코드에 나타내도록(듯이), 컴퍼넌트의 constructor　　 을 호출합니다.
```
// Button 컨트롤을 작성한다 
var b:Button = new Button()
```
다음의 코드에 나타내도록(듯이), 컴퍼넌트의 properties 를 설정합니다.
```
// Button 컨트롤을 설정한다
b.label = "Submit";
```
컴퍼넌트의 setter 메소드는,invalidateProperties(),invalidateSize(),invalidateDisplayList() 의 몇개의 메소드를 호출하는 경우가 있습니다.
다음의 코드에 나타내도록(듯이),addChild() 메소드를 호출해 컴퍼넌트를 그 부모에게 추가합니다.
```
// Button 컨트롤을 Box 컨테이너에 추가한다
boxContainer.addChild(b);
```
Flex 에 의해 다음의 처리를 합니다.
1. 컴퍼넌트의 parent properties 가 그 부모 컨테이너를 참조하도록(듯이) 설정합니다.
2. 컴퍼넌트의 스타일 설정을 계산합니다.
3. 컴퍼넌트의 preinitialize 이벤트를 송출(Dispatch)합니다.
4. 컴퍼넌트의 createChildren() 메소드를 호출합니다.
5. invalidateProperties(),invalidateSize(),invalidateDisplayList() 의 메소드를 호출해, 다음번의 render 이벤트의 기간에 실행하는 commitProperties(),measure(),updateDisplayList() 의 몇개의 메소드의 호출을 trigger 합니다.
  유일한 예외는, 유저가 컴퍼넌트의 높이와 폭을 설정하는 경우로, Flex 는 measure() 메소드를 호출하지 않습니다.
6. 컴퍼넌트의 initialize 이벤트를 송출(Dispatch)합니다. 이 시점에서, 컴퍼넌트의 모든 아이는 초기화됩니다만, 컴퍼넌트의 크기 변경과 레이아웃 처리는 실행되고 있지 않습니다. 이 이벤트를 사용하면, 컴퍼넌트의 추가 처리를 레이아웃전에 실행할 수 있습니다.
7. 부모 컨테이너의 childAdd 이벤트를 송출(Dispatch)합니다.
8. 부모 컨테이너의 initialize 이벤트를 송출(Dispatch)합니다.
다음번의 render 이벤트의 기간에, Flex 는, 다음의 액션을 실행합니다.
1. 컴퍼넌트의 commitProperties() 메소드를 호출합니다.
2. 컴퍼넌트의 measure() 메소드를 호출합니다.
3. 컴퍼넌트의 layoutChrome() 메소드를 호출합니다.
4. 컴퍼넌트의 updateDisplayList() 메소드를 호출합니다.
5. 컴퍼넌트의 updateComplete 이벤트를 송출(Dispatch)합니다.
commitProperties(),measure(),updateDisplayList() 의 몇개의 메소드가 invalidateProperties(),invalidateSize(),invalidateDisplayList() 의 몇개의 메소드를 호출하는 경우, Flex 는 추가의 render 이벤트를 송출(Dispatch)합니다.
마지막 render 이벤트의 뒤에, Flex 는, 다음의 액션을 실행합니다.
1. visible properties 를 true 로 설정하는 것으로, 컴퍼넌트를 가시화합니다.
2. 컴퍼넌트의 creationComplete 이벤트를 송출(Dispatch)합니다. 레이아웃에 관한 컴퍼넌트의 크기 변경과 처리를 합니다. 이 이벤트는, 컴퍼넌트가 작성될 때 밖에 송출(Dispatch)되지 않습니다.
3. 컴퍼넌트의 updateComplete 이벤트를 송출(Dispatch)합니다. Flex 는, 컴퍼넌트의 레이아웃, 위치, 크기등의 시각적 특징이 변경되어 컴퍼넌트의 표시가 갱신될 때마다, 추가의 updateComplete 이벤트를 송출(Dispatch)합니다.

컴퍼넌트의 설정 작업의 대부분은,addChild() 메소드를 사용해 컴퍼넌트를 컨테이너에 추가할 경우에 발생합니다. 이 이유는, 컴퍼넌트를 컨테이너에 추가할 때까지, Flex 는 크기의 결정, 상속 스타일의 properties 의 설정, 화면상에서의 묘화를 할 수 없기 때문입니다.

다음의 예와 같이, 어플리케이션을 MXML 로 정의할 수도 있습니다.

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Box>
        <mx:Button label="Submit"/>
    </mx:Box>
</mx:Application>

컴퍼넌트를 MXML 로 작성할 경우에 Flex 가 실행하는 일련의 순서는, ActionScript 로 설명한 순서와 같습니다.

컴퍼넌트를 컨테이너로부터 삭제하려면 ,removeChild() 메소드를 사용합니다. 컴퍼넌트에 대한 참조가 없는 경우는, 최종적으로, Adobe 의 Macromedia Flash Player 9 의 가베지 콜렉션 메카니즘에 의해 메모리로부터 삭제됩니다.