（二）CALayer（创建图层）
2016-09-22 本文已影响23人
DecadentOrMagic
笔者在学习CALayer的时候，从 文顶顶 、TerryLMay、GitBook等地方学到了很多东西，在此将要分享的内容基本上是对我所学内容的总结。感谢前人的分享，也希望各位看官不吝赐教。如果有侵犯到原作者的权益，请及时告知。
说明
- UIView内部默认有个CALayer对象(层)，通过layer属性可以访问这个层。要注意的是，这个默认的层不允许重新创建，但可以往层里面添加子层。
- UIView可以通过addSubview:方法添加子视图，类似地，CALayer可以通过addSublayer:方法添加子层。
创建图层的步骤
1.创建layer
2.设置layer的属性（设置了颜色，bounds才能系那是出来）
3.将layer添加到界面上（控制器view的layer上）
1.添加一个简单的图层
添加一个简单的图层.png
实现代码：
- (void)createSimpleLayer
{
// 1.创建一个layer
// 使用对象方法创建
// CALayer *layer = [[CALayer alloc] init];
// 使用类方法创建
CALayer *layer = [CALayer layer];
// 2.设置layer的属性(一定要设置位置,颜色属性才能显示出来)
// 设置层的宽度和高度（100x100）
layer.bounds = CGRectMake(0, 0, 100, 100);
// 设置层的位置
layer.position = CGPointMake(100, 100);
// 设置层的背景颜色：红色
layer.backgroundColor = [UIColor redColor].CGColor;
// 设置层的圆角半径为10
layer.cornerRadius = 10;
// 添加layer到控制器的view的layer中
[self.view.layer addSublayer:layer];
}
在viewDidLoad方法里进行调用就可以实现。
2.添加一个现实图片的图层
添加一个显示图片的图层.png
实现代码：
- (void)createPictureLayer
{
NSLog(@"start---%@",self.view.layer.sublayers);
CALayer *layer = [CALayer layer];
// 设置层的宽度和高度（100x100）
layer.bounds = CGRectMake(0, 0, 100, 100);
// 设置层的位置
layer.position = CGPointMake(100, 100);
// 设置需要显示的图片
layer.contents = (id)[UIImage imageNamed:@"AI_200*200"].CGImage;// 这里用的是UIImage的CGImage属性，是一种CGImageRef类型的数据
// 设置层的圆角半径为10
layer.cornerRadius = 10;
// 如果设置了图片，需要设置这个属性为YES才有圆角效果(不设置也有)
layer.masksToBounds = YES;
// 添加layer到控制器的view的layer中
[self.view.layer addSublayer:layer];
NSLog(@"end---%@",self.view.layer.sublayers);// 在添加layer之前，控制器view上layer又两个子layer，添加之后，有三个子layer。
}
在viewDidLoad方法里进行调用就可以实现。
3.访问层
实现代码：
- (void)visitLayer
{
CALayer *layer = [CALayer layer];
layer.backgroundColor = [UIColor brownColor].CGColor;
layer.bounds = CGRectMake(0, 0, 100, 100);
layer.position = CGPointMake(100, 100);
[self.view.layer addSublayer:layer];
// CALayer通过sublayers属性访问所有的子层
// UIView可以通过subviews属性访问所有的子视图，类似地，CALayer也可以通过sublayers属性访问所有的子层
NSLog(@"%@",self.view.layer.sublayers[2]);
NSLog(@"%@",layer);
// CALayer也可以通过superlayer属性访问父层
// UIView可以通过superview属性访问父视图，类似地，CALayer也可以通过superlayer属性访问父层
NSLog(@"%@",layer.superlayer);
NSLog(@"%@",self.view.layer);
}
在viewDidLoad方法里进行调用就可以实现。
4.子控件的 layer
实现方法：
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Menlo}p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Menlo; color: #52a3ff}p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px 'PingFang SC'; color: #777997}span.s1 {font-variant-ligatures: no-common-ligatures}span.s2 {font-variant-ligatures: no-common-ligatures; color: #de38a6}span.s3 {font-variant-ligatures: no-common-ligatures; color: #000000}span.s4 {font-variant-ligatures: no-common-ligatures; color: #8b87ff}span.s5 {font-variant-ligatures: no-common-ligatures; color: #52a3ff}span.s6 {font: 18.0px Menlo; font-variant-ligatures: no-common-ligatures; color: #000000}span.s7 {font: 18.0px Menlo; font-variant-ligatures: no-common-ligatures}span.s8 {font-variant-ligatures: no-common-ligatures; color: #ff3b3b}
- (void)subViewLayer
{
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(100, 100, 200, 200)];
label.backgroundColor = [UIColor blueColor];
[self.view addSubview:label];
// 特别注意：如果一个控件是另外一个控件的子控件，那么这个控件的layer也是另一个控件的子layer
NSLog(@"%@",self.view.layer.sublayers);
}
CALayer补充知识（一）
为什么CALayer中使用CGColorRef和CGImageRef这2种数据类型，而不用UIColor和UIImage？
- 首先要知道：CALayer是定义在QuartzCore框架中的；CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框架中的；UIColor、UIImage是定义在UIKit框架中的。
- 其次，QuartzCore框架和CoreGraphics框架是可以跨平台使用的，在iOS和Mac OS X上都能使用，但是UIKit只能在iOS中使用。
- 因此，为了保证可移植性，QuartzCore不能使用UIImage、UIColor，只能使用CGImageRef、CGColorRef。
- 不过很多情况下，可以通过UIKit对象的特定方法，得到CoreGraphics对象，比如UIImage的CGImage方法可以返回一个CGImageRef
CALayer补充知识（二）
其实前面的2个效果不仅可以通过添加层来实现，还可以通过添加UIView来实现。比如，第1个红色的层可以用一个UIView来实现，第2个显示图片的层可以用一个UIImageView来实现。 既然CALayer和UIView都能实现相同的显示效果，那究竟该选择谁好呢？
- 其实，对比CALayer，UIView多了一个事件处理的功能。也就是说，CALayer不能处理用户的触摸事件，而UIView可以。
- 所以，如果显示出来的东西需要跟用户进行交互的话，用UIView；如果不需要跟用户进行交互，用UIView或者CALayer都可以。
- 当然，CALayer的性能会高一些，因为它少了事件处理的功能，更加轻量级。
