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 是否启用餐单项