UIPickerView 在 UITextField 中显示多行

Question

我正在尝试在 TextField 中显示我的 UIPickerView，我已经这样做了，所以它显示了其中一行，但不是全部。

这是我的代码：

class ViewController: UIViewController {

static var isAlreadyLaunchedOnce = false
var ref: DatabaseReference!


    @IBOutlet weak var txtDate: UITextField!


    @IBOutlet weak var inputpickerdate: UIPickerView!



    var pickerDate: [[String]] = [[String]] ()


    var selected: String?

    override func viewDidLoad() {
        super.viewDidLoad()

    self.inputpickerdate.delegate = self
    self.inputpickerdate.dataSource = self

        pickerDate = [["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"], ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31"], ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"]]

        if FirebaseApp.app() == nil {
            FirebaseApp.configure()
        }



}

extension ViewController: UIPickerViewDelegate, UIPickerViewDataSource {

    func numberOfComponents(in pickerView: UIPickerView) -> Int {

    return 3

    }

    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
            //return pickerList.count
        return pickerDate [component].count

        }

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

        return pickerDate [component] [row]

   }

    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        txtDate.text = pickerDate[component][row]
        self.view.endEditing(false)

    }

    }

在文本视图中我只看到月份而不是完整的日期，我想显示如下内容：

年周一

不知道该怎么做，基本上需要显示所有行，而不仅仅是一行。

Answer 1

原因是您将 UITextField 中的文本设置为您选择的组件的文本 pickerDate[component][row]。

有多种方法可以实现你想用 UIPicker 做的事情，尽管相当复杂......

例如

您可以有三个标签，每个组件一个。
您可以保留每个组件的选择，然后从保留的值构建一个字符串。

选择日期的更好方法是使用 UIDatePicker。

class ViewController: UIViewController {

    @IBOutlet weak var txtDate: UITextField!
    @IBOutlet weak var datepicker: UIDatePicker!

    let dateFormatter = DateFormatter()

    override func viewDidLoad() {
        super.viewDidLoad()

        dateFormatter.dateStyle = .medium
        datepicker.addTarget(self, action: #selector(dateChanged(_:)), for: .valueChanged)
    }

    @objc func dateChanged(_ sender: UIDatePicker) {
        txtDate.text = dateFormatter.string(from: sender.date)
    }
}

如果您确实想沿用 UIPickerView 的路线，您可以保留每个组件的值并使用这些值构建您要显示的字符串。

class ViewController: UIViewController {

    @IBOutlet weak var txtDate: UILabel!
    @IBOutlet weak var picker: UIPickerView!

    let pickerData: [[String]] = [
        ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
        ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31"],
        ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"]
    ]

    var weekDay: String = ""
    var dayOfMonth: String = ""
    var month: String = ""

    override func viewDidLoad() {
        super.viewDidLoad()
        self.picker.delegate = self
        self.picker.dataSource = self

        // Give the label a default value
        weekDay = pickerData[0][0]
        dayOfMonth = pickerData[1][0]
        month = pickerData[2][0]

        updateDateText()
    }

    func updateDateText() {
        txtDate.text = "\(weekDay) \(dayOfMonth) \(month)"
    }
}

extension ViewController: UIPickerViewDataSource {

    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return pickerData.count
    }

    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return pickerData [component].count
    }
}

extension ViewController: UIPickerViewDelegate {

    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return pickerData[component][row]
    }

    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        switch component {
        case 0:
            weekDay = pickerData[component][row]
        case 1:
            dayOfMonth = pickerData[component][row]
        case 2:
            month = pickerData[component][row]
        default:
            break
        }

        updateDateText()
    }
}

UIPickerView 在 UITextField 中显示多行

UIPickerView Multiple rows display in UITextField

swift

uitextfield

uipickerview