如何使用 SwiftUI 中的滑块更改具有枚举类型的变量?

How can I change a variable with an enum as a type, using a slider in SwiftUI?

我在模型 MyModel 中有一个变量 myValue。在这个例子中,我希望 myValue 永远只是 4 个值之一(现实生活中有 50 个值,以防它影响答案)。假设我希望 myValue 成为此数组中的值之一:let myArray = [4, 2, 7, 5]

我希望 Slider 能够更改 myValue。但是滑块只接受 Double 作为类型。

我正在努力解决这个问题,但到目前为止只提出了一个有点复杂的解决方案...

// TYPE
enum MyType: Int, CaseIterable, Codable {
    case zero = 4
    case one = 2
    case two = 7
    case three = 5
    
    var asIndex : Double {
        switch self {
        case .zero: return 0
        case .one: return 1
        case .two: return 2
        case .three: return 3
        }
    }
}

// MODEL
struct MyModel: Codable {
    var myValue: MyType = .zero
}

// VIEWS
struct MyView: View {
    @Binding var myModel: MyModel

    var body: some View {
        
        Slider(value: Binding.init(
            get: { () -> Double in return myModel.myValue.asIndex },
                set: { newValue in
                    
                    if let unwrappedMyType = MyType(rawValue: Int(newValue)) { myModel = MyModel(myValue: unwrappedMyType) } }
               
        ), in: 0...3)
        
        Text("\(myModel.myValue.rawValue)" as String) // 4, 2, 7 or 5 depending on the slider being set to values 0,1,2 or 3
    }
}

struct ContentView: View {
    @State var myModel: MyModel = MyModel()
    
    var body: some View {
        MyView(myModel: $myModel)
            .frame(width:300, height: 100)
    }
}

它几乎可以正常工作,但滑块无法设置。我究竟做错了什么?有没有更简单或更好的方法来做到这一点?

默认情况下 Slider 在范围内是连续的,因此映射到枚举的重要部分是给它一个步骤。

这是可能的解决方案。使用 Xcode 12.4 / iOS 14.4

测试

以下仅为修改部分:

enum MyType: Int, CaseIterable, Codable {
    case zero = 4
    case one = 2
    case two = 7
    case three = 5

    init(index: Double = 0) {
        if let type = Self.allCases.first(where: { [=10=].asIndex == index }) {
            self = type
        } else {
            self = .zero
        }
    }

    var asIndex : Double {
        switch self {
        case .zero: return 0
        case .one: return 1
        case .two: return 2
        case .three: return 3
        }
    }
}

// VIEWS
struct MyView: View {
    @Binding var myModel: MyModel

    var body: some View {

        Slider(value: Binding(
            get: { myModel.myValue.asIndex },
            set: { myModel.myValue = MyType(index: [=10=]) }
        ), in: 0...3, step: 1)                             // give step !!

        Text("\(myModel.myValue.rawValue)" as String) // 4, 2, 7 or 5 depending on the slider being set to values 0,1,2 or 3
    }
}