Flex点击弹出菜单示例

来源:互联网 发布:剑灵人男捏脸数据吧 编辑:程序博客网 时间:2024/05/29 03:04
<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()"><mx:Script><![CDATA[//导入需要的包import mx.controls.Menu;import mx.events.MenuEvent;import mx.controls.Alert;           import flash.geom.Point;import flash.events.MouseEvent;//声明一个标明鼠标位置的类private var point1:Point = new Point();//声明菜单private var myMenu:Menu;//定义弹出菜单函数private function showMenu(event:MouseEvent):void {//创建弹出菜单,指明弹出菜单得内容myMenu= Menu.createMenu(panel, myMenuData, false);//指明弹出菜单,显示的字段myMenu.labelField="@label"//指明点击菜单项时响应的函数myMenu.addEventListener("itemClick", menuHandler);//得到鼠标的位置并弹出菜单point1.x=event.stageX;point1.y=event.stageY; myMenu.show(point1.x , point1.y);}//定义函数响应点击菜单事件private function menuHandler(event:MenuEvent):void {//定义一个连接请求URLRequest对象实例var searchRequest:URLRequest;//如果点击删除菜单if(event.item.@eventName=="delete"){//清空source_txa内容source_txa.text="";}//如果点击百度搜索菜单else if(event.item.@eventName=="baidu"){//使用百度搜索source_txa.text内容searchRequest = new URLRequest("http://www.baidu.com/baidu?word="+source_txa.text);//打开搜索结果页面navigateToURL(searchRequest);}//如果点击Google搜索菜单else if(event.item.@eventName=="google"){//使用Google搜索source_txa.text内容searchRequest = new URLRequest("http://www.google.cn/search?q="+source_txa.text);//打开搜索结果页面navigateToURL(searchRequest);}} //初始化函数   private function init():void{//设定监听source_txa组件的点击函数source_txa.addEventListener(MouseEvent.CLICK,showMenu);}]]></mx:Script><!-- 设定菜单内容的数据--><mx:XML id="myMenuData"><root><menuitem label="删除" eventName="delete"/><menuitem label="搜索" eventName="search"><menuitem label="使用百度" eventName="baidu"/><menuitem label="使用google" eventName="google"/></menuitem></root></mx:XML><!--定义Panel作为菜单的容器 --><mx:Panel id="panel" width="60%" height="60%" layout="horizontal" horizontalCenter="0" verticalCenter="0" title="弹出菜单"><mx:Form width="50%"><mx:FormHeading label="弹出菜单演示"/><mx:FormItem label="说明"><!--定义TextArea组件响应点击事件 --><mx:TextArea id="source_txa" editable="false" selectable="false" text="Flex入门"/></mx:FormItem></mx:Form></mx:Panel></mx:Application>

原创粉丝点击