最近實訓正在學習Android程式編寫，以下內容主要是自己在課堂上所學東西的總結。

本文采用eclipse編寫Android應用程式，今天從最基礎的介面設計開始記錄。

1.新建檔案

在選單欄找到File->new->Android Application Project,如下圖所示：

此時會彈出如下的視窗

我們只需要填寫Application Name即可，後面兩個會自動生成。其他的引數可以不用管。之後可以一直點選Next，當點選到Icon設定介面時，可以自己設定自己想要的圖示，這個圖示將會是我們手機上生成的應用軟體的圖示。我們可以看到右邊出現四個大小不同的圖示，他們表示不同畫素的圖示，從上到下圖片的解析度依次增加。

此時我們可以看到介面左側有一個剛剛新建的工程，點開這個工程，我們可以看到幾個不同的資料夾。

src：Java的原始檔
gen：不要修改其中的java檔案（千萬不要）
assets：資原始檔
bin：放置二進位制檔案
libs：第三方jar檔案、apk檔案
res：資原始檔（會生成id），前四個資料夾放置圖片，從上到下圖片的解析度增加；第五個檔案為佈局檔案，第六個選單，第七個值。

AndroidManifest.xml為主配置檔案，用於配置app資訊。

2.開啟模擬機

點選上方手機樣式的圖示，如圖。

new->AVD Name（自己取個名字）->Device（最好選個解析度低的，不然有可能會生成不了。）

其他的就隨便選就好啦~然後點選OK。選中你生成的機子，點選右側的start->Launch。過一會就有一個機子出現在你眼前！

如圖：

3.通過在.xml中編寫程式碼設定佈局

我們今天要學習的佈局檔案就在res這個資原始檔中，點看res可以看到下面的layout，裡面存放了預設的佈局檔案activity_main.xml。雙擊，出現如下介面

用滑鼠選中Hello world!將其刪除，然後自由建立自己的佈局~

可以看到在上圖的左下角有兩個介面選擇框，當前介面為Graphical Layout介面，可以拖動左邊的控制元件到空白布局中進行佈局，同時，也可以開啟activity_main.xml，在.xml中編寫佈局程式碼。

將程式碼塊<TextView ……>部分刪除也可以達到上述選中Layout中的Hello world!刪除的效果。

我們所有的程式碼都要在<RelativeLayout></RelativeLayout>中間生成，如下

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    你的程式碼

</RelativeLayout>

注意：在.xml中的註釋與在.java中的註釋方式不同，.xml中的註釋如下

<!-- 註釋的內容  -->

所有佈局控制元件都是以"<"開始，"/>"結束。當我們鍵入"<"後，按住Alt+/會出現提示程式碼。

新增自己想要的控制元件。

• Button控制元件：設定一個<Button 編寫你的程式碼 />

  <Button
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:background="#7fd5fe"
          android:text="登入"
          android:textColor="#fff" />

任何一個控制元件都需要設定它的寬度和高度，即

android:layout_width="match_parent"
android:layout_height="wrap_content"

layout_width和layout_height的屬性包括：fill_parent、match_parent和wrap_conten

android:background用於設定Button的背景顏色。

android:text後面填寫Button的文字名，用於標識該Button的作用。。

android:textColor用於設定text的顏色。

此時我們回到Layout中可以看到如下佈局。

• TextView：無需進行點選或監聽的文字可以採用TextView。程式碼塊內容與Button相似
• EditText：編輯文字框。在這裡最好不要對android:text進行設定，不然你在輸入值的時候編輯框的內容並不會消失。因此我們使用android:hint="輸入使用者名稱"。它作為提示，告訴你該編輯框應該填寫的內容，當你在編輯內容時，原本的文字會消失，這個功能在我們日常登入中很常見。如果想要刪除編輯框的線條，可以採用android:background="@null"方式。

<EditText 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="輸入使用者名稱"
        android:background="@null"
        />

可以看到如下效果

如果想要更改整個介面的背景圖，可以在整體佈局檔案中新增android:background="@drawable/你圖片的名字"。在此之前我們要先將圖片拖到res中的drawable-...資料夾下面。我一般把大的拖到xxhdpi下面，小的拖到hdpi下面。

未完待續....