16.2_在 NSViewRepresentable 中使用 Core Animation

让我们一起探索如何在 NSViewRepresentable 中使用 Core Animation，为你的 SwiftUI 视图注入强大的动画效果！🚀

拥抱 Core Animation 的力量

Core Animation 是一个强大的动画引擎，它直接在渲染层工作，性能卓越。在 SwiftUI 中，通过 NSViewRepresentable，你可以将 Core Animation 的能力带入你的 Mac 应用。这为你提供了更精细的控制，尤其是在处理复杂的动画场景时。

• 性能优势: Core Animation 允许硬件加速，从而实现流畅的动画效果。
• 精细控制: 你可以精确控制动画的各个方面，例如时间曲线、关键帧等。
• 现有代码集成: 轻松地将现有的基于 Core Animation 的代码集成到 SwiftUI 项目中。

创建你的 NSViewRepresentable

首先，你需要创建一个符合 NSViewRepresentable 协议的结构体。这个结构体负责创建和配置 NSView，以及处理 SwiftUI 和 AppKit 之间的交互。

struct AnimatedView: NSViewRepresentable {
    func makeNSView(context: Context) -> NSView {
        let view = NSView()
        // 在这里配置你的 Core Animation 图层
        return view
    }

    func updateNSView(_ nsView: NSView, context: Context) {
        // 在这里更新你的视图
    }
}

配置 Core Animation 图层

在 makeNSView 方法中，你可以创建和配置 CALayer，并将其添加到 NSView 的图层树中。这为你提供了完全的控制权，可以创建各种自定义动画。

1. 创建 CALayer 实例。
2. 设置图层的属性，例如 backgroundColor、bounds 等。
3. 创建 CABasicAnimation 或 CAKeyframeAnimation 实例，并配置动画属性。
4. 将动画添加到图层。

例如，创建一个简单的背景颜色动画：

let layer = CALayer()
layer.backgroundColor = NSColor.red.cgColor
layer.bounds = CGRect(x: 0, y: 0, width: 100, height: 100)
view.layer = layer
view.wantsLayer = true // 确保视图使用图层

let animation = CABasicAnimation(keyPath: "backgroundColor")
animation.toValue = NSColor.blue.cgColor
animation.duration = 2
animation.repeatCount = .infinity
layer.add(animation, forKey: "backgroundColorAnimation")

SwiftUI 与 Core Animation 的桥梁 🌉

NSViewRepresentable 充当了 SwiftUI 和 Core Animation 之间的桥梁。通过 updateNSView 方法，你可以响应 SwiftUI 的状态变化，并相应地更新 Core Animation 图层。这使得你可以创建动态的、响应式的动画效果。

• 使用 @Binding 属性来接收 SwiftUI 的状态。
• 在 updateNSView 中，根据状态变化更新图层的属性或动画。
• 确保在主线程上更新 UI，以避免线程安全问题。

现在，你已经掌握了在 NSViewRepresentable 中使用 Core Animation 的基本技巧。尽情发挥你的创造力，为你的 SwiftUI 应用添加令人惊艳的动画效果吧！🎉