全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线：400-708-3566

iOS三级联动选择器的实现代码示例

无聊ing...封装个省市区三级联动选择器的小demo吧。

上家公司的三级地区选择器的数据是一次性通过网络请求就能获取到的，但新东家这边并不是，而是先选择了省获取省的Id再去获取市，再通过得到市的Id获取区域，show code之前，先看下需要考虑的几个点：

1）怎么设置默认值，关键代码

[self.pickerView selectRow:xxx inComponent:xxx animated:YES];

2）怎么让三级之间联动 ,关键代码

复制代码 代码如下:
[self pickerView:self.pickerView didSelectRow:0 inComponent:0 ];//联动轮子1  必须得本轮有数据后触发否则crash

先看下效果图


关于设置默认值，三级联动，用UIPickView的话就是有3个轮子（component），首先我们要想到，第一次向后台发起请求，我们只能获取到第0个component的数据，只有当你滚动轮子的时候才会获取到省的Id发起请求来获得该省的市的数据，也就是第1个component的数据，依此类推，滚动第1个component发起请求来获取第2个component的数据，因此，pickView的监听轮子滚动的代理起了重要作用

复制代码 代码如下:
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component；

我们通过接口获取第0个component的数据，这边是后台规定的使用id=0，获取到以后，默认选中第0个component的第0个row并主动调用触发pick的轮子滚动代理来联动第1个component【要在获取数据成功后再执行这部操作,因此放在数据请求成功的回调内】，代码为

 [self pickerView:self.pickerView didSelectRow:0 inComponent:0 ];

在各轮子滚动过程中,用一个中间值

_selectedRow0记录下第0个component的选中行

_selectedRow1记录下第1个component的选中行

_selectedRow2记录下第2个component的选中行，

这里需要记住，滚动某个轮子只能对它后面的轮子产生影响，所以当滚动第0个component的时候使_selectedRow1，_selectedRow2均置为0，这里注意，上面提到的

默认选中第0个component的第0个row并主动调用触发pick的轮子滚动代理来联动第1个component

要先将轮子上的数据渲染好，设置好默认值才能主动调用监听轮子滚动的代理，否则会导致崩溃，另一个防崩溃的点如下图


发现第三级没数据的时候，如果你在代码里没加【安全措施】，那也会导致崩溃，要在请求到第三级的数据后做下判断，如果个数为空，将该级对应的数据源置为nil。（其它两级的轮子最好也加判断）

最后，由于这是个封装的类，最终要得到选中的详细信息，可通过代理或block传值给controller。

又是你们最喜欢show code环节：

.h文件

#import <UIKit/UIKit.h>

//定制代理协议
@protocol ZLMAddressPickerViewDelegate <NSObject>

- (void)addressPickerViewDidSelected:(NSString *)areaName;//点击上方完成按钮的代理传回拼接好的选中地址

- (void)addressPickerViewDidClose;//点击关闭代理

@end

@interface ZLMAddressPickerView : UIView

@property (weak, nonatomic) id<ZLMAddressPickerViewDelegate> delegate;

@end

.m文件

#import "ZLMAddressPickerView.h"
#import "AFHttpUtils.h"
#import "AreaModel.h"
@interface ZLMAddressPickerView () <UIPickerViewDataSource, UIPickerViewDelegate>
@property (strong, nonatomic) UIPickerView *pickerView;
@property (strong, nonatomic) AreaModel  *provBridge;
@property (strong, nonatomic) AreaModel  *cityBridge;
@property (strong, nonatomic) AreaModel  *areaBridge;
@property (copy, nonatomic) NSArray<Area *> * provDataArr;//省数组
@property (copy, nonatomic) NSArray<Area *> * cityDataArr;//市数组
@property (copy, nonatomic) NSArray<Area *> * areaDataArr;//区数组
@end

@implementation ZLMAddressPickerView
{
  NSInteger _selectRow0;//记录第0个轮子的选择行
  NSInteger _selectRow1;
  NSInteger _selectRow2;
  NSString *_areaString;//最后要传回的详细地址拼接字符串
  Area *_proModel;//记录下选中省的数据
  Area *_cityModel;
  Area *_areaModel;

}

