Flex the world: Adobe AIR迷你教程 -- 在Flex builder3 中创建、发布AIR程序以及 AIR程序的安装运行

2008年11月5日

Adobe AIR迷你教程 -- 在Flex builder3 中创建、发布AIR程序以及 AIR程序的安装运行

这篇教程应该算是AIR的 Hello world，写给那些知道一点AIR，想要开始AIR开发的人。读这篇教程你可以没有任何Flex的基础，我会告诉你如何创建你的第一个项目，并且发布一个HelloWorld程序。

为什么要叫迷你教程，因为我想要每个demo的源程序都尽量简短，易懂。我觉得这样的教程看来比较容易吸收东西，也不会让大家花费太多时间在一个问题上。

下面我们开始讲解以下的内容。

1. 准备工作。
2. 第一个 AIR程序（编写、运行、调试）
3. 发布AIR程序。
4. 安装已发布的AIR安装包。

1.准备工作。

AIR的开发环境非常简单，你唯一需要的就是FlexBuilder3,下载地址我就不提供了，只需要在google中搜索"Flex builder3 下载"，你会得到一大把地址。 Flexbuilder的安装也很简单，直接运行安装程序，然后一路按照导航菜单下去既可。

2. 第一个 AIR程序（编写、运行、调试）（图片点击可以放大）

现在我们打开刚安装好的FlexBuilder3,见下图,选择打开File -- New -- Flex project.

接下来是输入程序名，我写的是My first air app, 在Applicaiton Type那选择Desktop application(runs in Adobe AIR),接这直接点Finish,项目将创建在安装FlexBuilder时设置的work space里，这个文件夹没什么特别（你以后可以把你的项目放在任意的文件夹中，使用File -- Import -- Flex project导入）

现在你可以在左侧的导航中看见你的项目My first air app。你可以看倒项目主程序main.mxml和配制文件main-app.xml（在AIR迷你教程--使用自定义窗口...,中我们有用到这个文件，现在不需要管他）。右边的主窗口区域就是已经打开的main.mxml的内容。

按照下图的内容写我们的第一个air程序，也可以算我们第一个flex程序(Flex和AIR开发完全一样，只是在 AIR中多了一些包的支持使我们的程序成为桌面程序)。程序中有一个按钮，点击触发click事件，接着trace(trace是flex中用来在控制面版输出信息的命令，在Debug模式中我们经常会使用它来帮助我们调试程序)出 event 的内容，并且执行弹出窗口现在一段文字。

下面我们运行程序，按照下图，右键点击main.mxml -- Run As -- Adobe AIR Application.

运行后我们点击按钮，完成我们整个demo的内容。

好，现在我们已经结束从编写到运行的过程。下面我们来调试(Debug)。如图，我们在第9行代码左边蓝色小点的位置，左键单击，这样你应该可以看倒和图上一样的蓝色小点了，这就是我们设置的程序断点，在调试模式中，程序会在这样的位置停下来。

我们开始调试，右键点击main.mxml -- Debug As -- Adobe AIR Application.

然后你可能会看倒这样的提示，这是问你是否要将我们的主窗口切换到调试模式。你可以看见图片右上角有显示“Flex” 旁边有一个flex的图标，你可以点开那个菜单看见里面有三种视图Debugging, Development和Profiling。我们已经用了其中2个，Development就是我们上面写程序的视图，Debugging是我们即将要切换到的视图，Profiling是用来帮助我们检查程序的性能的工具，可以帮助我们解决Memory leak等等的问题，这个不需要知道，以后有机会用到的时候再研究也不迟。现在点Yes继续。

程序运行后，点击按钮，你会发现程序停在了下面的位置，一个绿色的横杠标示出程序现在停在了短点的位置，这个时候我们就可以查看这一时刻当前对象的各种我们感兴趣的信息了，你可以试着切换屏幕右上窗口的 Variables选像卡，会看到当前活动的对象，这里我们也不多说，尝试多调试下程序后你自然就明白Variables里面的内容了，都是很直观的信息。接下来如果我们点上面绿色的箭头，程序会继续执行直到遇到下一个断点，如果按F6，会单步执行。

以上就是全部第2点的内容。

3. 发布AIR程序。

既然 AIR是桌面应用程序，那它自然也需要按装，现在我们就来看怎么把我们写好的程序发布成按装包。点击图上红色圆圈的按钮，弹出如图所示窗口。在Export file中填上你想要的按装包的名字，点击Next

这里我们发布程序需要有一个Key,那是你程序的证书。因为第一次发布，所以点Create。

打开如图所示窗口，填上名字，密码，点击Browser选择保存位置。我的是Mac击所以界面有些不一样，但是操作和windows是一样的。我保存了名叫MyKey的证书。

上图点击OK后你可以看倒证书已经选择完毕。填上你的密码，点击Finish.

如下红色圆圈所示，在你的项目文件夹里出现一个main.air的文件，那就是我们发布的AIR程序安装包了。

4. 安装已发布的AIR安装包。

使用AIR程序的人当然不需要flexbuilder这样的东西，他们只需要按装已下air程序的运行环境。就像run java app需要java runtime, 运行 air需要 air runtime,这里是下载地址 http://labs.adobe.com/downloads/air.html. 下载 windows版或者mac版。下载后安装既可。

按装完runtime之后，双击main.air就可以开始将air程序，安装过程和普通应用程序无异。

好了，看完以上内容，相信你已经可以开始自己的AIR程序。至于更深入的内容大家可以继续看以后的AIR教程。