Flex4.5点击按钮弹出窗

今天的这个比较简单，但是比较实用！实行代码分家，也就是3层结构之后-_-~，得用应用程序去运行代码，为了看看运行的情况，以作修改。当然这个不是最后的结果，只是调试程序的时候的一个小方法，所以在应用程序中加一个Button就可以了。
代码：
MXML代码：
<?xml version="1.0" encoding="utf-8"?>
<control:CloseWindowAS xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:control="control.*" width="400" height="300">
 <fx:Declarations>
  <!-- 将非可视元素（例如服务、值对象）放在此处 -->
 </fx:Declarations>
 <mx:VBox width="100%" height="100%">
  <s:Label width="100%" height="100%" color="#ED451E" fontSize="50" text="会弹出我哦！"
     textAlign="center" verticalAlign="middle"/>
 </mx:VBox>
</control:CloseWindowAS>

 

应用程序代码：
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
 
 <fx:Script>
  <![CDATA[
   import mx.managers.PopUpManager;
   
   import view.CloseWindow;
   protected function btn1_clickHandler(event:MouseEvent):void  //这个就是弹出窗口的代码部分
   {
    var number1:CloseWindow = new CloseWindow;                 // 给组件new一个对象 
    PopUpManager.addPopUp(number1,this,true);                  //弹出组件的代码
    PopUpManager.centerPopUp(number1);
   }
  ]]>
 </fx:Script>
 
 <fx:Declarations>
  <!-- 将非可视元素（例如服务、值对象）放在此处 -->
 </fx:Declarations>
 <s:TitleWindow x="275" y="156" width="245" height="210">
  <s:Button id="btn1" width="154" height="52" label="点我会弹出什么？" click="btn1_clickHandler(event)"
      fontSize="15"/>
 </s:TitleWindow>
 
</s:Application>

嗯，这个讲完之后，后面会在这个基础上，添加关闭事件，等等等等。。。
结果图：

 

 

 

 

照例，自己敲，自己理解，举一反三。