我們將編寫一個(gè)英尺和米的轉(zhuǎn)換程序，通過這個(gè)程序，我們將會(huì)了解一個(gè)真正的實(shí)用程序該怎么設(shè)計(jì)和編寫，我們也將會(huì)了解到 Tk 程序內(nèi)部的基本樣子。不必完全掌握里面的所有知識(shí)，更多細(xì)節(jié)將會(huì)在之后的章節(jié)中講到。本節(jié)僅要求了解即可，使讀者明白如何設(shè)計(jì)和編寫一個(gè) Tk GUI 程序。

設(shè)計(jì)

我們將要寫一個(gè)簡(jiǎn)單的將英尺（feet）轉(zhuǎn)換為米（me­ters）的 GUI 工具，按照我們的經(jīng)驗(yàn)，它應(yīng)該長(zhǎng)成下面那個(gè)樣子：

這個(gè)程序會(huì)有一個(gè)輸入框用來輸入英尺數(shù)，還將會(huì)有一個(gè)顯示框用來顯示被轉(zhuǎn)換之后的數(shù)字，幾個(gè)用于顯示提示字符的文本區(qū)域，同樣重要的是，必須有一個(gè)轉(zhuǎn)換觸發(fā)按鈕。

不難發(fā)現(xiàn)，這個(gè)程序大致被分為了三行三列，這很重要，關(guān)乎之后的 幾何管理（用于控制組件的大小和位置），我們將在之后章節(jié)中講到。

代碼

from tkinter import *
from tkinter import ttk

def calculate(*args):
    try:
        value = float(feet.get())
        meters.set((0.3048 * value * 10000.0 + 0.5)/10000.0)
    except ValueError:
        pass

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)

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è)樣子

逐步解釋

我們要編寫 Tk 程序，首先要引入 Tk­in­ter 的模塊。

from tkinter import *
from tkinter import ttk

這兩行告訴 Python 我們的程序需要這兩個(gè)模塊。首先，tkinter 是 Tk 的標(biāo)準(zhǔn)包，當(dāng)它加載的時(shí)候，也會(huì)導(dǎo)致 Tk 函數(shù)庫在你的系統(tǒng)中被加載。其次，ttk 是 在 Tk 8.5 中新添加的，提供對(duì) Tk 8.5 中引入的 Tk 主題小部件集的訪問，其基本思想是將實(shí)現(xiàn)小部件行為的代碼與實(shí)現(xiàn)其外觀的代碼盡可能地分開，在這里我們不去深究。

值得注意的是，我們已經(jīng)從 tk­in­ter 模塊中導(dǎo)入了所有函數(shù)，因此我們可以直接調(diào)用 tk­in­ter 的所有函數(shù)而不需要添加前綴。但是我們只導(dǎo)入了 ttk 模塊，所以在使用 ttk 模塊中的函數(shù)時(shí)應(yīng)該增加 ttk 前綴。

如果你要將舊代碼修改為新代碼，你會(huì)發(fā)現(xiàn) Tk­in­ter 的名字從大寫變成了小寫 tkinter，這個(gè)改變從 Python 3.0 開始。

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)

cal­cu­late 函數(shù)將會(huì)在后面講解，之所以放到前面，是因?yàn)楹竺娴脑S多語句需要調(diào)用它。

root = Tk() 語句構(gòu)建了一個(gè) main 窗口，也被稱為 root 窗口。使用 root.title("title") 為窗口賦予一個(gè)名字。ttk.Frame(root, padding="3 3 15 15") 建立一個(gè)框架，這個(gè)框架分為三行三列，像素為 15。我們將這個(gè)框架放置到到 root 窗口中，不同的是，我們的所有組件都被放到了這個(gè)框架中而不是 root 窗口。

一般來說，我們可以將所有的組件（Wid­get）都放到 root 窗口中，但是主窗口的背景可能與我們添加的組件不匹配，這時(shí)候，我們添加一個(gè)中間框架（Frame），將組件放到這個(gè)中間框架上來保證內(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)

上面的幾條語句在框架上 (main­frame) 創(chuàng)建了三個(gè)組件，輸入框、輸出區(qū)域（La­bel，用于放置轉(zhuǎn)換的結(jié)果）、轉(zhuǎn)換按鈕。

對(duì)于每一個(gè)組件（Wid­get），我們需要做兩件事：

1. 創(chuàng)建
   
2. 放置
   

他們都是 ttk 模塊中的類。創(chuàng)建時(shí)，我們指定傳入的參數(shù)：放置的框架，大小，按鈕中的字符等。至于 textvariable 的意思，它指這個(gè)輸入框或者輸出框中的值所關(guān)聯(lián)的變量，而這個(gè)變量的類型是 StringVar 的對(duì)象。

我們使用 grid（網(wǎng)格） 進(jìn)行幾何管理，意思就是這個(gè)組件將放在哪一個(gè)地方（哪一行，哪一列），sticky 指明組件在分配給它的網(wǎng)格單元（grid cell）中的排列（line up）方式，E、W、S、N 就是東西南北的意思，類似于文本編輯器中的 居中、靠左、靠右等。

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)簽（La­bel），并放到了指定的位置。

for child in mainframe.winfo_children():
    child.grid_configure(padx=5, pady=5)
feet_entry.focus()
root.bind('<Return>', calculate)

這四行代碼為我們的圖形化做了一個(gè)漂亮的收尾工作。

前兩行代碼遍歷所有的放置在 main­frame 中的組件，并在它們周圍增加了一些邊框，使它們不至于都擠在一起。當(dāng)然也可以單獨(dú)遍歷這些組件，然后逐個(gè)進(jìn)行設(shè)置，但這不是方便的做法。

第三行代碼告訴 Tk，在程序運(yùn)行時(shí)，將光標(biāo)聚焦在輸入框中，使用戶不必再點(diǎn)擊一下輸入框。

第四行代碼告訴 Tk，當(dāng)用戶在按下 Return（Win­dows 中是 En­ter）時(shí)，調(diào)用 cal­cu­late 函數(shù)。這與按下按鈕調(diào)用 cal­cu­late 函數(shù)是一樣的。

def calculate(*args):
    try:
        value = float(feet.get())
        meters.set((0.3048 * value * 10000.0 + 0.5)/10000.0)
    except ValueError:
        pass

這里我們定義了一個(gè) cal­cu­late 函數(shù)調(diào)用，當(dāng)按下 Return、Enter（Win­dows），或者轉(zhuǎn)換按鈕時(shí)它將會(huì)被調(diào)用。它從輸入框中獲取用戶輸入的數(shù)值，然后將其轉(zhuǎn)換為單位為米的數(shù)值之后，將輸入框中的數(shù)值設(shè)置為正確的結(jié)果。

顯然看到，cal­cu­late 函數(shù)通過獲取 feet 和設(shè)置 meters 來改變?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)的輸出框（La­bel）顯示的值也會(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)行起來所必須的。

以上就是python Tkinter的簡(jiǎn)單入門教程的詳細(xì)內(nèi)容，更多關(guān)于python Tkinter入門教程的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

最新評(píng)論