- (instancetype)initWithFrame:(CGRect)frame
{
  self = [super initWithFrame:frame];
  if (self) {
    [self setup];
  }
  return self;
}

- (void)setup {
 
  _selectRow0 = 0;
  _selectRow1 = 0;
  _selectRow2 = 0;

  self.backgroundColor  = [UIColor whiteColor];
  UIToolbar *toolbar   = [[UIToolbar alloc] initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.bounds), 44)];
  toolbar.backgroundColor = [UIColor whiteColor];
  [self addSubview:toolbar];
  
  UIBarButtonItem *closeItem   = [[UIBarButtonItem alloc] initWithTitle:@"关闭" style:UIBarButtonItemStylePlain target:self action:@selector(selectAddressClose)];
  UIBarButtonItem *completeItem  = [[UIBarButtonItem alloc] initWithTitle:@"完成" style:UIBarButtonItemStylePlain target:self action:@selector(selectAddressComplete)];
  UIBarButtonItem *spaceItem   = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
  toolbar.items                     = @[closeItem, spaceItem, completeItem];
  
  self.pickerView.frame = CGRectMake(0, 44, CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds) - 44);

  [self addSubview:self.pickerView];
  
  [self downloadProv];
  
}

#pragma mark - http methods

/*省*/
- (void)downloadProv {
  
  NSMutableDictionary *dic = [NSMutableDictionary dictionaryWithDictionary: @{@"id":@(0)} ];
  
  [AFHttpUtils sendPostTaskWithUrl:[NSString stringWithFormat:@"%@/app/member/area",BASE_DOMAIN_URL] paramenters:dic successHandle:^(NSURLSessionDataTask *task, id responseObject) {
    
     NSLog(@"PROV:%@",responseObject);
    
    self.provBridge = [AreaModel mj_objectWithKeyValues:responseObject];
    
    if (self.provBridge.error_code==0) {
      
      self.provDataArr=self.provBridge.data;
      
       [self pickerView:self.pickerView didSelectRow:0 inComponent:0 ];//联动轮子1 必须得本轮有数据后才能触发didselect
      
      [self.pickerView reloadAllComponents];
  
    }
  } errorHandle:^(NSError *error) {
    
  }];

}
/*市*/
- (void)downloadCityWithId:(NSInteger)provId {
  
  NSMutableDictionary *dic = [NSMutableDictionary dictionaryWithDictionary: @{@"id":@(provId)} ];
  
  [AFHttpUtils sendPostTaskWithUrl:[NSString stringWithFormat:@"%@/app/member/area",BASE_DOMAIN_URL] paramenters:dic successHandle:^(NSURLSessionDataTask *task, id responseObject) {
    
    NSLog(@"CITY:%@",responseObject);
    
    self.cityBridge = [AreaModel mj_objectWithKeyValues:responseObject];
  
    if (self.cityBridge.error_code==0) {
      
      self.cityDataArr=self.cityBridge.data;
      
      [self.pickerView reloadComponent:1];
      
      [self.pickerView selectRow:0 inComponent:1 animated:YES];//默认选择row0
      
      [self pickerView:self.pickerView didSelectRow:0 inComponent:1 ];//联动轮子2 必须得本轮有数据后才能触发didselect
      
      _cityModel = self.cityDataArr[_selectRow1];
      
      [self downloadAreaWithId:_cityModel.area_id];
      
    }
  } errorHandle:^(NSError *error) {
    
  }];
  
}
/*区*/
- (void)downloadAreaWithId:(NSInteger)cityId {
  
  NSMutableDictionary *dic = [NSMutableDictionary dictionaryWithDictionary: @{@"id":@(cityId)} ];
  
  [AFHttpUtils sendPostTaskWithUrl:[NSString stringWithFormat:@"%@/app/member/area",BASE_DOMAIN_URL] paramenters:dic successHandle:^(NSURLSessionDataTask *task, id responseObject) {
    
    NSLog(@"AREA:%@",responseObject);
    
    self.areaBridge = [AreaModel mj_objectWithKeyValues:responseObject];
    
    if (self.areaBridge.error_code==0&&self.areaBridge.data.count>0) {
      
      self.areaDataArr=self.areaBridge.data;
      
    }else{
      
      self.areaDataArr=nil;
      
    }
    [self.pickerView reloadComponent:2];
    
    [self.pickerView selectRow:0 inComponent:2 animated:YES];
    
    [self pickerView:self.pickerView didSelectRow:0 inComponent:2 ];
  
  } errorHandle:^(NSError *error) {
    
  }];
  
}
#pragma mark - events response
- (void)selectAddressComplete {
  [self.delegate addressPickerViewDidSelected:_areaString];
}

