使用FlashDevelop也可以很輕鬆快速的開發APP專案,本編將介紹如何在FlashDevelop開啟你的APP專案,並輸出到您的行動裝置上。
首先我們開啟一個新的APP專案,在上方工具列的Project>New Project
你會打開New Project視窗+
選擇你要開的專案類型,找到ActionScript 3下的 AIR Moblie AS3 App App並選擇他,下面Name改成你要的專案名稱,不建議用中文,這個跟你到時候產出的APP名稱是無關的。
Location是專案的路徑,最下方(3)的Create directory for project記得打勾,這樣子你的專案的檔案都會全部放在你設定的Location路徑下的專案名稱目錄下(這裡我是叫作MyFirstAPP)。
設定好了之後按下OK,開啟一個新的專案。
打開新專案後,看一下右方的Project標籤,這是你的專案內容物,其中src下面的Main.as就是程式的進入點(一開始會執行這個as)。
如果你在右方找不到Project標籤,你可以從上方功能列的View>Project Manager打開它。
你可以雙擊Main.as,FlashDevelop會開啟它,裡面已經有ㄧ些版型預設的程式碼。目前我們先不用去管程式內容(這個往後會再為各位說明),我們先試著把這支空的APP装到你的行動裝置上。
本次範例先針對Android系統輸出作設定,IOS因為設定筆較煩瑣,有機會再為各位說明(實際上如果你同時都做好設定是可以同時輸出到Android平台與IOS平台的,這也正是Air最方便的地方)
首先打開上Project試窗上方的Project Properties選項
打開專案的設定Output標籤。確認一下Air版本是不是3.8以上
如果不是,那就是你的FlashDevelop不是最新版的,請去官網下載新版升級。
下方的Dimensions是你以往設定的flash舞台大小,你可以改成你的裝置的尺寸(我的是480x800)。實際上設定這個尺寸除了方便你自己觀看外,並沒有任何意義的,就好像當您在製作全景flash網站時,舞台的大小是根據觀看者的瀏覽器決定的,同樣行動裝置的尺寸也相當多(尤其是Android),ㄧ般而言舞台大小與配置都是透過程式偵測重新排版出來的。
切換到SDK標籤
確認一下Use a SDK configured globally.是不是也是對應前面的Air版本 (我目前是Air 3.8),同樣如果不是,請先升級到新的版本。
好了之後按下OK。
再來打開上方的Air App Properties選項
裡面有些很重要的設定。
第一個Details標籤。
ID 往後上架後,每一個APP都有一個獨一無二的APP ID,目前先不管,用預設質就好。
Name 這裡的名子才是顯示在畫面上的APP名稱,可以取中文。
下方的Version No.是版本編號,這個上架前再注意就好了。
切換到 Initial Window標籤下的 Non-Windowed Platforms標籤
Aspect Ratio是APP的方向,可以設定Portrait(直式) Landscape(橫式)。
Render Mode設成 Direct (官方建議使用這個設定)
Auto Orients 你可以設定裝置是否對應自動轉換方向。
FullScreen 是否全螢幕,全螢幕模式會把行動裝置上方的電信訊號與電源時間資訊隱藏起來。
確認好了之後一樣按下OK。
你可以先按下Ctrl+Enter 輸出,目前會輸出到模擬器上。
目前一片空白,因為我們並沒有在畫面上加上任何東西,這不重要,本篇主要是要把這個空的APP安裝到你的裝置上面。
如果之前輸出都沒有問題,再來我們就要針對Android裝置實機輸出了。
首先必須要製作一個p12簽證檔案,展開專案裡的bat目錄,找到CreateCertificate.bat,然後滑鼠在上面按右鍵,選擇Execute執行這個批次檔。
開始製作,約等個5 6秒...
結束後按下任意鍵,在看一下專案裡的cert目錄裡會有製作好的p12檔案。
再來展開src目錄,雙擊Run.bat檔案。
修改一下內容
把原來第7行的 goto desktop註解起來(前面加兩個冒號,它會變成綠色的字就是註解)
然後把第9行的 goto android-test 前面的冒號拿掉。
好了之後專案設定都結束了。
拿出你的Android裝置,接在電腦前,請先確認裝置上的 設定 > 開發人員 > USB偵錯模式 是打勾的,不然無法輸出。
接上您的Android裝置,準備輸出了。
(如果你是第一次接上電腦,大部分的裝置都需要安裝驅動程式,你可以到裝置的官網下載驅動程式或去google搜尋適合的驅動程式)
按下Ctrl+Enter輸出,等待一下(正常來說一分鐘內應該可以輸出並安裝完成)
你就可以在你的裝置上看到你的APP。
ps.打開APP,一片空白,是正常的,因為你還沒有寫任何東西
另外一件很重要的事,第一次開啟AIR輸出的APP,裝置會叫你去安裝AIR
請先到GooglePlay商店下載行動裝置的AIR
因為你輸出時並沒有把Air一起包裝進去,至於如何打包,之後會再為各位說明。
沒有留言:
張貼留言