自定義Button被點(diǎn)擊的顏色變化效果

工作中經(jīng)常會(huì)見到Button需要設(shè)置點(diǎn)擊效果的情況，這里記錄一下，僅供參考！

先上效果圖：

這里沒被點(diǎn)擊的效果：

這是被點(diǎn)擊后的效果，仔細(xì)看，邊框的顏色變藍(lán)了（因?yàn)橐蠓壑袔{(lán)，所以效果不明顯，可以設(shè)置）。

以下是布局：

<Button
                    android:id="@+id/btn_register"
                    android:layout_width="140dp"
                    android:layout_height="40dp"
                    android:layout_centerInParent="true"
                    android:background="@drawable/selector_register"
                    android:text="注冊帳號"
                    android:textColor="#FB7299"
                    android:textSize="15sp" />

以下是設(shè)置的selector，注意這里的selector中夾帶了shape

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

    <item android:state_pressed="false">
        <shape>

            <!-- 填充的顏色,這里是按鈕的背景色 -->
            <solid android:color="#F2F2F2" />

            <!-- 設(shè)置按鈕的四個(gè)角為弧形 -->
            <!-- android:radius 弧形的半徑 -->
            <corners android:radius="10dip" />
            <!-- 這里是沒有被點(diǎn)擊邊框的顏色 -->
            <stroke android:width="2px" android:color="#FB7299" />
        </shape>
    </item>
    
    <item android:state_pressed="true">
        <shape>

            <!-- 填充的顏色 -->
            <solid android:color="#F2F2F2" />

            <!-- 設(shè)置按鈕的四個(gè)角為弧形 -->
            <!-- android:radius 弧形的半徑 -->
            <corners android:radius="10dip" />
            <!-- 這里是被點(diǎn)擊后邊框的顏色 -->
            <stroke android:width="2px" android:color="#BC627B" />
        </shape>
    </item>

</selector>

注意：在shape里面還設(shè)置了Button的圓角弧度