ios - 如何在 UIPickerView 的每个组件上方设置标题？

Question

我实现了一个包含 2 个组件的 UIPickerview。我想在每个上面设置一个标题。我该怎么做？

我不想在选择器上方放置一个单独的标签。

Answer 1

我经常向我的 UIPickerView 添加一个只有一行的附加组件，并将该行的标题设置为下一个组件的标题。

例如“小时和分钟”UIPickerView。

func numberOfComponents(in pickerView: UIPickerView) -> Int {
    return 4 //2 headers and 2 values
}

func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
    if component == 0 {
       return 1 //hours header
    } else if component == 1 {
       return 100 //hours
    } else if component == 2{
       return 1 //minutes header
    } else {
       return 4 //minutes
    }
}

func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
    if component == 0 {
        return "Hours:" //header
    } else if component == 1 {
        return "\(row + 1)" //value
    } else if component == 2 {
        return "Minutes:" //header
    } else if component == 3 { 
        return "\(row * 15)" //value
    }
    return nil
}

结果是这样的:

Result image