在做公司項(xiàng)目過程中，有時(shí)我們會(huì)遇到一個(gè)視圖中間是鏤空的效果，首先，我們可能想到的是在四周創(chuàng)建一些視圖，中間是空的。那么，我們有沒有簡單方法呢？下面，就小編給大家介紹一下CAShaperLayer是怎么給UIView做成鏤空效果吧。
話不多說，直接上代碼！
我們?cè)诳刂破饕晥D上加個(gè)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不需要手動(dòng)釋放
    CGPathRelease(path);
}

運(yùn)行后的效果

大家可以看到運(yùn)行后中間是黑色，上下是紅色。

運(yùn)行后的效果

以上是對(duì)CAShapeLayer的簡單使用，后期會(huì)給大家介紹CAShapeLayer的更多使用。