1

我想使用 UIBezier Path 实现图像中显示的形状，并且该形状也填充了图像中的块，它显示一个块已填充，如何实现这一点。

在此处输入图像描述

我尝试了从这里获取的以下代码

UIBezierPath *path = [UIBezierPath bezierPath];
[path moveToPoint:CGPointMake(0, 10)];
[path addQuadCurveToPoint:CGPointMake(200, 10) controlPoint:CGPointMake(100, 5)];
[path addLineToPoint:CGPointMake(200, 0)];
[path addLineToPoint:CGPointMake(0, 0)];
[path closePath];

谢谢。

4

1 回答 1

5

在我看来，轮廓和每个块都具有相同的形状。您可能会做的是为轮廓制作一个形状并对其进行描边，并为每个单元格制作一个形状并填充它。

创建形状

每个形状都可以像这样创建（正如我之前在这个答案中解释的那样）。这是通过抚摸一条路径（橙色弧线）来完成的，这是一条从一个角度到另一个角度的简单弧线，以获得另一条路径（虚线轮廓）

要描边的路径

在我们可以抚摸我们创建它的路径之前。CGPath 的工作方式与 UIBezierPath 类似，但使用了 C API。首先我们移动到起点，然后我们围绕中心添加一条从一个角度到另一个角度的弧。

CGMutablePathRef arc = CGPathCreateMutable();
CGPathMoveToPoint(arc, NULL,
                  startPoint.x, startPoint.y);
CGPathAddArc(arc, NULL,
             centerPoint.x, centerPoint.y,
             radius,
             startAngle,
             endAngle,
             YES);

现在我们有了居中的弧线，我们可以通过以一定宽度抚摸它来创建一个形状路径。生成的路径将具有两条直线（因为我们指定了“对接”线帽样式）和两条弧线（内部和外部）。正如您在上图中看到的，笔划从中心向内和向外的距离相等。

CGFloat lineWidth = 10.0;
CGPathRef strokedArc =
    CGPathCreateCopyByStrokingPath(arc, NULL,
                                   lineWidth,
                                   kCGLineCapButt,
                                   kCGLineJoinMiter, // the default
                                   10); // 10 is default miter limit

您将执行此操作几次以为描边轮廓创建一条路径，并为每个单元格创建一条路径。

绘制形状

根据它是轮廓还是单元格，您可以对其进行描边或填充。您可以使用内部的 Core GraphicsdrawRect:或使用CAShapeLayers 的 Core Animation 来执行此操作。选择一个，不要在他们之间：）

核心图形

使用 Core Graphics（内部drawRect:）时，您将获得图形上下文，在其上配置颜色，然后描边路径。例如，具有灰色填充颜色和黑色描边颜色的轮廓如下所示：

我知道你的形状是用浅蓝色笔触填充的白色（或者可能是清晰的），但我已经有一个灰色和黑色的图像，我不想创建一个新的；）

CGContextRef c = UIGraphicsGetCurrentContext();
CGContextAddPath(c, strokedArc); // the path we created above
CGContextSetFillColorWithColor(c, [UIColor lightGrayColor].CGColor);
CGContextSetStrokeColorWithColor(c, [UIColor blackColor].CGColor);
CGContextDrawPath(c, kCGPathFillStroke); // both fill and stroke

这将在屏幕上显示这样的内容

填充和描边形状

核心动画

可以使用这样的形状图层完成相同的绘图：

CAShapeLayer *outline = [CAShapeLayer layer];
outline.fillColor = [UIColor lightGrayColor].CGColor;
outline.strokeColor = [UIColor blackColor].CGColor;
outline.lineWidth = 1.0;
outline.path = strokedArc; // the path we created above

[self.view.layer addSublayer: outline];
于 2014-01-23T21:03:25.060 回答