昨天偶偶然看见UI 给的一个交互的效果,原图如下
就是下面的loginbutton,于是大概模仿了一下,
并没有做这个UI的全部效果,有兴趣的可以完善后面展开的效果
下面是demo的button效果...这个View用到的知识点比较简单:
view的坐标系知识,(大家没有不熟悉的吧)
view的canvas基本API(画矩形,画扇形,)
view的自定义属性(attr提供选项)
属性动画的知识(老生常谈的知识...,ObjectAnimation和ValueAniamtion)
下面我们就一步步实现这个button
我们写一个自定义的类继承View实现其构造,在构造函数中获取自定义属性的值
重写view的onMeasue...ok了
画圆形的button,注意这个圆角button,动起来的时候量个半圆需要合并成一个完整的圈,所以倒角的半径就已经确定了,就是我们view高度的一半,这里需要注意下
画button上面的文字...这样我们view的全部工作都做完了,剩下的就是在Mainactivity里面用一下
由于 就一个这个demo就一个自定义view,项目就不上传了,把完整的代码给大家,有兴趣的可以放到AS里面跑一下,谢谢