专栏首页学海无涯iOS开发之城市选择器

iOS开发之城市选择器

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

plist.png

实现步骤

第一步

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

设置数据源与代理.png

第二步

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

#import "ViewController.h"

@interface ViewController () <UIPickerViewDelegate, UIPickerViewDataSource>

/**
 *  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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • iOS开发之UITableView联动实现城市选择器

    在 iOS开发之城市选择器一文中用两列的UIPickerView实现了城市选择器,今天用两个UITableView来实现一下,首先这种联动在很多地方用得上,而且...

    YungFan
  • iOS开发之UIView与UIViewController的生命周期总结

    iOS开发中,创建View常见的两种方式一个是纯代码,一个是借助于XIB;创建ViewController常见的也有两种方式一个是纯代码,一个是借助于Story...

    YungFan
  • iOS开发之UICollectionViewDataSourcePrefetching

    在iOS10中,苹果为UICollectionViewCell引入了Pre-Fetching预加载机制用于提升它的性能。主要引入了一个新的数据源协议UIColl...

    YungFan
  • DNS的解析原理和过程

    DNS的解析原理和过程: 在Internet上域名和IP是对应的,DNS解析有两种:一种是正向解析,另外一种是反向解析。 正向解析:正向解析就是将域名转换成对应...

    Denmark
  • Python string中删除(过滤)

    Python怎么过滤 emoji表情符号呢? 下面是剔除表情字符串的代码片段 python2.7 下测试

    py3study
  • UAF 实例-RHme3 CTF 的一道题

    堆的题目基本都是选择菜单,这里可以添加,删除,选择,编辑,展示球员,还可以显示队伍,功能看着很多啊

    信安之路
  • 「圣诞特辑」纯前端实现人脸识别自动佩戴圣诞帽

    叮叮当,叮叮当,吊儿个郎当,一年一度的圣诞节到咯,我不由的回想起了前两年票圈被圣诞帽支配的恐惧。打开票圈全是各种@官方求帽子的:

    coder_koala
  • Nginx服务不行了怎么办

    我们在使用一个网站的时候,基本都是通过域名进行https数据交互的,服务的负载均衡现在大部分都是通过nginx来进行的。但是大家思考过没,如果用户并发高会出现什...

    林老师带你学编程
  • 在浏览器中输入网址到页面显示出来,这中间到底发生了什么?

    (1)检查本地hosts文件是否有这个网址的映射,如果有,就调用这个IP地址映射,解析完成。

    谭庆波
  • c库函数getenv引起的core dumped

    songleo

扫码关注云+社区

领取腾讯云代金券