使用Bezier Path作为剪贴蒙版

Question

我想知道是否可以将视图剪切到Bezier路径.我的意思是我希望能够仅在封闭的贝塞尔路径内的区域中看到视图.原因是我有一个不规则形状的轮廓,我想逐渐用从上到下的纯色填充形状.如果我能够使某个视图仅在路径中可见,那么我可以简单地创建一个我想要的颜色的UIView,然后根据需要更改其框架的y坐标,有效地填充形状.如果有人对如何实现这一点有任何更好的想法,将不胜感激.对于记录,形状的填充将与用户手指的y值匹配,因此它不能是连续动画.谢谢.

更新(很长一段时间后):

我尝试了你的答案,Rob,除了一件事,它的效果很好.我的目的是在掩模保持在屏幕上的相同位置时移动视图被遮罩.这样我就可以给人一种被视图"填满"面具的印象.问题在于,根据你的答案编写的代码,当我移动视图时,掩码随之移动.我明白这是可以预料到的,因为我所做的就是将它作为视图的掩码添加,因此如果它与之相关联的东西移动,它将会移动.我尝试添加掩码作为superview的子层,以便它保持放置,但这有非常奇怪的结果.这是我的代码:

self.test = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 200, 200)];
self.test.backgroundColor = [UIColor greenColor];

[self.view addSubview:self.test];

UIBezierPath *myClippingPath = [UIBezierPath bezierPath];
[myClippingPath moveToPoint:CGPointMake(100, 100)];
[myClippingPath addCurveToPoint:CGPointMake(200, 200) controlPoint1:CGPointMake(self.screenWidth, 0) controlPoint2:CGPointMake(self.screenWidth, 50)];
[myClippingPath closePath];


CAShapeLayer *mask = [CAShapeLayer layer];
mask.path = myClippingPath.CGPath;

self.test.layer.mask = mask;

CGRect firstFrame = self.test.frame;
firstFrame.origin.x += 100;
[UIView animateWithDuration:3 animations:^{
    self.test.frame = firstFrame;
}];

谢谢你的帮助.

Answer 1

您可以通过将视图的图层蒙版设置为a来轻松完成此操作CAShapeLayer.

UIBezierPath *myClippingPath = ...

CAShapeLayer *mask = [CAShapeLayer layer];
mask.path = myClippingPath.CGPath;

myView.layer.mask = mask;

QuartzCore如果尚未将框架添加到目标中,则需要将其添加到目标中.

在Swift ......

let yourCarefullyDrawnPath = UIBezierPath( .. blah blah
let maskForYourPath = CAShapeLayer()
maskForYourPath.path = carefullyRoundedBox.CGPath
layer.mask = maskForYourPath