在 Swift UI 中停止旋转动画

Question

我希望不断旋转 Swift UI 视图，直到用户按下按钮，此时它会停止，直到再次按下它。 从像 这样的几个来源，我认为这段代码可以工作：

struct ContentView: View {
    @State var go = false
    let style = Animation.linear.repeatForever(autoreverses: false)

    var body: some View {
        VStack {
            Button("Rotate") {
                go.toggle()
            }
            Text("wheee")
                .rotationEffect(.degrees(go ? 360 : 0))
                .animation(style)
        }
    }
}

我希望“旋转”按钮开始和停止旋转。 它开始很好，但它不会停止 - 视图开始来回抽搐，越按下按钮只会变得更糟。

我尝试了一些变体，例如让“go”变量在 false 时将动画样式更改为 .none，或者让它更改旋转次数。 我知道有一些笨拙的解决方案，例如使用 CBAnimation （像这个答案）或计时器（像这个答案） 。 如果可以的话，我希望避免这些解决方案——我很好奇是否有办法使用我无法弄清楚的 SwiftUI 动画来实现这一点。

任何帮助深表感谢！

Answer 1

您需要将动画重置为默认值，如下所示

Text("wheee")
    .rotationEffect(.degrees(go ? 360 : 0))
    .animation(go ? style : .default)        // << here !!

使用 Xcode 12 / iOS 14 测试