Flex自制简单菜单

最新推荐文章于 2024-11-15 20:04:07 发布

w98degrees

最新推荐文章于 2024-11-15 20:04:07 发布

阅读量105

点赞数

分类专栏： Flex4 文章标签： Flex 百度 Bing Adobe XML

本文链接：https://blog.csdn.net/w98degrees/article/details/83916574

版权

Flex4 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

本文介绍了一个使用Adobe Flex技术创建的应用实例，展示了如何通过Flex构建具备基本交互功能的应用程序。该实例中实现了下拉列表功能，当点击按钮时显示或隐藏一个包含多个选项（如百度、有道、必应）的列表，选择任一选项后将导航至相应的网站。

摘要由CSDN通过智能技术生成

<?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/logo.png')" width="116"/>
	
	
</s:Application>