Flex制作透明application

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

实现:
1、修改”项目名-app.xml”中的rootContent设置，（大概在第70行），修改为

将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>

点击下载此文件