當前位置：首頁 > 编程语言 > python >内容正文

python

Python GUI案例之看图猜成语开发（第一篇）

發布時間：2023/12/10 python 26 豆豆

生活随笔收集整理的這篇文章主要介紹了 Python GUI案例之看图猜成语开发（第一篇）小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Python GUI案例之看圖猜成語（第一篇）

前言
爬取素材篇
看圖猜成語小程序開發（第一篇）
- 游戲首頁
- 游戲首頁完整代碼

Python GUI案例之看圖猜成語開發（第二篇）
Python GUI案例之看圖猜成語開發（第三篇）
Python GUI案例之看圖猜成語開發（完結篇）

前言

由于之前寫的這篇博文（https://blog.csdn.net/qq_59142194/article/details/123937365?spm=1001.2014.3001.5501）對ttkbootstrap做了個簡單地使用方法介紹，并且也得到了許多小伙伴的收藏。所以這次就用ttkbootstrap來做一個簡單的看圖猜成語小游戲的開發來對它有一個綜合地認識。
好了，首先我們在開發前，還需要收集一些看圖猜成語對應的素材，所以我們需要用一個爬蟲程序來爬一波圖片。這里我直接就在度娘上隨便找了一個網站進行爬取的（看圖猜成語用到的網址：http://www.hydcd.com/cy/fkccy/index.htm）。

準備好成語圖片素材后，我們將準備要實現這些功能：

一，游戲首頁頁面：在首頁頁面里需要實現繪制一個看圖猜成語文字的標題，定義兩個按鈕功能（開始游戲，退出游戲），還有一個輸入游戲昵稱的功能并且要對昵稱進行驗證是否為空，才能開始游戲；
二，游戲選擇模式頁面：在首頁點擊開始游戲后，進入游戲的選擇模式頁面，分為訓練模式和闖關模式兩種；
三，游戲訓練模式頁面：將成語圖片加載后，只實現猜成語功能（一張圖片，一個輸入框，一個按鈕）和回答的準確率；
四，游戲闖關模式頁面：將實現自定義有多少個關卡數，16個漢字提示（12個隨機生成的干擾漢字），游戲通關記錄所用的時間。

本次實現這些功能主要用到的庫有：

ttkbootstrap
requests

效果實現

（注：本文所用到的圖片素材均來自網上
素材提取：https://download.csdn.net/download/qq_59142194/85827790）

了解完這些后，就讓我們開始吧！

爬取素材篇

這里就不詳細介紹爬取的過程了，是一個簡單的爬蟲，沒有反爬！！！但是從這個網站上爬取下來的圖片有點小（120 x 120），使其圖片在gui上加載時很小，不太好看。所以我簡單地用了PIL對圖像進行放大處理（300 x 300）這樣加載出圖片就會好看些。好了，直接上代碼。

import requests import re import os import time from PIL import Image from fake_useragent import UserAgent# 爬取成語圖片 def SpiderIdiomPictures():cookies = {'BAIDU_SSP_lcr': 'https://www.baidu.com/link?url=58oz4AEVxDWXanBqrfF95dogUPcAVAktBQT0uBu8o4rGPY4J4Kg_-DsmJdvTHryfy8pdGnnOjDG54qbh82KB7K&wd=&eqid=ecc1cb040001afcc0000000662a84cc7','Hm_lvt_8754302607a1cfb0d1d9cddeb79c593d': '1654580566,1655196891','Hm_lpvt_8754302607a1cfb0d1d9cddeb79c593d': '1655200014',}headers = {'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9','Accept-Language': 'zh-CN,zh;q=0.9','Cache-Control': 'no-cache','Connection': 'keep-alive','Pragma': 'no-cache','Referer': 'http://www.hydcd.com/cy/fkccy/index3.htm','Upgrade-Insecure-Requests': '1','User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36',}if not os.path.exists('./看圖猜成語'):os.mkdir('./看圖猜成語')idx = 0for page in range(1,11):print(f'\n\033[31m<<<第{page}頁爬取中……>>>\033[0m')if page == 1:page = ''url = f'http://www.hydcd.com/cy/fkccy/index{page}.htm'session = requests.session()response = session.get(url=url, cookies=cookies, headers=headers)response.encoding = response.apparent_encoding###解析圖片url（http://www.hydcd.com/cy/fkccy/images/CF91100-50.png）和成語for i in re.findall('<img border="0" src="(.*?)"></p>',response.text):result = i.split('"')if len(result) > 2:img_url = f'http://www.hydcd.com/cy/fkccy/{result[0]}' #圖片urlidiom_name = result[2] #圖片名字（成語名）if len(idiom_name) == 4:headers['User-Agent'] = UserAgent().Chromewith open(f'./看圖猜成語/{idiom_name}.png','wb') as f:f.write(session.get(img_url,headers=headers).content)print(f'{idiom_name}.png 保存成功！！！')time.sleep(0.3)idx += 1print(f'\n抓取完畢！！！\n總共抓取\033[31m{idx}張\033[0m圖片')# 圖片放大 def ImageProcessingBig():print(f'\n\033[31m<<<開始將圖片進行放大>>>\033[0m')for imgfile in os.listdir('./看圖猜成語/'):if len(imgfile.split('.')) == 2:# 待處理圖片路徑img_path = Image.open('./看圖猜成語/'+imgfile)# resize圖片大小，入口參數為一個tuple，新的圖片的大小img_size = img_path.resize((300, 300))# 處理圖片后存儲路徑，以及存儲格式imgname = imgfile.split('.')[0]img_size.save(f'./看圖猜成語/{imgname}.png')print(f'\n\033[31m<<<所有圖片已放大完成！！！>>>\033[0m')if __name__ == '__main__':# 爬取網站上的成語圖片（http://www.hydcd.com/cy/fkccy/index.htm），圖片大小120x120SpiderIdiomPictures()# 把爬取到的所有圖片放大（300x300）ImageProcessingBig()

