全面认识Flex弹出窗口用法
2010-08-04 09:45
225 查看
在学习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函数如下:
因为这个函数是触发的,所以参数是一个CloseEvent。“event.detail==Alert.YES”这行代码判断点击的是不是确定按钮。CloseEvent中的detail属性专门判断点击了哪个按钮,这样就可以用户的点击控制代码。
简单的Alert用法就是这样,更多相关信息请看帮助文档。
2.Flex弹出窗口
这个就比较强大了,需要使用一个类,那就是PopUpManager,同样,使用前你需要先导入:
然后你就要创建一个Compoment作为弹出窗口,这个没什么特别的,创建一个普通的Compoment就行,这里我创建了一个文件叫做PopWindow,就是一个简单的Canvas,里面就放一个图片。代码如下:
PopWindow.mxml:
其中removePopUp是PopUpManager的一个方法,就是移除当前弹出的窗口,这里我设置了点击图片的时候就移除Flex弹出窗口。接下来我们在主程序中创建并Flex弹出窗口:
这就完成了,这个pop是一个PopWindow(就是刚才创建的Component的文件名)类型的变量,由于PopUpManager的createPopUp返回的是一个IFlexDisplayObject,你需要将其强制转换成为PopWindow类型才能赋值给pop变量。下面详细说明一下createPopUp的这几个参数:
第一个参数是弹出窗口的父窗体,这个相信大家都明白。
第二个参数是弹出窗口的类名,也就是组件的文件名,在Flex中一个MXML文件也对应一个类。PopUpManager是根据这个类来创建弹出对话框。
第三个参数是模态标记。如果是true,就创建一个模态对话框;否则创建的就是一个非模态的对话框。
PopUpManager还有一个参数,不过不常用,具体请参考帮助文档。
然后你就可以对弹出对话框操作了,想要移除就用removePopUp(pop)。另外,如果是非模态的,可能在点击程序其它部分的时候窗口就不见了,但是它并没有移除,怎么让它出来呢?这个时候就需要PopUpManager的另外一个方法:bringToFront(),这个方法可以把窗口放到最前。你可以控制,让程序第一次的时候是创建对话框,以后就是把窗口放到最前。
本文和大家重点讨论一下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函数如下:
privatefunctionlogout(event:CloseEvent):void { if(event.detail==Alert.YES) { //具体操作 } }
因为这个函数是触发的,所以参数是一个CloseEvent。“event.detail==Alert.YES”这行代码判断点击的是不是确定按钮。CloseEvent中的detail属性专门判断点击了哪个按钮,这样就可以用户的点击控制代码。
简单的Alert用法就是这样,更多相关信息请看帮助文档。
2.Flex弹出窗口
这个就比较强大了,需要使用一个类,那就是PopUpManager,同样,使用前你需要先导入:
importmx.managers.PopUpManager;
然后你就要创建一个Compoment作为弹出窗口,这个没什么特别的,创建一个普通的Compoment就行,这里我创建了一个文件叫做PopWindow,就是一个简单的Canvas,里面就放一个图片。代码如下:
PopWindow.mxml:
<?xml version="1.0" encoding="utf-8"?> <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300"> <mx:Script> <![CDATA[ importmx.managers.PopUpManager; ]]> </mx:Script> <mx:Image x="0"y="0"source="assets/face.PNG" click="PopUpManager.removePopUp(this)" width="90" height="82"/> </mx:Canvas>
其中removePopUp是PopUpManager的一个方法,就是移除当前弹出的窗口,这里我设置了点击图片的时候就移除Flex弹出窗口。接下来我们在主程序中创建并Flex弹出窗口:
var pop:PopWindow = PopWindow(PopUpManager.createPopUp(this,PopWindow,true));
这就完成了,这个pop是一个PopWindow(就是刚才创建的Component的文件名)类型的变量,由于PopUpManager的createPopUp返回的是一个IFlexDisplayObject,你需要将其强制转换成为PopWindow类型才能赋值给pop变量。下面详细说明一下createPopUp的这几个参数:
第一个参数是弹出窗口的父窗体,这个相信大家都明白。
第二个参数是弹出窗口的类名,也就是组件的文件名,在Flex中一个MXML文件也对应一个类。PopUpManager是根据这个类来创建弹出对话框。
第三个参数是模态标记。如果是true,就创建一个模态对话框;否则创建的就是一个非模态的对话框。
PopUpManager还有一个参数,不过不常用,具体请参考帮助文档。
然后你就可以对弹出对话框操作了,想要移除就用removePopUp(pop)。另外,如果是非模态的,可能在点击程序其它部分的时候窗口就不见了,但是它并没有移除,怎么让它出来呢?这个时候就需要PopUpManager的另外一个方法:bringToFront(),这个方法可以把窗口放到最前。你可以控制,让程序第一次的时候是创建对话框,以后就是把窗口放到最前。
相关文章推荐
- 全面认识Flex弹出窗口的方法
- 两种Flex弹出窗口用法解析
- Flex 弹出窗口的例子
- Flex PopUpManager弹出窗口居中
- FLEX实践:自定义弹出窗口与主页面的交互(仿造EBS的LOV窗口)
- Flex中设置弹出窗口的弹出效果(alpha值的渐变和scale值的渐变)
- flex 弹出模式窗口 模式蒙板透明度设置
- js 增加确定取消按钮的弹出窗口,嵌套执行函数用法 onclick,confirm
- BottomSheetBehavior底部弹出窗口的用法
- 弹出窗口全面解析
- ShellExecute用法-弹出ie窗口用
- flex 右下角弹出提示窗口
- ArcGis for flex 弹出窗口定位
- Flex中的弹出窗口(mx.managers.PopUpManager)
- Flex 专栏 -- Flex 中有两种弹出窗口
- JS窗口问题处理:使弹出窗口保持前端显示的几种方法,及window窗体对象open()和showModalDialog()用法
- Flex的两种弹出窗口
- Flex:使弹出的窗口使用Canvas可以拖拽
- FLEX实践—默认弹出窗口
- JS窗口问题处理:使弹出窗口保持前端显示的几种方法,及window窗体对象open()和showModalDialog()用法