Flex自定义右键菜单具体实现

在Flex开发中，自定义右键菜单并不是一个开箱即用的功能，但通过合理的技术手段，完全可以实现。下面拆解一下具体的实现步骤，从注册类到集成使用，一步步说清楚。

1. 自定义右键菜单注册类

首先需要封装一个专门的注册类 RightClickManager，它负责与浏览器侧的Ja vaScript交互，拦截右键点击事件，并转发回Flash环境。关键代码如下：

复制代码

package com.siloon.plugin.rightClick
{
    import flash.display.DisplayObject;
    import flash.display.InteractiveObject;
    import flash.events.ContextMenuEvent;
    import flash.events.MouseEvent;
    import flash.external.ExternalInterface;
    import mx.core.Application;
    
    public class RightClickManager
    {
        static private var rightClickTarget:DisplayObject;
        static public const RIGHT_CLICK:String = "rightClick";
        static private const ja vascript:XML =
        ;
        
        public function RightClickManager()
        {
            return;
        }
        
        static public function regist() : Boolean
        {
            if (ExternalInterface.a vailable)
            {
                ExternalInterface.call(ja vascript, ExternalInterface.objectID);
                ExternalInterface.addCallback("rightClick", dispatchRightClickEvent);
                Application.application.addEventListener(MouseEvent.MOUSE_OVER,mouseOverHandler);
            }
            return true;
        }
        
        static private function mouseOverHandler(event:MouseEvent) : void
        {
            rightClickTarget = InteractiveObject(event.target);
            return;
        }
        
        static private function dispatchRightClickEvent() : void
        {
            var event:MouseEvent;
            if (rightClickTarget != null)
            {
                event = new MouseEvent(RIGHT_CLICK, true, false, rightClickTarget.mouseX, rightClickTarget.mouseY);
                rightClickTarget.dispatchEvent(event);
            }
            return;
        }
    }
}

2. 修改HTML模板：屏蔽系统右键菜单

光有注册类还不够，还需要在宿主页面上做一点配置。找到Flex工程下的 html-template/index.template.html 文件（用文本编辑器打开），在 var params = {}; 语句下面添加一行：

params.wmode = "opaque";

这一行是关键——将Flash的wmode设为opaque，才能拦截浏览器默认的右键菜单。

3. 在主程序文件中集成

接下来在主程序文件里，需要完成初始化、创建菜单项、生成菜单、响应事件等一系列操作。以下是核心代码片段：

复制代码

// 初始化
protected function init():void
{
    if (!rightClickRegisted)
    {
        maxNumText.text=rightClickRegisted.toString();
        RightClickManager.regist();
        rightClickRegisted = true;
    }
    this.addEventListener(RightClickManager.RIGHT_CLICK,rightClickHandler);
    maxNumText.text+="init";
}

// 创建菜单项
private function createMenuItems():Array
{
    var menuItems:Array = new Array();
    var menuItem:Object;
    menuItem = new Object;
    menuItem.label = '刷新'; //菜单项名称
    //menuItem.itemIcon = this.menu_SX;//菜单项图标
    menuItems.push(menuItem);
    return menuItems;
}

// 生成右键菜单
private function initMenu():void
{
    menu = Menu.createMenu(this, createMenuItems(), false);
    //menu.iconField="itemIcon";
    //menu.labelField="label";
    menu.variableRowHeight = true;
    menu.width=100;
    menu.addEventListener(MenuEvent.ITEM_CLICK, menuItemSelected);
    var point:Point = new Point(mouseX,mouseY);
    point = localToGlobal(point);
    menu.show(point.x,point.y);
    maxNumText.text="initMenu";
}

// 删除右键菜单
private function removeMenu():void
{
    if(menu!=null)
    {
        menu.hide();
        menu.removeEventListener(MenuEvent.ITEM_CLICK,menuItemSelected);
        menu=null;
    }
    maxNumText.text="removeMenu";
}

// 菜单项点击事件
private function menuItemSelected(event:MenuEvent):void
{
    var menuItem:Object = event.menu.selectedItem as Object;
    switch(menuItem.label)
    {
        case "刷新":
            addLine();
            break;
        // ……
    }
}

private function addLine():void
{
    maxNumText.text="addLine";
}

// 控件右击事件
private function rightClickHandler(event:MouseEvent):void
{
    maxNumText.text="rightClickHandler0";
    removeMenu();
    initMenu();
    maxNumText.text="rightClickHandler";
}

4. 完整代码示例

将以上各部分整合到一起，就得到了一个完整的自定义右键菜单实现。这里直接给出完整的示例代码，方便对照使用：

复制代码

（此处为用户提供的完整示例代码文件，因篇幅原因不再重复列出，实际使用时请将上述代码段按顺序组合即可。）

需要注意的是，代码中的 maxNumText 用于调试输出，实际项目中可替换为真实的UI逻辑。核心流程就是：注册右键事件 → 监听鼠标悬停记录目标组件 → 触发右键时删除旧菜单、创建新菜单并显示。整个方案兼容主流的Gecko、WebKit和IE内核，在Flash Player中表现稳定。