級別： ★☆☆☆☆
標籤：「iOS」「小遊戲專案」「你話我猜」
作者： MrLiuQ
審校： QiShare團隊

前言：最近公司部門在組織團建，需要準備兩個團建小遊戲， 分別是“數字速算升級版”和“你話我猜升級版”。

小編琢磨了一下，發現這個兩個小專案很適合iOS入門學習，故這篇文章誕生了。 本篇將介紹iOS 小遊戲專案——你話我猜升級版。 希望通過這篇文章，幫助對iOS感興趣的同學快速入門iOS。

我們先來看看效果圖：

一、專案需求：

1. UI層面： 比較基礎，上面三個Label顯示資料（分別是：錯誤數、倒計時、正確數），中間的一個大Label顯示所猜詞條，下面三個Button分別對應（答錯、開始/復位、答對）。

圖解：

2. 邏輯層面：

   • 點選對/錯按鈕，對應的Label的數字要+1。
   • 做一個計時器，遊戲時長定為300秒，時間到0時，結束遊戲，對/錯按鈕禁止點選。
   • 點選開始、對/錯按鈕，中間的詞條都需要更新。
   • 點選開始按鈕，出現一個彈窗，點選確定，開始倒計時。

3. 詞庫搭建：

   • 詞庫難度分為5個等級，等級越高，抽到的概率越小。
   • 詞庫去重處理，抽到的詞條不再顯示。
   • 概率演算法。

二、實現思路：

1. UI層面：

• 方式一：storyboard（拖控制元件、加約束）。
• 方式二：純程式碼。

專案中，我選擇的storyboard。獨立開發時，使用storyboard比較高效。

@property (weak, nonatomic) IBOutlet UILabel *wordLabel;//!< 猜題Label
@property (weak, nonatomic) IBOutlet UILabel *secondsLabel;//!< 計時Label
@property (weak, nonatomic) IBOutlet UILabel *correctLabel;//!< 成功計數Label
@property (weak, nonatomic) IBOutlet UILabel *wrongLabel;//!< 失敗計數Label
@property (weak, nonatomic) IBOutlet UIButton *correctButton;//!< 成功按鈕
@property (weak, nonatomic) IBOutlet UIButton *wrongButton;//!< 失敗按鈕
@property (weak, nonatomic) IBOutlet UIButton *startButton;//!< 開始按鈕
複製程式碼
 

2. 業務邏輯：

• 所要儲存的屬性：

@property (nonatomic, assign) NSUInteger seconds;//!< 剩餘時間
@property (nonatomic, assign) NSInteger correctCount;//!< 答對題數
@property (nonatomic, assign) NSInteger wrongCount;//!< 答錯題數

@property (nonatomic, strong) QiGuessWords *guessWords;//!< 詞條（題目）
@property (nonatomic, strong) NSTimer *timer;//!< 計時器
複製程式碼

• 開始按鈕業務邏輯：

//! 開始按鈕點選事件
- (IBAction)startButtonClicked:(UIButton *)sender {
    
    NSString *message = [NSString stringWithFormat:@"確定要 %@ 嗎？", sender.currentTitle];
    UIAlertController *alertController = [UIAlertController alertControllerWithTitle:nil message:message preferredStyle:UIAlertControllerStyleAlert];
    UIAlertAction *cancelAction = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:nil];
    UIAlertAction *confirmAction = [UIAlertAction actionWithTitle:sender.currentTitle style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
        sender.selected = !sender.selected;
    
        self.correctButton.enabled = !self.correctButton.enabled;
        self.wrongButton.enabled = !self.wrongButton.enabled;
        
        if (sender.selected) {
            self.wordLabel.text = self.guessWords.randomWord;
            [self startTimer];
        } else {
            [self resetElements];
        }
    }];
    [alertController addAction:cancelAction];
    [alertController addAction:confirmAction];
    
    [self.navigationController presentViewController:alertController animated:YES completion:nil];
}
複製程式碼

• 成功/失敗按鈕業務邏輯：

//! 成功按鈕點選事件
- (IBAction)correctButtonClicked:(id)sender {
    
    _correctLabel.text = [NSString stringWithFormat:@"%li",(long)++_correctCount];
    _wordLabel.text = _guessWords.randomWord;
}

//! 失敗按鈕點選事件
- (IBAction)wrongButtonClicked:(id)sender {
    
    _wrongLabel.text = [NSString stringWithFormat:@"%li",(long)++_wrongCount];
    _wordLabel.text = _guessWords.randomWord;
}
複製程式碼

