FLEX学习-2 菜单控件

FLEX学习-2 菜单控件

1、在flash builder 4.0中新建一个MXML应用程序；

2、在.mxml中增加如下的内容：

<?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">?
?<fx:Style source="my_menubar.css"/>
?<fx:Script>
??<![CDATA[
???import mx.controls.Alert;
???import mx.controls.Menu;
???import mx.events.MenuEvent;
???private function menuHandler(event:MenuEvent):void?
???{
????Alert.show("Label: " + event.item.@label );
???}
??]]>
?</fx:Script>
?<mx:MenuBar labelField="@label" itemClick="menuHandler(event);" top="10" height="30" left="50" right="50">
??<fx:XMLList id="menubarData" >
???<menuitem label="系统管理" />
???<menuitem label="监测点管理" >
????<menuitem label="Menu 2 -1 " type="check"/>
????<menuitem label="Menu 2 -2 " type="radio"/>
???</menuitem>
???<menuitem label="绘图管理">
????<menuitem label="Menu 3 -1 " />
????<menuitem label="Menu 3 -2 " >
?????<menuitem label="Menu 3 -2 -1 "? />
?????<menuitem label="Menu 3 -2 -2 " />
????</menuitem>
???</menuitem>
???<menuitem label="数据管理" />
???<menuitem label="报表管理" />
???<menuitem label="理论计算管理" />
??</fx:XMLList>?
?</mx:MenuBar>
</s:Application>
3、编译后为如下效果