SwiftUI旋转动画Speed Modifier无法动态修改的解决方案求助

你当前的代码无法动态更新动画速度，核心问题在于：

• 首次触发动画后，rotationAngle被设置为360，后续再设置相同值不会触发新的动画；
• 已启动的重复动画实例不会因为修改.speed参数而自动更新。

修改后的代码示例 #

方案1：定时器累加角度+动态动画速度 #

struct FanTest: View {
    @State private var rotationAngle: Double = 0.0
    @State private var speed: Int = 0
    
    // 根据speed映射对应动画速度
    private var animationSpeed: Double {
        switch speed {
        case 0: return 1
        case 1: return 2
        case 2: return 3
        default: return 1
        }
    }
    
    var body: some View {
        HStack {
            Image(systemName: "fanblades")
                .rotationEffect(.degrees(rotationAngle))
                // 绑定动画到animationSpeed，速度变化时自动更新动画实例
                .animation(.linear(duration: 0.01).speed(animationSpeed), value: animationSpeed)
            Text("\(speed)")
        }
        .scaleEffect(4)
        .onAppear {
            // 持续累加角度，实现无限旋转效果
            Timer.scheduledTimer(withTimeInterval: 0.01, repeats: true) { _ in
                rotationAngle += 2
            }
            
            // 定时切换speed值
            Timer.scheduledTimer(withTimeInterval: 5, repeats: true) { _ in
                speed = (speed + 1) % 3
            }
        }
    }
}

方案2：重复动画+参数绑定 #

struct FanTest: View {
    @State private var speed: Int = 0
    @State private var startRotation = false
    
    private var animationSpeed: Double {
        [1, 2, 3][speed] // 直接通过数组映射speed到速度值
    }
    
    var body: some View {
        HStack {
            Image(systemName: "fanblades")
                .rotationEffect(.degrees(startRotation ? 360 : 0))
                // 当animationSpeed变化时，重新应用新的重复动画
                .animation(
                    .linear(duration: 1)
                        .speed(animationSpeed)
                        .repeatForever(autoreverses: false),
                    value: animationSpeed
                )
            Text("\(speed)")
        }
        .scaleEffect(4)
        .onAppear {
            startRotation = true // 启动初始旋转动画
            Timer.scheduledTimer(withTimeInterval: 5, repeats: true) { _ in
                speed = (speed + 1) % 3
            }
        }
    }
}

核心原理说明 #

• 不再通过重复设置rotationAngle = 360触发动画，而是将动画绑定到动态计算的速度参数，当speed变化时，SwiftUI会自动替换当前的动画实例，实现速度实时更新。
• 方案1通过定时器持续累加角度模拟物理旋转；方案2利用repeatForever的动画特性，结合参数绑定实现动态调速，两种方式都能解决原代码中动画无法更新的问题。

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