Layer动画入门 Swift3.0

动画类的继承关系

如下图所示：

动画类的继承关系.png

说明：

• CAAnimation：所有动画类的基类
• CATransition：CAAnimation的子类，使用系统预置的过度效果。
• CAAnimationGroup：将单个动画进行组合。
• CAPropertyAnimation：CAAnimation的子类，代表属性动画。
• CABasicAnimation：只能指定动画开始和结束属性。
• CAKeyframeAnimation：可以指定多个值。

动画属性

---

1. 位置和大小（Position and size）

• bounds：修改在整个界面中布局的动画
• position：修改在父layer中位置的动画
• transform：修改它的移动、伸缩、旋转的layer的动画

Position and size.png

2. 边界（Border）

• borderColor：修改边框颜色
• borderWidth：修改边界宽度
• cornerRadius：修改圆角半径

Border.png

3. 阴影（Shadow）

• shadowOffset：修改此项以使阴影显示为更接近或更远离图层。
• shadowOpacity：修改此项以使阴影淡入或淡出。
• shadowPath：修改此项可更改图层阴影的形状。
• shadowRadius：修改此项以控制阴影的模糊

Shadow.png

4. 内容（Contents）

• contents：修改此选项以将原始TIFF或PNG数据分配为图层内容。
• mask：修改它以建立您将用于掩盖图层可见内容的形状或图像
• opacity：修改此选项以动画显示图层内容的透明度。

Contents.png

---

5. 创建层动画实例

  let flyRight = CABasicAnimation(keyPath: "position.x") // 初始化并设置调整属性
  flyRight.fromValue = -view.bounds.size.width / 2 // 设置初始动画状态
  flyRight.toValue = view.bounds.size.width / 2 // 设置结束动画状态
  flyRight.duration = 0.5 // 设置动画的间隔时间

6. 给layer添加动画

  heading.layer.add(flyRight, forKey: nil)

7. 动画实例复用

  flyRight.beginTime = CACurrentMediaTime() + 0.3 // 修改动画开始时间，比heading迟0.3秒
  username.layer.add(flyRight, forKey: nil)

8. fillMode属性

• kCAFillModeRemoved：默认值

  
  
  

  kCAFillModeRemoved.png

• kCAFillModeBackwards：在动画未开始时就显示动画第一帧效果

  
  
  

  kCAFillModeBackwards.png

• kCAFillModeForwards：在动画结束后保留动画最后一帧的效果

kCAFillModeForwards.png

• kCAFillModeBoth：组合kCAFillModeBackwards和kCAFillModeForwards效果，在动画开始前显示动画第一帧效果，结束后保留动画最后一帧的效果

kCAFillModeBoth.png

9. 动画原理

• 动画开始时刻：先隐藏真实的视图，然后创建视图“幻影”
• 动画过程：按照设定的要求操作生成的视图“幻影”
• 动画结束时刻：移除视图“幻影”，显示真实的视图
  注意：视图“幻影”不接受任何操作事件，例如：单击、选中等等。