今天闲来无事,自己写了一个类似于圆形的波纹的一个自定义view。源码奉上~
先看图:
源码奉上:
public class WaveView extends View {
private float mInitialRadius; // 初始波纹半径
private float mMaxRadius; // 最大波纹半径
private long mDuration = 4000; // 一个波纹从创建到消失的持续时间
private int mSpeed = 500; // 波纹的创建速度,每500ms创建一个
private float mMaxRadiusRate = 1f;
private boolean mMaxRadiusSet;
private boolean isStroke; //是否有描边
private boolean mIsRunning;
private long mLastCreateTime;
private List<Circle> mCircleList = new ArrayList<Circle>();
private Runnable mCreateCircle = new Runnable() {
@Override
public void run() {
if (mIsRunning) {
newCircle();
postDelayed(mCreateCircle, mSpeed);
}
}
};
private Interpolator mInterpolator = new LinearInterpolator();
private Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
private Paint mPaint_2 = new Paint(Paint.ANTI_ALIAS_FLAG);
public WaveView(Context context) {
super(context);
}
public WaveView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public void setStyle(Paint.Style style) {
mPaint.setStyle(style);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
if (!mMaxRadiusSet) {
mMaxRadius = Math.min(w, h) * mMaxRadiusRate / 2.0f;
}
}
public void setMaxRadiusRate(float maxRadiusRate) {
mMaxRadiusRate = maxRadiusRate;
}
public void setColor(int color) {
mPaint.setColor(color);
mPaint_2.setColor(color);
}
/**
* 开始
*/
public void start() {
if (!mIsRunning) {
mIsRunning = true;
mCreateCircle.run();
}
}
public void setStroke(boolean stroke) {
isStroke = stroke;
}
/**
* 缓慢停止
*/
public void stop() {
mIsRunning = false;
}
/**
* 立即停止
*/
public void stopImmediately() {
mIsRunning = false;
mCircleList.clear();
invalidate();
}
protected void onDraw(Canvas canvas) {
Iterator<Circle> iterator = mCircleList.iterator();
while (iterator.hasNext()) {
Circle circle = iterator.next();
float radius = circle.getCurrentRadius();
if (System.currentTimeMillis() - circle.mCreateTime < mDuration) {
mPaint.setAlpha(circle.getAlpha());
canvas.drawCircle(getWidth() / 2, getHeight() / 2, radius, mPaint);
if (isStroke) {
mPaint_2.setStrokeWidth((float) 1.0); //线宽
mPaint_2.setStyle(Paint.Style.STROKE); //空心效果
canvas.drawCircle(getWidth() / 2, getHeight() / 2, radius, mPaint_2);
}
} else {
iterator.remove();
}
}
if (mCircleList.size() > 0) {
postInvalidateDelayed(10);
}
}
public void setInitialRadius(float radius) {
mInitialRadius = radius;
}
public void setDuration(long duration) {
mDuration = duration;
}
public void setMaxRadius(float maxRadius) {
mMaxRadius = maxRadius;
mMaxRadiusSet = true;
}
public void setSpeed(int speed) {
mSpeed = speed;
}
public 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;
Circle() {
mCreateTime = System.currentTimeMillis();
}
int getAlpha() {
float percent = (getCurrentRadius() - mInitialRadius) / (mMaxRadius - mInitialRadius);
return (int) (255 - mInterpolator.getInterpolation(percent) * 220);
}
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();
}
}
}