android switch控件通过thumb track简单实现IOS控件UISwitch,SwitchButton

之前用到Switch控件的时候一直用的安卓原生的,但是最近UI要求要实现和IOS类似的效果,然后发现了Switch控件的thumb和track属性。。。

先看效果,,,

thumb属性指的是:switch上面滑动的滑块。。。track属性是指switch的背景。。。设置好这两个属性就能把switch做成像IOS的UISwitch控件的样子了。。。看代码

 

switch的其他写法就是和普通的switch写法一样。。。只是改变thum和track的样式就行。。。

先看thumb   





    
    

在不同的选择状态下呈现不同的颜色和样式,我做的是在选中时thumb外圈是绿色,没有选中时外圈是灰色,正好和背景的颜色一样。。。具体的green_thumb代码




    
    
    
    


    
    

    

这个时候thumb的样子是这样的

android switch控件通过thumb track简单实现IOS控件UISwitch,SwitchButton_第1张图片

再看gray_thumb代码




    
    
    
    


    
    

    

这个时候thumb是这样的

android switch控件通过thumb track简单实现IOS控件UISwitch,SwitchButton_第2张图片

现在再看track




    

    

green_track代码如下




    
    
    
    
    
    



grey_track只是换个颜色而已













最后实现的preview中的效果是这样的

 

 

你可能感兴趣的:(android控件,IOS控件)