水波纹效果之仿支付宝咻一咻

先上效果图：

/**
 * Created by liuye on 2016/11/30 0030.
 * 水波纹特效 类似于支付宝咻一咻
 */
public class WaveView extends View {
    private float mInitialRadius;//初始波纹半径
    private float mMaxRadiusRate = 0.85f;// 如果没有设置mMaxRadius，可mMaxRadius = 最小长度 * mMaxRadiusRate;
    private float mMaxRadius;
    private long mDuration = 2000;//一个波纹从创建到消失的持续时间
    private int mSpeed = 300;//波纹的创建速度，每500ms创建一个
    private Interpolator mInterpolator = new LinearInterpolator();
    private List<Circle> mCircleList = new ArrayList<Circle>();
    private boolean mIsRunning;
    private boolean mMaxRadiusSet;
    private Paint mPaint;
    private long mLastCreateTime;

    public int[] randomColor = {Color.BLUE,Color.CYAN,Color.GREEN,Color.MAGENTA,Color.RED,Color.YELLOW};
    public int ranNum;//随机数

    private Runnable mCreateCircle = new Runnable() {
        @Override
        public void run() {
            if(mIsRunning){
                newCircle();
                postDelayed(mCreateCircle,mSpeed);
            }
        }
    };

    public WaveView(Context context) {
        super(context);
    }

    public WaveView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        //设置圆环是充满还是描边
        setStyle(Paint.Style.FILL);
    }

    public WaveView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public void setStyle(Paint.Style style){
        mPaint.setStyle(style);
    }

    protected void onSizeChanged(int w,int h,int oldw,int oldh){
        if(!mMaxRadiusSet){
            mMaxRadius = Math.min(w,h)*mMaxRadiusRate/2.0f;
        }
    }

    public void setmMaxRadiusRate(float maxRadiusRate){
        this.mMaxRadiusRate = maxRadiusRate;
    }

    public void setColor(int color){
        mPaint.setColor(color);
    }

    public void start(){
        if(!mIsRunning){
            mIsRunning = true;
            mCreateCircle.run();
        }
    }

    public void stop(){
        mIsRunning = false;
    }

    protected void onDraw(Canvas canvas){
        Iterator<Circle> iterator = mCircleList.iterator();
        while (iterator.hasNext()){
            Circle circle = iterator.next();
            if(System.currentTimeMillis() - circle.mCreateTime < mDuration){
                mPaint.setAlpha(circle.getAlpha());
//                //随机颜色 如果style为FILL时很闪眼
                ranNum = (int)(Math.random()*6);//[0,5]的随机数
                mPaint.setColor(randomColor[ranNum]);
                canvas.drawCircle(getWidth()/2,getHeight()/2,circle.getCurrentRadius(),mPaint);
            }else{
                iterator.remove();
            }
        }

        if(mCircleList.size()>0){
            postInvalidateDelayed(10);
        }
    }

    public void setInitialRadius(float radius){
        mInitialRadius = radius;
    }

    public void setDuration(long duration){
        this.mDuration = duration;
    }

    public void setMaxRadius(float maxRadius){
        this.mMaxRadius = maxRadius;
        mMaxRadiusSet = true;
    }

    public void setSpeed(int speed){
        mSpeed = speed;
    }

    private void newCircle(){
        long currentTime = System.currentTimeMillis();
        if(currentTime - mLastCreateTime < mSpeed){
            return;
        }
        Circle circle = new Circle();
        mCircleList.add(circle);
        invalidate();
        mLastCreateTime = currentTime;
    }

    private class Circle{
        private long mCreateTime;
        public Circle(){
            this.mCreateTime = System.currentTimeMillis();
        }

        public int getAlpha(){
            float percent = (System.currentTimeMillis() - mCreateTime)*1.0f /mDuration;
            return (int)((1.0f-mInterpolator.getInterpolation(percent))*255);
        }

        public float getCurrentRadius(){
            float percent = (System.currentTimeMillis() - mCreateTime)*1.0f /mDuration;
            return mInitialRadius + mInterpolator.getInterpolation(percent)*(mMaxRadius - mInitialRadius);
        }

        public void setInterpolator(Interpolator interpolator){
            mInterpolator = interpolator;
            if(mInterpolator == null){
                mInterpolator = new LinearInterpolator();
            }
        }
    }
}

布局文件中调用 ：

<com.h.fileinput.waterspread.WaveView
    android:id="@+id/waveview"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />
页面调用：

public class PayDemoActivity extends AppCompatActivity {

    WaveView waveView;

    public int[] randomColor = {Color.BLUE,Color.CYAN,Color.GREEN,Color.MAGENTA,Color.RED,Color.YELLOW};
    public int ranNum;//随机数
    public int[] randomSpeed = {0,100,200,300,400,500};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_pay_demo);

        waterWaveView2 = (WaterWaveView2) findViewById(R.id.www);

        initWaveView();

    }

    public void initWaveView(){
        waveView = (WaveView) findViewById(R.id.waveview);
        //设置波纹的颜色
//        waveView.setColor(Color.RED);
        //通过随机数设置颜色时，只显示的绿色
        ranNum = (int)(Math.random()*6);//[0,5]的随机数
//        waveView.setColor(randomColor[ranNum]);
        waveView.setInitialRadius(20);
        waveView.setMaxRadius(200);
        //设置圆环是充满还是描边
        waveView.setStyle(Style.STROKE);
        waveView.setSpeed(randomSpeed[ranNum]);
    }

    public boolean onTouchEvent(MotionEvent event){
        super.onTouchEvent(event);
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                waveView.start();
                break;
            case MotionEvent.ACTION_UP:
                waveView.stop();
                break;
        }
        return true;
    }

}