写了一个用Quartz2D技术来绘制柱形图、饼形图、环形图及其相应动画

分享一个用Quartz2D技术来绘制柱形图、饼形图、环形图并用CADisplayLink制作相应动画

github地址:https://github.com/yellowwing/dataView

先来效果图:


效果图1
效果图2

当点击空白部分,3个图形就会逐渐增加数据,会有逐渐增加的动画效果,知道到达指定数据为止。

先说柱形图,上代码:


代码1

一开始先启动定时器,一秒刷60次,这样可以不断进行绘图,从而达到动画效果。


代码2

这里还可以随着柱体的升高,颜色也会做出渐变效果,然后文字也在这里画出来

然后说饼形图,看代码:


代码3

然后是环形图:


代码4

具体看github地址:https://github.com/yellowwing/dataView

你可能感兴趣的:(写了一个用Quartz2D技术来绘制柱形图、饼形图、环形图及其相应动画)