详尽解读Flex弹出窗口用法

本文和大家重点讨论一下Flex弹出窗口的概念,主要包括最简单的警告窗口和普通的Flex弹出窗口两大部分内容,相信本文介绍一定会让你有所收获。

Flex中的弹出窗口

最近修改项目的时候又了解了一些关于Flex中弹出窗口的东西,发现这个东西很有用。Flex中有两种弹出窗口:

1.最简单的警告窗口

你需要先导入Alert类:importmx.controls.Alert;

然后在想要弹出警告的时候使用:Alert.show(“你确定要退出系统吗?”,“确认”,Alert.YES|Alert.NO,null,logout)

参数说明:***个参数是要显示的文本,第二个参数是窗口的标题,这两个参数是最经常用的。第三个参数是按钮,默认是两个:YEW和NO,当然你也可以自定义,比如Alert.CANCEL,第四个参数是父窗口,默认为null。第五个参数是窗口关闭后调用的函数名,如果你想要在点击确定之后触发什么事件,就需要定义这个参数。这里我要调用logout,请注意,不要在这里写logout()。(没有括号)logout函数如下:

 
 
  1. privatefunctionlogout(event:CloseEvent):void  
  2. {  
  3. if(event.detail==Alert.YES)  
  4. {  
  5. //具体操作  
  6. }  
  7. }  
  8.  

 因为这个函数是触发的,所以参数是一个CloseEvent。“event.detail==Alert.YES”这行代码判断点击的是不是确定按钮。CloseEvent中的detail属性专门判断点击了哪个按钮,这样就可以用户的点击控制代码。

简单的Alert用法就是这样,更多相关信息请看帮助文档。

2.Flex弹出窗口

这个就比较强大了,需要使用一个类,那就是PopUpManager,同样,使用前你需要先导入:

 
 
  1. importmx.managers.PopUpManager; 

然后你就要创建一个Compoment作为Flex弹出窗口,这个没什么特别的,创建一个普通的Compoment就行,这里我创建了一个文件叫做PopWindow,就是一个简单的Canvas,里面就放一个图片。代码如下:

PopWindow.mxml:

 
 
  1. xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2. width="100"height="100"> 
  3.  
  4.  
  5. importmx.managers.PopUpManager;  
  6. ]]> 
  7. mx:Script> 
  8. <mx:Imagexmx:Imagex="0"y="0"source="assets/face.PNG" 
  9. click="PopUpManager.removePopUp(this)"width="90"height="82"/> 
  10.  
  11. mx:Canvas> 
  12.  

 其中removePopUp是PopUpManager的一个方法,就是移除当前弹出的窗口,这里我设置了点击图片的时候就移除Flex弹出窗口。接下来我们在主程序中创建并弹出窗口:

  1. varpop:PopWindow=PopWindow(PopUpManager.createPopUp(this,PopWindow,true)); 

这就完成了,这个pop是一个PopWindow(就是刚才创建的Component的文件名)类型的变量,由于PopUpManager的createPopUp返回的是一个IFlexDisplayObject,你需要将其强制转换成为PopWindow类型才能赋值给pop变量。

◆下面详细说明一下createPopUp的这几个参数:

***个参数是Flex弹出窗口的父窗体,这个相信大家都明白。
第二个参数是Flex弹出窗口的类名,也就是组件的文件名,在Flex中一个MXML文件也对应一个类。PopUpManager是根据这个类来创建弹出对话框。
第三个参数是模态标记。如果是true,就创建一个模态对话框;否则创建的就是一个非模态的对话框。
PopUpManager还有一个参数,不过不常用,具体请参考帮助文档。

然后你就可以对弹出对话框操作了,想要移除就用removePopUp(pop)。另外,如果是非模态的,可能在点击程序其它部分的时候窗口就不见了,但是它并没有移除,怎么让它出来呢?这个时候就需要PopUpManager的另外一个方法:bringToFront(),这个方法可以把窗口放到最前。你可以控制,让程序***次的时候是创建对话框,以后就是把窗口放到最前。

【编辑推荐】

  1. Flex弹出窗口用法解析
  2. 全面认识Flex弹出窗口用法
  3. 学习总结 在Flex中如何嵌入Flex字体
  4. 揭开Flex正则表达式的神秘面纱
  5. FlexBuilder开发方法及特点解析 

 

责任编辑:佚名 来源: zhuoqun.net|
相关推荐

2010-08-12 09:11:09

Flex弹出窗口

2010-07-29 09:00:29

Flex弹出窗口

2010-08-03 10:59:14

Flex代码规范

2010-08-06 16:07:55

Flex通信

2010-08-11 14:22:26

Flex弹出窗口

2010-08-13 12:54:20

Flex弹出窗口

2010-07-19 16:25:06

Perl数组

2010-08-11 16:10:27

Flex DataGr

2010-08-06 11:04:06

Flex模块化

2010-08-17 09:31:08

DIV布局

2010-07-19 14:45:07

Perl进程控制函数

2010-08-04 10:04:52

Flex1.5环境配置

2010-08-11 14:41:08

Flex窗口

2010-06-22 10:01:40

Symbian开发

2010-09-13 17:30:07

CSS优先级

2010-07-27 15:28:02

Flex DataBi

2010-07-19 09:16:47

Perl包

2010-07-09 14:51:13

UML类设计原则

2010-07-09 14:28:59

UML组成

2010-07-29 11:20:49

Flex源代码
点赞
收藏

技术栈公众号

业务
速览
在线客服
媒体
CIOAge HC3i
社区
博客 鸿蒙开发者社区
教育
学堂 精培 企业培训 CTO训练营