自定义安卓SWITCH样式

最新推荐文章于 2025-07-12 16:24:56 发布

阿孓

最新推荐文章于 2025-07-12 16:24:56 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：安卓

本文链接：https://blog.youkuaiyun.com/qq_22079023/article/details/81036003

安卓专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何在Android Studio中创建一个自定义的SWITCH组件。通过新建XML文件定义滑块和滑轨样式，以及在styles.xml中设置文字样式，最后在activity.xml布局文件中添加开关，完成自定义SWITCH的实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一，在AndroidStudio新建一个工程

二，在RES \可绘制文件夹新建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_on.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>

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

四，在RES \布局\ activity.xml文件里添加开关

<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样式已完成。