Python GUI案例之看圖猜成語開發（第一篇）
Python GUI案例之看圖猜成語開發（第二篇）
Python GUI案例之看圖猜成語開發（第三篇）
素材提取：https://download.csdn.net/download/qq_59142194/85827790
到了這裡也就完全地結束了，淺談一下我的感受吧！
最開始我想開發這個看圖猜成語的小程序時，還是從一個Python接單群裡面看到的一個單子（需求大概就像是這樣開發與這個差不多的功能吧）說起。我想可能是一個大一、二左右學生的一項作業吧，但是當時我也忙著准備期末考試，然後我就這樣白白地看著這個單子離我而去，難受！！！（話說回來，進那些接單群差不多也有5個月了還是沒有接到過一個單子，當然是我太菜了，我看到的單子中也就10個單子中有2、3個能做的吧，哈哈哈），所以那次的單子對我來說還是比較可惜的。駭，不說這個了！！！
對於這次我寫的這個小程序來說，還是花了差不多有兩天的時間吧！在寫這個功能來說也沒什麼太大的困難，只要把ttkbootstrap裡面用到的組件這些用法了解清楚後，也就是在實現這些功能的邏輯上有一點的困難吧！多想會兒也就能理清邏輯了。
然後就是對我寫的代碼風格的一些評價吧，我自己覺得是真的存在很大問題的。在寫代碼的過程中關於類的使用沒有理解清楚，變量、方法這些的命名都是我平感覺寫的，哈哈哈！ 我只是在想怎麼怎麼實現這些功能以及功能之間的邏輯關系，但是沒有注重代碼風格的規范，所以有看這篇博文代碼的朋友還請手下留情。在後面繼續學習敲代碼的過程會逐漸地注重開發的嚴謹性，寫代碼的規范性以及還要更好地簡化代碼，減少冗余，形成代碼優美之風。哈哈哈！！！
但是話也說回來，我的代碼之間的邏輯與功能的實現也是挺可以的，至少我測試了十幾次也都沒有問題。這點也是不錯的吧，不是都說，人和代碼只要有一個能跑就行了嗎，哈哈哈（手動狗頭保命）。
好了，文筆有限，發揮不下去了，就這樣了吧！
對了，如果有需要源碼及所用到的圖片素材在上面那個鏈接裡不能下載的話，也可以私信我拿取！！！
”微風吹動了窗外的梧桐樹，陽光從玻璃窗裡投過來，好像照著我心上的夢想。而夢想是凌晨拿起筆的堅持，是掀開被子的毫不猶豫和冷水撲面的清醒，是六點看到旭日東升的驚艷和筆記綻放的光。“在未來的時間裡讓我們一起來用雙手敲出夢想吧！
加油！加油！加油！
import ttkbootstrap as ttk
import sys,os,random,threading,time,datetime
from ttkbootstrap.constants import *
from ttkbootstrap.dialogs import Messagebox,Querybox
class ttkbootstrapWindow:
# 實例化創建應用程序窗口
root = ttk.Window(title="看圖猜成語", themename="litera", resizable=(False, False))
# 讓窗口居中
def window_middle(self,windowwidth,windowheight):
screenwidth = self.root.winfo_screenwidth()
screenheight = self.root.winfo_screenheight()
locx = int((screenwidth - windowwidth) / 2)
locy = int((screenheight - windowheight) / 2)
self.root.geometry("{}x{}+{}+{}".format(windowwidth, windowheight, locx, locy))
# 顯示窗口
def window_displaymodule(self):
self.root.mainloop()
# 看圖猜成語
class guessIdiomsFromPictures(ttkbootstrapWindow):
def __init__(self):
super().__init__()
self.index()
self.window_displaymodule()
# 首頁內容
def index(self):
self.window_middle(windowwidth=960,windowheight=540) #窗口大小寬x高（960 x 540），默認居中
self.index_frame = ttk.Frame(self.root)
self.index_frame.pack(fill=BOTH,expand=YES)
self.bg_img = ttk.PhotoImage(file='./sucai/index_bg.png')
self.bg_img_Label = ttk.Label(self.index_frame, image=self.bg_img)
self.bg_img_Label.pack(fill=BOTH,expand=YES)
self.title_lable = ttk.Label(self.index_frame,text=' 看圖猜成語', font=('華文行楷',56,'italic'),cursor='watch', background='#E7CBB5', bootstyle=WARNING,width=14)
self.begin_button_img = ttk.PhotoImage(file='./sucai/beginGame.png')
self.entry_nickname = ttk.Entry(self.index_frame, show=None, font=('微軟雅黑', 16))
self.begin_button = ttk.Button(self.index_frame, bootstyle=(SUCCESS, "outline-toolbutton"),image=self.begin_button_img,command=self.begin_game)
self.exit_button_img = ttk.PhotoImage(file='./sucai/exitGame.png')
self.exit_button = ttk.Button(self.index_frame, bootstyle=(SUCCESS, "outline-toolbutton"),image=self.exit_button_img,command=self.exit_game)
self.index_move()
# 頁面組件移動
def index_move(self):
def run(rate):
rate += 5
button_posy = 540 - rate*1.5
self.begin_button.place(x=270,y=button_posy)
self.exit_button.place(x=480,y=button_posy+10)
if rate < 80:
self.title_lable.place(x=190, y=rate)
self.title_lable.after(60,run ,rate % 80)
elif 80<= rate < 150:
self.title_lable.after(60, run, rate % 150)
else:
ttk.Label(self.bg_img_Label, text='請輸入昵稱：', cursor='watch', bootstyle=DARK).place(x=250, y=212)
self.entry_nickname.insert('0', "暴龍戰士之王")
self.entry_nickname.place(x=340, y=200, width=360, height=50)
run(0)
# 驗證昵稱是否為空
def index_verify(self):
self.nickname = self.entry_nickname.get().strip()
if self.nickname:
return True
else:
return False
# 開始游戲
def begin_game(self):
try:
if not self.index_verify():
Messagebox.show_info(message="請先輸入您的昵稱！")
return
self.index_frame.destroy()
game_modeSelection_page(self.nickname)
except:
pass
# 退出游戲
def exit_game(self):
sys.exit()
#游戲模式選擇頁面
class game_modeSelection_page(ttkbootstrapWindow):
def __init__(self,nickname):
super().__init__()
self.nickname = nickname
self.page()
def page(self):
self.window_middle(500,300)
self.frame = ttk.Frame(self.root)
self.frame.pack(fill=BOTH, expand=YES)
self.bg = ttk.PhotoImage(file='./sucai/bg2.png')
ttk.Label(self.frame,anchor='nw', image=self.bg).pack()
l1 = ttk.Label(self.frame,text='訓練模式', font=('華文行楷', 32),relief=RAISED,cursor='hand2',bootstyle=WARNING,background='#324762')
l1.place(x=150,y=60)
l1.bind("<Button-1>",self.game_train_mode)
l2 = ttk.Label(self.frame, text='闖關模式', font=('華文行楷', 32),relief=RAISED,cursor='hand2',bootstyle=SUCCESS,background='#324762')
l2.place(x=150, y=140)
l2.bind("<Button-1>", self.game_chuangguan_mode)
def game_train_mode(self,event):
self.frame.destroy()
game_train_page(self.nickname)
def game_chuangguan_mode(self,event):
# 默認10個關卡（initialvalue=10）
number = Querybox.get_integer(prompt="請設置關卡數量：",title="自定義關卡數量 ",initialvalue=10,minvalue=0,maxvalue=50)
if number:
self.frame.destroy()
game_chuangguan_page(self.nickname,number)
#在游戲兩種模式中有相同寫法的組件
class game_same_components(ttkbootstrapWindow):
def __init__(self):
super().__init__()
def same_page(self,nickname):
self.nickname = nickname
self.window_middle(960, 540)
self.canvas = ttk.Canvas(self.root)
self.canvas.pack(fill=BOTH, expand=YES)
self.bg = ttk.PhotoImage(file='./sucai/bg3.png')
self.canvas.create_image(0, 35, anchor='nw', image=self.bg)
self.canvas.create_rectangle(0, 0, 960, 35, fill='#F4F4F4', outline='#F4F4F4')
nickname_lable = ttk.Label(self.canvas, text=f'歡迎：【{
self.nickname}】玩家上線', font=20, bootstyle=INFO,background='#F4F4F4')
nickname_lable.place(x=960, y=4)
def nickname_lable_move(rate):
rate += 5
nickname_lable.place(x=960 - rate, y=4)
if rate < 960:
nickname_lable.after(50, nickname_lable_move, rate % 960)
nickname_lable_move(0)
self.return_button_img = ttk.PhotoImage(file='./sucai/return.png')
self.return_button = ttk.Button(self.canvas, bootstyle=(LIGHT, "outline-toolbutton"), image=self.return_button_img,command=self.return_game_modeSelection_page)
self.return_button.place(x=0, y=35)
def return_game_modeSelection_page(self):
self.canvas.destroy()
game_modeSelection_page(self.nickname)
#游戲訓練模式頁面
class game_train_page(game_same_components):
def __init__(self,nickname):
super().__init__()
self.nickname = nickname
self.game_page()
loading_img_times = 0 # 記錄加載圖片次數
answer_times = 0 # 記錄回答總次數
answer_correct_times = 0 # 記錄回答正確次數
#游戲頁面
def game_page(self):
self.same_page(self.nickname)
self.canvas.create_rectangle(200, 100, 535, 435)
self.answer_idiom_entry = ttk.Entry(self.canvas, show=None, font=('微軟雅黑', 32),bootstyle=DANGER)
self.answer_idiom_entry.place(x=580,y=190,height=100,width=300)
self.answer_idiom_entry.bind("<Return>", lambda event: self.answer())
self.answer_idiom_button_img = ttk.PhotoImage(file='./sucai/ensure.png')
answer_idiom_button = ttk.Button(self.canvas, bootstyle=(LIGHT, "outline-toolbutton"),image=self.answer_idiom_button_img,command=self.answer)
answer_idiom_button.place(x=635,y=310)
see_idiom_button = ttk.Button(self.canvas,text='查看', bootstyle=(PRIMARY, "outline-toolbutton"),command=self.see_answer)
see_idiom_button.place(x=480, y=470)
self.accuracy_lable1 = ttk.Label(self.canvas,text='正確率：',font=('華文行楷', 20),background='#D3E0E8')
self.accuracy_lable1.place(x=600, y=120)
self.accuracy_lable2 = ttk.Label(self.canvas, text="0.0%", font=('華文行楷', 20),bootstyle=DANGER,background='#D3E0E8')
self.accuracy_lable2.place(x=750, y=120)
self.loading_idiom_img()
#加載成語圖片
def loading_idiom_img(self):
self.loading_img_times += 1
self.idiom = random.choice(os.listdir('./看圖猜成語'))
self.idiom_result = self.idiom.split('.')[0]
print('答案：',self.idiom_result)
self.idiom_img = ttk.PhotoImage(file=f'./看圖猜成語/{
self.idiom}')
lm = ttk.Label(self.canvas,image=self.idiom_img)
lm.place(x=215,y=115)
guanqia_lable = ttk.Label(self.canvas, font=('華文行楷', 32),background='#48A6B0')
guanqia_lable.place(x=300,y=450)
guanqia_lable.config(text=f'第 {
self.loading_img_times} 關')
#查看答案
def see_answer(self):
Messagebox.show_info(message=self.idiom_result)
def answer(self):
if self.answer_idiom_entry.get().strip():
self.answer_times += 1
if self.answer_idiom_entry.get().strip() == self.idiom_result:
Messagebox.show_info(message="恭喜，回答正確！！！")
self.loading_idiom_img()
self.answer_idiom_entry.delete(0,'end')
self.answer_correct_times += 1
else:
if not Messagebox.yesno(message="回答錯誤！！！\n是否繼續回答？") == 'Yes':
self.loading_idiom_img()
self.answer_idiom_entry.delete(0, 'end')
self.accuracy_lable2.config(text=f'{
round(self.answer_correct_times / self.answer_times, 2) * 100}%')
#游戲闖關模式頁面
class game_chuangguan_page(game_same_components):
CLICKTIMES = 0 #點擊次數
TRUEANSWER = '' #答案
IDX = 1 #第幾關，默認第1關
def __init__(self, nickname,number):
super().__init__()
self.nickname = nickname
self.idiom_list = random.sample(os.listdir('./看圖猜成語'), number) #隨機初始化選取20張圖片，用於設置20個關卡
self.game_page()
def game_page(self):
self.same_page(self.nickname)
self.canvas.create_rectangle(150, 100, 485, 435)
self.guanqia_lable = ttk.Label(self.canvas,text='第？ / ？關', font=('華文行楷', 32), background='#48A6B0') #顯示關卡數
self.guanqia_lable.place(x=200, y=40)
self.lm = ttk.Label(self.canvas) #用於配置圖片
self.lm.place(x=165, y=115)
self.result_label = ttk.Label(self.canvas,text='', font=('華文行楷', 32), background='#A1F8EE', bootstyle=DANGER) # 用於顯示答案的結果
self.result_label.place(x=40,y=135,height=300)
ttk.Button(self.canvas,text='重選', bootstyle=(SUCCESS, "outline-toolbutton"),command=self.update_label).place(x=550,y=470,width=90,height=60) # 重選按鈕
self.create_selection_result_label()
self.create_option_text_label()
self.loading_idiom_img()
self.recording_time()
# 創建四個用於選擇結果的標簽
def create_selection_result_label(self):
self.answer_list = []
for i in range(4):
label = ttk.Label(self.canvas, text='', font=("微軟雅黑", 35), background='', width=2, cursor='hand2')
label.place(x=130 + i * 100, y=450)
self.answer_list.append(label)
# 創建用於選擇的內容標簽
def create_option_text_label(self):
def click_label(event):
if self.CLICKTIMES < 4:
self.CLICKTIMES += 1
label_text = event.widget["text"] # 得到標簽上的文本
self.answer(label_text)
self.label_oop_list = []
# 設置4行4列的標簽
for i in range(4):
for j in range(4):
label = ttk.Label(self.canvas, text='', font=("微軟雅黑", 35), background='#FFFAE3', width=2,cursor='hand2')
label.place(x=510 + j * 100, y=90 + i * 95)
label.bind("<Button-1>", click_label)
self.label_oop_list.append(label)
# 加載成語圖片
def loading_idiom_img(self,):
self.idiom = self.idiom_list[self.IDX - 1].split('.')[0]
print('答案：', self.idiom)
disturb_text_list = [self.GBK2312() for i in range(12)] # 隨機生成12個干擾漢字
disturb_text_list.extend([i for i in self.idiom])
for label_oop in self.label_oop_list:
text = random.choice(disturb_text_list)
disturb_text_list.remove(text)
label_oop.configure(text=text)
self.guanqia_lable.config(text=f'第 {
self.IDX} / {
len(self.idiom_list)}關')
self.idiom_img = ttk.PhotoImage(file=f'./看圖猜成語/{
self.idiom}.png')
self.lm.configure(image=self.idiom_img)
def answer(self,label_text):
self.answer_list[self.CLICKTIMES - 1].configure(text=label_text)
self.TRUEANSWER += label_text
if len(self.TRUEANSWER) == 4:
if self.TRUEANSWER == self.idiom:
t = threading.Thread(target=self.dispaly_answer_result,args=('回\n答\n正\n確',))
t.setDaemon(True)
t.start()
self.IDX += 1
if self.IDX > len(self.idiom_list):
Messagebox.show_info(message=f"恭喜您已通過！！！\n耗時為：{
self.time_}")
self.flag = False
self.return_game_modeSelection_page()
return
self.update_label()
self.loading_idiom_img()
else:
t = threading.Thread(target=self.dispaly_answer_result, args=('回\n答\n錯\n誤',))
t.setDaemon(True)
t.start()
# 顯示回答結果是否正確
def dispaly_answer_result(self,text):
self.result_label.configure(text=text)
time.sleep(3)
try: self.result_label.configure(text='')
except Exception as e: print(e)
# 重選
def update_label(self):
self.CLICKTIMES = 0
self.TRUEANSWER = ''
for i in self.answer_list:i.destroy()
self.create_selection_result_label()
# 隨機生成一個漢字
def GBK2312(self, ):
head = random.randint(0xb0, 0xf7)
body = random.randint(0xa1, 0xfe)
val = f'{
head:x}{
body:x}'
str = bytes.fromhex(val).decode('gb2312')
return str
# 記錄通關所耗時
def recording_time(self):
self.flag = True # 定義一個信號量，用於當我們完成游戲通過時，run()結束循環
time_label = ttk.Label(self.canvas,text='時長：00:00:00', font=("華文行楷", 15), background='#DAEFE6',bootstyle=DANGER)
time_label.place(x=730,y=50)
start_time = datetime.datetime.now()
def run():
if self.flag:
time_label.after(1000, run)
update_time = datetime.datetime.now() - start_time
self.time_ =f'時長：{
update_time}'.split('.')[0]
time_label.configure(text=self.time_) # 不顯示時長的毫秒值
run()
if __name__ == '__main__':
guessIdiomsFromPictures()
