ios控件 UIPickerView应用 制作简易省、市、地区选择器[原创]

前言： UIPickerView 是一个选择器控件， 它可以生成单列的选择器，也可生成多列的选择器，而且开发者完全可以自定义选择项的外观，因此用法非常灵活。 UIPickerView 直接继承了 UIView ，没有继承 UIControl ，因此，它不能像 UIControl 那样绑定事件处理方法， UIPickerView 的事件处理由其委托对象完成。

正文： UIPickerView 控件常用的属性和方法如下：

numberOfComponents： 获取UIPickerView指定列中包含的列表项的数量。该属性是一个只读属性。

showsSelectionIndicator： 该属性控制是否显示UIPickerView中的选中标记（以高亮背景作为选中标记）。

numberOfRowsInComponent: 获取UIPickerView包含的列数量。

rowSizeForComponent: 获取UIPickerView包含的指定列中列表项的大小。该方法返回一个CGSize对象。

selectRow:inComponent:animated:： 该方法设置选中该UIPickerView中指定列的特定列表项。最后一个参数控制是否使用动画。

selectedRowInComponent:： 该方法返回该UIPickerView指定列中被选中的列表项。

viewForRow:forComponent:： 该方法返回该UIPickerView指定列的列表项所使用的UIView控件。

UIDatePicker控件只是负责该控件的通用行为，而该控件包含多少列，各列包含多少个列表项则由UIPickerViewDataSource对象负责。开发者必须为UIPickerView设置UIPickerViewDataSource对象，并实现如下两个方法。

numberOfComponentsInPickerView:： 该UIPickerView将通过该方法来判断应该包含多少列。

pickerView:numberOfRowsInComponent:： 该UIPickerView将通过该方法判断指定列应该包含多少个列表项。

如果程序需要控制UIPickerView中各列的宽度，以及各列中列表项的大小和外观，或程序需要为UIPickerView的选中事件提供响应，都需要为UIPickerView设置UIPickerViewDelegate委托对象，并根据需要实现该委托对象中的如下方法。

pickerView:rowHeightForComponent:： 该方法返回的CGFloat值将作为该UIPickerView控件中指定列中列表项的高度。

pickerView:widthForComponent:： 该方法返回的CGFloat值将作为该UIPickerView控件中指定列的宽度。

pickerView:titleForRow:forComponent:： 该方法返回的NSString值将作为该UIPickerView控件中指定列的列表项的文本标题。

pickerView:viewForRow:forComponent:reusingView:： 该方法返回的UIView控件将直接作为该UIPickerView控件中指定列的指定列表项。

pickerView:didSelectRow:inComponent:： 当用户单击选中该UIPickerView控件的指定列的指定列表项时将会激发该方法

Interface Builder只支持为UIPickerView设置一个属性——Shows Selection Indicator，该属性用于控制是否显示UIPickerView中的选中标记（以高亮背景作为选中标记）。

实例： 通过前面的知识普及， 我们知道了UIPickerView的使用方法, 下面通过一个小例子，来更全面的理解。

1.在storyboard里的controllerView上面拖一个控件，链接到.h文件中，代码如下：

@property (weak, nonatomic) IBOutlet UIPickerView *picker;
2.在.m文件里设置代理，并设置全局变量，代码如下：

#import "ViewController.h"
@interface ViewController ()<UIPickerViewDelegate,UIPickerViewDataSource>
{
NSArray *_province;
NSDictionary *_city;
NSDictionary *_country;
}
@end
3.设置城市省份数据，代码如下：

