初探CALayer属性

2016-11-28 本文已影响741人小沛2016

一直觉得一个view就一个layer

到今天才发现不是这样子的

其关系图如下

图片.png

CALayer属性表如下

图片.png

CALayer和UIView的区别

1.UIView是UIKit的(只能iOS使用)，CALayer是QuartzCore的(iOS和mac os通用)

2.UIView继承UIResponder,CALayer继承NSObject,UIView比CALayer多了一个事件处理的功能，也就是说，CALayer不能处理用户的触摸事件，而UIView可以

3.UIView来自CALayer，是CALayer的高层实现和封装，UIView的所有特性来源于CALayer支持

4.CABasicAnimation，CAAnimation，CAKeyframeAnimation等动画类都需要加到CALayer上

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

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

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

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

关于CALayer的疑惑

首先
CALayer是定义在QuartzCore框架中的(Core Animation)
CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框架中的
UIColor、UIImage是定义在UIKit框架中的

其次
QuartzCore框架和CoreGraphics框架是可以跨平台使用的，在iOS和Mac OS X上都能使用
但是UIKit只能在iOS中使用

为了保证可移植性，QuartzCore不能使用UIImage、UIColor，只能使用CGImageRef、CGColorRef

今天发现个有趣的事情就是我们方法名可以写中文！！！！！！！！！

下面是我在layer那敲的代码给各位分享一下

import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

(void)viewDidLoad {
[super viewDidLoad];

[self 仿射变换_07];

}

pragma mark - 仿射变换

(void)仿射变换_07
{
CALayer *layer = [CALayer layer];
layer.frame = CGRectMake(60, 60, 200, 300);
layer.backgroundColor = [UIColor redColor].CGColor;
[self.view.layer addSublayer:layer];

//设置层内容
layer.contents = (__bridge id _Nullable)([UIImage imageNamed:@"3"].CGImage);

//x轴旋转45度
//layer.transform = CATransform3DMakeRotation(88(M_PI)/180, 1, 0, 0);
//旋转45度度数 x y z
layer.transform = CATransform3DMakeRotation(45(M_PI)/180, 0.5, 1, 1);

/*
CATransform3DMakeRotation:3D旋转
CATransform3DTranslate:3D位移
CATransform3DMakeScale：3D比例
*/

//仿射变换
//layer.affineTransform = CGAffineTransformMakeRotation(<#CGFloat angle#>);
}

pragma mark - 剪切图片的一部分

(void)剪切图片的一部分_06
{
int width = 80;
int height = 100;

int sapce = 1;

for(int i = 0; i < 9; i++)
{
UIView *view = [[UIView alloc] init];

  view.frame = CGRectMake(60 + (width + sapce) * (i%3), 80 + (height + sapce) * (i/3), width, height);
  view.backgroundColor = [UIColor redColor];
  //设置层的内容
  view.layer.contents = (__bridge id _Nullable)([UIImage imageNamed:@"1.jpeg"].CGImage);
  //设置图片剪切的范围  [0,1]  contentsRect 图层显示内容的大小和位置
  view.layer.contentsRect = CGRectMake(1.0/3.0 * (i%3), 1.0/3.0 * (i/3), 1.0/3.0, 1.0/3.0);
  [self.view addSubview:view];
  
  /*
   1：（0，0，1/3,1/3）
   2: (1/3,0，1/3,1/3)
   3: (2/3,0，1/3,1/3)
   */

}
}

pragma mark - 图层添加边框和圆角

(void)图层添加边框和圆角_05
{
CALayer *layer = [CALayer layer];
layer.frame = CGRectMake(60, 60, 100, 100);
layer.backgroundColor = [UIColor redColor].CGColor;
[self.view.layer addSublayer:layer];

//边框颜色
layer.borderColor = [UIColor greenColor].CGColor;
//边框宽度
layer.borderWidth = 3;
//圆角
layer.cornerRadius = 10;
}

pragma mark - 剪切超过父图层的部分

(void)剪切超过父图层的部分_04
{
CALayer *layer = [CALayer layer];
layer.frame = CGRectMake(60, 60, 100, 100);
layer.backgroundColor = [UIColor redColor].CGColor;
[self.view.layer addSublayer:layer];

CALayer *layer2 = [CALayer layer];
layer2.frame = CGRectMake(30, 30, 100, 100);
layer2.backgroundColor = [UIColor blueColor].CGColor;
[layer addSublayer:layer2];

//剪切超过父图层的部分
layer.masksToBounds = YES;
}

pragma mark -阴影路径

(void)阴影路径_03
{
CALayer *layer = [CALayer layer];
layer.frame = CGRectMake(60, 60, 100, 100);
layer.backgroundColor = [UIColor redColor].CGColor;
[self.view.layer addSublayer:layer];

//1表示不透明,注意：设置阴影当前值不能为0，默认是0
layer.shadowOpacity = 1.0;
//阴影颜色
layer.shadowColor = [UIColor yellowColor].CGColor;

//创建路径
CGMutablePathRef path = CGPathCreateMutable();
//椭圆
CGPathAddEllipseInRect(path, NULL, CGRectMake(0, 0, 200, 200));

layer.shadowPath = path;

CGPathRelease(path);

}

pragma mark - 添加阴影_02

(void)层的阴影_02
{
CALayer *layer = [CALayer layer];
layer.frame = CGRectMake(60, 60, 100, 100);
layer.backgroundColor = [UIColor redColor].CGColor;
[self.view.layer addSublayer:layer];

//1表示不透明,注意：设置阴影当前值不能为0，默认是0
layer.shadowOpacity = 0.9;
//阴影颜色
layer.shadowColor = [UIColor yellowColor].CGColor;
//阴影偏移 ->x正 <-x负 y同理
layer.shadowOffset = CGSizeMake(10, -10);
//阴影的圆角半径
layer.shadowRadius = 10;
}

pragma mark - 图层内容和内容模式_01

(void)图层内容和内容模式_01 {
CALayer *layer = [CALayer layer];
layer.frame = CGRectMake(20, 20, 100, 100);
layer.backgroundColor = [UIColor redColor].CGColor;
[self.view.layer addSublayer:layer];

//设置层内容
layer.contents = (__bridge id _Nullable)([UIImage imageNamed:@"1.jpeg"].CGImage);
//内容模式，类似于UIImageView的contentMode。默认是填充整个区域 kCAGravityResize
//kCAGravityResizeAspectFill 这个会向左边靠贴到view的边边上
//kCAGravityResizeAspect 这个好像就是按比例了反正是长方形
layer.contentsGravity = kCAGravityResizeAspect;

//设置控制器视图的背景图片
/*
性能很高。
*/
self.view.layer.contents = (__bridge id _Nullable)([UIImage imageNamed:@"3"].CGImage);
}