【优美的Flex弹出窗口】安逸地使用PopUpManager

      一种优美的Flex弹出窗口, 跟Ajax的比较, 你觉得如何呢? 先看效果:

 

      如下图新建一个 new MXML component , 这个就是要弹出的窗口了. 新建此项后, 你可以选择各种希望继承的控件, 在 " Based on "选项里, " Filename " 就是类名.

 

------------------ 华丽的分割线 ------------------------

已设置为 "Default Application" 的MXML文件:

<?xml version="1.0" encoding="utf-8"?>

<!-- Main application to demonstrate TitleWindow layout container. -->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" fontSize="12" width="336" height="251" layout="absolute">

    <mx:Script>

       <![CDATA[

           import mx.managers.PopUpManager;

           privatefunction showAlertWindow():void{

             var myPanel:alertWindowExample = alertWindowExample(PopUpManager.createPopUp(this, alertWindowExample, true)); // 这里第三个参数 true 表示: 弹出myPanel窗口后, 是否可以对父级操作, 值为true时, 就会产生背景模糊的效果, 并不能对父级的东西进行操作

           }

       ]]>

    </mx:Script>

    <mx:Button label="按我一下" click="showAlertWindow()" x="248" y="217"/>

</mx:Application>

 

 

----------------------

要弹出的窗口 - alertWindowExample.mxml

 

<?xml version="1.0" encoding="utf-8"?>

<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="256" height="204" fontSize="12" title="弹出的窗口">

    <mx:Script>

       <![CDATA[

           import mx.managers.PopUpManager;

       ]]>

    </mx:Script>

    <mx:Label text="姓名:" x="10" y="10"/>

    <mx:TextInput x="52" y="8" text="Y-boy.cn"/>

   

    <mx:Label text="内容:" x="10" y="38"/>

    <mx:TextArea x="52" y="55" height="62" text="很安逸的效果...^_^&#xa;http://www.RiaHome.cn"/>

   

    <mx:Button label="返回" x="160" y="128" click="PopUpManager.removePopUp(this);"/>

</mx:Panel>

==================

在Dreamer的博客上看到的更酷的各种弹出窗口:

来源：http://blog.5d.cn/user39/riahome/200709/437001.html