android 绘制进度条,android 绘制 特殊进度条

实现这个效果的进度条:

1586332466(1).png

话不多说上代码,有问题联系我

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.Path;

import android.util.AttributeSet;

import android.util.Log;

import android.view.View;

import androidx.annotation.Nullable;

public class TestView extends View {

private int width;

private int height;

private Paint paint;

private Path path;

private Paint progressPaint;

private Path progressPath;

private int progress=0;

public void setProgress(int progress) {

this.progress = progress;

invalidate();

}

public TestView(Context context) {

this(context,null);

}

public TestView(Context context, @Nullable AttributeSet attrs) {

this(context, attrs,0);

}

public TestView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

path = new Path();

paint = new Paint();

paint.setAntiAlias(true);

paint.setStrokeWidth(5);

paint.setColor(Color.parseColor("#FFFFFF"));

paint.setStyle(Paint.Style.FILL);

progressPath = new Path();

progressPaint = new Paint();

progressPaint.setAntiAlias(true);

progressPaint.setStrokeWidth(5);

progressPaint.setColor(Color.parseColor("#ED254D"));

progressPaint.setStyle(Paint.Style.FILL);

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

width =getMeasuredWidth();

height = getMeasuredHeight();

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

float magin = 20;

//绘制背景

path.moveTo(1,magin);

path.lineTo(1,height-magin);

path.lineTo(width,height);

path.lineTo(width,0);

paint.setStrokeWidth(3);

path.close();

canvas.drawPath(path,paint);

//绘制进度

float progressWidth= (float) (width-width*(progress/100.0));

float progressY = (float) (magin*(progress/100.0));

progressPath.moveTo(progressWidth,progressY);

progressPath.lineTo(progressWidth,height-progressY);

progressPath.lineTo(width,height);

progressPath.lineTo(width,0);

progressPaint.setStrokeWidth(3);

progressPath.close();

canvas.drawPath(progressPath,progressPaint);

}

}