自定义View绘制--波纹扩散动画

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

      WaveView分析
使用自定义View绘制动画的主要思路是这样的：
分解动画成帧，考虑如何在 onDraw 中绘制每一帧提取出绘制所需参数，分为随时间变化和不可变两种，不可变参数可以暴露去（setter方法／attribute设置），总结随时间变化的参数变化规律，实现时间轴按需求提供出播放，暂停，停止，重置等等方法

按照这个思路，一步步实现一下 WaveView吧。
第一步：
在onDraw中画圆需要用到 canvas.drawCircle 方法，四个参数：圆心x、y坐标，半径和Paint。WaveView 绘制的每一帧都是圆，区别是圆的半径，数量，透明度。还需要设置圆的最小半径和最大半径，以及扩散的时候两个圆的半径差。

每次绘制只需要把所有的圆画出来。

第二步：

扩散过程中随时间变化的参数只有半径和透明度。圆的数量，最小最大半径和半径差则是不可变参数。

第三步：