python Tkinter的簡(jiǎn)單入門(mén)教程
我們將編寫(xiě)一個(gè)英尺和米的轉(zhuǎn)換程序,通過(guò)這個(gè)程序,我們將會(huì)了解一個(gè)真正的實(shí)用程序該怎么設(shè)計(jì)和編寫(xiě),我們也將會(huì)了解到 Tk 程序內(nèi)部的基本樣子。不必完全掌握里面的所有知識(shí),更多細(xì)節(jié)將會(huì)在之后的章節(jié)中講到。本節(jié)僅要求了解即可,使讀者明白如何設(shè)計(jì)和編寫(xiě)一個(gè) Tk GUI 程序。
設(shè)計(jì)我們將要寫(xiě)一個(gè)簡(jiǎn)單的將英尺(feet)轉(zhuǎn)換為米(meters)的 GUI 工具,按照我們的經(jīng)驗(yàn),它應(yīng)該長(zhǎng)成下面那個(gè)樣子:
這個(gè)程序會(huì)有一個(gè)輸入框用來(lái)輸入英尺數(shù),還將會(huì)有一個(gè)顯示框用來(lái)顯示被轉(zhuǎn)換之后的數(shù)字,幾個(gè)用于顯示提示字符的文本區(qū)域,同樣重要的是,必須有一個(gè)轉(zhuǎn)換觸發(fā)按鈕。
不難發(fā)現(xiàn),這個(gè)程序大致被分為了三行三列,這很重要,關(guān)乎之后的 幾何管理(用于控制組件的大小和位置),我們將在之后章節(jié)中講到。
代碼from tkinter import *from tkinter import ttkdef calculate(*args): try:value = float(feet.get())meters.set((0.3048 * value * 10000.0 + 0.5)/10000.0) except ValueError:passroot = Tk()root.title('Feet to Meters')mainframe = ttk.Frame(root, padding='3 3 15 15')mainframe.grid(column=0, row=0, sticky=(N, W, E, S))mainframe.columnconfigure(0, weight=1)mainframe.rowconfigure(0, weight=1)feet = StringVar()meters = StringVar()feet_entry = ttk.Entry(mainframe, width=7, textvariable=feet)feet_entry.grid(column=2, row=1, sticky=(W, E))ttk.Label(mainframe, textvariable=meters).grid(column=2, row=2, sticky=(W, E))ttk.Button(mainframe, text='轉(zhuǎn)換', command=calculate).grid(column=3, row=3, sticky=W)ttk.Label(mainframe, text='英尺').grid(column=3, row=1, sticky=W)ttk.Label(mainframe, text='等于').grid(column=1, row=2, sticky=E)ttk.Label(mainframe, text='米').grid(column=3, row=2, sticky=W)for child in mainframe.winfo_children(): child.grid_configure(padx=5, pady=5)feet_entry.focus()root.bind(’<Return>’, calculate)root.mainloop()
最終會(huì)是這個(gè)樣子
我們要編寫(xiě) Tk 程序,首先要引入 Tkinter 的模塊。
from tkinter import *from tkinter import ttk
這兩行告訴 Python 我們的程序需要這兩個(gè)模塊。首先,tkinter 是 Tk 的標(biāo)準(zhǔn)包,當(dāng)它加載的時(shí)候,也會(huì)導(dǎo)致 Tk 函數(shù)庫(kù)在你的系統(tǒng)中被加載。其次,ttk 是 在 Tk 8.5 中新添加的,提供對(duì) Tk 8.5 中引入的 Tk 主題小部件集的訪問(wèn),其基本思想是將實(shí)現(xiàn)小部件行為的代碼與實(shí)現(xiàn)其外觀的代碼盡可能地分開(kāi),在這里我們不去深究。
值得注意的是,我們已經(jīng)從 tkinter 模塊中導(dǎo)入了所有函數(shù),因此我們可以直接調(diào)用 tkinter 的所有函數(shù)而不需要添加前綴。但是我們只導(dǎo)入了 ttk 模塊,所以在使用 ttk 模塊中的函數(shù)時(shí)應(yīng)該增加 ttk 前綴。
如果你要將舊代碼修改為新代碼,你會(huì)發(fā)現(xiàn) Tkinter 的名字從大寫(xiě)變成了小寫(xiě) tkinter,這個(gè)改變從 Python 3.0 開(kāi)始。
root = Tk()root.title('Feet to Meters')mainframe = ttk.Frame(root, padding='3 3 15 15')mainframe.grid(column=0, row=0, sticky=(N, W, E, S))mainframe.columnconfigure(0, weight=1)mainframe.rowconfigure(0, weight=1)
calculate 函數(shù)將會(huì)在后面講解,之所以放到前面,是因?yàn)楹竺娴脑S多語(yǔ)句需要調(diào)用它。
root = Tk() 語(yǔ)句構(gòu)建了一個(gè) main 窗口,也被稱(chēng)為 root 窗口。使用 root.title('title') 為窗口賦予一個(gè)名字。ttk.Frame(root, padding='3 3 15 15') 建立一個(gè)框架,這個(gè)框架分為三行三列,像素為 15。我們將這個(gè)框架放置到到 root 窗口中,不同的是,我們的所有組件都被放到了這個(gè)框架中而不是 root 窗口。
一般來(lái)說(shuō),我們可以將所有的組件(Widget)都放到 root 窗口中,但是主窗口的背景可能與我們添加的組件不匹配,這時(shí)候,我們添加一個(gè)中間框架(Frame),將組件放到這個(gè)中間框架上來(lái)保證內(nèi)容與背景的匹配。
columncoonfigure 和 rowconfigure 告訴 Tk, 當(dāng)主窗口重新改變了大小,那么在這之上的 Frame 框架也應(yīng)該變化,以占用多余的空間。
feet = StringVar()meters = StringVar()feet_entry = ttk.Entry(mainframe, width=7, textvariable=feet)feet_entry.grid(column=2, row=1, sticky=(W, E))ttk.Label(mainframe, textvariable=meters).grid(column=2, row=2, sticky=(W, E))ttk.Button(mainframe, text='轉(zhuǎn)換', command=calculate).grid(column=3, row=3, sticky=W)
上面的幾條語(yǔ)句在框架上 (mainframe) 創(chuàng)建了三個(gè)組件,輸入框、輸出區(qū)域(Label,用于放置轉(zhuǎn)換的結(jié)果)、轉(zhuǎn)換按鈕。
對(duì)于每一個(gè)組件(Widget),我們需要做兩件事:
創(chuàng)建放置他們都是 ttk 模塊中的類(lèi)。創(chuàng)建時(shí),我們指定傳入的參數(shù):放置的框架,大小,按鈕中的字符等。至于 textvariable 的意思,它指這個(gè)輸入框或者輸出框中的值所關(guān)聯(lián)的變量,而這個(gè)變量的類(lèi)型是 StringVar 的對(duì)象。
我們使用 grid(網(wǎng)格) 進(jìn)行幾何管理,意思就是這個(gè)組件將放在哪一個(gè)地方(哪一行,哪一列),sticky 指明組件在分配給它的網(wǎng)格單元(grid cell)中的排列(line up)方式,E、W、S、N 就是東西南北的意思,類(lèi)似于文本編輯器中的 居中、靠左、靠右等。
ttk.Label(mainframe, text='英尺').grid(column=3, row=1, sticky=W)ttk.Label(mainframe, text='等于').grid(column=1, row=2, sticky=E)ttk.Label(mainframe, text='米').grid(column=3, row=2, sticky=W)
上述三行創(chuàng)建了三個(gè)指定內(nèi)容的 文本標(biāo)簽(Label),并放到了指定的位置。
for child in mainframe.winfo_children(): child.grid_configure(padx=5, pady=5)feet_entry.focus()root.bind(’<Return>’, calculate)
這四行代碼為我們的圖形化做了一個(gè)漂亮的收尾工作。
前兩行代碼遍歷所有的放置在 mainframe 中的組件,并在它們周?chē)黾恿艘恍┻吙颍顾鼈儾恢劣诙紨D在一起。當(dāng)然也可以單獨(dú)遍歷這些組件,然后逐個(gè)進(jìn)行設(shè)置,但這不是方便的做法。
第三行代碼告訴 Tk,在程序運(yùn)行時(shí),將光標(biāo)聚焦在輸入框中,使用戶不必再點(diǎn)擊一下輸入框。
第四行代碼告訴 Tk,當(dāng)用戶在按下 Return(Windows 中是 Enter)時(shí),調(diào)用 calculate 函數(shù)。這與按下按鈕調(diào)用 calculate 函數(shù)是一樣的。
def calculate(*args): try:value = float(feet.get())meters.set((0.3048 * value * 10000.0 + 0.5)/10000.0) except ValueError:pass
這里我們定義了一個(gè) calculate 函數(shù)調(diào)用,當(dāng)按下 Return、Enter(Windows),或者轉(zhuǎn)換按鈕時(shí)它將會(huì)被調(diào)用。它從輸入框中獲取用戶輸入的數(shù)值,然后將其轉(zhuǎn)換為單位為米的數(shù)值之后,將輸入框中的數(shù)值設(shè)置為正確的結(jié)果。
顯然看到,calculate 函數(shù)通過(guò)獲取 feet 和設(shè)置 meters 來(lái)改變?cè)谒鼈兏髯詫?duì)應(yīng)的輸入框(Entry)和輸出框(Label)中的數(shù)值顯示。當(dāng)用戶的輸入改變時(shí),對(duì)應(yīng)的 feet 的值就會(huì)被修改為對(duì)應(yīng)的輸入值;當(dāng) meters 被被修改時(shí),對(duì)應(yīng)的輸出框(Label)顯示的值也會(huì)改變。這就是在定義 feet_entry(輸入框)和 label(輸出框)時(shí),還要指定 textvariable 的值的原因,而它的值應(yīng)該是一個(gè) StringVar 的對(duì)象。如以下示例:
feet = StringVar()meters = StringVar()feet_entry = ttk.Entry(mainframe, width=7, textvariable=feet)ttk.Label(mainframe, textvariable=meters).grid(column=2, row=2, sticky=(W, E))
root.mainloop()
最后一句告訴 Tk 進(jìn)入事件循環(huán)(event loop),這是使一些運(yùn)行起來(lái)所必須的。
以上就是python Tkinter的簡(jiǎn)單入門(mén)教程的詳細(xì)內(nèi)容,更多關(guān)于python Tkinter入門(mén)教程的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. js select支持手動(dòng)輸入功能實(shí)現(xiàn)代碼2. 如何在PHP中讀寫(xiě)文件3. java加載屬性配置properties文件的方法4. PHP正則表達(dá)式函數(shù)preg_replace用法實(shí)例分析5. 什么是Python變量作用域6. 《Java程序員修煉之道》作者Ben Evans:保守的設(shè)計(jì)思想是Java的最大優(yōu)勢(shì)7. CSS3中Transition屬性詳解以及示例分享8. php redis setnx分布式鎖簡(jiǎn)單原理解析9. bootstrap select2 動(dòng)態(tài)從后臺(tái)Ajax動(dòng)態(tài)獲取數(shù)據(jù)的代碼10. vue使用moment如何將時(shí)間戳轉(zhuǎn)為標(biāo)準(zhǔn)日期時(shí)間格式
