SwiftUI如何基于保存状态自动启动重复动画？

看起来你已经搞定了按钮之间的状态切换，卡在了视图初始化时自动启动对应动画这一步——确实，SwiftUI的动画默认是响应状态变化触发的，而视图加载时状态已经是保存好的值，不会自动触发重复动画。下面给你几个靠谱的解决思路和代码示例：

核心思路 #

我们需要给动画一个明确的"启动信号"：

1. 用本地@State变量单独控制动画的播放状态（避免直接依赖全局的ModelClockToggle状态，因为它的初始值不会触发动画变化）
2. 在视图出现时（onAppear或更可靠的task）检查全局状态，匹配时立即启动动画
3. 监听全局状态的变化，动态启动/停止对应按钮的动画

具体实现步骤 #

1. 确保你的ModelClockToggle结构正确 #

首先确认你的全局状态类用@Published标记了激活状态（比如当前选中的按钮ID）：

class ModelClockToggle: ObservableObject {
    @Published var activeButtonId: Int? // nil表示无按钮激活，否则是对应按钮的ID
    // 你的其他属性和逻辑...
}

2. 修改ActivityBreak视图，添加动画控制逻辑 #

struct ActivityBreak: View {
    var myId: Int
    @EnvironmentObject var model: ModelClockToggle
    @State private var animationProgress = 1.0 // 控制动画进度，初始为正常尺寸
    
    var body: some View {
        Button("按钮 \(myId)") {
            // 切换激活状态：如果当前是自己就取消，否则激活自己
            model.activeButtonId = model.activeButtonId == myId ? nil : myId
        }
        // 这里用缩放动画举例，你可以替换成你需要的任何动画（比如旋转、透明度等）
        .scaleEffect(animationProgress)
        // 视图出现时检查初始状态，启动对应动画
        .task {
            if model.activeButtonId == myId {
                startRepeatingAnimation()
            }
        }
        // 监听全局状态变化，动态切换动画状态
        .onChange(of: model.activeButtonId) { newActiveId in
            if newActiveId == myId {
                startRepeatingAnimation()
            } else {
                stopAnimation()
            }
        }
    }
    
    // 启动重复动画
    private func startRepeatingAnimation() {
        withAnimation(.easeInOut(duration: 1).repeatForever(autoreverses: true)) {
            animationProgress = 1.5 // 设置动画目标值
        }
    }
    
    // 停止动画并恢复初始状态
    private func stopAnimation() {
        withAnimation {
            animationProgress = 1.0 // 恢复到初始状态
        }
    }
}

3. ContentView的使用保持不变 #

struct ContentView : View {
    @EnvironmentObject var model : ModelClockToggle

    var body: some View {
        VStack(spacing: 20) {
            ActivityBreak(myId: 1)
            ActivityBreak(myId: 2)
            ActivityBreak(myId: 3)
        }
        .padding()
    }
}

关键细节说明 #

• 为什么用task而不是onAppear？iOS 15+的task修饰符会在视图完全渲染完成后执行，比onAppear更稳定，避免视图还没准备好就启动动画导致的异常。
• 本地@State变量animationProgress的作用：它作为动画的"触发器"，每次修改都会触发SwiftUI重新计算视图并应用动画，而重复动画需要明确的启动指令（withAnimation+repeatForever）。
• 停止动画时用withAnimation恢复初始状态，保证过渡平滑，不会突兀跳回原样。

如果你的动画不是缩放，只需要把.scaleEffect(animationProgress)换成你需要的动画（比如.rotationEffect(.degrees(animationProgress * 360))），并调整startRepeatingAnimation里的目标值即可。

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