用可旋转的饼状图来展示数
张伟 · 3032浏览量 · 发布于2016-05-18
作者Jerrylingit/PieChartDemo,思路分析
看到下面这个效果,切入点应该是怎么生成这个饼状图,然后再让饼状图旋转。
rotatePieChartDemo.gif
怎么生成饼状图(UIBezierPath)
首先是要新建一个CAShapeLayer,这是一个继承CALayer的类。可能你对CALayer比较陌生,不过做iOS一定不会对UIView陌生,每个UIView都有一个layer属性,用来设置一些圆角、阴影等效果。至于为什么有UIView了,还要加一个layer,可以参考这本书iOS核心动画高级技巧,layer的存在是为了让OSX和iOS两个平台能兼容,在OSX中,NSView就对应了layer。
有了CAShapeLayer后,设置其几个属性:
path,这里我们用到UIBezierPath,贝塞尔曲线来提供圆形轨迹。
lineWidth: 圆环的宽度
strokeColor:画笔颜色
strokeStart:画笔起始点,取值范围0.0-1.0
strokeEnd:画笔结束点,取值范围0.0-1.0
文/Jerry在种草(简书作者)
原文链接:http://www.jianshu.com/p/c2ea6b7901eb
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
源码使用过程中,如无法搭建或有增加其他功能需求,可联系QQ:236-0248-666 ,付费搭建安装修改服务!
温馨提示:网站源码只作为学习或研究使用,如需商业使用请购买正版!
温馨提示:网站源码只作为学习或研究使用,如需商业使用请购买正版!
相关推荐
自定义柱状图IOS特效案例源码
相关信息
我是陈晓 · 519浏览 · 2021-02-03 20:41:02
CurveLineChart线性图表案例源码
相关信息
kenrry1992 · 440浏览 · 2020-10-28 10:47:41
iOS自定义直方图图表案例
相关信息
冷月葬花魂 · 646浏览 · 2020-04-08 02:54:41
IOS轻便实现可自定义的折线图控件ZHLineChart
相关信息
冷月葬花魂 · 733浏览 · 2020-03-30 10:29:47
Swift5专业K线图 KSChart案例
相关信息
飘飘悠悠 · 761浏览 · 2020-03-09 15:09:13
(swif)ZHLinkageChartView一款可多级联动的表格
相关信息
奔跑的男人 · 597浏览 · 2020-01-14 15:20:39
ZHLinkageChartView一款可多级联动的表格
相关信息
奔跑的男人 · 576浏览 · 2020-01-14 15:14:00
曲线图,柱状图 iOS源码
相关信息
飘飘悠悠 · 624浏览 · 2019-09-26 15:14:44
分类专栏
最新发布
源码排行榜
0评论