如何解决如何使用 SwiftUI 中的滑块更改以枚举为类型的变量?
我在模型 myValue
中有一个变量 MyModel
。在这个例子中,我希望 myValue
永远只是 4 个值之一(现实生活中的 50 个值,以防它影响答案)。假设我希望 myValue 成为此数组中的值之一:let myArray = [4,2,7,5]
我想要一个能够改变 myValue 的 Slider。但是滑块只接受 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,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: { $0.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: $0) }
),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
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。