Android自定义圆形进度条

最新推荐文章于 2021-05-31 15:23:42 发布
最新推荐文章于 2021-05-31 15:23:42 发布
阅读量720 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 自定义View 文章标签： 自定义view
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/e_inch_photo/article/details/77017202
本文介绍了自定义圆形进度条的关键实现步骤，包括进度换算和绘制圆弧的方法，并提供了具体的代码实现。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前面已经说过自定义水平进度条Android自定义水平进度条
下面看看自定义圆形进度条

水平加圆形进度效果图.gif

关键点在于进度的换算

int progress = (int) ((getProgress()*1.0f/getMax())*360);//圆弧度数

其次画圆弧

canvas.drawArc(mRectFOval,mCustomUnReachStart,mTotalProgress,false,mPaint);

如果已经看过自定义水平进度条,这个应该不能实现,详情可参照demo

代码已上传至Github



如喜欢此文,欢迎star和关注，不正支出,欢迎留言交流！


微信扫一扫关注我的以下微信公众号

【程序猿小白成长记】定期分享各类Java、Android等知识

定期分享IT知识，欢迎关注!

【每日哈哈笑一笑】笑一笑十年少,工作之余，别忘了放松下

午后休闲,微信扫一扫关注!

我的GitHub
我的CSDN
我的简书
开发笔记

