CALayer寄宿图

什么是寄宿图？

简而言之就是图层（layer）中包含的图，这个图为了我们提供了能够去设置或者绘制出我们想要的图案显示在iPhone上。

怎么用

1.设置图层的contents属性

CALayer的contents属性：

@property(nullable, strong) id contents;

contents属性是一个id类型，真正的类型是Core Foundation中的CGImageRef，需要__bridge关键字转换，代码如下：

-(void)viewDidLoad{
    [super viewDidLoad];
    
    UIImage *image = [UIImage imageWithName:@"cat"];
    self.catView.layer.contents = (__bridge id)image.CGImage;
}

😄对就是这么简单，如果不用图片呢，也很简单。

2.实现-drawRect: 方法自定义绘制

通过继承UIView,实现 -drawRect: 方法,用Core Graphics来自定义绘制。

@implementation CircleView

- (void)drawRect:(CGRect)rect{
    // 计算半径
    CGFloat radius = MIN(rect.size.width, rect.size.height) * 0.5;
    //创建圆的路径
    UIBezierPath *bezierPath = [UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:radius];
    //设置draw颜色
    [[UIColor redColor] set];
    //填充颜色绘制
    [bezierPath fill];
}

😄对就是这么简单，需要提醒的是 -setNeedsDisplay 会出发-drawRect: 及时更新。另外还有一种自定义绘制方法。

3.实现CALayerDelegate 协议自定义绘制

CALayer的delegate属性：

@property(nullable, weak) id <CALayerDelegate> delegate;

CALayer底层就是通过CALayerDelegate协议给外部提供扩展绘制、布局、layer action接口，开发者自行绘制在drawRect提供的寄宿图上,此时layer的delegate为UIViewb本身。

====================
CALayerDelegate 协议
====================
// 用于设置寄宿图
- (void)displayLayer:(CALayer *)layer;
// 用于绘制寄宿图
- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx;
// 将要绘制的时候调用
- (void)layerWillDraw:(CALayer *)layerCA_AVAILABLE_STARTING (10.12, 10.0, 10.0, 3.0);
// 绘制方法已经调用，将调用此方法，bounds变化或setNeetLayout触发，用于layout sublayer 
- (void)layoutSublayersOfLayer:(CALayer *)layer;
// layer action 可以做动画，下次讲动画时user it 
- (nullable id<CAAction>)actionForLayer:(CALayer *)layer forKey:(NSString *)event;

执行顺序 layerWillDraw -> displayLayer/drawLayer -> layoutSublayersOfLayer;

代码如下：

-(void)viewDidLoad{
    [super viewDidLoad];
    
    // 设置初始化
    CALayer *blackLayer = [CALayer new];
    blackLayer.backgroundColor = [UIColor blackColot].CGColor;
    blackLayer.frame = CGRectMake(0,0,100.0f,200.0f);
    blackLayer.contentScale = [UIScreen mainScreen].scale;

    // 设置 CALayerDelegate
    blackLayer.delegate = self;

    // 加入父图层
    [self.view.layer addSublayer:blackLayer];
    
    // 千万不要忘记调用display，layer层的绘制由开发者决定，不同于UIView
    [blackLayer display];
}

- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx{
    // 画一个红色的椭圆
    CGContextSetLineWidth(ctx, 10.0f);
    CGContextSetStrokeColorWithColor(ctx, [UIColor redColor].CGColor);
    CGContextStrokeEllipseInRect(ctx, layer.bounds);
}

😄是不是也很简单呢，由于水平有限，如果有什么写的不对的地方或者需要补充的地方，欢迎指出，也希望自己越写越好😄！