SwiftUI中单个Slider如何绑定多个变量的实现方法咨询

方案1：使用计算属性（最推荐） #

两个变量是严格线性对应关系，不需要声明两个@State存储属性，只保留源变量variable1，variable2改为计算属性自动推导值，完全不需要手动做同步逻辑，代码最简洁也不会有同步误差。

线性映射公式推导：
variable1取值区间长度为 5-1=4，variable2取值区间长度为1200-1000=200，所以每单位variable1对应50单位variable2，映射公式为：
variable2 = 1000 + (variable1 - 1) * 50

代码示例：

struct ContentView: View {
    @State private var variable1 = 1.0
    // variable2改为计算属性自动计算
    private var variable2: Double {
        1000 + (variable1 - 1) * 50
    }
    var body: some View {
        VStack {
            Slider(value: $variable1, in: 1...5, step: 0.25)
            // 测试展示两个变量的值
            Text("variable1: \(variable1, specifier: "%.2f")")
            Text("variable2: \(variable2, specifier: "%.0f")")
        }
    }
}

方案2：使用onChange监听同步（适用于需要保留两个@State的场景） #

如果业务逻辑要求必须同时保留两个可修改的@State变量，可以用onChange修饰符监听variable1的变化，自动更新variable2的值：
代码示例：

struct ContentView: View {
    @State private var variable1 = 1.0
    @State private var variable2 = 1000.0
    var body: some View {
        VStack {
            Slider(value: $variable1, in: 1...5, step: 0.25)
            Text("variable1: \(variable1, specifier: "%.2f")")
            Text("variable2: \(variable2, specifier: "%.0f")")
        }
        // 监听variable1变化，同步更新variable2
        .onChange(of: variable1) { newValue in
            variable2 = 1000 + (newValue - 1) * 50
        }
    }
}

如果需要支持双向同步（比如修改variable2时也自动更新variable1），可以自定义Binding绑定对象，在set方法里同时处理两个变量的赋值：

struct ContentView: View {
    @State private var variable1 = 1.0
    @State private var variable2 = 1000.0
    
    // 自定义Slider绑定的变量
    private var sliderBinding: Binding<Double> {
        Binding(
            get: { variable1 },
            set: { newValue in
                variable1 = newValue
                variable2 = 1000 + (newValue - 1) * 50
            }
        )
    }
    
    var body: some View {
        VStack {
            Slider(value: sliderBinding, in: 1...5, step: 0.25)
            Text("variable1: \(variable1, specifier: "%.2f")")
            Text("variable2: \(variable2, specifier: "%.0f")")
            // 测试反向修改变量2
            Button("设置variable2为1100") {
                variable2 = 1100
                // 反向映射更新variable1
                variable1 = (variable2 - 1000)/50 + 1
            }
        }
    }
}

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