Android下自定义的一款圆弧形进度条，支持中心图片设置，有兴趣的朋友可以尝试下。
Github地址点击打开链接
package com.julyapp.progressdemo.view;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Matrix;import android.graphics.Paint;import android.graphics.RectF;import android.util.AttributeSet;import android.view.View;import com.julyapp.progressdemo.R;/*** Created by xiaojian on /7/6.*/public class ArcProgressView extends View {private Bitmap bitmap;private int imageResId;private float width = 100;private float height = 100;private float strokeWidth = 2f;private int backgroundColor;private int arcBackgroundColor;private int arcForegroundColor;private int max;private int min;private float progress;private final RectF rectF;private final Paint paint;private final Context context;public ArcProgressView(Context context, AttributeSet attrs) {super(context, attrs);initAttrs(context, attrs);this.context = context;this.rectF = new RectF();this.paint = new Paint();}private void initAttrs(Context context, AttributeSet attributeSet) {TypedArray typedArray = context.obtainStyledAttributes(attributeSet, R.styleable.ArcProgressView);imageResId = typedArray.getResourceId(R.styleable.ArcProgressView_arc_image_res_id, R.mipmap.ic_launcher);//默认背景图片资源idwidth = typedArray.getDimension(R.styleable.ArcProgressView_arc_width, 100.f);//控件宽度，默认为100pxheight = typedArray.getDimension(R.styleable.ArcProgressView_arc_height, 100.f);//控件高度，默认为100pxstrokeWidth = typedArray.getDimension(R.styleable.ArcProgressView_stroke_width, 2.f);//进度条宽度，默认为2pxbackgroundColor = typedArray.getColor(R.styleable.ArcProgressView_background_color, Color.WHITE);//控件默认背景颜色，默认白色arcBackgroundColor = typedArray.getColor(R.styleable.ArcProgressView_arc_bg_color, Color.GRAY);//进度条背景色，默认灰色arcForegroundColor = typedArray.getColor(R.styleable.ArcProgressView_arc_fg_color, Color.GREEN);//进度条前景色，默认绿色max = typedArray.getInteger(R.styleable.ArcProgressView_max, 100);//最大刻度值min = typedArray.getInteger(R.styleable.ArcProgressView_min, 0);//最小刻度值progress = typedArray.getFloat(R.styleable.ArcProgressView_progress, 30.f);//进度值}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);float width = this.width;float height = this.height;if (width != height) {float min = Math.min(width, height);width = height = min;}//设置画笔paint.setAntiAlias(true);//抗锯齿paint.setColor(arcBackgroundColor);canvas.drawColor(Color.TRANSPARENT);paint.setStrokeWidth(strokeWidth);paint.setStyle(Paint.Style.STROKE);rectF.left = strokeWidth / 2;rectF.top = strokeWidth / 2;rectF.right = width - strokeWidth / 2;rectF.bottom = height - strokeWidth / 2;canvas.drawArc(rectF, -90, 360, false, paint);//绘制外框大圆paint.setColor(arcForegroundColor);//改变画笔颜色，准备绘制进度canvas.drawArc(rectF, -90, progress / max * 360, false, paint);//绘制进度bitmap = BitmapFactory.decodeResource(context.getResources(), imageResId);//得到背景图片bitmap对象if (bitmap != null) {int bmpWidth = bitmap.getWidth();//获取bitmap宽int bmpHeight = bitmap.getHeight();//获取bitmap高Matrix matrix = new Matrix();//初始化矩阵float scaleWidth = width / 3 / bmpWidth;//图片宽为控件宽度1/3float scaleHeight = height / 3 / bmpHeight;//图片高为控件高度1/3matrix.setScale(scaleWidth, scaleHeight);//缩放倍数bitmap = Bitmap.createBitmap(bitmap, 0, 0, bmpWidth, bmpHeight, matrix, true);//得到缩放后的bitmapfloat left = width / 2 - bitmap.getWidth() / 2;//得到中心点距左边的距离float top = height / 2 - bitmap.getHeight() / 2;//得到中心掉距顶部距离，保证居中canvas.drawBitmap(bitmap, left, top, paint);//绘制图片}}public int getImageResId() {return imageResId;}public void setImageResId(int imageResId) {//每次新设置一张图片时，销毁原有bitmap对象，防止内存泄漏if (bitmap != null && !bitmap.isRecycled()) {bitmap.recycle();bitmap = null;}this.imageResId = imageResId;postInvalidate();}public void setWidth(int width) {this.width = width;postInvalidate();}public void setHeight(int height) {this.height = height;postInvalidate();}public float getStrokeWidth() {return strokeWidth;}public void setStrokeWidth(float strokeWidth) {this.strokeWidth = strokeWidth;postInvalidate();}public int getBackgroundColor() {return backgroundColor;}public void setBackgroundColor(int backgroundColor) {this.backgroundColor = backgroundColor;postInvalidate();}public int getArcBackgroundColor() {return arcBackgroundColor;}public void setArcBackgroundColor(int arcBackgroundColor) {this.arcBackgroundColor = arcBackgroundColor;postInvalidate();}public int getArcForegroundColor() {return arcForegroundColor;}public void setArcForegroundColor(int arcForegroundColor) {this.arcForegroundColor = arcForegroundColor;postInvalidate();}public int getMax() {return max;}public void setMax(int max) {this.max = max;postInvalidate();}public int getMin() {return min;}public void setMin(int min) {this.min = min;postInvalidate();}public float getProgress() {return progress;}public void setProgress(float progress) {if (progress >= min && progress <= max) {this.progress = progress;postInvalidate();} else {this.progress = 0f;postInvalidate();}}public RectF getRectF() {return rectF;}public Paint getPaint() {return paint;}}
使用方法：
1.在values目录下新建attrs.xml文件，添加如下代码
<declare-styleable name="ArcProgressView"><attr name="arc_image_res_id" format="reference" /><attr name="background_color" format="color" /><attr name="arc_fg_color" format="color" /><attr name="arc_bg_color" format="color" /><attr name="arc_width" format="dimension" /><attr name="arc_height" format="dimension" /><attr name="stroke_width" format="dimension"></attr><attr name="max" format="integer" /><attr name="min" format="integer" /><attr name="progress" format="float" /></declare-styleable>
2.在布局文件中添加本控件，属性根据自己的需要进行调整
<com.julyapp.progressdemo.view.ArcProgressViewandroid:id="@+id/progress_arc"android:layout_width="100dp"android:layout_height="100dp"android:layout_centerInParent="true"app:arc_bg_color="@color/default_arc_progress_arc_bg"app:arc_fg_color="@color/colorPrimary"app:arc_height="100dp"app:arc_image_res_id="@mipmap/ic_launcher"app:arc_width="100dp"app:background_color="@color/default_arc_progress_background"app:max="100"app:min="0"app:progress="0"app:stroke_width="2dp" />
3.调用setProgress()方法设置进度，setImageResId()方法设置背景图片
效果如图：
