[教學]Android的第一個程式

推到 Twitter!
推到 Plurk!

裝好了Eclipse Android開發工具後再來簡介一下Android如何快速的開發

Android開發GUI程式大概分成二種方式

第一種是直接打code,第二種則是利用xml檔設定物件屬性,動作再輸入程式碼控制

現在要介紹的是如何用xml設定一個GUI畫面及設定其屬性

ps.需先安裝環境,可參考[安裝教學]使用Eclipse開發Android程式

1,設定Google Android模擬器環境

Windows –> Android ADV Manager

新增一個AVD

Name:名稱

Target:Android的版本

SDCard:填入記憶卡的容量

13

2,建立專案

File –> New

Project name : 專案名稱

Build Target : 開發的SDK版本

Application name : 程式名稱,也可以說是顯示在程式Title上的名稱

Package name : Package 名稱,需二層

Create Acivity : 需要打勾,輸入一個程式名,like L123,之後程式會以這裡為啟動點

12

這裡就可以很明顯看到剛才填的東西

其中 gen 的R.java是系統資料檔,幾乎所有的元件都在此設定(以Google Android開發工具的設定)

res 為外部資源檔,裡面可以設定文字、圖片、XML等,其中文字拿到外部設定是為了能直接支援多國語系

layout : 為畫面設定檔

values : 為設定資源檔

27

ps.以下圖片可能在src裡的內容有些不同,是在截圖的小錯誤,不影響

14

3,設計畫面

直接雙擊 res 裡的layout main.xml 則會開啟GUI畫面

左一 Layouts 為一層一層的Layout

左二 Views 為元件

下方 Properties 為屬性設定窗

右一 Outline 為元件列表

15

再來從Views 拉二個元件-Button 及 EditText 放到畫面試看看

然後可以在選擇EditText物件,在屬性窗裡找到Text 設定它的Value  來試看看

16

也可以利用設定xml來顯示值的部份

在剛才輸入Hello 右邊有一個Browser按鈕按下去

25

可以看到設定資料檔(你也可以直接雙擊 res 裡的 values的string.xml)

String : 此參數在有選定XML resource to edit 才有做用?

new .R .string : 引用此文字的名稱

17

18

可以看到剛才輸入Hello的那個Text 屬性有的變化,而畫面字也不見了,再來要真正設定字的內含值

20

雙擊 res 裡的 values的string.xml

把要的值設進去,然後再變回去main.xml看看,畫面會有變化(亂碼,不過別介意)

28

4,執行程式

Run –> Run Configurations

選擇Android Application 按右鍵選New

22

Browser要執行的程式專案名稱

23

然後跳到第二個tab Target

ADV部份選則之前設定的那一個,然後選Run

24

模擬器會啟動及顯示結果,速度會應電腦設備而有所不同,請等一下看看^^

26

延身閱讀


留下你的留言?