2021-09-22

ContentView.swift

import Foundation

struct MemoryGame where CardContent: Equatable {
    private(set) var cards: Array
    
    //唯一朝上的卡的index,Int? = Optional.none，只有一张朝上则匹配
    private var indexOfTheOneAndOnlyFaceUpCard: Int?
    
    mutating func choose(_ card: Card) {
        if let chosenIndex = cards.firstIndex(where: { $0.id == card.id }),
           //判断如果已经朝上，则不能翻下去，朝上的卡不能选
           !cards[chosenIndex].isFaceUp,
           //不能是已经匹配的
           !cards[chosenIndex].isMatched
        {
            //唯一朝上卡的index的内容 是 潜在匹配的index的内容，这两张卡都匹配
            if let potentialMatchIndex = indexOfTheOneAndOnlyFaceUpCard {
                if cards[chosenIndex].content == cards[potentialMatchIndex].content {
                    cards[chosenIndex].isMatched = true
                    cards[potentialMatchIndex].isMatched = true
                }
                //匹配后唯一朝上的卡消失
                indexOfTheOneAndOnlyFaceUpCard = nil
            } else {
                //没匹配上，所有卡都朝下
                //for index in 0.. CardContent) {
        cards = Array()
        for pairIndex in 0..

ContentView.swift-------------------------

import SwiftUI

struct ContentView: View {
    @ObservedObject var viewModel: EmojiMemoryGame
    var body: some View {
        VStack {
            ScrollView {
                LazyVGrid(columns: [GridItem(.adaptive(minimum: 65))]){
                    ForEach(viewModel.cards) { card in
                        CardView(card: card).aspectRatio(2/3, contentMode: .fit)
                            .onTapGesture {
                                viewModel.choose(card)
                            }
                    }
                }
            }
            .foregroundColor(.red)
        }
        .padding(.horizontal)
        
    }
}

struct CardView: View {
    var card: MemoryGame.Card
    var body: some View {
        ZStack {
            let shape = RoundedRectangle(cornerRadius: 20)
            if card.isFaceUp {
                shape.fill().foregroundColor(.white)
                shape.strokeBorder(lineWidth: 3)
                Text(card.content).font(.largeTitle)
            } else if card.isMatched {
                //透明但还站着空间 卡片不会移动
                shape.opacity(0)
            } else {
                shape.fill()
            }
        }
       
    }
}


struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        let game = EmojiMemoryGame()
        ContentView(viewModel: game)
            .preferredColorScheme(/*@START_MENU_TOKEN@*/.dark/*@END_MENU_TOKEN@*/)
        ContentView(viewModel: game)
            .preferredColorScheme(.light)
    }
}