UIPickerView选择位置(OC版)

iOS9使用UIPickerView地点选择器

最近公司在做类似淘宝添加地址的位置选择器，研究了一下，下面把实现过程分享出来。

1.首先演示下效果：

Simulator Screen Shot 2016年5月27日 上午11.52.27.png

Simulator Screen Shot 2016年5月27日 上午11.52.32.png

2.下面说下实现过程：

• 1.UIPickerView的用户和TableView有点类似，都是通过实现代理方法和数据源方法实现的过程：UIPickerViewDataSource, UIPickerViewDelegate
• 2.数据源方法主要有三个，分别是设置有多少列，每列有多少行，每行的标题,下面详见代码：

// 1.设置列的返回数量
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
    return 3;
}
// 2.设置列里边组件的个数 component:组件
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{
    //如果是第一列
    if (component == 0)
    {
        //返回省的个数
        return self.provinceArray.count;
    }
    //如果是第二列
    else if (component == 1)
    {
        //返回市的个数
        return self.cityArray.count;
    }
    else
    {
        //返回县区的个数
        return self.countyArray.count;
    }
}

// 3.返回组件的标题
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component {
    if (component == 0) {
        // 设置第0列的标题信息
        NSDictionary *provinceDict = [self.provinceArray objectAtIndex:row];
        NSString *name = provinceDict[@"n"];
        return name;
    } else if (component == 1) {
        // 设置第1列的标题信息
        NSDictionary *cityDict = [self.cityArray objectAtIndex:row];
        NSString *name = cityDict[@"n"];
        return name;
    } else {
        // 设置第2列的标题信息
        NSDictionary *countryDict = [self.countyArray objectAtIndex:row];
        NSString *name = countryDict[@"n"];
        return name;
    }
}

• 3.这里数据我是放在本地的，里面就是JSON文件，我们将它转换成数组或字典格式就行：

#pragma mark - 加载数据
- (void)loadData
{
    // 从MainBundle中加载文件
    NSString *path = [[NSBundle mainBundle] pathForResource:@"citylist" ofType:@"data"];
    NSData *data = [NSData dataWithContentsOfFile:path];
    NSArray  *jsonArray = [NSJSONSerialization
                           JSONObjectWithData:data options:NSJSONReadingAllowFragments
                           error:nil];
    // 取出默认的省市信息
    self.provinceArray = jsonArray;
    
    // 取出默认的城市信息
    NSDictionary *provinceDict = [self.provinceArray firstObject];
    self.cityArray = provinceDict[@"l"];
    
    // 取出默认的区信息
    NSDictionary *cityDict = [self.cityArray firstObject];
    self.countyArray = cityDict[@"l"];
}

• 4.这里非常重要的一点就是，当我们选择某一列的某一行时，其他两级需要刷新数据，比如我们选中浙江省，那么对应市和对应区的数据需要刷新，下面详见代码：

//选择器选择的方法  row：被选中的行
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
    
    //选择第0列执行的方法
    if (component == 0) {
        [pickerView selectedRowInComponent:0];
        
        /**
         *  选中第0列时需要刷新第1列和第二列的数据
         */
        NSDictionary *provinceDict = [self.provinceArray objectAtIndex:row];
        self.cityArray = provinceDict[@"l"];
        [pickerView reloadComponent:1];
        
        NSDictionary *cityDict = [self.cityArray firstObject];
        self.countyArray = cityDict[@"l"];
        [pickerView reloadComponent:2];
        
    } else if (component == 1) {
        [pickerView selectedRowInComponent:1];
        
        /**
         *  选中第一列时需要刷新第二列的数据信息
         */
        NSDictionary *cityDict = [self.cityArray objectAtIndex:row];
        self.countyArray = cityDict[@"l"];
        [pickerView reloadComponent:2];
        
    } else if (component == 2) {
        [pickerView selectedRowInComponent:2];
        
    }
}

• 5.到这里主要实现就已经完成了，我给TextField的输出视图加了个ToolBar，作为选中结果的确认：

// 作为TextField的弹出视图的工具条
- (UIToolbar *)toolbar
{
    if (_toolbar == nil) {
        _toolbar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 49)];
        
        UIBarButtonItem *cancel = [[UIBarButtonItem alloc] initWithTitle:@"取消" style:UIBarButtonItemStylePlain target:self action:@selector(cancel)];
        UIBarButtonItem *flexibleSpace = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:self action:nil];
        UIBarButtonItem *certain = [[UIBarButtonItem alloc] initWithTitle:@"确定" style:UIBarButtonItemStylePlain target:self action:@selector(certain)];

        _toolbar.items = @[cancel,flexibleSpace,certain];
    }
    return _toolbar;
}

// 点击了取消
- (void)cancel
{
    [self.textField resignFirstResponder];
}

// 点击了确定
- (void)certain
{
    // 获取当前选中的信息
    NSInteger proviceIndex = [self.pickerView selectedRowInComponent:0];
    NSInteger cityIndex = [self.pickerView selectedRowInComponent:1];
    NSInteger countryIndex = [self.pickerView selectedRowInComponent:2];

    NSString *provice = self.provinceArray[proviceIndex][@"n"];
    NSString *city = self.cityArray[cityIndex][@"n"];
    NSString *country = self.countyArray[countryIndex][@"n"];
    
    NSLog(@"%@,%@,%@",provice,city,country);
    
    // 弹出提示
    NSString *message = [NSString stringWithFormat:@"您选择的是:%@-%@-%@",provice,city,country];
    
    UIAlertController *alertVc = [UIAlertController alertControllerWithTitle:nil message:message preferredStyle:(UIAlertControllerStyleAlert)];
    
    UIAlertAction *cancel = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
        return;
    }];
    [alertVc addAction:cancel];
    
    [self presentViewController:alertVc animated:YES completion:nil];

}

3.示例代码中我已经对UIPickerView做了封装，单独抽取在CWPickerView类中，调用时直接初始化UIPickerView即可：

• 调用CWPickerView

   CWPickerView *pickerView = [[CWPickerView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 200)];
    self.pickerView = pickerView;
    // 将pickerView作为UITextFiled的输出View
    self.textField.inputView = pickerView;

• 取出当前选中的省市县列表,这里我提供了一个对象方法获取当前选中的列表，返回的是一个字典

    // 获取当前选中的信息
    NSDictionary *info = [self.pickerView getCurrentSelectedInfo];
    // 获取当前选中的信息
    NSString *provice = info[@"province"];
    
    NSString *city = info[@"city"];
    
    NSString *country = info[@"country"];
    
    // 弹出提示
    NSString *message = [NSString stringWithFormat:@"您选择的是:%@-%@-%@",provice,city,country];

4.到这里差不多就结束了，如果有什么不对的地方，欢迎大家指正，如果对大家有帮助请给个喜欢或关注，非常感谢！下面附上代码地址：

GitHub地址