`
creek
  • 浏览: 14129 次
  • 性别: 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 自动弹出窗口(右下角弹出,右上角弹出)

    在Flex中实现自动弹出窗口,我们通常会使用`PopUpManager`类,这是一个核心的Flex组件,用于管理屏幕上的浮动组件。 **1. 右下角弹出窗口** 要实现在屏幕右下角弹出窗口,我们需要做以下几步: - 创建弹出窗口...

    flex 苹果桌面效果的弹出窗口

    标题中的“flex 苹果桌面效果的弹出窗口”指的是使用Adobe Flex技术在苹果桌面环境中实现类似苹果OS X系统的弹出窗口效果。Flex是一种开源的、基于ActionScript的框架,用于构建富互联网应用程序(RIA),它允许...

    Flex 弹出窗口的数据传输

    总的来说,理解并实现Flex弹出窗口的数据传输需要掌握Flex组件模型、事件处理机制以及数据共享的方法。在实际开发中,应根据项目需求选择合适的数据传递策略,同时考虑性能和可维护性。对于“博文链接:...

    flex 弹出窗口并居中显示

    本文将详细讲解如何利用Flex布局实现弹出窗口并使其居中显示,这对于创建各种交互式功能,如模态框、提示框等至关重要。 一、Flex布局基础 1. Flex容器:一个具有`display: flex`或`display: inline-flex`样式的...

    flex 弹出窗口选择,支持autocomplete功能

    在本文中,我们将深入探讨如何在Flex环境中实现一个具有autocomplete(自动补全)功能的弹出窗口选择器。Flex是一种基于ActionScript的开源框架,用于构建富互联网应用程序(RIA),它允许开发者创建交互性强、用户...

    Flex中弹出对话框的定制

    ### Flex中弹出对话框的定制 在Flex开发过程中,弹出对话框是与用户交互的一个常见需求。本文将深入探讨如何在Flex中定制弹出对话框,包括基础的警告框、确认框以及带有取消选项的确认框。通过具体代码示例来详细...

    Flex使用弹出窗口为DataGrid添加新数据

    综上所述,Flex 3中通过TitleWindow为DataGrid添加新数据的过程包括创建TitleWindow作为弹出对话框,设计表单获取用户输入,处理“添加”按钮的点击事件以将新数据添加到DataGrid的数据源,以及在主应用中触发...

    弹出窗口效果

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

    flex4自定义弹出窗口 事件

    flex4自定义弹出窗口 支持最大化 最小化

    Flex4 Air 自定义窗口

    托盘图标可以有弹出菜单、提示信息等功能,用户可以通过点击托盘图标重新显示或关闭窗口。这需要监听`NativeWindow`的`systemChrome`和`transparent`属性变化,以及处理`NativeTrayIcon`的事件。 后台运行是指即使...

    flex仿qq右边弹出提示消息功能

    首先,我们要理解Flex中的弹出窗口(Pop-up Window)机制。在Flex中,我们可以使用PopUpManager类来创建和管理弹出窗口。这个类提供了打开和关闭窗口,以及调整窗口大小和位置的方法。通过实例化PopUpManager并传递...

    Flex--主程序与弹出窗口之间传递数据

    主程序可以发布一个自定义事件,携带数据,并在弹出窗口中监听该事件。这允许在弹出窗口打开后传递数据。 ```actionscript // 主程序中发布事件 var event:Event = new CustomEvent("dataTransfer"); event.data = ...

    Flex-TitleWindow的弹出窗口中播放一段影像.zip

    本文将详细讲解如何在Flex的TitleWindow弹出窗口中播放一段影像,以实现丰富的媒体体验。 首先,我们需要创建一个TitleWindow组件。在Flex项目中,这可以通过在src目录下创建一个新的MXML文件来完成。文件名可以...

    用flex实现苹果样式的弹出菜单

    在本文中,我们将深入探讨如何使用Flex技术来创建一个类似于苹果风格的弹出菜单。Flex是一种基于ActionScript和MXML的开源框架,主要用于构建富互联网应用程序(RIA)。它提供了丰富的用户界面组件和强大的数据绑定...

    超好的点击后弹出窗口代码,背景变黑(可居中定位)

    在这个例子中,`.modal` 是整个弹出窗口的容器,使用了 Flexbox 布局并设置了水平和垂直居中。`.modal-content` 是实际展示内容的部分,可以自定义其大小。 另一种方法是使用CSS Grid: ```css .modal { position...

    Flex特效_可拖动弹出窗口布局容器TitleWindow.zip )

    Flex特效_可拖动弹出窗口布局容器TitleWindow.zip )

Global site tag (gtag.js) - Google Analytics