Android圆形进度条，显示百分比

自定义圆环百分数View实现与动画原理

原创

已于 2022-05-06 14:26:26 修改 · 1.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#android #圆形进度条 #自定义View

于 2021-09-16 18:15:22 首次发布

本文分享如何使用自定义View创建一个动态显示圆环进度的组件，通过线程控制进度并实时刷新。关键在于定时更新和界面绘制。适合初学者理解View动画基础。

自定义View在我心中一直属于比较难的范围，但是别人能写为什么我写不出来呢，所以静下心来，根据网上参考，自己写了一个比较普遍的圆环百分数的View，经分析（本Demo）主要核心就一个线程，定时刷新界面，达到动态显示的效果，精华都在注释中，先上图，在上源码，希望能够及时帮我指出错误，共同学习！

在这里插入图片描述

public class StartYuanView extends View {
   
   

    private Paint paint; //画笔

    private int max=100;//最大进度

    private int rundwidth=10;//圆弧宽度

    private int measuredWidth;//当前画布宽度

    private int bigNumber = 0; //最大进度

    private int nowNumber= 0; //当前进度


    public StartYuanView(Context context, AttributeSet attrs) {
   
   
        super(context, attrs);
    }

    /**
     * 在使用时进行调用
     * 设置最大数字，也就是最大百分数,同时开启线程，动态加载View
     * */
    public void startView(int startNumber){
   
   
        bigNumber = startNumber;
        thread.start();
    }

    @Override
    protected void onDraw(Canvas canvas) {
   
   
        super.onDraw(canvas)