如何使用 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
}
}
我在模型 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
}
}