android水平波浪扩散动画,Android探坑集锦<二>水波纹扩散效果的自定义view

距离上次写博客已经过去快一年了(手动捂脸!!!),惰性真的是个很强大的东西,好在最近已经严重意识到这个问题,因此也就决定重启记录技术博客的计划(希望不要被现实无情的打脸)。

本次主要是完成一个简单的自定义view,实现水波纹扩散的效果,也是工作中需要实现的,因此特来记录下当时的历程,当然如果对其他人有所帮助也是极极好的。大概的效果如下图所示。

fe340e7963de

fe340e7963de

来了动图

对于刚拿到水波纹扩散效果的需求而言,当然脑子里第一次想到的肯定是能越简单实现越好(是真的懒=。=)。

方案一:使用view动画

使用相同的切图,设置不同的大小叠加显示,组合使用ScaleAnimation和AlphaAnimation,来实现大小、透明度的变化。代码较简单,就不贴了。这种效果是真的差,尤其是一次动画完成后继续下次动画的工程中会有明显的停顿感觉,同时由于是缩放动画,小圆环在放大后那个模糊的真的是不忍直视!!!果断放弃,要不得。因此有了接下来的自定义view的方案二。

方案二:自定义view

当然在写之前我参考了一部分网上的实现,大体上来说思路都是一样的。根据时间的变化来计算每一条圆环的半径和透明度。在ondraw的时候依次将圆环draw出来。

先看下哪些参数需要可以动态配置吧。

fe340e7963de

先说下思路吧,整个view中持有了当前显示的圆环的list,一旦圆环超出了最大的半径,便将圆环移除列表。同时在每个圆环产生的间隔时间后会生成新的圆环(每个圆环都是从起始半径开始的),这样就形成了无限循环的效果。

首先将构造圆环的对象,其中肯定要两个方法,计算当前圆环的透明度和半径。每个圆环有个percent(从0-1)属性,其实是为了开启属性动画,在动画每次更改percent属性的时候去重新绘制view,这样避免了很多博主使用的postInvalidateDelayed方法,将重新绘制的频率时机交给属性动画。

fe340e7963de

当然如果嫌弃波纹频率太规律了,还可以修改插值器来完成

剩下的工作就差将圆环绘制上去了。

fe340e7963de

当然还有一点需要注意的是,在onSizeChanged方法中判断下设置的maxRadius是否有效,无效的根据宽高进行修正。

fe340e7963de

整体的思路就是这样啦。

End 终于完成了,当然flag还是要立的,博客还是要时时更新的!!!

但愿脸不会疼!!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值