添加游戏结束按钮

This commit is contained in:
2024-12-24 09:25:44 +08:00
parent eba8a2fc62
commit b653ee2eee

View File

@@ -36,25 +36,36 @@ struct ContentView: View {
@State private var playerHasWon = false @State private var playerHasWon = false
var body: some View { var body: some View {
HStack(spacing: 0) { ZStack(alignment: .topTrailing) {
PlayerButton(gameState: gameState, score: player1Score, color: .blue, onSelect: selectPlayer1) HStack(spacing: 0) {
PlayerButton(gameState: gameState, score: player1Score, color: .blue, onSelect: selectPlayer1)
ZStack { ZStack {
answerColor answerColor
.scaleEffect(x: answerScale, anchor: answerAnchor) .scaleEffect(x: answerScale, anchor: answerAnchor)
if leftCard.isEmpty == false { if leftCard.isEmpty == false {
HStack { HStack {
CardView(card: leftCard, userCanAnswer: gameState != .waiting, onSelect: checkAnswer) CardView(card: leftCard, userCanAnswer: gameState != .waiting, onSelect: checkAnswer)
CardView(card: rightCard, userCanAnswer: gameState != .waiting, onSelect: checkAnswer) CardView(card: rightCard, userCanAnswer: gameState != .waiting, onSelect: checkAnswer)
}
.padding(.horizontal, 10)
} }
.padding(.horizontal, 10)
} }
PlayerButton(gameState: gameState, score: player2Score, color: .red, onSelect: selectPlayer2)
} }
PlayerButton(gameState: gameState, score: player2Score, color: .red, onSelect: selectPlayer2) Button("End Game", systemImage: "xmark.circle") {
isGameActive = false
}
.symbolVariant(.fill)
.labelStyle(.iconOnly)
.font(.largeTitle)
.tint(.white)
.padding(40)
} }
.ignoresSafeArea() .ignoresSafeArea()
.frame(maxWidth: .infinity, maxHeight: .infinity) .frame(maxWidth: .infinity, maxHeight: .infinity)