自定义弧形渐变进度条功能

来源:互联网 发布:淘宝情侣店铺有真的吗 编辑:程序博客网 时间:2024/04/27 12:54
/** * 画笔对象的引用 */private Paint paint;private Paint smallcicrlPaint;/** 分段颜色 */private static final int[] SECTION_COLORS = { Color.BLUE, Color.YELLOW, Color.RED };/** * 圆环的颜色 */private int roundColor;/** * 圆环进度的颜色 */private int roundProgressColor;/** * 中间进度百分比的字符串的颜色 */private int textColor;/** * 中间进度百分比的字符串的字体 */private float textSize;/** * 圆环的宽度 */private float roundWidth;/** * 最大进度 */private int max;/** * 当前进度 */private int progress;/** * 是否显示中间的进度 */private boolean textIsDisplayable;/** * 进度的风格,实心或者空心 */private int style;public static final int STROKE = 0;public static final int FILL = 1;private boolean isDrawBG = false;private Context mContext;public boolean isDrawBG() {return isDrawBG;}public void setDrawBG(boolean isDrawBG) {this.isDrawBG = isDrawBG;}public RoundProgressBar(Context context) {this(context, null);}public RoundProgressBar(Context context, AttributeSet attrs) {this(context, attrs, 0);}public RoundProgressBar(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);mContext = context;paint = new Paint();smallcicrlPaint = new Paint();TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.RoundProgressBar);// 获取自定义属性和默认值roundColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundColor, Color.RED);roundProgressColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundProgressColor, Color.GREEN);textColor = mTypedArray.getColor(R.styleable.RoundProgressBar_textColor, Color.GREEN);textSize = mTypedArray.getDimension(R.styleable.RoundProgressBar_textSize, 15);roundWidth = mTypedArray.getDimension(R.styleable.RoundProgressBar_roundWidth, 20);roundWidth = context.getResources().getDimension(R.dimen.incall_round_progress_width);max = mTypedArray.getInteger(R.styleable.RoundProgressBar_max, 100);textIsDisplayable = mTypedArray.getBoolean(R.styleable.RoundProgressBar_textIsDisplayable, true);style = mTypedArray.getInt(R.styleable.RoundProgressBar_style, 0);mTypedArray.recycle();}@SuppressLint("DrawAllocation")@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);/** * 画最外层的大圆环 */int centre = getWidth() / 2; // 获取圆心的x坐标int radius = (int) (centre - roundWidth / 2 - 20); // 圆环的半径paint.setColor(Color.parseColor("#DDDDDD")); // 设置圆环的颜色paint.setStyle(Paint.Style.STROKE); // 设置空心paint.setStrokeWidth(roundWidth); // 设置圆环的宽度paint.setAntiAlias(true); // 消除锯齿PathEffect effects = new DashPathEffect(new float[] { 5, 5, 5, 5 }, 1);paint.setPathEffect(effects);paint.setShader(null);RectF oval = new RectF(centre - radius, centre - radius, (centre + radius), centre + radius); // 用于定义的圆弧的形状和大小的界限if (isDrawBG) {// canvas.drawCircle(centre, centre, radius, paint); // 画出圆环canvas.drawArc(oval, 150, 240 * 1, false, paint); // 根据进度画圆弧}/** * 画小圆边线 */smallcicrlPaint.setColor(Color.parseColor("#DDDDDD")); // 设置圆环的颜色smallcicrlPaint.setStyle(Paint.Style.STROKE); // 设置空心smallcicrlPaint.setStrokeWidth(Util.px2dip(mContext, 5)); // 设置圆环的宽度smallcicrlPaint.setAntiAlias(true); // 消除锯齿int width = MyShareprefrence.getInstance(mContext).getScreenWidth();if (width < 720) {width = 10;} else {width = 25;}RectF smalloval = new RectF(centre - radius + width, centre - radius + width, (centre + radius - width), centre + radius - width);// canvas.drawCircle(centre, centre, radius - 25, smallcicrlPaint); // 画出圆环canvas.drawArc(smalloval, 150, 240 * 1, false, smallcicrlPaint); // 根据进度画圆弧/** * 画进度百分比 */// paint.setStrokeWidth(0);// paint.setColor(textColor);// paint.setTextSize(textSize);// paint.setTypeface(Typeface.DEFAULT_BOLD); // 设置字体// int percent = (int) (((float) progress / (float) max) * 100); //// 中间的进度百分比,先转换成float在进行除法运算,不然都为0// float textWidth = paint.measureText(percent + "%"); //// 测量字体宽度,我们需要根据字体的宽度设置在圆环中间//// if (textIsDisplayable && percent != 0 && style == STROKE) {// paint.setTextSize(30);// canvas.drawText(percent + "分", centre - textWidth / 2 - textSize,// centre + textSize / 2, paint); // 画出进度百分比// }/** * 画圆弧 ,画圆环的进度 */// 设置渐变效果SweepGradient lg = null;float[] positions = new float[] { 0.2f, 0.5f, 0.8f, 1.0f };// lg = new LinearGradient(0, 0, 100, 100, SECTION_COLORS, null,// Shader.TileMode.MIRROR);lg = new SweepGradient(centre, centre, SECTION_COLORS, null);Matrix matrix = new Matrix();matrix.setRotate(90, centre, centre);//设置渐变的开始的弧度位置lg.setLocalMatrix(matrix);paint.setTextSize(textSize);if (lg != null) {paint.setShader(lg);}// 设置进度是实心还是空心paint.setStrokeWidth(roundWidth); // 设置圆环的宽度// paint.setColor(roundProgressColor); // 设置进度的颜色paint.setColor(Color.BLUE);//paint.setPathEffect(null);// 设置进度的颜色// RectF oval = new RectF(centre - radius, centre - radius,// (centre + radius), centre + radius); // 用于定义的圆弧的形状和大小的界限switch (style) {case STROKE: {paint.setStyle(Paint.Style.STROKE);canvas.drawArc(oval, 150, 240 * progress / max, false, paint); // 根据进度画圆弧break;}case FILL: {paint.setStyle(Paint.Style.FILL_AND_STROKE);if (progress != 0) {canvas.drawArc(oval, -90, 360 * progress / max, true, paint); // 根据进度画圆弧}break;}}}public synchronized int getMax() {return max;}/** * 设置进度的最大值 *  * @param max */public synchronized void setMax(int max) {if (max < 0) {throw new IllegalArgumentException("max not less than 0");}this.max = max;}/** * 获取进度.需要同步 *  * @return */public synchronized int getProgress() {return progress;}/** * 设置进度,此为线程安全控件,由于考虑多线的问题,需要同步 刷新界面调用postInvalidate()能在非UI线程刷新 *  * @param progress */public synchronized void setProgress(int progress) {if (progress < 0) {throw new IllegalArgumentException("progress not less than 0");}if (progress > max) {progress = max;}if (progress <= max) {this.progress = progress;postInvalidate();}}public int getCricleColor() {return roundColor;}public void setTextShow(boolean isShow) {textIsDisplayable = isShow;}public void setCricleColor(int cricleColor) {this.roundColor = cricleColor;}public int getCricleProgressColor() {return roundProgressColor;}public void setCricleProgressColor(int cricleProgressColor) {this.roundProgressColor = cricleProgressColor;}public int getTextColor() {return textColor;}public void setTextColor(int textColor) {this.textColor = textColor;}public float getTextSize() {return textSize;}public void setTextSize(float textSize) {this.textSize = textSize;}public float getRoundWidth() {return roundWidth;}public void setRoundWidth(float roundWidth) {this.roundWidth = roundWidth;}

仿iphone带进度的进度条,线程安全的View,可直接在线程中更新进度,加入了渐变的进度条功能, SweepGradient即为扫描/梯度渲染,此处比较重要,很少用到这个方法



0 0