Switch是android中的一个简单易使用的开关控件。 <!--more--> ##### 使用方式 在布局中添加Switch ```xml <Switch android:id="@+id/switch" android:layout_width="wrap_content" android:layout_height="wrap_content" android:switchMinWidth="20dp" android:textOn="on" android:textOff="off" android:thumb="@drawable/thumb_selector" android:track="@drawable/track_selector" /> ``` XML 属性 ： android:switchMinWidth 开关组件的最小宽度。 android:switchPadding 开关和标题文本之间的最小间距。 android:switchTextAppearance 开关拇指上显示的文本的风格 android:textOff 当开关处于未选中/“关闭”状态时使用的文本。 android:textOn 当开关处于选中/“开启”状态时使用的文本。 android:thumb 圆形开关样式 android:thumbTextPadding 切换拇指内文本两侧的填充量。 android:track 底部滑条样式 checked： 初始状态 splitTrack：是否设置一个间隙，让滑块与底部图片分隔（API 21及以上） showText：设置是否显示开关上的文字（API 21及以上） ##### 自定义Switch thumb_off.xml ```xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <!--android:shape="oval"表示按钮为圆形--> <solid android:color="@color/white" /> <size android:width="20dp" android:height="20dp" /> <!--设置边缘样式--> <stroke android:width="1dp" android:color="#AAA"/> </shape> ``` thumb_on.xml ```xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="@color/white" /> <size android:width="20dp" android:height="20dp" /> <stroke android:width="1dp" android:color="@color/color_main"/> </shape> ``` thumb_selector.xml ```xml <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/thumb_on" android:state_checked="true"/> <item android:drawable="@drawable/thumb_off" android:state_checked="false"/> </selector> ``` track_off.xml ```xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="#AAA" /> <corners android:radius="20dp" /> </shape> ``` track_on.xml ```xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="@color/color_main" /> <corners android:radius="20dp"/> </shape> ``` track_selector.xml ```xml <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/track_on" android:state_checked="true"/> <item android:drawable="@drawable/track_off" android:state_checked="false"/> </selector> ``` 最终效果图  最后修改：2022 年 05 月 27 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 0 如果觉得我的文章对你有用，请随意赞赏
