Android自定义圆形进度条

最新推荐文章于 2023-02-10 22:57:13 发布

置顶神秘的玖零

最新推荐文章于 2023-02-10 22:57:13 发布

阅读量281

点赞数 1

CC 4.0 BY-SA版权

文章标签： android

本文链接：https://blog.youkuaiyun.com/zihang0814/article/details/78830789

android 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种使用Android自定义View实现圆形进度条的方法，包括如何通过XML属性设置进度条的颜色、位置、大小等参数，并通过定时任务不断更新进度条的显示。

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

布局

    <com.myapplication.Run
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:circle_color="#0000ff"
        app:circle_radius="70dp"
        app:circle_x="200dp"
        app:circle_y="200dp" />

代码

public class Run extends View{
    private float cx;
    private float cy;
    private float radius;
    private Paint paint;
    private int sweepAngle;
    private int color;


    public Run(Context context) {
        this(context, null);
    }


    public Run(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        //获取自定义的属性
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.MyPb);
        //获取颜色
        color = a.getColor(R.styleable.MyPb_circle_color, Color.BLACK);
        radius = a.getDimension(R.styleable.MyPb_circle_radius, 20);
        cx = a.getDimension(R.styleable.MyPb_circle_x, 100);
        cy = a.getDimension(R.styleable.MyPb_circle_y, 100);
        //需要回收
        a.recycle();


        paint = new Paint();
        paint.setAntiAlias(true);
        paint.setStyle(Paint.Style.STROKE);

        Timer timer = new Timer();
        timer.schedule(new TimerTask() {
                           @Override
                           public void run() {
                               if (sweepAngle > 360) {
                                   return;
                               }
                               sweepAngle += 1;
                               //刷新View
                               //这个方法只能在主线程刷新UI
//                        invalidate();
                               //这个方法,也是刷新UI，并且可以在子线程刷新
                               postInvalidate();


                           }
                       }
                , 1000, 20);
    }
    @Override
    protected void onDraw(Canvas canvas) {
        paint.setColor(color);
        paint.setStrokeWidth(5);
        canvas.drawCircle(cx, cy, radius, paint);


        paint.setColor(Color.RED);
        RectF rectF = new RectF(cx - radius, cy - radius, cx + radius, cy + radius);
        canvas.drawArc(rectF, -90, sweepAngle, false, paint);


        //绘制文字
        int progress = (int) (sweepAngle / 360f * 100);


        paint.setStrokeWidth(0);
        paint.setColor(Color.BLACK);
        paint.setTextSize(35);
        canvas.drawText(progress + "%", cx - 5, cy, paint);
    }


}