用Adobe Flash Professional CS6创建一个iOS应用程序

引用:http://news.9ria.com/2013/0104/25780.html

平板电脑和智能手机的迅速增长意味着将会有比以往任何时候都多的人使用移动设备来浏览在线内容。其结果就是,Web设计人员和应用程序开发者常常负责为较小的触摸屏设备进行游戏,工具,以及交互体验等的设计开发。

    当苹果公司宣布其iOS平台不支持Adobe Flash Player时,许多人错误地认为Flash内容无法存在于iPhone,iPad,或者其它移动设备。然而,现实情况是许多iOS和Android应用程序已经使用Flash技术开发和部署了,而且Adobe公司还在继续在工具和框架方面进行投入,以使之更容易的开发和部署这种应用程序。事实上,目前有超过20,000个使用Flash技术开发的移动应用程序可以从谷歌游戏商店(Google Play)和苹果应用商店(Apple App Store)获得。使用Flash Professional CS6和其它Adobe工具,你可以轻松的发布和打包成iOS和Android应用程序。


    在这篇文章中,我会向你展示如何使用Flash Professional CS6发布和打包一个iOS应用程序。你将会学习到如何使用ActionScript来为多个平台开发移动应用程序,而且无需学习新的移动操作系统编程语言。通过几个简单的更改和点击,你就可以把相同的代码发布成既适用于iOS又适用于Android设备的应用程序--无需重新构建工程项目。使用Adobe 的工具和技术可以让你能够使用你现有的Flash技术开发适用于多个平台的具有丰富互动性的移动内容,这会简化你的开发流程。

    现在就开始吧,如果你的机器上还没有安装Adobe Flash Professional CS6,那么去下载它并开始30天的免费试用版。(你也可以使用您的创意会会员身份下载安装这个产品。)还要下载Flash Professional CS6的更新。这个更新在发布设置中添加了新的发布目标:适用于iOS, Android, 以及桌面应用程序的AIR 3.4版和Flash Player 11.4。它还包括了发布高分辨率内容以充分利用新的苹果Retina显示屏的效果,而且支持了添加更大图标的PNG文件以适应最新的iPad设备。

    注意:一旦你准备将你的应用程序部署到苹果的App Store,你或者你的开发团队中的某人必须注册成为苹果开发者。苹果开发者帐户能够让你在浏览器中登录进入iOS设置门户,以便于你可以为你的应用程序下载一个发行证书和一个配置文件。该网站还包括用一个设备ID将一个iOS设备指定作为开发设备并将其用于测试目的的能力。

检查示例工程资源

    我在本文中所用到的示例项目是一个叫做BubbleUp的游戏(见图1)。这个游戏的目标是水平移动桨板来反弹下落的气泡并且阻止它们因触碰到屏幕底部的一排锋利的尖刺而爆裂。

    用Adobe Flash Professional CS6创建一个iOS应用程序
    图1.游戏BubbleUp

    从审查项目文件开始。下载示例文件(ZIP,22MB),打开存档文件,并将iOSApp文件夹保存到您的桌面。

    示例文件包含两个子文件夹:Deploy(部署文件夹)和Source(源文件夹)。对于这个例子你将要打开并时行工作的文件在源文件夹中。如果你相要看一下发布的iOS项目,查看部署文件夹中的文件。

    1.在你的桌面上找到iOSApp文件夹,打开源文件(Source)子文件夹.源文件夹中包含以下文件夹和文件:
        Assets(资源)文件夹中包含会在游戏中显示的图形和图像文件。
        Classes(类)文件夹包含了存储ActionScript代码的ActionScript文件。

        Libs(库)文件夹包含了链接的框架库的.swc文件。
        BubbleUp.fla是在Flash Professional中创建的主源文件。

   2.双击名字为BubbleUp.fla的文件,在Flash Professional中打开该项目。项目打开了,游戏画面就显示在舞台上。

   3.选择 窗口 -> 时间轴将时间线窗口打开,如果它还没有打开的话。花些时间探索一下每个图层上的元素。这些是用于布局目的的引导层。资源是使用开源的Starling框架用ActionScript 3.0来实例化的。第一个图层的第一帧中包含了一个叫做Hud的影片剪辑。

   4.双击Hud这个影片剪辑来检查它的时间线。它包含游戏的菜单和记分牌(见图2)。
     
     用Adobe Flash Professional CS6创建一个iOS应用程序
     图2:菜单和分数指示是HUD影片剪辑的元素
   
   5.点击左上角的Scene 1(场景 1)按钮返回到主时间线。在第一层Hud影片剪辑下面是一个叫做Guides的时间线文件夹。


   6.点击Guides文件夹将其展开,如果其中的内容还没有显示出来的话。Guides文件夹还包含两个叫做guide_hud_singlePlayer 和 guide_hud_multiPlayer 的图层,这两个图层都显示了位图图形。

     默认情况下,guide_hud_multiPlayer层是可见的。如果你点击可见性一列(有眼球图标标注)的圆点可以暂时隐藏其内容,背景和气泡图形就消失了。再点圆点一次就可以重新显示图层上的内容。

     另外在默认情况下,the guide_hud_singlePlayer层是隐藏的。如果你点击singlePlayer图层旁边的圆点暂时显示其内容,你会看到一个暂停按钮。再次点击圆点可将图层内容隐藏。

     7.选择窗口->库,打开库面板。库面板中显示了一个所有导入的图形和元件的列表(见图3)。

       用Adobe Flash Professional CS6创建一个iOS应用程序
       图3:游戏资源在库面板中的组织结构

