文章详情

登录

短信预约-IT技能 免费直播动态提醒

选择考试省份

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团

请输入下面的图形验证码

提交验证

短信预约提醒成功

自定义视图view之环形进度条

2023-05-14 11:11

关注

 一、普通效果。

本章博客有4种不同的效果，小伙伴可以绘制更多的效果，唯一不同的代码，是自定义view时，怎么绘制弧度。Main类和布局无更改”

这里写图片描述



package tester.ermu.com.pingamedemo;

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



public class RoundProgressBar extends View {
    
    private Paint paint;

    
    private int roundColor;

    
    private int roundProgressColor;

    
    private int textColor;

    
    private float textSize;

    
    private float roundWidth;

    
    private int max;

    
    private int progress;
    
    private boolean textIsDisplayable;

    
    private int style;

    public static final int STROKE = 0;
    public static final int FILL = 1;

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

    public RoundProgressBar(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public RoundProgressBar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);

        paint = new Paint();


        TypedArray mTypedArray = context.obtainStyledAttributes(attrs,R.styleable.RoundProgressBar);

        //获取自定义属性和默认值
        roundColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundColor, Color.RED);//圆环的颜色
        roundProgressColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundProgressColor, Color.GREEN);//圆环进度的颜色
        textColor = mTypedArray.getColor(R.styleable.RoundProgressBar_textColor, Color.GREEN);//字体颜色
        textSize = mTypedArray.getDimension(R.styleable.RoundProgressBar_textSize, 15);//字体大小
        roundWidth = mTypedArray.getDimension(R.styleable.RoundProgressBar_roundWidth, 5);//圆环的宽度
        max = mTypedArray.getInteger(R.styleable.RoundProgressBar_max, 100);//进度条最大值，一般都为1001
        textIsDisplayable = mTypedArray.getBoolean(R.styleable.RoundProgressBar_textIsDisplayable, true);//是否显示中间的进度
        style = mTypedArray.getInt(R.styleable.RoundProgressBar_style, 1);//进度的风格，实心或者空心

        mTypedArray.recycle();
    }

    
    public synchronized void setProgress(int progress) {

        if(progress < 0){
            throw new IllegalArgumentException("progress not less than 0");
        }

        if(progress > max){
            progress = max;
        }

        if(progress <= max){
            this.progress = progress;
            postInvalidate();
        }

    }

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

        
        int centre = getWidth()/2; //获取圆心的x坐标
        Log.i("Text","centre ------1111"+centre);
        int radius = (int) (centre - roundWidth*2); //圆环的半径


        Log.i("Text","radius ------2222"+radius);
        paint.setColor(roundColor); //设置圆环的颜色
        paint.setStyle(Paint.Style.STROKE); //设置空心
        paint.setStrokeWidth(roundWidth); //设置圆环的宽度
        paint.setAntiAlias(true);  //消除锯齿
        canvas.drawCircle(centre, centre, radius, paint); //画出圆环

        Log.e("log", centre + "");

        
        paint.setStrokeWidth(0);
        paint.setColor(textColor);
        paint.setTextSize(textSize);
        paint.setTypeface(Typeface.DEFAULT_BOLD); //设置字体
        int percent = (int)(((float)progress / (float)max) * 100);  //中间的进度百分比，先转换成float在进行除法运算，不然都为0
        float textWidth = paint.measureText(percent + "%");   //测量字体宽度，我们需要根据字体的宽度设置在圆环中间

        if(textIsDisplayable && percent != 0 && style == STROKE){
            canvas.drawText(percent + "%", centre - textWidth / 2, centre + textSize/2, paint); //画出进度百分比
        }

        

        //设置进度是实心还是空心
        paint.setStrokeWidth(roundWidth); //设置圆环的宽度
        paint.setColor(roundProgressColor);  //设置进度的颜色
        RectF oval = new RectF(centre - radius, centre - radius, centre+ radius, centre + radius);//----1号：代码用于定义的圆弧的形状和大小的界限
//      RectF oval = new RectF(centre - radius-40, centre - radius-40, centre+ radius+40, centre + radius+40);  //--2号：用于定义的圆弧的形状和大小的界限
//      RectF ova12 = new RectF(centre - radius-60, centre - radius-60, centre+ radius+60, centre + radius+60);

