首先呢说明一下,我写的这个菜单呢,为了符合我的项目需要没有用到任何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>
点击菜单上每一项都可以跳到新网址上去
效果如下
- 大小: 27.6 KB
分享到:
相关推荐
Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表制作Flex图表...
Flex万年历记事本_flex源码
FLEX4的皮肤制作教程FLEX4的皮肤制作教程FLEX4的皮肤制作教程FLEX4的皮肤制作教程
Flex4的菜单滑动效果,可以参考一下,move特效的使用方法
flex 简易计算器flex 简易计算器flex 简易计算器flex 简易计算器
flex4 简单增删改实例flex4 简单增删改实例flex4 简单增删改实例
flex4 简单增删改实例 使用mysql数据flex4 简单增删改实例 使用mysql数据flex4 简单增删改实例 使用mysql数据flex4 简单增删改实例 使用mysql数据flex4 简单增删改实例 使用mysql数据
FLEX4的皮肤skin.教你如何使用皮肤
《Flex 4实战》主要内容简介:Flex已经从原来构建flash应用程序的一种方式发展成为一个丰富的体系。Flex4中引入了新的ui组件,提供了更好的性能监控,并且大大提高了编译速度。《Flex 4实战》是一本全面的指南,为...
Flex4)用一个简单登录流程代码演示Flex自定义事件声明、触发__精灵★ 's Flex/Flash/AS3 技术 & 网络游戏_百度空间 分享:Flex4+Struts2+Spring3+Blazeds 百度空间_应用平台 Flex中嵌入Google地图 - 菩提树 - ITeye...
FLEX4_Flex4教程 - FLEX4从入门到精通,挺不错的值得一看
Flex 4 高级编程Flex 4 高级编程Flex 4 高级编程Flex 4 高级编程
flex4出来一段时间了,去年看了一段时间flex3,后来由于暂时没有项目需求.所以flex遗忘了很多.这次使用flex4+myeclipse8.5录制了一个视频.以免时间长了遗忘. 软件环境:windows7+flex4+myeclipse8.5+blazeds 功能描述...
FLEX4从入门到精通,挺不错的值得一看
flex4 实战 flex4 in action pdf源码和配套的源码 和大家分享
flex4 flex4与服务器通信 flex 与java通信
flex4之语法入门 Flex是Adobe公司推出的一系列工具和技术,使开发人员可以开发和部署可升级的富互联网应用程序(RIAs)。Flex提供了一种现代的、基于标准的语言来支持公共模板设计、客户端运行环境、编程模型、开发...
Flex4 Spark皮肤详细制作讲解
Flex4中引入了新的ui组件,提供了更好的性能监控,并且大大提高了编译速度。 《Flex4实战》是一本全面的指南,为web设计人员和开发人员提供了Flex的详细介绍。本书从基础讲起,介绍了有关表单和数据的知识,然后...
flex4API文档 flex3的文档在Adobe网上就可,可是4的一直没找着. 这个Flex4API文档,是根据flex4 SDK生产的,非常权威