CALayer（一）

一 CALayer是什么？

摘自官网的一句话－Layers Provide the Basis for Drawing and Animations（Layers是绘图和动画的基础）

Layer是在3D空间中的2D平面。Layer管理的几何（例如rotate，transfrom），内容（image等），和可视属性（backgroundColor，alpha）等信息。Layer主要通过管理bitmap来维护自己的状态信息，从这一点上来说，Layer可以看作对象模型，因为他们主要用来管理数据。

Layer是基于bitmap的，它会捕获View要呈现的内容，然后cache在一个bitmap中，这个bitmap可以看作一个对象。这样每次进行操作，例如平移旋转等，只是bitmap的矩阵运算。基于Layer的动画过程如图

由于基于Layer的绘制是处理静态的Bitmap的，而bitmap的处理又是GPU所擅长的，所以它的效率要比基于View绘制的高很多，因为基于View绘制的每次都要进行drawRect的调用重新绘制。

二 Layer支持继承，支持添加Sublayer，支持对sublayer进行层次调整

常用的Layer子类

CAEmitterLayer	发射器层，用来控制粒子效果
CAGradientLayer	梯度层，颜色渐变
CAEAGLayer	用OpenGL ES绘制的层
CAReplicationLayer	用来自动复制sublayer
CAScrollLayer	用来管理可滑动的区域
CAShapeLayer	绘制立体的贝塞尔曲线
CATextLayer	可以绘制AttributeString
CATiledLayer	用来管理一副可以被分割的大图
CATransformLayer	用来渲染3D layer的层次结构

管理Layer内容的几个函数

addSublayer:

insertSublayer:above:

insertSublayer:atIndex:

insertSublayer:below:

removeFromSuperlayer

replaceSublayer:with:

三直接设置UIView的Layer

先看一个示例，然后我会列出常用的属性，最后就某几个比较不容易理解的属性单独分析。

先在Stroyboard上拖拽一个UIView，然后control＋drag出一个IBOutlet，命名为containView

[objc] view plaincopy

@property (weak, nonatomic) IBOutlet UIView *containView;

然后，在ViewDidLoad中，键入如下代码

[objc] view plaincopy

containView.layer.backgroundColor = [UIColor lightGrayColor].CGColor;//背景色
containView.layer.cornerRadius = 20.0;//圆角
containView.layer.shadowColor = [UIColor blueColor].CGColor;//阴影颜色
containView.layer.shadowOpacity = 0.8;//阴影透明度
containView.layer.shadowOffset = CGSizeMake(3.0, 3.0);//阴影的偏移量
containView.layer.borderColor = [UIColor redColor].CGColor;//边界颜色
containView.layer.borderWidth = 2;//边界宽度

这样，运行后的效果如图

四添加Sublayer

[objc] view plaincopy

containView.layer.backgroundColor = [UIColor lightGrayColor].CGColor;
containView.layer.cornerRadius = 20.0;
containView.layer.shadowColor = [UIColor blueColor].CGColor;
containView.layer.shadowOpacity = 0.8;
containView.layer.shadowOffset = CGSizeMake(3.0, 3.0);
containView.layer.borderColor = [UIColor redColor].CGColor;
containView.layer.borderWidth = 2;
CALayer * sublayer1 = [CALayer layer];
sublayer1.backgroundColor = [UIColor blueColor].CGColor;
sublayer1.frame = CGRectMake(0, 0,80,80);
sublayer1.anchorPoint = CGPointMake(0.5, 0.5);
sublayer1.position = CGPointMake(100,100);
[containView.layer addSublayer:sublayer1];

效果图如图

有可能添加Sublayer的时候，sublayer的frame范围已经超过了super Layer的frame，那么会怎么样呢？

[objc] view plaincopy

sublayer1.position = CGPointMake(0,CGRectGetMaxY(containView.bounds)-10);

修改sublayer1的位置，然后效果如图

但是，很多时候我们并不想sublayer的范围超出 super layer，这时候可以设置这个属性

[objc] view plaincopy

containView.layer.masksToBounds = YES;

效果如图

这里再听过两个常用的CALayer的子类UIShapeLayer和UITextLayer的示例

[objc] view plaincopy

CAShapeLayer * shapeLayer = [CAShapeLayer layer];
CGMutablePathRef path = CGPathCreateMutable();
CGPathMoveToPoint(path,nil,0.0,0);
CGPathAddLineToPoint(path,nil,0.0,CGRectGetHeight(containView.bounds)/2);
shapeLayer.path = path;
shapeLayer.bounds = CGRectMake(0,0,5.0,CGRectGetHeight(containView.bounds)/2);
shapeLayer.anchorPoint = CGPointMake(0.5, 0.5);
shapeLayer.position = CGPointMake(CGRectGetMidX(containView.bounds),CGRectGetMidY(containView.bounds));
shapeLayer.lineWidth = 5.0;
shapeLayer.lineCap = kCALineCapRound;
shapeLayer.strokeColor = [UIColor yellowColor].CGColor;
[containView.layer addSublayer:shapeLayer];
CATextLayer * textLayer = [CATextLayer layer];
NSString * text = @"blog.csdn.net/hello_hwc";
NSAttributedString * attributeString = [[NSAttributedString alloc] initWithString:text];
textLayer.string = text;
textLayer.alignmentMode = @"center";
textLayer.fontSize = 12;
textLayer.foregroundColor = [UIColor brownColor].CGColor;
CGRect bounds;
bounds.origin = CGPointMake(0, 0);
bounds.size = attributeString.size;
textLayer.bounds = bounds;
textLayer.position = CGPointMake(100,100);
[containView.layer addSublayer:textLayer];

