Flex4之简单菜单制作

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

那么看一下我的程序吧

 

<?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>

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

 效果如下

 

 

评论

1 楼 deshan085 2012-10-17  

太好了 感谢博主