android 水滴动画效果图,Android控件实现水滴效果

看到ios版上QQ刷新效果像水滴，然后自己也想着去实现这样的效果，这篇文章暂时没有介绍下拉刷新的效果，只是单独用一个控件来实现这样的水滴效果。

效果图如下：

一、总体思路

1、画两个圆形，其中一个就是上面的大圆，还有一个是下面的小圆，大圆和小圆不断变小，大圆的位置保持不变，小圆的位置不断向下移动，即圆心不断下移。

2、画两边的曲线，这时候用到贝塞尔曲线去画。

3、用属性动画实现动态的效果。

二、代码实现

1、找出画曲线的几个关键点。

其实我是在第一张图的基础上，再在上面分别画两个圆，就可以得到第二张图了。关键是画出第一张图。

(1)在这里，p1,p2,p3,p4,这4个点分别对应两个圆的两边的点，即p1到p2就是圆的直径。p3和p4同理，那么就很容易确定这四个点的坐标了。

(2)然后c1和c2是分别控制p1到p3、p2到p4的曲线，是贝塞尔曲线的控制点。它们的横坐标对应的是p3,p4的横坐标(相等)，纵坐标取两个圆心距离的一半。这样画出这个静态的图片就不难了。

(3)画上下两个圆进去，就会变成第二张图的效果。

2、在构造方法中调用init()初始化一些基本的变量

private void init(Context context, AttributeSet attrs) {

drawFilter = new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG

| Paint.FILTER_BIT