1.3_可动画化的图层属性（Position、Opacity或Shadow）

探索图层动画的魅力 ✨

在iOS动画的世界里，CALayer扮演着至关重要的角色。它不仅是视图内容的底层渲染引擎，更拥有许多可以直接动画化的属性，让你能够创造出令人惊叹的视觉效果。理解这些可动画属性是精通UIKit动画的关键一步！

Position：移动你的图层 🚀

CALayer的position属性定义了图层在其父图层坐标系中的位置。它是一个CGPoint类型，代表了图层的锚点（anchorPoint）在父图层中的坐标。当你改变position时，图层会平滑地从一个位置移动到另一个位置。

• 锚点的重要性: 默认情况下，anchorPoint位于图层的中心（0.5, 0.5）。这意味着position属性实际上控制着图层的中心点。
• 动画效果: 改变position可以实现平移、路径动画等效果。例如，你可以让一个按钮从屏幕左侧优雅地滑入。
• 代码示例:

  let layer = CALayer()
  layer.backgroundColor = UIColor.blue.cgColor
  layer.frame = CGRect(x: 50, y: 50, width: 100, height: 100)
  view.layer.addSublayer(layer)
  
  let animation = CABasicAnimation(keyPath: "position")
  animation.toValue = CGPoint(x: 200, y: 200)
  animation.duration = 1.0
  layer.add(animation, forKey: "moveLayer")

  这段代码将使蓝色图层在1秒内移动到新的位置。

Opacity：控制图层的透明度 👻

opacity属性控制着图层的透明度，它的值介于0.0（完全透明）到1.0（完全不透明）之间。通过动画改变opacity，你可以实现淡入淡出、闪烁等效果，为用户界面增添动态感。

• 视觉冲击: 淡入淡出效果在切换视图或显示提示信息时非常有用，能提供流畅的用户体验。
• 数值范围: 0.0表示图层完全不可见，1.0表示图层完全可见。
• 实际应用: 想象一个加载指示器，通过不断改变其opacity来制造脉冲效果，是不是很酷？
• 代码示例:

  let layer = CALayer()
  layer.backgroundColor = UIColor.red.cgColor
  layer.frame = CGRect(x: 100, y: 100, width: 80, height: 80)
  layer.opacity = 1.0 // 初始不透明
  view.layer.addSublayer(layer)
  
  let fadeAnimation = CABasicAnimation(keyPath: "opacity")
  fadeAnimation.fromValue = 1.0
  fadeAnimation.toValue = 0.0
  fadeAnimation.duration = 1.5
  fadeAnimation.autoreverses = true // 动画反向执行
  fadeAnimation.repeatCount = .infinity // 无限重复
  layer.add(fadeAnimation, forKey: "fadeLayer")

  这个例子展示了一个红色图层如何无限次地淡入淡出。

Shadow：为图层添加深度和立体感 💡

CALayer提供了丰富的阴影属性，包括shadowOpacity、shadowRadius、shadowOffset和shadowColor。这些属性共同作用，为你的图层创造出逼真的阴影效果，极大地增强了界面的深度感和视觉吸引力。

• 提升用户体验: 适当的阴影可以帮助用户区分不同的UI元素，并引导他们的注意力。
• 可动画属性:
  • shadowOpacity: 阴影的透明度，0.0到1.0。
  • shadowRadius: 阴影的模糊半径，值越大越模糊。
  • shadowOffset: 阴影的偏移量，CGSize类型。
  • shadowColor: 阴影的颜色，CGColor类型。
• 创造立体感: 动画化这些属性可以模拟光线变化，让你的UI元素仿佛在三维空间中移动。
• 代码示例:

  let layer = CALayer()
  layer.backgroundColor = UIColor.green.cgColor
  layer.frame = CGRect(x: 150, y: 150, width: 120, height: 120)
  layer.shadowColor = UIColor.black.cgColor
  layer.shadowOpacity = 0.7
  layer.shadowOffset = CGSize(width: 5, height: 5)
  layer.shadowRadius = 5
  view.layer.addSublayer(layer)
  
  let shadowAnimation = CABasicAnimation(keyPath: "shadowOpacity")
  shadowAnimation.fromValue = 0.7
  shadowAnimation.toValue = 0.2
  shadowAnimation.duration = 1.0
  shadowAnimation.autoreverses = true
  shadowAnimation.repeatCount = .infinity
  layer.add(shadowAnimation, forKey: "animateShadow")

  这段代码让绿色图层的阴影透明度在0.7和0.2之间循环变化，营造出动态的深度效果。

掌握图层动画，创造无限可能！🌟

通过对position、opacity和shadow这些核心图层属性的动画化，你将能够构建出极其丰富和引人入胜的iOS应用界面。记住，实践是最好的老师，多尝试、多探索，你一定会成为动画大师！💪