点击目标对象时菜单出来,点击其他地方时菜单消失,这个问题之前想了好多办法都没解决,后来发现时要在全局有个click事件,在这个全局click事件中进行处理就OK
那么看一下我的程序吧
- <spanstyle="font-size: large;"><?xmlversion="1.0"encoding="utf-8"?>
- <s:Applicationxmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:s="library://ns.adobe.com/flex/spark"
- xmlns:mx="library://ns.adobe.com/flex/mx"minWidth="955"minHeight="600"
- creationComplete="init()"
- click="application1_clickHandler(event)"xmlns:components="components.*">
- <s:layout>
- <s:BasicLayout/>
- </s:layout>
- <fx:Script>
- <![CDATA[
- import mx.collections.ArrayList;
- var list:mx.controls.List=new mx.controls.List();
- protected function init():void{
- var arr:ArrayList=new ArrayList();
- arr.addItem("百度");
- arr.addItem("有道");
- arr.addItem("必应");
- list.dataProvider=arr;
- list.x=408;
- list.y=46;
- list.width=40;
- list.height=90;
- list.id="cityList";
- this.addElement(list);
- list.setVisible(false);
- list.addEventListener(MouseEvent.CLICK,listClick);
- }
- protected function listClick(event:MouseEvent):void{
- mylabel.text=list.selectedItem.valueOf();
- list.visible=false;
- var u:URLRequest;
- if(mylabel.text=="百度"){
- u=new URLRequest("http://www.baidu.com");
- }else if(mylabel.text=="有道"){
- u=new URLRequest("http://www.youdao.com");
- }else if(mylabel.text=="必应"){
- u=new URLRequest("http://www.bing.com");
- }
- navigateToURL(u);//跳到新窗口
- }
- //注意这里,就是在这里进行事件判断处理
- protected function application1_clickHandler(event:MouseEvent):void
- {
- if(event.target.id=="linkBtnImg"){
- list.visible=true;
- }else{
- list.visible=false;
- }
- }
- ]]>
- </fx:Script>
- <s:Labelid="mylabel" x="285"y="183"/>
- <mx:LinkButtonid="linkBtnImg" x="285"y="40"icon="@Embed('img/11111.png')"width="116"/>
- </s:Application>
- </span>
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
creationComplete="init()"
click="application1_clickHandler(event)" xmlns:components="components.*">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.collections.ArrayList;
var list:mx.controls.List=new mx.controls.List();
protected function init():void{
var arr:ArrayList=new ArrayList();
arr.addItem("百度");
arr.addItem("有道");
arr.addItem("必应");
list.dataProvider=arr;
list.x=408;
list.y=46;
list.width=40;
list.height=90;
list.id="cityList";
this.addElement(list);
list.setVisible(false);
list.addEventListener(MouseEvent.CLICK,listClick);
}
protected function listClick(event:MouseEvent):void{
mylabel.text=list.selectedItem.valueOf();
list.visible=false;
var u:URLRequest;
if(mylabel.text=="百度"){
u=new URLRequest("http://www.baidu.com");
}else if(mylabel.text=="有道"){
u=new URLRequest("http://www.youdao.com");
}else if(mylabel.text=="必应"){
u=new URLRequest("http://www.bing.com");
}
navigateToURL(u);//跳到新窗口
}
//注意这里,就是在这里进行事件判断处理
protected function application1_clickHandler(event:MouseEvent):void
{
if(event.target.id=="linkBtnImg"){
list.visible=true;
}else{
list.visible=false;
}
}
]]>
</fx:Script>
<s:Label id="mylabel" x="285" y="183"/>
<mx:LinkButton id="linkBtnImg" x="285" y="40" icon="@Embed('img/11111.png')" width="116"/>
</s:Application>
点击菜单上每一项都可以跳到新网址上去
效果如下