不规则形状的UIBezierPath填充

Question

我正在制作一些自定义控件。该控件的子视图之一是透明的 UIView，其上绘制有 UIBezierPath 路径。在其中一张照片上，只有 UIBezierPath 的边框（称为 [路径描边]），但在第二张照片上，您可以看到当我调用 [路径填充] 时会发生什么。我希望填充路径以创建与第一张照片类似的形状。下面是来自这个透明 UIView 的 drawRect 方法。

 - (void)drawRect:(CGRect)rect
{
// Drawing code
[super drawRect:rect];
UIBezierPath *path;
[[UIColor greenColor] setStroke];
[[UIColor greenColor] setFill];
//Angles

CGFloat startAngle = degreesToRadians(225);
CGFloat endAngle = degreesToRadians(315);

CGPoint center = CGPointMake(CGRectGetMidX(rect), lRadius);
path = [UIBezierPath bezierPathWithArcCenter: center radius:lRadius startAngle:startAngle endAngle:endAngle clockwise:YES];
rightEndOfLine = path.currentPoint;
bigArcHeight = rightEndOfLine.y;


CGFloat smallArcHeight = lRadius - bigArcHeight - sRadius;
CGFloat smallArcWidthSquare = (8*smallArcHeight*sRadius) - (4 * (smallArcHeight * smallArcHeight));
smallArcWidth = sqrtf(smallArcWidthSquare);


leftStartOfLine = CGPointMake((rect.size.width - smallArcWidth)/2, lRadius-sRadius + smallArcHeight);    
CGFloat lengthOfSpace = (rect.size.width - rightEndOfLine.x);

[path moveToPoint:leftStartOfLine];
[path addArcWithCenter:center radius:sRadius startAngle:startAngle endAngle:endAngle clockwise:YES];
rightStartOfLine = path.currentPoint;
leftEndOfLine = CGPointMake(lengthOfSpace, bigArcHeight);
[path moveToPoint:rightStartOfLine];
[path addLineToPoint:rightEndOfLine];
[path moveToPoint:leftStartOfLine];
[path addLineToPoint:leftEndOfLine];
[path closePath];
[path stroke];
 // [path fill];

 }

感谢您的帮助！

Answer 1

尝试删除所有 moveToPoint 调用。这是一个连续的形状，因此不需要它们，并且它们会混淆填充算法。您可以从左上角开始，顺时针绘制圆弧，绘制分段（？）线，逆时针绘制圆弧，然后绘制最后一条分段线（或闭合路径）。这将正确填充。