`

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

    博客分类:
  • flex
阅读更多

这篇教程算是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程序的安装运行
<!---->
分享到:
评论

相关推荐

    Flex_builder中创建、发布AIR程序以及_AIR程序的安装运行

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

    使用FlexBuilder3制作并导出AIR1.0正式版应用

    标题“使用FlexBuilder3制作并导出AIR1.0正式版应用”涉及到的是Adobe Flex Builder 3这款开发工具,以及Adobe Integrated Runtime (AIR) 1.0版本的应用程序开发过程。Flex Builder 3是一款基于Eclipse的IDE,专门...

    汉化 Flex Builder 3 帮助文档

    "汉化 Flex Builder 3 帮助文档" 一、Flex Builder 3 帮助文档汉化背景 Adobe 官方已经发布了 Flex 3 中文文档帮助,但是没有提供打包下载的选项。幸运的是,有网友自行制作了 CHM 版本的下载,非常方便。下面将...

    FlexBuilder 3 中文教程.rar

    FlexBuilder 3是一款由Adobe公司推出的集成开发环境(IDE),专为构建富互联网应用程序(RIA)而设计,尤其是基于Adobe Flash Player和Adobe AIR的应用。这个IDE是基于Eclipse平台,提供了一整套工具来帮助开发者...

    flex builder中文教程

    3. **组件库**:详细阐述Flex提供的各种预定义组件,如按钮、文本框、列表等,以及如何在界面设计中使用它们。 4. **事件处理**:解释事件模型,如何绑定事件监听器,以及如何处理用户交互。 5. **数据绑定**:...

    Flex Builder

    在Flex开发过程中,日志记录是调试和问题排查的重要环节,因此了解如何在Flex Builder中设置和管理日志输出至关重要。 日志记录是跟踪应用程序运行时状态的有效手段,它可以帮助开发者了解程序执行的细节,找出潜在...

    flex air中文官方帮助文档

    Flex Air是中国Adobe公司开发的一款基于Flash技术的富互联网应用程序(RIA)开发平台,它允许开发者创建可以在桌面运行的跨平台应用程序。本“Flex Air中文官方帮助文档”是开发者的重要参考资料,详细介绍了Flex ...

    flex builder 4 help

    同时,Flex应用运行在Flash Player或Adobe AIR上,这使得它们可以在多个平台上运行,包括Web浏览器和桌面环境。 2. **MXML和ActionScript**:Flex 4引入了MXML和ActionScript的混合编程模型,MXML用于声明式定义...

    Flex Builder 3 帮助文档(已更新,支持Air 1.5)

    D:\Program Files\Adobe\Flex Builder 3\plugins\com.adobe.flexbuilder.help_*** 是zip压缩格式,解压缩,得到doc文件夹,大部分文件都在langref子目录里,我们需要的是把这些html文件替换为官方已经翻译好的html...

    在Android程序上创建基于AIR的Flex的详细向导

    在Android平台上创建基于Adobe AIR的Flex应用程序是一个将Flash Builder与移动设备功能相结合的过程。Adobe AIR允许开发者使用Flex框架创建跨平台的应用程序,包括在Android上运行的多屏幕应用。本篇指南将逐步介绍...

    Adobe Flex Builder 3.0官方开发教程

    9. **部署与发布**:了解Flex应用的打包、签名和发布流程,以便在Flash Player或AIR环境中运行。 10. **最佳实践**:获取关于代码组织、性能优化和可维护性提升等方面的建议,提升开发质量。 通过这份官方教程,...

    flex air 单机版俄罗斯方块 flexbuilder项目文件

    flex air 单机版俄罗斯方块 小游戏 flexbuilder项目文件

    flex air案例

    - 在FlexBuilder3中,选择“File” -&gt; “New” -&gt; “Flex Project”。 - 输入项目名称(例如:My first air app),在“Application Type”中选择“Desktop application (runs in Adobe AIR)”。 - 点击“Finish”,...

    MyEclipse 7.5,Flex Builder 3.0,IDE整合

    整合MyEclipse与Flex Builder的目的在于创建一个统一的工作流,使得开发者可以在同一环境下进行Flex前端和Java后端的开发,减少在不同工具间切换的时间,提高工作效率。这通常涉及到安装Flex Builder插件到MyEclipse...

Global site tag (gtag.js) - Google Analytics