Android 笔记：自定义View 环形Progress

最新推荐文章于 2023-04-09 20:54:59 发布

陈大宝

最新推荐文章于 2023-04-09 20:54:59 发布

阅读量638

点赞数

分类专栏： Android 文章标签： android

本文链接：https://blog.csdn.net/xiaoyu940601/article/details/54913089

版权

Android 专栏收录该内容

99 篇文章 4 订阅

订阅专栏

先看一下效果，由于录制gif的工具出了点问题，没有录gif文件，就看几张图片吧！
这里写图片描述

这里写图片描述

没有动图，效果就将就着看哈，接下来看看一下RingView这个类也是核心部分

package com.dfwy.cxy.ringprogressview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.view.WindowManager;

/**
 * Created by cxy on 2017/2/7.
 */

public class RingView extends View {
    private int width,height;
    private float temp = 0f;

    public float getTemp() {
        return temp;
    }

    public void setTemp(float temp) {
        this.temp = temp;
    }

    public RingView(Context context) {
        super(context);
    }

    public RingView(Context context, AttributeSet attrs) {
        super(context, attrs);
        //获取屏幕的宽高
        WindowManager wm = (WindowManager)getContext().getSystemService(Context.WINDOW_SERVICE);
        width = wm.getDefaultDisplay().getWidth();
        height = wm.getDefaultDisplay().getHeight();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //将圆心设置在屏幕中心
        int pointWidth = width/2;
        int poingHeight = height/2;
        //绘制一个放在最底部的一个圆形，颜色设置为灰色
        Paint paint = new Paint();
        paint.setColor(Color.rgb(220,220,220));
        canvas.drawCircle(pointWidth,poingHeight,300,paint);
        //接下来在其上边叠加一个画弧的Canvas，颜色设置为红色
        paint.setColor(Color.RED);
        RectF f = new RectF(pointWidth-300,poingHeight-300,pointWidth+300,poingHeight+300);
        canvas.drawArc(f,-90f, temp,true,paint);
        //想要变成圆环状，需要在其上边再次绘制一个圆形，以遮挡住弧形，实现圆环状的：颜色设置为白色
        paint.setColor(Color.WHITE);
        canvas.drawCircle(pointWidth,poingHeight,250,paint);
        //加Text
        paint.setColor(Color.rgb(0,128,255));
        //计算出数字的长度
        paint.setTextSize(80);
        float lenTxt = paint.measureText(String.valueOf((int)(temp/359*100))+"%");
        canvas.drawText(String.valueOf((int)(temp/359*100))+"%",pointWidth-lenTxt/2,poingHeight+20, paint);


    }
}