Android Switch自定义开关

做个笔记，避免后期重复造轮子；话不多说，直接上代码

 

<Switch
            android:id="@+id/fragment_car_switch_1"
            android:thumb="@drawable/honda_switch_custom_thumb_selector"
            android:track="@drawable/honda_switch_custom_track_selector"
            style="@style/fragment_switch_style" />

honda_switch_custom_thumb_selector 这是开关显示图，我这里是开关状态改变图不变，文件如下

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--<item android:drawable="@drawable/honda_switch_custom_thumb_on" android:state_checked="true" />-->
    <!--<item android:drawable="@drawable/honda_switch_custom_thumb_off" android:state_checked="false" />-->
    <item android:drawable="@drawable/honda_switch_custom_thumb_off" />
</selector>

honda_switch_custom_thumb_off  文件如下

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@color/title_white" />
    <size
        android:width="20dp"
        android:height="20dp" />

</shape>

honda_switch_custom_thumb_on 文件如下

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#94C5FF" />
    <size
        android:width="20dp"
        android:height="20dp" />

</shape>

honda_switch_custom_track_selector 这是背景图，文件如下

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/honda_switch_custom_track_on" android:state_checked="true" />
    <item android:drawable="@drawable/honda_switch_custom_track_off" android:state_checked="false" />
</selector>

honda_switch_custom_track_on 文件如下

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@color/title_yellow" />
    <!--<stroke-->
        <!--android:width="5dp"-->
        <!--android:color="#00000000" />-->
    <corners android:radius="20dp" />

</shape>

honda_switch_custom_track_off 文件如下

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#4D4D4D" />
    <!--<stroke-->
        <!--android:width="5dp"-->
        <!--android:color="#00000000" />-->
    <corners android:radius="20dp" />

</shape>

switch 的背景图和开关图，高度一致

开关在背景图内，可在开关那里设置透明边框

开关超出背景图，可在背景图那里设置透明边框

开关与背景图高度一致，不用设置透明边框