iOS mask 层和 CAShapeLayer层中间挖去一部分的 源码分析

iOS mask 层和 CAShapeLayer层中间挖去一部分的 源码分析

//
//  ViewController.m
//  test_maskLayer_01
//
//  Created by admin on 3/6/16.
//  Copyright © 2016 jeffasd. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()


//@property (nonatomic, weak) IBOutlet UIView *containerView;


@property(nonatomic, strong)CAShapeLayer *maskeLayer;

//@property (nonatomic, strong) CAShapeLayer *shapeLayer;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];


//    [self test0];
    
//    [self test2];
    
    [self test3];
}

/**方法3*/
- (void)test3{
    
    self.view.backgroundColor = [UIColor whiteColor];
    
//    UIBezierPath *bPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(100, 100, 100, 100)];
    UIBezierPath *bPath = [UIBezierPath bezierPathWithRect:self.view.frame];
    
    UIBezierPath *bsPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(120, 120, 60, 60)];
    [bPath appendPath:bsPath];//追加
    
    //在设置了shapeLayer的fillRule后这个设置就不起作用了
    bPath.usesEvenOddFillRule = YES;
//    bPath.usesEvenOddFillRule = NO;
    
    CAShapeLayer *shapeLayer = [CAShapeLayer layer];
//    shapeLayer.strokeColor = [UIColor redColor].CGColor;
    shapeLayer.fillColor = [UIColor blueColor].CGColor;

//        shapeLayer.fillRule = kCAFillRuleNonZero;
    shapeLayer.fillRule = kCAFillRuleEvenOdd;
    
//    shapeLayer.lineWidth = 5;
//        shapeLayer.lineJoin = kCALineJoinBevel;
//        shapeLayer.lineCap = kCALineCapRound;
    shapeLayer.path = bPath.CGPath;
    
    [self.view.layer addSublayer:shapeLayer];
    
}

- (void)test2{
    
    self.view.backgroundColor = [UIColor orangeColor];
    
    UIBezierPath *path = [UIBezierPath bezierPathWithRect:self.view.bounds];
//    [path addArcWithCenter:CGPointMake(CGRectGetWidth(self.view.bounds)/2, CGRectGetHeight(self.view.bounds)/2) radius:50 startAngle:0 endAngle:M_PI *2 clockwise:YES];
    
//    [path moveToPoint:CGPointMake(CGRectGetWidth(self.view.bounds)/2+50, CGRectGetHeight(self.view.bounds)/2)];
//    [path addArcWithCenter:CGPointMake(CGRectGetWidth(self.view.bounds)/2, CGRectGetHeight(self.view.bounds)/2) radius:50 startAngle:0 endAngle:2*M_PI clockwise:YES];
    
    UIBezierPath *appendPath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(CGRectGetWidth(self.view.bounds)/2, CGRectGetHeight(self.view.bounds)/2) radius:50 startAngle:0 endAngle:2*M_PI clockwise:YES];
    
    [path appendPath:appendPath];
    
//    path.usesEvenOddFillRule = YES;
    
    CAShapeLayer *shapeLayer = [CAShapeLayer layer];
    shapeLayer.path = path.CGPath;
    shapeLayer.fillColor= [UIColor cyanColor].CGColor;  //其他颜色都可以，只要不是透明的
    shapeLayer.fillRule=kCAFillRuleEvenOdd;
    
    shapeLayer.strokeColor = [UIColor cyanColor].CGColor;
    
    [shapeLayer removeFromSuperlayer];
    
//    self.view.layer.mask = shapeLayer;
    
    [self.view.layer addSublayer:shapeLayer];
    

}

- (void)test0{
    //create path
    UIBezierPath *path = [[UIBezierPath alloc] init];
    [path moveToPoint:CGPointMake(200, 150)];
    [path addArcWithCenter:CGPointMake(150, 150) radius:50 startAngle:0 endAngle:2*M_PI clockwise:YES];
    [path moveToPoint:CGPointMake(250, 150)];
    [path addArcWithCenter:CGPointMake(150, 150) radius:100 startAngle:0 endAngle:2*M_PI clockwise:YES];
    
    //create shape layer
    CAShapeLayer *shapeLayer = [CAShapeLayer layer];
    shapeLayer.strokeColor = [UIColor redColor].CGColor;
    shapeLayer.fillColor = [UIColor blueColor].CGColor;
//    shapeLayer.fillRule = kCAFillRuleNonZero;
    shapeLayer.fillRule = kCAFillRuleEvenOdd;
    
    shapeLayer.lineWidth = 5;
//    shapeLayer.lineJoin = kCALineJoinBevel;
//    shapeLayer.lineCap = kCALineCapRound;
    shapeLayer.path = path.CGPath;
    
    //add it to our view
    [self.view.layer addSublayer:shapeLayer];
}

- (void)test1{
    //create path
    UIBezierPath *path = [[UIBezierPath alloc] init];
    [path moveToPoint:CGPointMake(200, 150)];
    [path addArcWithCenter:CGPointMake(150, 150) radius:50 startAngle:0 endAngle:2*M_PI clockwise:YES];
    [path moveToPoint:CGPointMake(250, 150)];
    [path addArcWithCenter:CGPointMake(150, 150) radius:100 startAngle:0 endAngle:2*M_PI clockwise:YES];
    [path moveToPoint:CGPointMake(300, 150)];
    [path addArcWithCenter:CGPointMake(150, 150) radius:150 startAngle:0 endAngle:2*M_PI clockwise:YES];
    
    //create shape layer
    CAShapeLayer *shapeLayer = [CAShapeLayer layer];
    shapeLayer.strokeColor = [UIColor redColor].CGColor;
    shapeLayer.fillColor = [UIColor blueColor].CGColor;
    //shapeLayer.fillRule = kCAFillRuleNonZero;
    shapeLayer.fillRule = kCAFillRuleEvenOdd;
    
    shapeLayer.lineWidth = 5;
    shapeLayer.lineJoin = kCALineJoinBevel;
    shapeLayer.lineCap = kCALineCapRound;
    shapeLayer.path = path.CGPath;
    
    //add it to our view
//    [self.containerView.layer addSublayer:shapeLayer];
    [self.view.layer addSublayer:shapeLayer];
}

