带指示的进度条

最新推荐文章于 2022-01-25 17:55:58 发布

zhongruichun

最新推荐文章于 2022-01-25 17:55:58 发布

阅读量456

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/zhongruichun/article/details/88758499

版权

Android 专栏收录该内容

36 篇文章 1 订阅

订阅专栏

进度条为两个圆角矩形。指示条为上方一个圆角矩形，下方画一个三角形。指示条跟随进度条滑动。（复制即用，修改简单）



import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;

public class MyProgressBarView extends View {

    private Paint bgPaint;
    private Paint proPaint;
    private Paint rectPaint;
    private Paint textPaint;


    private Path path;

    private int tipHeight = 50;
    private int progressMarginTop = 10;

    private int moveDis;

    private RectF rectF;

    private RectF bgRecf;
    private RectF proRecf;

    private float currentProgress = 30;


    private int tipWeith = 100;
    private int triangleHeight = 10;


    public MyProgressBarView(Context context) {
        super(context);
        init(context);
    }

    public MyProgressBarView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    public MyProgressBarView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private void init(Context context) {

        bgPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        bgPaint.setStrokeWidth(30);
        bgPaint.setColor(Color.GRAY);

        proPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        proPaint.setStrokeWidth(30);
        proPaint.setColor(Color.GREEN);

        rectPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        rectPaint.setStrokeWidth(30);
        rectPaint.setColor(Color.RED);

        textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        textPaint.setStrokeWidth(20);
        textPaint.setTextSize(30);
        textPaint.setColor(Color.BLACK);


        rectF = new RectF();

        bgRecf = new RectF();
        proRecf = new RectF();


        path = new Path();
    }

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



        bgRecf.set(getPaddingLeft(), tipHeight + progressMarginTop, getWidth(), tipHeight + progressMarginTop + 30);
        canvas.drawRoundRect(bgRecf, 15, 15, bgPaint);

        proRecf.set(getPaddingLeft(), tipHeight + progressMarginTop, currentProgress * (getWidth() / 100.0f),tipHeight + progressMarginTop + 30);
        canvas.drawRoundRect(proRecf, 15, 15, proPaint);


        moveDis = (int) (currentProgress * (getWidth() / 100.0f)) - tipWeith / 2;
        if (moveDis <= 0) {
            moveDis = 0;
        } else if (moveDis >= getWidth() - tipWeith) {
            moveDis = getWidth() - tipWeith;
        }

        rectF.set(moveDis, 0, tipWeith + moveDis, tipHeight);
        canvas.drawRoundRect(rectF, 15, 15, rectPaint);


        path.moveTo(tipWeith / 2 - triangleHeight + moveDis, tipHeight);
        path.lineTo(tipWeith / 2 + moveDis, tipHeight + triangleHeight);
        path.lineTo(tipWeith / 2 + triangleHeight + moveDis, tipHeight);
        canvas.drawPath(path, rectPaint);
        path.reset();


        float measureText = textPaint.measureText(currentProgress + " %");
        canvas.drawText(currentProgress + " %", tipWeith / 2 + moveDis - measureText / 2, tipHeight / 2 + 15, textPaint);

    }

    public void setCurrentProgress(int currentProgress) {
        this.currentProgress = currentProgress;
        invalidate();
    }
}