objective-c - 不要在 UIBezierPath 之外显示 subview

Question

我有一个 UIView，它是用以下内容绘制的:

- (void)drawRect:(CGRect)rect
{
    UIBezierPath *bezierPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, self.widthOfLine, self.heightOfLine)];

    [bezierPath fill];
}

并且其框架位于 iOS 窗口的中心。我想在此 View 中随机放置一堆较小的(5px x 5px) View ，我使用 arc4random() 函数并绘制 View 做得很好。但是，我似乎无法弄清楚如何切断 bezierPathWithOvalInRect 之外的所有 View ，它只会在第一个 UIView 框架中的任何位置显示它们。有人知道该怎么做吗？

编辑:

为了清楚起见，我将另一个 View 定义为:

- (void)drawRect:(CGRect)rect
{
    UIBezierPath *drawPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(self.xPosition, self.yPosition, self.width, self.width)];
    [[UIColor whiteColor] setFill];
    [drawPath fill];
}

我将大量这些作为 subview 添加到第一个 View 中，但我希望它们不要显示在椭圆形贝塞尔路径之外。有没有办法a)仅将它们添加到椭圆形贝塞尔曲线路径内，而不是添加到整个框架内，或者b)从 View 中剪掉椭圆形外部的所有内容？

Answer 1

为了将所有 subview 剪切到特定的 UIBezierPath，您需要设置 View 的 Layer 属性的 mask 属性。如果将layer.mask设置为该路径的CAShapeLayer，则所有 subview 都将被裁剪到该路径。

我使用以下代码在我的应用程序中执行此操作:

    // create your view that'll hold all the subviews that
    // need to be clipped to the path
    CGRect anyRect = ...;
    UIView* clippedView = [[UIView alloc] initWithFrame:anyRect];
    clippedView.clipsToBounds = YES;
    // now create the shape layer that we'll use to clip
    CAShapeLayer* maskingLayer = [CAShapeLayer layer];
    [maskingLayer setPath:bezierPath.CGPath];
    maskingLayer.frame = backingImageHolder.bounds;
    // set the mask property of the layer, and this will
    // make sure that all subviews are only visible inside
    // this path
    clippedView.layer.mask = maskingLayer;

    // now any subviews you add won't show outside of that path
    UIView* anySubview = ...;
    [clippedView addSubview:anySubview];