android 自定义ProgressBar

这是关于一个关于倒计时付费的一个项目效果，圆圈加载到不同阶段颜色也不同，本着分享精神 特意的拿出来给大家;

如下图:



具体代码如下：

`import android.annotation.SuppressLint;

import android.content.Context;

import android.graphics.BlurMaskFilter;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.EmbossMaskFilter;

import android.graphics.Paint;

import android.graphics.RectF;

import android.graphics.SweepGradient;

import android.util.AttributeSet;

import android.view.View;

// TODO: Auto-generated Javadoc

/**

* 描述：环形的ProgressBar

*/

public class AbCircleProgressBar extends View {

/** The progress. */
private int progress;

/** The max. */
private int max;

//绘制轨迹
/** The path paint. */
private Paint pathPaint = null;

//绘制填充
/** The fill arc paint. */
private Paint fillArcPaint = null;

/** The oval. */
private RectF oval;

//梯度渐变的填充颜色
/** The arc colors. */
private int[] arcColors = new int[] {0xFFef6a61,  0xFFf7a870, 0xFFfdce7c, 0xFFef6a61 };

/** The shadows colors. */
private int[] shadowsColors = new int[] { 0xFF111111, 0x00AAAAAA, 0x00AAAAAA };
//灰色轨迹
/** The path color. */
private int pathColor = 0xFFF0EEDF;

/** The path border color. */
private int pathBorderColor = 0xFFD2D1C4;

//环的路径宽度
/** The path width. */
private int pathWidth = 25;

/** The width. */
private int width;

/** The height. */
private int height;

//默认圆的半径
/** The radius. */
private int radius = 120;

// 指定了光源的方向和环境光强度来添加浮雕效果
/** The emboss. */
private EmbossMaskFilter emboss = null;
// 设置光源的方向
/** The direction. */

float[] direction = new float[]{1,1,1};
//设置环境光亮度
/** The light. */
float light = 0.4f;
// 选择要应用的反射等级
/** The specular. */
float specular = 6;
// 向 mask应用一定级别的模糊
/** The blur. */
float blur = 3.5f;

//指定了一个模糊的样式和半径来处理 Paint 的边缘
/** The m blur. */
private BlurMaskFilter mBlur = null;

//监听器
/** The m ab on progress listener. */
private AbOnProgressListener mAbOnProgressListener = null;

//view重绘的标记
/** The reset. */
private boolean reset = false;

/**
* Instantiates a new ab circle progress bar.
*
* @param context the context
* @param attrs the attrs
*/
public AbCircleProgressBar(Context context, AttributeSet attrs) {
super(context, attrs);
pathPaint  = new Paint();
// 设置是否抗锯齿
pathPaint.setAntiAlias(true);
// 帮助消除锯齿
pathPaint.setFlags(Paint.ANTI_ALIAS_FLAG);
// 设置中空的样式
pathPaint.setStyle(Paint.Style.STROKE);
pathPaint.setDither(true);
pathPaint.setStrokeJoin(Paint.Join.ROUND);

fillArcPaint = new Paint();
// 设置是否抗锯齿
fillArcPaint.setAntiAlias(true);
// 帮助消除锯齿
fillArcPaint.setFlags(Paint.ANTI_ALIAS_FLAG);
// 设置中空的样式
fillArcPaint.setStyle(Paint.Style.STROKE);
fillArcPaint.setDither(true);
fillArcPaint.setStrokeJoin(Paint.Join.ROUND);

oval = new RectF();
emboss = new EmbossMaskFilter(direction,light,specular,blur);
mBlur = new BlurMaskFilter(20, BlurMaskFilter.Blur.NORMAL);
}

/* (non-Javadoc)
* @see android.view.View#onDraw(android.graphics.Canvas)
*/
@SuppressLint("DrawAllocation")
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if(reset){
canvas.drawColor(Color.TRANSPARENT);
reset = false;
}
this.width = getMeasuredWidth();
this.height = getMeasuredHeight();
this.radius = getMeasuredWidth()/2 - pathWidth;

// 设置画笔颜色 #DCDCDC  pathColor
pathPaint.setColor(Color.parseColor("#DCDCDC"));
//pathPaint.setColor(pathColor);

// 设置画笔宽度
pathPaint.setStrokeWidth(pathWidth);

//添加浮雕效果
pathPaint.setMaskFilter(emboss);

// 在中心的地方画个半径为r的圆
canvas.drawCircle(this.width/2, this.height/2, radius, pathPaint);

//边线
pathPaint.setStrokeWidth(0.5f);
pathPaint.setColor(pathBorderColor);
canvas.drawCircle(this.width/2, this.height/2, radius+pathWidth/2+0.5f, pathPaint);
canvas.drawCircle(this.width/2, this.height/2, radius-pathWidth/2-0.5f, pathPaint);

//环形颜色填充
SweepGradient sweepGradient = new SweepGradient(this.width/2, this.height/2, arcColors, null);
fillArcPaint.setShader(sweepGradient);
// 设置画笔为白色

//模糊效果
fillArcPaint.setMaskFilter(mBlur);

//设置线的类型,边是圆的
fillArcPaint.setStrokeCap(Paint.Cap.ROUND);

fillArcPaint.setStrokeWidth(pathWidth);
// 设置类似于左上角坐标，右下角坐标
oval.set(this.width/2 - radius, this.height/2 - radius, this.width/2 + radius, this.height/2 + radius);
// 画圆弧，第二个参数为：起始角度，第三个为跨的角度，第四个为true的时候是实心，false的时候为空心
canvas.drawArc(oval, -90, ((float) progress / max) * 360, false, fillArcPaint);

}

/**
* 描述：获取圆的半径.
*
* @return the radius
*/
public int getRadius() {
return radius;
}

/**
* 描述：设置圆的半径.
*
* @param radius the new radius
*/
public void setRadius(int radius) {
this.radius = radius;
}

/**
* Gets the max.
*
* @return the max
*/
public int getMax() {
return max;
}

/**
* Sets the max.
*
* @param max the new max
*/
public void setMax(int max) {
this.max = max;
}

/**
* Gets the progress.
*
* @return the progress
*/
public int getProgress() {
return progress;
}

/**
* Sets the progress.
*
* @param progress the new progress
*/
public void setProgress(int progress) {
this.progress = progress;
this.invalidate();
if(this.mAbOnProgressListener!=null){
if(this.max <= this.progress){
this.mAbOnProgressListener.onComplete();
}else{
this.mAbOnProgressListener.onProgress(progress);
}
}
}

/* (non-Javadoc)
* @see android.view.View#onMeasure(int, int)
*/
@Override
protected void onMeasure (int widthMeasureSpec, int heightMeasureSpec){
int height = View.MeasureSpec.getSize(heightMeasureSpec);
int width = View.MeasureSpec.getSize(widthMeasureSpec);
setMeasuredDimension(width,height);
}

/**
* Gets the ab on progress listener.
*
* @return the ab on progress listener
*/
public AbOnProgressListener getAbOnProgressListener() {
return mAbOnProgressListener;
}

/**
* Sets the ab on progress listener.
*
* @param mAbOnProgressListener the new ab on progress listener
*/
public void setAbOnProgressListener(AbOnProgressListener mAbOnProgressListener) {
this.mAbOnProgressListener = mAbOnProgressListener;
}

/**
* 描述：重置进度.
*/
public void reset(){
reset  = true;
this.progress = 0;
this.invalidate();
}

/**
* 进度监听器.
*
* @see AbOnProgressEvent
*/
public interface AbOnProgressListener {

/**
* 描述：进度.
*
* @param progress the progress
*/
public void onProgress(int progress);

/**
* 完成.
*/
public void onComplete();

}

}

具体布局如下：

<com.widget.AbCircleProgressBar
android:id="@+id/circleProgressBar"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true" />

activity 实现

/*加载时间进度条/

private CircleProgressBar testConvas;

testConvas = (CircleProgressBar )view.findViewById(R.id.circleProgressBar);

/*

* 加载进度条

*/

public void startAddProgress() {

i = i+5;

testConvas.setMax(Integer.valueOf(1000));

testConvas.setProgress(Integer.valueOf(600));

mUpdateHandler.sendEmptyMessageDelayed(1, 1000);

}

/**

* 进度条自增

*/

private Handler mUpdateHandler = new Handler() {

public void handleMessage(Message msg) {

switch (msg.what) {

case 1:

startAddProgress();

break;

}

super.handleMessage(msg);

}

};

好了以上就完成了他的从定义到使用了。

有不明白的欢迎留言！

我们一起共同进步!表示谢谢！如果有技术问题欢迎

加入我的QQ群 285526158.