感觉可以实现导航栏的功能。只是简单的实现,直接代码。也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>