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

//进度条的宽高

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

*/

public void setProgress(float currentCount) {

this.progress = currentCount > max ? max : currentCount;

invalidate();

}

public float getMax() {

return max;

}

/**

• 测量得到进度条的宽高

*/

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);

int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);

int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);

int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);

if (widthSpecMode == MeasureSpec.EXACTLY || widthSpecMode == MeasureSpec.AT_MOST) {

mWidth = widthSpecSize;

} else {

mWidth = 0;

}

if (heightSpecMode == MeasureSpec.AT_MOST || heightSpecMode == MeasureSpec.UNSPECIFIED) {

mHeight = (int) getResources().getDimension(R.dimen.x20);

} else {

mHeight = heightSpecSize;

}

setMeasuredDimension(mWidth, mHeight);

}

}

代码很简单,注释也很清楚,效果如下：

代码中使用了dimens适配,详情请看Android 屏幕适配之dimens适配
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

总结

现在新技术层出不穷，如果每次出新的技术，我们都深入的研究的话，很容易分散精力。新的技术可能很久之后我们才会在工作中用得上，当学的新技术无法学以致用，很容易被我们遗忘，到最后真的需要使用的时候，又要从头来过（虽然上手会更快）。

我觉得身为技术人，针对新技术应该是持拥抱态度的，入了这一行你就应该知道这是一个活到老学到老的行业，所以面对新技术，不要抵触，拥抱变化就好了。

Flutter 明显是一种全新的技术，而对于这个新技术在发布之初，花一个月的时间学习它，成本确实过高。但是周末花一天时间体验一下它的开发流程，了解一下它的优缺点、能干什么或者不能干什么。这个时间，并不是我们不能接受的。

如果有时间，其实通读一遍 Flutter 的文档，是最全面的一次对 Flutter 的了解过程。但是如果我们只有 8 小时的时间，我希望能关注一些最值得关注的点。

（跨平台开发(Flutter)、java基础与原理，自定义view、NDK、架构设计、性能优化、完整商业项目开发等）

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

点。

（跨平台开发(Flutter)、java基础与原理，自定义view、NDK、架构设计、性能优化、完整商业项目开发等）

[外链图片转存中…(img-cAhoLCtO-1713768415873)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！