通过CAShaperLayer把UIView做成镂空效果

在做公司项目过程中，有时我们会遇到一个视图中间是镂空的效果，首先，我们可能想到的是在四周创建一些视图，中间是空的。那么，我们有没有简单方法呢？下面，就小编给大家介绍一下CAShaperLayer是怎么给UIView做成镂空效果吧。
话不多说，直接上代码！
我们在控制器视图上加个view，控制器视图的颜色是黑色，添加的view颜色是红色

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor blackColor];
 
    UIView *view = [[UIView alloc]init];
    view.frame = self.view.bounds;
    view.backgroundColor = [UIColor redColor];
    [self.view addSubview:view];
    
    CGFloat W = self.view.frame.size.width;
    CGFloat H = self.view.frame.size.height;
    CAShapeLayer *shperLayer = [[CAShapeLayer alloc]init];
    CGMutablePathRef path = CGPathCreateMutable();
    // 保留顶部100
    CGPathAddRect(path, nil, CGRectMake(0, 0, W, 100));
    // 保留底部100
    CGPathAddRect(path, nil, CGRectMake(0, H - 100, W, 100));
    shperLayer.path = path;
    self.view.layer.mask = shperLayer;
    // 之前没有释放path，更新一下。注意：在Swift中CGMutablePathRef是class不需要手动释放
    CGPathRelease(path);
}

运行后的效果

大家可以看到运行后中间是黑色，上下是红色。

以上是对CAShapeLayer的简单使用，后期会给大家介绍CAShapeLayer的更多使用。