笔者在学习CALayer的时候,从 文顶顶 、TerryLMay、GitBook等地方学到了很多东西,在此将要分享的内容基本上是对我所学内容的总结。感谢前人的分享,也希望各位看官不吝赐教。如果有侵犯到原作者的权益,请及时告知。
说明
- UIView内部默认有个CALayer对象(层),通过layer属性可以访问这个层。要注意的是,这个默认的层不允许重新创建,但可以往层里面添加子层。
- UIView可以通过addSubview:方法添加子视图,类似地,CALayer可以通过addSublayer:方法添加子层。
创建图层的步骤
1.创建layer
2.设置layer的属性(设置了颜色,bounds才能系那是出来)
3.将layer添加到界面上(控制器view的layer上)
1.添加一个简单的图层
实现代码:
- (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.添加一个现实图片的图层
实现代码:
- (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的性能会高一些,因为它少了事件处理的功能,更加轻量级。