- (void)testShapeLayerOne{
    
    
    
#if 0
    _maskeLayer = [CAShapeLayer layer];
    
    UIBezierPath *path = [UIBezierPath bezierPathWithRect:self.view.frame];
    
    [_maskeLayer removeFromSuperlayer];
    
    //    _maskeLayer.path = path.CGPath;
    self.view.layer.mask = _maskeLayer;
    
    
    
    UIBezierPath *bPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, 100, 100)];
    bPath.usesEvenOddFillRule = YES;
    UIBezierPath *bsPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(20, 20, 60, 60)];
    [bPath appendPath:bsPath];//裁剪
    [bPath addClip];//绘制图像
    
    _maskeLayer.path = bPath.CGPath;
    
    
    //    _maskeLayer.path = bsPath.CGPath;
    
    
    //    UIBezierPath *piePath = [UIBezierPath bezierPath];
    //    CGPoint center = self.view.center;
    //    [piePath moveToPoint:center];
    //    [piePath addArcWithCenter:center  radius:radius  startAngle:topAngle  endAngle:endAngle  clockwise:YES];
    //    [piePath closePath];
    //
    //    UIBezierPath *circlePath = [UIBezierPath bezierPathWithOvalInRect:outCircleRect];
    //    UIBezierPath *innerCirclePath = [UIBezierPath bezierPathWithOvalInRect:innerCircleRect];
    //    [circlePath appendPath:innerCirclePath];
    //    [circlePath setUsesEvenOddFillRule:YES];  //后便会有说明
    //    [circlePath addClip];
    
    
    UIView *view = [UIView new];
    //    view.frame = CGRectMake(100, 100, 200, 500);
    
    view.frame = self.view.frame;
    
    [self.view addSubview:view];
    view.backgroundColor = [UIColor redColor];
    
#endif
    
#if 0
    
    //    self.view.backgroundColor = [UIColor redColor];
    
    UIBezierPath *path = [UIBezierPath bezierPathWithRect:self.view.bounds];
    [path addArcWithCenter:CGPointMake(CGRectGetWidth(self.view.bounds)/2, CGRectGetHeight(self.view.bounds)/2) radius:50 startAngle:0 endAngle:M_PI *2 clockwise:YES];
    path.usesEvenOddFillRule = YES;
    
    
    
    CAShapeLayer *shapeLayer = [CAShapeLayer layer];
    shapeLayer.frame         = self.view.frame;                // 与showView的frame一致
    shapeLayer.position = self.view.center;
    shapeLayer.fillColor= [UIColor blackColor].CGColor;  //其他颜色都可以，只要不是透明的
    
    //设置线条的宽度和颜色
    shapeLayer.lineWidth = 1.0f;
    shapeLayer.strokeColor = [UIColor redColor].CGColor;
    
    //创建出圆形贝塞尔曲线
    UIBezierPath *circlePath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, 200, 200)];
    circlePath.usesEvenOddFillRule = YES;
    
    
    shapeLayer.path = circlePath.CGPath;
    
    //    shapeLayer.path = path.CGPath;
    
    
    shapeLayer.fillRule=kCAFillRuleEvenOdd;
    
    
    
    
    
    [self.view.layer addSublayer:shapeLayer];
    
    //    UIView *translucentView = [UIView new];
        translucentView.frame = self.imaegView.bounds;
    //
    //    translucentView.frame = self.view.bounds;
    //
        translucentView.backgroundColor = [UIColor blackColor];
    //    translucentView.backgroundColor = [UIColor cyanColor];
        translucentView.alpha = 0.5;
        translucentView.layer.mask = shapeLayer;
    //
        [self.view addSubview:translucentView];
    
    
#endif
    
    //    //创建出CAShapeLayer
    //    self.shapeLayer = [CAShapeLayer layer];
    //    self.shapeLayer.frame = CGRectMake(0, 0, 200, 200);//设置shapeLayer的尺寸和位置
    //    self.shapeLayer.position = self.view.center;
    //    self.shapeLayer.fillColor = [UIColor clearColor].CGColor;//填充颜色为ClearColor
    //
    //    //设置线条的宽度和颜色
    //    self.shapeLayer.lineWidth = 1.0f;
    //    self.shapeLayer.strokeColor = [UIColor redColor].CGColor;
    //
    //    //创建出圆形贝塞尔曲线
    //    UIBezierPath *circlePath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, 200, 200)];
    //
    //    //让贝塞尔曲线与CAShapeLayer产生联系
    //    self.shapeLayer.path = circlePath.CGPath;
    //
    //    //添加并显示
    //    [self.view.layer addSublayer:self.shapeLayer];
    
    CAShapeLayer *myLayer = (CAShapeLayer*) self.view.layer; //size: 320 X 480
    UIBezierPath *testPath = [UIBezierPath bezierPathWithOvalInRect:(CGRect){{100, 100}, 100, 100}]; //a simple circle
    myLayer.fillRule = kCAFillRuleNonZero; // have tried this as well: kCAFillRuleEvenOdd;
    myLayer.path = testPath.CGPath;
    myLayer.fillColor = [UIColor whiteColor].CGColor;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end