SwiftUI中如何正确为Slider添加自定义时长的动画？

错误原因 #

你直接给Slider添加的.animation修饰符无法控制滑块移动的动画逻辑。这个修饰符作用于Slider视图本身的布局变化，而滑块响应value变化的移动是控件内部的行为，受系统默认的短动画控制，你的自定义动画设置无法覆盖这个内部逻辑，因此只会出现极短的默认动画。

正确解决方案 #

要让Slider在value变化（无论来自用户拖动还是外部ViewModel更新）时应用自定义时长的动画，需要直接给value绑定附加动画事务，而非给Slider视图加动画修饰符。使用Binding.transaction可以实现这一点，且完全符合你“外部ViewModel无需知晓SwiftUI动画”的需求。

修改后的代码示例：

struct SliderView: View {
    @State var value: Float = 0 // 实际场景替换为@Binding var value: Float

    var body: some View {
        VStack {
            // 给绑定附加自定义动画事务
            Slider(value: $value.transaction { tx in
                tx.animation = .linear(duration: 3)
            })
            Button("Toggle") {
                value = value < 0.5 ? 1 : 0
            }
        }
        .frame(width: 300, height: 200)
        .padding(16)
    }
}

原理说明 #

transaction会将指定的动画附加到绑定的更新流程中：无论value是通过按钮修改、外部ViewModel设置，还是用户拖动滑块，只要绑定的值发生变化，Slider都会使用你指定的动画来过渡滑块位置，完全不需要在ViewModel中添加SwiftUI相关代码。

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