自定义SwitchView升级版
效果图:
在上一片文章中,我们只是在ACTION_MOVE中有动画效果,在这一片中,我们会在ACTION_DOWN和ACTION_UP中带有动画。
分析
关于自定义的属性和初始化那些,跟上一篇文章类似,假如你还没有阅读,请先阅读上一篇文章:自定义有动画的Switch控件
我们现在需要处理的是down和up事件,我们就需要添加一些属性去标记,比如down的位置,up之后应该是去到那里,每次重绘的spec是多少。所以我们添加了如下一些属性:
1 |
|
实现
在drawCircle中去判断时候需要重绘动画
1 | /** |
那么,我们再down的时候怎么判断时候需要动画呢?逻辑是:
1.首先这个点action假如是在圆里面则没有动画
2.假如是在圆的右边,则是右动画,需要注意判断时候超出边界
3.假如是在圆的左边则是左动画,需要注意不要超出边界
代码如下
1 | /** |
对于up事件则是比较简单,因为他的end位置只有两种,一个是circleX为radius,一个circleX为width-radius,然后默认up都是带有动画的就好,所以判断如下:
1 | /** |
这样子,我们就完成了整一个带有移动动画的SwitchView控件了。