摘要：在這個(gè)窗口之上，可以添加各種輸入框按鈕文本等，可以增加對各種動(dòng)作的處理。事件要與特定的控件相綁定，比如按鈕有點(diǎn)擊事件，輸入框有按鍵事件，窗體有關(guān)閉事件等。

在大多數(shù)時(shí)候，我們都在黑黢黢的控制臺里執(zhí)行 Python 腳本。這看起來很酷很 GEEK。但對于部分場景下的用戶來說，這樣就不大美觀和人性化了：我們需要交互更方便的圖形化產(chǎn)品，也就是 GUI （圖形用戶界面，Graphical User Interface）。

Python 有很多可實(shí)現(xiàn) GUI 的庫，在之前的文章中有過一個(gè)整理：在這個(gè)什么都看臉的時(shí)代，如何用 GUI 提高 python 程序的顏值？ 但沒有針對某個(gè)具體的庫做介紹。最近有同學(xué)提到希望給講解下 GUI 的開發(fā)，那么今天就來做個(gè)簡單的“快速上手”。

而我們要介紹的庫，就是

相比較其他的 GUI 庫，Tkinter 有個(gè)優(yōu)勢在于，它是 Python 內(nèi)置的 GUI 庫 ，無需另行安裝，省事了一點(diǎn)點(diǎn)。另外如果你要將開發(fā)出的程序打包成 exe，它也比第三方庫稍稍更容易一點(diǎn)點(diǎn)。

而功能上，Tkinter 已足夠處理大多數(shù)小型 GUI 程序的需求。其開發(fā)的程序在各主流操作系統(tǒng)上均可運(yùn)行。Python 的內(nèi)置編輯器 IDLE 就是使用 Tkinter 開發(fā)的。因此，我個(gè)人在之前的開發(fā)中，是將 Tkinter 作為首選。

（當(dāng)然， PyQt 也是很強(qiáng)大的 GUI 庫，可以做出復(fù)雜酷炫的界面效果。而原有 QT 開發(fā)經(jīng)驗(yàn)的人更是很容易上手。）

Hello GUI World

我們從一個(gè)最簡單的 Tkinter GUI 程序說起：

import tkinter as tk
root = tk.Tk()
root.mainloop()

1.創(chuàng)建一個(gè) Tk 窗口對象；2.調(diào)用這個(gè)對象的消息主循環(huán)。 一個(gè)窗口就出現(xiàn)了。在這個(gè)窗口之上，可以添加各種輸入框、按鈕、文本等，可以增加對各種動(dòng)作的處理。

以往我們寫的程序（比如猜數(shù)字、罰點(diǎn)球、查天氣等）大多是有一個(gè)固定的執(zhí)行流程。而 GUI 程序的不同之處在于，通常它們是由“ 事件驅(qū)動(dòng) ”的：程序運(yùn)行后，相當(dāng)于進(jìn)入一個(gè)循環(huán)一直運(yùn)行。如果你不做任何操作，這個(gè)窗口就一直在這里?？雌饋硎庆o止的，但程序?qū)嶋H上是在等待你的操作： _通過與窗口中的“ 控件 ”進(jìn)行交互，比如點(diǎn)擊按鈕、輸入文字、勾選選項(xiàng)等，產(chǎn)生不同的“ 事件 ”，程序再根據(jù)預(yù)設(shè)的“ 響應(yīng) ”做處理。_就算要結(jié)束程序，也是通過“關(guān)閉窗口”和“退出”事件。

這就是 mainloop 的意義所在：監(jiān)聽各種事件。理解了這一點(diǎn)，也就理解了 GUI 程序的基本邏輯。

所謂 控件 ，就是 GUI 圖形化界面上的對象，或者說功能元素。比如輸入框、文本框、按鈕、下拉菜單、滾動(dòng)條等等，窗體本身也可以認(rèn)為是一個(gè)控件。一個(gè)控件包含了數(shù)據(jù)和操作，決定了頁面上的元素放在哪里、長什么樣、有什么樣的效果。

舉幾個(gè) Tkinter 常用控件的例子：

label = tk.Label(root, text="Hello, world!")
label.pack()
btn = tk.Button(root, text="OK")
btn.pack()
entry = tk.Entry(root)
entry.pack()
root.mainloop()

在調(diào)用 mainloop 前，增加了 Label （文本標(biāo)簽）、 Button （按鈕）、 Entry （輸入框）三個(gè)控件，通過 pack() 方法把它們添加到了窗口之上。

