根据选择第一个选择器中的哪一行更改第二个和第三个选择器视图 [英] Change the 2nd and 3rd pickerView acording to what row from the 1st picker is selected

问题描述

我有 3 个这样的选择器:第一个是 generalPicker，第二个和第三个是相同的.在 generalPicker 中，我有一个数组(菜单):["Length", "Volume", "Mass"] 每次我想选择时，例如来自 generalPicker 的 Mass，我都想进入第二和第三选择器这个数组:[毫克"、厘克"、克"、公斤"、石头"、磅"、盎司"].

I have 3 pickers like this: the 1st one is the generalPicker, the 2nd and 3rd are the same. In the generalPicker, I have an array (menu): ["Length", "Volume", "Mass"] and every time I want to choose, for example Mass from the generalPicker, I want to get in the 2nd and 3rd pickers this array: ["Milligram", "Centigram", "Gram", "Kilogram", "Stone", "Pound", "Ounce"].

或者，如果我在generalPicker中选择，比方说，Length，那么我想进入第2和第3个picker:[毫米"，厘米"，米"，公里"，英尺"，院子"，英里"].

Or, if I chose in the generalPicker, let's say, Length, then I want to get in the 2nd and 3rd pickers: ["Millimeter", "Centimeter", "Meter", "Kilometer", "Foot", "Yard", "Mile"].

谁能告诉我我实际上如何做到这一点?我的代码示例(选择器配置):

Can anyone give me an idea of how can I actually do that? A sample of my code (the pickers config):

func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int  {
    return 1
}

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

    if pickerView.tag == 0 || pickerView.tag == 1 {
        return self.pickerLength.count
    } else if pickerView.tag == 2 {
        return self.pickerGeneral1.count
    }

    return 3
}

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

    if pickerView.tag == 0 || pickerView.tag == 1{
        return self.pickerLength[row]
    } else if pickerView.tag == 2 {
        return self.pickerGeneral1[row]
    }

    return ""
}

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

    if pickerView.tag == 0  {
        self.pickerTextField.text = self.pickerLength[row]
        self.view.endEditing(true)
    }else if pickerView.tag == 1 {
        self.pickedTextField2.text = self.pickerLength[row]
        self.view.endEditing(true)
    }else if pickerView.tag == 2 {
        self.pickerGeneral.text = self.pickerGeneral1[row]
        self.view.endEditing(true)
    }
}

数组定义:

private var pickerMass = ["Milligram", "Centigram", "Gram", "Kilogram", "Stone", "Pound", "Ounce"]
private var pickerVolume = ["Milliliter", "Centiliter", "Liter", "Gallon", "Quart", "Pint", "Fluid ounce"]
private var pickerLength = ["Millimeter", "Centimeter", "Meter", "Kilometer", "Foot", "Yard", "Mile"]
private var pickerGeneral1 = ["Length", "Volume",  "Mass"]

推荐答案

以下是工作代码.这当然不是完成工作的好方法，但会提供解决问题的想法.

The following is the working code. It is certainly not the pretty way to do the work but will give an idea to resolve the issue.

class ViewController: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource {

@IBOutlet weak var textField_0: UITextField!
@IBOutlet weak var textField_1: UITextField!
@IBOutlet weak var textField_2: UITextField!

private var pickerGeneral1 = ["Length", "Volume", "Mass"]

// Maintaining the other arrays as single array of arrays for efficient loading 
private var subContentArray = [["Millimeter", "Centimeter", "Meter", "Kilometer", "Foot", "Yard", "Mile"],
    ["Milliliter", "Centiliter", "Liter", "Gallon", "Quart", "Pint", "Fluid ounce"],
    ["Milligram", "Centigram", "Gram", "Kilogram", "Stone", "Pound", "Ounce"]]

var picker_0 = UIPickerView()
var picker_1 = UIPickerView()
var picker_2 = UIPickerView()

// To keep track of user's current selection from the main content array
private var _currentSelection: Int = 0

// whenever current selection is modified, we need to reload other pickers as their content depends upon the current selection index only.
var currentSelection: Int {
    get {
        return _currentSelection
    }
    set {
        _currentSelection = newValue
        picker_1 .reloadAllComponents()
        picker_2 .reloadAllComponents()

        textField_0.text = pickerGeneral1[_currentSelection]
        textField_1.text = subContentArray[_currentSelection][0]
        textField_2.text = subContentArray[_currentSelection][0]
    }
}

override func viewDidLoad() {
    super.viewDidLoad()

    currentSelection = 0;

    picker_0.delegate = self
    picker_0.dataSource = self
    picker_0.tag = 0

    picker_1.delegate = self
    picker_1.dataSource = self
    picker_1.tag = 1

    picker_2.delegate = self
    picker_2.dataSource = self
    picker_2.tag = 2

    textField_0.inputView = picker_0
    textField_1.inputView = picker_1
    textField_2.inputView = picker_2
}

func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int {
    return 1
}

func pickerView(pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
    if pickerView.tag == 0 {
        return pickerGeneral1.count
    } else {
        return subContentArray[currentSelection].count
    }
}

func pickerView(pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
    if pickerView.tag == 0 {
        return pickerGeneral1[row]
    } else {
        return subContentArray[currentSelection][row]
    }
}

func pickerView(pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    if pickerView.tag == 0 {
        currentSelection = row

        textField_0.text = pickerGeneral1[row]
        textField_0.resignFirstResponder()
    } else if pickerView.tag == 1 {
        textField_1.text = subContentArray[currentSelection][row]
        textField_1.resignFirstResponder()
    } else if pickerView.tag == 2 {
        textField_2.text = subContentArray[currentSelection][row]
        textField_2.resignFirstResponder()
    }
}
}

我将只使用一个 UIPickerView 而不是 3 个.

I would be using only one UIPickerView instead of 3.

这篇关于根据选择第一个选择器中的哪一行更改第二个和第三个选择器视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！