flex自定义右键菜单

第一步：到http://rightclickmanager.googlecode.com/下载rightclickmanager-source-lib-0.1.rar并引入自己的FLEX工程，这是实现右键点击事件，及完全屏闭系统右键菜单的关键！

第二步：打开: <主程序名>.template.html 文件，修改为：

view plaincopy to clipboardprint?

   1. 

第三步：在主程序文件.as中引入：

    import com.siloon.plugin.rightClick.RightClickManager;

并加如下代码：

view plaincopy to clipboardprint?

   1. [Event(name="rightClick",type="fla sh.events.ContextMenuEvent")]
   2. public class index
   3. {
   4.
   5. protected var rightClickRegisted:Boolean = false;
   6.
   7. public function index()
   8. {
   9.   super();
10.
11.   if (!rightClickRegisted)
12.   {
13.    RightClickManager.regist();
14.    rightClickRegisted = true;
15.   }
16.   try
17.   {
18.    name = NameUtil.createUniqueName(this);
19.   }
20.   catch (e:Error)
21.   {
22.   }
23.   return;
24.
25. }
26.
27. public override function toString() : String
28. {
29.   return NameUtil.displayObjectToString(this);
30. }

第四步：在要弹出右键的控件的初始化代码中加入：

NavTabTree.addEventListener(RightClickManager.RIGHT_CLICK,rightClickHandler);

再加以下函数来处理：

view plaincopy to clipboardprint?

   1. /**
   2. * 在控制上单击右键菜单事件的处理函数
   3. * @param event 右键事件
   4. *
   5. */
   6. protected function rightClickHandler(event:ContextMenuEvent):void
   7. {
   8.     onRightClicked(event);
   9.     removeMenu();
10.
11.     menu = new Menu();
12.     menu = Menu.createMenu(this, createMenuItems(), false);
13.
14.     menu.labelField="label"
15.     menu.variableRowHeight = true;
16.     //menu.addEventListener(MenuEvent.ITEM_CLICK, menuItemClickHandler);
17.
18.     var point:Point = new Point(mouseX,mouseY);
19.     point = localToGlobal(point);
20.     menu.show(point.x,point.y);
21. }
22. /**
23. * 如果显示过Menu，则先释放资源
24. *
25. */
26. private function removeMenu():void
27. {
28.     if(menu!=null)
29.     {
30.         menu.hide();
31.         //menu.removeEventListener(MenuEvent.ITEM_CLICK,menuItemClickHandler);
32.         menu=null;
33.     }
34. }
35. /**
36. * 创建右键菜单选项
37. * @return 返回选项组成的Array
38. *
39. */
40. private function createMenuItems():Array
41. {
42.     var menuItems:Array = new Array();
43.     var menuItem:Object;
44.
45.     menuItem = new Object;
46.     menuItem.label = '清空画布';
47.     menuItem.action = 'clearAll';
48.     menuItems.push(menuItem);
49.
50.     menuItem = new Object;
51.     menuItem.label = '选择背景';
52.     menuItem.action = 'selectBackImage';
53.     menuItems.push(menuItem);
54.
55.     return menuItems;
56. }
57. /**
58. * 当右键单击Tree的Item时，自动选择鼠标所在的当前项
59. * @param e 自定义右键菜单事件
60. *
61. */
62. private function onRightClicked(e:ContextMenuEvent):void
63.
64. {
65.
66.     var rightClickItemRender:IListItemRenderer;
67.
68.     var rightClickIndex:int;
69.
70.     if(e.mouseTarget is IListItemRenderer) {
71.
72.         rightClickItemRender = IListItemRenderer(e.mouseTarget);
73.
74.     }else if(e.mouseTarget.parent is IListItemRenderer) {
75.
76.         rightClickItemRender = IListItemRenderer(e.mouseTarget.parent);
77.
78.     }
79.
80.
81.
82.     if(rightClickItemRender != null) {
83.
84.         rightClickIndex = NavTabTree.itemRendererToIndex(rightClickItemRender);
85.
86.         if(NavTabTree.selectedIndex != rightClickIndex) {
87.
88.             NavTabTree.selectedIndex = rightClickIndex;
89.
90.         }
91.
92.     }
93. }

第五步：

修改RightClickManager.as文件的

static private var rightClickTarget:*;

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

   1.      static private function mouseOverHandler(event:MouseEvent) : void
   2.      {
   3. rightClickTarget = InteractiveObject(event.target);
   4.          return;
   5.      }
   6.
   7.      static private function dispatchRightClickEvent() : void
   8.      {
   9. var event:ContextMenuEvent;
10.          if (rightClickTarget != null)
11.          {
12.              event = new ContextMenuEvent(RIGHT_CLICK, true, false, rightClickTarget as InteractiveObject, rightClickTarget as InteractiveObject);
13.              rightClickTarget.dispatchEvent(event);
14.          }// end if
15.          return;
16.      }

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

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。