UIPickerView的点滴

UIPickerView也是一个选择器控件，它比UIDatePicker更加通用，它可以生成单列的选择器，也可生成多列的选择器，而且开发者完全可以自定义选择项的外观，因此用法非常灵活。

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 的功能和用法。

单列选择器

对于单列选择器，只要控制UIPickerView的dataSource对象的numberOfComponentsInPickerView:方法返回1即可。

下面创建一个单列选择器，首先创建一个Single
View Application，使用Interface
Builder打开应用的界面设计文件，并将一个UIPickerView拖入界面设计文件中，为在程序中访问该控件，需要将该控件绑定到picker
IBOutlet属性。

接下来开始修改控制器类，本例打算使用控制器类作为UIPickerView的dataSource和delegate，因此，程序需要让控制器类实现UIPickerViewDataSource、UIPickerViewDelegate两个协议。

修改控制器类的实现代码，主要就是实现UIPickerViewDataSource、UIPickerViewDelegate两个协议中的必要方法，其代码如下。

#import "ViewController.h"

@interface ViewController ()<UIPickerViewDataSource,UIPickerViewDelegate>
@property (weak, nonatomic) IBOutlet UIPickerView *pickView;
@property (nonatomic, strong) NSArray *ary;
@property (nonatomic, strong) NSArray *songAry;
@end

@implementation ViewController
///
懒加载
- (NSArray *)ary {
if (!_ary) {
self.ary = [NSArray arrayWithObjects:@"汪峰",@"小黄人",@"张学友",@"凤凰传奇",@"筷子兄弟",nil];
}
return _ary;
}

- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.

self.pickView.dataSource = self;
self.pickView.delegate = self;

}

#pragma mark---- UIPickerViewDataSource,

/// 返回的列数
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView {
return 1;

}

/// 每列返回的个数---列表数
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component {

return self.ary.count;

}
#pragma mark---- UIPickerViewDelegate

