flex学习 导航

几种导航选项卡
  <?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:ButtonBar dataProvider="myPages">
</mx:ButtonBar>
<mx:ToggleButtonBar dataProvider="myPages">
</mx:ToggleButtonBar>
<mx:ToggleButtonBar dataProvider="{myPages}" />
<mx:LinkBar dataProvider="{myPages}"/>
<!--tab选项卡-->
<!--<mx:TabNavigator id="myPages">
</mx:TabNavigator>-->
<!--上下折叠选项卡 不能与bar一起用-->
<!--<mx:Accordion id="myPages">
</mx:Accordion>-->
<!--显示在同一层-->
<mx:ViewStack id="myPages">
<mx:Panel width="250" height="200" layout="absolute" title="Welcome" id="welcome" label="welcome">
<mx:Text text="Welcome" width="200" height="120" x="15" y="10" fontSize="14"/>
</mx:Panel>
<mx:Panel width="250" height="200" layout="absolute" title="Contact" id="contact" label="contact">
<mx:Text text="Text上" width="200" height="120" x="15" y="10"/>
</mx:Panel>
<mx:Panel width="250" height="200" layout="absolute" title="About Us" id="aboutUs" label="aboutUs">
<mx:Text x="15" y="10" text="Text3" width="200" height="120"/>
</mx:Panel>
</mx:ViewStack>
<mx:HBox>
<mx:Button label="Welcome"/>
<mx:Button label="Contact Us"/>
<mx:Button label="About Us"/>
</mx:HBox>
</mx:Application>