默认开关与自定义开关重叠

Question

我试图分别使用两个图像实现自定义切换，分别为false和true。但问题是默认切换图像我们与自定义切换图像重叠。

以下是我的Switch代码：

<Switch
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Do you want the current offer as your final offer"
        android:background="@null"
        android:button="@null"
        android:textOff=""
        android:textOn=""
        android:drawableRight="@drawable/switch"
        android:textSize="16sp"
        android:textColor="#9B9B9B"
        android:id="@+id/switch1"
         />

以下是我的switch.xml

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

   <item
       android:drawable="@drawable/dummy_toggle_off"
       android:state_checked="false" />
   <item
       android:drawable="@drawable/dummy_toggle_on"
       android:state_checked="true" />
   <item
       android:drawable="@drawable/dummy_toggle_off"/>

</selector>

以下是生成的图像：

Answer 1

使用以下代码进行交换机自定义 -

<Switch
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:thumb="@drawable/switch_thumb"
android:track="@drawable/switch_track" />

此处switch_thumb是样式 xml文件，适用于thumb，而switch_track是您的background交换机的xml样式。 有关更多信息，请参阅链接 - link

switch_thumb.xml

<selector>
<item android:drawable="@drawable/your_png_for_thumb">
</item>
</selector>

switch_track.xml

<selector>
  <item android:drawable="@drawable/your_png_for_track_grey"      
      android:state_checked="true"/>
  <item android:drawable="@drawable/your_png_for_track_blue" 
      android:state_checked="false"/>
</selector>

你可以从网上下载这些png图片。下面是一个链接，你可以找到那些png - icon finder

Answer 2

  

我有同样的问题，我认为这个解决方案。

在XML开关中添加此代码。

android:thumb="@android:color/transparent"
android:track="@android:color/transparent"
android:background="@drawable/yourSelector"