`
hanyi366
  • 浏览: 290803 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Flex 中有两种弹出窗口

    博客分类:
  • Flex
 
阅读更多

1. 最简单的警告窗口

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

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

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

private function logout(event:CloseEvent):void
{
if(event.detail == Alert.YES)
{
// 具体操作
}
}

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

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

2.弹出窗口

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

import mx.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="100" height="100">
<mx:Script>
<![CDATA[
import mx.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 的一个方法,就是移除当前弹出的窗口,这里我设置了点击图片的时候就移除弹出窗口。接下来我们在主程序中创建并弹出窗口:

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 弹出窗口的数据传输

    `test.xml`可能包含了要显示在列表中的数据,或者在弹出窗口中进行操作后更新的数据。 让我们深入了解一下Flex中数据传输的几种常见方法: 1. **事件传递**:当主窗口(如`ListTitleWindow.mxml`)中的列表项被...

    弹出窗口效果

    在网页设计中,弹出窗口是一种常见的交互元素,用于显示重要的信息、提示用户操作或提供扩展功能。"jQuery + CSS 实现绚丽的弹出窗口效果"这个主题涉及到两个关键的技术:JavaScript 库 jQuery 和样式语言 CSS。它们...

    datagrid单元格上点击弹出窗口(官网例子)

    虽然具体实现细节没有直接给出,但我们可以根据标签“源码 工具”推测,该示例可能涉及了一些源代码和可能使用的工具,比如Adobe Flex或ActionScript,这两种都是用来构建富互联网应用程序的常用技术。 文件名列表...

    flex弹出另一个窗体

    `TitleWindow`则是一种带有标题栏和关闭按钮的弹出窗口,通常用于显示临时或模态信息。 在Flex中弹出一个新的`Application`窗体,我们需要做以下几步: 1. **创建新的Application类**:首先,你需要创建一个新的...

    flex窗口最大最小化

    在前端开发中,Flex布局(Flexible Box)是一种用于创建弹性盒模型的CSS3模块,它极大地简化了网页或应用程序中的复杂布局设计。本教程将详细讲解如何使用Flex来实现窗口的拖拽、最大化、最小化以及关闭功能,这些都...

    Flex开门,关门,翻转,效果

    在Flex中,PopupManager类负责管理这些弹出窗口,而动画效果则可以通过添加自定义的打开和关闭动画来增强用户体验。开发者可能通过改变Popup的大小、位置,甚至添加旋转等变换来实现各种炫酷的弹出效果。 总的来说...

    js+css3实现的鼠标点击九宫格弹出窗口特效源码.zip

    该压缩包文件"js+css3实现的鼠标点击九宫格弹出窗口特效源码.zip"包含了一个使用JavaScript和CSS3技术实现的交互式九宫格弹窗效果。这一特效通常用于网页设计,以吸引用户的注意力并提供一种新颖的展示信息的方式。...

    Flex 常用代码

    要使Flex中的弹出窗口居中,可以计算窗口与舞台的中心点差值,然后设置窗口位置。公式是`X=(舞台宽度/2)-(窗口宽度/2)`和`Y=(舞台高度/2)-(窗口高度/2)`。这需要在窗口打开时进行计算和设置。 8. **查找匹配的字符...

    Flex3界面布局中文教程--一路风尘制作

    Panel容器是一种通用的容器类型,用于封装一组相关的控件,而TitelWindow容器则是一个带有标题栏的窗口容器,常用于创建弹出窗口或对话框。 #### Titlelayout容器 Titlelayout容器专门用于标题和头部区域的布局...

    Flex 3 in Action

    第十二章“弹出窗口入门”和第十三章“视图状态”分别介绍了如何在Flex应用程序中添加弹出窗口以及如何管理和切换不同视图状态。这些功能对于增强应用程序的交互性和可用性至关重要。 #### 数据服务与XML 第十四章...

    Flex框架的基本原理.docx

    - 管理前端内容:如弹出窗口、鼠标指针、工具提示等。 - `totalLevelSystemManager`属性:指向当前程序的SystemManager实例,如果Flex程序被嵌入,该属性将指向加载它的SystemManager实例。 - UIComponents的`...

    flex项目发布到Tomcat成功

    在弹出的窗口中选择已经配置好的 Tomcat 服务器,然后点击 “Finish” 完成部署。 5. **启动并测试** 最后一步是启动 Tomcat 服务器并访问部署好的 Flex 应用程序。可以在浏览器中输入相应的 URL 地址进行测试。 ...

    flex as3 air ria 遮罩的使用例子

    遮罩可以用于创建复杂的交互式用户界面元素,如弹出窗口、动画效果和自定义组件。在这个“flex as3 air ria 遮罩的使用例子”中,我们将探讨如何在ActionScript 3.0中实现遮罩功能,以及其在富互联网应用(RIA)和...

    flex实现googelMap

    通过监听这些事件,开发者可以实现更复杂的交互功能,如点击标记弹出信息窗口,或者响应用户拖动地图时更新其他UI元素。 博客链接中提到的内容可能会详细解释如何配置项目、获取API密钥、以及如何使用Google Maps...

    FLEX入门新手篇..创建HelloWorid.doc

    在弹出的向导中,为项目命名,例如"HelloWorld",并选择合适的项目位置。接着,选择Flex SDK版本,通常选择最新稳定版。然后点击"Next",默认设置即可,最后点击"Finish"创建项目。 3. **认识Flex界面** 项目创建...

    flex版ilog地图示例源码

    在地图应用中,用户可能需要点击地图上的特定元素以触发相应操作,如弹出信息窗口或者导航到详细页面。 4. **SamplesStat.as**:可能是一个统计样本的类,用于处理地图上数据点的统计分析,比如计算平均值、中位数...

Global site tag (gtag.js) - Google Analytics