Android 自定义ProgressBar 实现进度圆环

实现的效果如下图

实现效果图demo 的地址

代码很简单自定义ProgressBar

下面直接列举下代码

progressBarView 的代码如下

public class ProgressBarView extends View {// 底色圆环的画笔private Paint bgPaint;// 底色圆环的颜色private int bgColor;// 进度圆的画笔private Paint ringProgressPaint;// 进度圆颜色private int ringProgressColor;private float ringWidth;private int max;private int progress;public ProgressBarView(Context context) {this(context, null);initPaint();}public ProgressBarView(Context context, @Nullable AttributeSet attrs) {this(context, attrs, 0);initAttrs(context, attrs);initPaint();}public ProgressBarView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);initAttrs(context, attrs);initPaint();}private void initPaint() {bgPaint = new Paint();bgPaint.setColor(bgColor);bgPaint.setStyle(Paint.Style.STROKE);bgPaint.setStrokeWidth(ringWidth);bgPaint.setAntiAlias(true);ringProgressPaint = new Paint();ringProgressPaint.setColor(ringProgressColor);ringProgressPaint.setStrokeWidth(ringWidth);ringProgressPaint.setStrokeCap(Paint.Cap.ROUND);ringProgressPaint.setAntiAlias(true);ringProgressPaint.setStyle(Paint.Style.STROKE);}private void initAttrs(Context context, AttributeSet attrs) {TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ProgressBarView);bgColor = typedArray.getColor(R.styleable.ProgressBarView_ringColor, Color.GRAY);ringProgressColor = typedArray.getColor(R.styleable.ProgressBarView_ringProgressColor, Color.GREEN);ringWidth = typedArray.getDimension(R.styleable.ProgressBarView_ringWidth, 20);max = typedArray.getInteger(R.styleable.ProgressBarView_max, 100);//资源回收typedArray.recycle();}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);int xCenter = getWidth() / 2;int yCenter = getHeight() / 2;int radius = (int) (xCenter - ringWidth / 2);// 绘制背景圆canvas.drawCircle(xCenter, yCenter, radius, bgPaint);// 绘制进度圆RectF rectF = new RectF(xCenter - radius, yCenter - radius, xCenter + radius, yCenter + radius);canvas.drawArc(rectF, -90, progress * 360 / max, false, ringProgressPaint);}public synchronized int getMax() {return max;}public synchronized void setMax(int max) {if (max < 0) {throw new IllegalArgumentException("max not less than 0");}this.max = max;}public synchronized int getProgress() {return 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 Paint getBgPaint() {return bgPaint;}public void setBgPaint(Paint bgPaint) {this.bgPaint = bgPaint;}public int getBgColor() {return bgColor;}public void setBgColor(int bgColor) {this.bgColor = bgColor;}public Paint getRingProgressPaint() {return ringProgressPaint;}public void setRingProgressPaint(Paint ringProgressPaint) {this.ringProgressPaint = ringProgressPaint;}public int getRingProgressColor() {return ringProgressColor;}public void setRingProgressColor(int ringProgressColor) {this.ringProgressColor = ringProgressColor;}public float getRingWidth() {return ringWidth;}public void setRingWidth(float ringWidth) {this.ringWidth = ringWidth;}
}

attr ProgressBarView 的code 如下:

<?xml version="1.0" encoding="utf-8"?>
<resources><declare-styleable name="ProgressBarView"><attr name="ringColor" format="color" /><attr name="ringProgressColor" format="color" /><attr name="ringWidth" format="dimension" /><attr name="max" format="integer" /><attr name="showTextProgress" format="boolean" /></declare-styleable>
</resources>

activity 代码如下

public class ProgressViewActivity extends AppCompatActivity implements Handler.Callback {private ProgressBarView progressBarView;private Handler mHandler;private int progress = 0;@Overrideprotected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.progress_view_activity_layout);progressBarView = findViewById(R.id.progress_view);mHandler = new Handler(this);new Thread(new Runnable() {@Overridepublic void run() {while (true) {try {Thread.sleep(50);progress++;mHandler.sendEmptyMessage(1);if (progress >= 100) {progress = 0;}} catch (Exception e) {e.printStackTrace();}}}}).start();}@Overridepublic boolean handleMessage(Message msg) {switch (msg.what) {case 1:progressBarView.setProgress(progress);progressBarView.invalidate();break;default:break;}return false;}
}

activity 中代码xml 的代码如下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><com.hly.projressbar.ProgressBarViewandroid:id="@+id/progress_view"android:layout_width="200dp"android:layout_height="200dp"android:layout_centerInParent="true" /></RelativeLayout>

Android 自定义ProgressBar 实现进度圆环相关推荐

android 自定义背景园,Android 自定义ProgressBar 进度条颜色和背景颜色
Android 自定义ProgressBar 进度条颜色和背景颜色首先,在drawable目录下新建文件 personal_center_level_progress_bg.xmlandroid a ...
Android自定义View之画圆环(进阶篇:圆形进度条)
前言: 如果你想读懂或者更好的理解本篇文章关于自定义圆环或圆弧的内容.请你务必提前阅读下Android自定义View之画圆环(手把手教你如何一步步画圆环).在这篇文章中,详细描述了最基本的自定义圆环的 ...
android 自定义progressbar demo,Android自定义View――动态ProgressBar之模仿360加速球
在之前一篇文章中我们讲解了三种ProgressBar的做法,详见-><Android 自定义View--自定义ProgressBar >.这一节中我们模仿360加速球制作一个动态Pr ...
Android 自定义斑马波纹进度条
参考地址: GitHub - Ccapton/Android-ColorfulProgressBar: Android 自定义彩色ProgressBar,类似Bootstrap android绘图ca ...
android自定义progressbar样式,Android开发中如何实现自定义ProgressBar的样式
Android开发中如何实现自定义ProgressBar的样式发布时间:2020-11-20 16:08:10 来源:亿速云阅读:294 作者:Leah Android开发中如何实现自定义Prog ...
Android自定义progressBar
通过继承系统ProgressBar实现效果图实现 HorizontalProgressBarWithNumber 自定义属性 <?xml version="1.0" en ...
Android自定义View之画圆环(手把手教你如何一步步画圆环)
关于自定义View: 好了,吐槽时间到.自定义view是Android开发知识体系中的重点,也是难点.好多小伙伴(也包括我)之前对自定义view也是似懂非懂.那种感觉老难受了.因此作为社会主义好青年, ...
android自定义progressbar 图片,自定义ProgressBar(自定义View和ClipDrawable)
开发中经常需要自定义ProgressBar,这里用了自定义View和ClipDrawable实现简单的ProgressBar 自定义View效果: public class CustomProgres ...
android 自定义progressbar demo,Android 自定义进度条ColorfulProgressbar，原理简单、效果还行...
效果图: demo效果演示演示Demo 特性与原生Progress相比,感觉更漂亮一点,可以显示进度值,背景凹凸感明显,进度条效果更加立体. 原理说明额,挺简单的.不过感觉我的做法有点复杂了,我 ...

Android 自定义ProgressBar 实现进度圆环

Android 自定义ProgressBar 实现进度圆环相关推荐

最新文章

热门文章