9.1_创建CABasicAnimation实例

创建 CABasicAnimation 实例，开启你的动画之旅！🎉 准备好让你的 iOS 应用动起来了吗？CABasicAnimation 是实现基础动画效果的关键。让我们一起看看如何创建它，并让你的视图拥有生动的动画效果。

CABasicAnimation 简介

CABasicAnimation 是 Core Animation 框架中的一个类，用于创建简单的属性动画。你可以使用它来改变视图的任何可动画属性，例如位置、大小、颜色等。它通过在起始值和结束值之间平滑过渡来实现动画效果。

• 核心功能: 改变图层的属性值。
• 动画类型: 线性动画，即属性值在起始值和结束值之间线性变化。
• 适用场景: 简单属性的动画，例如移动、缩放、旋转、改变颜色等。

创建 CABasicAnimation 实例的方法

创建 CABasicAnimation 实例非常简单，你可以使用以下方法：

1. 使用 CABasicAnimation(keyPath:) 初始化方法: 这是最常用的方法，你需要指定要动画的属性的键路径（keyPath）。例如，position、transform.scale、backgroundColor 等。

   let animation = CABasicAnimation(keyPath: "position")

2. 设置动画的属性: 创建实例后，你需要设置动画的起始值 (fromValue)、结束值 (toValue)、持续时间 (duration) 等属性。

   animation.fromValue = NSValue(cgPoint: CGPoint(x: 50, y: 50))
   animation.toValue = NSValue(cgPoint: CGPoint(x: 200, y: 200))
   animation.duration = 2.0

3. 添加到图层: 最后，将动画添加到要动画的图层上。

   myView.layer.add(animation, forKey: "positionAnimation")

关键属性详解

创建 CABasicAnimation 实例后，你需要设置一些关键属性来定义动画的行为。以下是一些最重要的属性：

• keyPath: 指定要动画的属性的键路径。例如，"position" 表示位置，"transform.scale" 表示缩放。
• fromValue: 动画的起始值。
• toValue: 动画的结束值。
• byValue: 动画的变化量。例如，如果 keyPath 是 "transform.rotation.z"，byValue 可以是 NSNumber(value: Double.pi)，表示旋转 180 度。
• duration: 动画的持续时间，以秒为单位。
• timingFunction: 控制动画的时间节奏。例如，CAMediaTimingFunction(name: .easeInEaseOut) 表示动画开始和结束时速度较慢，中间速度较快。
• fillMode: 决定动画结束后图层的状态。例如，kCAFillModeForwards 表示动画结束后保持动画的最后一帧状态。
• isRemovedOnCompletion: 决定动画结束后是否从图层中移除。如果设置为 false，则需要手动移除动画。

示例代码

让我们看一个简单的例子，创建一个 CABasicAnimation 实例，让一个视图从屏幕左侧移动到屏幕右侧。

import UIKit

class ViewController: UIViewController {

    let myView = UIView(frame: CGRect(x: 50, y: 100, width: 50, height: 50))

    override func viewDidLoad() {
        super.viewDidLoad()
        myView.backgroundColor = .red
        view.addSubview(myView)
    }

    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)

        let animation = CABasicAnimation(keyPath: "position")
        animation.fromValue = NSValue(cgPoint: myView.layer.position)
        animation.toValue = NSValue(cgPoint: CGPoint(x: view.bounds.width - 50, y: myView.layer.position.y))
        animation.duration = 2.0
        animation.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)
        animation.fillMode = .forwards
        animation.isRemovedOnCompletion = false

        myView.layer.add(animation, forKey: "positionAnimation")
    }
}

这段代码创建了一个红色的正方形视图，并在视图出现后，使用 CABasicAnimation 将其从屏幕左侧移动到屏幕右侧。动画使用了 easeInEaseOut 时间函数，使动画看起来更加自然。

总结

通过创建 CABasicAnimation 实例，你可以轻松地为你的 iOS 应用添加各种动画效果。记住，关键在于理解 keyPath、fromValue、toValue、duration 等属性的含义，并根据你的需求进行设置。现在就开始尝试，让你的应用动起来吧！🚀