Tkinter 有 15 個(gè)核心控件，每個(gè)控件有多種設(shè)置，這里不展開介紹，網(wǎng)上可以很容易搜到詳細(xì)的文檔說明。

另外除了這些基本控件之外，Tkinter 還提供了一個(gè) ttk 模塊，增加了幾個(gè)控件并對部分已有控件進(jìn)行了優(yōu)化。例如：

 from tkinter import ttk
entry = ttk.Entry(window)
entry.pack()
combo = ttk.Combobox(window)
combo["values"] = ("IDLE", "PyCharm", "VSCode", "SublimeText")
combo.pack()

完整示例代碼在文末附上。

對于控件屬性的設(shè)置，有 3 種方法：

在 創(chuàng)建 時(shí)通過 參數(shù) 設(shè)置。如 btn = Button(root, text="Click", fg="red", bg="blue", command=click)

通過 字典 的方式修改。如 btn["fg"] = "green"

通過 config 函數(shù)修改。如 btn.config(fg="green", bg="yellow")

如果只是簡單的用 pack() 方法將控件添加到窗口上，它們將按順序從上往下的放置。這顯然無法滿足復(fù)雜的需求。

Tkinter 提供了三種布局方式：

pack 是最簡單的布局管理方式，除了像我們前面直接調(diào)用外，可以加上 fill、padx、pady、ipadx、ipady、side 等參數(shù)，調(diào)整放置的邊距、填充方式、對齊方式等。

btn.pack(fill=tk.X, padx=5, pady=20, side=tk.LEFT)

用 place 替代 pack，可以精確地指定空間的放置坐標(biāo)及長寬。

btn.place(x=50, y=100, width=120, height=25)

Grid 布局的邏輯在于，將窗口像表格一樣劃分成不同的格子，將控件放置進(jìn)去。例如：

當(dāng)控件數(shù)量眾多時(shí)，這種布局方式更有條理。

btn.grid(row=1, column=0)

順便提一句，如果你希望可以像 VB 那樣所見即所得地設(shè)計(jì)窗體控件，可以了解下 Visual Tkinter 這個(gè)工具。

前面說的都是外在的形式，一個(gè) GUI 程序要能運(yùn)行，離不開內(nèi)部的事件響應(yīng)。即：當(dāng)用戶做了一個(gè)操作，程序要做出怎樣的反應(yīng)。

事件要與特定的控件相綁定，比如按鈕有點(diǎn)擊事件，輸入框有按鍵事件，窗體有關(guān)閉事件等。

常用的 2 種綁定方法：

通過控件的 command 參數(shù)指定響應(yīng)函數(shù)：

def onClick():
    print("clicked!")

btn = Button(root, text="click", command=onClick)

注意這里傳遞參數(shù)時(shí)，onClick 后面不能加上括號。（思考下加與不加的區(qū)別在哪里？）

通過 bind 方法綁定不同的事件：

def onButton(event):
    print("Clicked:", event.x, event.y)

def onKey(event):
    print("Pressed", event.char)

entry.bind("", onButton)
entry.bind("", onKey)

控件、布局、事件響應(yīng)，就是 GUI 開發(fā)的幾個(gè)重要部分。對此有了整體認(rèn)識后，剩下的就是查閱相關(guān)文檔和練習(xí)了。

如果有不理解的部分或想要深入了解的細(xì)節(jié)問題，可以在我們的 論壇 http:// bbs.crossincode.com 上發(fā)帖討論，或在 知識星球 上提問。

運(yùn)用上述內(nèi)容，我們把課程最初的猜數(shù)字游戲改成一個(gè) GUI 版本。

獲取詳細(xì)代碼，請?jiān)诠娞枺?Crossin的編程教室 ）里回復(fù)關(guān)鍵字 GUI

【 課后作業(yè) 】實(shí)現(xiàn)一個(gè)簡單的 GUI 程序，猜數(shù)字或者一個(gè)簡單的登錄框、一個(gè)小計(jì)算器等等，可以用 Tkinter，也可以用其他 GUI 庫。歡迎留言你的代碼，或發(fā)在論壇上。

下課！

════

其他文章及回答：

如何自學(xué)Python | 新手引導(dǎo) | 精選Python問答 | Python單詞表 | 知乎下載器 | 人工智能 | 嘻哈 | 爬蟲 | 我用Python | 高考 | requests | AI平臺

歡迎搜索及關(guān)注： Crossin的編程教室