Tombol beralih menggunakan dua gambar pada status berbeda

Saya perlu membuat tombol sakelar menggunakan dua gambar alih-alih status ON / OFF.

Pada kondisi mati saya mengatur gambar latar belakang, tetapi teks MATI tidak dapat dihapus saat saya menggunakan gambar latar belakang.

Dan saya tidak dapat menyetel gambar lain ke status AKTIF dengan mengklik tombol sakelar :( Saya baru di android. Saya harap kalian membantu saya keluar dari masalah ini

Melakukan hal ini:

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

buat check.xml di folder drawable

<?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>

Solusi AkashG tidak berhasil untuk saya. Ketika saya menyiapkan check.xml ke latar belakang, itu hanya tergores dalam arah vertikal. Untuk mengatasi masalah ini, Anda harus menyiapkan check.xml ke properti "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>

Anda bisa mencoba sesuatu seperti ini. Di sini, di klik tombol gambar, saya beralih tampilan gambar.

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;
            }
        }
    });