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

/**
	 * 画笔对象的引用
	 */
	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")
	@Override
	protected 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
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值