3. 画第三个圆角矩形作为进度条的最外层(进度层)盖在背景层之上
4. 描边层和背景层颜色可用纯色,进度层为了炫酷可用渐变色
这是实现该自带描边颜色渐变进度条的原理,也是在PS中实现该效果的步骤,同样适用于在Android中用代码来实现。
原理明白之后,代码就变得非常简单了:
public class ColorGradientProgressBar extends View {
/**
- 渐变颜色组
*/
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 Color