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

    技术2022-05-11  18

    今天说一下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> 


    最新回复(0)