Flex3.0入门课程：创建菜单栏

您当前位置：首页 > 文章中心 > HTML5+CSS3 > Flash+Flex

【Flash+Flex】

下载

新闻

文章

Flex3.0入门课程：创建菜单栏

xml_menu.mxml

<?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="print.png")]
			public var myIcon:Class;
			private function itemClickHandler(event:MenuEvent):void
			{
				if(event.label == "退出")
					Alert.show("您单击的是退出按钮");
			}
		]]>
	</mx:Script>
	<mx:Panel width="420" height="350" title="菜单栏" 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="工具" />
				<menuitem label="帮助" />
			</mx:XMLList>
		</mx:MenuBar>
	</mx:Panel>
</mx:Application>