Umschalttaste mit zwei Bildern in unterschiedlichem Zustand

Ich muss eine Umschalttaste mit zwei Bildern anstelle des EIN / AUS-Status erstellen.

Im ausgeschalteten Zustand setze ich ein Hintergrundbild. Der AUS-Text kann jedoch nicht entfernt werden, während ich das Hintergrundbild verwende.

Und ich kann kein anderes Bild in den EIN-Zustand versetzen, indem ich auf die Umschalttaste klicke :( Ich bin neu in Android. Ich hoffe, ihr hilft mir, dieses Problem zu lösen

Mach das:

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

Erstellen Sie check.xml in einem Zeichenordner

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

Die Lösung von AkashG funktioniert bei mir nicht. Wenn ich check.xml als Hintergrund einrichte, wird es nur in vertikaler Richtung gestreift. Um dieses Problem zu lösen, sollten Sie check.xml auf die Eigenschaft "android: button" einrichten:

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

Sie können so etwas versuchen. Hier schalte ich beim Klicken auf die Bildschaltfläche die Bildansicht um.

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