010-CALayer(图层)

问题一：什么是CALayer（图层）？

简而言之：使UIView可以显示在屏幕上的功能属性，UIView之所以可以显示在屏幕上完全是因为UIView内部含有一个CALayer属性

•在iOS中，能看得见摸得着的东西基本上都是UIView，比如一个按钮、一个文本标签、一个文本输入框、一个图标等等，这些都是UIView

•UIView本身不具备显示的功能，之所以能显示完全是因为它内部的图层属性（具有显示功能）

•在创建UIView对象时，UIView内部会自动创建一个图层(即CALayer对象)，通过UIView的layer属性可以访问这个层

@property(nonatomic,readonly,retain) CALayer *layer;

•当UIView需要显示到屏幕上时，会调用drawRect:方法进行绘图，将所有内容绘制在自己的图层上，绘图完毕后，系统将图层映射到屏幕上，于是就完成了UIView的显示

// view的完整显示过程
// 1. view.layer准备了一个Layer Graphics Context(图层类型的上下文)
// 2. 调用view.layer.delegate(view)的drawLayer:inContext:,并传入刚才准备好的上下文
// 3. view的drawLayer:inContext:方法内部又会调用view的drawRect:方法
// 4. view就可以在drawRect:方法中实现绘图代码, 所有东西最终都绘制到view.layer上面
// 5. 系统再将view.layer的内容拷贝到屏幕, 于是完成了view的显示

问题二：CALayer具有哪些属性？

九大属性：

•1.内容(比如设置为图片CGImageRef)

@property(retain) id contents;

•2.位置(默认指中点，具体由anchorPoint决定)

@property CGPoint position; // 用来设置CALayer在父层中的位置 以父层的左上角为原点(0, 0)

•3.宽度和高度

@property CGRect bounds;

•4.锚点(x,y的范围都是0-1)，决定了自身视图在position的坐落点

@property CGPoint anchorPoint; // 称为“定位点”、“锚点” 决定着CALayer身上的哪个点会在position属性所指的位置 以自己的左上角为原点(0, 0) 它的x、y取值范围都是0~1，默认值为（0.5, 0.5）

•5.背景颜色(CGColorRef类型)

@property CGColorRef backgroundColor;

•6.形变属性

@property CATransform3D transform;

•7.边框颜色(CGColorRef类型)

@property CGColorRef borderColor;

•8.边框宽度

@property CGFloat borderWidth;

•9.圆角半径

@property CGColorRef borderRadius;

问题三：CALayer可以用来做什么呢？

•通过操作CALayer对象，可以很方便地调整UIView的一些外观属性，比如：

Ø阴影

Ø圆角大小

Ø边框宽度和颜色

Ø… …

Ø代码示例：显示效果： 010-CALayer(图层)

- (void)testView
{
    // 边框宽度
    self.purpleView.layer.borderWidth = 10;
    //    // 边框颜色
    self.purpleView.layer.borderColor = [UIColor blueColor].CGColor;
    // 圆角
    self.purpleView.layer.cornerRadius = 10;
    //    self.purpleView.layer.masksToBounds = YES; // 超出主层边框范围的内容都剪掉
    // 阴影颜色
    self.purpleView.layer.shadowColor = [UIColor blueColor].CGColor;
    // 阴影偏差
    self.purpleView.layer.shadowOffset = CGSizeMake(10, 10);
    // 阴影不透明度
    self.purpleView.layer.shadowOpacity = 0.5;
}

•还可以给图层添加动画，来实现一些比较炫酷的效果（见问题六）

ps:新建图层

- (void)viewDidLoad
{
    [super viewDidLoad];

    // 新建图层
//    CALayer *layer = [[CALayer alloc] init];
    CALayer *layer = [CALayer layer];
    layer.backgroundColor = [UIColor redColor].CGColor;
    layer.bounds = CGRectMake(0, 0, 100, 100);
    layer.position = CGPointMake(200, 200);
    layer.anchorPoint = CGPointMake(1, 1);
    layer.cornerRadius = 10;
    layer.masksToBounds = YES;
    layer.contents = (id)[UIImage imageNamed:@"lufy"].CGImage;
    [self.view.layer addSublayer:layer];
    // 新建图层
    //    CALayer *layer1 = [[CALayer alloc] init];
    CALayer *layer1 = [CALayer layer];
    layer1.backgroundColor = [UIColor redColor].CGColor;
    layer1.bounds = CGRectMake(0, 0, 100, 100);
    layer1.position = CGPointMake(200, 200);
    layer1.anchorPoint = CGPointMake(0, 0);
    layer1.cornerRadius = 10;
    layer1.masksToBounds = YES;
    layer1.contents = (id)[UIImage imageNamed:@"lufy"].CGImage;
    [self.view.layer addSublayer:layer1];
}

新建图层

ps:自定义图层

@implementation WHBLayer
/**
 *  只有明显地调用setNeedsDisplay方法,才会调用drawInContext:方法进行绘制
 */
- (void)drawInContext:(CGContextRef)ctx
{
    // 红色
    CGContextSetRGBFillColor(ctx, 1, 0, 0, 1);
    // 添加圆
    CGContextAddEllipseInRect(ctx, CGRectMake(0, 0, 50, 50));
    // 实心绘制
    CGContextFillPath(ctx);
}

WHBLayer.m