TabBar的用法

<? xml version="1.0" encoding="utf-8" ?>
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute" >
    
< mx:Script >
        
<![CDATA[
            import mx.events.ItemClickEvent;
            internal function btn_click_handler(evt:ItemClickEvent):void{
                viewstack1.selectedIndex=evt.index;//将viewStack和TabBar的状态保持同一个位置
            }
        
]]>
    
</ mx:Script >
    
< mx:Panel  x ="28"  y ="21"  width ="329"  height ="253"  layout ="absolute"  title ="TabBar实例"  id ="tab1" >
        
< mx:TabBar  x ="10"  y ="10"  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 ="26"  id ="viewstack1"  width ="200"  height ="200" >
            
< mx:Canvas  id ="child1"  label ="View 1"  width ="100%"  height ="194" >
                
< mx:List  height ="184" >
                    
< mx:Array >
                        
< mx:Object  label ="选择你感兴趣的技术" ></ mx:Object >
                        
< mx:Object  label ="Flash" ></ mx:Object >
                        
< mx:Object  label ="Flex" ></ mx:Object >
                        
< mx:Object  label ="java" ></ mx:Object >
                        
< mx:Object  label ="j2ee" ></ mx:Object >
                    
</ mx:Array >
                
</ mx:List >
            
</ mx:Canvas >
            
< mx:Canvas  id ="child2" >
                
< mx:TextInput  text ="请输入你的邮箱地址" ></ mx:TextInput >
            
</ mx:Canvas >
            
< mx:Canvas  id ="child3" >
                
< mx:Button  label ="这是一个button" ></ mx:Button >
            
</ mx:Canvas >
            
< mx:Canvas  id ="child4" >
                
< mx:Button  label ="这又是一个button" ></ mx:Button >
            
</ mx:Canvas >
        
</ mx:ViewStack >
        
    
</ mx:Panel >
</ mx:Application >
 

你可能感兴趣的:(TabBar的用法)