用Flex设计透明的AIR桌面程序 【原创申精】

原创教程 首发落伍 期望加精

用Flex建立一个100%窗口透明的AIR程序，以及打包成.AIR文件。

本教程知识点：

Flex建立一AIR程序

窗口透明的AIR程序

打包成.AIR文件

第一步：打开FLEX3  创建一个 FLEX project

接着是命名，并选中 Desktop application 在AIR中运行

自动生产XML配置文件

创建好以后FLEX3会自动生产一些文件，再Src文件夹里会有两个XML描述语言：

.MXML文件为前台描述文件

.XML里面可以更改一些系统配置

本例：去除AIR窗口，并让AIR程序边界透明。

我们打开airia_ex_login-app.xml这个文件

找到： <systemChrime></systemChrime> 和 <transparent></transparent>

修改为下图蓝色区域。

<systemChrime>none</systemChrime>  表示没有系统窗口

<transparent>true</transparent>    表示开启背景透明

注意：要去掉<!-- --> 也就是说，本身默认文件是把这两项给注释掉了，我们现在把他启用。

注意2：本教程省略了案例中“AIR界面UI设计”的过程，UI界面源文件在附件内里有。

这样我们就完成了第一步。运行一下看看结果？

我们发现FLEX有个默认的STYLE显示了出来。我们现在要想办法把他去掉

第二步：配置MXML文件中的“mx:WindowedApplication”

在 mx:WindowedApplication 内添加一下定制便可去掉FLEX默认的风格界面。

showFlexChrome="false"      
alwaysInFront="true"
layout="absolute"

这里我们再把界面大小设定好。

width="314"
height="460"

如图：

再次运行看看：

GOOD！一个完美100%透明的AIR RUN起来了。

也许你还会碰到以下问题

窗口没办法在桌面拖动？

没办法关闭和最小化？

请关注AIRIA原创教程的下一集

最后把此例的源文件、工程文件、安装.AIR文件全部提供给大家下载参考

附件：

源文件、工程文件

安装 .AIR