IOS中UITabBar、UIDatePicker、Picker View控件练习（二）

包含依赖的多滚轮选择器

和单滚轮选择器相似，所以一些简单的布局、关联等操作就略过了，可以参考单滚轮选择器。

目标：

这个选择器将有2个滚轮，左边选择州，右边选择对应州的邮编。

思路：

所谓包含依赖就是说具有联动效果，一个滚轮根据另一个滚轮的变化来变化。

所以我们只要能够监听某一个滚轮的滚动事件，然后动态调整另一个滚轮的绑定数据就能实现“包含依赖的多滚轮选择器”了。

代码讲解：

首先定义1个NSDictionary和2个NSArray，NSDictionary用来加载文件以保存所有数据，2个NSArray则分别作为两个滚轮的数据源。

因为邮编是和州对应的，而且有很多州，所以我们可以用NSDictionary来存储所有的州和邮编，使用州作为key，对应的邮编组装成一个nsarray作为value

这里提供一个plist文件，这个例子中我们将从文件中加载数据。文件下载

应该在界面加载之后(viewDidLoad)就加载文件，获取数据，加载文件的方法如下：

  NSBundle *bundle = [NSBundle mainBundle];
  NSURL *plistURL =
      [bundle URLForResource:@"statedictionary" withExtension:@"plist"];
  self.stateZips = [NSDictionary dictionaryWithContentsOfURL:plistURL];

NSBundle看以看做是一个目录，而mainBundle就是程序的主目录，然后通过文件名和文件格式获取指定文件的路径，再然后使用dictionaryWithContentsOfURL:方法初始化NSDictionary就可以了。dictionaryWithContentsOfURL:是使用文件的路径加载文件数据到NSDictionary中。

按钮的逻辑与之前的一样，在此略过。

在实现普通多滚轮选择器中的两个数据源方法和1个委托方法的基础上，再实现另一个委托方法，

pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component

这个方法会在滚轮滚动时调用，这样我们就能监听某一个滚轮的值是否改动，从而改动另一个滚轮的数据了。

    NSString *selectState = self.states[row];
    self.zips = self.stateZips[selectState];
    [self.dependentPicker reloadComponent:kZipComponent];

如果是控制州的滚轮变化，就获取选择的州，然后从NSDictionary中获取对应的邮编NSArray，让选择邮编的滚轮重新加载新数据源。

优化：

1、排序

可能从plist文件中的加载到NSDictionary之后州的排序并不是我们想要的，或者想优化用户体验，按照字母(或其他规则)排序。我们应该这么做

NSArray *sortedStates =
      [allStates sortedArrayUsingSelector:@selector(compare:)];

2、默认

可以使州默认选中第一个，然后选择对应的邮编

  NSString *selectedState = self.states[0];
  self.zips = self.stateZips[selectedState];

3、界面宽度

因为州的名字比较长，邮编的宽度是一定的，所以我们可以让控制州的滚轮占据选择器的更多宽度。

要实现这个效果，就必须实现另一个委托方法：

pickerView:(UIPickerView *)pickerView widthForComponent:(NSInteger)component

这个方法会返回CGFloat值，指示某一个滚轮的宽度。

完整代码：

//
//  DependentComponentPickerViewController.m
//  Pickers
//
//  Created by 张光发 on 15/10/13.
//  Copyright (c) 2015年 张光发. All rights reserved.
//

#import "DependentComponentPickerViewController.h"
#define kStateComponent 0
#define kZipComponent 1

@interface DependentComponentPickerViewController ()
@property(strong, nonatomic) NSDictionary *stateZips;
@property(strong, nonatomic) NSArray *states;
@property(strong, nonatomic) NSArray *zips;
@property(weak, nonatomic) IBOutlet UIPickerView *dependentPicker;

@end

