MoshiMoshi's questions

我实现了一个带有旋转动画的图像以及三个用于调整旋转速度的按钮。通过修改动画持续时间来控制速度。但是，我面临一个问题，尝试放慢动画速度会导致动画不断加速。

这是我的代码片段：

import SwiftUI

struct ContentView: View {
    
    @State private var rotationAngle: Angle = .degrees(0)
    @State var imageSpeed  : Double = 1.5
    var body: some View {
        VStack {
            Image("j")
                .resizable()
                .frame(width: 100, height: 100)
                .rotationEffect(rotationAngle, anchor: .center)
                .onChange(of: imageSpeed){ _ in
                    rotationAngle = .degrees(0)
                    let animation = Animation.linear(duration: imageSpeed).repeatForever(autoreverses: false)
                    withAnimation(animation) {
                        
                        rotationAngle = .degrees(360)
                        
                    }
                    print(imageSpeed)
                }
            HStack {
                Button(action: {
                    
                    imageSpeed = 4
                }) {
                    Text("Slow")
                    
                }
                
                Button(action: {
                    imageSpeed = 1
                }) {
                    Text("Fast")
                }
                
                Button(action: {
                    imageSpeed = 0.0
                }) {
                    Text("Stop")
                }
            }
            .padding(.top, 20)
        }
    }
}


struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

我尝试了上面的代码，但没有产生预期的结果。我真的很感激任何有关这个问题的帮助。