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

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

引用: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)。这个游戏的目标是水平移动桨板来反弹下落的气泡并且阻止它们因触碰到屏幕底部的一排锋利的尖刺而爆裂。

    
    图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)。
     
     
     图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)。

       
       图3:游戏资源在库面板中的组织结构

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

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

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

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

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

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

       
       图4:你可能通过移动浆板来将气泡反弹的方式与游戏进行互动

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

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

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

发布iOS文件

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

    2.在属性检查器中,点击目标菜单右侧的编辑应用程序设置按钮(扳手图标)(见图8)。适用于iOS的AIR设置对话框就出现了。
      
       图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的游戏的资源和信息。
 

相关文章
|
1月前
|
开发框架 前端开发 Android开发
Flutter 与原生模块(Android 和 iOS)之间的通信机制,包括方法调用、事件传递等,分析了通信的必要性、主要方式、数据传递、性能优化及错误处理,并通过实际案例展示了其应用效果,展望了未来的发展趋势
本文深入探讨了 Flutter 与原生模块(Android 和 iOS)之间的通信机制,包括方法调用、事件传递等,分析了通信的必要性、主要方式、数据传递、性能优化及错误处理,并通过实际案例展示了其应用效果,展望了未来的发展趋势。这对于实现高效的跨平台移动应用开发具有重要指导意义。
160 4
|
2月前
|
设计模式 安全 Swift
探索iOS开发:打造你的第一个天气应用
【9月更文挑战第36天】在这篇文章中,我们将一起踏上iOS开发的旅程,从零开始构建一个简单的天气应用。文章将通过通俗易懂的语言,引导你理解iOS开发的基本概念,掌握Swift语言的核心语法,并逐步实现一个具有实际功能的天气应用。我们将遵循“学中做,做中学”的原则,让理论知识和实践操作紧密结合,确保学习过程既高效又有趣。无论你是编程新手还是希望拓展技能的开发者,这篇文章都将为你打开一扇通往iOS开发世界的大门。
|
2月前
|
搜索推荐 IDE API
打造个性化天气应用:iOS开发之旅
【9月更文挑战第35天】在这篇文章中,我们将一起踏上iOS开发的旅程,通过创建一个个性化的天气应用来探索Swift编程语言的魅力和iOS平台的强大功能。无论你是编程新手还是希望扩展你的技能集,这个项目都将为你提供实战经验,帮助你理解从构思到实现一个应用的全过程。让我们开始吧,构建你自己的天气应用,探索更多可能!
77 1
|
4月前
|
搜索推荐 API 开发工具
打造个性化天气应用:从零开始的iOS开发之旅
【8月更文挑战第31天】本文是一篇针对初学者的iOS应用开发指南,将引导读者通过Swift和iOS SDK构建一个简单而美观的天气应用。我们将探索如何利用API获取实时天气数据,并在应用中实现用户友好的界面设计。文章不仅包括代码示例,还提供了设计理念和用户体验优化的建议,旨在帮助初学者理解iOS开发的基础知识,并激发他们创造个性化应用的兴趣。
|
1月前
|
安全 Swift iOS开发
Swift 与 UIKit 在 iOS 应用界面开发中的关键技术和实践方法
本文深入探讨了 Swift 与 UIKit 在 iOS 应用界面开发中的关键技术和实践方法。Swift 以其简洁、高效和类型安全的特点,结合 UIKit 丰富的组件和功能,为开发者提供了强大的工具。文章从 Swift 的语法优势、类型安全、编程模型以及与 UIKit 的集成,到 UIKit 的主要组件和功能,再到构建界面的实践技巧和实际案例分析,全面介绍了如何利用这些技术创建高质量的用户界面。
33 2
|
1月前
|
JSON 前端开发 API
探索iOS开发之旅:打造你的第一个天气应用
【10月更文挑战第36天】在这篇文章中,我们将踏上一段激动人心的旅程,一起构建属于我们自己的iOS天气应用。通过这个实战项目,你将学习到如何从零开始搭建一个iOS应用,掌握基本的用户界面设计、网络请求处理以及数据解析等核心技能。无论你是编程新手还是希望扩展你的iOS开发技能,这个项目都将为你提供宝贵的实践经验。准备好了吗?让我们开始吧!
|
1月前
|
Swift iOS开发 UED
如何使用Swift和UIKit在iOS应用中实现自定义按钮动画
本文通过一个具体案例,介绍如何使用Swift和UIKit在iOS应用中实现自定义按钮动画。当用户点击按钮时,按钮将从圆形变为椭圆形,颜色从蓝色渐变到绿色;释放按钮时,动画以相反方式恢复。通过UIView的动画方法和弹簧动画效果,实现平滑自然的过渡。
59 1
|
2月前
|
Swift iOS开发 UED
如何使用Swift和UIKit在iOS应用中实现自定义按钮动画
【10月更文挑战第18天】本文通过一个具体案例,介绍如何使用Swift和UIKit在iOS应用中实现自定义按钮动画。当用户按下按钮时,按钮将从圆形变为椭圆形并从蓝色渐变为绿色;释放按钮时,动画恢复原状。通过UIView的动画方法和弹簧动画效果,实现平滑自然的动画过渡。
62 5
|
2月前
|
移动开发 前端开发 Swift
iOS 最好的应用程序开发编程语言竟然是这7种
iOS 最好的应用程序开发编程语言竟然是这7种
115 8
|
3月前
|
存储 IDE 开发工具
移动应用开发之旅:打造你的首个iOS应用
【9月更文挑战第23天】在数字化浪潮中,移动应用已成为连接用户与数字世界的关键桥梁。本文将带领读者踏上开发属于自己的第一个iOS移动应用的旅程,从理解移动操作系统的核心概念出发,逐步深入到实际的应用构建过程中。通过简洁明了的语言和具体的代码示例,我们将一起探索如何在苹果的iOS平台上实现一个简单的“待办事项列表”应用,让读者不仅能够学习到编程知识,还能体会到将想法转化为现实产品的成就感。无论你是编程新手还是希望扩展技能的开发者,这篇文章都将为你提供一个实用的指南,帮助你迈出成为移动应用开发者的第一步。