以前写过一篇博客 手撸一个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);
效果图:
网上也看到过别的方法有的挺复杂 有的不兼容低版本手机
这两种方法都是非常简单,效果看来第二种好看一点。