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

設計

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

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

不難發(fā)現(xià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()

最終會是這個樣子

逐步解釋

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

from tkinter import *
from tkinter import ttk

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

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

如果你要將舊代碼修改為新代碼，你會發(fā)現(xiàn) Tk­in­ter 的名字從大寫變成了小寫 tkinter，這個改變從 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ù)將會在后面講解，之所以放到前面，是因為后面的許多語句需要調(diào)用它。

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

一般來說，我們可以將所有的組件（Wid­get）都放到 root 窗口中，但是主窗口的背景可能與我們添加的組件不匹配，這時候，我們添加一個中間框架（Frame），將組件放到這個中間框架上來保證內(nèi)容與背景的匹配。

columncoonfigure 和 rowconfigure 告訴 Tk， 當主窗口重新改變了大小，那么在這之上的 Frame 框架也應該變化，以占用多余的空間。

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)建了三個組件，輸入框、輸出區(qū)域（La­bel，用于放置轉(zhuǎn)換的結(jié)果）、轉(zhuǎn)換按鈕。

對于每一個組件（Wid­get），我們需要做兩件事：

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

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

我們使用 grid（網(wǎng)格） 進行幾何管理，意思就是這個組件將放在哪一個地方（哪一行，哪一列），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)建了三個指定內(nèi)容的 文本標簽（La­bel），并放到了指定的位置。

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

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

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

第三行代碼告訴 Tk，在程序運行時，將光標聚焦在輸入框中，使用戶不必再點擊一下輸入框。

第四行代碼告訴 Tk，當用戶在按下 Return（Win­dows 中是 En­ter）時，調(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

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

顯然看到，cal­cu­late 函數(shù)通過獲取 feet 和設置 meters 來改變在它們各自對應的輸入框（Entry）和輸出框（Label）中的數(shù)值顯示。當用戶的輸入改變時，對應的 feet 的值就會被修改為對應的輸入值；當 meters 被被修改時，對應的輸出框（La­bel）顯示的值也會改變。這就是在定義 feet_entry（輸入框）和 label（輸出框）時，還要指定 textvariable 的值的原因，而它的值應該是一個 StringVar 的對象。如以下示例：

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 進入事件循環(huán)（event loop），這是使一些運行起來所必須的。

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

最新評論