看圖猜成語小程序開發（第一篇）

游戲首頁

游戲首頁頁面：在首頁頁面里需要實現繪制一個看圖猜成語文字的標題，定義兩個按鈕功能（開始游戲，退出游戲），還有一個輸入游戲昵稱的功能并且要對昵稱進行驗證是否為空，才能開始游戲。
效果實現：

導包 import ttkbootstrap as ttk import sys,os,random,threading,time,datetime from ttkbootstrap.constants import * from ttkbootstrap.dialogs import Messagebox,Querybox

首先創建一個ttkbootstrapWindow類，主要用來實例化創建應用程序窗（root）、窗口居中、讓窗口顯示出來，以便后面的類來繼承這個類。 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.bg_img_Label, text=' 看圖猜成語', font=('華文行楷', 56, 'italic'), cursor='watch',background='#E7CBB5', bootstyle=WARNING, width=14)self.title_lable.place(x=190, y=80)self.begin_button_img = ttk.PhotoImage(file='./sucai/beginGame.png')self.begin_button = ttk.Button(self.index_frame, bootstyle=(SUCCESS, "outline-toolbutton"),image=self.begin_button_img, command=self.begin_game)self.begin_button.place(x=270, y=310)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.exit_button.place(x=480, y=320)ttk.Label(self.bg_img_Label, text='請輸入昵稱：', cursor='watch', bootstyle=DARK).place(x=250, y=212)self.entry_nickname = ttk.Entry(self.index_frame, show=None, font=('微軟雅黑', 16))self.entry_nickname.insert('0', "暴龍戰士之王")self.entry_nickname.place(x=340, y=200, width=360, height=50)# self.index_move()# 驗證昵稱是否為空def index_verify(self):self.nickname = self.entry_nickname.get().strip()if self.nickname:return Trueelse:return False# 開始游戲def begin_game(self):try:if not self.index_verify():Messagebox.show_info(message="請先輸入您的昵稱！")returnprint('開始游戲')except: pass# 退出游戲def exit_game(self):sys.exit()

但是，如果這樣寫，這些組件都是靜態布局的，效果感受也沒有那么好，所以我們需要再寫一個方法來使部分組件能過到達移動的動態效果。

下面這個方法就可以讓self.title_lable、self.begin_button、self.exit_button
實現移動的效果，把這個方法加到guessIdiomsFromPictures類里面并在里面的index方法最后面調用就行了。

# 頁面組件移動def index_move(self):def run(rate):rate += 5button_posy = 540 - rate*1.5self.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)

游戲首頁完整代碼

import ttkbootstrap as ttk import sys from ttkbootstrap.constants import * from ttkbootstrap.dialogs import Messageboxclass 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.bg_img_Label, text=' 看圖猜成語', font=('華文行楷', 56, 'italic'), cursor='watch',background='#E7CBB5', bootstyle=WARNING, width=14)self.begin_button_img = ttk.PhotoImage(file='./sucai/beginGame.png')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.entry_nickname = ttk.Entry(self.index_frame, show=None, font=('微軟雅黑', 16))self.index_move()# 頁面組件移動def index_move(self):def run(rate):rate += 5button_posy = 540 - rate*1.5self.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 Trueelse:return False# 開始游戲def begin_game(self):try:if not self.index_verify():Messagebox.show_info(message="請先輸入您的昵稱！")returnprint('開始游戲')except: pass# 退出游戲def exit_game(self):sys.exit()if __name__ == '__main__':guessIdiomsFromPictures()

今天的內容就先寫到這里吧，喜歡的小伙伴們記得點贊收藏一下哈！！！

總結

以上是生活随笔為你收集整理的Python GUI案例之看图猜成语开发（第一篇）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： PHP生成缩略图函数
下一篇： AS3 CookBook学习整理(八)