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

最新推荐文章于 2024-12-21 17:44:26 发布

iteye_6252

最新推荐文章于 2024-12-21 17:44:26 发布

阅读量113

点赞数

CC 4.0 BY-SA版权

分类专栏： flex 文章标签： Flex AIR Flash Adobe XML

本文链接：https://blog.youkuaiyun.com/iteye_6252/article/details/81693553

flex 专栏收录该内容

22 篇文章

订阅专栏

本文介绍如何使用Flex创建透明的Air应用程序，包括去除标题栏、背景区域，自定义最小化、最大化、关闭按钮，并实现自由拖动及缩放等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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