距离上次写博客已经过去快一年了(手动捂脸!!!),惰性真的是个很强大的东西,好在最近已经严重意识到这个问题,因此也就决定重启记录技术博客的计划(希望不要被现实无情的打脸)。
本次主要是完成一个简单的自定义view,实现水波纹扩散的效果,也是工作中需要实现的,因此特来记录下当时的历程,当然如果对其他人有所帮助也是极极好的。大概的效果如下图所示。
来了动图对于刚拿到水波纹扩散效果的需求而言,当然脑子里第一次想到的肯定是能越简单实现越好(是真的懒=。=)。
方案一:使用view动画
使用相同的切图,设置不同的大小叠加显示,组合使用ScaleAnimation和AlphaAnimation,来实现大小、透明度的变化。代码较简单,就不贴了。这种效果是真的差,尤其是一次动画完成后继续下次动画的工程中会有明显的停顿感觉,同时由于是缩放动画,小圆环在放大后那个模糊的真的是不忍直视!!!果断放弃,要不得。因此有了接下来的自定义view的方案二。
方案二:自定义view
当然在写之前我参考了一部分网上的实现,大体上来说思路都是一样的。根据时间的变化来计算每一条圆环的半径和透明度。在ondraw的时候依次将圆环draw出来。
先看下哪些参数需要可以动态配置吧。
先说下思路吧,整个view中持有了当前显示的圆环的list,一旦圆环超出了最大的半径,便将圆环移除列表。同时在每个圆环产生的间隔时间后会生成新的圆环(每个圆环都是从起始半径开始的),这样就形成了无限循环的效果。
首先将构造圆环的对象,其中肯定要两个方法,计算当前圆环的透明度和半径。每个圆环有个percent(从0-1)属性,其实是为了开启属性动画,在动画每次更改percent属性的时候去重新绘制view,这样避免了很多博主使用的postInvalidateDelayed方法,将重新绘制的频率时机交给属性动画。
当然如果嫌弃波纹频率太规律了,还可以修改插值器来完成剩下的工作就差将圆环绘制上去了。
当然还有一点需要注意的是,在onSizeChanged方法中判断下设置的maxRadius是否有效,无效的根据宽高进行修正。
整体的思路就是这样啦。
网友评论