一、废话少说先上图
二、思路
主要是使用自定义view和自定义属性去实现刷新
三、代码
attr.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="CustomProgressBar">
<attr name="roundProgressColor" format="color" />
<attr name="roundColor" format="color" />
<attr name="roundWidth" format="dimension" />
<attr name="textSize" format="dimension" />
<attr name="textColor" format="color" />
<attr name="max" format="integer" />
<attr name="textShow" format="boolean" />
<attr name="sleepTime" format="integer" />
<attr name="style">
<enum name="STROKE" value="0" />
<enum name="FILL" value="1" />
</attr>
</declare-styleable>
</resources>
CustomProgressBar.java
public class CustomProgressBar extends View {
private int roundProgressColor;
private int roundColor;
private float roundWidth;
private float textSize;
private int textColor;
private int max;
private boolean textShow;
private int style;
private Paint mPaint;
private final int STOKE = 0;
private final int FILL = 1;
private int progress;
private int sleepTime;//睡眠时间
public CustomProgressBar(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
mPaint = new Paint();
//获取自定义属性数组
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CustomProgressBar);
roundProgressColor = typedArray.getColor(R.styleable.CustomProgressBar_roundProgressColor, Color.RED);
roundColor = typedArray.getColor(R.styleable.CustomProgressBar_roundColor, Color.BLUE);
roundWidth = typedArray.getDimension(R.styleable.CustomProgressBar_roundWidth, 50);
textSize = typedArray.getDimension(R.styleable.CustomProgressBar_textSize, 25);
textColor = typedArray.getColor(R.styleable.CustomProgressBar_textColor, Color.GREEN);
max = typedArray.getInteger(R.styleable.CustomProgressBar_max, 100);
textShow = typedArray.getBoolean(R.styleable.CustomProgressBar_textShow, false);
style = typedArray.getInteger(R.styleable.CustomProgressBar_style, 0);
sleepTime = typedArray.getInteger(R.styleable.CustomProgressBar_sleepTime, 100);
//释放TypedArray实例,从而使其可被其他模块复用
typedArray.recycle();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//画默认大圆环
int center = getWidth() / 2;//中心坐标点
float radius = center - roundWidth / 2;//半径
mPaint.setColor(roundColor);
mPaint.setStyle(Paint.Style.STROKE);//设置空心(描边)
//设置圆环宽度
mPaint.setStrokeWidth(roundWidth);
//设置抗锯齿
mPaint.setAntiAlias(true);
//绘制圆
canvas.drawCircle(center, center, radius, mPaint);
//绘制进度百分比
mPaint.setColor(textColor);
//圆环的宽度
mPaint.setStrokeWidth(0);
mPaint.setTextSize(textSize);
mPaint.setTypeface(Typeface.DEFAULT_BOLD);
int percent = (int) (progress / (float) max * 100);
if (textShow && percent != 0 && style == STOKE) {
//descent下基准线位置,ascent上基准线位置
canvas.drawText(percent + "%",
(getWidth() - mPaint.measureText(percent + "%")) / 2f,
getWidth() / 2f - (mPaint.descent() + mPaint.ascent()) / 2f,
mPaint);
}
//画圆弧
//矩形区域,定义圆弧的形状大小
RectF oval = new RectF(center - radius, center - radius, center + radius, center + radius);
mPaint.setColor(roundProgressColor);
mPaint.setStrokeWidth(roundWidth);
switch (style) {
case STOKE:
mPaint.setStyle(Paint.Style.STROKE);
/**
* RectF 圆弧所在的椭圆对象,
* startAngle圆弧的起始角度
* sweepAngle圆弧的角度
* useCenter 是否显示半径连线,true表示显示圆弧与圆心的半径连线,false表示不显示。
* Paint 画笔
*/
canvas.drawArc(oval, 0, 360 * progress / max, false, mPaint);
break;
case FILL:
mPaint.setStyle(Paint.Style.FILL);
if (progress != 0)
canvas.drawArc(oval, 0, 360 * progress / max, true, mPaint);
break;
}
}
public synchronized int getMax() {
return max;
}
public synchronized void setMax() {
if (max < 0) {
throw new IllegalArgumentException("max不能小于0");
}
this.max = max;
}
public synchronized int getProgress() {
return progress;
}
public synchronized void setProgress(int progress) {
if (progress < 0) {
throw new IllegalArgumentException("progress不能小于0");
}
if (progress > max) {
progress = max;
}
if (progress <= max) {
this.progress = progress;
postInvalidate();
}
}
//开始绘制
public void startDraw() {
new Thread(new Runnable() {
@Override
public void run() {
while (progress <= 100) {
progress += 2;
setProgress(progress);
try {
Thread.sleep(sleepTime);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
}).start();
}
public int getRoundColor() {
return roundColor;
}
public void setRoundColor(int roundColor) {
this.roundColor = roundColor;
}
public int getRoundProgressColor() {
return roundProgressColor;
}
public void setRoundProgressColor(int roundProgressColor) {
this.roundProgressColor = roundProgressColor;
}
public int getTextColor() {
return textColor;
}
public void setTextColor(int textColor) {
this.textColor = textColor;
}
public float getTextSize() {
return textSize;
}
public void setTextSize(int textSize) {
this.textSize = textSize;
}
public float getRoundWidth() {
return roundWidth;
}
public void setRoundWidth(int roundWidth) {
this.roundWidth = roundWidth;
}
public boolean isTextShow() {
return textShow;
}
public void setTextShow(boolean textShow) {
this.textShow = textShow;
}
}
main.xml
<com.test.view.CustomProgressBar
android:id="@+id/progressbar"
android:layout_width="100dp"
android:layout_height="100dp"
app:roundProgressColor="#ff00ff"
app:roundWidth="15dp"
app:textColor="#ff0000"
app:textShow="true"
app:textSize="20dp" />
然后获取自定义控件的对象,设置点击事件调用startDraw()就可以