Flex4之简单菜单制作

首先呢说明一下，我写的这个菜单呢，为了符合我的项目需要没有用到任何menu组件，用到时list组件进行构造，中间有一个比较重要：就是点击目标对象时菜单出来，点击其他地方时菜单消失，这个问题之前想了好多办法都没解决，后来发现时要在全局有个click事件，在这个全局click事件中进行处理就OK

那么看一下我的程序吧

 

<SPAN style="FONT-SIZE: large"><?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>
</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>

 点击菜单上每一项都可以跳到新网址上去