小谈 CALayer

本文首发在我的个人博客： http://blog.shenyuanluo.com/
，喜欢的朋友欢迎订阅。

在 iOS 的界面中，通常都是使用 UIView 来进行绘制 UI，但其底下最终还是通过 CALayer 来进行绘制。

UIView 和 CALayer 区别与联系

• 所属的框架不同：UIView 是 UIKit 的(只能 iOS 使用)，CALayer 是 QuartzCore 的(ios 和 MacOS 通用)；
• UIView 是 CALayer 的事件代理（即，UIView 可以响应触摸事件，CALayer 则无法响应触摸事件）；
• 各自都有对应的图层树结构；
• 每个 UIView 实例对象都对应有一个 CALayer 实例对象；
• UIView 可以看做是 CALayer 的管理者；

CALayer 的基本属性

position 和 anchorPoint

• position 表示 描点在父 layer 的位置（基于父 layer 的坐标系），默认情况下 position 相当于 UIView 的 center；
• anchorPoint 表示 position 在当前 layer 的位置（基于当前 layer 的坐标系），取值范围：0～1；

更详细的解说可以参见这里。

隐式动画

• 当对非 Root Layer 的部分属性（如：bound、position。。。）进行修改时，默认会自动产生一些动画效果。

LayerImplicitAnimation.png

• 关闭隐式动画：可以通过动画事务(CATransaction)关闭默认的隐式动画效果，步骤如下：

  • 开启动画事物；
  • 关闭动画效果或者修改动画事件；
  • 设置动画完成后的动作（可以不设置）；
  • 修改属性；
  • 提交；

  // 开启
  [CATransaction begin];
  // 关闭动画
  [CATransaction setDisableActions:YES];
  // 修改属性
  subView.layer.position = CGPointMake(10, 10);
  // 提交
  [CATransaction commit];
  

实践

设定 layer 的 bounds、position、anchorPoint 之后，通过 CATransform3DRotate 可以做出一些特别的动画效果，例如：

SYClockExample.gif

时钟 Demo 下载

参考

1. 彻底理解 position 与 anchorPoint
2. iOS 实践：带时分秒指针的时钟动画