SwiftUI 选择器值

Posted 2023-02-24

【中文标题】SwiftUI 选择器值

【英文标题】：SwiftUI Picker VALUE

【发布时间】：2020-09-01 15:41:13

【问题描述】：

我最近一直在尝试用 swiftui 编程， 很难，我怎样才能将选择器的价值转移到 文本字段，我绝望了！

为什么我不能像在文本字段中那样直接使用值 $ khValue？

我已经花了好几个小时在网上搜索了……我还没有找到任何东西，swiftUI 和 swift 完全不同

import SwiftUI

struct KH_aus_Co2: View 
    @State private var kh_Picker : String = ""
    @State private var ph_Picker: String = ""
    
    
    
    var kh_vol = [Int](0..<21)
    var ph_vol = [Int](0..<10)
    
    init()
        UITableView.appearance().backgroundColor = .clear
    
    
    @State private var khWert: String = ""
    @State private var phWert: String = ""
    @State private var phco2Wert: String = ""
    
    
    
    var calculation: String 
        
        guard khWert.isEmpty == false, phWert.isEmpty == false else  return "" 
        
        
        guard let kh = Double(khWert), let ph  = Double(phWert) else  return "Error" 
        
        let product = kh/2.8 * pow(10,7.90-ph)
        
        
        return String(format: "%.2f", product)
    
    
    
    
    var body: some View 
        
        VStack() 
            Text("Co2 = \(calculation) mg/ltr")
                
                .font(.largeTitle)
                .multilineTextAlignment(.center)
                .foregroundColor(Color.green)
                .frame(width: 300, height: 60, alignment: .center)
                .border(Color.green)
                .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .center)
            
            
            
            HStack 
                
                
                TextField("KH Wert", text: $khWert)
                    .border(Color.green)
                    .frame(width: 120, height: 70, alignment: .center)
                    .textFieldStyle(RoundedBorderTextFieldStyle())
                    //                            .textContentType(.oneTimeCode)
                    .keyboardType(.numberPad)
                
                TextField("PH Wert", text: $phWert)
                    .border(Color.green)
                    .frame(width: 120, height: 70, alignment: .center)
                    .textFieldStyle(RoundedBorderTextFieldStyle())
                    //                            .textContentType(.oneTimeCode)
                    .keyboardType(.numberPad)
                
            
            
            GeometryReader  geometry in
                HStack 
                    
                    Picker(selection: self.$kh_Picker, label: Text("")) 
                        ForEach(0 ..< self.kh_vol.count)  index in
                            Text("\(self.kh_vol[index])").tag(index)
                            //
                        
                        
                    
                    .frame(width: geometry.size.width/3, height: 100, alignment: .center) .clipped()
                    
                    Picker(selection: self.$ph_Picker, label: Text("")) 
                        ForEach(0 ..< self.ph_vol.count)  index in
                            Text("\(self.ph_vol[index])").tag(index)
                        
                        
                    
                    .frame(width: geometry.size.width/3, height: 100, alignment: .center) .clipped()
                    
                    
                
            
            
        
            
            
        .navigationBarTitle(Text("Co2 aus KH & PH"))
        .font(/*@START_MENU_TOKEN@*/.title/*@END_MENU_TOKEN@*/)
        
        
    
    
    
    


struct KH_aus_Co2_Previews: PreviewProvider 
    static var previews: some View 
        Co2_aus_KH()
        
    

非常感谢您的帮助

于尔根.......................................

【问题讨论】：

首先选择器选择和标签（或id）应该是相同的类型，所以选择工作（你的选择是字符串，但标签是Int，所以它不起作用）。但总的来说，您的帖子不清楚。你想达到什么目标？目标是什么？你能澄清一下（也许尽量减少问题领域的例子）。

【参考方案1】：

如果我理解正确，您希望选择器更新文本字段中的值。如果是这样，那么您希望将相同的值绑定到文本字段正在使用的选择器。由于该值为String，因此您需要在选择器中使用String 值。

使用.map(String.init) 将kh_vol 和ph_vol 范围转换为String 的数组，并使用\.self 作为id:：

Picker(selection: self.$khWert, label: Text("")) 
    ForEach(self.kh_vol.map(String.init), id: \.self)  index in
        Text(index)
    
    

.frame(width: geometry.size.width/3, height: 100, alignment: .center)
.clipped()

Picker(selection: self.$phWert, label: Text("")) 
    ForEach(self.ph_vol.map(String.init), id: \.self)  index in
        Text(index)
    
    

.frame(width: geometry.size.width/3, height: 100, alignment: .center)
.clipped()