效果图如图

五 anchorPoint和position

和UIView不同，Layer主要由三个属性来设置位置（极少用Frame）：

bounds －设置大小

anchorPoint -设置锚点（锚点对后续的layer动画有很大影响）

position －锚点在superLayer中的位置

这样说有点抽象，我们看看以下的图就了解了

对于iOS来说，坐标系如图，archPoint（x,y）的两个值通常取0.0-1.0,默认值是（0.5，0.5）这里的值可以看作所占用x的比例，比如默认的0.5，0.5就是在x的中间和y的中间。

而position则是AnchorPoint在super layer中的位置

如下图

五 Layer显示图片

[objc] view plaincopy

CALayer * imageLayer = [CALayer layer];
imageLayer.bounds = CGRectMake(0,0,200,100);
imageLayer.position = CGPointMake(200,200);
imageLayer.contents = (id)[UIImage imageNamed:@"lichen.jpg"].CGImage;
imageLayer.contentsGravity = kCAGravityResizeAspect;
[containView.layer addSublayer:imageLayer];

效果图

这里,要详细讲解以下contentGravity这个属性。这个属性决定了contents如何填充。

具体分为两个方面，

方面一，位置方面

具体如图

方面二，比例变换方面

如图

六 Layer于UIView的区别

摘自官方文档

Layers are not a replacement for your app’s views—that is, you cannot create a visual interface based solely on layer objects. Layers provide infrastructure for your views. Specifically, layers make it easier and more efficient to draw and animate the contents of views and maintain high frame rates while doing so. However, there are many things that layers do not do. Layers do not handle events, draw content, participate in the responder chain, or do many other things. For this reason, every app must still have one or more views to handle those kinds of interactions.

In iOS, every view is backed by a corresponding layer object but in OS X you must decide which views should have layers. In OS X v10.8 and later, it probably makes sense to add layers to all of your views. However, you are not required to do so and can still disable layers in cases where the overhead is unwarranted and unneeded. Layers do increase your app’s memory overhead somewhat but their benefits often outweigh the disadvantage, so it is always best to test the performance of your app before disabling layer support.

简单来说，View和Layer最大的区别就是View可以接受用户输入（例如触摸）而Layer不可以，Layer单独并不能呈现出任何可视的内容，必须依托于View。Layer只是几何上呈现给用户的东西，它较为轻量，通常采用Cache技术，对资源消耗也较小。

七接下来的计划

下一篇会继续更新CALayer，更新一些不常用的属性和方法，然后更新Core Animation的内容

CALayer（一）相关推荐

【动画2】CALayer动画
一)UIView动画二)CoreAnimation动画前言:上一篇已经介绍了UIKit给我们封装好的UIView动画的使用,UIKit动画是建立在CoreAnimation动画之上的,CoreAn ...
多个CALayer的联动
在如何通过手势捕获CALayer基础上做了个示例,两个CALayer的联动,当拖动左侧的Layer的时候,右侧的Layer随动.因为右侧的动画没有关闭,有延迟,产生随动的效果.如果不想延迟,可参考拖动 ...
iOS：CALayer核心动画层
CALayer:核心动画层简介: Core Animation 是跨平台的,支持iOS环境和Mac OS X环境学习核心动画之前,需要先理解CALayer,因为核心动画操作的对象不是UIView, ...
［分享］iOS开发－UI篇：CAlayer层的属性
iOS开发UI篇-CAlayer层的属性一.position和anchorPoint 1.简单介绍 CALayer有2个非常重要的属性:position和anchorPoint @property ...
iOS 动画之CoreAnimation(CALayer)
CoreAnimation基本介绍 CoreAnimation动画位于iOS框架的Media层 CoreAnimation动画实现需要添加QuartzCore.Framework CoreAnimat ...
CALayer（二）
前言:本文涵盖了(1)绘制CALayer的三种方式(2)Layer Tree 一提供CALayer内容的三种方式把一个图像对象直接赋值给contents属性(这是提供CALayer内容的最好方式) ...
IOS开发CALayer隐式动画
2019独角兽企业重金招聘Python工程师标准>>> 每一个自定义的layer都存在默认的隐私动画,隐式动画默认为1/4秒 @interface DYViewController ...
从 CALayer 的 Position、AnchorPoint 说起
本文 demo 地址有的东西虽然基础,但是耐不住人老记性差呀,自己写下来好过次次再搜咯,so...... AnchorPoint 和 Position AnchorPoint anchorPoint ...
小知识六、CALayer动画
CAShapeLayer 圆形指示器 let ovalShapeLayer: CAShapeLayer = CAShapeLayer()let anotherOvalShapeLayer: CASha ...

CALayer（一）

CALayer（一）相关推荐

最新文章

热门文章

CALayer（ 一 ）

CALayer（ 一 ）相关推荐

最新文章

热门文章

CALayer（一）

CALayer（一）相关推荐