Comment puis-je faire en sorte que l'UIPickerView ressemble à celui de l'image?

Question

J'ai une exigence de faire un pour le faire ressembler à celui dans l'image, fourni. Il a 5 sections différentes avec 2 rangées chacun.

Answer 1

func configureDatePicker(){ 
     let datePicker = UIPickerView.init() 
//  datePicker.datePickerMode = .Date 
     datePicker.delegate = self 
     datePicker.dataSource = self 
     txtDOB.inputView = datePicker 

     noteToolbar = UIToolbar.init(frame: CGRectMake(0, 0, self.view.frame.size.width, 44)) 
     let btnDone = UIBarButtonItem.init(title: "Done", style: .Done, target: self, action: #selector(AboutYouViewController.datePicked)) 
     let btnCancel = UIBarButtonItem.init(title: "Cancel", style: .Done, target: self, action: #selector(AboutYouViewController.dismissKeyboard)) 
     let flexibleButton = UIBarButtonItem.init(barButtonSystemItem: .FlexibleSpace, target: self, action: nil) 

     noteToolbar.items = [btnDone, flexibleButton, btnCancel] 
     txtDOB.inputAccessoryView = noteToolbar 
    } 

func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int 

    { 
     return 1 
    } 

    func pickerView(pickerView: UIPickerView, 
         numberOfRowsInComponent component: Int) -> Int 
    { 
     return 3 
    } 
    func pickerView(_pickerView: UIPickerView, 
         titleForRow row: Int, 
            forComponent component: Int) -> String? 
    { 
     return "Test" 
    } 

Vous pouvez modifier selon vos besoins et peut utiliser les mehtods de dalagate et DataSource de pickerview. Il est aussi facile à utiliser que le délégué et la source de données UITableView