• 定時器相關程式碼：

#pragma mark - Private functions

- (void)startTimer {
    
    [self stopTimer];
    
    _timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(countDown) userInfo:nil repeats:YES];
}

- (void)stopTimer {
    
    [_timer invalidate];
    _timer = nil;
}

- (void)countDown {

    _secondsLabel.text = [NSString stringWithFormat:@"%li", (long)--_seconds];
    
    if (_seconds <= 0) {
        [self stopTimer];
        _correctButton.enabled = NO;
        _wrongButton.enabled = NO;
    }
    else if (_seconds < 30) {
        _secondsLabel.textColor = [UIColor redColor];
    }
}
複製程式碼

• 重置元素邏輯：

- (void)resetElements {
    
    _wordLabel.text = @"";
    
    _seconds = 300;
    _wrongCount = 0;
    _correctCount = 0;
    _secondsLabel.text = [NSString stringWithFormat:@"%li", (long)_seconds];
    _correctLabel.text = [NSString stringWithFormat:@"%li", (long)_correctCount];
    _wrongLabel.text = [NSString stringWithFormat:@"%li", (long)_wrongCount];
    _correctButton.enabled = NO;
    _wrongButton.enabled = NO;
    _startButton.enabled = YES;
    
    [self stopTimer];
}
複製程式碼

三、難點：詞庫工具

詞庫的難點在於：去重、分級、按概率抽題。

在QiGuessWords.h中，

1. 先定義一個列舉：表示題的難度係數

typedef NS_ENUM(NSUInteger, QiGuessWordsType) {
    QiGuessWordsTypePrimary,
    QiGuessWordsTypeMiddle,
    QiGuessWordsTypeSenior,
    QiGuessWordsTypeComplex,
    QiGuessWordsTypeCustom
};
複製程式碼

2. 暴露一個屬性，直接出隨機詞條。並暴露了一個方法，直接返回一個指定“難度”、“數量”的隨機的詞條陣列。

@property (nonatomic, copy) NSString *randomWord;

- (NSArray<NSString *> *)randomWordsWithType:(QiGuessWordsType)type count:(NSUInteger)count;
複製程式碼

在QiGuessWords.m中，

1. init方法

- (instancetype)init {
    
    self = [super init];
    
    if (self) {
        
        NSString *primaryWords = @"螃蟹,口紅...";
        NSString *middleWords = @"班主任,放風箏...";
        NSString *seniorWords = @"落井下石,七上八下...";
        NSString *complexWords = @"低頭思故鄉,處處聞啼鳥...";
        NSString *customWords = @"TCP,360防毒...";
        
        _primaryWords = [primaryWords componentsSeparatedByString:@","].mutableCopy;
        _middleWords = [middleWords componentsSeparatedByString:@","].mutableCopy;
        _seniorWords = [seniorWords componentsSeparatedByString:@","].mutableCopy;
        _complexWords = [complexWords componentsSeparatedByString:@","].mutableCopy;
        _customWords = [customWords componentsSeparatedByString:@","].mutableCopy;
        
        _allWords = @[_primaryWords, _middleWords, _seniorWords, _complexWords, _customWords];
    }
    
    return self;
}
複製程式碼

2. Getter方法： 注意這裡三元表示式的運用。

思想：系統算出一個0~9的隨機數，

#pragma mark - Getters

- (NSString *)randomWord {
    
    NSUInteger r = arc4random() % 10;
    NSUInteger i = r < 2? 0: r < 4? 1: r < 6? 2: r < 7? 3: 4;
    
    NSMutableArray<NSString *> *words = _allWords[i];
    
    if (words.count == 0) {
        return self.randomWord;
    } //!< 所有資料取完後會造成死迴圈
    
    NSUInteger index = arc4random() % words.count;
    NSString *randomWord = words[index];
    [words removeObject:randomWord];
    
    return randomWord;
}
複製程式碼

最後，遊戲工程原始碼：遊戲原始碼

關注我們的途徑有：
QiShare(簡書)
QiShare(掘金)
QiShare(知乎)
QiShare(GitHub)
QiShare(CocoaChina)
QiShare(StackOverflow)
QiShare(微信公眾號)

推薦文章：
iOS 檔案操作簡介
iOS 關鍵幀動畫
iOS 編寫高質量Objective-C程式碼（七）
奇舞週刊