开关Switch系列：Switch修改滑块（thumb）和滑道（track）的颜色（一）

看设计稿：
这尼玛咋弄呀？
先显示文字，参考上一篇:开关switch系列：android Switch显示文字
修改滑块（thumb）的颜色，在drawable文件夹下新建switch_custom_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="#06BF5F" /><sizeandroid:width="27dp"android:height="27dp" />
</shape>

修改滑道（track）的颜色，在drawable文件夹下新建switch_custom_track.xml文件，仔细观察设计稿，会发现滑块的高度大于滑道，所以使用到layer-list来实现类似padding的效果，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<itemandroid:top="1dp"android:bottom="1dp"><shapeandroid:shape="rectangle"><solid android:color="#00000000"/><size android:height="25dp"/><strokeandroid:width="3dp"android:color="#06BF5F" /><corners android:radius="15dp" /></shape>
</item>
</layer-list>

在Switch里面引用，如下：

    <Switchandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="20dp"android:showText="true"android:switchMinWidth="47dp"android:switchTextAppearance="@style/SwitchTextAppearance"android:textOff="中"android:textOn="EN"android:thumb="@drawable/switch_custom_thumb"android:track="@drawable/switch_custom_track" />

和设计稿的效果，还是差一点，主要是宽度比较长，貌似系统好像又比例。下一篇继续研究破解之道。
搞定~

开关Switch系列：Switch修改滑块（thumb）和滑道（track）的颜色（一）相关推荐

Android 开关控件Switch
扣扣技术交流群:460189483 目录: 1.应用场景与概述 2.常用属性 3.简单使用 4.更改默认Switch的样式 5.自定义Switch 1 ...
Android Switch控件修改样式
Android中自带的Switch控件在很多时候总觉得和整体系统风格不符,很多时候,自定义Switch是一种方法. 但其实不用这么麻烦,安卓自带的Switch通过修改一些属性,也可以达到和自定义Swi ...
【P45】JMeter 开关控制器（Switch Controller）
文章目录一.开关控制器(Switch Controller)参数说明二.测试计划设计 2.1.下标值 2.2.变量一.开关控制器(Switch Controller)参数说明 Switch 控制 ...
多路开关模式的switch语句
在实例10中,将break语句去掉之后,会将符合检验条件后的所有语句都输出.利用这个特点,可以设计多路开关模式的switch语句,例如:在平年一年12个月,1.3.5.7.8.10.12月是31天,4 ...
c语言编写开关程序,C语言开关语句：switch
1)简单介绍switch(开关语句)的形式: switch: switch (表达式) { case 常数表达式1: break; case 常数表达式2: break; case 常数表达式3: b ...
switch开关C语言,C语言开关语句：switch
1)简单介绍switch(开关语句)的形式: switch:switch (表达式) { ????case 常数表达式1: break; ????case 常数表达式2: break; ????cas ...
java8中switch不能,switch 语句
# switch 语句不同于 if-then 和 if-then-else 语句,switch 语句可以有多个可能的执行路径. 一个 switch 用 byte,short,char,和 int 原 ...
【集成电源开关拓扑系列二---负载开关】
系列文章目录 [集成电源开关拓扑系列一] [集成电源开关拓扑系列二---负载开关] 文章目录前言一.分立负载开关电路 1.1 PMOS分立负载开关电路1 1.2 PMOS分立负载开关电路2 1.3 ...
php switch正则表达式,switch的用法以及正则表达式简单的用法
switch用法 switch的含义:计算表达式的值,当表达式的值与某个常量的表达式的值相等的时候,会执行case后的语句,并且结束. switch的形式: switch(n){ case1:语句 b ...
switch vba_VBA switch
switch函数的功能是:计算一组表达式列表的值,然后返回与表达式列表中最先为 True 的表达式所相关的 Variant 数值或表达式. 一.switch语法 Switch(expr-1, valu ...

开关Switch系列：Switch修改滑块（thumb）和滑道（track）的颜色（一）

开关Switch系列：Switch修改滑块（thumb）和滑道（track）的颜色（一）相关推荐

最新文章

热门文章