View与Layer的区别与联系

谁践踏了优雅 2022-08-22 05:52 312阅读 0赞

# View与Layer的区别与联系 #

在 iOS 中，所有的 view 都是由一个底层的 layer 来驱动的。view 和它的 layer 之间有着紧密的联系，view 其实直接从 layer 对象中获取了绝大多数它所需要的数据。在 iOS 中也有一些单独的 layer，比如 AVCaptureVideoPreviewLayer 和 CAShapeLayer，它们不需要附加到 view 上就可以在屏幕上显示内容。两种情况下其实都是 layer 在起决定作用。当然了，附加到 view 上的 layer 和单独的 layer 在行为上还是稍有不同的。

UIView相比CALayer最大区别是UIView可以响应用户事件，而CALayer不可以。UIView侧重于对显示内容的管理，CALayer侧重于对内容的绘制。  
万物归根，UIView和CALayer都是的老祖都是NSObjet。

*  UIView的继承结构为: UIResponder : NSObject。  
    UIResponder是用来响应事件的，也就是UIView可以响应用户事件。
 *  CALayer的继承结构为： NSObject。  
    直接从 NSObject继承，因为缺少了UIResponder类，所以CALayer悲催的不能响应任何用户事件。  
    CALayer定义了position、size、transform、animations 等基本属性。

## UIView可以响应事件，Layer不可以. ##

UIKit使用UIResponder作为响应对象，来响应系统传递过来的事件并进行处理。UIApplication、UIViewController、UIView、和所有从UIView派生出来的UIKit类（包括UIWindow）都直接或间接地继承自UIResponder类。

在 UIResponder中定义了处理各种事件和事件传递的接口, 而 CALayer直接继承 NSObject，并没有相应的处理事件的接口。  
下面列举一些处理触摸事件的接口

*  – touchesBegan:withEvent:
 *  – touchesMoved:withEvent:
 *  – touchesEnded:withEvent:
 *  – touchesCancelled:withEvent:

## View和CALayer的Frame映射及View如何创建CALayer. ##

一个 Layer 的 frame 是由它的 anchorPoint,position,bounds,和 transform 共同决定的，而一个 View 的 frame 只是简单的返回 Layer的 frame，同样 View 的 center和 bounds 也是返回 Layer 的一些属性。（PS:center有些特列）为了证明这些，我做了如下的测试。

首先我自定义了两个类CustomView,CustomLayer分别继承 UIView 和 CALayer

在 CustomView 中重写了

+ (Class)layerClass
    {
        return [CustomLayer class];
    }
    - (void)setFrame:(CGRect)frame
    {
        [super setFrame:frame];
    }
    - (void)setCenter:(CGPoint)center
    {
        [super setCenter:center];
    }
    - (void)setBounds:(CGRect)bounds
    {
        [super setBounds:bounds];
    }

同样在 CustomLayer中同样重写这些方法。只是 setCenter方法改成setPosition方法  
我在两个类的初始化方法中都打下了断点  
![这里写图片描述][20160525154748210]

首先我们会发现，我们在 \[view initWithFrame\] 的时候调用私有方法【UIView \_createLayerWithFrame】去创建 CALayer。

然后我在创建 View 的时候，在 Layer 和 View 中Frame 相关的所有方法中都加上断点，可以看到大致如下的调用顺序如下

[UIView _createLayerWithFrame]
    [Layer setBounds:bounds]
    [UIView setFrame：Frame]
    [Layer setFrame:frame]
    [Layer setPosition:position]
    [Layer setBounds:bounds]

我发现在创建的过程只有调用了 Layer 的设置尺寸和位置的然而并没有调用View 的 SetCenter 和 SetBounds 方法。

然后我发现当我修改了 view的 bounds.size 或者 bounds.origin 的时候也只会调用上边 Layer的一些方法。所以我大胆的猜一下，View 的 Center 和 Bounds 只是直接返回layer 对应的 Position 和 Bounds.

View中frame getter方法，bounds和center，UIView并没有做什么工作；它只是简单的各自调用它底层的CALayer的frame，bounds和position方法

## UIView主要是对显示内容的管理而 CALayer 主要侧重显示内容的绘制 ##

我在 UIView 和 CALayer 分别重写了父类的方法。

[UIView drawRect:rect]//UIView 
    [CALayer display]//CALayer

然后我在上面两个方法加了断点，可以看到如下的执行。

![这里写图片描述][20160525154831508]

可以看到 UIView 是 CALayer 的CALayerDelegate，我猜测是在代理方法内部\[UIView(CALayerDelegate) drawLayer:inContext\]调用 UIView 的 DrawRect方法，从而绘制出了 UIView 的内容.

## 在做 iOS 动画的时候，修改非 RootLayer的属性（譬如位置、背景色等）会默认产生隐式动画，而修改UIView则不会 ##

对于每一个 UIView 都有一个 layer,把这个 layer 且称作RootLayer,而不是 View 的根 Layer的叫做 非 RootLayer。我们对UIView的属性修改时时不会产生默认动画，而对单独 layer属性直接修改会，这个默认动画的时间缺省值是0.25s.

在 Core Animation 编程指南的 “How to Animate Layer-Backed Views” 中，对为什么会这样做出了一个解释：

UIView 默认情况下禁止了 layer 动画，但是在 animation block 中又重新启用了它们

是因为任何可动画的 layer 属性改变时，layer 都会寻找并运行合适的 ‘action’ 来实行这个改变。在 Core Animation 的专业术语中就把这样的动画统称为动作 (action，或者 CAAction)。

layer 通过向它的 delegate 发送 actionForLayer:forKey: 消息来询问提供一个对应属性变化的 action。delegate 可以通过返回以下三者之一来进行响应：

它可以返回一个动作对象，这种情况下 layer 将使用这个动作。  
它可以返回一个 nil， 这样 layer 就会到其他地方继续寻找。  
它可以返回一个 NSNull 对象，告诉 layer 这里不需要执行一个动作，搜索也会就此停止。  
当 layer 在背后支持一个 view 的时候，view 就是它的 delegate；

## 总结 ##

*  每个 UIView 内部都有一个 CALayer 在背后提供内容的绘制和显示，并且 UIView 的尺寸样式都由内部的 Layer 所提供。两者都有树状层级结构，layer 内部有 SubLayers，View 内部有 SubViews.但是 Layer 比 View 多了个AnchorPoint
 *  在 View显示的时候，UIView 做为 Layer 的 CALayerDelegate,View 的显示内容由内部的 CALayer 的 display
 *  CALayer 是默认修改属性支持隐式动画的，在给 UIView 的 Layer 做动画的时候，View 作为 Layer 的代理，Layer 通过 actionForLayer:forKey:向 View请求相应的 action(动画行为)
 *  layer 内部维护着三分 layer tree,分别是 presentLayer Tree(动画树),modeLayer Tree(模型树), Render Tree (渲染树),在做 iOS动画的时候，我们修改动画的属性，在动画的其实是 Layer 的 presentLayer的属性值,而最终展示在界面上的其实是提供 View的modelLayer
 *  两者最明显的区别是 View可以接受并处理事件，而 Layer 不可以

[20160525154748210]: /images/20220722/40a9047d20154bf4b021e145fb5bfbd6.png
[20160525154831508]: /images/20220722/4baa95894b04403483b5a0fda8d2e1d1.png