ImageButton加shape和selector实现简单易懂的点击变色

在实际项目中经常会用到按钮点击变色的效果,有很多种办法,最近看到了一种新的写法,比较简单好理解

上代码!

main.xml

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.shaoyidian.laizhan.selectortestdemo.MainActivity">

    <ImageButton
        android:layout_marginTop="50dp"
        android:background="@drawable/test_shape"
        android:id="@+id/btn"
        android:src="@drawable/test_selector"
        android:layout_width="200dp"
        android:layout_height="40dp"/>
</RelativeLayout>

2.

test_selector

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <corners android:radius="20dp"/>
            <solid android:color="#21000000" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="20dp"/>
            <solid android:color="#00000000" />
        </shape>
    </item>
</selector>

3.

test_shape

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="20dp"/>
    <solid android:color="@android:color/holo_blue_dark"/>
</shape>