`
xiaotian_ls
  • 浏览: 308104 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

FLEX 屏闭系统右键菜单,及在列表控件DataGrid/Tree/List上点右键时自动选择当前行

    博客分类:
  • Flex
 
阅读更多

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

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

 

  1. <!--  
  2.     AC_FL_RunContent(  
  3.             "src""${swf}",  
  4.             "id""${application}",  
  5.             "name""${application}",  
  6.             "width""${width}",  
  7.             "height""${height}",  
  8.             "align""middle",  
  9.             "menu""false",  
  10.             "wmode""opaque",                  //注意:这里是右键屏蔽的关键   
  11.             "quality""high",  
  12.             "bgcolor""${bgcolor}",  
  13.             "allowScriptAccess""always",  
  14.             "allowNetworking""all",  
  15.             "allowFullScreen""true",          //是否可全屏的参数   
  16.             "type""application/x-shockwave-flash",  
  17.             "pluginspage""http://www.adobe.com/go/getflashplayer"  
  18.     );  
  19. //-->  

 

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

    import com.siloon.plugin.rightClick.RightClickManager;

 

并加如下代码:

  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);

 

再加以下函数来处理:

 

 

  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, truefalse, 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接口!

 

        本功能也有副作用,系统右键菜单失效,那文本的右键复制粘贴也就失效了,有大量用到TEXTINPUT的就要小心使用了~!

 

转自:http://blog.csdn.net/cjy37/article/details/3954516

分享到:
评论

相关推荐

    Flex4_DataGrid_Tree_条目渲染器_源码

    在Flex4中,数据展示是应用程序开发中的重要环节,而DataGrid和Tree组件则是Adobe Flex提供的两种常用的数据展示工具。这两个组件允许开发者以表格或树形结构显示数据,提供了丰富的功能和灵活性,使得用户可以更好...

    Flex List DataGrid Menu 拖动技术

    通过合理的配置和编程,开发人员可以在`List`、`DataGrid`和`Tree`等组件上实现丰富的拖拽效果,从而显著提升应用程序的可用性和用户体验。希望本文能帮助你更好地理解和应用Flex中的拖拽技术。

    flex基本控件总结

    除了上述控件,还有菜单控件(Menu controls)、按钮控件(Button controls)和其他Flex控件(Flex controls)以及容器控件,这些控件提供了丰富的交互性和视觉效果,如Button、List、Accordion、TabNavigator等,...

    Flex课程学习(附带源码)

    7、容器控件(可包含控件及容器控件) Canvas、ControlBar、Form、FormHeading、Grid、HBox、HDividedBox ModuleLoader、Panel、Spacer、Tile、TileWindow、VBox、VDividedBox 8、学习 flex + MyEclipse的配置...

    flex中渲染器简介

    Flex 渲染器是Flex框架中的一个重要特性,主要用于在列表控件如List、DataGrid、Tree等中定制数据显示。在Flex中,渲染器允许开发者自定义列表中每一项的外观和行为,以此来提高用户体验和视觉吸引力。本系列将深入...

    flex 拖拽功能 中文文档

    ### Flex拖拽功能详解 Flex框架提供了一套强大的机制用于实现...综上所述,Flex的拖拽功能不仅提供了直观的用户交互体验,还简化了开发者在构建复杂用户界面时的工作流程,使其能够轻松实现数据的动态管理和布局调整。

    flex3的cookbook书籍完整版dpf(包含目录)

    在TextInput及TextArea控件上使用Validator 和Formatter 15.2节. 如何创建一个自定义的Formatter 15.3节. 使用正则表达式创建国际化邮政编码Validator 15.4节. 如何创建一个Validator去验证通用商品代码(UPC) 15.5...

    FLex文档教程

    基于列表的控件,如ComboBox、List、DataGrid、Tree等,通常用于展示和操作数据集合。这些控件可以从数据源获取数据列表,数据源可以是静态的数组或动态的数据提供程序。 - **直接在MXML中定义数据提供程序**:这种...

    Flex3组件拖放教程

    通过拖放操作,用户能够选择一个对象(例如`List`控件或Flex中的`Image`控件),并将其拖动至另一个组件(容器)中,最终将该对象添加到目标组件内。 #### 二、关于拖放操作 拖放操作主要包括三个阶段:初始化、...

    Flex拖拽

    Flex内置了对某些控件(如List、Tree和DataGrid)的拖拽支持,这大大简化了实现拖拽功能的过程。以下是一些关键点: - **自动处理**:对于上述控件,Flex会自动处理大部分与拖拽相关的逻辑,包括拖拽代理的创建和...

    flex quick starts

    - 当未指定自定义条目渲染器时,Flex会自动使用默认的条目渲染器来显示列表项。这种方式简单易用,但缺乏个性化。 - 示例代码展示了如何在MXML文件中配置`DataGrid`来使用默认的条目渲染器。 2. **使用Drop-in...

    FlexBuilder教程.pdf

    - 这些控件包括ComboBox、List、HorizontalList、DataGrid、Tile、Menu和Tree等,它们可以从数据提供程序获取数据,展示列表信息。数据提供可以通过两种方式设置: - **内联数据提供**:直接在MXML标签内部定义...

    Flex Builder教程

    2. **基于列表的控件**:如ComboBox、List、HorizontalList、DataGrid、Tile、Menu和Tree等,它们可以从数据提供程序获取数据。这些控件可以根据数据源动态展示列表内容。数据提供有两种方式:一是直接在MXML中定义...

    Flex讲座讲义(pdf)

    根据给定的文件信息,我们可以深入探讨Flex框架的关键知识点,特别是关于MXML语言以及Flex组件的详细介绍。 ### MXML:Flex的核心语言 MXML是一种基于XML的语言,专门用于描述Flex应用的用户界面和非可视化组件。...

    flex_教程.doc

    - **基于列表的控件**:包括ComboBox、List、HorizontalList、DataGrid、Tile、Menu和Tree等。这些控件可以从数据源获取数据,并显示为列表形式。除了直接在MXML中定义数据外,还可以通过数据绑定的方式将控件与...

    Flex教程Flex教程

    - 基于列表的控件如`ComboBox`、`List`、`DataGrid`、`Menu`和`Tree`,它们通常从数据提供程序获取数据,展示列表或树状结构的信息。可以通过直接在MXML中定义数据源或使用数据绑定的方式连接到后端数据。 3. **...

    Flex基础培训-3-组件和布局

    Flex是一种基于标准的编程框架,用于构建和维护在各种设备和屏幕尺寸上运行的应用程序。其主要优点是允许开发者使用MXML和ActionScript等技术快速开发富互联网应用(RIA)。本篇文档主要关注Flex中的组件和布局概念...

    flex题目大全

    根据给定文件的信息,我们可以总结出一系列与Flex和ActionScript 3(AS3)相关的知识点。下面的内容将针对每一个问题进行详细的解答。 ### Flex及AS3基础知识 #### 1. AS3语言中,Array里面是不是可以放不同类型?...

    Flex从入门到精通

    Flex组件库包括各种UI控件,如Button、TextInput、List等,以及更复杂的组件如Tree、DataGrid和Chart。这些组件都封装了丰富的功能,可以快速构建复杂的用户界面。 五、数据绑定和事件处理 1. 数据绑定:Flex支持...

    想学习flex的,应该看看这个说明文档 好东西!

    Flex内置了多种控件和容器,如Button、DateChooser、Slider、Box、DividedBox、Panel、DataGrid、Tree和TileList等。初学者应熟悉这些组件的属性、事件、样式和效果,知道如何查找API文档,以及何时选择合适的组件。...

Global site tag (gtag.js) - Google Analytics