CALayer

在iOS中，你能看得见摸得着的东西基本上都是UIView，比如一个按钮、一个文本标签、一个文本输入框、一个图标等等，这些都是UIView。

当UIView需要显示到屏幕上时，会调用drawRect:方法进行绘图，并且会将所有内容绘制在自己的图层上，绘图完毕后，系统会将图层拷贝到屏幕上，于是就完成了UIView的显示。

换句话说：UIView其实不具备显示功能，而是靠CALayer来显示。

CALayer常见的属性

• 宽度和高度

  @property CGRect bounds

• 位置(默认指中点，具体由anchorPoint决定)

  @property CGPoint position

• 锚点(x,y的范围都是0-1)，决定了position的含义

  @property CGPoint anchorPoint

• 背景颜色(CGColorRef类型)

  @property CGColorRef backgroundColor

• 形变属性

  @property CATransform3D transform

• 边框颜色(CGColorRef类型)

  @property CGColorRef borderColor

• 边框宽度

  @property CGFloat borderWidth

• 圆角半径

  @property CGColorRef borderColor

• 内容(比如设置为图片CGImageRef)

  @property(retain) id contents

position和anchorPoint

CALayer有2个非常重要的属性：position和anchorPoint

• @property CGPoint position

  用来设置CALayer在父层中的位置
  以父层的左上角为原点(0, 0)

• @property CGPoint anchorPoint

  称为“定位点”、“锚点”
  决定着CALayer身上的哪个点会在position属性所指的位置
  以自己的左上角为原点(0, 0)
  它的x、y取值范围都是0~1，默认值为（0.5, 0.5）

几个具体的例子来说明position和anchorPoint

position和anchorPoint各代表什么

例子1

例子2

例子3

例子4

例子5

现在明白了：

• @property CGPoint position

  用来设置CALayer在父层中的位置
  以父层的左上角为原点(0, 0)

• @property CGPoint anchorPoint

  称为“定位点”、“锚点”
  决定着CALayer身上的哪个点会在position属性所指的位置

手动创建CALayer

• 创建CALayer和创建UIView相似，创建之后，必需设置宽高，还要添加到其他的能显示的图层上面，才能展示出来。
• 创建：

[CALayer layer]

• 设置宽高等属性,确保有尺寸

• 比如加到控制器的view的图层上展示：

[self.view.layer addSublayer:]

view中的CALayer

在一个view中，我们可以通过view.layer拿到view的rootLayer（根图层），但是在view中不仅仅只有一个rootLayer。

• 比如，在UIImageView中，展示图片的layer是contentlayer，而不是rootlayer。所以当我们设置imageview.layer.cornerRadius之后，图片并不会圆角裁剪，要设置imageview.layer.masksToBounds = YES，才可以圆角裁剪图片展示。
• 这里同样带出，imageview里面还有masksLayer（裁剪层）。masksLayer与rootLayer大小相同，当当设置超出裁剪层的裁剪的话，所以才能有刚刚的圆角。

隐式动画

每一个UIView内部都默认关联着一个CALayer，我们可用称这个Layer为Root Layer（根层）

所有的非Root Layer，也就是手动创建的CALayer对象，都存在着隐式动画

• 什么是隐式动画？

  当对非Root Layer的部分属性进行修改时，默认会自动产生一些动画效果
  而这些属性称为Animatable Properties(可动画属性)

• 列举几个常见的Animatable Properties：

  • bounds：用于设置CALayer的宽度和高度。修改这个属性会产生缩放动画
  • backgroundColor：用于设置CALayer的背景色。修改这个属性会产生背景色的渐变动画
  • position：用于设置CALayer的位置。修改这个属性会产生平移动画

关于CALayer的疑惑

• 首先

  • CALayer是定义在QuartzCore框架（核心动画的框架）中的
  • CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框架中的
  • UIColor、UIImage是定义在UIKit框架中的

• 其次

  • QuartzCore框架和CoreGraphics框架是可以跨平台使用的，在iOS和Mac OS X上都能使用
  • 但是UIKit只能在iOS中使用

• 为了保证可移植性，QuartzCore不能使用UIImage、UIColor，只能使用CGImageRef、CGColorRef

UIView和CALayer的选择

既然CALayer和UIView都能实现相同的显示效果，那究竟该选择谁好呢？

其实，对比CALayer，UIView多了一个事件处理的功能。也就是说，CALayer不能处理用户的触摸事件，而UIView可以。
因为：UIView继承自UIResponder,而CALayer继承自NSObject。

所以：

• 如果仅仅是作展示用，用CALayer更加轻量级；UIView也可以用
• 如果需要跟用户交互，必须用UIView。