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