效果展示

踩坑

1. 无效的宽高?

通常情况下switch的轨道 (track) 的宽度固定为拇指 (thumb) 宽度的2倍，高度相同，因此想要做成如下的效果，只能在Drawable上动手脚。

解决方案：给轨道 (track) 或拇指 (thumb) 的背景设置透明的带高度的 strock ，想要拇指更小些就给拇指设，反之亦然。

实现代码

1. 轨道track

<!-- track_on.xml -->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><solid android:color="#FF00B2FF" /><!-- 此处透明stroke压缩轨道高度 --><strokeandroid:width="3dp"android:color="#00000000" /><corners android:radius="15dp" />
</shape><!-- track_off.xml -->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><solid android:color="#FFCFDBEF" /><!-- 此处透明stroke压缩轨道高度 --><strokeandroid:width="3dp"android:color="#00000000" /><corners android:radius="15dp" />
</shape><!-- selector_track.xml -->
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><!-- 调用两个xml文件分别作为开关状态下的样式 --><item android:drawable="@drawable/track_on" android:state_checked="true" /><item android:drawable="@drawable/track_off" android:state_checked="false" />
</selector>

2. 拇指thumb

<!-- shape_thumb.xml -->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="oval"><solid android:color="#FFCFDBEF" /><stroke android:width="0.5dp"android:color="#FF898E9D" /><sizeandroid:width="32dp"android:height="32dp" />
</shape><!-- selector_thumb.xml -->
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@drawable/shape_thumb" android:state_checked="true" /><item android:drawable="@drawable/shape_thumb" android:state_checked="false" />
</selector>

3. 使用switch

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"android:background="#242D46"><Switchandroid:id="@+id/switch1"android:layout_width="wrap_content"android:layout_height="32dp"android:layout_marginLeft="50dp"android:layout_marginTop="50dp"android:checked="false"android:textOff=""android:textOn=""android:thumb="@drawable/selector_switch_thumb"android:track="@drawable/selector_switch_track" /><Switchandroid:id="@+id/switch2"android:layout_width="wrap_content"android:layout_height="32dp"android:layout_marginLeft="50dp"android:layout_marginTop="10dp"android:checked="true"android:textOff=""android:textOn=""android:thumb="@drawable/selector_switch_thumb"android:track="@drawable/selector_switch_track" />
</LinearLayout>

Android 自定义Switch样式相关推荐

android switch自定义样式,Android自定义Switch样式
如图自定义的Switch样式: 5421606984766_.pic.jpg 需要注意的是:switch的大小是跟thumb的大小有关下面以样式二为例: switch_track_selector_ ...
android 自定义黑点,Android自定义密码样式黑点转换成特殊字符
本文为大家分享了Android自定义密码样式的制作代码,黑点换成￥.%等特殊字符,供大家参考,具体内容如下复制下面代码即可: 布局: xmlns:android="http://schem ...
android密码是小黑点,Android自定义密码样式黑点转换成特殊字符
本文为大家分享了Android自定义密码样式的制作代码,黑点换成￥.%等特殊字符,供大家参考,具体内容如下复制下面代码即可: 布局: xmlns:android="http://schem ...
android 自定义switch控件,Android中switch自定义样式
android 原生开关按钮控件 Switch 提供样式自定义方式,可供我们修改为适合我们开发使用的样式控件,自定义样式过程如下: 自定义switch切换drawable 新建swith_thumb. ...
Android 自定义Switch，仿微信开关键Switch
switch (changeFragmentEvent.getViewId()) {//启动设备(安卓接收)case 1:textView.setText("vvvvv555"+c ...
Android自定义Button样式（自定义样式不生效怎么办）
在drawable目录下新建button_shape.xml自定义按钮样式文件 button_shap.xml <?xml version="1.0" encoding=&q ...
android自定义checkbox样式,自定义CheckBox样式
阅读五分钟,每日十点,和您一起终身学习,这里是程序员Android 本篇文章主要介绍 Android 开发中的部分知识点,通过阅读本篇文章,您将收获以下内容: 自定义样式自定义选择器效果自定义素材 ...
android 自定义主题样式
From: http://blog.csdn.net/dawanganban/article/details/17732701 http://www.cnblogs.com/bluestorm/arc ...
android 自定义dialog样式,Android 自定义dialog类
首先定制style样式 styles.xml 加入自定义样式 @null true true true @color/transparent @color/transparent true 0.6 在 ...

Android 自定义Switch样式

Android 自定义Switch样式

效果展示

踩坑

1. 无效的宽高?

实现代码

1. 轨道track

2. 拇指thumb

3. 使用switch

Android 自定义Switch样式相关推荐

最新文章

热门文章