当前位置: > > > Flex手机项目 - 使用ViewMenu组件设置菜单按钮

Flex手机项目 - 使用ViewMenu组件设置菜单按钮

通过使用<s:viewMenuItems>标签,可以定义并创建一组菜单按钮。而且这些按钮默认是隐藏的,只有在下面两种情况下可以显示出来:
(1)当用户按下设备的原生菜单按钮时,这个菜单将会出现在屏幕的底部。当选择一个条目后,该视图菜单将会从视图中消失。
(2)也可以通过将FlexGlobals.topLevelApplication对象的viewMenuOpen属性设置为true来调用这个菜单。

代码如下:
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
		xmlns:s="library://ns.adobe.com/flex/spark" title="主页视图">
	
	<fx:Script>
		<![CDATA[
			import mx.core.FlexGlobals;
			protected function btnclickHandler(event:MouseEvent):void
			{
				FlexGlobals.topLevelApplication.viewMenuOpen = true;
			}
			
			protected function onSelected(event:MouseEvent):void
			{
				trace(event.currentTarget.label);
			}
			
		]]>
	</fx:Script>
	
	<s:Button label="弹出菜单" click="btnclickHandler(event)"/>
	<s:viewMenuItems>
		<s:ViewMenuItem label="添加" click="onSelected(event)"/>
		<s:ViewMenuItem label="修改" click="onSelected(event)"/>
		<s:ViewMenuItem label="删除" click="onSelected(event)"/>
	</s:viewMenuItems>
</s:View>
效果图如下:

评论0