Flex4 自定义右键菜单

第一步：到http://rightclickmanager.googlecode.com/下载rightclickmanager-source-lib-0.1.rar并引入自己的FLEX工程，这是实现右键点击事件，及完全屏闭系统右键菜单的关键！（将src目录下的com复制到自己的Flex工程中即可，mx不用复制到自己的工程中）

 

第二步：

修改RightClickManager.as文件的

static private var rightClickTarget:*;

 

再修改两个该文件的两个函数：

static private function mouseOverHandler(event:MouseEvent) : void

{

rightClickTarget = InteractiveObject(event.target);  

return;  

}

 

static private function dispatchRightClickEvent() : void

{

var event:ContextMenuEvent;

if (rightClickTarget != null)  

{  

event = new ContextMenuEvent(RIGHT_CLICK, true, false, rightClickTarget asInteractiveObject, rightClickTarget as InteractiveObject);  

rightClickTarget.dispatchEvent(event);  

}// end if  

return;

}

 

修改RightClickManager的事件从MouseEvent改为ContextMenuEvent是为了能在列表控件DataGrid\Tree\List上点右键时自动选择当前行，使用了ContextMenuEvent事件中的 event.mouseTarget和列表控件的IListItemRenderer接口！

 

第三步：打开自己的Flex工程下的html-template文件夹下的index.template.html文件（右击-Open With-Text Editor），在var params = {};语句的下面添加下面的语句：

params.wmode = "opaque";//屏蔽系统右键菜单的关键

 

第四步：在主程序文件中引入：

（注：写在

 

 

 

的里面）

 

import com.siloon.plugin.rightClick.RightClickManager;

 

[Event(name="rightClick",type="flash.events.ContextMenuEvent")]

 

//右键菜单的图标

[Embed("images/menu_SP_add.png")]

private var menu_SP_add:Class;

 [Embed("images/menu_TZ_add.png")]

private var menu_TZ_add:Class;

 [Embed("images/menu_Folder_add.png")]

private var menu_Folder_add:Class;

 [Embed("images/menu_FJ_uploadsingle.png")]

private var menu_FJ_uploadsingle:Class;

……

 

protected var rightClickRegisted:Boolean = false;

private var menu:Menu;

 

第五步：

在init函数中加入如下语句：

（注：init函数即程序的初始化函数

xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx"

creationComplete="init();" layout="absolute"

minWidth="1000" minHeight="650" xmlns:local="*">

）

 

if (!rightClickRegisted)  

{  

RightClickManager.regist();  

rightClickRegisted = true;  

} 

tree.addEventListener(RightClickManager.RIGHT_CLICK,treeRightClickHandler);

 

再添加如下函数：

//mx:Tree控件右击事件

private function treeRightClickHandler(event:ContextMenuEvent):void

{

tree_onRightClicked(event); 

tree_removeMenu();

             

tree_InitMenu();

}

 

//mx:Tree控件右击自动选择

private function tree_onRightClicked(e:ContextMenuEvent):void 

{  

var rightClickItemRender:IListItemRenderer;    

              

var rightClickIndex:int;  

             

if(e.mouseTarget is IListItemRenderer)

{          

rightClickItemRender = IListItemRenderer(e.mouseTarget);         }

else if(e.mouseTarget.parent is IListItemRenderer)

{          

rightClickItemRender = IListItemRenderer(e.mouseTarget.parent);    

}    

             

if(rightClickItemRender != null)

{    

rightClickIndex = tree.itemRendererToIndex(rightClickItemRender);    

                 

if(tree.selectedIndex != rightClickIndex)

{    

tree.selectedIndex = rightClickIndex;   

}   

} 

}

 

//删除右键菜单

private function tree_removeMenu():void 

{  

if(menu!=null)  

{  

menu.hide();

menu.removeEventListener(MenuEvent.ITEM_CLICK,tree_MenuItemSelected);  

menu=null;  

}  

}

 

//生成右键菜单

private function tree_InitMenu():void

{

menu = Menu.createMenu(this, tree_createMenuItems(), false);

             

menu.iconField="itemIcon";//右键菜单的图标

menu.labelField="label";  //右键菜单的名称 

menu.variableRowHeight = true;     

menu.addEventListener(MenuEvent.ITEM_CLICK, tree_MenuItemSelected);  //右键菜单的事件

             

var point:Point = new Point(mouseX,mouseY);  

point = localToGlobal(point);   

menu.show(point.x,point.y);  //显示右键菜单

}

 

//生成菜单项，菜单项是根据右击时自动选择的树的节点的深度和属性动态生成的，所选择的树的节点的深度和属性不同则生成的菜单项不同。（GetRootNode是获取根节点的函数，FascRightMenu等函数用于生成对应的菜单项）

private function tree_createMenuItems():Array  

{  

var menuItems:Array = new Array();

             

var menuItem:Object;

menuItem = new Object;  

menuItem.label = '刷新'; //菜单项名称

menuItem.itemIcon = this.menu_SX;//菜单项图标

menuItems.push(menuItem);

             

var currentItem:XML=tree.selectedItem as XML;

var depth:Number=GetDepth(currentItem);

if(depth==0)

{

if(GetRootNode(currentItem).attribute("tag").toString()=="gyfasctz"||GetRootNode(currentItem).attribute("tag").toString()=="myfasctz"||GetRootNode(currentItem).attribute("tag").toString()=="szfasctz")

{

FascRightMenu(menuItems);//生成对应菜单项

}

else

{

LctypeRightMenu(menuItems);

}

}

if(depth==1)

{

……

}

…… 

return menuItems;  

} 

 

//生成具体菜单项

private function FascRightMenu(menuItems:Array):void

{

var menuItem:Object = new Object;  

menuItem.label = "添加台账"; //菜单项名称

menuItem.itemIcon = this.menu_TZ_add;//菜单项图标

menuItems.push(menuItem);

}

 

//菜单项点击事件

private function tree_MenuItemSelected(event:MenuEvent):void

{

var menuItem:Object = event.menu.selectedItem as Object;

……

 

switch(menuItem.label)

{

case "刷新":

……

break;

    ……

}

 

效果：