先介绍一下我们要实现什么功能。有1个选择器,有左右两个轮子,做轮子选择省份,右轮子选择城市,其中选择省份时,右边的城市会自动更新。
1、首先,对UIPickerView绑定Delegate和DataSource到相应的ViewController。此处不再赘述。可以用代码或者Interface界面设置。
2、首先实现数据的初始化。
(1)在.h文件中定义如下变量。其中provinces_cities.plist请见附件。
@interface IkrboyViewController : UIViewController{
NSDictionary *dict;//用于存储省份-城市的数据
NSArray *provinceArray;//省份的数组
NSArray *cityArray;//城市的数组,在接下来的代码中会有根据省份的选择进行数据更新的操作
}
(2)在.m的viewDidLoad方法中加上初始化数据的处理。具体处理在initPicker方法
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
[self initPicker];
}
//初始化PickerView使用的数据源
-(void)initPicker{
NSBundle *bundle = [NSBundle mainBundle];
NSString *plistPath = [bundle pathForResource:@"provinces_cities" ofType:@"plist"];
dict = [[NSDictionary alloc] initWithContentsOfFile:plistPath];
provinceArray = [dict allKeys];
NSInteger selectedProvinceIndex = [self.pickerView selectedRowInComponent:0];
NSString *seletedProvince = [provinceArray objectAtIndex:selectedProvinceIndex];
cityArray = [dict objectForKey:seletedProvince];
NSLog(@"%d",[provinceArray count]);
}
3、将数据绑定到UIPickerView
//以下3个方法实现PickerView的数据初始化
//确定picker的轮子个数
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView {
return 2;
}
//确定picker的每个轮子的item数
- (NSInteger)pickerView:(UIPickerView *)pickerView
numberOfRowsInComponent:(NSInteger)component {
if (component == 0) {//省份个数
return [provinceArray count];
} else {//市的个数
return [cityArray count];
}
}
//确定每个轮子的每一项显示什么内容
#pragma mark 实现协议UIPickerViewDelegate方法
-(NSString *)pickerView:(UIPickerView *)pickerView
titleForRow:(NSInteger)row forComponent:(NSInteger)component {
if (component == 0) {//选择省份名
return [provinceArray objectAtIndex:row];
} else {//选择市名
return [cityArray objectAtIndex:row];
}
}
4.随时监听UIPickerView的滚动。
//监听轮子的移动
- (void)pickerView:(UIPickerView *)pickerView
didSelectRow:(NSInteger)row inComponent:(NSInteger)component {
if (component == 0) {
NSString *seletedProvince = [provinceArray objectAtIndex:row];
cityArray = [dict objectForKey:seletedProvince];
//重点!更新第二个轮子的数据
[self.pickerView reloadComponent:1];
NSInteger selectedCityIndex = [self.pickerView selectedRowInComponent:1];
NSString *seletedCity = [cityArray objectAtIndex:selectedCityIndex];
NSString *msg = [NSString stringWithFormat:@"province=%@,city=%@", seletedProvince,seletedCity];
NSLog(@"%@",msg);
}
else {
NSInteger selectedProvinceIndex = [self.pickerView selectedRowInComponent:0];
NSString *seletedProvince = [provinceArray objectAtIndex:selectedProvinceIndex];
NSString *seletedCity = [cityArray objectAtIndex:row];
NSString *msg = [NSString stringWithFormat:@"province=%@,city=%@", seletedProvince,seletedCity];
NSLog(@"%@",msg);
}
}
附加说明:利用下面的代码,获得UIPickerView的不同Component(滚轮)的选中的index。
NSInteger selectedProvinceIndex = [self.pickerView selectedRowInComponent:0];
NSInteger selectedCityIndex = [self.pickerView selectedRowInComponent:1];