欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

iOS开发之UIPickerView实现城市选择器的步骤详解

程序员文章站 2023-12-17 20:43:10
前言 uipickerview是一个选择器控件,它可以生成单列的选择器,也可生成多列的选择器,而且开发者完全可以自定义选择项的外观,因此用法非常灵活。uipicker...

前言

uipickerview是一个选择器控件,它可以生成单列的选择器,也可生成多列的选择器,而且开发者完全可以自定义选择项的外观,因此用法非常灵活。uipickerview直接继承了uiview,没有继承uicontrol,因此,它不能像uicontrol那样绑定事件处理方法,uipickerview的事件处理由其委托对象完成。

本文借助于uipickerview来实现城市选择器,第一列为省份,第二列为第一列省份对应的城市或者区,数据放在plist中,plist结构如下图所示,第一层是一个dictionary,每个省份对应的城市是一个array:

iOS开发之UIPickerView实现城市选择器的步骤详解

实现步骤

第一步

拖入一个uipickerviewstoryboard中,然后设置uipickerviewdelegate,和uipickerviewdatasource为当前的控制器,如下图红色区域所示:

iOS开发之UIPickerView实现城市选择器的步骤详解
设置数据源与代理

第二步

在对应的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

实现效果

iOS开发之UIPickerView实现城市选择器的步骤详解

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

上一篇:

下一篇: