如何在Apple Watch上实现能效最优的矢量图形动画

官方推荐的Apple Watch高能效动画实现方案如下： #

• 预渲染序列帧动画（兼容旧版watchOS）
  WKInterfaceImage原生支持GPU加速的序列帧播放，你可以提前将矢量图形的动画帧导出为与目标Apple Watch屏幕分辨率匹配的PNG资源，调用startAnimating(withImages:duration:repeatCount:)接口播放即可，全程不需要CPU参与逐帧绘制，能效远高于手动生成UIImage的方案。
• SwiftUI变换动画（适配watchOS 6+）
  如果你的应用最低兼容watchOS 6及以上版本，直接使用SwiftUI开发即可。SwiftUI提供的scaleEffect、offset、rotationEffect等变换属性，以及配套的动画API，都是完全基于GPU线性变换实现的，和Apple Watch主屏幕、表盘的动画底层实现逻辑一致，不需要手动处理图形绘制，能耗表现最优。
  示例代码实现秒针转动动画：

@State private var angle = 0.0

var body: some View {
    Image("secondHand")
        .rotationEffect(.degrees(angle))
        .onAppear {
            withAnimation(.linear(duration: 60).repeatForever(autoreverses: false)) {
                angle = 360
            }
        }
}

• WatchKit原生属性动画
  即使使用传统WatchKit框架，也可以调用animate(withDuration:animations:)方法，在闭包内直接修改控件的尺寸、位置、透明度等属性，系统会自动通过GPU线性变换完成动画过渡，不需要手动处理图形绘制。

你之前采用的CGContext绘制UIImage的方案属于CPU离屏渲染，还要额外经过一次缩放适配流程，确实会带来较高的CPU负载和能耗，非必要不建议使用。如果要实现和主屏幕、表盘效果一致的动画，优先选择SwiftUI变换动画方案即可。

内容的提问来源于stack exchange，提问作者Jonas Sourlier