1、介绍:
现在越来越多的项目都用到了地址,尤其是电商O2O的购物平台,我之前做的教育产品和电商产品都用到了,而实现地址的设置用到的技术就是城市级联列表,即普遍的做法就是自定义选择器控件UIPickerView,然后从本地整理的城市plist文件获取省份、城市、县镇三级级联。现在整理一下,分享给大家。
2、效果图如下:
3、用法:
(1)导入本地城市级联文件:provincecity.plist.zip
(2)导入DDMeZonePickerView.h头文件,在控制器通过[UIView Animation]的动画控制创建的DDMeZonePickerView视图对象的frame让其显示或隐藏即可,被选择的城市然后通过block进行回传。
4、废话不多说,实现代码如下:
DDMeZonePickerView.h
// DDMeZonePickerView.h // BiaoJiePay // // Created by 夏远全 on 16/11/19. // Copyright © 2016年 广州东德科技. All rights reserved. // #import <UIKit/UIKit.h> /** * 声明block */ typedef void (^adressBlock)(NSString *adress); @interface DDMeZonePickerView : UIView /** * 定义block属性 */ @property (copy,nonatomic)adressBlock adressBlock; /** * 传递地址 */ -(void)chooseAdressBlock:(adressBlock)adressBlock; @end
DDMeZonePickerView.m
// // DDMeZonePickerView.m // BiaoJiePay // // Created by 夏远全 on 16/11/19. // Copyright © 2016年 广州东德科技. All rights reserved. // #import "DDMeZonePickerView.h" @interface DDMeZonePickerView ()<UIPickerViewDataSource,UIPickerViewDelegate> /** picker选择器*/ @property (strong, nonatomic)UIPickerView *customPicker; /** * 原始省份数组 */ @property (strong, nonatomic)NSArray *provinceArray; /** * 原始城市数组 */ @property (strong, nonatomic)NSArray *cityArray; /** * 原始区镇数组 */ @property (strong, nonatomic)NSArray *townArray; /** * 选择省份字典 */ @property (strong, nonatomic)NSDictionary *selectedProvinceDic; /** * 选择城市字典 */ @property (strong, nonatomic)NSDictionary *selectedCityDic; /** * 确认 */ @property (strong,nonatomic)UIButton *sureButton; /** * 取消 */ @property (strong,nonatomic)UIButton *cancelButton; @end @implementation DDMeZonePickerView /** * 懒加载 */ -(UIPickerView *)customPicker{ if (!_customPicker) { _customPicker = [[UIPickerView alloc]init]; _customPicker.dataSource = self; _customPicker.delegate = self; _customPicker.backgroundColor = XYQColor(153, 153, 153); } return _customPicker; } -(NSArray *)provinceArray{ if (!_provinceArray) { _provinceArray = [NSArray array]; } return _provinceArray; } -(NSArray *)cityArray{ if (!_cityArray) { _cityArray = [NSArray array]; } return _cityArray; } -(NSArray *)townArray{ if (!_townArray) { _townArray = [NSArray array]; } return _townArray; } -(NSDictionary *)selectedProvinceDic{ if (!_selectedProvinceDic) { _selectedProvinceDic = [NSDictionary dictionary]; } return _selectedProvinceDic; } -(NSDictionary *)selectedCityDic{ if (!_selectedCityDic) { _selectedCityDic = [NSDictionary dictionary]; } return _selectedCityDic; } /** * 初始化 */ -(instancetype)initWithFrame:(CGRect)frame{ self = [super initWithFrame:frame]; if (self) { [self getPickerData]; self.customPicker.frame = CGRectMake(0, 0, SCREEN_WIDTH, frame.size.height); [self addSubview:self.customPicker]; } return self; } /** * 从本地文件获取数据 */ - (void)getPickerData{ NSString *path = [[NSBundle mainBundle] pathForResource:@"provincecity" ofType:@"plist"]; self.provinceArray = [NSArray arrayWithContentsOfFile:path]; //所有的省份 self.selectedProvinceDic = self.provinceArray[0]; self.cityArray = [self.selectedProvinceDic objectForKey:@"city"];//所有的城市 self.selectedCityDic = self.cityArray[0]; self.townArray = [self.selectedCityDic objectForKey:@"area"];//所有的区/县 } #pragma mark UIPickerViewDataSource //设置有多少列 -(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView{ return 3; } //设置每列多少行 -(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component { if (component == 0) { return self.provinceArray.count; } else if (component == 1) { return self.cityArray.count; } else { return self.townArray.count; } } #pragma mark - UIPickerViewDelegate //自定义字体大小 - (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view { UILabel *myView = nil; if (component == 0) { myView = [[UILabel alloc] initWithFrame:CGRectMake(0.0, 0.0, 100, 30)] ; myView.text = [[self.provinceArray objectAtIndex:row] objectForKey:@"name"]; }else if(component == 1){ myView = [[UILabel alloc] initWithFrame:CGRectMake(0.0, 0.0, (SCREEN_WIDTH-100)/2, 30)]; myView.text = [[self.cityArray objectAtIndex:row] objectForKey:@"name"]; }else{ myView = [[UILabel alloc] initWithFrame:CGRectMake(0.0, 0.0, (SCREEN_WIDTH-100)/2-30, 30)]; myView.text = [[self.townArray objectAtIndex:row] objectForKey:@"name"]; } myView.textAlignment = NSTextAlignmentCenter; myView.font = [UIFont systemFontOfSize:17]; //用label来设置字体大小 myView.backgroundColor = [UIColor whiteColor]; return myView; } //设置宽度 - (CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component { return SCREEN_WIDTH/3; } //返回行高 - (CGFloat)pickerView:(UIPickerView *)pickerView rowHeightForComponent:(NSInteger)component { return 39; } //通过代理方法didSelectRows获取数据 - (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component { if (component == 0) { //获取省份选中行 self.selectedProvinceDic = self.provinceArray[row]; self.cityArray = [self.selectedProvinceDic objectForKey:@"city"];//所有的城市 self.selectedCityDic = self.cityArray[0]; self.townArray = [self.selectedCityDic objectForKey:@"area"];//所有的区/县 [pickerView reloadComponent:1]; [pickerView reloadComponent:2]; } if (component == 1) { //获取城市选中行 NSInteger cityselectedRow = [pickerView selectedRowInComponent:1]; self.selectedCityDic = self.cityArray[cityselectedRow]; self.townArray = [self.selectedCityDic objectForKey:@"area"];//所有的区/县 [pickerView reloadComponent:2]; } //获取选中的省 NSString *provice = [NSString stringWithFormat:@"%@",[[self.provinceArray objectAtIndex:[pickerView selectedRowInComponent:0]] objectForKey:@"name"]]; //获取选中的市 NSString *city = [NSString stringWithFormat:@"%@",[[self.cityArray objectAtIndex:[pickerView selectedRowInComponent:1]] objectForKey:@"name"]]; //获取选中的县 NSString *town = [NSString stringWithFormat:@"%@",[[self.townArray objectAtIndex:[pickerView selectedRowInComponent:2]] objectForKey:@"name"]]; //赋值 NSString *adressText = [NSString stringWithFormat:@"%@%@%@",provice,city,town]; self.adressBlock(adressText); } /** * 地址传值 */ -(void)chooseAdressBlock:(void (^)(NSString *))adressBlock{ if (adressBlock) { self.adressBlock = [adressBlock copy]; } }@end
在ViewController.h懒加载选择器调用block取值:
/** * 选择器 */ -(DDMeZonePickerView *)zonePickerView{ if (!_zonePickerView) { _zonePickerView = [[DDMeZonePickerView alloc]initWithFrame:CGRectMake(0, SCREEN_HEIGHT, SCREEN_WIDTH, 240)]; [_zonePickerView chooseAdressBlock:^(NSString *adress) { self.updateField.text = adress; }]; } return _zonePickerView; }
本人原创,欢迎大家分享,转载需注明出处