IOS|iOS中Layer的认识和使用
CALayer是什么
CALayer(层)是屏幕上的一个矩形区域，在每一个UIView中都包含一个CALayer，CALayer负责UIView的视图显示。
Layer与UIView的关系
根据CALayer的定义，我们不难发现CALayer与UIView是一个包含关系，但是其中又不完全是包含关系。
文章图片
以我个人的理解，大概可以这样描述。
UIView是对CALayer以及Response的一些封装，使得它具有除了视图显示之外的其他属性。比如它的子类UIButton具有点击操作，UIView本身有GestureRecognizer的一些操作。至于CALayer暴露给UIView的部分我们都可以用UIView来实现，比如说Frame
【IOS|iOS中Layer的认识和使用】
如下面的例子所示：使用view的layer属性，可以对view的frame进行更改。
文章图片
当我们使用view.layer修改他的frame的时候，是这样的
文章图片
事实上，我们对UIView的frame进行操作的时候，最终也是传输给layer进行具体操作的。也许你会觉得我们仅仅是修改了他的Layer的Frame，并UIView依旧是刚才那个CGRectMake(100,100,100,100);
的frame。但是接下来我们给他加一个触摸事件看一下，我点击的部分我可以十份肯定不在CGRectMake(100,100,100,100)的区域，而在CGRectMake(100,100,200,200);
的。但是它依然响应了触摸事件，我们知道CALayer是不能响应事件的，所以我们可以完全肯定，通过layer修改了view的frame。从而可以证明之前的包含和暴露结论
文章图片
CALayer可以做什么
屡清楚了CALayer是什么之后，我们更迫切的想知道，它到底能做什么。
好吧，其实这个时候打开CALayer的.h文件比较靠谱，看看他都有哪些属性是UIView没有的，那就是没有暴露给UIView的，只有通过它自己才可以实现的。比如说这些
文章图片
如果比较追求细节和技术的童鞋，就一条条的屡过去吧，总是会有收获的。
在github上的一份翻译上，我找到了对CALayer没有暴露给UIView的功能总结;
1，阴影，圆角，带颜色的边框
2，3D变换
3，非矩形范围
4，多级非线性动画。
好吧，接下来主要说一下我认为比较实用的一些属性。
cornerRadius
position
contents
borderWidth/borderColor
maskToBounds
contentRect
官方给的解释是这样的
/* A rectangle in normalized image coordinates defining the
* subrectangle of the `contents' property that will be drawn into the
* layer. If pixels outside the unit rectangles are requested, the edge
* pixels of the contents image will be extended outwards. If an empty
* rectangle is provided, the results are undefined. Defaults to the
* unit rectangle [0 0 1 1]. Animatable. */
大概意思就是说在layer中，我们可以通过这个属性，来显示它的局部内容。它的默认的大小是[0011],也就是显示全部。乍一看好像也没有太大的用处。但是这让我想起了刚学编码的时候一个盛大的大神给我晒的他们的UI图。大概是这个样子的，当然上面还有标注坐标，只是原图我已经找不到了。
文章图片
运用这个属性，我们可以将APP需要载入的一些icon进行拼合，然后在显示的时候运用contentsRect进行切图，因为单张大图的载入速度，会比n张小图载入的速度快。（至于为什么，好吧我也不大懂，不过我想，n张小图就要做n次请求，而1张大图只要做一次请求，貌似是有那么点道理，就让我自己强行脑补一波吧）
至于使用，那就是非常简单了，只需要view.layer.contentsRect（0，0，0.5，0.5）；类似这样，从左上角到右下角，0-1的一个坐标系。（0，0，1，1）就表示整张图都显示了。
zPosition属性
其实用到zPosition并不是因为学习CALayer，而是在很久的以前，使用[view bringSubviewToFront:view1]；的时候，当时不知道是什么原因，一直起不了作用，最后大神告诉我。可以尔尔 view1.layer.zPosition = 1；就简单搞定了。因为layer其实是三维空间的，而不是简单的二维。而z轴的position初始值都是0.z轴的值越大，在图层的越上方......自行脑补吧......
anchorPoint
什么事anchorPoint?好吧，它就是一颗图钉，按住layer，让layer围着它转。这里需要说一点的是，这可图钉直接影响着view的位置。所以一般来说，都是先设置anchorePoint之后再设置frame.从而可以简单的让它不变形。
推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中，逐渐适应一个人到底意味着什么（）
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷（Invasion篇）发售
- “成长”读书社群招募
- 2020-04-07vue中Axios的封装和API接口的管理