在SwiftUI中动态更改动画的持续时间

问题描述

我正在尝试更改动画的持续时间。我有两个属性-isAnimating和duration，它们确定动画是否应该运行。有一个正在制作动画的视图，一个用于切换isAnimating的按钮和一个绑定到持续时间状态的Slider。当播放动画并且我使用Slider更改值时，持续时间不会改变。有什么方法可以实现我想要的吗？

struct ContentView: View {
    @State var isAnimating = false
    @State var duration = 2.0
    
    var body: some View {
        VStack {
            Spacer()
            Circle()
                .frame(width: 50.0,height: 50.0)
                .scaleEffect(isAnimating ? 2.0 : 1.0)
                .animation(
                    isAnimating ?
                        Animation.easeOut(duration: duration).repeatForever(autoreverses: false) :
                        .default
            )
            
            Spacer()
            
            Button(
                action: { self.isAnimating.toggle() },label: { Text("Tap") }
            )
            
            Spacer()
            
            Slider(value: $duration,in: (0.1 ... 5.0))
                .padding([.horizontal],20.0)
                .padding([.bottom],50.0)
        }
    }
}

我也尝试了不同的方法，但是总是存在一些问题（例如动画视图闪烁）。

解决方法

如果在动画中添加.repeatForever（）修饰符，则该动画将按照其名称所含的含义永久运行（具有给定的参数）。唯一的可能性是停止动画并“重新运行”具有更改的“持续时间”值的新动画。