WWW : World Wide Wonsama

FLEX에서 레이아웃 배치를 할 때 궁금점이 있어 테스트를 진행하여 보았습니다.

아래와 같은 테스트 코드에서

0. 버튼 누르기 전
1. includeInLayout
2. width
3. percentWidth

각각 3개를 조절하였을 때 화면상에서 어떻게 보이는지를 확인해 보았습니다.


0. 버튼 누르기 전


1. b1.includeInLayout = false;
==> 검정 화면이 레이아웃에서 제거 되면서 horizontalGap 또한 줄어 들어 실제적으로 녹색화면이 약간 크기가 증가한 모습으로 보임.

2. b1.width = 0;
==> 검정색 화면의 크기가 0으로 줄어 들었지만 컨테이너 내부에는 존재하므로 horizontalGap은 유지되어 아래와 같은 그림으로 보임.

b1.percentWidth = 0;
==> percentWidth 적용시 컨테이너 내부 항목의 크기를 최소값으로 유지하여 아래와 같은 그림으로 보임.
 

각각 약간의 차이가 보이네요 ^^ 도움이 되셨나요 ?  레이아웃 설계시 참조가 되었음 하네요 ^_^
[참조] 사항으로 rawChildren 을 공부하시면 더 도움이 될거 같네요 ~