//省
_province = @[@"北京", @"广西", @"广东"];
//市
_city = @{
@"北京":@[@"朝阳区", @"东城区", @"西城区"],
@"广西":@[@"桂林市", @"南宁市"],
@"广东":@[@"惠州市", @"广州市", @"深圳市",@"东莞市"]
//县区
_country = @{
@"朝阳区":@[@"朝阳区1", @"朝阳区2", @"朝阳区3"],
@"东城区":@[@"东城区1", @"东城区2",@"东城区3",@"东城区4"],
@"西城区":@[@"西城区1", @"西城区2", @"西城区3",@"西城区4"],
@"桂林市":@[@"桂林市1", @"桂林市2", @"桂林市3"],
@"南宁市":@[@"南宁市1", @"南宁市2",@"南宁市3",@"南宁市4"],
@"惠州市":@[@"惠州市1", @"惠州市2", @"惠州市3",@"惠州市4"],
@"广州市":@[@"广州市1", @"广州市2", @"广州市3"],
@"深圳市":@[@"深圳市1", @"深圳市2",@"深圳市3",@"深圳市4"],
@"东莞市":@[@"东莞市1", @"东莞市2", @"东莞市3",@"东莞市4"],
};
4.绑定代理，代码如下：

self.picker.dataSource = self;self.picker.delegate = self;

5.设置UIPickerView的数据源方法,代码如下：

#pragma mark - 该方法的返回值决定该控件包含多少列
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView*)pickerView
{
return 3;
}
#pragma mark - 该方法的返回值决定该控件指定列包含多少个列表项
-(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component{
if (0 == component)
{
return _province.count;
}
if (1 == component) {
NSInteger rowProvince = [pickerView selectedRowInComponent:0];
NSString *provinceName = _province[rowProvince];
NSArray *citys = _city[provinceName];
return citys.count;
}else{
NSInteger rowProvince = [pickerView selectedRowInComponent:0];
NSString *provinceName = _province[rowProvince];
NSArray *citys = _city[provinceName];
NSInteger rowCity = [pickerView selectedRowInComponent:1];
NSString *cityName = citys[rowCity];
NSArray *country = _country[cityName];
return country.count;
}
}
6.设置UIPickerView的代理方法，代码如下：

#pragma mark - 该方法返回的NSString将作为UIPickerView中指定列和列表项的标题文本
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
if (0 == component) {
return _province[row];
}
if(1 == component){
NSInteger rowProvince = [pickerView selectedRowInComponent:0];
NSString *provinceName = _province[rowProvince];
NSArray *citys = _city[provinceName];
return citys[row];
}else{
NSInteger rowProvince = [pickerView selectedRowInComponent:0];
NSString *provinceName = _province[rowProvince];
NSArray *citys = _city[provinceName];
NSInteger rowCity = [pickerView selectedRowInComponent:1];
NSString *cityName = citys[rowCity];
NSArray *country = _country[cityName];
return country[row];
}
}
7.当选中某行时，通过如下的代码即可获取到选中的城市地区，

#pragma mark - 当用户选中UIPickerViewDataSource中指定列和列表项时激发该方法
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component
{
if(0 == component){
[pickerView reloadComponent:1];
[pickerView reloadComponent:2];
}
if(1 == component)
[pickerView reloadComponent:2];
NSInteger rowOne = [pickerView selectedRowInComponent:0];
NSInteger rowTow = [pickerView selectedRowInComponent:1];
NSInteger rowThree = [pickerView selectedRowInComponent:2];
NSString *provinceName = _province[rowOne];
NSArray *citys = _city[provinceName];
NSString *cityName = citys[rowTow];
NSArray *countrys = _country[cityName];
NSLog(@"%@~%@~%@", _province[rowOne], citys[rowTow],countrys[rowThree]);
}
运行结果： 好了，通过以上几个步骤，就可以制作出一个简单的城市选择器。运行效如下：
![这里写图片描述](http://img1.tuicool.com/B3MbM3q.png!web)
![这里写图片描述](http://img1.tuicool.com/yeI7FzA.png!web)

注：蓝色按钮”确定”那一行，是一个 UIToolbar控件，在此就不作详解了，不然会有点喧宾夺主，有兴趣的好友，可以私下交流，或者下回分解。

本文永久地址：http://blog.it985.com/13105.html

本文出自IT985博客 ，转载时请注明出处及相应链接。