UI进阶--UIPikcerView实现省市联动示例

需求：

1.显示2列数据，一列数据为省级城市，另外一列为省级对应下的地市级城市，并可供选择；

2.选择省级城市时，对应的列显示为其省下的地市级城市，并可选择；

3.重新选择省级城市时，对应的地市级城市显示为其省会城市(如地市级城市不在索引为0处)；

实现步骤：

1、搭建界面；

2、实现UIPikcerView的代理方法；

3、响应选择事件；

4、完成显示选择数据；

具体代码：

Model:

//
//  JWProvince.h
//  12-27-Province
//
//  Created by xiaomoge on 14/12/27.
//  Copyright (c) 2014年 xiaomoge. All rights reserved.
//

#import <Foundation/Foundation.h>

@interface JWProvince : NSObject
@property (nonatomic,copy) NSString *name;
@property (nonatomic,strong) NSArray *cities;
- (instancetype)initWithDic:(NSDictionary *)dic;
+ (instancetype)provinceWithDic:(NSDictionary *)dic;
+ (NSMutableArray *)provinceList;
@end

//
//  JWProvince.m
//  12-27-Province
//
//  Created by xiaomoge on 14/12/27.
//  Copyright (c) 2014年 xiaomoge. All rights reserved.
//

#import "JWProvince.h"

@implementation JWProvince
- (instancetype)initWithDic:(NSDictionary *)dic {
    if (self = [super init]) {
        [self setValuesForKeysWithDictionary:dic];
    }
    return self;
}
+ (instancetype)provinceWithDic:(NSDictionary *)dic {
    return [[self alloc] initWithDic:dic];
}

+ (NSMutableArray *)provinceList {
    NSArray *array = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"provinces" ofType:@"plist"]];
    
    NSMutableArray *tempArray = [NSMutableArray array];
    
    for (NSDictionary *dic in array) {
        JWProvince *province = [JWProvince provinceWithDic:dic];
        [tempArray addObject:province];
    }
    return tempArray;
}
@end

Controller:

//
//  ViewController.m
//  12-27-Province
//
//  Created by xiaomoge on 14/12/27.
//  Copyright (c) 2014年 xiaomoge. All rights reserved.
//

#import "ViewController.h"
#import "JWProvince.h"
@interface ViewController ()<UIPickerViewDelegate,UIPickerViewDataSource>
@property (nonatomic,strong) NSArray *provinceDatas;
@property (nonatomic,assign) NSInteger index;
@end

@implementation ViewController
#pragma mark - 懒加载
- (NSArray *)provinceDatas {
    if (!_provinceDatas) {
        _provinceDatas = [JWProvince provinceList];
    }
    return _provinceDatas;
}
#pragma mark - UIPickerView数据源
//返回显示数据的列数
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView {
    return 2;
}
//返回每列中对应的行的数
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component {
    if (component == 0) {
        return self.provinceDatas.count;//第一列显示的个数
    }
    JWProvince *pro = self.provinceDatas[self.index];
    return pro.cities.count;//第二列显示的个数
}
#pragma mark - UIPickerView代理
//返回显示每列以及每行的内容
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component {
    if (component == 0) {
        JWProvince *pp = self.provinceDatas[row];
        return pp.name;//第一列显示的内容
    }
    JWProvince *pro = self.provinceDatas[self.index];
    return pro.cities[row];//第二列显示的内容
}
#pragma mark - pickerView的选中方法
//选中行时做的操作
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
    if (component == 0) {
        self.index = row;
        [pickerView reloadComponent:1];//重新加载对应的数据
        [pickerView reloadAllComponents];//重新加载所有的数据
        [pickerView selectRow:0 inComponent:1 animated:YES]; //不管之前第二列选中第几行，重新刷新数据后，都显示每二列的第一行
    }
}
@end