`

flex弹出窗口的方式有几种

    博客分类:
  • 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组件或者使用内置的`Alert`、`Prompt`等。 - 设置弹出位置:利用`PopUpManager.createPopUp()`方法时,传递一个包含x...

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

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

    flex弹出另一个窗体

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

    Flex控制弹出窗口拖动范围示例代码

    标题中提到的“Flex控制弹出窗口拖动范围示例代码”意指在使用TilteWindow组件时,遇到一个常见的问题,即窗口可以被用户随意拖动到屏幕上的任意位置,包括屏幕之外。当窗口被拖动到屏幕顶部或其他位置,且无法通过...

    flex web工作流程图

    8. **布局管理器**:Flex提供了几种布局管理器,如HorizontalLayout、VerticalLayout,用于自动调整组件的排列方式,确保工作流程图的整洁和有序。 9. **动画和过渡效果**:为了增加用户体验,可以利用Flex的动画和...

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

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

    Flex 果冻特效Demo

    "Flex 果冻特效Demo"是一个利用Flex技术实现的交互效果,它为用户界面添加了趣味性和吸引力,尤其适用于弹出窗口或页面转换场景。果冻特效,顾名思义,就是使元素在动效过程中呈现出如同果冻般柔软、弹性的视觉效果...

    几种样式的DIV弹出层

    总的来说,"几种样式的DIV弹出层"涵盖了网页动态交互的基本技术,包括静态页面结构、视觉设计和交互逻辑。开发者可以根据具体需求调整和扩展这些基本元素,以创建出更加复杂和个性化的弹出层效果。理解并掌握这些...

    Flex 3 in Action

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

    Flex4AS3的Fireworks源文件

    在本资源中,我们拥有的是使用Adobe Fireworks创作的源文件,专门针对Flex4 AS3中的弹出窗口(popwin)功能进行设计。Fireworks是一款图形设计和界面开发工具,特别适合创建Web图形和交互式用户界面。 在学习和使用...

    fusioncharts for flex

    你可以添加事件监听器来响应这些交互,以实现更丰富的功能,比如弹出详细信息窗口或者更新图表数据。 5. **动态数据加载**:如果你的数据是动态变化的,可以使用FusionCharts的`updateChart()`方法来实时更新图表。...

    flex制作的网游地图编辑器代码

    7. **事件处理**:地图编辑器中的事件处理非常重要,例如,当用户点击一个物体时,可能需要弹出一个属性编辑框来修改其属性。Flex的事件系统使得添加和响应这些事件变得简单。 【标签】:“flex,地图,编辑器,...

    map_flex_1_22.zip_flex

    7. **事件处理**:通过监听地图上的各种事件(如点击、拖动等),开发者可以实现丰富的交互功能,如点击地图上的点弹出信息窗口。 8. **性能优化**:由于Flex是基于Flash的,所以需要注意性能问题。合理使用缓存、...

    Flex3界面布局中文教程

    它常用于弹出式窗口或对话框,提供独立的可视化工作区。 11. **Title layout容器** 这种布局容器可能指的是带有标题的布局方式,如TitleWindow,它提供了标题和内容区域的布局管理。 在Flex3中,选择合适的布局...

    Flex 即时聊天客户端(基于XAPP协议)

    5. `GeneralPopup.mxml`:这是一个通用的弹出窗口,可能用于显示各种提示信息或者执行其他通用操作,比如设置、帮助等。 6. `com` 目录:这个目录可能包含了项目的其他类和辅助组件,比如数据模型、业务逻辑和...

Global site tag (gtag.js) - Google Analytics