UIPickerView实现两级联动

最新推荐文章于 2022-12-11 22:16:56 发布

原创

最新推荐文章于 2022-12-11 22:16:56 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#IOS #UIPickerView

本文总结了在iOS开发中使用UIPickerView实现省市联动选择的步骤，包括界面绘制、数据源和代理方法实现、数据显示、pickerView刷新及索引越界问题的修复。案例详细介绍了如何确保当省选择变化时，市名称能即时更新，以及如何避免两列滚动时的索引越界错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

黑马程序员UI进阶教程第一天案例（省市名称的选择和显示）总结

该案例主要实现省市的显示和选择，当左侧省变化之后，右侧相应的市的名称也相应变化，并且将选择结果显示在两个文本框中。主要的实现思路如下：

绘制界面，导入素材，字典转模型，懒加载
实现pickerView的数据源方法和代理方法，使数据显示出来
在pickerView的代理方法-(void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component中写代码，使省市的名称显示在两个label中
实现pickerView的及时刷新
修复pickerView两列同时滚动时索引越界的bug

最终效果如下：

1.绘制界面，导入素材，字典转模型，懒加载

2.实现pickerView的数据源方法和代理方法，使数据显示出来

要使pickerView显示出文本数据，至少需要实现如下三个方法：

//数据源方法，返回需要显示的数据一共有几列
-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
    return 2;
}
//数据源方法，返回某一列对应的行数
-(NSInteger)pickerView:(UIPickerView *)picke