ปุ่มสลับโดยใช้สองภาพในสถานะที่ต่างกัน

ฉันต้องสร้างปุ่มสลับโดยใช้สองภาพแทนสถานะเปิด / ปิด

ในสถานะปิดฉันตั้งค่าภาพพื้นหลัง แต่ข้อความปิดไม่สามารถลบออกได้ในขณะที่ฉันใช้ภาพพื้นหลัง

และฉันไม่สามารถตั้งค่ารูปภาพอื่นในสถานะเปิดได้โดยคลิกที่ปุ่มสลับ :( ฉันเป็นคนใหม่ใน Android ฉันหวังว่าพวกคุณจะช่วยฉันให้พ้นจากปัญหานี้

ทำเช่นนี้:

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

สร้าง 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>

วิธีแก้ปัญหาของ AkashG ไม่ได้ผลสำหรับฉัน เมื่อฉันตั้งค่า check.xml เป็นพื้นหลังมันเป็นเพียงการแบ่งชั้นในแนวตั้ง ในการแก้ปัญหานี้คุณควรตั้งค่าคุณสมบัติ check.xml เป็น "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>

คุณสามารถลองสิ่งนี้ ที่นี่เมื่อคลิกปุ่มภาพฉันสลับมุมมองภาพ

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