flex中的menuBar

 
<?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"
			   creationComplete="application1_creationCompleteHandler(event)">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>

	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.events.FlexEvent;
			import mx.events.MenuEvent;

			protected function menubar1_itemClickHandler(event:MenuEvent):void
			{
				Alert.show(event.item.@label);
			}


			protected function application1_creationCompleteHandler(event:FlexEvent):void
			{
				var dp:Array = [
					{label:"Flash动画王",data:"id_001"},{label:"Flash开发王",{label:"Flex开发王",data:"id_001"}
				];
				pmb.dataProvider = menu_data;
				pmb.labelField="@label";
				pmb.showRoot=false;
			}

		]]>
	</fx:Script>
	<fx:Declarations>
		<fx:XML id="menu_data">
			<root>
				<menuitem label="第一菜单" eventName="item1">
					<submenuitem label="子菜单一" eventName="subitem1"/>
				</menuitem>
				<menuitem label="第二菜单" eventName="item2">
					<submenuitem label="子菜单二" eventName="subitem1"/>
				</menuitem>
			</root>
		</fx:XML>
	</fx:Declarations>
	<mx:MenuBar x="200" y="100" dataProvider="{menu_data}"
				labelField="@label" showRoot="false" itemClick="menubar1_itemClickHandler(event)"/>
	
	<mx:PopUpMenuButton id="pmb" x="400" y="100" />
	
	<mx:MenuBar x="200" y="300" 	labelField="@label" showRoot="false" itemClick="menubar1_itemClickHandler(event)">
		<mx:dataProvider>
			<fx:XML>
				<root>
					<menuitem label="第一菜单" eventName="item1">
						<submenuitem label="子菜单一" eventName="subitem1"/>
					</menuitem>
					<menuitem label="第二菜单" eventName="item2">
						<submenuitem label="子菜单二" eventName="subitem1"/>
					</menuitem>
				</root>
			</fx:XML>
		</mx:dataProvider>		
	</mx:MenuBar>
	
</s:Application>

相关文章

一:display:flex布局display:flex是一种布局方式。它即可以...
1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何...
移动端开发知识点pc端软件和移动端apppc端软件是什么,有哪些...
最近挺忙的,准备考试,还有其他的事,没时间研究东西,快周...
display:flex;把容器设置为弹性盒模型(设置为弹性盒模型之后...
我在网页上运行了一个Flex应用程序,我想使用Command←组合键...