【iOS】Stanford iOS7 Assignment - Matchismo

发表于 | 更新于 | 分类于 |

版权声明：本文为博主原创文章，如需转载请注明出处。

Github地址：https://github.com/yoferzhang/Matchismo

Matchismo

Stanford iOS7 Assignment

Use Xcode 7.3 AND OS X EI Captian 10.11.4

更新时间：2016.04.22

简单牌面翻转

修改Main.storyboard：设置背景色，添加一个Button，添加背景图和前景图。设置Title为A♣︎。并在ViewController.m中添加一个方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
- (IBAction)touchCardButton:(UIButton *)sender {
    if ([sender.currentTitle length]) {
        [sender setBackgroundImage:[UIImage imageNamed:@"CardBack"]
                          forState:UIControlStateNormal];
        [sender setTitle:@"" forState:UIControlStateNormal];
    } else {
        [sender setBackgroundImage:[UIImage imageNamed:@"CardFront"]
                          forState:UIControlStateNormal];
        [sender setTitle:@"A♣︎" forState:UIControlStateNormal];
    }
    
    // update flipCount in there
    // because every time touch the button, this method will be call
    self.flipCount++;
}

接下来添加一个计算翻转次数的Label，并在ViewController.m添加代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
@interface ViewController ()
@property (weak, nonatomic) IBOutlet UILabel *flipsLabel;
@property (nonatomic) int flipCount;

@end

@implementation ViewController

- (void)setFlipCount:(int)flipCount
{
    _flipCount = flipCount;
    self.flipsLabel.text = [NSString stringWithFormat:@"Flips: %d", self.flipCount];
}

这里还需要在touchCardButton:中添加一行代码来更新flipCount数据：

1
self.flipCount++;

更新时间：2016.04.24

添加Card类

添加Model类Card(Card.h,Card.m)，Card.h内容为：

1
2
3
4
5
6
7
8
@property (strong, nonatomic) NSString *contents;

@property (nonatomic, getter=isChosen) BOOL chosen;
@property (nonatomic, getter=isMatched) BOOL matched;

- (int)match:(NSArray *)otherCards;

@end

contents记录牌面信息，比如A♣︎；chosen属性表示当前card是否被选中；matched属性表示当前card是否匹配。
match:方法：当传入参数otherCards中只要有一个和自身的contents相等，就让得1分，即score = 1。

添加PlayingCard类

添加Model类PlayingCard，父类是Card。PlayingCard.h内容为：

1
2
3
4
5
6
7
8
9
@interface PlayingCard : Card

@property (strong, nonatomic) NSString *suit;
@property (nonatomic) NSUInteger rank;

+ (NSArray *)validSuits;
+ (NSUInteger)maxRank;

@end

suit属性存放牌面花色；rank属性存放牌面数值；类方法validSuits返回当前牌类可以使用花色字符串(这里为@[@"♠︎", @"♣︎", @"♥︎", @"♦︎"])；类方法maxRank返回当前牌面可以支持的最大数值(当前为13)。

PlayingCard.m中需要重载contents属性的getter方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
- (NSString *)contents
{
    NSArray *rankStrings = [PlayingCard rankStrings];
    return [rankStrings[self.rank] stringByAppendingString:self.suit];
    
} // contents

+ (NSArray *)rankStrings
{
    return @[@"?", @"A", @"2", @"3", @"4", @"5", @"6",
             @"7", @"8", @"9", @"10", @"J", @"Q", @"K"];

} // rankStrings

PlayingCard.m其他内容请查看工程源文件。

更新时间：2016.04.26

添加Deck类

添加Model类Deck。用于存放一副牌，Deck.h内容：

1
2
3
4
5
6
7
8
@interface Deck : NSObject

- (void)addCard:(Card *)card atTop:(BOOL)atTop;
- (void)addCard:(Card *)card;

- (Card *)drawRandomCard;

@end

addCard:atTop方法和addCard:都是想牌组中添加一张牌，这里是为了演示如果需要一个有参数的函数和另一个无参数的函数做类似的事情，这里所做的效果不是像C++一样进行重载，这里是两个完全不同的函数，从这里的函数名也能看出这是两个函数，切记。给出Deck.m的内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
#import "Deck.h"

@interface Deck ()

@property (strong, nonatomic) NSMutableArray *cards; // of Card

@end

@implementation Deck

- (NSMutableArray *)cards
{
    if (!_cards) {
        _cards = [[NSMutableArray alloc] init];
    }
    return _cards;
    
} // cards

- (void)addCard:(Card *)card atTop:(BOOL)atTop
{
    if (atTop) {
        [self.cards insertObject:card atIndex:0];
    } else {
        [self.cards addObject:card];
    }
    
} // addCard:atTop

- (void)addCard:(Card *)card
{
    [self addCard:card atTop:NO];
    
} // addCard:

- (Card *)drawRandomCard
{
    Card *randomCard = nil;
    
    if ([self.cards count]) {
        unsigned index = arc4random() % [self.cards count];
        randomCard = self.cards[index];
        [self.cards removeObjectAtIndex:index];
    }
    
    return randomCard;
    
} // drawRandomCard