//      RectF oval = new RectF(centre - radius+40, centre - radius+40, centre+ radius-40, centre + radius-40);  //--2号：用于定义的圆弧的形状和大小的界限
//      RectF ova12 = new RectF(centre - radius+60, centre - radius+60, centre+ radius-60, centre + radius-60);

        switch (style) {

            
            case STROKE:{
                paint.setStyle(Paint.Style.STROKE);
                paint.setStrokeWidth(18);
                paint.setColor(Color.RED);
                canvas.drawArc(oval, 0, 360 * progress / max, false, paint);  //根据进度画圆弧

                
//              paint.setStrokeWidth(9);
//              paint.setColor(Color.YELLOW);
//              canvas.drawArc(ova12, 0, 360 * progress / max, false, paint);  //根据进度画圆弧
                break;
            }
            case FILL:{
                paint.setStyle(Paint.Style.FILL_AND_STROKE);
                paint.setStrokeWidth(18);
                paint.setColor(Color.RED);

                if(progress !=0)
                    
                    canvas.drawArc(oval, 0, 360 * progress / max, true, paint);  //根据进度画圆弧


                
//              paint.setStrokeWidth(9);
//              paint.setColor(Color.YELLOW);
//              canvas.drawArc(ova12, 0, 360 * progress / max, false, paint);  //
                break;
            }
        }

    }




}

二、单环在圈外画弧度

这里写图片描述

和普通效果代码不同的地方如下，屏蔽167行，打开168行即可：

这里写图片描述

这里写图片描述


package tester.ermu.com.pingamedemo;

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



public class RoundProgressBar extends View {
    
    private Paint paint;

    
    private int roundColor;

    
    private int roundProgressColor;

    
    private int textColor;

    
    private float textSize;

    
    private float roundWidth;

    
    private int max;

    
    private int progress;
    
    private boolean textIsDisplayable;

    
    private int style;

    public static final int STROKE = 0;
    public static final int FILL = 1;

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

    public RoundProgressBar(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public RoundProgressBar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);

        paint = new Paint();


        TypedArray mTypedArray = context.obtainStyledAttributes(attrs,R.styleable.RoundProgressBar);

        //获取自定义属性和默认值
        roundColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundColor, Color.RED);//圆环的颜色
        roundProgressColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundProgressColor, Color.GREEN);//圆环进度的颜色
        textColor = mTypedArray.getColor(R.styleable.RoundProgressBar_textColor, Color.GREEN);//字体颜色
        textSize = mTypedArray.getDimension(R.styleable.RoundProgressBar_textSize, 15);//字体大小
        roundWidth = mTypedArray.getDimension(R.styleable.RoundProgressBar_roundWidth, 5);//圆环的宽度
        max = mTypedArray.getInteger(R.styleable.RoundProgressBar_max, 100);//进度条最大值，一般都为1001
        textIsDisplayable = mTypedArray.getBoolean(R.styleable.RoundProgressBar_textIsDisplayable, true);//是否显示中间的进度
        style = mTypedArray.getInt(R.styleable.RoundProgressBar_style, 1);//进度的风格，实心或者空心

        mTypedArray.recycle();
    }

    
    public synchronized void setProgress(int progress) {

        if(progress < 0){
            throw new IllegalArgumentException("progress not less than 0");
        }

        if(progress > max){
            progress = max;
        }

        if(progress <= max){
            this.progress = progress;
            postInvalidate();
        }

    }

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

        
        int centre = getWidth()/2; //获取圆心的x坐标
        Log.i("Text","centre ------1111"+centre);
        int radius = (int) (centre - roundWidth*2); //圆环的半径


        Log.i("Text","radius ------2222"+radius);
        paint.setColor(roundColor); //设置圆环的颜色
        paint.setStyle(Paint.Style.STROKE); //设置空心
        paint.setStrokeWidth(roundWidth); //设置圆环的宽度
        paint.setAntiAlias(true);  //消除锯齿
        canvas.drawCircle(centre, centre, radius, paint); //画出圆环

        Log.e("log", centre + "");

        
        paint.setStrokeWidth(0);
        paint.setColor(textColor);
        paint.setTextSize(textSize);
        paint.setTypeface(Typeface.DEFAULT_BOLD); //设置字体
        int percent = (int)(((float)progress / (float)max) * 100);  //中间的进度百分比，先转换成float在进行除法运算，不然都为0
        float textWidth = paint.measureText(percent + "%");   //测量字体宽度，我们需要根据字体的宽度设置在圆环中间

        if(textIsDisplayable && percent != 0 && style == STROKE){
            canvas.drawText(percent + "%", centre - textWidth / 2, centre + textSize/2, paint); //画出进度百分比
        }

        

        //设置进度是实心还是空心
        paint.setStrokeWidth(roundWidth); //设置圆环的宽度
        paint.setColor(roundProgressColor);  //设置进度的颜色
