一般我们管理Flash右键菜单是为了两个目的:第一个,编辑右键菜单,实现我们自己需要的某些功能;第二个,完全屏蔽右键菜单。前者可以通过AS代码来实现,而后者,Flash本身并不支持,需要借助一些外力实现。下面我分别介绍:
一、编辑右键菜单
从InteractiveObject类继承的每个对象,都可以具有唯一的上下文菜单,如Button、TextField、Sprite、MovieClip等。需要注意的是:Stage对象是其中一个例外,它并不接受contextMenu属性,但如果设置stage.showDefaultContextMenu = false,可以删除其他所有的菜单命令(包括默认的和自己定义的)。
管理右键菜单首先需要使用ContextMenu类,用于管理菜单。如以下代码:
var myContextMenu:ContextMenu = new ContextMenu(); //定义菜单实例
myContextMenu.hideBuiltInItems(); //隐藏默认的菜单项
this.contextMenu = myContextMenu; //应用菜单项
如果我们并不需要隐藏所有的默认菜单项,可以使用ContextMenuBuiltInItems类进行控制,该类的作用就是控制默认的右键菜单选项。比如我们要关闭其他的默认菜单,仅保留“打印”,代码如下:
var myContextMenu:ContextMenu = new ContextMenu();
myContextMenu.hideBuiltInItems(); //使用该行代码,设置所有默认项的属性为false
var defaultItems:ContextMenuBuiltInItems = myContextMenu.builtInItems;
defaultItems.print = true; //设置“打印”为true
this.contextMenu = myContextMenu;
最后我们使用ContextMenuItem类编辑自己的菜单项。在编辑之前,我先说下,编辑自己的菜单项是有一些限制的,比如:
(1) 自定义菜单项不得超过15个,每个标题必须至少包含一个可见字符。
(2) 标题字符不能超过100个,并且开头的空白字符会被忽略。
(3) 与任何内置菜单项相同的标题将被忽略。不过比较搞笑的是,内置菜单项比如打印,实际是“打印…”,所以如果取名“打印”是可以的。
代码如下:
var myContextMenu:ContextMenu = new ContextMenu();
myContextMenu.hideBuiltInItems();
var menuItem1:ContextMenuItem = new ContextMenuItem("第一个菜单项");
menuItem1.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, func1);
myContextMenu.customItems.push(menuItem1);
var menuItem2:ContextMenuItem = new ContextMenuItem("第二个菜单项");
menuItem2.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, func2);
myContextMenu.customItems.push(menuItem2);
this.contextMenu = myContextMenu;
function func1(event:ContextMenuEvent) {
trace(event.target.caption);
}
function func2(event:ContextMenuEvent) {
trace(event.target.caption);
}
ContextMenuItem类还有一些有用的属性,如:
caption:获取菜单项标题名称
enabled:菜单项是否启用(未启用为灰色不可点击状态)
separatorBefore:菜单项上方是否显示分隔条
二、完全屏蔽右键菜单
完全屏蔽右键菜单,一般有以下三种方法:
(1) 采用JS来实现屏蔽鼠标右键的功能
网上有提供现成的代码范例,地址如下:http://www.taoshaw.com/flash/link_add/youjian/youjian.rar
(2) 也是通过JS,利用透明gif+div网页层在Flash上添加链接的方法来实现的
代码相对简单些,如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Flash彻底屏蔽右键</title>
</head>
<body>
<table height=121 border=0 align="center" cellpadding=0 cellspacing=0>
<tr>
<td>
<div style="position:relative">
<EMBED style="position:absolute;z-index:0" src=\'#\'" //www.taoshaw.com/flash/link_add/xiao.swf" quality=high height=196 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" wmode="opaque">
<a href="http://www.taoshaw.com" target="_blank" style="cursor:pointer">
<div style="position:relative;filter:alpha(opacity=0);-moz-opacity:0;left:0;top:0; background:#CDEAF6;;height:196px;z-index:10">
</div>
</a>
</div>
</td>
</tr>
</table>
</body>
</html>
(3) 利用swfobject模块自带的右键屏蔽功能
swfobject据说是Google工程师开发的,功能很强大,非常好用。
格式如下: <flash id="test" name="test" src=\'#\'" ;560" height="420" Version="10.0.0" param="{wmode:'opaque'}" rightclick="rightClick"/>
只要把最后一项改成rightclick="no",即可实现屏蔽鼠标右键的功能了。