代码改变世界

AS3--CS3开发Air

2008-10-06 14:45  宝宝合凤凰  阅读(454)  评论(0)    收藏  举报
AIR是Apollo Intergeted Runtime。AIR程序都是跑在AIR这个Runtime之上的。这就好比SWF文件在Flashplayer中运行一样。
AIR的组成和发布非常简单:一个描述应用的XML+一个根节点资源+一个打包工具。
在我们使用Flex Builder3简历AIR项目的时候,一般都会自动产生一个MXML和个XML。用Flex编译好的SWF,作为这个AIR的默认根节点,然后可以通过Flex Builder3 发布成为air安装包。然而这并不意味着我们只能用Flex开发AIR应用!我们只要有swf,并且把这个swf描述成为AIR应用的根节点资源,就可以利用Flex Builder3的打包工具发布我们的air安装包了!

下面是我利用Flash CS3开发AIR安装包的几个步骤的截图,我狠花了一番功夫准备的,相信看了这些图片,你会对Flex、MXML、Flash CS3、AIR等等这些概念有一个更加深入的理解!

先看最终效果吧:

Adobe AIR(Apollo)教程, Adobe AIR 入门

开发步骤详细截图(共18张大图):

  1. 配置Flash CS3的编译器环境,把Flex3 SDK的airglobal.swc文件,拷贝到如下位置:C:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\ActionScript 3.0\Classes\playerglobal.swc - 这个位置依据不同的安装配置而不同。
    Adobe AIR 教程
  2. 进入FlashCS3,如同平时开发那样,开发你自己的SWF,只不过,我们可以用到AIR的API了。
    Adobe AIR(Apollo)教程, Adobe AIR 入门
    Adobe AIR(Apollo)教程, Adobe AIR 入门
  3. 编译好的swf也可以运行,不过AIR的API由于没有FlashPlayer的支持,因此调用的时候会报错:
    Adobe AIR(Apollo)教程, Adobe AIR 入门
  4. 先把编译的swf放在一边,打开FlexBuilder3,启动一个AIR项目:
    Adobe AIR(Apollo)教程, Adobe AIR 入门
  5. 按照提示,输入项目名称:
    Adobe AIR(Apollo)教程, Adobe AIR 入门
  6. 设置项目在文件系统中的目录(个人建议所有资源从外部导入这个目录,以便和项目捆绑)
    Adobe AIR(Apollo)教程, Adobe AIR 入门
  7. 设置我们的XML描述文件,由于我们这次要制作透明窗口的AIR程序,因此需要把窗口UI去掉:
    Adobe AIR(Apollo)教程, Adobe AIR 入门
  8. 在左侧的Navigator中的awflasher项目下的bin文件夹上,右键单击,选择Import:
    Adobe AIR(Apollo)教程, Adobe AIR 入门Adobe AIR(Apollo)教程, Adobe AIR 入门
  9. 从文件系统(File System)导入swf资源:
    Adobe AIR(Apollo)教程, Adobe AIR 入门
  10. 这时候,我们可以发布AIR安装包了!
    Adobe AIR(Apollo)教程, Adobe AIR 入门
  11. 发布一个air文件到文件系统:
    Adobe AIR(Apollo)教程, Adobe AIR 入门
  12. 赶紧安装看看效果吧:
    Adobe AIR(Apollo)教程, Adobe AIR 入门Adobe AIR(Apollo)教程, Adobe AIR 入门Adobe AIR(Apollo)教程, Adobe AIR 入门
  13. 在程序菜单中,找到我们刚才安装的AIR应用,运行之:
    Adobe AIR(Apollo)教程, Adobe AIR 入门