应用思考-教育技术论坛

标题: AS3.0的元素处理：管理Flash右键菜单 [打印本页]

作者: etthink 时间: 2013-4-20 14:12
标题: AS3.0的元素处理：管理Flash右键菜单
                                                                                             一般我们管理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=”http://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=”RightClick.swf” ;560″ height=”420″ Version=”10.0.0″ param=”{wmode:’opaque’}”  rightclick=”rightClick”/>
只要把最后一项改成rightclick=”no”，即可实现屏蔽鼠标右键的功能了。

欢迎光临应用思考-教育技术论坛 (http://etthink.com/)