炫酷Button樣式

平時我們所用的Button樣式過於單一，不怎么好看，幫助基礎的同學們學會使用Style改變Button樣式，我簡單的寫一點東西

<span style="font-size:18px;"><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">

    <Button
        android:layout_marginTop="50dp"
        android:id="@+id/button"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="點擊我吧看我色變"
        android:textColor="@drawable/button_text"
        android:background="@drawable/button_bg"/>

</RelativeLayout>
</span>

上面的代碼是主布局中的代碼，從上面我們可以看出來最重要的也就兩句話

        android:textColor="@drawable/button_text"
        android:background="@drawable/button_bg"

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true">
        <!-- 定義當button 處於pressed 狀態時的形態。-->
        <shape>
            <gradient android:startColor="#93c348" android:endColor="#93c348"/>
            <stroke android:width="2dp" android:color="#d3d3d3" />
            <corners android:radius="5dp" />
            <padding android:left="10dp" android:top="10dp"
                android:bottom="10dp" android:right="10dp" />
        </shape>
    </item>
    <item android:state_pressed="false">
        <!-- 定義當button 處於pressed 狀態時的形態。-->
        <shape>
            <!--下面這句代碼是漸變的功能-->
            <gradient android:startColor="#5cb85c" android:endColor="#5cb85c"/>
            <stroke android:width="1dp" android:color="#d3d3d3" />
            <corners android:radius="5dp" />
            <padding android:left="10dp" android:top="10dp"
                android:bottom="10dp" android:right="10dp" />
        </shape>
    </item>
</selector>

gradient是漸變從左到右的顏色漸變，這里我們可以用同一種顏色即可

<pre name="code" class="html">stroke表示外圍框的寬度 后面表示顏色
corners表示button外面四個角的圓弧弧度
adding是間距，不用多說了

下面這個文字的漸變
<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="false" android:color="#000000"/>
    <item android:state_pressed="true" android:color="#ffffff"/>
</selector>

這兩個樣式寫完之后我們在button的background和textxcolor應用這兩個就可以，如上面的所示