//      RectF oval = new RectF(centre - radius, centre - radius, centre+ radius, centre + radius);//----1号：代码用于定义的圆弧的形状和大小的界限
        RectF oval = new RectF(centre - radius-40, centre - radius-40, centre+ radius+40, centre + radius+40);  //--2号：用于定义的圆弧的形状和大小的界限
//      RectF ova12 = new RectF(centre - radius-60, centre - radius-60, centre+ radius+60, centre + radius+60);

//      RectF oval = new RectF(centre - radius+40, centre - radius+40, centre+ radius-40, centre + radius-40);  //--2号：用于定义的圆弧的形状和大小的界限
//      RectF ova12 = new RectF(centre - radius+60, centre - radius+60, centre+ radius-60, centre + radius-60);

        switch (style) {

            
            case STROKE:{
                paint.setStyle(Paint.Style.STROKE);
                paint.setStrokeWidth(18);
                paint.setColor(Color.RED);
                canvas.drawArc(oval, 0, 360 * progress / max, false, paint);  //根据进度画圆弧

                
//              paint.setStrokeWidth(9);
//              paint.setColor(Color.YELLOW);
//              canvas.drawArc(ova12, 0, 360 * progress / max, false, paint);  //根据进度画圆弧
                break;
            }
            case FILL:{
                paint.setStyle(Paint.Style.FILL_AND_STROKE);
                paint.setStrokeWidth(18);
                paint.setColor(Color.RED);

                if(progress !=0)
                    
                    canvas.drawArc(oval, 0, 360 * progress / max, true, paint);  //根据进度画圆弧


                
//              paint.setStrokeWidth(9);
//              paint.setColor(Color.YELLOW);
//              canvas.drawArc(ova12, 0, 360 * progress / max, false, paint);  //
                break;
            }
        }

    }
}

三、双环效果

这里写图片描述

代码不同的地方

这里写图片描述

这里写图片描述


package tester.ermu.com.pingamedemo;

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



public class RoundProgressBar extends View {
    
    private Paint paint;

    
    private int roundColor;

    
    private int roundProgressColor;

    
    private int textColor;

    
    private float textSize;

    
    private float roundWidth;

    
    private int max;

    
    private int progress;
    
    private boolean textIsDisplayable;

    
    private int style;

    public static final int STROKE = 0;
    public static final int FILL = 1;

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

    public RoundProgressBar(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public RoundProgressBar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);

        paint = new Paint();


        TypedArray mTypedArray = context.obtainStyledAttributes(attrs,R.styleable.RoundProgressBar);

