如何讓UIPickerView看起來像圖像中的那個？

Question

我有一個要求使看起來像圖像中提供的一個。它有5個不同的部分，每個部分有2行。

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" 
    } 

您可以根據您的要求修改，並可以使用pickerview的dalagate和數據源mehtods。它與UITableView代理和數據源一樣易於使用