AIR/Flex学习 3

阅读更多

转载自：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”文件，在其中加入以下语句如图所示：

    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

    这篇就写到这，下一篇我们找一个更加复杂点的例子，学习一下源代码。