“UIPickerView”中的多列

问题描述 投票:4回答:3

在我的项目中添加了天和月如何在(日期和时间)UIPickerView中添加两个字段。在我的代码中

class TableViewController: UITableViewController ,UITextFieldDelegate,UIPickerViewDelegate,UIPickerViewDataSource{
    @available(iOS 2.0, *)
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }
@IBOutlet var dateTextfield:UITextField!
    @IBOutlet var dateLabel:UILabel!
 var pickerDaysYear = [["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", "Sep", "Oct", "Nov", "Dec"]];

override func viewDidLoad() {
        super.viewDidLoad()
self.pickerview.delegate = self

}
func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int {
        return 2
    }
    numberOfRowsInComponent component: Int) -> Int {
           return self.pickerDaysYear[component].count
    }
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        if(component == 0)
        {
            return self.pickerDaysYear[component][row]
        }
        else
        {
            return self.pickerDaysYear[component][row]
        }

//        return pickerDaysYear[component][row]
    }
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        let days =  pickerDaysYear[0][pickerView.selectedRow(inComponent: 0)]
        let month = pickerDaysYear[1][pickerView.selectedRow(inComponent: 1)]
        dateTextfield.text = days + " " + month
    }
    override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
        view.endEditing(false)
    }

输出是:

[图片缺失]

我期待这个输出:

enter image description here

ios swift uipickerview
3个回答
2
投票
class TableViewController: UITableViewController ,UITextFieldDelegate,UIPickerViewDelegate,UIPickerViewDataSource{

@IBOutlet var dateTextfield:UITextField!
    @IBOutlet var dateLabel:UILabel!
    let datePicker = UIPickerView()
override func viewDidLoad() {
        super.viewDidLoad()
        self.dateTextfield.delegate = self

        self.datePicker.dataSource = self
        self.datePicker.delegate = self

        self.dateTextfield.inputView = self.datePicker

        let toolBar = UIToolbar()
        toolBar.barStyle = UIBarStyle.default
        toolBar.isTranslucent = true
        toolBar.tintColor = UIColor(red: 76/255, green: 217/255, blue: 100/255, alpha: 1)
        toolBar.sizeToFit()
        let doneButton = UIBarButtonItem(title: "Done", style: UIBarButtonItemStyle.plain, target: self, action: #selector(self.doneButtonTapped))
        toolBar.setItems([doneButton], animated: false)
        self.dateTextfield.inputAccessoryView = toolBar
}
func doneButtonTapped(){
        self.dateTextfield.resignFirstResponder()
    }
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        view.endEditing(true)
    }
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

//----------------   PickerView  delegate Method   --------------------------------//

    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 2
    }
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return self.pickerDaysmonth[component].count
    }
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return self.pickerDaysmonth[component][row]
    }
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {

        let days =  pickerDaysmonth[0][pickerView.selectedRow(inComponent: 0)]
        let month = pickerDaysmonth[1][pickerView.selectedRow(inComponent: 1)]
        dateTextfield.text =   days + " " + month

    }

在UIPickerView()中为textfield分配输入视图

let datePicker = UIPickerView()

self.dateTextfield.inputView = self.datePicker

在toolBar中为textfield分配inputAccessoryView

let toolBar = UIToolbar()
    self.dateTextfield.inputAccessoryView = toolBar

它工作正常

目前的输出是: enter image description here


1
投票

函数numberOfComponentsnumberOfRowsInComponent来自数据源,而不是委托。

所以你需要将这一行添加到你的viewDidLoad

self.pickerview.delegate = self


1
投票

以防万一有人在协议调用中寻找OBJC调用组件

  • 对于使用的行数 return [yourArrayName[component] count];
  • 用于行使用的标题 return yourArrayName[component][row];
© www.soinside.com 2019 - 2024. All rights reserved.