Flex弹出对话框demo

       flex弹出对话框示例程序分为两部分：Main.mxml和SimpleTitleWindowExample.mxml，其中Mail.mxml为主程序文件，SimpleTitleWindowExample.mxml为对话框文件，可以通过修改SimpleTitleWindowExample.mxml文件来修改对话框上的组件。

Main.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="1024" height="768" layout="absolute">

 

    <mx:Script>

      <![CDATA[

           import mx.managers.PopUpManager;

   

           private function showAlertWindow():void{

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

             myPanel.x = 420;

             myPanel.y = 170;     

           }

       ]]>

    </mx:Script>

   

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

</mx:Application>

 

 

SimpleTitleWindowExample.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>