自定义View 进度条

梦想的初衷 提交于 2020-02-23 10:13:01

1.在values下面新建一个attrs.xml,现在里面定义我们的自定义属性,

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="RoundProgressBar">
        <attr name="roundColor" format="color"></attr>
        <attr name="roundProgressColor" format="color"></attr>
        <attr name="roundWidth" format="dimension"></attr>
        <attr name="textColor" format="color"></attr>
        <attr name="textSize" format="dimension"></attr>
        <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>

2、创建一个customView 自定义view类  

package com.example.customprogress;

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.view.View;

public class RoundProgressBar extends View
{
    private Paint mPaint; //画笔
    private int roundColor; //圆环的颜色
    private int roundProgressColor; //圆环进度的颜色
    private int textColor; //百分比字符串的颜色
    private float textSize; //百分比字体的大小
    private float roundWidth;//圆环的宽度
    private int max;//最大进度
    private int progerss;//当前进度
    private boolean textIsDisplayable; //是否显示
    private int style;//进度风格 
    public static final int STROKE = 0;
    public static final int FILL = 1;


    //第一步重写所以构造方法
    public RoundProgressBar(Context context)
    {
        super(context,null);
        // TODO Auto-generated constructor stub
    }

    public RoundProgressBar(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        //创建画笔对象
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        // 第二步   初始化自定义属性
        initAttrs(context,attrs);
        
    }

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


    }

    //第三步  重写onDraw方法
    @Override
    protected void onDraw(Canvas canvas)
    {        
        super.onDraw(canvas);

        //画圆环
        int center = getWidth()/2; //获取圆形的x坐标
        int radius =(int)(center-roundWidth/2); //圆环的半径
        mPaint.setColor(roundColor);//设置圆环的颜色
        mPaint.setStyle(Paint.Style.STROKE);//空心
        mPaint.setStrokeWidth(roundWidth);//宽度
        //画出圆环
        canvas.drawCircle(center, center, radius, mPaint);


        //画进度百分比
        mPaint.setStrokeWidth(0);
        mPaint.setColor(textColor);
        mPaint.setTextSize(textSize);
        mPaint.setTypeface(Typeface.DEFAULT_BOLD);//设置字体        
        //计算中间的进度百分比,先转换成float在进行除法运算,不然都为0  
        int percent = (int)(((float)progerss/ (float)max) * 100);
        float textWidth = mPaint.measureText(percent+"%");//获取字体宽度
        if(textIsDisplayable&&percent!=0&&style==STROKE)
        {
            //画出中间进度值
            canvas.drawText(percent+"%",center-textWidth/2, center+textSize/2, mPaint);
        }


        //画圆弧
        mPaint.setStrokeWidth(roundWidth);
        mPaint.setColor(roundProgressColor);//圆弧进度颜色

        RectF oval = new RectF(center-radius, center-radius,center+radius, center+radius);

        switch (style)
        {
        case STROKE:
            mPaint.setStyle(Paint.Style.STROKE);
            canvas.drawArc(oval,0,360*progerss/max, false,mPaint);//根据进度画圆弧
            break;
        case FILL:
            //填充的圆
            mPaint.setStyle(Paint.Style.FILL_AND_STROKE);
            if(progerss!=0)
            {
                canvas.drawArc(oval, 0, 360*progerss/max,true, mPaint);
            }
            break;
        }


    }


    public synchronized int getMax()
    {
        return max;
    }

    public synchronized void setMax(int max)
    {
        if(max<0)
        {
            throw new IllegalArgumentException("max not less than 0");
        }
        this.max = max;
    }

    public synchronized int getProgress()
    {
        return progerss;
    }

    public synchronized void setProgress(int progress)
    {
        if(progress<0){
            throw new IllegalArgumentException("progress not less than 0");
        }
        if(progress>max){
            this.progerss = max;
        }
        if(progress<max){

            this.progerss = progress;
            
        }
        postInvalidate();//刷新界面调用postInvalidate()能在非UI线程中刷新
    }

    public int getCricleColor() {  
        return roundColor;  
    }  

    public void setCricleColor(int cricleColor) {  
        this.roundColor = cricleColor;  
    }  

    public int getCricleProgressColor() {  
        return roundProgressColor;  
    }  

    public void setCricleProgressColor(int cricleProgressColor) {  
        this.roundProgressColor = cricleProgressColor;  
    }  

    public int getTextColor() {  
        return textColor;  
    }  

    public void setTextColor(int textColor) {  
        this.textColor = textColor;  
    }  

    public float getTextSize() {  
        return textSize;  
    }  

    public void setTextSize(float textSize) {  
        this.textSize = textSize;  
    }  

    public float getRoundWidth() {  
        return roundWidth;  
    }  

    public void setRoundWidth(float roundWidth) {  
        this.roundWidth = roundWidth;  
    }  


    //初始化自定义属性
    private void initAttrs(Context context,AttributeSet attrs)
    {
        //获取TypedArray 对象   得到自定义属性
        TypedArray typedArray = context.obtainStyledAttributes(attrs,R.styleable.RoundProgressBar);

        //初始化属性
        roundColor = typedArray.getColor(R.styleable.RoundProgressBar_roundColor,Color.RED );
        roundProgressColor = typedArray.getColor(R.styleable.RoundProgressBar_roundProgressColor,Color.GREEN);
        textColor = typedArray.getColor(R.styleable.RoundProgressBar_textColor,Color.GREEN);
        textSize = typedArray.getDimension(R.styleable.RoundProgressBar_textSize, 15);
        roundWidth = typedArray.getDimension(R.styleable.RoundProgressBar_roundWidth,5);
        max = typedArray.getInteger(R.styleable.RoundProgressBar_max,100);
        textIsDisplayable = typedArray.getBoolean(R.styleable.RoundProgressBar_textIsDisplayable,true);
        style = typedArray.getInt(R.styleable.RoundProgressBar_style,0);

        //一定要注意  用完TypedArray 对象 要回收
        typedArray.recycle();
    }




}

3、在布局文件中使用自定义View

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:android_custom="http://schemas.android.com/apk/res/com.example.customprogress"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    tools:context=".MainActivity" >  
    <com.example.customprogress.RoundProgressBar 
        
        android:id="@+id/custom_progress"
        android:layout_width="80dp"
        android:layout_height="80dp"   
        android_custom:roundColor="#4f5f6f"
        android_custom:textColor="#9a32cd"
        android_custom:roundProgressColor="#f00"
        android_custom:textIsDisplayable="true"
        android_custom:roundWidth="10dp"
        android_custom:textSize="18sp"
        android_custom:style="STROKE"      
        />
   
   
</LinearLayout>

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!