오늘 일을 하다가 알게 된 것...
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주차 첫날...!
'Flex' 카테고리의 다른 글
| Flex Button에 대하여.. (0) | 2013.04.01 |
|---|---|
| Flex DataGrid rowCount를 데이터의 갯수대로 생성하기. (0) | 2011.02.25 |
| Flash Builder 컴파일 시 에러...! (0) | 2010.11.05 |
| Flex의 ViewStack과 States...! (0) | 2010.10.28 |
| Flex ComboBox CSS...! (0) | 2010.10.22 |