@end

类拓展里面申明了一个数组cards用来存放一副牌。drawRandomCard方法从牌组中抽出一张牌返回，并从牌组中删掉这张牌。

添加PlayingCardDeck类

添加Model类PlayingCardDeck，只在.m文件中重载init方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
- (instancetype)init
{
    self = [super init];
    
    if (self) {
        for (NSString *suit in [PlayingCard validSuits]) {
            for (NSUInteger rank = 1; rank <= [PlayingCard maxRank]; rank++) {
                PlayingCard *card = [[PlayingCard alloc] init];
                card.rank = rank;
                card.suit = suit;
                
                [self addCard:card]; // superclass method
            }
        }
        
    }
    
    return self;
}

生成一副牌组，包含所有rank和suit的组合。

让stroyboard中的牌面随机显示rank和suit

在ViewController.m中，添加一个deck属性：

1
@property (strong, nonatomic) Deck *deck;

然后添加两个方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
- (Deck *)deck
{
    if (!_deck) {
        _deck = [self creatDeck];
    }
    
    return _deck;
} // deck

- (Deck *)creatDeck
{
    return [[PlayingCardDeck alloc] init];
} // creatDeck

creatDeck方法创建并返回了一个PlayingCardDeck类，用于初始化deck属性。

这里注意父类指针可以指向子类。

然后在touchCardButton:方法中修改代码，每次翻到正面时都随机抽出一张牌，然后将牌面contents给Title。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
- (IBAction)touchCardButton:(UIButton *)sender {
    if ([sender.currentTitle length]) {
        [sender setBackgroundImage:[UIImage imageNamed:@"CardBack"]
                          forState:UIControlStateNormal];
        [sender setTitle:@"" forState:UIControlStateNormal];
    } else {
        Card *randomcard = [self.deck drawRandomCard]; // draw a card
        
        // Protect against an empty deck.
        if (randomcard) {
            [sender setBackgroundImage:[UIImage imageNamed:@"CardFront"]
                              forState:UIControlStateNormal];
            [sender setTitle:randomcard.contents
                    forState:UIControlStateNormal];
        }
    }
    
    // update flipCount in there
    // because every time touch the button, this method will be call
    self.flipCount++;
    
} // touchCardButton:

storyboard中将牌Button的Title删掉，然后将Background设为CardBack，这样初始牌面为背面，并且牌面没有内容，点击之后就会进入touchCardButton:的else部分。实现了随机的效果。

更新时间：2016.05.06

现在需要做一个可以进行匹配的游戏，在界面上需要放置12个Button，每行4个，3行，共12个。我这里用AutoLayout，从左边的Container Margin到右边的Container Margin长度为560。每行放置4张牌，如果没有间隔，每张牌的宽度为140，但是为了每张牌中间留出一个小间隙，需要3个间隙，就找到3和4的最小公倍数12。这样设计最后每张牌的宽度即为137，牌与牌之间的间隔都是4，然后加上Constraints。如下图所示：

