使用UIBezierPath绘制饼图

时间:2013-03-17 13:55:49

标签: ios objective-c core-graphics drawrect uibezierpath

我正在尝试使用UIBezierPath绘制一个PieChart,我很接近这样做,但是,我遇到了一个问题,你可以在附带的截图上看到 screenshot2 这是我正在使用的代码:

-(void)drawRect:(CGRect)rect
{
    CGRect bounds = self.bounds;
    CGPoint center = CGPointMake((bounds.size.width/2.0), (bounds.size.height/2.0));

    NSManagedObject *gameObject = [SCGameManager sharedInstance].gameObject;
    int playerNumber = 0;
    int totalOfPlayers = [(NSSet*)[gameObject valueForKey:@"playerColors"] count];
    float anglePerPlayer = M_PI*2 / totalOfPlayers;
    for (NSManagedObject *aPlayerColor in [gameObject valueForKey:@"playerColors"]){
        //Draw the progress
        CGFloat startAngle = anglePerPlayer * playerNumber;
        CGFloat endAngle = startAngle + anglePerPlayer;
        UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:self.frame.    size.width/2 startAngle:startAngle endAngle:endAngle clockwise:YES];

        UIColor *playerColor = [SCConstants getUIColorForPlayer:[[aPlayerColor valueForKey:@"colorIndex"] intValue]];
        [playerColor set];
        [path fill];
        playerNumber++;
    }
}

显然,我只需将路径移动到圆圈的中心,然后关闭它,但是当我添加以下代码行时:

[path addLineToPoint:self.center];
[path closePath];

它吸引了一些奇怪的东西:  screenshot1

你知道我的代码出了什么问题吗?我根本不是Bezier的专家,所以欢迎任何帮助!

谢谢!

1 个答案:

答案 0 :(得分:11)

看起来你正在使用的中心点是问题所在。实际上,如果你查看UIView的center属性的文档,你会发现:

  

中心在其超视图的坐标系内指定,并以磅为单位进行测量。

您希望在其自己的坐标系中指定视图的中心点,而不是其超级视图的中心点。您已经在此处确定了视图中心的坐标:

CGPoint center = CGPointMake((bounds.size.width/2.0), (bounds.size.height/2.0));

因此,只需将您使用的点更改为self.centercenter的中心点,如下所示:

[path addLineToPoint:center];