播放一下示例项目来测试这个游戏

     在你发布或在移动设备上测试项目前,在本地对文件进行测试并确保游戏按照预期的运行是一个很好的主意。

     1.在属性检查器中,在发布区域使用目标菜单选择适用于iOS的AIR 3.4版本。

       注意:如果后来你想重新发布适用于Android设备的版本,你可以返回到属性检查器然后设置目标为适用于       Android 的AIR 3.4。

     2.选择控制->测试影片->测试。影片运行,然后游戏的打开屏幕显示出来。

     3.点击单人测试按钮。通过水平移动桨板来阻止气泡撞击底部为目标玩这个游戏(见图4)。

       用Adobe Flash Professional CS6创建一个iOS应用程序
       图4:你可能通过移动浆板来将气泡反弹的方式与游戏进行互动

      注意:如果你试图玩多人模式,你只会看到“等待对手”的消息。

     4.当你玩完游戏,关闭游戏窗口然后返回Flash工作区。

      注意:如果你正在为Android平台开发内容,你也可以在你的设备上通过启用USB调试功能来测试移动Flash内容。想要了解更多的信息,请在谷歌开发者网站上阅读有关远程调试的内容。

发布iOS文件

    现在你已经熟悉了示例项目,并且你已经在你的电脑上对其进行过测试了,你可以发布设置并发布移动文件。跟随这个部分,您将需要发行证书,配置文件,以及您用您的苹果开发者账户创建的设备ID。

    一旦你已经从苹果网站获取到你的证书和配置文件,那么请按照下面的步骤进行:

    1.在Flash Professional中,选择文件->发布设置来打开发布设置对话框。

    2.使用目标菜单来选择适用iOS的AIR 3.4版。点击播放器设置按钮(扳手图标)来访问适用于iOS的AIR设置对话框(见图5)。
      用Adobe Flash Professional CS6创建一个iOS应用程序
       图5:单击播放器设置按钮来配置应用程序

    3.在适用于iOS的AIR设置对话框中,点击常规选项卡。为了达到本文的目的,保留默认设置即可,它应该与图6中所示的设置相一致。
      用Adobe Flash Professional CS6创建一个iOS应用程序
      图6:适用于iOS的AIR默认设置

      注意:在iOS 6设备上,包括第三代和第四代iPad上将分辨率选项设置为高来发布移动内容。

    4.点击部署选项卡然后点击证书区域旁边的文件夹图标。浏览选择你从苹果开发者网站下载的发行证书(.p12文件)。

    5.在苹果开发者网站上输入与你的帐户相关的密码然后前往并选择你创建的配置文件。

    6.在iOS部署类型区域,选择为设备测试快速发布(Quick Publishing For Device Testing)选项。

    7.点击图标选项卡。使用此区域来定义将与你的iOS应用程序相关联的图标。Deploy(部署)子文件夹中包含七个此示例项目中要使用的PNG文件。当你选择列表中的每个图标尺寸时,你可以点击下面右侧区域的文件夹图标然后浏览并选择相应的图标文件(见图7)。
     用Adobe Flash Professional CS6创建一个iOS应用程序
     图7:为应用程序配置图标
  
    8.点击语言选项卡。设置语言为英语。如果适用还可以选择其他语言。


    9.当设置结束时,你可以点击发布来将项目发布。

    Flash会生成一个IPA文件,并且将这个文件以项目名称.ipa这个名字保存到你的桌面。

直接向一个iOS设备发布移动内容

    在以前版本的Flash Professional中,必须使用苹果的iTunes来同步您的设备,并且上传Flash内容到设备。通过使用安装了更新的Flash Professional CS6,你可以直接将移动文件拷贝到你的设备中:

    1.通过USB将您的设备连接到您的计算机。

    2.在属性检查器中,点击目标菜单右侧的编辑应用程序设置按钮(扳手图标)(见图8)。适用于iOS的AIR设置对话框就出现了。
      用Adobe Flash Professional CS6创建一个iOS应用程序
       图8:编辑AIR应用程序的设置

    3.点击部署选项卡然后在位于底部的发布区域激活在所连接的iOS设备上安装应用程序选项。

    4.点击发布来将文件发布并将它们拷贝到设备上。

    5.发布过程结束后,使用你的iOS设备选择安装的移动应用程序启动它。点击单人游戏按钮,然后沿着触摸屏底部水平地拖动桨板来玩这个Flash游戏。

下面该做些什么

    正如你从这个示例中所看到的,你可以通过用Adobe AIR发布项目的方式来用Flash Professional CS6开发适用于iOS的移动应用程序。你可能用同样的工作流程创建适用于Android的移动应用程序。此外,使用ActionScript,你可以在你的应用程序中利用你本机操作系统的功能,通过添加利用设备的加速计,触摸事件,麦克风,摄像头,或振动功能来实现。你也可以把网络广告和应用程序内购买系统整合到你的应用程序中。

    相要了解更多关于使用AIR来开发移动内容的知识,请访问 Adobe AIR开发人员中心。另外请查阅以下的在线资源:

       适用于Adobe AIR的原生扩展       iOS版AIR的发布工作流程
       打包iOS版的AIR应用程序       在AIR iOS应用程序中使用推送通知


    如果你运行的是Mac OS X,你也可以在你的计算机上使用原生模拟器来预览你的项目,这样可以在设备上进行测试前检查你的工作。查看一个Flash Professional帮助文档中的原生iOS模拟器的支持可以了解到更多的细节。

    最后,查阅gaming.adobe.com网站,可能获得更多的有关于为移动平台开发基于Flash的游戏的资源和信息。
 

你可能感兴趣的:(Flash)