tabBar.mxml
<?xml version="1.0" encoding="utf-8"?>
<!--http://www.javaeye.com/topic/210348-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style source="style.css"/>
<mx:Script>
<![CDATA[
import mx.events.ItemClickEvent;
internal function btn_click_handler(evt:ItemClickEvent):void{
myViewstack.selectedIndex = evt.index;
}
]]>
</mx:Script>
<mx:Panel x="43" y="10" width="366" height="310" layout="absolute" horizontalGap="0" verticalGap="0" title="TabBar实例" borderStyle="solid">
<mx:TabBar id="btns" x="10" y="10" width="308" itemClick="btn_click_handler(event)">
<mx:dataProvider>
<mx:Array>
<mx:String>Flex</mx:String>
<mx:String>Flash</mx:String>
<mx:String>FMS</mx:String>
<mx:String>FDS</mx:String>
</mx:Array>
</mx:dataProvider>
</mx:TabBar>
<mx:ViewStack x="10" y="40" id="myViewstack" width="308" height="200">
<mx:Canvas id="child1" label="View 1" width="100%" height="100%">
<mx:List>
<mx:Array>
<mx:Object label="请选择您感兴趣的技术："/>
<mx:Object label="Flash"/>
<mx:Object label="Flex"/>
<mx:Object label="Flash Media server"/>
<mx:Object label="Breeze"/>
</mx:Array>
</mx:List>
</mx:Canvas>
<mx:Canvas id="child2" label="View 2" width="100%" height="100%">
<mx:TextInput text="请输入您的邮箱地址" />
<mx:Button x="168" y="1" label="订阅Flash Rss"/>
</mx:Canvas>
<mx:Canvas id="child3" label="View 3" width="100%" height="100%">
<mx:Label text="FMS 2.0.4发布了" />
</mx:Canvas>
<mx:Canvas id="child4" label="View 4" width="100%" height="100%">
<mx:Label text="Breeze" />
</mx:Canvas>
</mx:ViewStack>
</mx:Panel>
</mx:Application>
