Switch控件

最新推荐文章于 2024-04-11 02:24:22 发布

三三不尽

最新推荐文章于 2024-04-11 02:24:22 发布

阅读量545

点赞数

分类专栏：控件 Android

本文链接：https://blog.csdn.net/weixin_39821531/article/details/89088126

版权

本文介绍了如何修改Android中的Switch样式，包括全局和单个Switch的定制。详细讲解了在style中定义样式，滑块及轨道的ON/OFF状态，滑块中间状态动画，以及如何监听Switch状态变化的方法。提醒读者，对于复杂的图形，可能需要UI设计师的协助。

摘要由CSDN通过智能技术生成

修改Switch样式

用于修改全局Switch样式，如果要改单个的，可以单独引用主题；

一、在style中定义Switch样式

<style name="SwitchStyle" parent="@style/Widget.AppCompat.CompoundButton.Switch">
    <item name="android:showText">false</item>
    <item name="android:thumb">@drawable/switch_thumb</item>
    <item name="android:track">@drawable/switch_track</item>
</style>

二、在对应的主题的引用

<style name="LoginThemeNoTitle" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">#F5F0F0</item>
    <item name="colorPrimaryDark">#F5F0F0</item>
    <item name="colorAccent">#8F8B8B</item>
    <item name="android:switchStyle">@style/SwitchStyle</item>
</style>

三、滑块 drawable/switch_thumb

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

    <item
        android:id="@+id/switch_on"
        android:state_checked="true"
        android:drawable="@drawable/switch_thumb_on"/>
    <item
        android:id="@+id/switch_off"
        android:state_checked="false"
        android:drawable="@drawable/switch_thumb_off"/>

    <!-- 动画 没有动画的话 以下代码干掉 -->
    <transition
        android:fromId="@+id/switch_on"
        android:toId="@+id/switch_off">
        &