用Adobe Flash Professional CS6建立一個iOS應用程式

平闆電腦和智能手機的迅速增長意味着将會有比以往任何時候都多的人使用移動裝置來浏覽線上内容。其結果就是，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技術開發适用于多個平台的具有豐富互動性的移動内容，這會簡化你的開發流程。

檢查示例工程資源

    我在本文中所用到的示例項目是一個叫做BubbleUp的遊戲（見圖1）。這個遊戲的目标是水準移動槳闆來反彈下落的氣泡并且阻止它們因觸碰到螢幕底部的一排鋒利的尖刺而爆裂。

    圖1.遊戲BubbleUp

    示例檔案包含兩個子檔案夾：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工作區。

釋出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，你可以在你的應用程式中利用你本機作業系統的功能，通過添加利用裝置的加速計，觸摸事件，麥克風，攝像頭，或振動功能來實作。你也可以把網絡廣告和應用程式内購買系統整合到你的應用程式中。