自定义view————搜索动画
经常看iOS搜索的时候有个动画,最近在学习自定义view,就寻思的也弄个搜索动画,先上效果图。
具体实现思路
先画整体显示的搜索及其圆圈
先把搜索动画显示的整体效果全部画出来,然后再做动画,重点就是把Path 的走向要把握好
|
|
动画状态与时间关联
此处使用的是 ValueAnimator,它可以将一段时间映射到一段数值上,随着时间变化不断的更新数值,并且可以使用插值器开控制数值变化规律(此处使用的是默认插值器)。
|
|
具体绘制
绘制部分是根据 当前状态以及从 ValueAnimator 获得的数值来截取 Path 中合适的部分绘制出来。
|
|
写到这里再把其他的补充上,手动掉开始搜索动画,count>2结束搜索动画,这就是一个简单的搜索动画了,缺陷就是不能自己去设置开始,结束,附上这部分代码
|
|
接下来设置开始搜索及其结束搜索的方法
开始搜索结合ValueAnimator中的方法:mStartingAnimator.start();
结束搜索同理
|
|
属性采用xml/代码双设置
将一些可采取动态设置的属性写成动态设置
attrs.xml中设置相关属性
|
|
代码中将attrs.xml的属性值获取
|
|
代码中报方法来设置这些属性
|
|
到此为止,附上整体代码
|
|