ios-CALayer图层基本概念和用法

 

1、CALayer简单的概述

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

 

其实UIView之所以能显示在屏幕上，完全是因为它内部的一个图层

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

 

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

 

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

 

换句话说，UIView本身不具备显示的功能，是它内部的层才有显示功能

2、UIView与CALayer最主要的区别是什么呢

UIView与CALayer两者都可以用来显示东西，不同之处在于UIView还包含了事件点击，可以进行用户交互，而CALayer只是单纯的用于显示。

 

3、CALayer的常用属性

宽度和高度

@property CGRect bounds;

 

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

 @property CGPoint position;

 

锚点(x,y的范围都是0-1)，决定了position的含义

 @property CGPoint anchorPoint;

 

背景颜色(CGColorRef类型)

@property CGColorRef backgroundColor;

 

形变属性，可以实现3D的移动缩放旋转效果， UIView的transform属性是2D的

@property CATransform3D transform;

 

边框颜色(CGColorRef类型)

 

@property CGColorRef borderColor;

 

边框宽度

 

@property CGFloat borderWidth;

 

圆角半径

 

@property CGColorRef borderColor;

 

 

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

 

@property(retain) id contents;

 

 

4、两个重要的属性position和anchorPoint

 

position用来设置CALayer在父层中的位置，以父层的左上角为原点(0, 0)

 

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

 

 

 

 

 

 

 

 

4、自己创建图层

 

 //自定义图层
    CALayer *layer = [CALayer layer];
    //设置背景颜色
    layer.backgroundColor = [UIColor redColor].CGColor;
    //设置圆角
    layer.cornerRadius = 10.0f;
    //设置边框
    layer.borderWidth = 10;
    //设置边框颜色
    layer.borderColor = [UIColor yellowColor].CGColor;
    //设置尺寸大小
    layer.bounds = CGRectMake(0, 0, 200, 200);
    //设置图层位置
    layer.position = CGPointMake(100, 100);
    //设置锚点，设置自己身上的哪个点处于position所指的位置
    layer.anchorPoint = CGPointMake(0, 0);
    //设置图层显示内容,会把内容绘制到图层上显示出来，如图片
    layer.contents = (id)[UIImage imageNamed:@"me"].CGImage;
    //把图层天加到控制器view的图层上
    [self.view.layer addSublayer:layer];
}