flex PopUpManager弹出窗口

flex PopUpManager弹出窗口

• 博客分类： 
• Flex

 

flex PopUpManager类 

　　PopUpManager 类 PopUpManager 类ActionScript 类名称mx.managers.PopUpManager 

　　PopUpManager 类的方法摘要 

　　PopUpManager.createPopUp() 创建弹出窗口。 

　　PopUpManager.deletePopUp() 删除由调用PopUpManager.createPopUp() 而创建的弹出窗口。 

　　PopUpManager.createPopUp(parent, class, modal [, initobj, outsideEvents]) 

　　参数:parent 对弹出窗口所基于的窗口的引用。 

　　class 对要创建的对象的类的引用。 

　　modal 一个布尔值，它指示该窗口是(true) 否(false) 是模式 

　　initobj 一个包含初始化属性的对象。此参数是可选的。 

　　outsideEvents 一个布尔值，指示在用户单击窗口以外的区域时是(true) 否(false) 触发事件。此参数是可选的。 



1.PopUpManager--createPopUp与addPopUp区别 

  createPopUp:是上来先设置好弹出方式，然后在new出来一个TitleWindow的对象，然后通过此对象设置他的变现形式。 

addPopUp：是先new出来对象，设置好表现形式，然后在选择弹出来的方式。 

一定要注意new对象与弹出方式的先后顺序。 

addPopUp代码 

<?xml version="1.0" encoding="utf-8"?>    
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"   
        layout="vertical"   
        verticalAlign="middle"   
        backgroundColor="white"   
        creationComplete="init()">    
   
    <mx:Script>    
        <![CDATA[    
            import mx.controls.Label;    
            import mx.events.CloseEvent;    
            import mx.containers.TitleWindow;    
            import mx.managers.PopUpManager;    
   
            private var titleWindow:TitleWindow;    
   
            private function init():void {    
                var label:Label = new Label();    
                label.text = "Hello world";    
   
                titleWindow = new TitleWindow();    
                titleWindow.title = "Custom title";    
                titleWindow.showCloseButton = true;    
                titleWindow.width = 240;    
                titleWindow.height = 180;    
                titleWindow.addEventListener(CloseEvent.CLOSE, titleWindow_close);    
                titleWindow.addChild(label);    
   
                PopUpManager.addPopUp(titleWindow, this, true);    
                PopUpManager.centerPopUp(titleWindow);    
            }    
   
            private function titleWindow_close(evt:CloseEvent):void {    
                PopUpManager.removePopUp(titleWindow);    
            }    
        ]]>    
    </mx:Script>    
   
    <mx:Button label="Launch TitleWindow" click="init()" />    
   
</mx:Application>   
createPopUp代码： 

<?xml version="1.0" encoding="utf-8"?>    
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"   
        layout="vertical"   
        verticalAlign="middle"   
        backgroundColor="white"   
        creationComplete="init()">    
   
    <mx:Script>    
        <![CDATA[    
            import mx.managers.PopUpManagerChildList;    
            import mx.controls.Label;    
            import mx.events.CloseEvent;    
            import mx.containers.TitleWindow;    
            import mx.managers.PopUpManager;    
   
            private var titleWindow:TitleWindow;    
   
            private function init():void {    
                var label:Label = new Label();    
                label.text = "Hello world";    
                titleWindow = new TitleWindow();    
                titleWindow = TitleWindow(PopUpManager.createPopUp(this,TitleWindow,true));    
                titleWindow.title = "Custom title";    
                titleWindow.showCloseButton = true;    
                titleWindow.width = 240;    
                titleWindow.height = 180;    
                titleWindow.addChild(label);    
                titleWindow.addEventListener(CloseEvent.CLOSE, titleWindow_close);    
                               PopUpManager.centerPopUp(titleWindow);    
            }    
   
            private function titleWindow_close(evt:CloseEvent):void {    
                PopUpManager.removePopUp(titleWindow);    
            }    
        ]]>    
    </mx:Script>    
   
    <mx:Button label="Launch TitleWindow" click="init()" />    
   
</mx:Application>   
2.弹出窗口为DataGrid添加新数据 



(1)Note.as 

package  
{  
  public class Note  
  {  
    public var author:String;  
    public var topic:String;  
    public var description:String;  
  }  
} 


(2)AddNote.mxml 

<?xml version="1.0" encoding="utf-8"?> 
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" 
layout="absolute" width="348" height="218" 
title="Add A Note"> 
  <mx:Metadata> 
    [Event(name="SaveNote")]  
  </mx:Metadata> 
  <mx:Script> 
   <![CDATA[ 
     import mx.managers.PopUpManager;        
     //PopUpManager.createPopUp() 创建弹出窗口 
     private function close():void 
     { 
       PopUpManager.removePopUp(this); 
     } 
      
     private function save():void 
     { 
       this.dispatchEvent(new Event("SaveNote")); 
     } 
   ]]> 
</mx:Script> 
  <mx:Label text="Author" x="35" y="10"/> 
  <mx:TextInput id="author" width="150" x="84" y="8"/> 
  <mx:Label text="Topic"  y="36" x="42"/> 
  <mx:TextInput id="topic" width="150" x="84" y="34"/> 
  <mx:Label text="Description"  y="62" x="10"/> 
  <mx:TextArea id="description" width="234" height="77" x="84" y="61"/> 
  <mx:Button label="Cancel" click="close()" x="193" y="146"/> 
  <mx:Button label="Save" click="save()" x="264" y="146"/> 
</mx:TitleWindow  > 



(3)Test.mxml 

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application 
xmlns:mx="http://www.adobe.com/2006/mxml" 
layout="absolute" 
width="500" height="300" 
creationComplete="init()"> 
  <mx:Script> 
   <![CDATA[ 
     import mx.managers.PopUpManager; 
     import mx.collections.ArrayCollection; 
    
     [Bindable] 
     private var notes:ArrayCollection = new ArrayCollection(); 
    
     private var addNoteScreen:AddNote; 
    
     private function init():void 
     { 
       addNoteScreen = new AddNote(); 
       addNoteScreen.addEventListener("SaveNote", saveNote); 
     } 
    
     private function addNote():void 
     { 
       PopUpManager.addPopUp(addNoteScreen, this, true); 
       PopUpManager.centerPopUp(addNoteScreen); 
       addNoteScreen.author.text = ""; 
       addNoteScreen.topic.text = ""; 
       addNoteScreen.description.text = ""; 
     } 
    
     private function saveNote(e:Event):void 
     { 
       var note:Note = new Note(); 
       note.author = addNoteScreen.author.text; 
       note.topic = addNoteScreen.topic.text; 
       note.description = addNoteScreen.description.text; 
       notes.addItem(note); 
       PopUpManager.removePopUp(addNoteScreen); 
     } 
   ]]> 
</mx:Script> 
  <mx:Panel title="Notes" 
   width="100%" height="100%" 
   layout="vertical" horizontalAlign="right" 
   paddingTop="3" paddingLeft="3" paddingRight="3" paddingBottom="3"> 
    <mx:DataGrid dataProvider="{notes}" width="100%" height="100%"> 
      <mx:columns> 
        <mx:DataGridColumn headerText="Author" dataField="author" width="80"/> 
        <mx:DataGridColumn headerText="Topic" dataField="topic" width="100"/> 
        <mx:DataGridColumn headerText="Description" dataField="description"/> 
      </mx:columns> 
    </mx:DataGrid> 
    <mx:Button label="Add Note" click="addNote()"/> 
  </mx:Panel> 
</mx:Application> 

摘自：http://secyaher.blog.163.com/blog/static/3895577200961515754123/