Android 自定义View之圆环进度条

猫的于

已于 2024-10-15 16:59:59 修改

阅读量472

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 文章标签：圆环进度

于 2018-08-16 14:05:22 首次发布

本文链接：https://blog.youkuaiyun.com/a940659387/article/details/81740404

####效果图
这里写图片描述

###思路

一共需要画四个圆弧
第一个最外层的边
第二个圆环
第三个内边
第四个数字所在的边（实现方式 drawTextOnPath）

宽高相等所以下边会有一点空白不喜欢可以通过clipChildren 自己去掉或者用什么布局盖住

本demo 宽度为屏幕的3/5 高度等宽。

###代码

package com.power;

import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.widget.TextView;

/**
 * Created by 于德海 on 2018/8/15.
 * package inter.baisong.widgets
 * email : yudehai0204@163.com
 *
 * @describe
 */
public class PowerView extends View {
    private Paint mLine_Paint,mOval_Paint_Grey,mOva_Paint_Blue,mLine_Paint_White,mTextPaint;

    private final int DefaultColor = Color.parseColor("#eeeeee");//默认色彩
    private final int[] colors = new int[]{Color.parseColor("#4de4f6"),
            Color.parseColor("#337fdd"),Color.parseColor("#3347dd")};
    private int dip_1,dip_18;
    private LinearGradient mLinearGradient;//渐变色
    private int mCircle_angle= 240;//内环总度数 180 +60
    private final  float MAX_POWER =100;//最大