Adobe Flash Builder 4.5 Android Air 程式開發系列 之二 HelloWorld

上一講我們講了Adobe Flash Builder 4.5 Android Air 程式開發系列 之開發環境的搭建，這一講我們將講解簡單的HelloWorld 程式。

q 建立HelloWorld項目

首先在4.5 的開發環境中建立【Flex 手機項目】，選擇【檔案】|【Flex 手機項目】，彈出1所示的。

圖1 建立手機項目

在【項目命】中添加項目的名稱為”HelloWorld“，【檔案夾】中選擇自己的目錄。單擊【下一步】，進入平台設定，2所示。

圖2平台選擇

選擇預設即可，點擊【下一步】，進入【設定管理員設定】視窗，3所示。

圖3 設定管理員配置視窗

選擇預設，點擊【下一步】，進入【構建路徑】視窗，4所示。

圖4 構建路徑視窗

點擊【完成】，完成Flex手機項目的建立。

q 增加HelloWorld 項目主視圖的內容

增加項目的內容，為主視圖添加代碼。手機項目採取實用多個視圖，而程式在多個視圖之間的切換。HelloWorldView.mxml 的代碼如下：

<?xml version="1.0" encoding="utf-8"?>

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 

xmlns:s="library://ns.adobe.com/flex/spark" title="首頁視圖">

<fx:Script>

<![CDATA[

protected function btnShow_clickHandler(event:MouseEvent):void

{

lblShow.text="HelloWorld";

}

]]>

</fx:Script>

<fx:Declarations>

<!-- 將非可視元素（例如服務、值對象）放在此處 -->

</fx:Declarations>

<s:layout>

<s:VerticalLayout paddingTop="10"/>

</s:layout>

<s:Label id="lblShow"/>

<s:Button id="btnShow" click="btnShow_clickHandler(event)"/>

</s:View>

主要是在主介面顯示一個label ，一個button，點擊button後，label 的字型變為”HelloWorld“。5所示。

圖5 設計檢視

q HelloWorld 項目調試配置

點擊【調試】|【調試配置】，，進入圖6所示。

圖6 調試配置

，選擇【在案頭】，【Motorola Droid Pro】 配置。點擊【調試】進入項目的調試狀態，7所示。

圖7 HelloWorld 調試狀態

q 安裝模擬器的運行環境

模擬器運行Adobe AIR 程式，需要首先安裝運行環境。運行環境在AIRSDK-->runttimes-->air-->android-->emulator-->Runtime.apk.將Runtime.apk.檔案拷貝到Android-sdk-path/tools/下邊

安裝的命令為：Android-sdk-path/tools/adb -e install Runtime.apk。安裝過程如8所示。

安裝完成之後，可以在模擬器裡查看安裝後的效果。【Home】|【Setting】|【Applications】|【Manager  applications】

如8所示。

q 打包HelloWorld項目為apk檔案

HelloWorld 在編譯後，bin-debug目錄下邊會產生兩個檔案，

設定AIR-sdk-path/bin 到path ，這樣可以直接利用adt 命令。adt -package -target apk-debug -storetype pkcs12 -keystore youceritificate.p12 hello.apk  HelloWorld.-app.xml HelloWorldswf。過程如下：

輸入密碼後，在bin-debug 目錄下已經產生了hello.apk 檔案。

q 安裝HelloWorld到模擬器

拷貝hello.apk 到Android-sdk-path/tools/，安裝命令：

Android-sdk-path/tools/adb -e install hello.apk

安裝成功後，在應用程式中可以找到該程式。

源碼：