Adobe AIR 初体验

 

1.     Adobe AIR 概念

Adobe AIR 是什么?它是 Adobe推出的新平台(前身名为Apollo)，让开发者开发出更强大的联机服务。简单来说，它能让平常要在网络上浏览使用的网页程序(如flash、 HTML、javascript、AJAX)，直接安装在你的计算机，让你可以直接在计算机上执行，不必开网页浏览器，十分的令人振奋，相信你也心动了吧 XD!

AIR 允许你使用最熟悉的开发环境，选取你最擅长的工具进行开发。比如     * Flash / Flex / ActionScript     * HTML / JavaScript / CSS / Ajax 所以AIR应用程序可以

    * 基于Flash或者Flex，即应用程序的容器是Flash或Flex（swf）     * 基于包含HTML或PDF的Flash或Flex，即应用程序的容器是Flash/Flex，内含HTML或PDF     * 基于HTML，应用程序的容器是HTML，JS，CSS     * 基于包含FLASH/FLEX或PDF的HTML，即容器是HTML，内含FLASH/FLEX，PDF。

 

2.     AIR 的成功应用有哪些

看看这些例子吧，20款基于AIR的应用：http://parandroid.com/20-based-on-adobe-air-applications/

 

3.     安装Adobe AIR 运行时

Adobe AIR 和JRE有点类似，我们可以从Adobe官方网站下载安装文件：

http://labs.adobe.com/downloads/air.html 或者 http://get.adobe.com/air/ 在下载页面有样例程序（Sample Applications）http://labs.adobe.com/technologies/air/samples/ 这里要注意的是AIR安装完成并没有什么提示和桌面图标之类的东西。只会在“添加和删除程序”列表里面添加Adobe AIR一项。

 

4.     安装AIR开发环境

Flex Builder 是最好的选择。

 

5.     Flex AIR 的Hello World

我们将创建一个基于SWF文件的AIR应用程序，打开Flex Builder3，当然Flex Builder基于Eclipse，实际上它是一个Eclipse的插件。

新建一个Flex Project类型的工程。Flex有两种应用程序类型，一种基于Web在Flash player里运行，一种在桌面运行于Adobe AIR runtime,我们选择桌面应用程序。服务器技术选择none，点击完成。 初始生成两个文件：mxml主文件和xml程序配置文件。

这里开发方式和flex builder写网络程序几乎一摸一样，我们给<mx:windowedApplication部分增加一个title，用来显示窗口标题栏。然后添加一个按钮，让它显示一个弹出窗口，代码如下所示：

<?xml version="1.0" encoding="utf-8"?>

<mx:WindowedApplication title="AIR 初体验！" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

     <mx:Script>

         <![CDATA[

              import mx.controls.Alert;

              public function clickHandler(event:MouseEvent):void {

                   Alert.show("Hello, AIR!");

              }

         ]]>

     </mx:Script>

    

     <mx:Button x="191.5" y="208" label="hello AIR"/>

     <mx:Label x="132" y="170" text=" 这个和web程序开发一点区别都没有" width="172" click="clickHandler(event)"/>

</mx:WindowedApplication>

点击运行按钮就可以在Flex Builder环境下运行了。

 

6.     打包发行AIR程序

把应用程序打包成AIR文件发行，AIR文件是包含所有应用程序文件的一个压缩文件，用户可以用AIR文件安装应用程序。

首先确保没有编译错误并运行正常，然后选择：project à export release build 到处AIR程序。导出提示会需要一个数字签名，创建一个，填写必须的信息OK，成功。这个时候会在项目的目录里面生成一个后缀为.air的文件。双击这个文件就可以安装运行这个AIR程序了，第一次安装的过程可能比较慢，需要耐心等待。

 

7.     深入学习

经过以上步骤，一个简单的AIR就完成了！过程还算简单吧？：）

要构造复杂的应用还得对AIR有深入的了解，下面提供一些Adobe的官方文档：

Developing AIR Applications with HTML帮助文档 ：

http://livedocs.adobe.com/labs/air/1/devappshtml/help.html Developing AIR Applications with Adobe Flex帮助文档 ：

http://livedocs.adobe.com/labs/air/1/devappsflex/help.html