我的问题如下:我试图从自定义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,它将切断所需的阴影效果。
如果我想剪一个半圆,那绝对没有问题。因为在这种情况下,半圆路径完全位于视线范围内。
但是我确实需要实现第一张图所示的结果。
我曾考虑过逐行构建路径,但问题是出现在此弧线上,结果可能不太准确。
有谁知道如何做到这一点?
谢谢!
最佳答案
编辑:
如果问题是路径错误,请不要在代码中使用圆圈和猜测坐标来合成路径。相反,您应该导出坐标实际图稿,并使用曲线的图稿坐标。看起来您有一个草图文件,因此最简单的方法是将其复制并粘贴到paint code中,这将为您提供曲线的代码,但是在没有绘制代码的情况下(您应该绘制它的代码)您可以将草图中的曲线导出为SVG。如果在文本编辑器中打开生成的SVG,您将在人类可读的XML中看到它,并且可以从贝塞尔曲线中提取控制点。