在Flex builder3 中创建、发布AIR程序以及 AIR程序的安装运行

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

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

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教程。

This entry was posted in AIR 迷你教程 and tagged AIR, AIR 迷你教程. Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.在Flex builder3 中创建、发布AIR程序以及 AIR程序的安装运行
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值