今天我们来聊一下自定义Switch控件,我们先看一看Switch的相关属性:
代码:
image.png
效果:
1542502989411.gif
那我们加入thumb和track属性看看效果,为了方便我们都用项目自带的机器人。效果如下:
代码:
image.png
效果:
1542502939538.gif
不得不说真心丑,看来还得自定义。
image.png
自定义Switch的步骤如下:
我们先定义thumb这个属性值,它有开关两种状态
image.png
image.png
image.png
定义track这个属性值,它也有开启和关闭两种状态
image.png
image.png
image.png
补充: thumb和track默认大小是一致的,那如果我们想看起来thumb比tarck或者thumb比track小该怎么办呢?
定义switchTextAppearance这个属性值
image.png
image.png
代码:
image.png
效果:
1542526310848.gif
基本也就这么多,告辞!