flex linbar

感觉可以实现导航栏的功能。只是简单的实现，直接代码。也copy了别人的东西。在此感谢奉献的人们

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> 
   
    <mx:Script>
     <![CDATA[
     import mx.controls.Alert;
     
      public function linkBarClick():void{
       //得到每次点击所选择的 canvas的下标， 下标从“0”开始
       Alert.show(linkBar.selectedIndex.toString());
       
      
      }
     ]]>
    </mx:Script>
    <mx:Panel title="LinkBar Control Example"   
        height="75%" width="75%" horizontalAlign="center" 
        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> 
     
        <mx:Text width="100%"   
            text="LinkBar测试"/> 
 
  <!-- 点击得到所选择的是第几板块-->
        <mx:LinkBar itemClick="linkBarClick()" selectedIndex="{linkBar.selectedIndex}" id="linkBar" color="#0000FF" fontWeight="bold" dataProvider="{myViewStack}" />          
          
        <!-- Define the ViewStack and the three child containers. --> 
        <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%"> 
 
            <mx:Canvas id="search"  backgroundColor="#FFFFCC" label="第一板块" width="100%" height="100%"> 
                <mx:Label text="Search Screen" color="#000000"/> 
            </mx:Canvas> 
 
            <mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="第二板块" width="100%" height="100%"> 
                <mx:Label text="Customer Info" color="#000000"/> 
            </mx:Canvas> 
 
            <mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="第三板块" width="100%" height="100%"> 
                <mx:Label text="Account Info" color="#000000"/> 
            </mx:Canvas> 
        </mx:ViewStack> 
          
    </mx:Panel> 
</mx:Application>