目錄：
1栋猖、單個(gè)PickerView的使用
2肄程、兩個(gè)PickerView聯(lián)動(dòng)
3、PickerView標(biāo)題顯示自定義
1.單個(gè)pickerview的使用
coding地址：https://coding.net/u/Panzz/p/UIPickerViewDemo/git
//PickerView是用來(lái)展示數(shù)據(jù)的組件
#import "ViewController.h"
@interface ViewController ()<UIPickerViewDataSource,UIPickerViewDelegate>
//遵循協(xié)議
@property (nonatomic,strong)UIPickerView * pickerView;//自定義pickerview
@property (nonatomic,strong)NSArray * letter;//保存要展示的字母
@property (nonatomic,strong)NSArray * number;//保存要展示的數(shù)字
@end
@implementation ViewController
- (void)viewDidLoad
{
[super viewDidLoad];
//獲取需要展示的數(shù)據(jù)
[self loadData];
// 初始化pickerView
self.pickerView = [[UIPickerView alloc]initWithFrame:CGRectMake(0, 50, self.view.bounds.size.width, 200)];
[self.view addSubview:self.pickerView];
//指定數(shù)據(jù)源和委托
self.pickerView.delegate = self;
self.pickerView.dataSource = self;
}
#pragma mark 加載數(shù)據(jù)
-(void)loadData
{
//需要展示的數(shù)據(jù)以數(shù)組的形式保存
self.letter = @[@"aaa",@"bbb",@"ccc",@"ddd"];
self.number = @[@"111",@"222",@"333",@"444"];
}
#pragma mark UIPickerView DataSource Method 數(shù)據(jù)源方法
//指定pickerview有幾個(gè)表盤(pán)
-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
return 2;//第一個(gè)展示字母、第二個(gè)展示數(shù)字
}
//指定每個(gè)表盤(pán)上有幾行數(shù)據(jù)
-(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{
NSInteger result = 0;
switch (component) {
case 0:
result = self.letter.count;//根據(jù)數(shù)組的元素個(gè)數(shù)返回幾行數(shù)據(jù)
break;
case 1:
result = self.number.count;
break;
default:
break;
}
return result;
}
#pragma mark UIPickerView Delegate Method 代理方法
//指定每行如何展示數(shù)據(jù)（此處和tableview類似）
-(NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
NSString * title = nil;
switch (component) {
case 0:
title = self.letter[row];
break;
case 1:
title = self.number[row];
break;
default:
break;
}
return title;
}
簡(jiǎn)單的pickerview效果圖（兩個(gè)pickerview不聯(lián)動(dòng)）
2.兩個(gè)PickerView聯(lián)動(dòng)
coding地址：https://coding.net/u/Panzz/p/UIPickerViewDemo/git
@interface T2ViewController ()<UIPickerViewDataSource,UIPickerViewDelegate>//遵循協(xié)議
@property (strong, nonatomic) IBOutlet UIPickerView *pickerView;
//storyboard中拖拽
@property (nonatomic,strong)NSArray * provinces;//展示省份
@property (nonatomic,strong)NSArray * cities;//展示城市
@property (nonatomic,strong)UILabel * label;//展示選中的結(jié)果
@end
@implementation T2ViewController
- (void)viewDidLoad
{
[super viewDidLoad];
//加載數(shù)據(jù)
[self loadData];
//指定委托
self.pickerView.delegate = self;
self.pickerView.dataSource = self;
}
//加載數(shù)據(jù)
-(void)loadData
{
NSString * path = [[NSBundle mainBundle]pathForResource:@"area" ofType:@"plist"];
self.provinces = [NSArray arrayWithContentsOfFile:path];
self.cities = [NSArray arrayWithArray:self.provinces[0][@"Cities"]];
//label的布局約束
self.label = [[UILabel alloc]initWithFrame:CGRectZero];
self.label.translatesAutoresizingMaskIntoConstraints = NO;
self.label.backgroundColor = [UIColor groupTableViewBackgroundColor];
self.label.textColor = [UIColor greenColor];
self.label.font = [UIFont systemFontOfSize:30];
[self.label setTextAlignment:NSTextAlignmentCenter];
[self.view addSubview:self.label];
NSArray * labelTop = [NSLayoutConstraint constraintsWithVisualFormat:@"V:[_pickerView]-30-[_label(50)]" options:0 metrics:nil views:NSDictionaryOfVariableBindings(_pickerView,_label)];
NSArray * labelH = [NSLayoutConstraint constraintsWithVisualFormat:@"H:|-20-[_label]-20-|" options:0 metrics:nil views:NSDictionaryOfVariableBindings(_label)];
[self.view addConstraints:labelTop];
[self.view addConstraints:labelH];
}
//有幾個(gè)表盤(pán)（component）
-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
return 2;
}
//沒(méi)個(gè)表盤(pán)有幾行數(shù)據(jù)（rows）
-(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{
NSInteger rows = 0;
switch (component) {
case 0:
rows = self.provinces.count;//根據(jù)plist文件中的數(shù)據(jù)返回rows
break;
case 1:
rows = self.cities.count;
break;
default:
break;
}
return rows;
}
//每行的標(biāo)題
-(NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
NSString * title = nil;
switch (component) {
case 0:
title = self.provinces[row][@"State"];
break;
case 1:
title = self.cities[row][@"city"];
break;
default:
break;
}
return title;
}
//選中時(shí)回調(diào)的委托方法露懒，在此方法中實(shí)現(xiàn)省份和城市間的聯(lián)動(dòng)
-(void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component
{
switch (component) {
case 0://選中省份表盤(pán)時(shí)衫嵌，根據(jù)row的值改變城市數(shù)組读宙，刷新城市數(shù)組，實(shí)現(xiàn)聯(lián)動(dòng)
self.cities = self.provinces[row][@"Cities"];
[self.pickerView reloadComponent:1];
break;
case 1:
self.label.text = [NSString stringWithFormat:@"%@%@",self.provinces[[self.pickerView selectedRowInComponent:0]][@"State"],self.cities[[self.pickerView selectedRowInComponent:1]][@"city"]];//如果選中第二個(gè)
break;
default:
break;
}
}
實(shí)現(xiàn)省市之間聯(lián)動(dòng)
3.設(shè)置PickerView展示的title樣式
下面介紹自定義pickerview展示的label方法
（自定義pickerview展示數(shù)據(jù)的方式label）
通過(guò)自定義返回的label達(dá)到自定義pickerview行數(shù)據(jù)展示方式
#pragma mark pickerView Method
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
return 1;//表盤(pán)數(shù)量
}
//判斷是哪個(gè)pickerview楔绞，返回相應(yīng)的rows
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{
NSInteger rows = 0;
if (pickerView == self.pickerView)
{
rows = self.pickerViewArr.count;
}
else
{
rows = self.pickerViewArr2.count;
}
return rows;
}
//判斷是哪個(gè)pickerview结闸，返回相應(yīng)的title
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
NSString *str = nil;
if (pickerView == self.pickerView)
{
str = self.pickerViewArr[row];
}
else
{
str = self.pickerViewArr2[row];
}
return str;
}
#pragma mark 給pickerview設(shè)置字體大小和顏色等
- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view
{
//可以通過(guò)自定義label達(dá)到自定義pickerview展示數(shù)據(jù)的方式
UILabel* pickerLabel = (UILabel*)view;
if (!pickerLabel)
{
pickerLabel = [[UILabel alloc] init];
pickerLabel.adjustsFontSizeToFitWidth = YES;
pickerLabel.textAlignment = NSTextAlignmentCenter;
[pickerLabel setBackgroundColor:[UIColor lightGrayColor]];
[pickerLabel setFont:[UIFont boldSystemFontOfSize:15]];
}
pickerLabel.text=[self pickerView:pickerView titleForRow:row forComponent:component];//調(diào)用上一個(gè)委托方法，獲得要展示的title
return pickerLabel;
}
//選中某行后回調(diào)的方法酒朵，獲得選中結(jié)果
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component
{
if (pickerView == self.pickerView)
{
self.pickerViewSelect = self.pickerViewArr[row];
NSLog(@"selected == %@",self.pickerViewSelect);
}
else
{
self.pickerViewSelect2 = self.pickerViewArr2[row];
}
}
