自定义安卓SWITCH样式

一、在AndroidStudio新建一个工程

二、在res\drawable文件夹新建4个xml文件

switch_thumb.xml是滑块样式

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

</shape>

switch_track.xml是滑轨样式

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

    <item android:state_checked="true"  android:drawable="@drawable/switch_track_on"/>
    <item android:state_checked="false" android:drawable="@drawable/switch_track_off"/>

</selector>

switch_track_off.xml是OFF状态时滑轨样式

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid
        android:color="@android:color/darker_gray">
    </solid>

    <size
        android:width="150dp"
        android:height="50dp"/>
    <corners
        android:radius="32dp">
    </corners>
</shape>

switch_track_off.xml是ON状态时滑轨样式

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

    <solid
        android:color="@android:color/holo_green_light">
    </solid>
    <size
        android:width="150dp"
        android:height="50dp"/>
    <corners
        android:radius="32dp">
    </corners>

</shape>

三、 在res\values\styles.xml文件里添加如下代码

<style name="My.TextAppearance" parent="@style/TextAppearance.AppCompat.Widget.Switch">

        <item name="android:textSize">20dp</item>

        <item name="android:textColor">#000</item>

    </style>

这段代码主要控制switch开关文字大小和颜色

四、在res\layout\activity.xml文件里添加switch

<Switch
        android:id="@+id/switch1"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:layout_gravity="center_horizontal"
        android:layout_marginStart="348dp"
        android:layout_marginTop="172dp"
        android:layout_weight="1"
        android:checked="false"
        android:switchTextAppearance="@style/My.TextAppearance"
        android:textSize="50dp"
        android:thumb="@drawable/switch_thumb"
        android:track="@drawable/switch_track"
        tools:checked="true" />

至此，简单的自定义安卓SWITCH样式已完成。