昨天写了一个，觉得不够实用，今天写一个仿支付宝【咻一咻】的效果，之前想在网上找找，可是没有找到。先看效果

怎么用？

<pre>

<github.alex.ripplewaveview.RippleSpreadView xmlns:RippleWaveView="" android:layout_width="wrap_content" android:layout_height="wrap_content" RippleWaveView:rsv_innerAnimDuration="3000" RippleWaveView:rsv_innerCircleColor="#7E57C2" RippleWaveView:rsv_innerSize="120dp" RippleWaveView:rsv_outAnimDuration="3000" RippleWaveView:rsv_outSize="240dp"/> </pre>

代码？？

<pre>

package github.alex.ripplewaveview; import android.animation.ObjectAnimator; import android.animation.ValueAnimator; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.util.AttributeSet; import android.view.View; import android.view.animation.Interpolator; import android.view.animation.LinearInterpolator; import com.alex.ripplewaveview.R; /** * 作者：Alex * * 时间：2016/8/22 18:14 * * 博客地址： * * /

public class RippleSpreadView extends View {

private Paint innerPaint;

private Paint outPaint;

private float innerSize;

private int innerColor;

private int innerAnimDuration;

private int outColor;

private float outSize;

private float outSizeX;

private float outSizeXX;

private float outSizeXXX;

private float outSizeOld;

private int outAnimDuration;

private int width;

private int height;

private ObjectAnimator innerSizeAnimator;

private float outSizeStart;

private float outSizeEnd;

private float outSpreadValue;

private ObjectAnimator outSizeAnimator;

private ObjectAnimator outSizeXAnimator;

private ObjectAnimator outSizeXXAnimator;

private ObjectAnimator outSizeXXXAnimator;

private Interpolator linearInterpolator;

public RippleSpreadView(Context context) {

super(context);

}

public RippleSpreadView(Context context, AttributeSet attrs) {

super(context, attrs);

initView(attrs);

}

private void initView(AttributeSet attrs) {

linearInterpolator = new LinearInterpolator();

/outSpreadValue = 1.2F 比较好/ outSpreadValue = 1.0F; Context context = getContext(); TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RippleSpreadView); innerColor = typedArray.getColor(R.styleable.RippleSpreadView_rsv_innerCircleColor, Color.parseColor("#E0E0E0")); innerSize = typedArray.getDimension(R.styleable.RippleSpreadView_rsv_innerSize, 20F); innerAnimDuration = typedArray.getInt(R.styleable.RippleSpreadView_rsv_innerAnimDuration, 500); outColor = typedArray.getColor(R.styleable.RippleSpreadView_rsv_outCircleColor, Color.parseColor("#8BC34A")); outSize = typedArray.getDimension(R.styleable.RippleSpreadView_rsv_outSize, 24F); outAnimDuration = typedArray.getInt(R.styleable.RippleSpreadView_rsv_outAnimDuration, 700); typedArray.recycle(); innerPaint = new Paint(Paint.ANTI_ALIAS_FLAG); innerPaint.setStyle(Paint.Style.FILL); innerPaint.setColor(innerColor); outPaint = new Paint(Paint.ANTI_ALIAS_FLAG); outPaint.setStyle(Paint.Style.FILL); outPaint.setColor(outColor); if (innerSize < dp2Px(8)) { innerSize = dp2Px(20); } if ((innerAnimDuration < 100) || (innerAnimDuration > 10000)) { innerAnimDuration = 2000; } if (outSize < dp2Px(8)) { outSize = dp2Px(8); } if (outSize - innerSize < dp2Px(2)) { outSize = innerSize + dp2Px(2); } outSizeOld = outSize; if ((outAnimDuration < 100) || (outAnimDuration > 10000)) { outAnimDuration = 2000; } innerSizeAnimator = ObjectAnimator.ofFloat(this, "innerSize", innerSize * 1F, innerSize * 1.1F, innerSize * 1F, innerSize * 1.1F).setDuration(innerAnimDuration); innerSizeAnimator.setInterpolator(linearInterpolator); innerSizeAnimator.setRepeatMode(ValueAnimator.REVERSE); innerSizeAnimator.setRepeatCount(Integer.MAX_VALUE); outSizeStart = innerSize * 0.9F; outSizeEnd = outSize * outSpreadValue; outSizeAnimator = ObjectAnimator.ofFloat(this, "outSize", outSizeStart, outSizeEnd).setDuration((long) (outAnimDuration)); outSizeXAnimator = ObjectAnimator.ofFloat(this, "outSizeX", outSizeStart, outSizeEnd).setDuration((long) (outAnimDuration)); outSizeXXAnimator = ObjectAnimator.ofFloat(this, "outSizeXX", outSizeStart, outSizeEnd).setDuration((long) (outAnimDuration)); outSizeXXXAnimator = ObjectAnimator.ofFloat(this, "outSizeXXX", outSizeStart, outSizeEnd).setDuration((long) (outAnimDuration)); initObjectAnimator(outSizeAnimator); initObjectAnimator(outSizeXAnimator); initObjectAnimator(outSizeXXAnimator); initObjectAnimator(outSizeXXXAnimator); outSizeXAnimator.setStartDelay((long) (outAnimDuration / 4)); outSizeXXAnimator.setStartDelay((long) (outAnimDuration * 2 / 4)); outSizeXXXAnimator.setStartDelay((long) (outAnimDuration * 3 / 4)); try { innerSizeAnimator.start(); outSizeAnimator.start(); outSizeXAnimator.start(); outSizeXXAnimator.start(); outSizeXXXAnimator.start(); } catch (Exception e) { } } private void initObjectAnimator(ObjectAnimator objectAnimator) { objectAnimator.setRepeatMode(ValueAnimator.RESTART); objectAnimator.setRepeatCount(Integer.MAX_VALUE); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); drawCircle(canvas, outSize, outPaint, outSizeEnd, outSizeStart, outSizeOld); drawCircle(canvas, outSizeX, outPaint, outSizeEnd, outSizeStart, outSizeOld); drawCircle(canvas, outSizeXX, outPaint, outSizeEnd, outSizeStart, outSizeOld); drawCircle(canvas, outSizeXXX, outPaint, outSizeEnd, outSizeStart, outSizeOld); canvas.drawCircle((width - 0) * 0.5F, (height - 0) * 0.5F, innerSize * 0.5F, innerPaint); } private final void drawCircle(Canvas canvas, float outSize, Paint outPaint, float outSizeEnd, float outSizeStart, float outSizeOld) { float k = 255 / (outSizeEnd - outSizeStart); int alpha = (int) (k * outSizeOld * outSpreadValue - k * outSize); outPaint.setAlpha(alpha); canvas.drawCircle((width - 0) * 0.5F, (height - 0) * 0.5F, outSize * 0.5F, outPaint); } @Override protected void onDetachedFromWindow() { super.onDetachedFromWindow(); try { if (innerSizeAnimator != null) { innerSizeAnimator.cancel(); } if (outSizeAnimator != null) { outSizeAnimator.cancel(); } } catch (Exception e) { } } @Override protected void onAttachedToWindow() { super.onAttachedToWindow(); try { if (innerSizeAnimator != null) { innerSizeAnimator.start(); } if (outSizeAnimator != null) { outSizeAnimator.start(); } } catch (Exception e) { } } /** * 供 innerSizeAnimator 调用/

public void setInnerSize(float innerSize) {

this.innerSize = innerSize;

invalidate();

}

/* * 供 outSizeAnimator 调用/

public void setOutSize(float outSize) {

this.outSize = outSize;

invalidate();

}

/* * 供 outSizeAnimator 调用/

public void setOutSizeX(float outSize) {

this.outSizeX = outSize;

invalidate();

}

/* * 供 outSizeAnimator 调用/

public void setOutSizeXX(float outSize) {

this.outSizeXX = outSize;

invalidate();

}

/* * 供 outSizeAnimator 调用/

public void setOutSizeXXX(float outSize) {

this.outSizeXXX = outSize;

invalidate();

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

width = (int) outSizeEnd;

height = (int) outSizeEnd;

setMeasuredDimension(width, height);

}

/* * 数据转换: dp---->px */ private float dp2Px(float dp) { return dp * getContext().getResources().getDisplayMetrics().density; } }

</pre>