本文实例为大家分享了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);

}

@Override

protected 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; // 左上角x

oval.top = circularDotWidth; // 左上角y

oval.right = width - circularDotWidth / 2; // 左下角x

oval.bottom = width - circularDotWidth / 2; // 右下角y

float 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.SQUARE

paint.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中

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"/>

由于截图的原因可能看不到圆点 , 大家自己试试调调颜色 调整一下高度宽度

73e1234c1f19c39bef45ce051878d154.png

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