自定義Button被點擊的顏色變化效果

工作中經常會見到Button需要設置點擊效果的情況，這里記錄一下，僅供參考！

先上效果圖：

這里沒被點擊的效果：

這是被點擊后的效果，仔細看，邊框的顏色變藍了（因為要求粉中帶藍，所以效果不明顯，可以設置）。

以下是布局：

<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" />

以下是設置的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" />

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

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

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

</selector>

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