AIR 教程:生成100%透明窗口,以及打包成.air
2011-10-18 13:10
260 查看
本教程知识点:[/b]
Flex建立一AIR程序
窗口透明的AIR程序
打包成.AIR文件
第一步:打开FLEX3 创建一个 FLEX project[/b]
[/b]
接着是命名,并选中 Desktop application 在AIR中运行[/b]
[/b]
自动生产XML配置文件[/b]
创建好以后FLEX3会自动生产一些文件,再Src文件夹里会有两个XML描述语言:
.MXML文件为前台描述文件
.XML里面可以更改一些系统配置
本例:去除AIR窗口,并让AIR程序边界透明。[/b]
[/b]我们打开airia_ex_login-app.xml这个文件
找到: <systemChrime></systemChrime> 和 <transparent></transparent>
修改为下图蓝色区域。
<systemChrime>none</systemChrime> 表示没有系统窗口[/b]
<transparent>true</transparent> 表示开启背景透明[/b]
[/b]
注意:要去掉<!– –> 也就是说,本身默认文件是把这两项给注释掉了,我们现在把他启用。
注意2:本教程省略了案例中“AIR界面UI设计”的过程,UI界面源文件在附件内里有。
这样我们就完成了第一步。运行一下看看结果?[/b]
我们发现FLEX有个默认的STYLE显示了出来。我们现在要想办法把他去掉[/b]
第二步:配置MXML文件中的“mx:WindowedApplication”[/b]
在 mx:WindowedApplication [/b]内添加一下定制便可去掉FLEX默认的风格界面。
showFlexChrome="false"
alwaysInFront="true"
layout="absolute" [/b]
这里我们再把界面大小设定好。
width="314"
height="460"[/b]
如图:[/b]
[/b]
再次运行看看:[/b]
GOOD!一个完美100%透明的AIR RUN起来了。[/b]
也许你还会碰到一下问题[/b]
窗口没办法在桌面拖动?
没办法关闭和最小化?
请关注AIRIA.cn原创教程的下一集[/b]
最后把此例的源文件、工程文件、安装.AIR文件全部提供给大家下载参考,忘各位网友支持AIRIA的发展。 [/b]
[/b]
附件:
扩展参考:flex制作一个用户登录框(含验证码)[/b]
Flex建立一AIR程序
窗口透明的AIR程序
打包成.AIR文件
第一步:打开FLEX3 创建一个 FLEX project[/b]
[/b]
接着是命名,并选中 Desktop application 在AIR中运行[/b]
[/b]
自动生产XML配置文件[/b]
创建好以后FLEX3会自动生产一些文件,再Src文件夹里会有两个XML描述语言:
.MXML文件为前台描述文件
.XML里面可以更改一些系统配置
本例:去除AIR窗口,并让AIR程序边界透明。[/b]
[/b]我们打开airia_ex_login-app.xml这个文件
找到: <systemChrime></systemChrime> 和 <transparent></transparent>
修改为下图蓝色区域。
<systemChrime>none</systemChrime> 表示没有系统窗口[/b]
<transparent>true</transparent> 表示开启背景透明[/b]
[/b]
注意:要去掉<!– –> 也就是说,本身默认文件是把这两项给注释掉了,我们现在把他启用。
注意2:本教程省略了案例中“AIR界面UI设计”的过程,UI界面源文件在附件内里有。
这样我们就完成了第一步。运行一下看看结果?[/b]
我们发现FLEX有个默认的STYLE显示了出来。我们现在要想办法把他去掉[/b]
第二步:配置MXML文件中的“mx:WindowedApplication”[/b]
在 mx:WindowedApplication [/b]内添加一下定制便可去掉FLEX默认的风格界面。
showFlexChrome="false"
alwaysInFront="true"
layout="absolute" [/b]
这里我们再把界面大小设定好。
width="314"
height="460"[/b]
如图:[/b]
[/b]
再次运行看看:[/b]
GOOD!一个完美100%透明的AIR RUN起来了。[/b]
也许你还会碰到一下问题[/b]
窗口没办法在桌面拖动?
没办法关闭和最小化?
请关注AIRIA.cn原创教程的下一集[/b]
最后把此例的源文件、工程文件、安装.AIR文件全部提供给大家下载参考,忘各位网友支持AIRIA的发展。 [/b]
[/b]
附件:
扩展参考:flex制作一个用户登录框(含验证码)[/b]
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12" horizontalAlign="center" creationComplete="init()"> <mx:Script> <![CDATA[ import mx.controls.Alert; private function init():void{ generate.text=generateCheckCode(); } //login identifying private function loginHandler():void{ if(user.text==""||pass.text==""){ Alert.show("user or pass is empty","tips"); }else{ if(user.text=="shane"&&pass.text=="shane" &&identify.text.toLowerCase()==generate.text.toLowerCase()){ Alert.show("login is OK","tips"); currentState="hollow"; }else{ if(identify.text.toLowerCase()!=generate.text.toLowerCase()){ Alert.show("indentifyCode is error","tips"); generate.text=generateCheckCode(); }else{ Alert.show("user or pass error","tips"); } } } } //clear private function clearHandler():void{ user.text=pass.text=""; } //generate identifying coder private function generateCheckCode():String{ //init var num:Number; var code:String; var checkCode:String=""; for(var i:int=0;i<5;i++){ num=Math.round(Math.random()*100000); if(num%2==0){ code=String.fromCharCode(48+(num%10)); }else{ code=String.fromCharCode(65+(num%26)); } checkCode +=code; } return checkCode; } ]]> </mx:Script> <mx:Panel id="panel" x="143" y="115" width="350" height="229" layout="absolute" title="login"> <mx:Button id="btnLogin" x="73" y="141" label="login" click="loginHandler()"/> <mx:Button id="btnClear" x="167" y="141" label="clear" click="clearHandler()"/> <mx:Label x="44" y="31" text="user"/> <mx:Label x="44" y="64" text="pass"/> <mx:TextInput id="user" x="81" y="31"/> <mx:TextInput id="pass" x="81" y="62" displayAsPassword="true"/> <mx:Text x="28" y="100" text="identify"/> <mx:TextInput x="81" y="98" width="50" id="identify"/> <mx:Label x="139" y="100" width="48" id="generate"/> <mx:Label x="195" y="100" text="看不清楚 换个~~" click="generateCheckCode()"/> </mx:Panel> <mx:states> <mx:State name="hollow"> <mx:RemoveChild target="{panel}"/> <mx:AddChild position="lastChild"> <mx:Label text="hollow marshane" x="0" y="200" fontSize="200" color="red"/> </mx:AddChild> </mx:State> </mx:states> </mx:Application> [/b]
相关文章推荐
- AIR 教程:生成100%透明窗口,以及打包成.air
- 用Flex建立一个100%窗口透明的AIR程序,以及打包成.AIR文件
- Adobe AIR迷你教程 -- 使用自定义窗口以及对窗口的移动,缩放,关闭操作
- [教程] Jsmooth打包Jar生成exe文件,实现不装Java环境运行
- 关闭win7系统窗口的透明玻璃效果的教程
- Android Studio打包生成APK教程
- Adobe AIR迷你教程 -- 使用自定义窗口以及对窗口的移动,缩放,关闭操作
- Maven如何打包成jar,如何指定main函数的入口,以及生成对应的lib
- Adobe AIR迷你教程 -- 使用自定义窗口以及对窗口的移动,缩放,关闭操作
- 12个QT基本对话框,以及淡入原理(用定时器把窗口逐渐变成透明)
- AIR2.0入门教程:新特性介绍以及开发环境的配置
- 用Flex建立一个100%窗口透明的AIR程序
- iOS开发零基础教程之开发证书以及打包问题
- VC界面窗口:透明窗体地又一完成[库库中文网]-系统编程教程 QQGB.com
- iOS开发零基础教程之开发证书以及打包问题
- Adobe AIR迷你教程 -- 创建多窗口以及弹出窗口与父窗口的通讯
- iOS开发零基础教程之开发证书以及打包问题
- CLR Via CSharp读书笔记(2):生成、打包、部署以及管理应用程序及类型
- android 打包生成apk文件过程以及生成打包证书的过程
- win7如何快速显示桌面以及窗口变透明技巧