自定義按鈕

樣本圖：

佈局layout-activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<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="zenglei.com.zawu.MainActivity">

    <Button
        android:text="Button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/a"/>
</RelativeLayout>
 

<?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/register_bg_press">
    </item>
    <item android:drawable="@drawable/register_bg_normal">
    </item>

</selector>
 

android:drawable="@drawable/register_bg_press"-----這裡管理的樣子ID

第二步，設定樣子

register_bg_press.xml

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


    <corners android:radius="30dp"></corners>


    <solid android:color="#55000000"></solid>
</shape>
 

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


    <corners android:radius="30dp"></corners>


    <solid android:color="#33000000"></solid>
</shape>

點選切換圖片

效果圖：

這是layout佈局：activity_mian.xml-------drawableRight：這是狀態選擇器

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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"
    android:orientation="vertical"
    tools:context="zenglei.com.demoyes.MainActivity">
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="以下是效果圖"/>
<TextView
    android:id="@+id/item_match_friend_like"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawableRight="@drawable/like_bg_selector"
/>
</LinearLayout>

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

    <item  android:state_selected="true" android:drawable="@mipmap/icon_post_like"></item>
    <item android:drawable="@mipmap/icon_post_unlike_night"></item>
</selector>

 private boolean isLike = false;

mItemMatchFriendLike = (TextView) findViewById(R.id.item_match_friend_like);

        mItemMatchFriendLike.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {


                isList = !isList;
                if (isList) {
                    mItemMatchFriendLike.setSelected(true);
                }else {
                    mItemMatchFriendLike.setSelected(false);
                }

            }
        });
    }