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

阿新 • • 發佈：2018-10-31

前置知識：

開發環境搭建 http://blog.csdn.net/juyangjia/article/details/9471561
HelloWorld http://blog.csdn.net/juyangjia/article/details/9491781
歡迎動畫製作 http://blog.csdn.net/juyangjia/article/details/9494961
選單製作 http://blog.csdn.net/juyangjia/article/details/9612287
底部tab製作 http://blog.csdn.net/juyangjia/article/details/9616299

頂部tab製作 http://blog.csdn.net/juyangjia/article/details/9628915
intellij idea12 打包專案為jar http://blog.csdn.net/juyangjia/article/details/9379373

....各位對不起，因為工作時間的原因，這個原本計劃的系列教程中斷了，希望後面有時間了之後能夠接著寫下去

一、前言

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

二、效果圖

圖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張圖片，分別是程式名稱、版本號、載入中的文字圖片，其他都是設定控制元件的屬性，複製進去後切換到檢視模式可以看到下圖：