Flex窗口最小化最大化,关闭,拖动组件

Flex AIR 无边框可移动

首先修改 Dictionary-app.xml 如下:

<systemChrome>none</systemChrome>
<transparent>true</transparent>

<visible>false</visible>

这样可实现无边框

然后在<mx:WindowedApplication>中加入mouseDown="this.nativeWindow.startMove()"

就可实现无边框并且窗口可移动

 

 

 

目标:
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类 (flex用this.nativeWindow.maximize();)
NativeWindow类中有几个方法:
1. maximize()最大化窗口
2.restore()恢复最大化的窗口
3.minimize()最小化窗口
4.close()关闭窗口
5.startMove()窗口的系统级拖拽
6.startResize()窗口的系统级改变大小
属性:
alwaysInFront 是否置前

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

1 <?xml version="1.0" encoding="utf-8"?>
2  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" verticalScrollPolicy="off">
3  <!--脚本-->
4 <mx:Script>
5 <![CDATA[
6 /*
7 NativeWindow类中需要用到的几个方法:
8 1. maximize()最大化窗口
9 2.restore()恢复最大化的窗口
10 3.minimize()最小化窗口
11 4.close()关闭窗口
12 5.startMove()窗口的系统级拖拽
13 6.startResize()窗口的系统级改变大小
14 属性:
15 alwaysInFront 是否置前
16 */
17 import flash.display.*;
18 import flash.events.*;
19
20 private function switchOnTop():void{//开关窗口置前
21 stage.window.alwaysInFront=!stage.window.alwaysInFront;
22 }
23 private function dragWin():void{//窗口拖动
24 if(stage.window.displayState == NativeWindowDisplayState.NORMAL){
25 stage.window.startMove();
26 }
27 }
28 private function scaleWin():void{//窗口缩放
29 stage.window.startResize();
30 }
31 private function minWin():void{//最小化
32 stage.window.minimize();
33 }
34 private function closeWin():void{//关闭
35 stage.window.close();
36 }
37 private function maxWin():void{//最大化/恢复
38 if(stage.window.displayState == NativeWindowDisplayState.NORMAL){
39 maxBtn.label="恢";
40 stage.window.maximize();
41 }else{
42 maxBtn.label="[ ]";
43 stage.window.restore();
44 }
45 }
46 ]]>
47 </mx:Script>
48 <!--界面-->
49 <mx:Canvas right="0" left="0" top="0" bottom="0" id="main" backgroundColor="#FFFFFF">
50 <mx:Button label="Submit" horizontalCenter="0" bottom="10"/>
51 <mx:Button label="X" id="closeBtn" click="closeWin()" right="0" top="0"/>
52 <mx:Button label="_" id="minBtn" right="78" top="0" click="minWin()"/>
53 <mx:Button label="[ ]" id="maxBtn" click="maxWin()" right="39" top="0"/>
54 <mx:RichTextEditor right="10" left="10" top="30" bottom="40" text="这是一个窗口测试" fontSize="12">
55 </mx:RichTextEditor>
56 <mx:Label text="Window Test" height="20" mouseDown="dragWin()" right="171" left="10" top="2" fontSize="12"/>
57 <mx:Image source="scale.png" mouseDown="scaleWin()" right="0" bottom="0"/>
58 <mx:Button label="Top" right="117" top="0" click="switchOnTop()"/>
59 </mx:Canvas>
60 </mx:Application>


 

 

 

引用:http://www.cnblogs.com/liongis/archive/2010/08/13/1798988.html

你可能感兴趣的:(Flex)