@implementation DependentComponentPickerViewController

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

  //!!!: 可以认为程序的主目录就是mainBundle
  NSBundle *bundle = [NSBundle mainBundle];
  NSURL *plistURL =
      [bundle URLForResource:@"statedictionary" withExtension:@"plist"];
  self.stateZips = [NSDictionary dictionaryWithContentsOfURL:plistURL];
  NSArray *allStates = [self.stateZips allKeys];
  //!!!: 这个地方的排序方法是nsarray自带的compare:
  NSArray *sortedStates =
      [allStates sortedArrayUsingSelector:@selector(compare:)];
  self.states = sortedStates;

  NSString *selectedState = self.states[0];
  self.zips = self.stateZips[selectedState];
}

- (IBAction)buttonPressed:(id)sender {
  NSInteger stateRow = [self.dependentPicker selectedRowInComponent:0];
  NSInteger zipRow = [self.dependentPicker selectedRowInComponent:1];

  NSString *state = self.states[stateRow];
  NSString *zip = self.zips[zipRow];
  NSString *title =
      [[NSString alloc] initWithFormat:@"你选择的邮政编码是%@", zip];
  NSString *message = [[NSString alloc]
      initWithFormat:@"你选择了%@的州%@邮编", state, zip];
  UIAlertView *alert = [[UIAlertView alloc] initWithTitle:title
                                                  message:message
                                                 delegate:nil
                                        cancelButtonTitle:@"OK"
                                        otherButtonTitles:nil, nil];
  [alert show];
}

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView {
  return 2;
}

- (NSInteger)pickerView:(UIPickerView *)pickerView
numberOfRowsInComponent:(NSInteger)component {
  if (component == kStateComponent) {
    return [self.states count];
  } else {
    return [self.zips count];
  }
}

- (NSString *)pickerView:(UIPickerView *)pickerView
             titleForRow:(NSInteger)row
            forComponent:(NSInteger)component {
  if (component == kStateComponent) {
    return self.states[row];
  } else {
    return self.zips[row];
  }
}

// TODO: 滚轮变化时调用
- (void)pickerView:(UIPickerView *)pickerView
      didSelectRow:(NSInteger)row
       inComponent:(NSInteger)component {
  if (component == kStateComponent) {
      /**
       *  获取左滚轮选取的值
       *  查找对应邮编
       *  右滚轮重新加载数据
       *  右滚轮默认选择第0行
       */
    NSString *selectState = self.states[row];
    self.zips = self.stateZips[selectState];
    [self.dependentPicker reloadComponent:kZipComponent];
    [self.dependentPicker selectRow:0 inComponent:kZipComponent animated:YES];
  }
}
// TODO: 设置滚轮宽度
- (CGFloat)pickerView:(UIPickerView *)pickerView
    widthForComponent:(NSInteger)component {
  if (component == kStateComponent) {
    return self.view.frame.size.width * 0.6;
  } else {
    return self.view.frame.size.width * 0.3;
  }
}
@end

效果图：

包含图像的自定义选择器制作的简易小游戏

目标：

这次综合利用之前几个选择器中的知识，用picker view制作一个包含5个滚轮的简易老.虎.机.(敏感词汇 -_-||| )

思路：

如果把之前的几个小例子都看完了，做这个应该是很轻松的。

重点在图片的处理和判断是否win的算法，难点是声音部分。

界面布局：

界面顶部添加一个picker view，pickerview下依次是一个label和一个Button。

button用来启动游戏，label显示游戏结果。

代码讲解：

首先定义1个NSArray来存放滚轮上显示的图片，1个NSMutableDictionary来存放一次游戏的运行结果。

在viewDidLoad中就要把图片加载到nsarray中，而且要初始化一个随机数生成器，在后面转动滚轮时会用到随机数。

srandom(time(NULL));//初始化随机数生成器

button的点击事件处理：

首先初始化一些局部变量，把NSMutableDictionary初始化，每个uiimage作为一个Key,每个Key的初始值为1。初始化一个BOOL变量，并设置为NO，作为是否胜利的标识。

    NSNumber* initNumber = [NSNumber numberWithInt:0];
    self.selects = [NSMutableDictionary dictionaryWithObjectsAndKeys:
                    initNumber, self.images[0],
                    initNumber, self.images[1],
                    initNumber, self.images[2],
                    initNumber, self.images[3],
                    initNumber, self.images[4],
　　　　　　　　　　　　initNumber, self.images[5],nil];
　　BOOL win = NO;

