UIView带有切出的段和阴影

Question

我的问题是：我试图从自定义UIView中删除一个片段并对此视图应用阴影效果。

在自定义UIView类中，我这样做了：

创建了两个图层 - 阴影和蒙版。添加了阴影图层作为此自定义视图的子图层。然后我创建了一个新视图，将其蒙版设置为蒙版图层，并将其作为子视图添加到自定义视图中。

self.backgroundColor = [UIColor clearColor];
CGFloat radius = 40;
float startAngle = -M_PI;
float endAngle = 0;

UIBezierPath *path = [UIBezierPath bezierPathWithRect:self.bounds];

[path moveToPoint:CGPointMake(CGRectGetMidX(self.bounds), CGRectGetMaxY(self.bounds)+radius/1.8)];
[path addArcWithCenter:CGPointMake(CGRectGetMidX(self.bounds), CGRectGetMaxY(self.bounds)+radius/1.8) radius:radius startAngle:startAngle endAngle:endAngle clockwise:YES];

CAShapeLayer *shadowLayer = [[CAShapeLayer alloc] init];
shadowLayer.frame = self.bounds;
shadowLayer.path = path.CGPath;
shadowLayer.shadowColor = [UIColor grayColor].CGColor;
shadowLayer.shadowOpacity = 0.5;
shadowLayer.shadowRadius = 2;
shadowLayer.masksToBounds = NO;
shadowLayer.shadowOffset = CGSizeMake(2.0, 2.0);
shadowLayer.fillRule = kCAFillRuleEvenOdd;


CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = self.bounds;
maskLayer.masksToBounds = NO;
maskLayer.path = path.CGPath;
maskLayer.fillRule = kCAFillRuleEvenOdd;
maskLayer.fillColor = [UIColor whiteColor].CGColor;

[self.layer addSublayer:shadowLayer];

UIView *view = [[UIView alloc] initWithFrame:self.bounds];
view.backgroundColor = [UIColor whiteColor];
view.layer.mask = maskLayer;
[self addSubview:view];

这就是我想要达到的目标 -

这就是我实际得到的

如果我设置clipToBounds = YES，它将切断所需的阴影效果。

如果我想剪一个半圆，那绝对没有问题。因为在这种情况下，半圆路径完全位于视图边界内。

但我确实需要实现第一张图片中显示的结果。 我正在考虑逐行构建路径，但问题出现在这个弧上，结果可能不那么准确。

有没有人有想法如何做到这一点？ 谢谢！

Answer 1

编辑： 如果问题是路径错误，请不要使用圆圈并猜测坐标来合成代码中的路径。相反，您应该导出坐标实际图稿并使用曲线的图稿坐标。看起来你有一个草图文件，所以最简单的方法是复制并粘贴到paint code，这将为你提供曲线的代码，但如果你没有油漆代码（你应该，这种东西令人惊叹）你可以从草图中将曲线导出为SVG。如果在文本编辑器中打开生成的SVG，您将看到它是人类可读的XML，您可以从那里从Bezier曲线中提取控制点。