本文主要是介绍Android自定义带圆点的半圆形进度条,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
自定义带圆点的半圆形进度条
仅限用于半圆形,如须要带圆点的圆形进度条,圆点会出现错位现象,此代码仅供,带圆点的圆形进度条有空研究一下!图片效果在下方,
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;/*** 自定义带圆点的进度条*/
public class HalfProgressBar extends View{private int maxProgress = 100;//设置进度条背景宽度private float progressStrokeWidth = 3;//设置进度条进度宽度private float marxArcStorkeWidth = 6;//设置进度条圆点的宽度private float circularDotWidth=15;/*** 画笔对象的引用*/private Paint paint;public synchronized int getProgress() {return progress;}/*** Android提供了Invalidate方法实现界面刷新,但是Invalidate不能直接在线程中调用,因为他是违背了单线程模型:Android UI操作并不是线程安全的,并且这些操作必须在UI线程中调用。* 而postInvalidate()在工作者线程中被调用 使用postInvalidate则比较简单,不需要handler,直接在线程中调用postInvalidate即可。 * @param progress 传过来的进度*/public void setProgress(int progress) {if (progress < 0) {progress = 0;}if (progress > maxProgress) {progress = maxProgress;}if (progress <= maxProgress) {this.progress = progress;postInvalidate();}}/*** 当前进度*/private int progress = 99;private RectF oval;private int roundProgressColor;private int roundColor;private int circularDotColor;public HalfProgressBar(Context context) {super(context);}public HalfProgressBar(Context context, AttributeSet attrs) {super(context, attrs);paint = new Paint();oval = new RectF();//这是自定义view 必须要写的TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.HalfProgressBar);roundProgressColor = mTypedArray.getColor(R.styleable.HalfProgressBar_roundProgressColor1, Color.YELLOW);roundColor=mTypedArray.getColor(R.styleable.HalfProgressBar_roundColor1, Color.YELLOW);circularDotColor=mTypedArray.getColor(R.styleable.HalfProgressBar_circularDotColor1, Color.YELLOW);}public HalfProgressBar(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);paint = new Paint();oval = new RectF();TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.HalfProgressBar);roundProgressColor = mTypedArray.getColor(R.styleable.HalfProgressBar_roundProgressColor1, Color.YELLOW);roundColor=mTypedArray.getColor(R.styleable.HalfProgressBar_roundColor1, Color.YELLOW);}@Overrideprotected void onDraw(Canvas canvas) {// TODO 自动生成的方法存根super.onDraw(canvas);float width = getWidth();float height = getHeight();paint.setAntiAlias(false); // 设置画笔为抗锯齿paint.setColor(roundColor); // 设置画笔颜色paint.setStrokeWidth(progressStrokeWidth); // 线宽paint.setStyle(Paint.Style.STROKE);oval.left = marxArcStorkeWidth / 2; // 左上角xoval.top = circularDotWidth; // 左上角yoval.right = width - circularDotWidth / 2; // 左下角xoval.bottom = width - circularDotWidth / 2; // 右下角yfloat bangjing = ((width - circularDotWidth/2) / 2);//半径//调整圆背景的大小canvas.drawArc(oval, 180, 180, false, paint); // 绘制红丝圆圈,即进度条背景//进度条颜色paint.setColor(roundProgressColor);paint.setStrokeWidth(marxArcStorkeWidth);canvas.drawArc(oval, 180, 180 * ((float) progress / (float) maxProgress), false, paint); // 绘制进度圆弧,这里是蓝色//画圆点paint.setColor(circularDotColor);paint.setAntiAlias(true); // 设置画笔为抗锯齿paint.setStyle(Paint.Style.FILL);paint.setStrokeWidth(circularDotWidth);//当画笔样式为STROKE或FILL_OR_STROKE时,设置笔刷的图形样式,如圆形样式Cap.ROUND,或方形样式Cap.SQUAREpaint.setStrokeCap(Paint.Cap.ROUND);float jindu = ((float) progress * 1.8f);canvas.drawPoint(bangjing - ((float) (Math.sin((Math.PI / (double) 180) * (jindu <= 90 ? 90 - (jindu) : -jindu + 90))) * bangjing),bangjing+circularDotWidth - ((float) (Math.cos((Math.PI / (double) 180) * (double) (jindu <= 90 ? 90 - jindu : -jindu + 90))) * bangjing), paint);}}
attrs.xml
<?xml version="1.0" encoding="utf-8"?>
<resources><!--自定义半圆形加载进度条--><declare-styleable name="HalfProgressBar"><attr name="roundColor1" format="color"/><attr name="roundProgressColor1" format="color"/><attr name="circularDotColor1" format="color"/></declare-styleable>
</resources>xml中<com.jyc99.demo.HalfProgressBar
android:layout_width="match_parent"android:layout_height="wrap_content"android:id="@+id/view"android:layout_centerHorizontal="true"android:layout_marginTop="42dp"android_custom:roundColor1="#fc422b"android_custom:roundProgressColor1="#fa432e"android_custom:circularDotColor1="#246223"/>
由于截图的原因可能看不到圆点 , 大家自己试试调调颜色 调整一下高度宽度
这篇关于Android自定义带圆点的半圆形进度条的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!