flex中的menuBar

最新推荐文章于 2014-06-26 00:08:31 发布

原创最新推荐文章于 2014-06-26 00:08:31 发布 · 972 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flex #application #library #menu #function #encoding

flex 专栏收录该内容

11 篇文章

订阅专栏

本文展示了一个使用Flex开发框架创建应用的实例，通过菜单栏实现数据交互与展示，包括Flash动画王、Flash开发王、Flex开发王等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?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开发王",data:"id_001"},
					{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>