标签栏和选取器

用Storyboard做的。做点记录

总的效果：

总的结构：

视图结构：

新建一个Tabbed Application

PS：我直接建Single View Application，然后删除里面的ViewController类文件和Storyboard中默认的控制器视图，自己添加Tab Bar Controller 控件

新建一个UITabBarController类的文件（.h,.m）；PS：在本次学习内容中，对UITabBarController类文件没有修改。

Tab Bar Controller控件关联到UITabBarController实例。

分别添加标签栏中标签所对应的控制器控件（本次用到5个View Controller控件），分别关联到对应的控制器实例；

运行起来能看到有5个标签的标签栏。

总的粗糙的视图已经搭好。

========================================================================

接下来是对每个标签栏对应的视图控制器进行编辑。

提几点：

1、选取器（Picker）需要选取器委托（picker delegate）和选取器数据源（picker data source）。

本次学习内容指定对应的视图控制器为 选取器委托 和 选取器数据源。

2、在视图控制器文件中使用协议（Protocol）

.h

#import <UIKit/UIKit.h>

@interface SingleComponentPickersViewController : UIViewController <UIPickerViewDelegate, UIPickerViewDataSource> // Protocol

@property (strong, nonatomic) IBOutlet UIPickerView *singlePicker;
@property (strong, nonatomic) NSArray *pickerData;

- (IBAction)buttonPressed;

@end

.m

#pragma mark -
#pragma mark Picker Data Source Methonds
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
    return 1;
}

- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{
    return [self.pickerData count];
}

#pragma mark Picker Delegate Methods
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
    return [self.pickerData objectAtIndex:row];
}

@end

3、在- (void)viewDidLoad方法中加载用于选取器中显示的数据

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    NSArray *array = [[NSArray alloc] initWithObjects:@"Luke", @"Leia", @"Han", @"Chewbacca", @"Artoo", @"Threepio", @"Lando",nil];
    self.pickerData = array;
}

4、对多组件宽度的控制

#pragma mark -
#pragma mark Picker Data Source Methonds
....

#pragma mark Picker Delegate Methods
...

// set the width of the component
- (CGFloat)pickerView:(UIPickerView *)pickerView 
    widthForComponent:(NSInteger)component
{
    if (component == kZipComponent)
        return 90;
    return 200;
}

5、实现依赖组件 （DependentComponentPickersViewController ）中，选取器的数据是从资源文件statedictionary.plist中获得，那么这里用到“束”（NSBundle）。NSBundle的一个重要作用是获取添加到项目的Resources文件夹（在Xcode中已经没有这个文件夹，自己可以新建Group文件夹）的资源。在构建应用程序时，这些文件被复制到应用程序中。

通过主束获取需要的资源。

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    NSBundle *bundle = [NSBundle mainBundle];   // use the resources in the project via Bundle
    NSString *plistPath = [bundle pathForResource:@"statedictionary" ofType:@"plist"];
    
    NSDictionary *dictionary = [[NSDictionary alloc] initWithContentsOfFile:plistPath];
    self.stateZips = dictionary;
    
    NSArray *components = [self.stateZips allKeys];
    NSArray *sorted = [components sortedArrayUsingSelector:@selector(compare:)];
    self.states = sorted;
    
    NSString *selectedState = [self.states objectAtIndex:0];
    NSArray *array = [self.stateZips objectForKey:selectedState];
    self.zips = array;
}

6、添加图像到选取器组件中

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    UIImage *seven = [UIImage imageNamed:@"seven.png"];
    UIImage *bar = [UIImage imageNamed:@"bar.png"];
    UIImage *crown = [UIImage imageNamed:@"crown.png"];
    UIImage *cherry = [UIImage imageNamed:@"cherry.png"];
    UIImage *lemon = [UIImage imageNamed:@"lemon.png"];
    UIImage *apple = [UIImage imageNamed:@"apple.png"];
    
    for (int i = 1; i <= 5; i++)
    {
        UIImageView *sevenView = [[UIImageView alloc] initWithImage:seven];
        UIImageView *barView = [[UIImageView alloc] initWithImage:bar];
        UIImageView *crownView = [[UIImageView alloc] initWithImage:crown];
        UIImageView *cherryView = [[UIImageView alloc] initWithImage:cherry];
        UIImageView *lemonView = [[UIImageView alloc] initWithImage:lemon];
        UIImageView *appleView = [[UIImageView alloc] initWithImage:apple];
        NSArray *imageViewArray = [[NSArray alloc] initWithObjects:sevenView, barView, crownView, cherryView, lemonView, appleView, nil];
        
        NSString *fileName = [[NSString alloc] initWithFormat:@"column%d", i];
        [self setValue:imageViewArray forKey:fileName];
    }
    
    srandom(time(NULL));
}

7、使用声音。

.h

@property (nonatomic) SystemSoundID crunchSoundID;  // 持有相应的声音
@property (nonatomic) SystemSoundID winSoundID;

.m

// load the sound
- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    ...
    NSString *path = [[NSBundle mainBundle] pathForResource:@"win" ofType:@"wav"];
    AudioServicesCreateSystemSoundID((__bridge  CFURLRef)[NSURL fileURLWithPath:path], &winSoundID);
    
    path = [[NSBundle mainBundle] pathForResource:@"crunch" ofType:@"wav"];
    AudioServicesCreateSystemSoundID((__bridge CFURLRef)[NSURL fileURLWithPath:path], &crunchSoundID);
    
    ...
}

// hidden the button after click the it
- (void)showButton
{
    self.button.hidden = NO;
}

- (void)playWinSound
{
    AudioServicesPlaySystemSound(self.winSoundID);
    self.winLabel.text = @"WIN!";
    [self performSelector:@selector(showButton) withObject:nil afterDelay:1.5];
}

// Button控件触发的事件
- (IBAction)spin 
{
    ...
    
    if (win)
        [self performSelector:@selector(playWinSound)
                        withObject:nil
                        afterDelay:.5];
    else
        [self performSelector:@selector(showButton)
                        withObject:nil
                        afterDelay:.5];
    
 }

链接 Audio Toolbox 框架

。