flex 创建导航菜单

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
  xmlns:s="library://ns.adobe.com/flex/spark" 
  xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" currentState="login" creationComplete="initCollections();" >

<fx:Script>
<![CDATA[
import mx.events.MenuEvent;  
import mx.controls.Alert;  
import mx.collections.*;  

[Bindable]  
public var menuBarCollection:XMLListCollection;  

private var menubarXML:XMLList =  
<>  
<menuitem label="系统管理" data="top">  
<menuitem label="用户管理" data="usermanager"/>  
<menuitem label="角色管理" data="rolemanager"/>  
</menuitem>  
<menuitem label="参数配置" data="top">  
<menuitem label="系统配置"  data="systemconfig"/>  
<menuitem type="separator"/>  
<menuitem label="数据字典" >  
<menuitem label="访问统计" data="visit"/>  
<menuitem label="人数统计"  data="count"/>  
</menuitem>  
</menuitem>  
</>;  

// Event handler to initialize the MenuBar control.  
private function initCollections():void {  
menuBarCollection = new XMLListCollection(menubarXML);  
}  

// Event handler for the MenuBar control's itemClick event.  
private function menuHandler(event:MenuEvent):void  {  
// Don't open the Alert for a menu bar item that   
// opens a popup submenu.  
if (event.item.@data != "top") {  
Alert.show("Label: " + event.item.@label + "\n" +   
"Data: " + event.item.@data, "Clicked menu item");  
}          
}  




]]>
</fx:Script>
<s:states>
<s:State name="main"/>
<s:State name="login"/>
</s:states>
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->

</fx:Declarations>

<mx:Panel title="MenuBar Control Example" height="75%" width="75%"   
 paddingTop="10" paddingLeft="10" x="186" y="-9" x.login="135" y.login="241" height.login="275">  

<mx:Label width="100%" color="blue"  
 text="Select a menu item."/>  

<mx:MenuBar labelField="@label" itemClick="menuHandler(event);"   
dataProvider="{menuBarCollection}" />  

</mx:Panel>
</s:Application>