Android自定义View,画一个好看带延长线的饼状图,android移动应用开发教程清华大学

那么为什么需要创建这个正方形RectF呢?因为在接下来的饼图绘制中会用到。可以简单理解为这个正方形就是饼图的外轮廓所处的范围,也就是长方形的边长即是饼图的直径。
绘制扇形
虽然饼图是一个圆,但这是相对于其整体而言。在一个饼图中,不同的类目占比不同,将饼图分割成了多个扇形,所以我们实际上是要绘制扇形。在Android自定义View中,对应的方法是 drawArc,所需要的参数包括:
image.png

图片引用自:刘某人程序员——Android绘图机制(二)

这里受限于篇幅不能详细介绍,不了解的同学一定要先去网上看一下相关文章。
那么已经确定了绘制扇形需要的矩形RectF、接下来只用传入起始角度和扇形总角度,以及该扇形的颜色,就能绘制出饼图了。那么对于起始角度,我们可以通过每个条目的百分比来算出:

private void initData() {
//默认的起始角度为-90°
float currentStartAngle = -90;
for (int i = 0; i < mPieLists.size(); i++) {
PieEntry pie = mPieLists.get

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

(i);
pie.setCurrentStartAngle(currentStartAngle);
//每个数据百分比对应的角度
float sweepAngle = pie.getPercentage() / 100 * 360;
pie.setSweepAngle(sweepAngle);
//起始角度不断增加
currentStartAngle += sweepAngle;
//添加颜色
pie.setColor(mColorLists.get(i));
}
}

这里需要注意的是:第一个扇形的起始角度为-90度,因为在自定义View中,0度是从右边开始的,也就是坐标轴中的X轴正方向那条线开始顺时针增加,而我们想让扇形从Y轴的上方这条线开始顺时针绘制,所以需要减90°。
现在entry中记录了每条数据的起始角度和扫过角度,可以直接遍历数据进行绘制了。但要记得在绘制之前,将paint的style设为Paint.Style.FILL,这样才能绘制出扇形:

private void drawPie(Canvas canvas) {
for (PieEntry pie : mPieLists) {
mPaint.setColor(pie.getColor());
canvas.drawArc(mRectF,
pie.getCurrentStartAngle(),
pie.getSweepAngle(),
true, mPaint);
}
}

image.png

添加中心空洞
相比设计稿,发现还有中间一个空洞,这个就简单啦,确定空洞半径占饼图的比例,再绘制一个同心白色圆形就好:

//饼图中间的空洞占据的比例
float holeRadiusProportion =

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值