iOS开发之UIPickerView实现城市选择器的步骤详解
程序员文章站
2023-12-17 20:43:10
前言
uipickerview是一个选择器控件,它可以生成单列的选择器,也可生成多列的选择器,而且开发者完全可以自定义选择项的外观,因此用法非常灵活。uipicker...
前言
uipickerview是一个选择器控件,它可以生成单列的选择器,也可生成多列的选择器,而且开发者完全可以自定义选择项的外观,因此用法非常灵活。uipickerview直接继承了uiview,没有继承uicontrol,因此,它不能像uicontrol那样绑定事件处理方法,uipickerview的事件处理由其委托对象完成。
本文借助于uipickerview来实现城市选择器,第一列为省份,第二列为第一列省份对应的城市或者区,数据放在plist中,plist结构如下图所示,第一层是一个dictionary,每个省份对应的城市是一个array:
实现步骤
第一步
拖入一个uipickerview
到storyboard
中,然后设置uipickerviewdelegate
,和uipickerviewdatasource
为当前的控制器,如下图红色区域所示:
设置数据源与代理
第二步
在对应的viewcontroller
中进行实现,代码注释非常详细
#import "viewcontroller.h" @interface viewcontroller () <uipickerviewdelegate, uipickerviewdatasource> /** * plist对应的字典 */ @property (nonatomic, strong) nsdictionary* citynames; /** * 省份 */ @property (nonatomic, strong) nsarray* provinces; /** * 城市 */ @property (nonatomic, strong) nsarray* cities; @end @implementation viewcontroller /** * 懒加载plist * * @return plist对应的字典 */ - (nsdictionary*)citynames { if (_citynames == nil) { nsstring* path = [[nsbundle mainbundle] pathforresource:@"citydata" oftype:@"plist"]; _citynames = [nsdictionary dictionarywithcontentsoffile:path]; } return _citynames; } /** * 懒加载省份 * * @return 省份对应的数组 */ -(nsarray *)provinces { if (_provinces == nil) { //将省份保存到数组中 _provinces = [self.citynames allkeys]; } return _provinces; } - (void)viewdidload { [super viewdidload]; // do any additional setup after loading the view, typically from a nib. } - (void)didreceivememorywarning { [super didreceivememorywarning]; // dispose of any resources that can be recreated. } /** * 返回每一列的行数 * * @param pickerview * @param component * * @return */ - (nsinteger)pickerview:(uipickerview*)pickerview numberofrowsincomponent:(nsinteger)component { if (component == 0) { return self.provinces.count; } else { [self loaddata:pickerview]; return self.cities.count; } } /** * 返回每一行显示的文本 * * @param pickerview * @param row * @param component * * @return */ - (nsstring*)pickerview:(uipickerview*)pickerview titleforrow:(nsinteger)row forcomponent:(nsinteger)component { //第一列返回所有的省份 if (component == 0) { return self.provinces[row]; } else { [self loaddata:pickerview]; return self.cities[row]; } } /** * 加载第二列显示的数据 * * @param pickerview */ -(void)loaddata:(uipickerview*)pickerview { //一定要首先获取用户选择的那一行 然后才可以根据选中行获取省份 获取省份以后再去字典中加载省份对应的城市 nsinteger selrow = [pickerview selectedrowincomponent:0]; nsstring *key = self.provinces[selrow]; self.cities = [self.citynames valueforkey:key]; } /** * 一共多少咧 * * @param pickerview * * @return */ - (nsinteger)numberofcomponentsinpickerview:(uipickerview*)pickerview { return 2; } /** * 选中某一行后回调 联动的关键 * * @param pickerview * @param row 用户选择的省份 * @param component */ - (void)pickerview:(uipickerview*)pickerview didselectrow:(nsinteger)row incomponent:(nsinteger)component { if (component == 0) { //重新加载第二列的数据 [pickerview reloadcomponent:1]; //让第二列归位 [pickerview selectrow:0 incomponent:1 animated:yes]; } } @end
实现效果
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。