Adobe AIR迷你教程 -- 创建多窗口以及弹出窗口与父窗口的通讯

Adobe AIR迷你教程 -- 创建多窗口以及弹出窗口与父窗口的通讯
http://bbs.airia.cn/Share/thread-2762-1-1.aspx
今天说一下AIR中的window, 作为桌面应用，免不了会有多窗口存在的可能。所以这也是AIR于Flex web的另一区别。flex web应用的“窗口”都是内部窗口，不管你怎么拖拽它也不会超出flash player的范围。而我们今天说的air中的窗口，是没有范围限制的，任一窗口都可以说是一个“独立”的存在，不受主程序窗口的限制。

Demo主要有以下功能。

1. 简单继承window类创建MyWindow。加入parentWindow属性以及advOpen()方法, 设置MyWindow默认样式。
2. 从主程序中弹出窗口1，从窗口1中弹出窗口2。每个窗口里有image和button
3. 窗口1可以关闭主程序窗口，窗口2可以关闭窗口1。（关闭父窗口）

1. 简单继承window类创建MyWindow。加入parentWindow属性以及advOpen()方法, 设置MyWindow默认样式。

下面是我继承于WIndow的MyWindow，构造方法中设置了默认样式，parentWindow用于在打开窗口时保存父窗口对象。

public class MyWindow extends Window
{
   public var parentWindow:Object;

   public function MyWindow()
   {
       this.systemChrome = "none"; //不显示系统窗口
       this.showStatusBar = false; //不显示底部状态栏
       this.showGripper = false;   //不显示底部大小控制按钮
   }

   /**
    * 自定义open()打开窗口并且保存调用此方法的对象
    */
   public function advOpen(parentWindow:Object,openWindowActive:Boolean = true):void{
       this.parentWindow = parentWindow;
       this.open(true)
   }

}

2. 从主程序中弹出窗口1，从窗口1中弹出窗口2。每个窗口里有image和button
3. 窗口1可以关闭主程序窗口，窗口2可以关闭窗口1。（关闭父窗口）

下面是窗口1类，继承于MyWindow。在主程序中用了与下面相同的openWin打开窗口1，可以看倒在调用winX.advOpen时传入了当前对象作为被打开窗口的parentWindow. 下面的closeParent()中利用保存的 parentWindow关闭父窗口。

<local:MyWindow  xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="435" height="320" xmlns:local="*">
<mx:Script>
<![CDATA[
   import mx.core.Window;

   //打开窗口2
   private function openWin():void{
       var win2:PicTwo = new PicTwo();
       win2.advOpen(this);
       win2.move(500,50)
   }

   //关闭父窗口
   private function closeParent():void{
       if(this.parentWindow.hasOwnProperty("close")){ //检查父窗口中是否有close方法。
           this.parentWindow.close(); //调用父窗口的close方法
       }
   }
]]>
</mx:Script>
<mx:Canvas>
<mx:Image source="@Embed('images/2.png')" />
<mx:Button label="打开我的表情2" click="openWin()"  x="325" y="174"/>
<mx:Button label="关闭父窗口" click="closeParent()" x="342" y="204"/>
</mx:Canvas>
</local:MyWindow>

主程序

<mx:WindowedApplication showStatusBar="false" showGripper="false" xmlns:mx="http://www.adobe.com/2006/mxml" width="430" height="328" layout="absolute">
<mx:Script>
<![CDATA[
   import mx.core.Window;
   private function openWin():void{
       //新建window对象
       var win:PicOne = new  PicOne();
       win.advOpen(this); //弹出窗口
       win.move(50,50);

   }
]]>
</mx:Script>
<mx:Canvas>
<mx:Image source="@Embed('images/1.png')" />
<mx:Button label="打开我的表情1" click="openWin()"  x="325" y="174"/>
</mx:Canvas>

</mx:WindowedApplication>