首页 > 系统 > Android > 正文

手撸一个Android饼状图表(空心圆)

2019-11-06 10:00:19
字体:
来源:转载
供稿:网友

以前写过一篇博客 手撸一个Android饼状图表 自定义view中绘制了一个饼状图。项目中我们还经常用到一些饼状图是空心的圆看起来也很好看。 OK 空心圆的饼状图怎么绘制呢 ,下面就把 手撸一个Android饼状图表改造一下

有两种方法。 第一种 : 将画笔改为描边并且将画笔的宽度加粗。绘制扇形的时候useCenter参数改为false

mPaint.setStrokeWidth(DensityUtil.dip2px(getContext(),40)); mPaint.setStyle(Paint.Style.STROKE); canvas.drawArc(mRectFTouch,startAngle,sweepAngle,false,mPaint);

效果图: 这里写图片描述 第二种: 在目前的饼状图上面再绘制白色的圆心覆盖住圆心周边的一部分。

mPaint.setColor(Color.WHITE); mPaint.setAlpha(40); canvas.drawCircle(0, 0, mOutRadius / 2 + DensityUtil.dip2px(getContext(),10), mPaint); mPaint.setAlpha(255); canvas.drawCircle(0, 0, mOutRadius / 2, mPaint);

效果图: 这里写图片描述

网上也看到过别的方法有的挺复杂 有的不兼容低版本手机 这两种方法都是非常简单,效果看来第二种好看一点。

项目地址


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表