Android介面-標題和按鈕定製-drawable

這篇文章記錄了怎麼使用drawable中的StateList來實現自定義標題 以及 按鈕，先看一下效果圖吧：

先介紹一下drawable中的stateList

先看程式碼：

send_button.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/btn_pressed" />
    <item android:state_focused="true" android:drawable="@drawable/btn_pressed" />
    <item android:drawable="@drawable/btn_normal" />
</selector>

這段程式碼描述的是“傳送”按鈕，預設情況下，呈現的是btn_normal；當press或者focus的時候，為btn_pressed。兩圖片如下：

而stateList是一種drawable，所以上面的send_button.xml其實在android應用程式看來就是類似一張圖片，不過這張圖片是有狀態的。 作為按鈕，當點選這個控制元件時，它會提供一個友好的相應。

關於stateList，請參考官方文件：http://developer.android.com/guide/topics/resources/drawable-resource.html#StateList

Tips: 定義中的狀態的匹配是按照順序進行的，匹配到第一個成功就不往下匹配了（這裡我也不太清楚具體的應用場景，反正就是提醒，定義狀態的順序是比較重要的，也可以把這裡的狀態類比有著break的switch語句塊）。狀態的順序很重要，文章有個例子，參考那個例子就可以了，而對於按鈕，運用本文中的例子也可以了。

使用drawable

跟使用圖片是一樣的，直接上程式碼：

<Button
        android:id="@+id/sendbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
       ...
        android:background="@drawable/send_button"
        android:text="發    送" />

本文中的例子還有一處使用了stateList，就是標題欄中跳轉的導航按鈕。

程式碼如下：

right_selector.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/right_selected" android:state_pressed="true"/>
    <item android:drawable="@drawable/right_normal"/>
</selector>

<ImageButton
         android:id="@+id/about_us_back_button"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         ...
         android:background="@drawable/right_selector"
         android:src="@drawable/arrow_left" />

設定無標題

我是在activity中設定的，具體看程式碼：

AndroidManifest.xml

<activity android:name=".MainActivity"
          android:label="@string/title_activity_main"
          android:theme="@android:style/Theme.NoTitleBar" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

整合layout檔案

<LinearLayout 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:orientation="vertical"
    android:background="@color/white">

    <include layout="@layout/head" 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>

    <include
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="30sp"
        layout="@layout/content" />

</LinearLayout>

原始碼位置：http://download.csdn.net/download/stalendp/4663132