源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-01-14 20:11 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:iOS开发之UIPickerView实现城市选择器的步骤详解
[b]前言[/b] UIPickerView是一个选择器控件,它可以生成单列的选择器,也可生成多列的选择器,而且开发者完全可以自定义选择项的外观,因此用法非常灵活。UIPickerView直接继承了UIView,没有继承UIControl,因此,它不能像UIControl那样绑定事件处理方法,UIPickerView的事件处理由其委托对象完成。 本文借助于UIPickerView来实现城市选择器,第一列为省份,第二列为第一列省份对应的城市或者区,数据放在plist中,plist结构如下图所示,第一层是一个Dictionary,每个省份对应的城市是一个Array: [img]http://files.jb51.net/file_images/article/201609/2016929150054818.png?20168291514[/img] [b]实现步骤[/b] [b]第一步[/b] 拖入一个[code]UIPickerView[/code]到[code]StoryBoard[/code]中,然后设置[code]UIPickerViewDelegate[/code],和[code]UIPickerViewDataSource[/code]为当前的控制器,如下图红色区域所示: [img]http://files.jb51.net/file_images/article/201609/2016929150213840.png?201682915224[/img] 设置数据源与代理 [b]第二步[/b] 在对应的[code]ViewController[/code]中进行实现,代码注释非常详细
#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
[b]实现效果[/b] [img]http://files.jb51.net/file_images/article/201609/2016929150317608.gif?201682915330[/img] [b]总结[/b] 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部