Android 自带描边颜色渐变炫酷进度条

• 渐变颜色组

*/

private int[] GRADIENT_COLORS = {Color.parseColor(“#85D0E8”), Color.parseColor(“#138CCF”)};

/**

• 最大进度

*/

private float max = 100;

/**

• 当前进度

*/

private float progress;

/**

• 画笔

*/

private Paint mPaint;

/**

• 外描边的宽度

*/

private float BORDER_STROCK;

/**

• 进度条进度矩形与控件边界的距离,≥BORDER_STROCK

*/

private float PROGRESS_STROCK;

//进度条的宽高

private int mWidth, mHeight;

/**

• 画进度条的矩形

*/

private RectF mRectF;

public ColorGradientProgressBar(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

initView();

}

public ColorGradientProgressBar(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public ColorGradientProgressBar(Context context) {

this(context, null);

}

private void initView() {

mPaint = new Paint();

mPaint.setAntiAlias(true);

mRectF = new RectF();

BORDER_STROCK = getResources().getDimension(R.dimen.x3);

PROGRESS_STROCK = getResources().getDimension(R.dimen.x5);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

int round = mHeight / 2;//弧度为高度的一半

mRectF.set(0, 0, mWidth, mHeight);//第一层矩形(描边层)

mPaint.setColor(Color.parseColor(“#A3D8E8”));//第一层矩形颜色(进度条描边的颜色)

canvas.drawRoundRect(mRectF, round, round, mPaint);//画第一层圆角矩形

mPaint.setColor(Color.parseColor(“#474C4E”));//第二层矩形颜色(背景层颜色)

mRectF.set(BORDER_STROCK, BORDER_STROCK, mWidth - BORDER_STROCK, mHeight - BORDER_STROCK);//第二层矩形(背景层)

canvas.drawRoundRect(mRectF, round, round, mPaint);//画背景层圆角矩形(盖在描边层之上)

if (progress == 0)//进度为 0不画进度

return;

float section = progress / max;

//第三层矩形(进度层)

mRectF.set(PROGRESS_STROCK, PROGRESS_STROCK, (mWidth - PROGRESS_STROCK) * section, mHeight - PROGRESS_STROCK);

//创建线性颜色渐变器

LinearGradient shader = new LinearGradient(PROGRESS_STROCK, PROGRESS_STROCK,

(mWidth - PROGRESS_STROCK) * section, mHeight - PROGRESS_STROCK, GRADIENT_COLORS, null, Shader.TileMode.MIRROR);

mPaint.setShader(shader);//第三层矩形颜色(进度渐变色)

canvas.drawRoundRect(mRectF, round, round, mPaint);//画第三层(进度层)圆角矩形(盖在背景层之上)

mPaint.setShader(null);//清除之前传递的shader

}

/***

• 设置最大进度

• @param maxCount

*/

public void setMax(float maxCount) {

this.max = maxCount;

}

/***

• 设置当前进度

• @param currentCount

*/

最后

我这里整理了一份完整的学习思维以及Android开发知识大全PDF。

当然实践出真知，即使有了学习线路也要注重实践，学习过的内容只有结合实操才算是真正的掌握。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

那么很难做到真正的技术提升。**

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！