Question

我正在尝试实现一个自定义的UIView，它基本上是一个饼图菜单（类似蛋糕分成片）。

为此，我试图从中心画一个圆圈和一系列线条，就像图表轮子中的光线一样。

我已经成功绘制了圆圈，现在我想画出将圆圈分成切片的线条。

这是我到目前为止所做的：

-(void)drawRect:(CGRect)rect{

     [[UIColor blackColor] setStroke];
     CGContextRef ctx = UIGraphicsGetCurrentContext();

    CGFloat minDim = (rect.size.width < rect.size.height) ? rect.size.width : rect.size.height;

    CGRect circleRect =  CGRectMake(0, rect.size.height/2-minDim/2, minDim, minDim); 

    CGContextAddEllipseInRect(ctx, circleRect);
    CGContextSetFillColor(ctx, CGColorGetComponents([[UIColor yellowColor] CGColor]));
    CGContextFillPath(ctx);

    CGPoint start = CGPointMake(0, rect.size.height/2);
    CGPoint end = CGPointMake(rect.size.width, rect.size.height/2);

    for (int i = 0; i < MaxSlices(6); i++){

        CGFloat degrees = 1.0*i*(180/MaxSlices(6));
        CGAffineTransform rot = CGAffineTransformMakeRotation(degreesToRadians(degrees));

        UIBezierPath *path = [self pathFrom:start to:end];
        [path applyTransform:rot];

    }
 }   

- (UIBezierPath *) pathFrom:(CGPoint) start to:(CGPoint) end{

    UIBezierPath*    aPath = [UIBezierPath bezierPath];
    aPath.lineWidth = 5;
    [aPath moveToPoint:start];
    [aPath addLineToPoint:end];
    [aPath closePath];
    [aPath stroke];
    return aPath;
}

问题是路径上的applyTransform似乎没有做任何事情。正确绘制的第一个路径和以下的路径不受旋转的影响。基本上我所看到的只是一条路。检查此处的屏幕截图http://img837.imageshack.us/img837/9757/iossimulatorscreenshotf.png

感谢您的帮助！

Answer 1

在转换之前，您正在绘制路径（使用stroke）。路径只是一种数学表示。它不是“在屏幕上”的线。您无法通过修改相关数据来移动您已绘制的内容。

将[aPath stroke]移出pathFrom:to:，然后将其放在applyTransform:之后。

UIBezierPath和applytransform

1 个答案: