CN102073452B - 一种实现flex自定义右键菜单的方法 - Google Patents

Abstract

本发明公开了一种实现flex自定义右键菜单的方法，包括下列步骤：1)鼠标触摸到flex应用中需要设置右键菜单的组件，保存鼠标触摸组件的对象；2)鼠标右键点击所述组件，flash播放器派发右键点击事件到html模板；3)html模板获取事件后，html模板中的组件调用flex应用方法生成模拟生成的鼠标右击事件，鼠标触摸组件的对象派发该事件；4)需要设置右键菜单的组件响应模拟生成的鼠标右击事件弹出flex右键菜单。采用本发明的方法可以屏蔽flex默认菜单，并根据flex内部样式自由设置菜单的风格和功能选项，给用户更好的个人体验。

Description

一种实现flex自定义右键菜单的方法

技术领域

本发明涉及按键菜单领域，尤其涉及实现flex自定义右键菜单的方法。

背景技术

Adobe提供的flex本身不提供右键菜单，在flex或flash应用上点击右键出现的菜单是flash播放器设置菜单，参见图1，即当鼠标右键单击flex界面组件时，flash播放器响应该事件并弹出flash播放器设置菜单，该菜单即为flashplayer默认右键菜单，在这个过程中，事件被flashplayer拦截，并防止事件冒泡和流过，事件传递到html。事件不会派发到flashplayer内部应用内，flex或flash应用中获取不到右键单击事件。在flex或flash应用程序中可以调整一些右键功能选项，但屏蔽不了默认的flash播放器设置菜单的功能，对菜单样式也不能自定义设置，与自定义的flex应用风格不搭配，没有良好的用户体验。

发明内容

本发明针对现有flex中右键菜单的确定，提供一种能完全屏蔽flex默认右键菜单，实现个性化自定义右键菜单的方法。

本发明的技术方案为：一种实现flex自定义右键菜单的方法，其步骤如下：

1、鼠标触摸到flex应用中需要设置右键菜单的组件，保存鼠标触摸组件的对象(即flex应用中需要设置右键菜单的组件)；。

2、鼠标右键点击所述组件，flash播放器派发右键点击事件到html模板；

3、html模板获取事件后，html模板调用flex应用方法生成模拟生成的鼠标右击事件，鼠标触摸组件的对象派发该模拟生成的鼠标右击事件；

4、需要设置右键菜单的组件响应模拟生成的鼠标右击事件弹出flex右键菜单。

所述flex应用方法为将鼠标右键点击后产生的鼠标右击事件的buttonDown设为false，获得模拟生成的鼠标右击事件。

所述模拟生成的鼠标右击事件的buttonDown设为false。

所述flex右键菜单为自定义的弹出窗口。

所述flex右键菜单是指采用flex内部样式生成弹出窗口。从而实现右键菜单个性化。

所述html模板中flash播放器的参数params.wmode设为opaque。

所述html模板中调用flex应用方法的组件为javascript组件。

本发明的优点：

1、可以自由设置菜单的风格

2、可以自用设置菜单的功能选项

3、屏蔽了flex默认的菜单

附图说明

图1是实现flex默认右键菜单的方法流程图；

图2是本发明的实现Flex自定义右键菜单的方法流程图。

具体实施方式

下面根据附图进一步详细说明本发明的方法。

一种实现flex自定义右键菜单的方法，如图2所示，包括如下步骤：

1)、在html模板中设置flashplayer参数params.wmode＝″opaque″，使应用程序隐藏页面上位于它后面的所有内容，这样就可以响应应用程序中的鼠标事件了。

2)、鼠标拖放到flex应用中需要设置右键菜单的组件上，监听由此产生的鼠标触摸事件，并保存鼠标触摸事件目标源的对象到应用变量中；

3)、右键点击flex应用中需要设置右键菜单的组件，此时触发mouseover事件(右键点击事件)，记录该事件目标源即需要派发鼠标右键事件的组件，同时右键点击事件由flash播放器派发，播放器继续抛出事件至html模板。即右键点击事件流过flash播放器。在flex事件机制中，组件响应事件一般分为冒泡阶段，目标阶段，捕获阶段。冒泡和捕获阶段事件都会经过所有通过Flex应用中包含需要相应鼠标事件的组件可视化容器。此通过形象比喻为流过。

4)、html模板响应鼠标点击事件，javascript组件调用flex应用中的方法，即将鼠标右键点击后产生的鼠标右击事件的buttonDown设为false，获得模拟生成的鼠标右击事件的方法。

5)、javascript调用的flex方法中用鼠标触摸事件目标源对象派发模拟生成的鼠标右击事件。此时鼠标触摸事件源与右键点击事件源是同一对象，即应用中需要设置右键菜单的组件。

6)、需要设置右键菜单的组件组件响应该事件在鼠标当前位置弹出弹出窗口。弹出窗口即为自定义的右键菜单。该窗口可应用flex的内部样式生成各种个性化的右键菜单窗口。

Claims (1)

1.一种实现flex自定义右键菜单的方法，包括步骤：

1）在html模板中设置flash播放器参数params.wmode="opaque"，以响应应用程序中鼠标事件；所述鼠标事件包括：鼠标点击事件和鼠标触摸事件；

2）将鼠标拖放到flex应用中需要设置右键菜单的组件上，用于监听鼠标触摸事件，并保存鼠标触摸事件目标源的对象到应用变量中；

3）鼠标右键点击flex应用中需要设置右键菜单的组件，触发鼠标点击事件并保存鼠标右键点击事件到flex播放器内部存储变量中；同时所述鼠标右键点击事件由flash播放器派发，所述flash播放器抛出事件至html模板；

4）所述html模板响应鼠标点击事件，javascript组件通过调用flex应用中的方法，将鼠标右键点击后产生的鼠标右击事件的buttonDown设为false，获得模拟生成的鼠标右击事件的方法；

5）所述步骤4）javascript组件调用的flex方法中，通过设置右键菜单的组件，用以鼠标触摸事件模拟生成的鼠标右击事件；

6）所述步骤5）中设置右键菜单的组件在鼠标当前位置弹出窗口，响应应用程序中鼠标事件，完成建立自定义的右键菜单。

Images