![](http://ww2.sinaimg.cn/large/a9c4d5f6jw1f42z3e6qj1j20pf0h4gnx.jpg)

在iPhone6s上的测试结果如下图所示：

我更改了PlayingCard.m文件中的validSiuts函数，就是将里面的生成牌Suit的字符换成了彩色的字符，之前全都是黑色的。

![](http://ww3.sinaimg.cn/large/a9c4d5f6jw1f42zdon6t4j20ae0ijmyr.jpg)

更新时间：2016.06.13

添加CardMatchingGame类

添加Model类CardMatchingGame，在.h文件中添加3个方法和1个属性：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#import <Foundation/Foundation.h>
#import "Deck.h"
#import "Card.h"

@interface CardMatchingGame : NSObject

// Designated initializer
- (instancetype)initWithCardCount:(NSUInteger)count
                        usingDeck:(Deck *)deck;

- (void)chooseCardAtIndex:(NSUInteger)index;
- (Card *)cardAtIndex:(NSUInteger)index;

@property (nonatomic, readonly) NSInteger score;

这些就是将要实现的游戏的逻辑。在.m文件中添加一个Class Extension，将头文件中声明的属性为readonly的score数据重新声明为readwrite，在添加一个私有属性来存放牌组：

1
2
3
4
5
6
@interface CardMatchingGame ()

@property (nonatomic,readwrite) NSInteger score;
@property (nonatomic, strong) NSMutableArray *cards; // of Card

@end

接下来实现方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89

@implementation CardMatchingGame

#pragma mark - Custom Accessors

- (NSMutableArray *)cards
{
    if (!_cards) {
        _cards = [[NSMutableArray alloc] init];
    }
    
    return _cards;
} // cards

#pragma mark - Designed initializer

- (instancetype)initWithCardCount:(NSUInteger)count
                        usingDeck:(Deck *)deck
{
    self = [super init];
    
    if (self) {
        for (int i = 0; i < count; i++) {
            Card *card = [deck drawRandomCard];
            
            if (card) {
                [self.cards addObject:card];
            } else {
                self = nil;
                break;
            }
            
        }
    }
    
    return self;
} // initWithCardCount:usingDeck

#pragma mark - Public

- (Card *)cardAtIndex:(NSUInteger)index
{
    return (index < [self.cards count]) ? self.cards[index] : nil;
} // cardAtIndex

static const int MISMATCH_PENALTY = 2;
static const int MATCH_BONUS = 4;
static const int COST_TO_CHOOSE = 1;

- (void)chooseCardAtIndex:(NSUInteger)index
{
    Card *card = [self cardAtIndex:index];
    
    if (card.isMatched) {
        return;
    }
    

    if (card.isChosen) {
        card.chosen = NO;
    } else {
        // match against other chosen cards
        for (Card *otherCard in self.cards) {
            if (otherCard.isChosen && !otherCard.isMatched) {
                int matchScore = [card match:@[otherCard]];
                
                if (matchScore) {
                    self.score += matchScore * MATCH_BONUS;
                    otherCard.matched = YES;
                    card.matched = YES;
                    
                } else {
                    self.score -= MISMATCH_PENALTY;
                    otherCard.chosen = NO;
                }
                
                break; // can only choose 2 cards for now
                
            }
        }
        
        self.score -= COST_TO_CHOOSE;
        
        
        card.chosen = YES;
    }
} // chooseCardAtIndex:n

@end

接下来需要在PlayingCard.m中重写Card类中的方法otherCards：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#pragma mark - Overridden methods

- (int)match:(NSArray *)otherCards
{
    int score = 0;
    
    if ([otherCards count] == 1) {
        PlayingCard *otherCard = [otherCards firstObject];
        
        if (otherCard.rank == self.rank) {
            score = 4;
        } else if ([otherCard.suit isEqualToString:self.suit]){
            score = 1;
        }
    }
    
    return score;
}

在ViewController.m中import``CardMatchingGame.h类，然后需要一个属性：

1
@property (strong, nonatomic) CardMatchingGame *game;

然后lazily instantiate it：

1
2
3
4
5
6
7
8
9
- (CardMatchingGame *)game
{
    if (!_game) {
        _game = [[CardMatchingGame alloc] initWithCardCount:[self.cardButtons count]
                                                  usingDeck:[self creatDeck]];
    }
    
    return _game;
} // game

把12个牌按住Ctrl拖拽，产生`Outlet Collection：

1
@property (strong, nonatomic) IBOutletCollection(UIButton) NSArray *cardButtons;

将touchCardButton:方法中的内容删掉，重新写，为了对比，将删掉的内容注释起来。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#pragma mark - IBAction

- (IBAction)touchCardButton:(UIButton *)sender
{
    
//    if ([sender.currentTitle length]) {
//        [sender setBackgroundImage:[UIImage imageNamed:@"CardBack"]
//                          forState:UIControlStateNormal];
//        [sender setTitle:@"" forState:UIControlStateNormal];
//    } else {
//        Card *randomcard = [self.deck drawRandomCard]; // draw a card
//        
//        // Protect against an empty deck.
//        if (randomcard) {
//            [sender setBackgroundImage:[UIImage imageNamed:@"CardFront"]
//                              forState:UIControlStateNormal];
//            [sender setTitle:randomcard.contents
//                    forState:UIControlStateNormal];
//        }
//    }
    
    unsigned long chosenButtonIndex = [self.cardButtons indexOfObject:sender];
    [self.game chooseCardAtIndex:chosenButtonIndex];
    [self updateUI];
    
    // update flipCount in there
    // because every time touch the button, this method will be call
//    self.flipCount++;
    
} // touchCardButton:

deck方法也不需要了。实现updateUI方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
- (void)updateUI
{
    for (UIButton *cardButton in self.cardButtons) {
        unsigned long cardButtonIndex = [self.cardButtons indexOfObject:cardButton];
        Card *card = [self.game cardAtIndex:cardButtonIndex];
        [cardButton setTitle:[self titleForCard:card]
                    forState:UIControlStateNormal];
        
        [cardButton setBackgroundImage:[self backgroundImageForCard:card]
                              forState:UIControlStateNormal];
        
        cardButton.enabled = !card.isMatched;
        self.scoreLabel.text = [NSString stringWithFormat:@"Score: %ld", (long)self.game.score];
    }
} // updateUI

#pragma mark - Helper Methods

- (NSString *)titleForCard:(Card *)card
{
    return card.isChosen ? card.contents : @"";
} // titleForCard:

-(UIImage *)backgroundImageForCard:(Card *)card
{
    return [UIImage imageNamed:card.isChosen ? @"CardFront" : @"CardBack"];
}

然后添加一个Label显示分数：

1
@property (weak, nonatomic) IBOutlet UILabel *scoreLabel;

效果如图：

![](http://ww3.sinaimg.cn/large/a9c4d5f6jw1f4tezo3lz6j20af0iiq4r.jpg)