IOS之以UIBezierPath绘制饼状图

最新推荐文章于 2021-01-04 09:20:39 发布

Boz_blog

最新推荐文章于 2021-01-04 09:20:39 发布

阅读量4.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Object-C 文章标签： ios app 绘图饼状图

本文链接：https://blog.youkuaiyun.com/xyybaozhen/article/details/40503609

Object-C 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了如何使用SwiftUI绘制饼状图，并实现了点击响应事件，包括核心代码解析、绘制过程及工程源码展示。

1.绘制的饼状图是通过多个扇形拼和而成，绘制一个扇形也是比较简单的，核心代码如下：

先画一条圆弧，再画半径，接着再画一条圆弧，最后闭合路径；

UIBezierPath*  aPath = [[UIBezierPath alloc] init];
        [aPath moveToPoint:point2];
        [aPath addArcWithCenter:_centerPoint radius:_radius startAngle:RADIUS_TO(r.start) endAngle:RADIUS_TO(r.end) clockwise:YES];
        [aPath addLineToPoint:point];
        [aPath addArcWithCenter:_centerPoint radius:0.5 * _radius startAngle:RADIUS_TO(r.end) endAngle:RADIUS_TO(r.start) clockwise:NO];
        [aPath closePath];

绘制完成后给整个路径添加填充颜色即可，效果如下：