iOS开发之城市选择器

城市选择器，借助于UIPickerView来实现，第一列为省份，第二列为第一列省份对应的城市或者区，数据放在plist中，plist结构如下图所示，第一层是一个Dictionary，每个省份对应的城市是一个Array：

plist.png

实现步骤

第一步

拖入一个UIPickerView到StoryBoard中，然后设置UIPickerViewDelegate,和UIPickerViewDataSource为当前的控制器，如下图红色区域所示：

设置数据源与代理.png

第二步

在对应的ViewController中进行实现，代码注释非常详细

#import "ViewController.h"

@interface ViewController () 

/**
 *  plist对应的字典
 */
@property (nonatomic, strong) NSDictionary* cityNames;
/**
 *  省份
 */
@property (nonatomic, strong) NSArray* provinces;
/**
 *  城市
 */
@property (nonatomic, strong) NSArray* cities;
/**
 *  选中的省份
 */
@property (nonatomic, strong) NSString* selectedProvince;

@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];
    
    
     //设置默认选中的省份是provinces中的第一个元素
    self.selectedProvince = self.provinces[0];
}

- (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.cities = [self.cityNames valueForKey:self.selectedProvince];

        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.cities = [self.cityNames valueForKey:self.selectedProvince];

        return self.cities[row];
    }
}


/**
 *  一共多少咧
 *
 *  @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) {

        //选中的省份
        self.selectedProvince = self.provinces[row];
        //重新加载第二列的数据
        [pickerView reloadComponent:1];
        //让第二列归位
        [pickerView selectRow:0 inComponent:1 animated:YES];
    }
}

@end

实现效果

城市选择器.gif

附件

plist文件下载地址：http://pan.baidu.com/s/1dETRthZ