- (void)selectAddressClose {
  [self.delegate addressPickerViewDidClose];
}

#pragma mark - UIPickerViewDataSource

//确定picker的轮子个数
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView {
  
  return 3;
}

//确定picker的每个轮子的item数
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component {
  if (component==0) {
     return self.provDataArr.count;
    
  }else if(component==1){
    return self.cityDataArr.count;
    
  }else{
    return self.areaDataArr.count;
    
  }
}
- (CGFloat)pickerView:(UIPickerView *)pickerView rowHeightForComponent:(NSInteger)component{
  return 36;
}

//确定每个轮子的每一项显示什么内容
- (NSAttributedString *)pickerView:(UIPickerView *)pickerView attributedTitleForRow:(NSInteger)row forComponent:(NSInteger)component{
  
  NSDictionary * attrDic = @{NSForegroundColorAttributeName:[UIColor blackColor],
                NSFontAttributeName:[UIFont systemFontOfSize:12]};
  Area *area;
  if (component==0) {
    area = self.provDataArr[row];
    
  }else if(component==1){
    area = self.cityDataArr[row];
    
  }else{
    area = self.areaDataArr[row];
   
  }
   NSAttributedString * attrString = [[NSAttributedString alloc] initWithString:area.name
                         attributes:attrDic];
  return attrString;
}

//监听轮子的移动
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
  
  if (component==0) {
    
    _selectRow0 = [pickerView selectedRowInComponent:0];
    
    _selectRow1 = 0;
    
    _selectRow2 = 0;
    
    _proModel  = self.provDataArr[_selectRow0];
    
    [self downloadCityWithId:_proModel.area_id];
      
  }else if(component==1){
    
    _selectRow1 = [pickerView  selectedRowInComponent:1];
    
    _selectRow2 = 0;
    
    _cityModel = self.cityDataArr[_selectRow1];
    
     [self downloadAreaWithId:_cityModel.area_id];
    
  }else{
    
    _selectRow2 = [pickerView selectedRowInComponent:2];

    if (self.areaDataArr&&self.areaDataArr.count>0) {

       _areaModel = self.areaDataArr[_selectRow2];
    }else{
      _areaModel = nil;
    }
  }
   if(_areaModel==nil){
    _areaString = [NSString stringWithFormat:@"%@ %@",_proModel.name,_cityModel.name];
   }else{
   _areaString = [NSString stringWithFormat:@"%@ %@ %@",_proModel.name,_cityModel.name,_areaModel.name];
   }
}

#pragma mark - getters and setters
- (UIPickerView *)pickerView {
  if (_pickerView == nil) {
    _pickerView = [[UIPickerView alloc] init];
    _pickerView.delegate  = self;
    _pickerView.dataSource = self;
    
  }
  return _pickerView;
}

@end

最后在controller中调用

（1）导入

#import "ZLMAddressPickerView.h"

（2）定义一个对象并遵守代理协议

@property (strong, nonatomic) ZLMAddressPickerView *addressPickerView;

(3)懒加载生成对象（个人习惯）

- (ZLMAddressPickerView *)addressPickerView {
  if (!_addressPickerView) {
    _addressPickerView     = [[ZLMAddressPickerView alloc] initWithFrame:CGRectMake(0, SCREEN_HEIGHT-244-64, SCREEN_WIDTH, 244)];
    _addressPickerView.delegate = self;
  }
  return _addressPickerView;
}

（4）在点击跳出三级联动选择器的地方

 [self.view addSubview:self.addressPickerView];

