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

想当初,我不知道如何用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>

你可能感兴趣的:(xml,Flex,Flash,Adobe,AIR)