Flex 窗口最小化,最大化,拖动

来源:互联网 发布:js压缩图片不失真 编辑:程序博客网 时间:2024/04/29 10:57

想当初,我不知道如何用flex怎么做透明air程序,非常郁闷,今天被提起,于是总结一下这个知识。
目标:
1、去除windows标题栏、去除flex背景区域。
2、有自己DIY的最小化、最大化、关闭按钮
3、自由拖动、缩放窗体大小

实现:
1、修改"项目名-app.xml"中的rootContent设置,(大概在第70行),修改为
<rootContent systemChrome="none" transparent="true" visible="true">
将mxml中mx:WindowedApplication改成mx:Application

2、使用NativeWindow类
NativeWindow类中有几个方法:
1. maximize()最大化窗口
2.restore()恢复最大化的窗口
3.minimize()最小化窗口
4.close()关闭窗口
5.startMove()窗口的系统级拖拽
6.startResize()窗口的系统级改变大小
属性:
alwaysInFront 是否置前

有了这几个方法,写一个自定义的窗口就方便多了,具体源码:

程序代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" verticalScrollPolicy="off">
    <!--脚本-->
    <mx:Script>
        <![CDATA[
        /*                       
            NativeWindow类中需要用到的几个方法:
            1. maximize()最大化窗口
            2.restore()恢复最大化的窗口
            3.minimize()最小化窗口
            4.close()关闭窗口
            5.startMove()窗口的系统级拖拽
            6.startResize()窗口的系统级改变大小
            属性:
            alwaysInFront 是否置前
        */
            import flash.display.*;
            import flash.events.*;
           
            private function switchOnTop():void{//开关窗口置前
                stage.window.alwaysInFront=!stage.window.alwaysInFront;
            }
            private function dragWin():void{//窗口拖动
                if(stage.window.displayState == NativeWindowDisplayState.NORMAL){
                    stage.window.startMove();
                }
            }
            private function scaleWin():void{//窗口缩放
                stage.window.startResize();
            }
            private function minWin():void{//最小化
                stage.window.minimize();
            }
            private function closeWin():void{//关闭
                stage.window.close();
            }
            private function maxWin():void{//最大化/恢复
                if(stage.window.displayState == NativeWindowDisplayState.NORMAL){
                    maxBtn.label="恢";
                    stage.window.maximize();
                }else{
                    maxBtn.label="[ ]";
                    stage.window.restore();
                }
            }
        ]]>
    </mx:Script>
    <!--界面-->
    <mx:Canvas right="0" left="0" top="0" bottom="0" id="main" backgroundColor="#FFFFFF">
        <mx:Button label="Submit" horizontalCenter="0" bottom="10"/>
    <mx:Button label="X" id="closeBtn" click="closeWin()" right="0" top="0"/>
    <mx:Button label="_" id="minBtn" right="78" top="0" click="minWin()"/>
    <mx:Button label="[ ]" id="maxBtn" click="maxWin()" right="39" top="0"/>
    <mx:RichTextEditor right="10" left="10" top="30" bottom="40" text="这是一个窗口测试" fontSize="12">
    </mx:RichTextEditor>
    <mx:Label text="Window Test" height="20"  mouseDown="dragWin()" right="171" left="10" top="2" fontSize="12"/>
    <mx:Image source="scale.png" mouseDown="scaleWin()" right="0" bottom="0"/>
    <mx:Button label="Top" right="117" top="0" click="switchOnTop()"/>
    </mx:Canvas>
</mx:Application>

 

转自:http://shansun123.javaeye.com/blog/383280