android Switch

最新推荐文章于 2024-04-28 17:13:46 发布

原创最新推荐文章于 2024-04-28 17:13:46 发布 · 167 阅读

0 ·

CC 4.0 BY-SA版权

android-组件专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何使用Android中的Switch组件，通过自定义thumb和track的样式，实现不同状态下的视觉反馈。通过selector选择器，切换开关的外观在选中和未选中时有所变化，展示了XML文件的详细配置和效果展示。

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

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

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="27dp"
        android:height="27dp" />
    <solid android:color="@color/white" />
    <stroke
        android:width="3dp"
        android:color="@android:color/transparent" />
</shape>

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

switch_checked_track.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="15dp" />
    <solid android:color="#FF3378FF" />
</shape>

switch_normal_track.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="15dp" />
    <solid android:color="#FFE8E8E9" />
</shape>

效果图：