如何在Uipicker中的两个列之间添加标签？

Question

我正在尝试构建以下选择器。如何在两者之间创建“到”标签到选择器的组成部分？

Answer 1

正如 @paulw11所评论的那样，在这里您有一个演示实现。

enum PickerComponents: CaseIterable {
    case timeFrom
    case to
    case timeTo
    
}

enum TimeFrom: String, CaseIterable {
    case now = "Now"
    case tenAM = "10:00AM"
    case quarterToTenAM = "10:15AM"
}

enum TimeTo: String, CaseIterable {
    case fiveThirtyPM = "5:30PM"
    case fiveFortyFive = "5:45PM"
    case sixPM = "6:00PM"
}

class ViewController: UIViewController {

    @IBOutlet weak var pickerView: UIPickerView!
    
    private let pickerComponents = PickerComponents.allCases
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.pickerView.delegate = self
        self.pickerView.dataSource = self
    }
}

extension ViewController: UIPickerViewDataSource, UIPickerViewDelegate {
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return pickerComponents.count
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        let component = pickerComponents[component]
        
        switch component {
        case .timeFrom:
            return TimeFrom.allCases.count
        case .to:
            return 1
        case .timeTo:
            return TimeTo.allCases.count
        }
    }
    
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        let component = pickerComponents[component]
        
        switch component {
        case .timeFrom:
            return TimeFrom.allCases[row].rawValue
        case .to:
            return "to"
        case .timeTo:
            return TimeTo.allCases[row].rawValue
        }
    }
}