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>