安卓開發 歡迎畫面製作 與 按鈕如何使用講解

前置知識：

1.開發環境搭建：http://blog.csdn.net/juyangjia/article/details/9471561

2.第一個安卓程式：http://blog.csdn.net/juyangjia/article/details/9491781

一、前言

          我們經常會出現需要製作一個開始歡迎畫面，還可以再畫面顯示時做一些操作，比如連網檢查、版本檢查等等等，然後才進入真正的軟體中，由於前面沒有說過按鈕如何使用，今天順便講解按鈕的用法。

二、

    圖1

        

圖2

 

三、下面來講解具體製作步驟

1.首先你要準備幾張圖片（本文後面可以下載源碼，源碼中包含了這幾個圖片）

      分別是 背景圖、版本號碼、軟體名稱、載入顯示的文字

     我是使用的ps在網上搞來一張背景圖，然後其他都是ps畫的，如下所示：

          圖1，圖片製作，不會的童鞋也可以自己去網上下載圖片。

圖2，最後得到5張圖片：

2.好了，圖片有了，接下來就正式開始製作，是是我製作完成後補截的，所以檔案夾什麼的都已經存在了，不要介意，在res檔案夾上右擊：

4.選擇drawable，本來還要分高清圖片、中等、小圖什麼的區別，入門教程嘛，先不管了，直接填上名稱ok

5.把5張圖片複製進來：

6.開啟建立項目時自動產生的MyActivity.class檔案，編輯如下代碼（後面我會上傳源碼，不過還是建議各位照著敲一遍）：

代碼解釋：都在注釋中，沒必要再打一遍了。

 

7.開啟layout下的main.xml檔案，切換到Text視圖，複製內容：

<?xml version="0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"              android:id="@+id/layout"              android:orientation="vertical"              android:layout_width="fill_parent"              android:layout_height="fill_parent">    <ImageView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:src="@drawable/version"            android:layout_marginTop="15dip"            android:layout_marginLeft="15dip">    </ImageView>    <RelativeLayout            android:layout_width="fill_parent"            android:layout_height="fill_parent">        <ImageView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:src="@drawable/appname"                android:layout_centerHorizontal="true" android:layout_alignParentTop="true"                android:layout_marginTop="60dp">        </ImageView>        <ImageView                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:src="@drawable/loadtitle"                android:layout_alignParentBottom="true"                android:layout_alignParentLeft="false" android:layout_alignParentTop="false"                android:layout_marginBottom="50dp">        </ImageView>    </RelativeLayout></LinearLayout>

解釋：android:src="@drawable/version"這種形式代碼就是在引用圖片，可以看到一共引用了3張圖片，分別是程式名稱、版本號碼、載入中的文字圖片，其他都是設定控制項的屬性，複製進去後切換到視圖模式可以看到：

你會看到沒有背景圖片，因為背景圖片的設定在MyActivity.class檔案中用代碼來設定的，請倒回去看第6步中的代碼第二個紅框的前2行代碼，為什麼背景圖片要在代碼中，因為考慮到以後可能會做橫屏顯示，那橫屏和豎屏用的圖片可不是同一張。

8.在res下/layout檔案夾下建立一個布局檔案作為歡迎頁面顯示完成之後跳轉到的目標頁面：

 

9.在layout2.xml中切換到視圖模式，然後拖入一個按鈕、設定顯示字元，id就不設定了，會有個預設id：button

切換到視圖模式可以看到：

 

10.在src下的包上右擊建立一個Activity類

輸入Name，然後ok即可，這裡需要注意，通常情況下我們都會人為的給Activity類名後加上“Activity”，來區分於普通類：

 

可以看到建立完成後只有一行調用父類建構函式的代碼：

 

11.我們果斷的寫上代碼：

代碼解釋：紅框中第一行就是指定這個Activity的布局檔案，然後取得檔案上的button，給這個按鈕添加一個點擊事件監聽器，監聽器的點擊事件方法中使用Toast來顯示一個訊息，顯示效果可以在中看到。

 

至此項目完成，運行項目如下：

 

源碼地址：http://download.csdn.net/detail/juyangjia/5819531

 

四、最後

         這個歡迎畫面可以說幾乎所有的正規app都應該有一個，第一是顯示程式不唐突，第二可以再開始之前進行一些必要的操作，例如檢查連網、檢查版本、檢查使用者的設定檔啥的。