接下来就是为每个滚轮设置随机显示一个图像，并记录每个滚轮显示的图像内容.

为每个滚轮选取一个随机图像使用的方法是用随机数和图像个数取模.

每个滚轮选取的图像内容是通过NSMutableDictionary来记录的，首先找到当前选取的uiimage，根据这个uiimage找NSMutableDictionary中的对应记录，并把对应的Key做+1处理。

  for (int i = 0; i < 5; i++) {
        NSInteger newVal = random() % [self.images count];
        
        UIImage* img = self.images[newVal];
        NSInteger val = [[self.selects objectForKey:img] integerValue];
        val++;
        [self.selects setObject:[NSNumber numberWithInteger:val] forKey:[img copy]];
        
        //为相应滚轮设置新值
        [self.picker selectRow:newVal inComponent:i animated:YES];

        //这行代码是让picker重新加载相应滚轮，可是注释掉也能正常运行，请大神指教
        //[self.picker reloadComponent:i];
    }

所有的滚轮都设置完成之后就要判断 本次游戏的结果了，如果有图片出现了3次或以上就判定为本次游戏胜利。

这是通过判断之前的NSMutableDictionary中的allValue来实现的。

    for (NSNumber* j in [self.selects allValues]) {
        if ([j integerValue] >= 3) {
            win = YES;
            break;
        }
    }

为了提升游戏乐趣，可以在这些处理完成之后播放一次滚轮转动的声音

要包含“AudioToolbox/AudioToolbox.h”

首先判断声音是否播放完成，如果播放完成实例会被初始化为0

那就要根据声音文件的NSURL信息初始化实例，然后播放

    if (crunchSoundID == 0) {
        NSURL* soundURL =
            [[NSBundle mainBundle] URLForResource:@"crunch"
                                    withExtension:@"wav"];
        //!!!: bridge前有两个下划线
        AudioServicesCreateSystemSoundID((__bridge CFURLRef)(soundURL),&crunchSoundID);
    }
    AudioServicesPlaySystemSound(crunchSoundID);

其中crunchSoundID是用如下代码定义的

@implementation CustomPickerViewController {
    SystemSoundID winSoundID; //胜利声音引用
    SystemSoundID crunchSoundID; //滚动声音引用
}

如果游戏胜利调用一个方法，如果不胜利调用另一个方法处理。这里使用的是performSelector:调用的其他方法，主要是想延迟执行这些方法

   if (win) {
        [self performSelector:@selector(playWinSound) withObject:nil afterDelay:0.5];
    }
    else {
        [self performSelector:@selector(showButton) withObject:nil afterDelay:0.5];
    }

我们不想在一次游戏还未完成时用户就再次点击按钮，而且，如果一次游戏失败应该把胜利的字样去掉

self.button.hidden = YES;
self.winLabel.text = @"";

这样button的事件处理就完成了。

接下来看看胜利的处理方法playWinSound:和游戏失败的处理方法showButton:

playWinSound:中要做的就是播放胜利的音效，显示胜利的标识，显示按钮，按钮显示要有一定延迟，所以使用performSelector:调用showButton:方法。

showButton:方法只是简单的显示按钮。

记得要实现必须的委托方法和数据源方法，比较特殊的一个是

- (UIView*)pickerView:(UIPickerView*)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView*)view

这个方法返回的是UIView类型，所以可以返回UIImage，这样就能实现“包含图像”的目标啦

完整代码：

//
//  CustomPickerViewController.m
//  Pickers
//
//  Created by 张光发 on 15/10/13.
//  Copyright (c) 2015年 张光发. All rights reserved.
//

#import "CustomPickerViewController.h"
#import <AudioToolbox/AudioToolbox.h>

@interface CustomPickerViewController ()
@property (strong, nonatomic) NSArray* images;
@property (strong, nonatomic) NSMutableDictionary* selects;
@property (weak, nonatomic) IBOutlet UILabel* winLabel;
@property (weak, nonatomic) IBOutlet UIPickerView* picker;
@property (weak, nonatomic) IBOutlet UIButton* button;

