Flet – Guess Number – 1A2B  猜數字遊戲

這是一個益智的數學遊戲，莊家先設定一個4位數，玩家開始猜測，如果數字的位置正確則給 A 的提示，若數字對但位置不對則給 B，玩家依此提示猜測數字，直到猜對為止。
詳細的遊戲說明請參考:https://zh.wikipedia.org/wiki/1A2B

# Flet Guess Number - 1A2B - 猜數字遊戲
# 2024-09-11
# https://github.com/lcc728/flet/blob/main/1A2B.py
import flet as ft
import random

class Game:
  def __init__(self, page, guess_input, result_text):
    self.page = page
    self.guess_input = guess_input
    self.result_text = result_text    
    self.answer = random.sample(range(10), 4)
    self.history_list = ft.ListView(expand=True)

  def start_game(self, e):
    self.answer = random.sample(range(10), 4)
    self.guess_input.disabled = False
    self.history_list.controls.clear()
    self.page.update()

  def check_answer(self, e):
    guess = [int(x) for x in self.guess_input.value]
    a_count = sum(1 for i in range(4) if guess[i] == self.answer[i])
    b_count = sum(1 for i in range(4) if guess[i] in self.answer) - a_count
    self.result_text.value = f"{a_count}A{b_count}B"
    self.history_list.controls.append(ft.Text(f"你的猜測: {self.guess_input.value}, 結果: {a_count}A{b_count}B"))
    
    if a_count == 4:
      self.result_text.value = "恭喜你答對了！"
      self.guess_input.disabled = True
    self.page.update()

def main(page: ft.Page):
  page.window.width = 400
  
  guess_input = ft.TextField(label="請輸入你的猜測")
  result_text = ft.Text()
  game = Game(page, guess_input, result_text)  

  page.add(
      guess_input,
      ft.Row([
          ft.ElevatedButton(text="送出", on_click=game.check_answer),
          ft.ElevatedButton(text="重來", on_click=game.start_game)
      ]),
      result_text,
      game.history_list
  )

ft.app(target=main)

UI 的部份，我們只需建立:

• guess_input : 讓玩家輸入猜測的數字
• result_text: 顯示玩家猜測的結果
• 2個按鈕，一個送出猜測的數字，一個重玩
• history_list : 顯示猜測的歷史記錄，此記錄會由 game 這個 class 產生

程式邏輯的部份，我們定義了一個 game 的 class 來負責所有的動作:

• start_game 負責重置遊戲，其中包含
  • 產生4 位數字，
  • 將 guess_input 停用模式取消，讓玩家能輸入數字，
  • 清空玩家猜測的歷史記錄
• check_answer 負責比對數字:
  • 若數字與位置正確給 A , 若數字對位置不對給 B,
  • 將結果輸出到 result_text 和 history_list
  • 如果猜對了，將 guess_input 停用

執行結果:

SourceCode:　https://github.com/lcc728/flet/blob/main/1A2B.py