        //获取自定义属性和默认值
        roundColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundColor, Color.RED);//圆环的颜色
        roundProgressColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundProgressColor, Color.GREEN);//圆环进度的颜色
        textColor = mTypedArray.getColor(R.styleable.RoundProgressBar_textColor, Color.GREEN);//字体颜色
        textSize = mTypedArray.getDimension(R.styleable.RoundProgressBar_textSize, 15);//字体大小
        roundWidth = mTypedArray.getDimension(R.styleable.RoundProgressBar_roundWidth, 5);//圆环的宽度
        max = mTypedArray.getInteger(R.styleable.RoundProgressBar_max, 100);//进度条最大值，一般都为1001
        textIsDisplayable = mTypedArray.getBoolean(R.styleable.RoundProgressBar_textIsDisplayable, true);//是否显示中间的进度
        style = mTypedArray.getInt(R.styleable.RoundProgressBar_style, 1);//进度的风格，实心或者空心

        mTypedArray.recycle();
    }

    
    public synchronized void setProgress(int progress) {

        if(progress < 0){
            throw new IllegalArgumentException("progress not less than 0");
        }

        if(progress > max){
            progress = max;
        }

        if(progress <= max){
            this.progress = progress;
            postInvalidate();
        }

    }

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

        
        int centre = getWidth()/2; //获取圆心的x坐标
        Log.i("Text","centre ------1111"+centre);
        int radius = (int) (centre - roundWidth*2); //圆环的半径


        Log.i("Text","radius ------2222"+radius);
        paint.setColor(roundColor); //设置圆环的颜色
        paint.setStyle(Paint.Style.STROKE); //设置空心
        paint.setStrokeWidth(roundWidth); //设置圆环的宽度
        paint.setAntiAlias(true);  //消除锯齿
        canvas.drawCircle(centre, centre, radius, paint); //画出圆环

        Log.e("log", centre + "");

        
        paint.setStrokeWidth(0);
        paint.setColor(textColor);
        paint.setTextSize(textSize);
        paint.setTypeface(Typeface.DEFAULT_BOLD); //设置字体
        int percent = (int)(((float)progress / (float)max) * 100);  //中间的进度百分比，先转换成float在进行除法运算，不然都为0
        float textWidth = paint.measureText(percent + "%");   //测量字体宽度，我们需要根据字体的宽度设置在圆环中间

        if(textIsDisplayable && percent != 0 && style == STROKE){
            canvas.drawText(percent + "%", centre - textWidth / 2, centre + textSize/2, paint); //画出进度百分比
        }

        

        //设置进度是实心还是空心
        paint.setStrokeWidth(roundWidth); //设置圆环的宽度
        paint.setColor(roundProgressColor);  //设置进度的颜色
//      RectF oval = new RectF(centre - radius, centre - radius, centre+ radius, centre + radius);//----1号：代码用于定义的圆弧的形状和大小的界限
        RectF oval = new RectF(centre - radius-40, centre - radius-40, centre+ radius+40, centre + radius+40);  //--2号：用于定义的圆弧的形状和大小的界限
        RectF ova12 = new RectF(centre - radius-60, centre - radius-60, centre+ radius+60, centre + radius+60);

//      RectF oval = new RectF(centre - radius+40, centre - radius+40, centre+ radius-40, centre + radius-40);  //--2号：用于定义的圆弧的形状和大小的界限
//      RectF ova12 = new RectF(centre - radius+60, centre - radius+60, centre+ radius-60, centre + radius-60);

        switch (style) {

            
            case STROKE:{
                paint.setStyle(Paint.Style.STROKE);
                paint.setStrokeWidth(18);
                paint.setColor(Color.RED);
                canvas.drawArc(oval, 0, 360 * progress / max, false, paint);  //根据进度画圆弧

                
                paint.setStrokeWidth(9);
                paint.setColor(Color.YELLOW);
                canvas.drawArc(ova12, 0, 360 * progress / max, false, paint);  //根据进度画圆弧
                break;
            }
            case FILL:{
                paint.setStyle(Paint.Style.FILL_AND_STROKE);
                paint.setStrokeWidth(18);
                paint.setColor(Color.RED);

                if(progress !=0)
                    
                    canvas.drawArc(oval, 0, 360 * progress / max, true, paint);  //根据进度画圆弧


                
                paint.setStrokeWidth(9);
                paint.setColor(Color.YELLOW);
                canvas.drawArc(ova12, 0, 360 * progress / max, false, paint);  //
                break;
            }
        }

    }




}

实心效果环形进度条

这里写图片描述

这里需要添加或修改的代码如下：

这里写图片描述


package tester.ermu.com.pingamedemo;

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



public class RoundProgressBar extends View {
    
    private Paint paint;

    
    private int roundColor;

    
    private int roundProgressColor;

    
    private int textColor;

    
    private float textSize;

    
    private float roundWidth;

    
    private int max;

    
    private int progress;
    
    private boolean textIsDisplayable;

    
    private int style;

    public static final int STROKE = 0;
    public static final int FILL = 1;

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

    public RoundProgressBar(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public RoundProgressBar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);

        paint = new Paint();


        TypedArray mTypedArray = context.obtainStyledAttributes(attrs,R.styleable.RoundProgressBar);

