专栏首页Android-薛之涛自定义View之Switch

自定义View之Switch

今天我们来聊一下自定义Switch控件,我们先看一看Switch的相关属性:

1.Switch相关属性

  • android:splitTrack:是否设置间隙让滑块与底部图片分隔开来
  • android:switchMinWidth:设置开关的最小宽度
  • android:switchPadding:设置滑块内文字的间隔
  • android:switchTextAppearance:设置开关的文字外观
  • android:textOff:按钮没有被选中时显示的文字
  • android:textOn:按钮被选中时显示的文字
  • android:showText:设置on/off的时候是否显示文字,如果不显示则textOn,textOff不起作用
  • android:textStyle:文字风格,粗体,斜体
  • android:track:滑块底部的背景图片,类似Background效果
  • android:thumb:滑块的图片

2.Switch普通效果展示及监听

2.1普通效果展示

代码:

image.png

效果:

1542502989411.gif

那我们加入thumb和track属性看看效果,为了方便我们都用项目自带的机器人。效果如下:

代码:

image.png

效果:

1542502939538.gif

不得不说真心丑,看来还得自定义。

2.2监听

image.png

3.Switch的自定义

自定义Switch的步骤如下:

  • 定义Switch的开关按钮状态
  • 定义一下Switch滑动轨道的状
  • 自定义文字颜色
  • 应用效果展示
3.1定义Switch的开关按钮状态

我们先定义thumb这个属性值,它有开关两种状态

  • 我们先定义打开的thumb的xml文件叫switch_custom_thumb_on

image.png

  • 关闭thumb的xml的文件叫switch_custom_thumb_off

image.png

  • 定义一个selector:switch_custom_thumb_selector

image.png

3.2 Switch滑动轨道的状态

定义track这个属性值,它也有开启和关闭两种状态

  • 打开状态的track:switch_custom_track_on

image.png

  • 关闭状态的track: switch_custom_track_off

image.png

  • 定义一个selector:switch_custom_track_selector

image.png

补充: thumb和track默认大小是一致的,那如果我们想看起来thumb比tarck或者thumb比track小该怎么办呢?

  • 想track高度低于thumb高度就给track增加一个透明的边框。
  • 想track高度高于thumb按钮高度就给thumb按钮增加一个透明的边框。
3.3 定义Switch文字的颜色

定义switchTextAppearance这个属性值

  • 定义一个文本颜色状态的selector:switch_switchtextcolor_selector.xml

image.png

  • 在style文件中定义一个样式叫 SwitchTextColorTheme的样式

image.png

3.3 定义Switch效果展示

代码:

image.png

效果:

1542526310848.gif

基本也就这么多,告辞!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Android-AndroidX迁移及踩坑

    大家都知道Android support library 28是google发布的最后一版android.support的库了,原因是google同时发布了an...

    android_薛之涛
  • Android-Recyclerview常用总结

    在android开发中我们不可避免的会用到Recyclerview,用以替代之前的ListView,GridView,Gallery等.它是support:re...

    android_薛之涛
  • Android-ConstraintLayout详解(下)

    我们接着上一篇说一说ConstraintLayout的其他属性,如果没看过上一篇:Android-ConstraintLayout详解 先罗列一下此次的会议内...

    android_薛之涛
  • 【腾讯云的1001种玩法】构建企业级应用环境之数据层面优化(二)

    在上一篇中我们讲到准备SQL基础环境改造,这一篇将继续讲述如何为应用提供高可用的底层数据层。

    李斯达
  • 物理层(计算机网络)

    物理层解决如何在连接在一起的各种不同计算机的传输数据媒介上传输二进制(如: 010101)比特流,就是以何种方式、哪种形态进行传输。

    WindSun
  • 【极简解读】深度残差收缩网络 Deep Residual Shrinkage Network

    深度残差收缩网络(Deep Residual Shrinkage Network),是深度残差学习(ResNet)或者说Squeeze-and-Excitati...

    用户6831054
  • PHP全栈学习笔记6

    php能做什么,它是运行在服务器端的,web网站大部分数据都是存储在服务器上的,PHP就是用来处理这些存储在服务器的数据。跨平台,服务器可以是多种平台上的服务器...

    达达前端
  • day59-Django基础-配置功能模块+配置数据库

    但是在之前!!!大的标题第 4 步一定要做完!!!必须注册进 settings!!!

    少年包青菜
  • java之学习Random类的概述和注意事项

    吾爱乐享
  • Problem: Matrix Chain Problem

    矩阵链乘问题是最典型的动态规划问题,本文介绍如何用动规算法解决这个问题,要理解下面的内容请先阅读这篇动态规划的总结。

    宅男潇涧

扫码关注云+社区

领取腾讯云代金券