Android使用xml自定義Button按鈕顯示樣式

1.首先寫一個定義Button樣式的XML文件：

新建Android XML文件，類型選Drawable,根結點選selector，名字自選

2.在xml中寫代碼：

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_pressed="true" android:drawable="@drawable/play_pressed" /> 
    <item android:state_focused="true" android:drawable="@drawable/play_pressed" /> 
    <item android:drawable="@drawable/play" /> 
</selector>  

此種情況下，只是兩張圖片的切換，效果比較死板，修改成下面的代碼，效果會好些：

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_pressed="true"> 
        <shape> 
            <gradient android:startColor="#0d76e1" android:endColor="#0d76e1" 
                android:angle="270" /> 
            <stroke android:width="1dip" android:color="#f403c9" /> 
            <corners android:radius="2dp" /> 
            <padding android:left="10dp" android:top="10dp" 
                android:right="10dp" android:bottom="10dp" /> 
        </shape> 
    </item> 
  
    <item android:state_focused="true"> 
        <shape> 
            <gradient android:startColor="#ffc2b7" android:endColor="#ffc2b7" 
                android:angle="270" /> 
            <stroke android:width="1dip" android:color="#f403c9" /> 
            <corners android:radius="2dp" /> 
            <padding android:left="10dp" android:top="10dp" 
                android:right="10dp" android:bottom="10dp" /> 
        </shape> 
    </item> 
  
    <item> 
        <shape> 
            <gradient android:startColor="#000000" android:endColor="#ffffff" 
                android:angle="180" /> 
            <stroke android:width="1dip" android:color="#f403c9" /> 
            <corners android:radius="5dip" /> 
            <padding android:left="10dp" android:top="10dp" 
                android:right="10dp" android:bottom="10dp" /> 
        </shape> 
    </item> 
</selector>  
 
gradient 主體漸變 startColor開始顏色，endColor結束顏色 ，angle開始漸變的角度（值只能爲90的倍數，0時爲左到右漸變，90時爲下到上漸變，依次逆時針類推）
stroke 邊框 width 邊框寬度，color 邊框顏色
corners 圓角 radius 半徑，0爲直角
padding text值的相對位置

3.在主的xml中添加代碼：

<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"
    tools:context=".MainActivity" >


    <Button
        android:id="@+id/btn_test"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:background="@drawable/test_selector"
        android:text="button" />
</RelativeLayout>