Flex 窗口最小化,最大化,拖动
2009-08-04 16:59
113 查看
想当初,我不知道如何用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>
目标:
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>
相关文章推荐
- Flex 窗口最小化,最大化,拖动
- Flex 窗口最小化,最大化,拖动
- Flex窗口最小化最大化,关闭,拖动组件
- Flex窗口最小化最大化,关闭,拖动组件
- WPF窗口的关闭、最大化、最小化、拖动事件
- 用div实现弹出窗口,拖动,最大化,最小化,关闭
- 漂亮的Js拖动层,窗口拖拽(改变大小/最小化/最大化/还原/关闭)
- [Win32]只允许最大化最小化窗口,禁止双击标题栏、拖动窗体、点击复原按钮来改变窗口大小
- ubuntu 将最大化,最小化,关闭按钮置于窗口右侧
- Mac窗口的关闭,最小化,最大化按钮事件处理
- ubuntu 所有的窗口都没有最大化,最小化按钮了
- Q窗口操作函数(窗口最大化,全屏,隐藏最大化最小化按钮)
- Qt窗口的一些简单设置-标题、图标、最大化最小化按钮、任务栏图标
- 修复金山词霸只有最大化和最小化两种窗口状态的问题
- 窗口的最大化最小化
- ubuntu 更改窗口“最小化,最大化,关闭”按钮顺序
- ubuntu 10.04更改最大化最小化关闭按钮位置到窗口右边
- javascript 最大化最小化窗口
- 最大化/最小化/关闭窗口代码集锦