UIKit基础:16-小游戏之舒尔特表

在前面, 我们学会制作了一个简单的小游戏石头剪刀布, 现在我们来学习制作第二个小游戏, 那就是舒尔特表啦, 首先让我们来创建一个新的工程并且配置好storyboard:

搭建好页面之后, 一般情况下我们是需要进行UI控件关联, 但这次比较特殊一点, 我们要创建多一个Class, 并且把右边的UIVIewController和我们新创的Class关联在一起

PS: 记得, 新建的Class要继承与UIViewController, 否则无法关联.

设置完之后, 我们还需要再配置一些细节, 就是从第一个页面跳转到第二个页面:

PS: 按住control键选中UIButton,  拖到第二个页面之后放手, 然后选择modal, 然后就把两个页面进行关联.

现在我们来关联控件, 首先我们先关联第二个页面的控件.

这里有一点要注意, 这里有一个IBOutletCollection, 是用来把第二个页面的所有UIButton堆在一起, 做成一个UIButton集合, 这样子方便我们对这一堆按钮进行随机操作, 并且这里还有一个IBAction方法, 也是保存所有的按钮, 但是这里我们需要设置好UIButton的tag值.

我在这里定义了一个代理和一个协议, 代理是用来给第一个页面里面的UILabel使用的, 用来记录玩家最佳的成绩, 协议里面的方法就是用来实现该代理方法的, 接下来我们继续:

@interface GameViewController ()
{
    // 用户上次点击的数字
    NSInteger _lastTapNumber;
    
    // 游戏开始的时间
    NSDate *_gameStartTime;
    
    // 游戏时间
    NSTimer *_gameTimer;
}
@end

- (void)viewDidLoad {
    [super viewDidLoad];
    
    NSArray *numberArray = [self createNumberArray];
    

    for (UIButton *button in _numberButtons) {
        
        NSString *text = [numberArray[button.tag]stringValue];
        
        [button setTitle:text forState:UIControlStateNormal];
    }
    _lastTapNumber = 0;
    
    // 设置定义时钟
    // 第一个参数:多少时间会触发一次, 以秒为单位
    // 第二个参数:如果看到函数的参数有target, 一般情况下都使用self
    // 第三个参数:SEL, 需要调用其他的方法, 就是每次时钟被触发的时候去调用, 最多可以一个参数, 就是时钟本身
    // 第四个参数:暂时不用考虑, 设置成nil
    // 第五个参数:是否重复
    _gameTimer = [NSTimer scheduledTimerWithTimeInterval:1.0f target:self selector:@selector(updateTimer:) userInfo:nil repeats:YES];
    // 记录游戏开始的时间
    _gameStartTime = [NSDate date];
}

#pragma mark - 私有方法
// 时间触发执行方法
- (void)updateTimer:(NSTimer *)sender
{
    // 在此处设置游戏计时器标签的内容, 提示玩家当前过了多少秒
    
    // fireDate是时钟当前触发的时间
    NSInteger deltaTime = [sender.fireDate timeIntervalSinceDate:_gameStartTime];
    
    // 将时间专成NSString
    NSString *text = [NSString stringWithFormat:@"%02ld:%02ld", deltaTime / 60, deltaTime % 60];
    
    // 设置计时器时间
    [_timerLabel setText:text];
    
    // 设置时间的字符串 00:00 mm:ss
    NSLog(@"过了一秒了 %ld", deltaTime);

}

// 数组
- (NSArray *)createNumberArray
{
    NSMutableArray *array = [NSMutableArray array];
    
    for (NSInteger i = 1; i < 10; i++)
    {
        [array addObject:@(i)];
    }
    
    // 打乱数组的顺序
    // 思路: 使用随机数, 不能重复
    // 1,2,3,4,5,6,7,8,9
    // 先随机出来一个位置的数字0~9 假设是5, 用位置5的数字位置和0交换
    // 6,2,3,4,5,1,7,8,9
    // 再随机出来一个位置的数字1~9 假设是3, 用位置1的数字位置和1交换
    // 以此类推, 就可以得到一个随机顺序的数组.
    
    for (NSInteger i = 0; i < 9; i++) {
        NSInteger seed = i + arc4random_uniform(9 - (unsigned int)i);
        
        // 交换数据
        [array exchangeObjectAtIndex:i withObjectAtIndex:seed];
    }

    return array;
}

#pragma mark 回到主界面
- (IBAction)done {
    [self dismissViewControllerAnimated:YES completion:nil];
}

#pragma mark 点击事件
- (IBAction)tapNumberButton:(UIButton *)sender {
    NSString *text = [[sender titleLabel] text];
    NSInteger number = [text integerValue];
    
    NSLog(@"%ld", number);
    
    if ((_lastTapNumber + 1) == number) {
        _lastTapNumber++;
        
        // 设置点击后的颜色
        [sender setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
        
        // 点击后禁用按钮
        [sender setEnabled:NO];
    } else {
        NSLog(@"点错了");
    }
    
    NSLog(@"末次计数:%ld", _lastTapNumber);
    
    if (_lastTapNumber == 9) {
        NSLog(@"胜利了");
        
        //关闭时钟
        [_gameTimer invalidate];
        
        // 委托代理执行方法, 如果没有设置代理, 那么这条指令就不会执行, 但也不会报错
        [_delegate gameViewDidDone:_timerLabel.text];
        
        NSString *message = [NSString stringWithFormat:@"帅呆了, 用时:%@", _timerLabel.text];
        
        // UIAlertView是用来提示用户信息的小窗口
        UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示" message:message delegate:self cancelButtonTitle:@"确定" otherButtonTitles:nil, nil];
        
        [alert show];
    }
}

#pragma mark - AlertView代理方法
#pragma mark 回到游戏主界面
- (void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex
{
    [self done];
}

PS: 一般我们玩游戏, 无论是赢了或者是输了, 游戏都会弹出一个对话框出来, 提示游戏结束, 并且会释放游戏页面, 但释放页面方法并不是是在游戏胜利的方法里执行, 而是在代理方法里面执行, 否则我们会见到游戏页面结束的速度会比弹出对话框的速度要快.

接下来就是ViewController文件:

最后我们来实现ViewController.m里面所有的功能:

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController


// ViewController的内置方法, 所有在storyboard中的连线在推出新的视图控制器之前都会调用这个方法.
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
    // 获得目标视图控制器
    GameViewController *controller = [segue destinationViewController];
    
    [controller setDelegate:self];
}

#pragma mark - 游戏视图代理方法
- (void)gameViewDidDone:(NSString *)timeString
{
    NSLog(@"你花了%@时间",timeString);
    [_socreLabel3 setText:timeString];
}

@end

最终的效果:

好了, 基础控件讲到这里就已经全部讲完了, 之后的就是讲解高级控件了~~~