转载自:http://blog.sina.com.cn/s/blog_48f93b530100nxw7.html
本篇借助实例,简单讲解AIR/Flex实际开发流程,并对Flash Builder工具的使用进行说明。(Flash Builder的安装请参考相关资料,另外本系列只关注AIR桌面应用的开发,对页面Flash/Flex开发不做阐述;对于Flash Builder环境的具体使用,可以参考“一周学习Flex4教学视频”。)
首先我们来开发一个最简单的“Hello AIR”应用程序。如果你熟悉VC的话,你会发现用Flash Builder集成开发环境进行Flash开发与Visual Studio环境是十分相似的。
1、打开Flash Builer,File -> New -> Flex Project,在弹出对话框的“Project Name”中填写“HelloAIR”,“Folder”项为工程文件夹存放路径,“Application type”指定工程类型为“Desktop”,“Flex SDK version”默认为“Flex 4.0”,当然也可以选择旧版本的SDK,本例中我们用4.0;
2、下一步,我们可以指定编译的输出文件存放位置,一般用默认值即可;
3、下一步,“Library path”页中默认为我们选择了“MX+Spark”的组件库,由前面文章可知,mx库是4.0版本之前的组件库,spark是4.0新支持的组件库,如果我们选择4.0版本SDK,可以同时使用新旧版本的组件,这是非常方便的。其他选项都用默认即可,我们可以看到“Main source folder”项为“src”,一般情况下,每个AIR/Flex工程都以工程目录下的“src”文件夹为代码或引用路径的根;
4、点击“Finish”,我们的工程文件夹及相关文件就被自动创建好了,可以看到Flash Builder中“Package Explorer”导航条中工程结构如下图。
5、打开“HelloAIR.mxml”文件,在其中加入以下语句<s:Label text="Hello AIR!" fontSize="20" fontFamily="Arial" left="10" right="10" top="10" bottom="10" verticalAlign="middle" textAlign="center"/>如图所示:
6、保存文件后点工具栏运行程序按钮,或菜单“Run -> Run HelloAIR”,或快捷键“Ctrl+F11”,便可看到我们运行结果了,如下图所示。可以看到我们的程序已经具备了Windows窗口的标准元素:标题栏,客户视图区、状态栏,并且可以调整大小,文字也会随着调正位置居中显示。
麻雀虽小,五脏俱全,我们简单学习一下AIR工程的相关知识。
1、文件结构。默认情况下,AIR工程会包含两个文件:主程序文件projectName.mxml和配置文件projectName-app.xml,其中projectName.mxml为应用程序具体外观与逻辑的代码文件,projectName-app.xml为主窗口样式和风格定义的代码文件。打开HelloAIR工程的文件夹,我们可以看到除了几个配置文件外,主要文件夹有3个:libs、bin-debug和src,其中最重要的是src,一般关于源码的文件都要放在此目录中,打开可以看到里面有2个文件:HelloAIR.mxml和HelloAIR-app.xml。
2、工程属性。在HelloAIR工程根上选择右键菜单项“Properties”,弹出工程属性对话框。在这里,我们可以配置从工程文件到工程编译、数据,甚至窗口主题样式等各方面的选项,认真研究一下这个对话框的内容,对我们理解AIR程序也是很有帮助的。
3、环境使用。一些常用操作在工程右键菜单中都包括了,我们可以通过“New”菜单向工程中添加各种类型的文件,也可以选择打开、关闭工程,编译工程,以及导入导出工程。如果我们的代码有错,编译时会提示错误信息,通过错误信息,我们可以调用环境自带的帮助查找问题。总之,高效地使用好开发环境,是流畅开发的基础。
对于完整的开发流程来说,下一步我们就要考虑怎样发布我们的应用程序了。对比VC,Flash Builder提供了更加强大的发布机制和升级机制,不过方便之余,这种方式也有他的弊端,下面具体说明。
对于发布应用程序来说,需要考虑的包括打包、分发和升级等,对于AIR程序来说,我们可以选择两种打包方式,而对应的分发和升级流程也有所区别。Adobe为我们提供了一种.air类型的打包文件,通过这种方式,程序安装、签名和升级等都能在Adobe提供的平台环境上轻松搞定,当然缺点就是整个流程都打上了Flash的烙印,用户体验不太好;另一种方法就是自己做安装包,自己负责分发和升级流程,缺点就是不能享受Adobe提供的整套流程的服务了。关于后一种方法,大家可以看一下以下两篇文章,在此就不多说了。
Packaging a desktop native installer
使用winrar打包air程序为exe
说一下第一种方式。
1、选择“HelloAIR”工程,右键菜单选择“Export...”,可以看到Flash Builder为我们提供了很多种导出类型,后面的文章我们会涉及更多类型的说明,在此我们选择“Flash Builder -> Release Build”;
2、下一步,使用默认值即可,其中有一个是否可以查看源代码的选项,可以根据需要自选;
3、下一步,要为程序签名(当然也可以不签)。签名的目的简单来说就是告诉用户拿到的文件是xxx创建的,可以信任该文件(尤其对安装包文件),而一些厂商又专门提供一种授权服务,对你的签名做个证明。Adobe提供了为打包文件签名功能,并建议开发者购买几个正规的签名授权厂商的数字证书,当然开发者也可以通过Flash Builer创建自己的数字证书进行签名。如果有购买的数字证书,可以在这一步直接导入签名;如果没有,我们要创建一个。点击“Create...”按钮,在对话框中填写相关信息,然后保存为证书文件。点击“Browse...”导入刚才的证书文件,填写密码;
4、下一步,可以看到包含的文件列表,Finish,到工程文件夹下就可以看到HelloAIR.air文件了;
5、双击air文件安装,会出现Flash提供的标准安装窗口,如下图所示。点“安装”,选择位置,去安装路径看一下,可以发现HelloAIR.exe可执行文件,运行就可以看到效果了。
关于签名的具体说明请看:Signing AIR applications
关于升级的具体说明请看:Updating AIR applications
这篇就写到这,下一篇我们找一个更加复杂点的例子,学习一下源代码。
分享到:
相关推荐
Flex Air 学习资料\01.Flex概述.rar
学习flex air的基础书,挺好用的,初学的可以下载来看看
学习air flex 的两本入门书籍的哈
简单的文件读写程序,适合新手学习。可对导入的文本文件进行修改再导出
程序缘 Flex AIR之旅-第六章 编写用户登录界面,用于学习借鉴的Flex Air的工程源码,导入flash builder4.6即可。已实现一般C/S结构展现界面的实现,如菜单、快捷工具栏、主窗口等。
flex air 博客管理系统 学习用的例子
flex air 桌面系统一个完整的桌面开发的例子,供大家分享学习。
Flex Air 学习资料\06.文本设计.rar
flex、flash及air等ios开发证书(P12格式) 压缩包内含两个文件: ios.p12(ios开发证书) mobileprovision.mobileprovision(配置文件) 用该证书及对应配置文件可以免99刀的Apple developer费用,编译出的ipa...
Adobe Air Flex中文帮助。是pdf文件格式,查看方便,适合于初学者学习的电子文档。
详细介绍入门Flex3的开发过程,控件学习及实例,上air官方网站下载的资料
为了学习flex 的webservice通信做的一个小程序,基于air的,分享出来方便大家学习。 有问题联系QQ:282771471
AIR的 Hello world,写给那些知道一点AIR,想要开始AIR开发的人。读这篇教程你可以没有任何Flex的基础,我会告诉你如何创建你的第一个项目,并且发布一个HelloWorld程序。
通过学习,你将充分了解为移动设备优化的Adobe Flex框架和MXML组件,并且学习如何利用Flash Player 10.3和AIR ActionScript 3.0 API。 本书介绍的内容适合于各种层次的开发人员。它将帮助你从一个基础水平开始创建...
对于刚刚开始学习接触Flex3的人来说,这本书是一个不错的选择,它先解释了ADOBE AIR解决方案,让读者对AIR整个框架平台有个全局性了解。 同时介绍了Flex在整个AIR解决方案上充当的角色,然后开始手把手的介绍Flex3的...
非常全的flex 学习文档 目录 第 1 章 : 关于 Flash Builder 使用 Flash Builder 可以完成的工作 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ...
Flex的一些学习习资料,有点杂,有中文版和英文版 Flex介绍: Flex 是一个高效、免费的开源框架,可用于构建具有表现力的 Web 应用程序,这些应用程序利用 Adobe Flash Player和 Adobe AIR, 运行时跨浏览器、桌面和...
flash air基础教程,学习后可掌握基本的air开发技术。
Adobe AIR 范例精解一书中的实例源代码!全部是air项目!喜欢as3,air和flex的朋友可以学习!里面有音乐播放器,桌面天气程序等11个air应用程序实例!为学习air的朋友会提供不少帮助的!
5.1.2 学习Flex和获取帮助 5.2 FlexBuilder3工作台 5.2.1 工作区 5.2.2 创建和交换工作区 5.2.3 工作区配置 5.2.4 编辑器 5.2.5 视图 5.2.6 透视图 5.2.7 创建自定义透视图 5.3 Flex...