(5)别忘了实现代理

#pragma mark - ZLMAddressPickerViewDelegate

- (void)addressPickerViewDidSelected:(NSString *)areaName {

  self.areaLabel.text = areaName;//将传回的详细地址字符串赋值

  [self addressPickerViewDidClose];
}

- (void)addressPickerViewDidClose {

  [self.addressPickerView removeFromSuperview];
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。


# iOS三级联动选择器  # ios  # 三级城市选择器  # iOS实现自定义起始时间选择器视图  # iOS自定义日期、时间、城市选择器实例代码  # Android自定义View仿IOS圆盘时间选择器  # iOS实现自定义日期选择器示例  # Android开发中实现IOS风格底部选择器（支持时间 日期 自定义）  # iOS开发之UIPickerView实现城市选择器的步骤详解  # iOS中使用UIDatePicker制作时间选择器的实例教程  # 本轮  # 默认值  # 要在  # 选择器  # 到第  # 先看  # 几个  # 放在  # 也会  # 是有  # 又是  # 就能  # 依此类推  # 才会  # 你在  # 当你  # 最喜欢  # 这部  # 要想  # 再去 


相关文章： 如何快速生成橙子建站落地页链接？  太原网站制作公司有哪些,网约车营运证查询官网？  如何在阿里云香港服务器快速搭建网站？  如何通过商城免费建站系统源码自定义网站主题？  如何通过虚拟主机快速完成网站搭建？  如何访问已购建站主机并解决登录问题？  青岛网站建设如何选择本地服务器？  北京制作网站的公司排名,北京三快科技有限公司是做什么？北京三快科技？  如何在VPS电脑上快速搭建网站？  如何将凡科建站内容保存为本地文件？  h5网站制作工具有哪些,h5页面制作工具有哪些？  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  如何在IIS7中新建站点？详细步骤解析  官网建站费用明细查询_企业建站套餐价格及收费标准指南  青岛网站设计制作公司,查询青岛招聘信息的网站有哪些？  建站主机是否属于云主机类型？  建站之星安装后如何配置SEO及设计样式？  如何通过远程VPS快速搭建个人网站？  建站之星代理如何获取技术支持？  ppt制作免费网站有哪些,ppt模板免费下载网站？  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  高防服务器租用如何选择配置与防御等级？  如何快速搭建高效香港服务器网站？  制作网站外包平台,自动化接单网站有哪些？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  电脑免费海报制作网站推荐,招聘海报哪个网站多？  制作网页的网站有哪些,电脑上怎么做网页？  如何有效防御Web建站篡改攻击？  三星网站视频制作教程下载,三星w23网页如何全屏？  微信小程序 五星评分(包括半颗星评分)实例代码  如何通过二级域名建站提升品牌影响力？  建站之星伪静态规则如何正确配置？  怎么将XML数据可视化 D3.js加载XML  建站之星Pro快速搭建教程：模板选择与功能配置指南  婚礼视频制作网站,学习*后期制作的网站有哪些？  子杰智能建站系统｜零代码开发与AI生成SEO优化指南  如何在IIS中新建站点并配置端口与物理路径？  如何在Tomcat中配置并部署网站项目？  建站之星安装提示数据库无法连接如何解决？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  如何挑选优质建站一级代理提升网站排名？  建站主机如何安装配置？新手必看操作指南  如何获取PHP WAP自助建站系统源码？  音响网站制作视频教程,隆霸音响官方网站？  香港服务器建站指南：免备案优势与SEO优化技巧全解析  黑客入侵网站服务器的常见手法有哪些？  番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗？ 

返回目录 在线咨询
上一篇：如何撰写有效的SEO博客文章_SEO优化教程
下一篇：关键词填充会对SEO造成什么影响_SEO优化教程

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

©  云南转妮洋科技有限公司 版权所有   滇ICP备2024034437号 
联系电话： 400-708-3566   E-mail：915688610@qq.com
主营业务：网络营销推广、网站SEO优化、网站定制、营销型网站建设、微商城制作、三级分销系统开发
电话沟通
在线客服