如何在 Swift 中为多个 UIpickerview 设置数据？

Question

我有uiviewcontroller，uitextfields当用户点击文本字段时，uipickerview会出现如附件所示的内容。

我怎样才能制作多个uipickerview？例如，当用户点击国家/地区文本字段时，选择器视图将显示国家/地区数组数据，而当用户点击性别文本字段时，uipickerview 将显示性别数组数据等。我尝试过，但只能对一个数组执行此操作，该数组是国家/地区，如我的代码中所示。如果您能向我展示如何对其余的 uitextfields 执行此操作，我将不胜感激。

import UIKit

class testVC: UIViewController,UITextViewDelegate,UINavigationControllerDelegate,UIImagePickerControllerDelegate,UIPickerViewDelegate,UIPickerViewDataSource {

    var countries = ["USA","UK","Spain" ] 
    var gender = ["Male","Female","Both"]
    var language = ["English","French","Spanish","Other"]

    override func viewDidLoad() {
    super.viewDidLoad()
        var pickerView = UIPickerView(frame: CGRectMake(0, 200, view.frame.width, 100))

        pickerView.backgroundColor = .whiteColor()

        pickerView.showsSelectionIndicator = true

        var toolBar = UIToolbar()
        toolBar.barStyle = UIBarStyle.Default
        toolBar.translucent = true
        toolBar.tintColor = UIColor(red: 76/255, green: 217/255, blue: 100/255, alpha: 1)
        toolBar.sizeToFit()

        pickerView.delegate = self
        pickerView.dataSource = self

       [![enter image description here][1]][1]
        var doneButton = UIBarButtonItem(title: "Done", style: UIBarButtonItemStyle.Plain, target: self, action: "donePicker")
        var spaceButton = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.FlexibleSpace, target: nil, action: nil)
        var cancelButton = UIBarButtonItem(title: "Cancel", style: UIBarButtonItemStyle.Plain, target: self, action: "canclePicker")

        toolBar.setItems([cancelButton, spaceButton, doneButton], animated: false)
        toolBar.userInteractionEnabled = true


       genderTxt.inputView = pickerView
       genderTxt.inputAccessoryView = toolBar

       countriesTxt.inputView = pickerView
       countriesTxt.inputAccessoryView = toolBar

       categoriesTxt.inputView = pickerView
       categoriesTxt.inputAccessoryView = toolBar

       startDateTxt.inputView = pickerView
       startDateTxt.inputAccessoryView = toolBar

       endDateTxt.inputView = pickerView
       endDateTxt.inputAccessoryView = toolBar

       languageTxt.inputView = pickerView
       languageTxt.inputAccessoryView = toolBar

     func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int {

        return 1

    }


    func pickerView(pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {

            return countries.count

    }

    func pickerView(pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String! {


           return countries[row]
        }

    func pickerView(pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {

        var itemselected = countries[row]
        countriesTxt.text = itemselected

    }

Answer 1

你不需要多个UIPickerView. 相反，您需要根据第一响应者文本视图设置选取器视图数据源。此外，您还应该实现textFieldShouldBeginEditing委托方法，通过调用其reloadAllComponents方法来重新加载选择器视图的内容

var pickerView : UIPickerView!  

override func viewDidLoad() {

     self.pickerView = UIPickerView(frame: CGRectMake(0, 200, view.frame.width, 100))
     NSNotificationCenter.defaultCenter().addObserver(self, selector: ("updatePicker"), name: UITextFieldTextDidBeginEditingNotification, object: nil)
}

func updatePicker(){
   self.pickerView.reloadAllComponents()
}

func pickerView(pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {

        if countriesTxt.isFirstResponder(){
             return countries.count
        }else if genderTxt.isFirstResponder(){
             return gender.count
        }
        // continue this way and implement all cases

}

func pickerView(pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String! {

        if countriesTxt.isFirstResponder(){
              return countries[row]
        }else if genderTxt.isFirstResponder(){
              return gender[row]

        }
        // continue this way and implement all cases

}

func pickerView(pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {

        if countriesTxt.isFirstResponder(){
              var itemselected = countries[row]
              countriesTxt.text = itemselected
        }else if genderTxt.isFirstResponder(){
               var itemselected = gender[row]
              genderTxt.text = itemselected
        } 
        // ...


}