带有切出段和阴影的 UIView

Question

我的问题如下：我正在尝试从自定义 UIView 中剪切出一段，然后将阴影效果应用于此视图。

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

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

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，并且您可以从那里从贝塞尔曲线中提取控制点。

带有切出段和阴影的 UIView

UIView with cut out segment and shadow

objective-c

calayer

uiview

ios