SwiftUI中如何为多个Slider设置独立值？

你的问题核心是所有滑块绑定了同一个@State变量value，所以会同步移动。要实现独立控制，需要给每个滑块分配独立的状态变量，具体修改步骤如下：

1. 重构Character结构体 #

让结构体包含自身的value属性，同时遵守Identifiable协议（方便ForEach遍历，避免id: \.self的潜在问题）：

struct Character: Identifiable {
    let id = UUID()
    let quality: String
    let min: Double
    let max: Double
    var value: Double // 每个Character拥有独立的value
}

2. 修改PersonalityView的状态管理 #

将person数组改为@State变量，初始化时给每个Character设置默认的初始值：

struct PersonalityView: View {
    // 移除单个的@State var value: Double
    @State var persons: [Character] = [
        .init(quality: "Angry", min: 1.0, max: 100.0, value: 50.0),
        .init(quality: "Kind", min: 1.0, max: 100.0, value: 50.0),
        .init(quality: "Wise", min: 1.0, max: 100.0, value: 50.0),
        .init(quality: "Greedy", min: 1.0, max: 100.0, value: 50.0)
    ]
    
    var body: some View {
        VStack {
            // 使用$persons[index].value绑定每个独立的value
            ForEach($persons) { $person in
                SliderView(label: person.quality,
                            value: $person.value,
                            min: person.min,
                            max: person.max)
            }
        }
    }
}

3. 保留原SliderView不变 #

你的SliderView实现是正确的，不需要修改，它通过@Binding接收外部的状态变量，实现双向绑定。

关键改动说明 #

• 每个Character实例拥有自己的value属性，确保滑块值独立
• 使用@State修饰persons数组，让数组内元素的变化能触发视图更新
• 通过ForEach($persons)直接绑定到数组元素的value，实现双向数据同步

这样修改后，每个滑块就可以独立拖动，互不影响了。

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