flex4.5 MenuBar使用

flex3和4有好多的区别,现在列出flex4MenuBar使用

1.定义menubar需要数据

<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
		<fx:XMLList id="menuBar">
			<menuitem label="文件">
				<menuitem label="打开"/>
				<menuitem label="保存" enabled="false" icon="myIcon"/>
				<menuitem label="另存为..."    type="check"       toggled="true"/>  
				<menuitem label=""   type="separator"/> 
				<menuitem label="输出">  
					<menuitem label="BMPL"       type="radio"    groupName="one"/>  
					<menuitem label="图片"    type="radio"     groupName="one"  toggled="true"/>  
				</menuitem>
				<menuitem label="打印"/>  
				<menuitem label="退出"/> 
			</menuitem>
			<menuitem label="编辑"/>  
			<menuitem label="查看"/>  
			<menuitem label="工具"/>  
			<menuitem label="帮助"/>
		</fx:XMLList>
	</fx:Declarations>

 2.脚本定义

<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.events.MenuEvent;
			
			protected function munuItemClickHandler(event:MenuEvent):void
			{
				if(event.label == "退出"){
					Alert.show("您单击的是退出按钮");
				}
				
			}
			
		]]>
	</fx:Script>

 3.menubar的定义

<mx:MenuBar id="myMenuBar" dataProvider="{menuBar}" labelField="@label" iconField="@icon" height="30" width="100%" itemClick="munuItemClickHandler(event)">
					
				</mx:MenuBar>

效果图:


flex4.5 MenuBar使用_第1张图片
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(flex4)