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

設計

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

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

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

代碼

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="轉換", 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 函數庫在你的系統中被加載。其次，ttk 是 在 Tk 8.5 中新添加的，提供對 Tk 8.5 中引入的 Tk 主題小部件集的訪問，其基本思想是將實現小部件行為的代碼與實現其外觀的代碼盡可能地分開，在這里我們不去深究。

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

如果你要將舊代碼修改為新代碼，你會發現 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 函數將會在后面講解，之所以放到前面，是因為后面的許多語句需要調用它。

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

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

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="轉換", command=calculate).grid(column=3, row=3, sticky=W)

上面的幾條語句在框架上 (main­frame) 創建了三個組件，輸入框、輸出區域（La­bel，用于放置轉換的結果）、轉換按鈕。

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

1. 創建
   
2. 放置
   

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

我們使用 grid（網格） 進行幾何管理，意思就是這個組件將放在哪一個地方（哪一行，哪一列），sticky 指明組件在分配給它的網格單元（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)

上述三行創建了三個指定內容的 文本標簽（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）時，調用 cal­cu­late 函數。這與按下按鈕調用 cal­cu­late 函數是一樣的。

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 函數調用，當按下 Return、Enter（Win­dows），或者轉換按鈕時它將會被調用。它從輸入框中獲取用戶輸入的數值，然后將其轉換為單位為米的數值之后，將輸入框中的數值設置為正確的結果。

顯然看到，cal­cu­late 函數通過獲取 feet 和設置 meters 來改變在它們各自對應的輸入框（Entry）和輸出框（Label）中的數值顯示。當用戶的輸入改變時，對應的 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 進入事件循環（event loop），這是使一些運行起來所必須的。

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