Nút chuyển đổi sử dụng hai hình ảnh ở trạng thái khác nhau

Tôi cần tạo nút bật tắt bằng hai hình ảnh thay vì trạng thái BẬT / TẮT.

Ở trạng thái tắt, tôi đặt ảnh nền, nhưng không thể xóa văn bản TẮT khi tôi sử dụng ảnh nền.

Và tôi không thể đặt hình ảnh khác ở trạng thái BẬT bằng cách nhấp vào nút chuyển đổi :( Tôi là người mới trong Android. Mong các bạn giúp tôi thoát khỏi vấn đề này

Làm cái này:

<ToggleButton 
        android:id="@+id/toggle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/check"   <!--check.xml-->
        android:layout_margin="10dp"
        android:textOn=""
        android:textOff=""
        android:focusable="false"
        android:focusableInTouchMode="false"
        android:layout_centerVertical="true"/>

tạo check.xml trong thư mục có thể vẽ

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- When selected, use grey -->
    <item android:drawable="@drawable/selected_image"
          android:state_checked="true" />
    <!-- When not selected, use white-->
    <item android:drawable="@drawable/unselected_image"
        android:state_checked="false"/>

 </selector>

Giải pháp của AkashG không phù hợp với tôi. Khi tôi thiết lập check.xml thành nền, nó chỉ bị trượt theo hướng thẳng đứng. Để giải quyết vấn đề này, bạn nên thiết lập check.xml thành thuộc tính "android: button":

<ToggleButton 
    android:id="@+id/toggle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:button="@drawable/check"   //check.xml
    android:background="@null"/>

check.xml:

<?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- When selected, use grey -->
    <item android:drawable="@drawable/selected_image"
          android:state_checked="true" />
    <!-- When not selected, use white-->
    <item android:drawable="@drawable/unselected_image"
          android:state_checked="false"/>
    </selector>

Bạn có thể thử một cái gì đó như thế này. Ở đây khi nhấp vào nút hình ảnh, tôi chuyển đổi chế độ xem hình ảnh.

holder.imgitem.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View view) {
            if(!onclick){
            mSparseBooleanArray.put((Integer) view.getTag(), true);
            holder.imgoverlay.setImageResource(R.drawable.ipad_768x1024_editmode_delete_overlay_com);
            onclick=true;}
            else if(onclick)
            {
                 mSparseBooleanArray.put((Integer) view.getTag(), false);
                  holder.imgoverlay.setImageResource(R.drawable.ipad_768x1024_editmode_selection_com);

            onclick=false;
            }
        }
    });