PopUpManager本身不提供显示控件特效设置,对控件的showEffect进行设置似乎不能生效于PopUp显示。实现Popup显示、关闭特效可以简单的封装一个PopUp类来调用PopUpManager,在调用过程中实现自定义的showEffect和hideEffect.
代码
package
{
import flash.display.DisplayObject;
import mx.core.IFlexDisplayObject;
import mx.effects.Blur;
import mx.events.TweenEvent;
import mx.managers.PopUpManager;
public class PopUpEffect
{
public function PopUpEffect()
{
}
public static function Show(control:IFlexDisplayObject,parent:DisplayObject,modal:Boolean=true):void
{
var mShowEffect:Blur=new Blur();
mShowEffect.blurXFrom=255;
mShowEffect.blurYFrom=255;
mShowEffect.blurXTo=0;
mShowEffect.blurYTo=0;
mShowEffect.target= control;
mShowEffect.duration=300;
PopUpManager.addPopUp(control,parent,modal);
PopUpManager.centerPopUp(control);
mShowEffect.play();
}
public static function Hide(control:IFlexDisplayObject):void
{
var mHideEffect:Blur=new Blur();
mHideEffect.blurXFrom=0;
mHideEffect.blurYFrom=0;
mHideEffect.blurXTo=255;
mHideEffect.blurYTo=255;
mHideEffect.addEventListener(TweenEvent.TWEEN_END,function(){
PopUpManager.removePopUp(control);
});
mHideEffect.duration=300;
mHideEffect.target=control;
mHideEffect.play();
}
}
}
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import PopUpEffect;
]]>
</mx:Script>
<mx:Button label="登陆" horizontalCenter="0" verticalCenter="0">
<mx:click>
<![CDATA[
var frmlogin:Login =new Login();
PopUpEffect.Show(frmlogin,this);
]]>
</mx:click>
</mx:Button>
</mx:Application>
<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="342" height="172" title="登陆" showCloseButton="true">
<mx:Script>
<![CDATA[
import PopUpEffect;
]]>
</mx:Script>
<mx:Form width="100%">
<mx:FormItem label="用户名:">
<mx:TextInput/>
</mx:FormItem>
<mx:FormItem label="密码:">
<mx:TextInput displayAsPassword="true"/>
</mx:FormItem>
</mx:Form>
<mx:ControlBar height="43" verticalAlign="middle" horizontalAlign="right">
<mx:Button label="确定"/>
<mx:Button label="取消">
<mx:click>
<![CDATA[
PopUpEffect.Hide(this);
]]>
</mx:click>
</mx:Button>
</mx:ControlBar>
<mx:close>
<![CDATA[
PopUpEffect.Hide(this);
]]>
</mx:close>
</mx:TitleWindow>
分享到:
相关推荐
Flex中的`PopUpManager`是Adobe Flex SDK提供的一种服务,用于管理应用程序中的弹出窗口(如对话框或菜单)。这个类对于创建具有复杂层级关系的用户界面非常有用,因为它允许你方便地添加、移除和控制弹出内容的显示...
有代码,可以改变datagrid的每行的颜色,popupManager的移动和消失效果
### Flex时间控件详解:可选时分 在Flex开发中,自定义控件是非常常见且重要的一个环节。本文将详细介绍一个使用Flex编写的自定义时间控件——可选时分(简称“flex时间控件”)。该控件不仅允许用户选择具体的日期...
在Flex编程中,TileList控件是一个非常有用的组件,它允许开发者以网格布局显示数据集中的项。在本例“Flex TileList图片展示(相册)”中,我们看到TileList控件被巧妙地用于创建一个类似QQ相册的图片浏览体验。...
在Flex编程中,"flex特效拖动Panel变Window"是一个常见的交互设计,它涉及到用户界面(UI)的动态转换和响应式设计。这个功能允许用户通过拖动一个Panel(面板)来创建一个新的独立窗口(Window)。在本文中,我们将...
第7章 特效effect和状态state 第8章 Flex与Flash无缝衔接 第9章 综合演练:实现仿Office 2007风格的界面 第3篇 组件高效技法篇 第10章 PopUpManager与ToolTipManager 第11章 Form组件与基本表单元素 第12章 ...
在Flex中,可以创建一个自定义组件,包括Label控件显示标题和内容,Button控件处理关闭操作。此外,考虑可扩展性,还可以添加其他元素,如图标、链接或其他交互控件。 3. **定位策略**:弹出消息需要定位在屏幕的...
根据给定文件的信息,我们可以提炼出一系列关于Flex开发的关键知识点,包括Flex的基础概念、MXML与ActionScript的基本用法以及一些具体的控件和功能实现。下面将详细展开这些知识点: ### Flex简介 Flex是一种用于...
// 使用PopUpManager添加并显示弹出窗口,同时设置居中参数 PopUpManager.addPopUp(popup, this, true); PopUpManager.centerPopUp(popup); } ``` 在上面的代码中,我们首先创建了一个`UIComponent`实例作为弹出...
Flex提供了PopupManager类来创建和管理弹出窗口。弹出窗口可以被用来显示上下文菜单、提示信息或者作为模态对话框。 #### 9. TitleWindow 组件 TitleWindow组件是一个可以拖动的窗口,通常用作对话框或者工具窗口...
1.标签菜单使用PopUpManager方式弹出,方便关闭,监听FlexMouseEvent.MOUSE_DOWN_OUTSIDE就可以了。 2.弹出时候超出可视范围自动调整位置。 预览地址:http://www.zuidaima.com/share/1749734204492800.htm
- Flex提供了`PopupManager`类,可以轻松创建弹出窗口或对话框,增强用户交互体验。 #### 7. **TitleWindow组件** - `TitleWindow`组件是一个带有标题栏的小型窗口,非常适合用作浮动的工具提示或小对话框。 ###...
通过PopUpManager.addPopUp()方法添加对话框,然后通过设置其parent属性来确定其相对于舞台的位置。 5. **动画效果**:为了提供更好的用户体验,可以考虑添加动画效果,比如淡入淡出、滑动等。在Flex中,我们可以...
在Flex中,PopupManager类负责管理这些弹出窗口,而动画效果则可以通过添加自定义的打开和关闭动画来增强用户体验。开发者可能通过改变Popup的大小、位置,甚至添加旋转等变换来实现各种炫酷的弹出效果。 总的来说...
4. **弹出窗口**:如 `PopupManager`,用于显示模态或非模态的弹出窗口。 5. **TitleWindow组件**:类似于面板,但具有更丰富的外观和行为选项。 6. **ViewStack组件**:允许开发者在一个区域内切换不同的视图。 7. ...
在Flex 4中,开发人员有时需要根据项目需求创建具有特定设计和功能的自定义组件。Alert组件是标准UI库中的一个常见元素,通常用于显示警告、确认或信息消息。然而,Flex 4的默认Alert组件可能无法满足所有设计和交互...
- 可以利用Flex提供的表单控件快速搭建界面。 #### 2. 小型Flex网站 - 构建一个完整的Flex网站,包含主页、登录页等多个页面。 - 可以使用Flex的状态管理功能来实现页面间的切换。 #### 3. Flex与WebService通信 -...
在Flex4开发中,`s:DataGrid`是Adobe Flex组件库中的一个关键元素,用于显示数据集中的信息,通常以表格形式展示。这个组件在处理大量结构化数据时非常有用,用户可以通过滚动和排序来浏览数据。在给定的标题“FLEX4...
使用`PopUpManager.centerPopUp()`方法可以将弹出窗口居中显示,例如`PopUpManager.createPopUp(DisplayObject(Application.application), TitleWindow, true);` 以上就是关于FLEX的常见问题及解决方案的详细总结...