        //获取自定义属性和默认值
        roundColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundColor, Color.RED);//圆环的颜色
        roundProgressColor = mTypedArray.getColor(R.styleable.RoundProgressBar_roundProgressColor, Color.GREEN);//圆环进度的颜色
        textColor = mTypedArray.getColor(R.styleable.RoundProgressBar_textColor, Color.GREEN);//字体颜色
        textSize = mTypedArray.getDimension(R.styleable.RoundProgressBar_textSize, 15);//字体大小
        roundWidth = mTypedArray.getDimension(R.styleable.RoundProgressBar_roundWidth, 5);//圆环的宽度
        max = mTypedArray.getInteger(R.styleable.RoundProgressBar_max, 100);//进度条最大值，一般都为1001
        textIsDisplayable = mTypedArray.getBoolean(R.styleable.RoundProgressBar_textIsDisplayable, true);//是否显示中间的进度
        style = mTypedArray.getInt(R.styleable.RoundProgressBar_style, 1);//进度的风格，实心或者空心

        mTypedArray.recycle();
    }

    
    public synchronized void setProgress(int progress) {

        if(progress < 0){
            throw new IllegalArgumentException("progress not less than 0");
        }

        if(progress > max){
            progress = max;
        }

        if(progress <= max){
            this.progress = progress;
            postInvalidate();
        }

    }

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

        
        int centre = getWidth()/2; //获取圆心的x坐标
        Log.i("Text","centre ------1111"+centre);
        int radius = (int) (centre - roundWidth*2); //圆环的半径


        Log.i("Text","radius ------2222"+radius);
        paint.setColor(roundColor); //设置圆环的颜色
        paint.setStyle(Paint.Style.STROKE); //设置空心
        paint.setStrokeWidth(roundWidth); //设置圆环的宽度
        paint.setAntiAlias(true);  //消除锯齿
        canvas.drawCircle(centre, centre, radius, paint); //画出圆环

        Log.e("log", centre + "");

        
        paint.setStrokeWidth(0);
        paint.setColor(textColor);
        paint.setTextSize(textSize);
        paint.setTypeface(Typeface.DEFAULT_BOLD); //设置字体
        int percent = (int)(((float)progress / (float)max) * 100);  //中间的进度百分比，先转换成float在进行除法运算，不然都为0
        float textWidth = paint.measureText(percent + "%");   //测量字体宽度，我们需要根据字体的宽度设置在圆环中间

        if(textIsDisplayable && percent != 0 && style == STROKE){
            canvas.drawText(percent + "%", centre - textWidth / 2, centre + textSize/2, paint); //画出进度百分比
        }

        

        //设置进度是实心还是空心
        paint.setStrokeWidth(roundWidth); //设置圆环的宽度
        paint.setColor(roundProgressColor);  //设置进度的颜色
//      RectF oval = new RectF(centre - radius, centre - radius, centre+ radius, centre + radius);//----1号：代码用于定义的圆弧的形状和大小的界限
//      RectF oval = new RectF(centre - radius-40, centre - radius-40, centre+ radius+40, centre + radius+40);  //--2号：用于定义的圆弧的形状和大小的界限
//      RectF ova12 = new RectF(centre - radius-60, centre - radius-60, centre+ radius+60, centre + radius+60);

        RectF oval = new RectF(centre - radius+40, centre - radius+40, centre+ radius-40, centre + radius-40);  //--2号：用于定义的圆弧的形状和大小的界限
        RectF ova12 = new RectF(centre - radius+60, centre - radius+60, centre+ radius-60, centre + radius-60);

        switch (style) {

            
            case STROKE:{
                paint.setStyle(Paint.Style.STROKE);
                paint.setStrokeWidth(18);
                paint.setColor(Color.RED);
                canvas.drawArc(oval, 0, 360 * progress / max, false, paint);  //根据进度画圆弧

                
                paint.setStrokeWidth(9);
                paint.setColor(Color.YELLOW);
                canvas.drawArc(ova12, 0, 360 * progress / max, false, paint);  //根据进度画圆弧
                break;
            }
            case FILL:{
                paint.setStyle(Paint.Style.FILL_AND_STROKE);
                paint.setStrokeWidth(18);
                paint.setColor(Color.RED);

                if(progress !=0)
                    
                    canvas.drawArc(oval, 0, 360 * progress / max, true, paint);  //根据进度画圆弧


                
                paint.setStrokeWidth(9);
                paint.setColor(Color.YELLOW);
                canvas.drawArc(ova12, 0, 360 * progress / max, false, paint);  //
                break;
            }
        }

    }




}

