Flex...ToggleButtonBar & ViewStack...!

오늘 일을 하다가 알게 된 것...

ToggleButtonBar에 DataProvider를 이용하여 배열 비슷 한것들을 묶어주면 버튼이 생성 되는것들은 다들 알고 있을것이다.

오늘 하려던 프로그래밍은 상단에 버튼이 1렬 횡대로 세개 정도가 존재하고 그 버튼을 누를때마다 버튼 밑 부분...

쉽게말해 해당하는 페이지가 변하는 그런것을 만들려고 하였다.

버튼은 그대로 이고 밑부분만 해당 내용으로 바뀌는 그런 페이지.

처음에 짜던 소스는...

<mx:HBox>

<s:Button />

<s:Button />

<s:Button />

</mx:HBox>

<mx:ViewStack>

<notice:NewsList />

<notice:NewsList />

<notice:NewsList />

</mx:ViewStack>

버튼을 세개 만들고 그 밑에 ViewStack을 위치하게 하여 버튼 클릭시 마다 ViewStack이 바뀌며 원하는 정보를 보여준다.

여기서 좀더 간단하게 만드는 방법(?)을 배웠다...

<s:VGroup gap="0">

<mx:ToggleButtonBar dataProvider="{vsNotice}" />

<mx:ViewStack id="vsNotice">

<number:One label="one" />

<number:Two label="two" />

<number:Three label="three" />

</mx:ViewStack>

</s:VGroup>

첫번째 소스는 버튼을 세개 만들어 줘야 했지만...두번째 코드는 뷰스택의 수 만큼 ToggleButtonBar를 만드는 코드이다.

버튼의 Label에는 각각의 ViewStack의 label이 들어가게 된다.

훨씬더 간단하지 않은가??ㅋ

이런 것들을 보면 Flex...음....

Flex시작 4주차 첫날...!