Android Switch自定义样式

效果如下:

默认.png
选中.png

代码:

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">
        <shape>
            <size android:width="38dp" android:height="18dp" />
            <corners android:radius="10dp" />
            <solid android:color="#0c0c0c" />
        </shape>
    </item>

    <item>
        <shape>
            <size android:width="38dp" android:height="18dp" />
            <corners android:radius="10dp" />
            <solid android:color="#a0a0a0" />
        </shape>
    </item>
</selector>

switch_thumb.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <shape>
            <size android:width="18dp" android:height="18dp" />
            <corners android:radius="10dp" />
            <solid android:color="#ffffff" />
            <stroke android:width="2dp" android:color="#0c0c0c" />
        </shape>
    </item>

    <item>
        <shape>
            <size android:width="18dp" android:height="18dp" />
            <corners android:radius="10dp" />
            <solid android:color="#ffffff" />
            <stroke android:width="2dp" android:color="#a0a0a0" />
        </shape>
    </item>
</selector>

使用:

<Switch
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:thumb="@drawable/switch_thumb"
    android:track="@drawable/switch_track" />
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容