四、Xml布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:android_custom="http://schemas.android.com/apk/res/tester.ermu.com.pingamedemo"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#000000"
    tools:ignore="ResAuto">

    <tester.ermu.com.pingamedemo.RoundProgressBar
        android:id="@+id/roundBar"
        android:layout_width="200dip"
        android:layout_height="200dip"
        android:layout_gravity="center"
        android:layout_marginTop="30dp"
        android:layout_marginBottom="79dp"

        android_custom:roundColor="#ffffff"
        android_custom:roundProgressColor="@android:color/black"
        android_custom:textColor="#9A32CD"
        android_custom:roundWidth="15dip"
        android_custom:textSize="18sp" />

    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:background="#ffffff"
        android:layout_margin="5dp"
        android:text="开始" />


</LinearLayout>

这里写图片描述

五、MainActivity中代码的引用

package tester.ermu.com.pingamedemo;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;


public class MainActivity extends Activity implements OnClickListener{
    private RoundProgressBar  roundBar ;
    private int progress = 0;
    private Button button1,button2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_cricle_progress);
        init();

    }

    private void init() {
        roundBar = (RoundProgressBar) findViewById(R.id.roundBar);

        button1 = (Button)findViewById(R.id.button1);
        button1.setOnClickListener(this);

    }


    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case    R.id.button1:
                new Thread(new Runnable() {
                    @Override
                    public void run() {
                        while(progress <= 100){
                            progress += 3;
                            System.out.println(progress);
                            roundBar.setProgress(progress);
                            try {
                                Thread.sleep(100);
                            } catch (InterruptedException e) {
                                e.printStackTrace();
                            }
                        }
                    }
                }).start();
                break;


        }
    }
}

六、自定义属性

<?xml version="1.0" encoding="UTF-8"?>
<resources>
    <declare-styleable name="RoundProgressBar">  
        <attr name="roundColor" format="color"/>
        <attr name="roundProgressColor" format="color"/>
        <attr name="roundWidth" format="dimension"></attr>
        <attr name="textColor" format="color" />  
        <attr name="textSize" format="dimension" /> 
        <attr name="max" format="integer"></attr> 
        <attr name="textIsDisplayable" format="boolean"></attr>
        <attr name="style">
            <enum name="STROKE" value="0"></enum>
            <enum name="FILL" value="1"></enum>
        </attr>
    </declare-styleable> 
</resources>

这里写图片描述

到此这篇关于自定义视图view之环形进度条的文章就介绍到这了,更多相关自定义view环形进度条内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！

阅读原文内容投诉

免责声明：

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题

  • 2024年上半年信息系统项目管理师第二批次真题及答案解析（完整版）

    难度     813人已做
    查看

  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看

  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看

  • 2024年上半年软考高项第一、二批次真题考点汇总（完整版）

    难度     435人已做
    查看

  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机

自定义视图view之环形进度条

移动开发2023-05-14

自定义视图view怎么实现环形进度条

移动开发2023-07-05

Android自定义View之圆形进度条式按钮

移动开发2022-06-06

Android自定义View实现圆形进度条

移动开发2024-04-02

自定义view视图之Canvas+Paint图形绘制

移动开发2023-05-14

Android自定义View圆形进度条控件（三）

移动开发2022-06-06

Android自定义View实现环形进度条的思路与实例

移动开发2022-06-06

android自定义view制作圆形进度条效果

移动开发2022-06-06

Android自定义View实现圆形加载进度条

移动开发2024-04-02

Android怎么自定义View实现圆形进度条

移动开发2023-07-02

Android自定义view实现圆形进度条效果

移动开发2024-04-02

Android自定义View圆形进度条控件的方法

移动开发2023-05-31

Android自定义view实现圆环进度条效果

移动开发2024-04-02

Android自定义View基础开发之图片加载进度条

移动开发2022-06-06

详解Android如何自定义view实现圆形进度条

移动开发2024-04-02

怎么在Android中通过自定义View实现一个环形进度条效果

移动开发2023-05-31

Android view自定义实现动态进度条

移动开发2022-06-06

Android实现自定义圆形进度条

移动开发2022-06-06

android自定义进度条渐变圆形

移动开发2022-06-06

Android中怎么自定义view实现圆环进度条效果

移动开发2023-06-29
位置：首页-资讯-移动开发
咦！没有更多了？去看看其它编程学习网 内容吧
首页课程
资料下载问答资讯