/// 指定列和列表项的标题文本
- (nullable NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{

return _ary[row];

}

/// 选中列表中得选项触发
- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component {

UIAlertView *laert = [[UIAlertView alloc] initWithTitle:@"提示" message: [NSString stringWithFormat:@"选中的歌手的%@",_ary[row],]
delegate:nil cancelButtonTitle:@"确定" otherButtonTitles:nil, nil];
[laert show];

}

/// 返回指定列的宽度
- (CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component {

return 90;

}

@end

上面的程序首先初始化了一个NSArray，接下来的关键就是实现了4个用粗体字表示的方法，其中有两个方法来自UIPickerViewDataSource协议，分别用于控制该UIPickerView控件包含多少列、各列包含多少个列表项；另两个方法则来自UIPickerViewDelegate，最后一个粗体字方法负责为UIPickerView控件的选中事件提供响应——当用户选中该UIPickerView的某个列表项时，系统将会自动激发该方法，该方法的实现逻辑就是使用UIAlertView显示用户选择的对象。

多列选择器

对单列选择器而言，只要控制UIPickerView的dataSource对象的numberOfComponentsInPickerView:方法返回大于1的整数即可。

本节创建一个多列选择器，首先创建一个Single
View Application，使用Interface
Builder打开应用的界面设计文件，并将一个UIPickerView拖入界面设计文件中，为在程序中访问该控件，需要将该控件绑定到picker
IBOutlet属性。

接下来修改控制器类，本例打算使用控制器类作为UIPickerView的dataSource和delegate，因此程序需要让控制器类实现UIPickerViewDataSource、UIPickerViewDelegate两个协议。

修改控制器类的实现代码，主要就是实现UIPickerViewDataSource、UIPickerViewDelegate两个协议中的必要方法，其代码如下。

#import "PickerViewController.h"

#define kCities @"cities"
#define kState @"state"

@interface PickerViewController () <UIPickerViewDataSource,UIPickerViewDelegate>
@property (nonatomic,retain) NSArray * arr;//接收数据;
@property (nonatomic,retain) NSArray * cityArr;//城市数据;
///
省份
@property (nonatomic,retain) NSMutableArray * provinceArr;
@property (nonatomic,retain) UIPickerView * pickerView;

@end

@implementation PickerViewController
- (void)dealloc{
[_arr release];
[_cityArr release];
[_provinceArr release];
[_pickerView release];
[super dealloc];
}

- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.

[self initData];

self.pickerView = [[UIPickerView alloc] initWithFrame:CGRectMake(0,100,375,200)];
//显示内容;
self.pickerView.showsSelectionIndicator = YES;

//刷新某个滚轮的内容;
//[self.pickerView reloadComponent:1];

//获得选中滚轮当前所在行;
// NSInteger row = [self.pickerView selectedRowInComponent:0];
[self.view addSubview:self.pickerView];
[_pickerView release];

//指定代理;
self.pickerView.delegate = self;
self.pickerView.dataSource = self;

UIButton * btn = [UIButton buttonWithType:UIButtonTypeSystem ];
btn.frame = CGRectMake(100,400,175,40);
btn.backgroundColor = [UIColor orangeColor];
[btn addTarget:self action:@selector(handleBtn:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:btn];

}

//更新数据库;
- (void)initData{
//获取索引;
NSString * filePath = [[NSBundle mainBundle] pathForResource:@"city" ofType:@"plist"];
//接收数据;
self.arr = [NSArray arrayWithContentsOfFile:filePath];
//获得省份的数据;
self.provinceArr = [NSMutableArray arrayWithCapacity:1];
for (NSDictionary * dic in _arr) {
//获取省份的信息;
NSString * province = dic[kState];
[self.provinceArr addObject:province];

}

//默认显示第一个省得内容;
self.cityArr = self.arr[0][kCities];

}

- (void)handleBtn:(UIButton *)sender{

}

#pragma mark -- UIPickerView DataSource;

//返回滚轮的个数
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView{
return 2;

}

//返回每个滚轮的行数;
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component{
return (0 == component) ? self.provinceArr.count : self.cityArr.count;
}
#pragma mark -- UIPickerView Delegate

//设置每一行的内容;
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component{
return (0 == component) ? self.provinceArr[row] : self.cityArr[row];

}

- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component{
if (0 == component) {

//获取第一个滚轮操作的行
NSInteger row = [self.pickerView selectedRowInComponent:0];
//获取市区的数据;
self.cityArr = self.arr[row][kCities];
//更新第二个滚轮的信息;
[self.pickerView reloadComponent:1];

//每次滚动时,让第二个滚轮选中第一行的内容;
[self.pickerView selectRow:0 inComponent:1 animated:YES];
}
}



下面是看别人的 一个游戏的实现 -----以供参考

相互依赖的多列选择器

虽然是一个两列的UIPickerView控件，但该控件的两列基本没有任何关系，选择第一列的作者时，第二列的图书不会动态更新——在某些情况下，这是允许的。但在某些情况下，我们需要第二列的列表项依赖第一列的选择，即当第一列选择作者时，第二列只显示该作者的图书。

为了让第二列能根据第一列的选择动态加载，程序需要用户选择第一列的事件，并根据该事件动态加载第二列的数据，然后强制重新加载UIDatePicker的第二列列表项。

下面创建一个相互依赖的多列选择器，首先创建一个Single
View Application，使用Interface
Builder打开应用的界面设计文件，并将一个UIPickerView拖入界面设计文件中，为在程序中访问该控件，需要将该控件绑定到picker
IBOutlet属性。

接下来开始修改控制器类，本例使用控制器类作为UIPickerView的dataSource和delegate，因此，程序需要让控制器类实现UIPickerViewDataSource、UIPickerViewDelegate两个协议。

修改控制器类的实现代码，主要就是实现UIPickerViewDataSource、UIPickerViewDelegate两个协议中的必要方法，其代码如下。

复制代码 @implementation FKViewController NSDictionary* books; NSArray* authors; // selectedAuthor保存当前选中的作者 NSString*selectedAuthor; - (void)viewDidLoad { [super viewDidLoad]; // 创建并初始化NSDictionary对象 books = [NSDictionary dictionaryWithObjectsAndKeys: [NSArrayarrayWithObjects:@\\\\\\\\\\\\\\\"飞鸟集\\\\\\\\\\\\\\\", @\\\\\\\\\\\\\\\"吉檀迦利\\\\\\\\\\\\\\\", nil] , @\\\\\\\\\\\\\\\"泰戈尔\\\\\\\\\\\\\\\", [NSArrayarrayWithObjects:@\\\\\\\\\\\\\\\"醒世恒言\\\\\\\\\\\\\\\",@\\\\\\\\\\\\\\\"喻世明言\\\\\\\\\\\\\\\" , @\\\\\\\\\\\\\\\"警世通言\\\\\\\\\\\\\\\", nil] , @\\\\\\\\\\\\\\\"冯梦龙\\\\\\\\\\\\\\\", [NSArrayarrayWithObjects:@\\\\\\\\\\\\\\\"疯狂Android讲义\\\\\\\\\\\\\\\", @\\\\\\\\\\\\\\\"疯狂iOS讲义\\\\\\\\\\\\\\\", @\\\\\\\\\\\\\\\"疯狂Ajax讲义\\\\\\\\\\\\\\\" , @\\\\\\\\\\\\\\\"疯狂XML讲义\\\\\\\\\\\\\\\", nil] , @\\\\\\\\\\\\\\\"李刚\\\\\\\\\\\\\\\" ,nil]; // 使用authors保存books所有key组成的NSArray排序后的结果 authors = [[books allKeys] sortedArrayUsingSelector: @selector(compare:)]; // 设置默认选中的作者authors中的第一个元素 selectedAuthor = [authors objectAtIndex:0]; self.picker.dataSource = self; self.picker.delegate = self; } //UIPickerViewDataSource中定义的方法，该方法的返回值决定该控件包含多少列 -(NSInteger)numberOfComponentsInPickerView:(UIPickerView*)pickerView { return 2; // 返回2表明该控件只包含2列 } //UIPickerViewDataSource中定义的方法，该方法的返回值决定该控件指定列包含多少个列表项 -(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component { // 如果是第一列，返回authors中元素的个数 // 即authors包含多少个元素，第一列包含多少个列表项 if (component == 0) { return authors.count; } // 如果是其他列（只有第二列）， // 返回books中selectedAuthor对应的NSArray中元素的个数 return [[booksobjectForKey:selectedAuthor] count]; } // UIPickerViewDelegate中定义的方法，该方法返回的NSString将作为 // UIPickerView中指定列和列表项上显示的标题 - (NSString*)pickerView:(UIPickerView *)pickerView titleForRow: (NSInteger)row forComponent:(NSInteger)component { // 如果是第一列，返回authors中row索引处的元素 // 即第一列的元素由authors集合元素决定 if (component == 0) { return [authors objectAtIndex:row]; } // 如果是其他列（只有第二列）， // 返回books中selectedAuthor对应的NSArray中row索引处的元素 return [[booksobjectForKey:selectedAuthor] objectAtIndex:row]; } // 当用户选中UIPickerViewDataSource中指定列和列表项时激发该方法 -(void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component { if(component == 0) { // 改变被选中的作者 selectedAuthor = [authors objectAtIndex:row]; // 控制重写加载第二个列表，根据选中的作者来加载第二个列表 [self.picker reloadComponent:1]; } NSArray* tmp = component== 0 ? authors: [books objectForKey:selectedAuthor]; NSString* tip = component == 0 ? @\\\\\\\\\\\\\\\"作者\\\\\\\\\\\\\\\": @\\\\\\\\\\\\\\\"图书\\\\\\\\\\\\\\\"; // 使用一个UIAlertView来显示用户选中的列表项 UIAlertView* alert = [[UIAlertView alloc] initWithTitle:@\\\\\\\\\\\\\\\"提示\\\\\\\\\\\\\\\" message:[NSString stringWithFormat:@\\\\\\\\\\\\\\\"你选中的%@是：%@，\\\\\\\\\\\\\\\" , tip , [tmp objectAtIndex:row]] delegate:nil cancelButtonTitle:@\\\\\\\\\\\\\\\"确定\\\\\\\\\\\\\\\" otherButtonTitles:nil]; [alert show]; } // UIPickerViewDelegate中定义的方法，该方法返回的NSString将作为 // UIPickerView中指定列的宽度 -(CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent: (NSInteger)component { // 如果是第一列，宽度为90 if (component == 0) { return 90; } return 210; // 如果是其他列（只有第二列），宽度为210 } @end

上面控制器类的实现部分与前一个示例中控制器类的实现部分大致相同，关键就是程序中的粗体字代码。本程序采用了NSDictionary分别保存NSPickerView控件中的两列数据，NSDictionary的所有key组成的集合作为第1列的数据，当用户选中第一列的某个作者后，程序取出NSDictionary中该作者对应的图书集合作为第二列的数据。这就可以让第二列数据随第一列的选择动态改变。

前面示例看到的所有列表项都是文字形式，实际上，UIPickerView允许开发者对列表项进行任意定制。开发者只要实现UIPickerViewDelegate协议中的-pickerView:viewForRow:forComponent:
reusingView:方法即可，该方法返回的UIView将作为UIPickerView指定列和列表项的视图控件。



实例：“老虎机”游戏

下面以一个简单的“老虎机”游戏实例来示范自定义选择器视图的用法。

首先创建一个Single
View Application，使用Interface
Builder打开应用的界面设计文件，并将一个UIPickerView拖入界面设计文件中，再将一个UIImageView和一个UIButton拖入应用界面中，然后将这三个控件摆放整齐。为了在程序中访问这三个控件，分别将它们绑定到picker、image、startBn这三个IBAction属性。除此之外，程序还需要响应按钮的点击事件，因此为该按钮控件的Touch
Up Inside事件绑定clicked:事件处理方法。

提示：

“老虎机”游戏的列表项都是图标，则需要为该实例准备一些图标——读者既可用本实例提供的图标，也可用自己选择的图标，但图标不要太大，以小于60像素×60像素为宜，将这些图标拖入应用中即可。

接下来开始修改控制器类，本例使用控制器类作为UIPickerView的dataSource和delegate，因此程序需要让控制器类实现UIPickerViewDataSource、UIPickerViewDelegate两个协议。除此之外，程序需要分别为UIPickerView的5列准备数据，因此程序在控制器类的接口部分定义了5个NSArray属性，其代码如下。

程序清单：codes/10/10.12/CustomPicker/CustomPicker/FKViewController.h

复制代码 @interface FKViewController : UIViewController <UIPickerViewDataSource,UIPickerViewDelegate> // 分别绑定到应用界面的三个UI控件 @property (strong, nonatomic) IBOutlet UIPickerView*picker; @property (strong, nonatomic) IBOutlet UIImageView*image; @property (strong, nonatomic) IBOutlet UIButton*startBn; - (IBAction)clicked:(id)sender; @end

然后修改该控制器类的实现部分，主要就是实现UIPickerViewDataSource、UIPickerViewDelegate两个协议中的必要方法，其代码如下。

复制代码 @implementation FKViewController UIImage* loseImage; UIImage* winImage; // 保存系统中所有图片的集合 NSArray* images; - (void)viewDidLoad { [superviewDidLoad]; loseImage= [UIImage imageNamed:@\\\\\\\\\\\\\\\"lose.jpg\\\\\\\\\\\\\\\"]; winImage =[UIImage imageNamed:@\\\\\\\\\\\\\\\"win.gif\\\\\\\\\\\\\\\"]; // 依次加载6张图片，生成对应的UIImage对象 UIImage*dog = [UIImage imageNamed:@\\\\\\\\\\\\\\\"dog.png\\\\\\\\\\\\\\\"]; UIImage*duck = [UIImage imageNamed:@\\\\\\\\\\\\\\\"duck.png\\\\\\\\\\\\\\\"]; UIImage*elephant = [UIImage imageNamed:@\\\\\\\\\\\\\\\"elephant.png\\\\\\\\\\\\\\\"]; UIImage*frog = [UIImage imageNamed:@\\\\\\\\\\\\\\\"frog.png\\\\\\\\\\\\\\\"]; UIImage*mouse = [UIImage imageNamed:@\\\\\\\\\\\\\\\"mouse.png\\\\\\\\\\\\\\\"]; UIImage*rabbit = [UIImage imageNamed:@\\\\\\\\\\\\\\\"rabbit.png\\\\\\\\\\\\\\\"]; // 初始化images集合，将前面的6张图片封装成images集合 images =[NSArray arrayWithObjects: dog, duck, elephant, frog,mouse, rabbit,nil]; self.picker.dataSource= self; self.picker.delegate= self; } // UIPickerViewDataSource中定义的方法，该方法的返回值决定该控件包含多少列 -(NSInteger)numberOfComponentsInPickerView:(UIPickerView*)pickerView { // 返回5表明该控件只包含5列 return 5; } // UIPickerViewDataSource中定义的方法，该方法的返回值决定该控件指定列包含多少个列表项 - (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component { // images集合包含多少个元素，该控件的各列就包含多少个列表项 return images.count; } #define kImageTag 1 // UIPickerViewDelegate中定义的方法，该方法返回的UIView将作为 // UIPickerView中指定列和列表项的UI控件 - (UIView*)pickerView:(UIPickerView *)pickerView viewForRow: (NSInteger)rowforComponent:(NSInteger)component reusingView:(UIView *)view { // 如果可重用的view的tag不等于kImageTag，表明该view已经不存在，需要重新创建 if(view.tag != kImageTag) { view = [[UIImageView alloc]initWithImage:[images objectAtIndex:row]]; // 为该UIView设置tag属性 view.tag = kImageTag; // 设置不允许用户交互 view.userInteractionEnabled = NO; } return view; } //UIPickerViewDelegate中定义的方法，该方法的返回值决定列表项的高度 -(CGFloat)pickerView:(UIPickerView *)pickerView rowHeightForComponent:(NSInteger)component { return 40; } //UIPickerViewDelegate中定义的方法，该方法的返回值决定列表项的宽度 -(CGFloat)pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component { return 40; } - (IBAction)clicked:(id)sender { self.startBn.enabled= NO; // 禁用该按钮 self.image.image= nil; // 清空界面上image控件中的图片 // 定义一个NSMutableDictionary来记录每个随机数的出现次数 NSMutableDictionary*result = [[NSMutableDictionary alloc] initWithCapacity:6]; NSURL*winSoundUrl = [[NSBundle mainBundle] URLForResource:@\\\\\\\\\\\\\\\"crunch\\\\\\\\\\\\\\\"withExtension:@\\\\\\\\\\\\\\\"wav\\\\\\\\\\\\\\\"]; SystemSoundIDsoundId; // 装载声音文件 AudioServicesCreateSystemSoundID((__bridgeCFURLRef) (winSoundUrl),&soundId); // 播放声音 AudioServicesPlaySystemSound(soundId); for(int i= 0 ; i < 5 ; i++) { // 生成0~images.count之间的一个随机数 NSUInteger selectedVal = arc4random() %images.count; [self.picker selectRow:selectedValinComponent:i animated:YES]; // 在result中已经为该随机数记录了出现次数 if([resultobjectForKey:[NSNumber numberWithInt:selectedVal]]) { //获取result中该随机数的出现次数 NSUIntegernewCount = [[result objectForKey: [NSNumbernumberWithInt:selectedVal]] integerValue]; //将result中该随机数的出现次数+1 [resultsetObject:[NSNumber numberWithInt:(newCount + 1)] forKey:[NSNumbernumberWithInt:selectedVal]]; } else { //使用result记录该随机数的出现次数为1 [resultsetObject:[NSNumber numberWithInt:1] forKey:[NSNumbernumberWithInt:selectedVal]]; } // 使用该变量记录随机数的最大出现次数 NSUIntegermaxOccurs = 1; for(NSNumber* num in [result allKeys]) { //只要任何随机数的出现次数大于maxOccurs if([[result objectForKey:num] integerValue] > maxOccurs) { //使用maxOccurs保存该随机数的出现次数 maxOccurs= [[result objectForKey:num] integerValue]; } } // 如果某个随机数的出现次数大于或等于3（即使界面出现了3个相同的图案） if(maxOccurs>= 3) { //如果赢了，延迟0.5秒执行showWin方法，显示结果 [selfperformSelector:@selector(showWin) withObject:nilafterDelay:0.5]; } else { //如果输了，延迟0.5秒执行showLose方法，显示结果 [selfperformSelector:@selector(showLose) withObject:nilafterDelay:0.5]; } } } - (void) showWin { NSURL*winSoundUrl = [[NSBundle mainBundle] URLForResource:@\\\\\\\\\\\\\\\"win\\\\\\\\\\\\\\\"withExtension:@\\\\\\\\\\\\\\\"wav\\\\\\\\\\\\\\\"]; SystemSoundIDsoundId; // 装载声音文件 AudioServicesCreateSystemSoundID((__bridgeCFURLRef) (winSoundUrl),&soundId); // 播放声音 AudioServicesPlaySystemSound(soundId); self.image.image= winImage; self.startBn.enabled= YES; } - (void) showLose { self.image.image= loseImage; self.startBn.enabled= YES; } @end

上面程序中为UIPickerView实现自定义列表项的关键就是第一段粗体字代码，该方法返回一个UIImageView作为各列的列表项控件。因此，该示例中UIPickerView所包含的各列的列表项都是UIImageView控件。

接下来的两行粗体字代码负责生成一个随机数，并根据生成的随机数来选中UIPickerView的指定列表项，这样就可让UIPickerView的5列随机选中指定的列表项——程序接下来的代码判断5个随机数中是否有相同的数出现过3次以上（意味着UIPickerView的5列中出现了3个以上相同的图标）——如果符合该条件，程序就延迟0.5秒执行showWin方法（该方法就是播放胜利音乐并显示胜利图标），否则就延迟0.5秒执行showLose方法（该方法显示失败图标）。

由于该程序使用AudioToolbox来播放音乐，因此程序还需要将win.wav和crunch.wav两个音乐文件拖入项目中。除此之外，iOS项目默认是不带AudioToolbox库的，因此需要手动添加AudioToolbox库，为iOS项目添加指定库的步骤如下。

① 在项目导航面板中单击指定项目对应的图标。

② 选中中间编辑区域左侧的TARGETS下面的应用，如图10.50所示。





图10.50 添加库

③ 选择编辑窗口上方的Build
Phases标签，单击Link
Binary With Libraries旁边的三角符号，即可展开该项目当前包含的所有库，如图10.51所示。



图10.50 添加库

④ 单击图10.51所示窗口中“添加库”的“+”图标，系统将会显示如图10.52所示的库列表。

⑤ 在图10.52所示的对话框中选中需要添加的库（也可通过上面的搜索框进行搜索），单击“Add”按钮即可完成添加。





图10.52 选择需要添加的库

按上面所示步骤为该项目添加AudioToolbox库，然后编译、运行该程序，即可通过单击程序界面上的按钮开始游戏，游戏界面如图10.53所示。





图10.53 自定义UIPickerView实现老虎机