Question

我创建了一个用于设置时间（分钟和秒）的视图。它使用绑定到两个状态变量的两个车轮选择器。

现在，我想在应用程序的不同位置使用该视图，但是我现在不喜欢带有两个单独变量的界面。相反，我想只用一个绑定变量来保存时间（以秒为单位）（因此，时间= 185将转换为3分5秒）。

绑定之间是否可能有某种“适配器”？

这里是视图：

import SwiftUI

struct TimePicker: View {
    var minutes: Binding<Int>
    var seconds: Binding<Int>

    var body: some View {
        HStack() {
            Spacer()
            Picker(selection: minutes, label: EmptyView()) {
                ForEach((0...9), id: \.self) { ix in
                    Text("\(ix)").tag(ix)
                }
                }.pickerStyle(WheelPickerStyle()).frame(width: 50).clipped()
            Text("Min.")
            Picker(selection: seconds, label: EmptyView()) {
                ForEach((0...59), id: \.self) { ix in
                    Text("\(ix)").tag(ix)
                }
                }.pickerStyle(WheelPickerStyle()).frame(width: 50).clipped()
            Text("Sec.")
            Spacer()
        }
    }
}

Answer 1

这是基于Binding(get:set:)

的方法

struct TimePicker: View {
    @Binding var total: Int

    var minutes: Binding<Int> {
        Binding<Int>(get: { self._total.wrappedValue / 60 },
                     set: { self._total.wrappedValue = self._total.wrappedValue % 60 + $0 * 60 })
    }

    var seconds: Binding<Int> {
        Binding<Int>(get: { self._total.wrappedValue % 60 },
                     set: { self._total.wrappedValue = (self._total.wrappedValue / 60) * 60 + $0 })
    }

    var body: some View {
        HStack() {
            Spacer()
            Picker(selection: minutes, label: EmptyView()) {
                ForEach((0...9), id: \.self) { ix in
                    Text("\(ix)").tag(ix)
                }
            }.pickerStyle(WheelPickerStyle()).frame(width: 50).clipped()
            Text("Min.")
            Picker(selection: seconds, label: EmptyView()) {
                ForEach((0...59), id: \.self) { ix in
                    Text("\(ix)").tag(ix)
                }
                }.pickerStyle(WheelPickerStyle()).frame(width: 50).clipped()
            Text("Sec.")
            Spacer()
        }.frame(height: 200)
    }
}

struct TestTimePicker: View {

    @State var seconds = 185
    var body: some View {
        VStack {
            Text("Current: \(seconds)")
            TimePicker(total: $seconds)
        }
    }

}

struct TestConditionalPicker_Previews: PreviewProvider {
    static var previews: some View {
        TestTimePicker()
    }
}

如何翻译视图中的绑定？

1 个答案: