水波纹效果

创建自定义View
1、针对所有水波纹圆圈共享参数的问题：

方法就是新建一个内部类Wave，用于存放每个圆圈的参数，每一个圆圈都对应一个Wave对象，然后在onDraw方法里面，同时重绘所有的圆圈视图；
那么这里就还需要一个List集合waveList，用于存放所有的wave对象，
方便遍历。

2、针对handler.sendEmptyMessageDelayed方法在后续点击的时候不断被调用，导致刷新越来越快的问题。

这里可以设置一个成员变量 boolean isStart;来标志是不是第一次按下；因为我们在第一次按下的时候，肯定是希望开始定时刷新，调用handler.sendEmptyMessageDelayed，让圆环的状态不断变化。但是对于之后的点击，我们其实只希望它立刻被刷新一次，并被加入到waveList集合中，而并不需要发送一个handler的信息来调用handler.sendEmptyMessageDelayed。所以在一开始的时候我们将其设置为true，而在第一次点击时候将其设置为false，那么在什么时候将其设置为false呢，这里牵涉到第三个问题：

3、对于waveList集合而言，如果一直点击往集合里面添加Wave对象，那么无疑会让这个集合越来越大，这个是我们不希望看到的。

我们希望在圆环的透明度值alpha变为0，也就是完全透明的时候，让其从waveList中remove掉，让其能被垃圾回收回收掉，这样如果
点击几个点之后停止，点都会自动消失(alpha值减到0)，那么对应的Wave对象也会从waveList被移除，waveList的大小也会变成0，这个时候我们就可以停止handler.sendEmptyMessageDelayed方法继续被调用，同时可以将isStart重新设为true。那么isStart何时设为false呢？我们可以在flushState刷新状态的时候将其设为false，因为刷新状态的时候表明第一次点击已经按下了。然后在onTouchEvent方法的ACTION_DWON条件下，如果isStart为true才发送handler的消息，这代表第一次点击，之后再点击也不会发送而只是将wave对象添加到waveList中，因为第一次的时候调用flushState已经将isStart置为false了。**

package com.example.test_wather;

import java.util.ArrayList;
import java.util.Collections;
import java.util.List;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class WaterView extends View {

    /**
     * 波形的List
     */
    private ArrayList<Wave> waveList = new ArrayList<Wave>();

    /**
     * 最大的不透明度，完全不透明
     */
    private static final int MAX_ALPHA = 255;

    protected static final int FLUSH_ALL = -1;

    private boolean isStart = true;

    /**
     * 设置颜色
     */
    private int[] colors = new int[] { Color.RED, Color.GREEN, Color.BLUE,
            Color.YELLOW, Color.LTGRAY, Color.WHITE };

    private Handler handler = new Handler() {

        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            switch (msg.what) {
            case 0:

                // 刷新
                flushState();

                // 重置画布

                invalidate();

                if (waveList != null && waveList.size() > 0) {
                    handler.sendEmptyMessageDelayed(0, 50);
                }

                break;

            default:
                break;
            }
        }

    };

    /*
     * 1、两参构造函数
     */
    public WaterView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // TODO Auto-generated constructor stub
    }

    public WaterView(Context context, AttributeSet attrs) {
        super(context, attrs);

    }

    public WaterView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    /**
     * onMeasure方法，确定控件大小，这里使用默认的
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    /**
     * 画出需要的图形的方法，这个方法比较关键
     */
    protected void onDraw(Canvas canvas) {
        // 重绘所有圆环
        for (int i = 0; i < waveList.size(); i++) {
            Wave wave = waveList.get(i);
            canvas.drawCircle(wave.xDown, wave.yDown, wave.radius, wave.paint);
        }

    }

    /**
     * 初始化paint
     */
    private Paint initPaint(int alpha, float width) {
        /*
         * 新建一个画笔
         */
        Paint paint = new Paint();

        // 消除据齿
        paint.setAntiAlias(true);

        // 设置圆环厚度
        paint.setStrokeWidth(width);

        // 设置是环形方式绘制
        paint.setStyle(Paint.Style.STROKE);

        // 设置透明度
        paint.setAlpha(alpha);

        // 设置颜色
        paint.setColor(colors[(int) (Math.random() * (colors.length - 1))]);
        return paint;
    }

    /**
     * 刷新状态
     */
    private void flushState() {
        for (int i = 0; i < waveList.size(); i++) {
            Wave wave = waveList.get(i);
            if (isStart == false && wave.alpha == 0) {
                waveList.remove(i);
                wave.paint = null;
                wave = null;
                continue;
            } else if (isStart == true) {
                isStart = false;
            }
            wave.radius += 15;
            wave.alpha -= 10;
            if (wave.alpha <= 10) {
                wave.alpha = 0;
            }
            wave.width = wave.radius / 4;
            wave.paint.setAlpha(wave.alpha);
            wave.paint.setStrokeWidth(wave.width);
        }

    }

    @Override
    /**
     * 触摸事件的方法
     */
    public boolean onTouchEvent(MotionEvent event) {
        super.onTouchEvent(event);

        switch (event.getAction()) {
        case MotionEvent.ACTION_MOVE:
        case MotionEvent.ACTION_DOWN:
            Wave wave = new Wave();
            wave.radius = 0;
            wave.alpha = MAX_ALPHA;
            wave.width = wave.radius / 4;
            wave.xDown = (int) event.getX();
            wave.yDown = (int) event.getY();

            wave.paint = initPaint(wave.alpha, wave.width);

            if (waveList.size() == 0) {
                isStart = true;
            }
            waveList.add(wave);

            if (isStart) {
                handler.sendEmptyMessage(0);
            }

            break;
        case MotionEvent.ACTION_UP:

            break;

        default:
            break;
        }

        return true;
    }

    private class Wave {

        /**
         * 用来表示圆环的半径
         */
        float radius;
        Paint paint;
        /**
         * 按下的时候x坐标
         */
        int xDown;
        /**
         * 按下的时候y的坐标
         */
        int yDown;
        float width;
        int alpha;
    }

}