首页 > 代码库 > CALayer 详解

CALayer 详解

2024-07-03 05:46:21   227人阅读

第一、综述

UIView的继承结构为：UIResponder:NSObject。可以看出UIView的直接父类为UIResponder类，.CALayer的继承结构：NSObject，直接从NSObject继承，因为缺少了UIResponder类，由上可见UIResponder是用来响应事件的，也就是说UIView可以响应用户事件，所以CALayer不能响应任何的用户事件，UIView是在/System/Library/Frameworks/UIKit.framework中定义的。
我们都知道UIKit主要是用来构建用户界面并且是可以响应事件的。CALayer是在/System/Library/Frameworks/QuartzCore.framework定义的。而且CALayer作为一个低级的可以承载绘制内容的底层对象出现在该框架中。

第二、UIView 和CALayer的区别

综上来看UIView与CALayer的最大区别在于UIView可以响应用户事件，而CALayer不可以。UIView侧重于对显示内容的管理，CALayer侧重于对内容的绘制。QuartzCore是iOS中提供图像绘制的基础库，并且CALayer是定义在该框架中的，所以UIView是对CALayer的封装。UIView和CALayer相互依赖，UIView依赖于CALayer提供的内容，CALayer依赖UIView提供的容器来显示绘制的内容。但归根到底CALayer是这一切的基础，如果没有CALayer，UIView自身也不会存在，UIView是一个特殊的CALayer的实现，添加了响应事件的能力。

苹果官方文档:

Core Animation doesn‘t provide a means for actually displaying layers in a window, they must be hosted by a view. When paired with a view, the view must provide event-handling for the underlying layers, while the layers provide display of the content.

The view system in iOS is built directly on top of Core Animation layers. Every instance of UIView automatically creates an instance of a CALayer class and sets it as the value of the view’s layer property. You can add sublayers to the view’s layer as needed.

On Mac OS X you must configure an NSView instance in such a way that it can host a layer


第三、属性

  1. 设置背景色，
  2. 阴影的偏差值，
  3. 阴影的半径，
  4. 阴影的颜色，
  5. 阴影的透明度，
  6. 子层的frame值。
  7. 把新的层add到view的层里。
  8. 设置边缘宽度
  9. 设置边缘颜色
代码如下：

CALayer *subLayer=[CALayerlayer];

    subLayer.frame=CGRectMake(80,140,100, 100);

    subLayer.backgroundColor=[UIColorredColor].CGColor;

    subLayer.cornerRadius=15;

    subLayer.shadowColor=[UIColorblueColor].CGColor;

    subLayer.shadowOffset=CGSizeMake(0,2.0);

    subLayer.shadowOpacity=1.0;

    subLayer.borderColor=[UIColoryellowColor].CGColor;

    subLayer.borderWidth=3.0;

    [self.view.layeraddSublayer:subLayer];

截图：


第三、. masksToBounds : 很重要的属性，可以用此属性来防止子元素大小溢出父元素，如若防止溢出，设为 true

 CALayer *subLayer=[CALayerlayer];

    subLayer.frame=CGRectMake(80,140,100, 100);

    subLayer.cornerRadius=15;

    subLayer.shadowColor=[UIColorblueColor].CGColor;

    subLayer.shadowOffset=CGSizeMake(0,2.0);

    subLayer.shadowOpacity=1.0;

    subLayer.borderColor=[UIColoryellowColor].CGColor;

    subLayer.borderWidth=3.0;

    subLayer.contents=(id)[UIImageimageNamed:@"sample.jpg"].CGImage;

    subLayer.masksToBounds=YES;

    [self.view.layeraddSublayer:subLayer];

result:


联系
我们