Android 绘制百分比圆环进度条

最新推荐文章于 2025-04-10 00:15:00 发布

快乐的kuai小马

最新推荐文章于 2025-04-10 00:15:00 发布

阅读量6k

点赞数 2

分类专栏： Android自定义View 文章标签： android 图形 draw

本文链接：https://blog.youkuaiyun.com/happy_horse/article/details/53543414

版权

本文介绍了如何在Android中自定义View来创建一个百分比圆环进度条。内容包括背景圆和动态圆环的绘制，以及百分比文字的显示，通过onMeasure方法设置尺寸，TypedArray获取自定义属性，以及使用canvas进行图形绘制。

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

在学习自定义Vew的时候，看到一篇文章，http://blog.youkuaiyun.com/nugongahou110/article/details/49159189，然后顺着其思路写了一下，实现效果如下：

这里写图片描述

我们要做的事情：实现一个百分比的圆环进度条，包含三部分，分别是：

百分比文字
背景圆
动态圆环

我们要做的思路：

先分别绘制对应的图形；
使图形能动态变化；
文字显示百分比与圆环进度对应；

会涉及到的基本知识点：

自定义View 会重写三个方法；
onMeasure（）方法中，测量规则、测量大小、测量模式；
TypedArray 获取自定义属性；
canvas 绘制矩形内切圆；

自定义View PercentCircle.java:

public class PercentCircle extends View{
   

    /**
     * 绘制百分比的圆，一共有三部分，分别是里面的文字、背景圆、圆环；
     * 思路：首先需要三支画笔, 设置画笔对应的属性等；
     */

    private Paint mTextPaint;
    private Paint mBackgroundPaint;
    private Paint mRingPaint;

    private int mCircleX;
    private int mCircleY;

    private float mCurrentAngle;
    private RectF mArcRectF;
    private float mStartSweepValue;

    private float mTargetPercent;
    private float mCurrentPercent;

    private int mDefaultRadius = 60;
    private int mRadius;

    private