Flex手机项目 - 使用ViewMenu组件设置菜单按钮
作者:hangge | 2014-12-22 14:30
通过使用<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>
效果图如下:

全部评论(0)