Control & Layout : 컴포넌트 사용하기

이미 교재를 이용해서 공부하고 있지만 Design Patterns 를 공부할때도 그러했듯이 책에 나온 예제와 비슷하지만 전혀 다른 내용의 연습용 예제를 하나 더 만들어보는 것이 굉장히 많은 도움이 되었다. 때문에 이번에도 비슷한 예제를 통해서 학습을 해보려고 한다. 3장부터가 실제 FLEX 의 기능들을 사용하는 부분이라 3장부터 학습을 시작하였다.

위의 소스에서 등장하는 Control 들은 LinkButton, Label 이렇게 두가지가 있다. 그리고 Layout 들은 Panel, ApplicationControlBar, VBox, HBox 가 있다. 먼저 Control 과 Layout 의 정의 부터 알아야 할텐데.. Control은 좀 생각해볼 필요가 있고 Layout은 직관적인 표현이라고 하겠다.

Control : 일정한 형태가 있는 UI를 갖추고 있고 사용자의 동작이나 행동을 직접받는 컨테이너
Layout : 특별한 형태보다는 화면 구성을 위해 분할, 배치가 용이하도록 만든 컨테이너

쉽게 말하면 Control은 사용자에게 보여지고 사용되어 지는 경우가 많고 Layout은 실제로 보여지지는 않지만 Control 들의 배치를 위한 물밑작업(?)을 한다고 보면 되겠다. 각 Control과 Layout의 설명은 Adobe FLEX Resouces 를 통해서 보다 더 자세하게 알수 있으므로 기능에 대한 설명은 생략한다.