首页 >Android相关

Android-自定义ProgressBar实现圆弧进度条

2016-09-13 11:46 编辑: 不灭的小灯灯 分类:Android相关 来源:_Zeno的简书

继承于ProgressBar实现,保留了Progressbar的特性,源码在文尾。

205088-6555c804b693507c.gif

参数

nameformatdescription
borderWidthinteger圆弧边框的宽度
progressStyletick/arc进度条类型,tick为带刻度的
radiusinteger半径
arcbgColorcolor圆弧的边框背景
degreeinteger弧度,设置为0即为圆形进度条,180为半圆
tickWidthinteger刻度的宽度
tickDensityinteger刻度的密度  2~8 越小越密
bgShowboolean是否显示圆弧边框背景
arcCapRoundboolean圆弧的笔触是否为圆形,tick无效

interface

提供了绘制圆弧中间区域的一个接口 ,可根据自己的需求自由绘制

/**
   * 
   * @param canvas  
   * @param rectF  圆弧的Rect
   * @param x      圆弧的中心x
   * @param y      圆弧的中心y
   * @param storkeWidth   圆弧的边框宽度
   * @param progress      当前进度
   */
public interface  OnCenterDraw {
  public  void draw(Canvas canvas, RectF rectF, float x, float y,float storkeWidth,int progress);
}

默认提供了两个实现
onImageCenter and OnTextCenter

Use

    
    
    
 mProgress.setOnCenterDraw(new ArcProgress.OnCenterDraw() {            @Override
            public void draw(Canvas canvas, RectF rectF, float x, float y, float storkeWidth,int progress) {
                Paint textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
                textPaint.setStrokeWidth(35);
                textPaint.setColor(getResources().getColor(R.color.textColor));
                String progressStr = String.valueOf(progress+"%");                float textX = x-(textPaint.measureText(progressStr)/2);                float textY = y-((textPaint.descent()+textPaint.ascent())/2);
                canvas.drawText(progressStr,textX,textY,textPaint);
            }
        });

依赖

dependencies {
  compile 'com.czp.arcProgressBar:ArcProgressBar:1.0.1'
}

写完搜了一下。。。貌似重复造了个轮子。。。
后续补上几个知识点~哇哈啊哈啊

源码下载地址



文章转自 _Zeno的简书
搜索CocoaChina微信公众号:CocoaChina
微信扫一扫
订阅每日移动开发及APP推广热点资讯
公众号:
CocoaChina
我要投稿   收藏文章
上一篇:独特Home键按钮 Android 7.0细节再曝光
下一篇:Android开发小技巧 | 一句命令搞定截屏
我来说两句
发表评论
您还没有登录!请登录注册
所有评论(0

综合评论

相关帖子

sina weixin mail 回到顶部