@end

@implementation CustomPickerViewController {
    SystemSoundID winSoundID;
    SystemSoundID crunchSoundID;
}
- (void)showButton
{
    self.button.hidden = NO;
}
- (void)playWinSound
{
    //检查声效是否完成
    if (winSoundID == 0) {
        NSURL* soundURL =
            [[NSBundle mainBundle] URLForResource:@"win"
                                    withExtension:@"wav"];
        //!!!: bridge前有两个下划线
        AudioServicesCreateSystemSoundID((__bridge CFURLRef)(soundURL),
            &winSoundID);
    }
    AudioServicesPlaySystemSound(winSoundID);
    self.winLabel.text = @"WINING!";
    [self performSelector:@selector(showButton) withObject:nil afterDelay:1.5];
}
- (void)viewDidLoad
{
    [super viewDidLoad];
    self.images = @[
        [UIImage imageNamed:@"seven"],
        [UIImage imageNamed:@"bar"],
        [UIImage imageNamed:@"crown"],
        [UIImage imageNamed:@"cherry"],
        [UIImage imageNamed:@"lemon"],
        [UIImage imageNamed:@"apple"]
        ];
    //???: 随机数生成器
    /**
     *  srandom用来初始化随机数生成器的
        参数是种子值，如果种子相同，随机数列就会相同
        所以此处的种子我们设置为时间
        time()函数会返回当前时间的时间戳
     */
    srandom(time(NULL));
    NSLog(@"time(null)=%ld",time(NULL));
}
- (IBAction)spin:(id)sender
{
    NSNumber* initNumber = [NSNumber numberWithInt:0];
    self.selects = [NSMutableDictionary dictionaryWithObjectsAndKeys:
                    initNumber, self.images[0],
                    initNumber, self.images[1],
                    initNumber, self.images[2],
                    initNumber, self.images[3],
                    initNumber, self.images[4],
                    initNumber, self.images[5],
                    nil];
    BOOL win = NO;
    for (int i = 0; i < 5; i++) {
        NSInteger newVal = random() % [self.images count];
        NSLog(@"newval=%ld",newVal);
        
        UIImage* img = self.images[newVal];
        NSInteger val = [[self.selects objectForKey:img] integerValue];
        val++;
        [self.selects setObject:[NSNumber numberWithInteger:val] forKey:[img copy]];
        
        //为相应滚轮设置新值
        [self.picker selectRow:newVal inComponent:i animated:YES];
        //[self.picker reloadComponent:i];
    }
    for (NSNumber* j in [self.selects allValues]) {
        if ([j integerValue] >= 3) {
            win = YES;
            break;
        }
    }
    if (crunchSoundID == 0) {
        NSURL* soundURL =
            [[NSBundle mainBundle] URLForResource:@"crunch"
                                    withExtension:@"wav"];
        //!!!: bridge前有两个下划线
        AudioServicesCreateSystemSoundID((__bridge CFURLRef)(soundURL),
            &crunchSoundID);
    }
    AudioServicesPlaySystemSound(crunchSoundID);
    
    if (win) {
        [self performSelector:@selector(playWinSound) withObject:nil afterDelay:0.5];
    }
    else {
        [self performSelector:@selector(showButton) withObject:nil afterDelay:0.5];
    }
    self.button.hidden = YES;
    self.winLabel.text = @"";
}

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView*)pickerView
{
    return 5;
}
- (NSInteger)pickerView:(UIPickerView*)pickerView
numberOfRowsInComponent:(NSInteger)component
{
    return [self.images count];
}
- (CGFloat)pickerView:(UIPickerView*)pickerView
rowHeightForComponent:(NSInteger)component
{
    return 60;
}
- (UIView*)pickerView:(UIPickerView*)pickerView
           viewForRow:(NSInteger)row
         forComponent:(NSInteger)component
          reusingView:(UIView*)view
{
    UIImage* image = self.images[row];
    UIImageView* imageview = [[UIImageView alloc] initWithImage:image];
    return imageview;
}
@end

效果图：