Flex3学习轨迹:创建菜单栏

Flex提供三个菜单栏控件：Menu、MenuBar、PopupMeunButton 。主要用于构建应用程序菜单 。

效果图

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top" fontSize="12" paddingTop="20">
	<mx:Script>
		<![CDATA[
			import mx.events.MenuEvent;
			import mx.controls.Alert;
			[Bindable]
            [Embed(source="assets/print.gif")]
            public var myIcon:Class;
            private function itemClickHandler(event:MenuEvent):void
            {
            	if(event.label == "退出")
            		Alert.show("您单击的是退出按钮");
            }
		]]>
	</mx:Script>
	<mx:Panel width="420" height="350" title="Flex菜单栏" paddingLeft="10" paddingTop="10">    
	    <mx:MenuBar id="myMenuBar" labelField="@label" iconField="@icon" itemClick="itemClickHandler(event);"  height="30" width="380">
        <mx:XMLList>
            <menuitem label="文件">
                <menuitem label="打开..."/>                
                <menuitem label="保存" enabled="false"/>
                <menuitem label="另存为..." type="check" toggled="true"/>
                <menuitem label="" type="separator" />
                <menuitem label="发送">
                	<menuitem label="电子邮件" type="radio" groupName="one"/>
                	<menuitem label="其他方式" type="radio" groupName="one" toggled="true"/>                	
                </menuitem>
                <menuitem label="打印" icon="myIcon"/>
                <menuitem label="退出"/>
            </menuitem>
            <menuitem label="编辑"/>
            <menuitem label="帮助"/>
        </mx:XMLList>
    </mx:MenuBar>
    </mx:Panel>
</mx:Application>

属性说明：

type 用于设置菜单项类型 separator check radio 

groupName 用于针对radio设置其组名

icon 引用图标

label 设置菜单项文本

tooggled 用于设置radio是否选中 

enable 是否启用餐单项