CoreGraphics--饼状图

最新推荐文章于 2025-03-06 22:28:57 发布

weixin_34361881

最新推荐文章于 2025-03-06 22:28:57 发布

阅读量78

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/daxueshan/p/5816313.html

本文介绍了一个使用Objective-C绘制饼状图的方法。通过遍历数组计算每个元素对应的扇区角度，并利用UIBezierPath创建对应的弧形路径，最终实现了一个简单的动态饼状图。文章还包含了颜色随机生成函数以及数据更新后的自动刷新机制。

//传入数据,饼状图

pieChartView.dataArr = @[@20,@50,@80,@70,@40];

- (void)drawRect:(CGRect)rect {

// Drawing code

#if 0

//贝塞尔路径

UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(50, 50, 100, 100)];

//Oval 椭圆

//线条颜色

[[UIColor redColor] setStroke];

//线条宽度

path.lineWidth = 5;

//开始画

[path stroke];

//设置填充颜色

[[UIColor yellowColor] set];

//开始填充

[path fill];

#endif

//开始

CGFloat startDegress = 0;

//结束

CGFloat endDegress = 0;

for (int i = 0; i < _dataArr.count; i++) {

//终点弧

//计算数据每个元素的值所占的百分比

endDegress += M_PI * 2 *([self.dataArr[i] floatValue]/[self sum]);

//弧路径

UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(self.frame.size.width/2, self.frame.size.height/2) radius:MIN(self.frame.size.width, self.frame.size.height)/2 startAngle:startDegress endAngle:endDegress clockwise:YES];

//更底层(这两句,相当于上面一句)

// CGMutablePathRef path = CGPathCreateMutable();

// CGPathAddArc(path, NULL,self.frame.size.width/2,self.frame.size.height/2, MIN(self.frame.size.width, self.frame.size.height)/2, startDegress, endDegress, YES);

//重新修改开始的弧度

//第二个弧的起点 ,是上一个弧的终点

startDegress = endDegress;

//注意:先画一个弧,然后终点-圆心画一条线(以便能够填充,否则不能填充)

//坐标为圆心

[path addLineToPoint:CGPointMake(self.frame.size.width/2, self.frame.size.height/2)];