android自定义view之半圆形进度条

最新推荐文章于 2023-07-14 14:56:10 发布

我的大腿黑又粗

最新推荐文章于 2023-07-14 14:56:10 发布

阅读量2.9k

点赞数

分类专栏： android 文章标签： android 自定义View 半圆进度条 progressbar

本文链接：https://blog.csdn.net/baidu_34934230/article/details/52326245

版权

android 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

啥都不说了直接上代码你直接复制过去就可用的VIEW 后续我回加上解释

<span style="color: rgb(255, 0, 0); font-size: 18px;">
</span><span style="font-size:14px;">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;

/**
 * Created by ldf on 16/8/16.
 */
public class HalfCircleView extends View {

    private int maxProgress = 100;
    private float progress = 30f;
    private int circleLineStrokeWidth = 12;
    private final int txtStrokeWidth = 3;
    // 画圆所在的距形区域
    private final RectF progressRectF;
    private final Paint progressPaint;

    public HalfCircleView(Context context, AttributeSet attrs) {
        super(context, attrs);
        progressRectF = new RectF();
        progressPaint = new Paint();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int radius = getRadius();
        drawBackgroundRecf(radius);
        drawProgress(canvas);
        // 绘制进度百分比显示
        drawText(canvas, radius);
    }

    private void drawBackgroundRecf(int radius) {
        // 位置
        progressRectF.left = circleLineStrokeWidth / 2;
        progressRectF.top = circleLineStrokeWidth / 2;
        progressRectF.right = radius - circleLineStrokeWidth / 2;
        progressRectF.bottom = radius - circleLineStrokeWidth / 2;
    }

    private int getRadius() {
        int width = this.getWidth() - circleLineStrokeWidth * 2;
        //因为你要画的是一个半圆,半圆一定是在一个矩形里的
        //而在画半圆的时候其实是在一个正方形里绘制一个整圆的一部分
        //那么我们整圆的半径就是半圆进度条的宽度
        return width;
    }

    private void drawProgress(Canvas canvas) {
        canvas.drawColor(Color.TRANSPARENT);
        progressPaint.setAntiAlias(true);
        progressPaint.setColor(Color.rgb(0xe9, 0xe9, 0xe9));
        progressPaint.setStrokeWidth(circleLineStrokeWidth);
        progressPaint.setStyle(Paint.Style.STROKE);
        canvas.drawArc(progressRectF, 180, 180, false, progressPaint);
        if (progress > 80) {
            progressPaint.setColor(Color.rgb(34,219,126));
        } else {
            progressPaint.setColor(Color.rgb(247, 169, 45));
        }
        canvas.drawArc(progressRectF, 180, (progress / maxProgress) * 180, false, progressPaint);
    }

    private void drawText(Canvas canvas, int radius) {
        progressPaint.setStrokeWidth(txtStrokeWidth);
        String progressText = progress + "%";
        progressPaint.setTextSize(radius / 4);
        int textWidth = (int) progressPaint.measureText(progressText, 0, progressText.length());
        progressPaint.setStyle(Paint.Style.FILL);
        canvas.drawText(progressText, radius / 2 - textWidth / 2, radius / 2, progressPaint);
    }

    public void setProgress(float progress) {
        this.progress = progress;
        this.invalidate();
    }

    public void setProgressNotInUiThread(float progress) {
        this.progress = progress;
        this.postInvalidate();
    }

    public void setCircleLineStrokeWidth(int circleLineStrokeWidth) {
        this.circleLineStrokeWidth = circleLineStrokeWidth;
        this.invalidate();
    }
}</span>

效果是下面的这张图片右边的进度条