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

      Flex和AIR 2007-9-4 17:38

       一种优美的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的博客上看到的更酷的各种弹出窗口:
 

标签集:TAGS:Flex AIR RIA
回复Comments() 点击Count()

回复Comments

{commentauthor}
{commentauthor}
{commenttime}
{commentnum}
{commentcontent}
作者:
{commentrecontent}