플렉스튜디오는 화면의 구성요소(컴포넌트)를 데이터 상태에 따라 혹은 사용자의 동작에 따라 변화를 줄 수 있습니다. 이를 위해서는 구성요소의 생성시의 변화가 가능한 방법에 대해 학습이 필요합니다.

1. 화면의 구성요소별 생성 순서

다음은 화면의 구성요소들이 생성되는 순서를 도식화한 표입니다.

Untitled

Step의 구성요소는 Step에 배치되는 순서에 따라서 생성이 됩니다.

각 컴포넌트는 하위요소가 있을 경우 하위요소가 모두 생성되고 난 후 다음 요소를 생성합니다. 위의 그림에서도 두번째 위치에 있는 레이아웃은 첫번째 레이아웃이 모두 생성된 후 7번째로 생성되는 것을 확인 할 수 있습니다.

2. 구성요소(컴포넌트)의 생성 Cycle 과 LoadScript

모든 구성요소들은 다음의 순서에 따라서 생성 되게 됩니다. 모든 컴포넌트는 최초 생성 될 때 뿐 아니라 다시 load(생성) 될 때에도 다음의 순서를 모두 따르게 됩니다.

Ready : 기존에 정의된 컴포넌트의 속성을 가져옵니다.

LoadScript : 컴포넌트가 생성되기 전에 실행되는 스크립트입니다. 동적으로 컴포넌트 속성을 변경하거나, 데이터를 변경할 수 있습니다.

Render :기존 [컴포넌트 속성]에서 LoadScript로 수정된 최종 속성정보로 컴포넌트를 생성합니다.

위의 도표는 LoadScript가 없이 일반적으로 컴포넌트가 생성되는 단계를 표현합니다.

[Component Properties]는 사전에 개발된 [컴포넌트의 속성]입니다. 위의 도표에서는 사전에 First Name 이라는 캡션명과, 캡션의 컬러를 레드로 정의해 두었습니다. 미리 정의된 컴포넌트 속성은 다음 단계를 따라서 실제 컴포넌트를 생성합니다. 최종적으로 Render를 통해서 텍스트를 입력하는 컴포넌트가 생성되었습니다.

Untitled