android自定义控件之圆形进度条（带动画）
anonymousCoder的博客
03-24 1万+
首先贴上图片： 额，感觉还行吧，就是进度条的颜色丑了点，不过咱是程序员，不是美工，配色这种问题当然不在考虑范围之内了 下面说重点，如何来写一个这样的自定义控件。 首先，需要有一个灰色的底图，来作为未填充时的进度条； 然后，根据传入的当前进度值，绘制填充时的进度圆弧，这段圆弧所对应的圆心角，由当前进度与进度的最大值（一般是100）的比值计算得出； 其次，根据进度值绘制文字提
Android自定义View——从零开始实现圆形进度条
AnliaLee的博客
10-12 1万+
以前老是用别人造的轮子，知其然不知其所以然，有时看懂了别人写的过多几个月又忘了，遂来开个坑把一步步实现和思路写下来，弄成一个系列。本篇只要讲的是Android自定义圆形进度条
android 绘制圆弧简书,Android-自定义ProgressBar实现圆弧进度条
weixin_42527160的博客
05-31 674
继承于ProgressBar实现，保留了Progressbar的特性，源码在文尾。。demo.gif参数nameformatdescriptionborderWidthinteger圆弧边框的宽度progressStyletick/arc进度条类型，tick为带刻度的radiusinteger半径arcbgColorcolor圆弧的边框背景degreeinteger弧度，设置为0即为圆形进度条，1...
自定义环形进度条按钮
asdf19940617的博客
03-06 288
项目上需要一个按钮 实现点击变换 并有进度条提示 结束后有事件可以回调  直接先看成果吧  不要吐槽为啥是个弧  项目需要....T_T代码奉上  package com.example.main.aidltest.view; import android.animation.ValueAnimator; import android.content.Context; import androi...
多种形态的圆形进度条CircleProgress
朱豪凯的博客
12-11 6639
CircleProgress圆形的进度条，具有多种形态，CircleProgress的子类TickCircleProgress具备刻度线可设置的属性 <!-- 进度条的背景色--> bgColor 进度条的前景色 起始颜色 foreStartColor <!-- 进度条的前景色 结束颜色--> foreEndColor <!-- 进度条的大小-
【Android】自定义圆形进度条效果（有进度标识点）
12-31
总共分为三层：一层为圆形边线，一层为进度边线，一层用来显示标识进度节点。 public class CircleProgressBar extends View { private int maxProgress = 100; private int progress = 15; private int progressStrokeWidth = 2; private int marxArcStorkeWidth = 16; // 画圆所在的距形区域 RectF oval; Paint paint; public CircleProgressBar(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub oval = new RectF(); paint = new Paint(); } @Override protected void onDraw(Canvas canvas) { // TODO 自动生成的方法存根 super.onDraw(canvas); int width = this.getWidth(); int height = this.getHeight(); width = (width > height) ? height : width; height = (width > height) ? height : width; paint.setAntiAlias(true); // 设置画笔为抗锯齿 paint.setColor(Color.WHITE); // 设置画笔颜色 canvas.drawColor(Color.TRANSPARENT); // 白色背景 paint.setStrokeWidth(progressStrokeWidth); // 线宽 paint.setStyle(Style.STROKE); oval.left = marxArcStorkeWidth / 2; // 左上角x oval.top = marxArcStorkeWidth / 2; // 左上角y oval.right = width - marxArcStorkeWidth / 2; // 左下角x oval.bottom = height - marxArcStorkeWidth / 2; // 右下角y canvas.drawArc(oval, -90, 360, false, paint); // 绘制白色圆圈，即进度条背景 paint.setColor(Color.rgb(0x57, 0x87, 0xb6)); paint.setStrokeWidth(marxArcStorkeWidth); canvas.drawArc(oval, -90, ((float) progress / maxProgress) * 360, false, paint); // 绘制进度圆弧，这里是蓝色 paint.setStrokeWidth(1); String text = progress + "%"; int textHeight = height / 4; paint.setTextSize(textHeight); int textWidth = (int) paint.measureText(text, 0, text.length()); paint.setStyle(Style.FILL); canvas.drawText(text, width / 2 - textWidth / 2, height / 2 + textHeight / 2, paint); } public int getMaxProgress() { return maxProgress; } public void setMaxProgress(int maxProgress) { this.maxProgress = maxProgress; } /** * 设置进度 * * @param progress * 进度百分比 * @param view * 标识进度的节点视图 */ public void setProgress(int progress, View view) { this.progress = progress; view.setAnimation(pointRotationAnima(0, (int) (((float) 360 / maxProgress) * progress))); this.invalidate(); } /** * 非ＵＩ线程调用 */ public void setProgressNotInUiThread(int progress, View view) { this.progress = progress; view.setAnimation(pointRotationAnima(0, (int) (((float) 360 / maxProgress) * progress))); this.postInvalidate(); } /** * 进度标注点的动画 * * @param fromDegrees * @param toDegrees * @return */ private Animation pointRotationAnima(float fromDegrees, float toDegrees) { int initDegress = 306;// 进度点起始位置(图片偏移约54度) RotateAnimation animation = new RotateAnimation(fromDegrees, initDegress + toDegrees, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); animation.setDuration(1);// 设置动画执行时间 animation.setRepeatCount(1);// 设置重复执行次数 animation.setFillAfter(true);// 设置动画结束后是否停留在结束位置 return animation; } }
Android自定义View之带小圆圈的倒计时圆形进度条
风一样的男人
09-02 1万+
请尊重个人劳动成果，转载注明出处，谢谢！ http://blog.csdn.net/xiaxiazaizai01 上一篇写了一个可随时暂停的圆形进度条，接下来再来撸一个带小圆圈的倒计时View，主要难点是对于随着进度条变化而变化的小圆的绘制。看了givemeacondom大神写的小圆的绘制，大神是通过小圆运动在第一象限、第二象限等不同象限内的四种不同情况来绘制的，说实话，，数学忘的差不多了，
android自定义圆形进度条
04-26
对于"android自定义圆形进度条"，我们可以从以下几个方面来实现： 1. **继承View或ProgressBar**： - 选择直接继承View，意味着我们需要手动实现绘制进度条的逻辑，包括圆形轮廓和进度填充部分。 - 如果选择继承...
Android自定义漂亮的圆形进度条
01-05
这几天对Android中实现画圆弧及圆弧效果中所实现的效果进行了修改，改为进度圆心进度条，效果如图所示 TasksCompletedView.java 代码如下 import android.content.Context; import android.content.res....
Android 自定义view --圆形百分比（进度条）
weixin_30881367的博客
12-16 401
转载请注明出处：http://blog.csdn.net/wingichoy/article/details/50334595 注：本文由于是在学习过程中写的，存在大量问题(overdraw onDraw new对象)，请读者们不要被误导！！解决办法见后面的博客。 起因 最近公司项目有需求需要用到轻量级图表如下图，是一些简单的扇形图，圆形图，折线图，虽然有好用的三...
android 自定义扇形控件,Android自定义控件之圆形进度条ImageView
weixin_33734921的博客
05-26 233
From：http://blog.csdn.net/xiadik/article/details/41648181packagecom.wangran.beautiful_girl_show.view;importcom.wangran.beautiful_girl_show.view.photoview.PhotoView;importandroid.content.Context;import...
Android自定义View之画圆环(进阶篇:圆形进度条)
热门推荐
君羊
06-22 1万+
前言: &amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;nbsp;&amp;amp;amp;amp;amp;amp;amp;nbsp;如果你想读懂或者更好的理解本篇文章关于自定义圆环或圆弧的内容.请你务必提前阅读下Android自定义View之画圆环(手把手教你如何一步步画圆环).在这篇文章中,详细描述了最基本的自定义圆环的绘
自定义view-仿移动扇形进度条
郑郑的博客
07-13 1502
效果图如下：                          一.图形的拆解             1,由两个圆弧组成，一个是透明的弧，另一个则是绿色的弧             2.文字的绘制                            1.弧形区域的计算与弧的绘制                首先要计算出圆弧的半径，根据半径在计算出，弧形显示的区域      
Android自定义带圆点的半圆形进度条
Mr小颜同学的博客
06-02 5629
Android自定义带圆点的半圆形进度条
【Android自定义view系列】圆形百分比进度条
Android进阶
02-20 4018
1.前言         在工作工程中，自己掌握的Android开发知识已经感觉到了瓶颈，Android初级知识没问题，写业务逻辑也没问题。但是作为一个Android开发工程师，并不能仅仅满足于现状，看到自身缺陷和瓶颈之后，需要对自身进行努力提高，以提升自身技能。
Android自定义View-绘制扇形实现圆形进度
u010881762的专栏
01-22 5065
先上图，这是要实现的效果,根据音量的大小中间的进度调节。麦克风部分是透明的,所以原理就是在蒙层的底部画白色的扇形。如下图所示 这样就能实现圆形像水瓮一样的进度。 实现方法： 通过Canvas的drawArc方法实现。 public void drawArc(@NonNull RectF oval, float startAngle, float sweepAngle, bo
Android自定义View之扇形饼状图
Demi的博客
11-24 1万+
前言：继上次写了自定义圆形进度条后，今天给大家带来自定义扇形饼状图。先上效果图： 是不是很炫？看上去还有点立体感。下面带大家一起来瞧一瞧吧。一、定义成员变量，重写构造方法看着这个效果图，我们可以想象下接下来暂时会需要用到以下属性： /** * 存放事物的品种与其对应的数量 */ private Map kindsMap = new LinkedHashMap<
Android自定义圆形进度条及百分比显示
### Android自定义圆形进度条实现与知识点说明 #### 1. 圆形进度条的绘制原理 在Android中实现一个圆形进度条，通常需要通过`Canvas`类提供的绘图API来完成。圆环进度条本质上是一个圆形，需要根据进度值动态绘制...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员学园

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值