我正在尝试实现一个自定义的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似乎没有任何作用。正确绘制的第一个路径gest和随后的路径不受旋转的影响。基本上,我所看到的只是一条路。检查此处的屏幕截图http://img837.imageshack.us/img837/9757/iossimulatorscreenshotf.png
感谢您的帮助!
最佳答案
在转换之前,您正在绘制路径(使用stroke
)。路径只是数学上的表示。这不是“屏幕上的”行。您无法通过修改有关其的数据来移动已绘制的内容。
只需将[aPath stroke]
从pathFrom:to:
中移出,然后放在applyTransform:
之后即可。