前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android圆形进度条

Android圆形进度条

作者头像
aruba
发布2020-07-03 10:48:06
8340
发布2020-07-03 10:48:06
举报
文章被收录于专栏:android技术

圆形进度条.jpg

先在attrs.xml中自定义属性
代码语言:javascript
复制
    <declare-styleable name="CircleProgressBar">
        <attr name="backgroundColor" format="color" />
        <attr name="progressColor" format="color" />
        <attr name="progressWidth" format="dimension" />
        <attr name="maxProgress" format="integer" />
        <attr name="radius" format="dimension" />
        <attr name="android:textSize" format="dimension" />
        <attr name="android:textColor" format="color"/>
    </declare-styleable>
初始化一些参数
代码语言:javascript
复制
    private void init() {
        setRadius_px(radius_px);

        bgPaint.setAntiAlias(true);
        bgPaint.setColor(backgroundColor);
        bgPaint.setStrokeWidth(progressWidth);
        bgPaint.setStyle(Paint.Style.STROKE);

        pgPaint.setAntiAlias(true);
        pgPaint.setColor(progressColor);
        pgPaint.setStrokeWidth(progressWidth);
        pgPaint.setStyle(Paint.Style.STROKE);
        pgPaint.setStrokeCap(Paint.Cap.ROUND);

        textPaint.setAntiAlias(true);
        textPaint.setColor(textColor);
        textPaint.setTextSize(textSize);
    }
在onDraw()方法中调用下面方法
代码语言:javascript
复制
    private void drawBgProgress(Canvas canvas) {
        canvas.drawCircle(getMeasuredWidth() / 2, getMeasuredHeight() / 2, radius_px, bgPaint);
    }

    private void drawProgress(Canvas canvas) {
        float left, top, right, bottom;
        int centerX = getMeasuredWidth() / 2;
        int centerY = getMeasuredHeight() / 2;
        left = centerX - radius_px;
        top = centerY - radius_px;
        right = centerX + radius_px;
        bottom = centerY + radius_px;
        RectF rectF = new RectF(left, top, right, bottom);
        canvas.drawArc(rectF, 0, 360f * progress / maxProgress, false, pgPaint);
    }

    private void drawText(Canvas canvas) {
        Paint.FontMetrics m = new Paint.FontMetrics();
        textPaint.getFontMetrics(m);
        int baseLine = (int) (getMeasuredHeight() / 2 - (m.top + m.bottom) / 2);

        String text = (int) ((float) progress / maxProgress * 100) + "%";
        canvas.drawText(text, getMeasuredWidth() / 2 - textPaint.measureText(text) / 2, baseLine, textPaint);
    }
项目地址:https://gitee.com/aruba/CircleProgressBar.git
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 先在attrs.xml中自定义属性
  • 初始化一些参数
  • 在onDraw()方法中调用下面方法
  • 项目地址:https://gitee.com/aruba/CircleProgressBar.git
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档