android 水波纹扩散动画,[Android]多层波纹扩散动画——自定义View绘制

之前整理过一些属性动画的基本操作，这一段时间的动画相关需求都安然度过了。直到这次……

一、另一种动画需求

多数交互中的动画都是让单个页面元素动起来，这种就很适合用属性动画实现。但是对于 多个元素、非页面内元素 的动画需求，就不方便用View+属性动画实现了。

举个例子，也就是这次做的：

波纹效果需要同时绘制 多个 同心圆，而且这些圆 不是页面内的元素，未触发之前不需要显示。如果用属性动画实现，至少需要在xml布局文件中添加多个ImageView画圆，效率低还不易复用。

二、WaveView分析

使用自定义View绘制动画的主要思路是这样的：

分解动画成帧，考虑如何在onDraw中绘制每一帧

提取出绘制所需参数，分为随时间变化和不可变两种，不可变参数可以暴露出去(setter方法／attribute设置)

总结随时间变化的参数变化规律，实现时间轴

按需求提供出播放，暂停，停止，重置等等方法

按照这个思路，一步步实现一下WaveView吧。

第一步：

在onDraw中画圆需要用到canvas.drawCircle方法，四个参数：圆心x、y坐标，半径和Paint。WaveView绘制的每一帧都是圆，区别是圆的半径，