UIPIckerView现实城市选择
实现城市选择,选中省时,后来自动显示相对应的城市,并且下面会打印出来对应的省和城市
.
因为plist里面是一个一个的字典.
1.字典转模型
HMCities.h
#import <Foundation/Foundation.h>
@interface HMCities : NSObject
@property(nonatomic, strong)NSArray *cities;
@property(nonatomic, copy)NSString *name;
-(instancetype)initWithDict:(NSDictionary *)dict;
+(instancetype)citiesWithDict:(NSDictionary *)dict;
@end
HMCities.m
#import "HMCities.h"
@implementation HMCities
-(instancetype)initWithDict:(NSDictionary *)dict
{
if (self = [super init]) {
[self setValuesForKeysWithDictionary:dict];
}
return self;
}
+(instancetype)citiesWithDict:(NSDictionary *)dict
{
return [[self alloc]initWithDict:dict];
}
@end
第二步:懒加载数据
#import "ViewController.h"
#import "HMCities.h"
@interface ViewController ()
@property(nonatomic, strong)NSArray *cities;
@end
@implementation ViewController
#pragma mark /*******************懒加载数据******************/
-(NSArray *)cities
{
if (_cities == nil) {
NSString *path = [[NSBundle mainBundle]pathForResource:@"cities.plist" ofType:nil];
NSArray *arrayDict = [NSArray arrayWithContentsOfFile:path];
NSMutableArray *arrayM = [NSMutableArray array];
for (NSDictionary *dict in arrayDict) {
HMCities *cities = [HMCities citiesWithDict:dict];
[arrayM addObject:cities];
}
_cities = arrayM;
}
return _cities;
}
- (void)viewDidLoad {
[super viewDidLoad];
NSLog(@"%@",self.cities);
}
@end
3.搭建界面 上面是pickerView. 下面有两个tableView. 设置控件的约束
4. 设置pickerView的数据源和代理统一为View Controller,实现数据源方法和代理方法.
#pragma mark /******************UIPickerView的数据源方法****************/
//返回有多少列
-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
return ;
}
//返回每列有多少行,因为有两列数据,而且第1列有多少行,是根据第0列被选中那一行决定的.所以需要先进行判断
-(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{
if (component == ) {//表示第0列被选中,(省份被选中)
//返回第0列有多少行
return self.cities.count;
}else{//表示第1列被选中,(城市)
//先要使用selectedRowInComponent方法获取第0列的那一行被选中,
NSInteger idx_row = [self.pickerView selectedRowInComponent:];
//获取第0列被选中行的模型
HMCities *model = self.cities[idx_row];
//返回第1列有多少行
return model.cities.count;
}
}
5.实现功能
1.当省份发生改变时,城市对应的发生改变.
2.省份发生改变,城市对应发生改变时,显示第一个城市.
#pragma mark /*******************UIPickerView代理方法******************/
//返回每一行的数据
-(NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
if (component == ) { //表示索引为1的列被选中--要的是城市的名称
HMCities *model = self.cities[row];//获取数据模型
return model.name; //返回对应行要显示的数据
} else //表示索引为1的列被选中,要的是城市的名称
{ //获取第0列哪一行被选中(那个省份被选中)
NSInteger idx_row = [self.pickerView selectedRowInComponent:];
//获取当前第0列选中的省份模型
HMCities *model = self.cities[idx_row];
return model.cities[row];
}
}
//选中行改变事件,改变第0列数据时,第1列要相对应的显示不同的数据(第0列选择省份,第1列显示对应的城市)
-(void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component
{
if (component == ) {//表示第0列发生了改变,用户重新选择了第0列的数据(省份发生变化)
//刷新索引为1列中的数据,只有第1列发生变化,只刷新第1列的数据就可以.
[pickerView reloadComponent:]; //刷新所有数据
//[pickerView reloadAllComponents]; //设置当第0列发生改变时,第1列显示第0行的数据(省份发生变化时,显示第一个城市名称)
//设置索引为1的列的第0行被选中
[pickerView selectRow: inComponent: animated:YES];
} }
6.实现功能
1.选中省份和城市时,把数据显示到对象的label上
1.1创建省份和城市的属性
//省份
@property (weak, nonatomic) IBOutlet UILabel *provinceLabel;
//城市
@property (weak, nonatomic) IBOutlet UILabel *cityLabel;
把方法实现到didSelectRow方法里面
//获取当前选中行的数据,并且将选中行的数据显示到对应的label上
//获取选中的省份
NSInteger idx_province = [pickerView selectedRowInComponent:];
HMCities *model = self.cities[idx_province];
self.provinceLabel.text = model.name; //选中城市
//获取第1列被选中那一行
NSInteger idx_city = [pickerView selectedRowInComponent:];
self.cityLabel.text = model.cities[idx_city];
让程序一开始运行,label就显示数据.
方法实现到viewDidLoad方法里面
- (void)viewDidLoad {
[super viewDidLoad];
//NSLog(@"%@",self.cities);
//手动设置选中那一行
[self.pickerView selectRow: inComponent: animated:YES];
[self.pickerView selectRow: inComponent: animated:YES]; //手动调用didSelectRow方法,让程序一开始运行,label就显示数据.
[self pickerView :self.pickerView didSelectRow: inComponent:];
[self pickerView :self.pickerView didSelectRow: inComponent:]; }
功能全部实现完成,最后的Bug.当省份一列正在运行时,在运行城市一列程序就会崩溃.
1.产生Bug的原因
. 通过设置全局断点找到错误。
. 先看几个知识点:
》
titleForRow方法什么时候执行:在滚动的过程当中会一直被执行
》
didSelectRow方法什么时候执行:当滚动完毕, 已经确定哪行被选中后, 会调用didSelectRow方法。在一直滚动的过程当中, didSelectRow方法时不会被调用的。
》
numberOfRowsInComponent方法什么时候执行:因为在didSelectRow方法中调用了[pickerView reloadComponent:];方法来刷新数据。而刷新数据的含义就是重新调用数据源方法和代理方法,所以numberOfRowsInComponent也会被调用
》
[self.pickerView selectedRowInComponent:];这个方法返回的是, 给定的列中当前选中的行的索引。(注意: 在picker view滚动的过程当中(滚动还没有停止, 还没有触发DidSelectRow方法),此时selectedRowInComponent方法, 返回的就是当前行中所显示的哪行的索引。
当省份在运行时,还没有确定被选中的具体省份.这个时候运行城市列表. 城市一列会发生改变, 城市列不能和省份列相对应. 这样会造成数据越界.
同理(当运行城市列表时,运行省份列表也会发生程序崩溃).
解决:创建一个记录当前选中省份的索引,城市列通过索引获取当前城市列的行,当省份列在运行时,城市列不受干扰,只有在省份列停止时,调用didSelectRow方法,才会改变新的索引.
创建记录当前选中省份的索引属性
//用来记录当前选中省份的索引
@property(nonatomic, assign) NSInteger idx_row;
在numberOfRowsInComponent方法中,把选中省份的索引记录下来
//先要使用selectedRowInComponent方法获取第0列的那一行被选中,
NSInteger idx_row = [self.pickerView selectedRowInComponent:]; //将当前选中的省份的索引记录下来
self.idx_row = idx_row;
在titleForRow方法中,返回每一行数据时,通过过记录的索引获取当前第0列选中的省份模型
//获取当前第0列选中的省份模型
HMCities *model = self.cities[self.idx_row];
return model.cities[row];
在didSelectRow方法中,设置table数据时,使用记录的索引设置要显示的省份.
//获取当前选中行的数据,并且将选中行的数据显示到对应的label上
//获取选中的省份
//NSInteger idx_province = [pickerView selectedRowInComponent:0];
NSInteger idx_province = self.idx_row;
HMCities *model = self.cities[idx_province];
self.provinceLabel.text = model.name;
UIPIckerView现实城市选择的更多相关文章
- 移动端城市选择JavaScript插件(基于WG的城市选择插件的修改版本)
周末的时候趁着一次机会,拿WG(博客)开发的城市选择插件改了一个移动端可以直接用的城市选择插件. 原版插件是基于原声JavaScript写的,在此先感谢作者. 我做的只是依照肯德基注册会员的页面的交互 ...
- Android之自定义控件-城市选择
实现效果: 图片素材: --> 首先, 城市数据字节放在 Json 文件, 就不网络获取了. city.json 存放 Json 数据: { "result&quo ...
- 仿51job.com城市选择框特效
650) this.width=650;" border="0" alt="" src="http://img1.51cto.com/att ...
- 纯原生js移动端城市选择插件
接着上一篇纯js移动端日期选择插件,话说今天同事又来咨询省市县联动的效果在移动端中如何实现,还是老样子,百度上一搜,诶~又全是基于jquery.zepto的,更加可恨的是大多数都是PC版的,三个sel ...
- 基于jquery的城市选择插件
城市选择插件的难度不是很大,主要是对dom节点的操作.而我写的这个插件相对功能比较简答,没有加入省市联动. 上代码好了,参照代码的注释应该比较好理解. /* *基于jquery的城市选择插件 *aut ...
- android wheelview实现三级城市选择
很早之前看淘宝就有了ios那种的城市选择控件,当时也看到网友有分享,不过那个写的很烂,后来(大概是去年吧),我们公司有这么一个项目,当时用的还是网上比较流行的那个黑框的那个,感觉特别的丑,然后我在那个 ...
- ionic-基于angularjs实现的多级城市选择组件
大家都知道在移动端的选择地区组件,大部分都是模拟IOS选择器做的城市三级联动,但是在IOS上比较好,在Android上因为有的不支持ion-scroll.所以就会出现滚动不会自动回滚到某一个的正中间. ...
- mpvue微信小程序多列选择器用法:实现省份城市选择
前言 微信小程序默认给我们提供了一个省市区的picker选择器,只需将mode设置为region即可 <picker mode="region" bindchange=&qu ...
- 【React】开发一个城市选择控件
想到做这个,是因为无意中在github上看到了这一个仓库https://github.com/lunlunshiwo/ChooseCity,做的就是一个城市选择控件,是用vue写的,说的是阿里的一道题 ...
随机推荐
- VBS整人代码
记得刚开始学VB脚本语言的时候,写了一段调用系统进程的代码,挺好的: dim wshif msgbox("笑笑很帅",vbyesno,"请回答是或否")=vby ...
- 关于 OJ1574的参考题解(较麻烦)
#include <stdio.h>int main(){ long a,b,c,d,e; scanf("%ld",&a); d=a; b=0; while(d ...
- UVALive 3902 网络
https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem& ...
- 如何用photoshop把图片白色背景变成透明?
1.当提示配置文件丢失时,选择“指定RGB模式”. 2.Ctrl+J是一个复合动作,复制+新建,会得到一个新图层. 3.选中新图层,点击鼠标左边工具条里面的魔棒工具,再用鼠标点击下图片的某处白色部分, ...
- [bzoj2743][HEOI2012]采花(树状数组+离线)
2743: [HEOI2012]采花 Time Limit: 15 Sec Memory Limit: 128 MBSubmit: 1832 Solved: 954[Submit][Status] ...
- <开心一笑> 码农 黑客和2B程序员之间的区别
笔记本电脑 码农: 黑客: 2B程序员: 求2的32次方: 码农: System.out.println(Math.pow(2, 32)); 黑客: System.out.println(1L< ...
- 【51nod】区间求和
LYK在研究一个有趣的东西. 假如有一个长度为n的序列,那么这个序列的权值将是所有有序二元组i,j的 Σaj−ai 其中1<=i<j<=n. 但是这个问题似乎太简单了. 于是LYK想 ...
- js之oop <六>数组的crud(增删改)
增 Create: push(); 向数组尾添加元素 var arr = [2,6,8,7,4]; arr.push(100); console.log(arr); //输出 [2,6,8,7,4,1 ...
- GCC for Win32开发环境介绍
http://blog.csdn.net/VisionCat/article/details/711693 http://blog.csdn.net/VisionCat/article/categor ...
- [官方软件] Easy Sysprep v4.3.29.602 【系统封装部署利器】(2016.01.22)--skyfree大神
[官方软件] Easy Sysprep v4.3.29.602 [系统封装部署利器](2016.01.22) Skyfree 发表于 2016-1-22 13:55:55 https://www.it ...