Tkinter 元件詳解之Button

簡介

Button（按鈕）元件用於實現各種各樣的按鈕。Button 元件可以包含文字或影象，你可以將一個 Python 的函式或方法與之相關聯，當按鈕被按下時，對應的函式或方法將被自動執行。

Button 元件僅能顯示單一字型的文字，但文字可以跨越多行。另外，還可以為其中的個別字元加上下劃線（例如用於表示鍵盤快捷鍵）。預設情況下，tab 按鍵被用於在按鈕間切換。

何時使用 Button 元件？

簡而言之，Button 元件是用於讓使用者說：“幹！”，通過按鈕上的文字或圖示讓使用者清楚按下去是幹什麼用的。Button 元件常常被用於工具欄、應用程式視窗、和表示接受或拒絕的對話方塊。Checkbutton 和 Radiobutton 

Checkbutton 和 Radiobutton 元件 更適合做資料輸入按鈕使用。

用法

普通的按鈕是非常簡單易用的。你所需要做的就是指定 Button 的內容（文字、點陣圖或者圖片），並且關聯當按鈕被按下時應該呼叫的函式或方法：

import tkinter as tk

master = tk.Tk()

def callback():
    print("我被呼叫了！")

b = tk.Button(master, text="執行", command=callback)
b.pack()

master.mainloop()

>>> 
=============== RESTART===============
我被呼叫了！
 

 如果一個按鈕沒有相關聯的函式或方法，那麼它就形同虛設。你可能在開發程式的過程中會使用到這樣的按鈕，在這種情況下，更好的方法是禁用這些按鈕，從而避免導致你的測試使用者產生疑惑。

b = tk.Button(master, text="不執行", state="disabled")

 

如果你沒有指定 Label 的大小，那麼 Label 的尺寸是正好可以容納其內容而已。你可以使用 padx 和 pady 選項在 Button 的內容和邊框間新增額外的間距。

當然你可以通過 height 和 width 選項來明確設定 Button 的大小：如果你顯示的是文字，那麼這兩個選項是以文字單元為單位定義 Button 的大小；如果你顯示的是點陣圖或者影象，那麼它們以畫素為單位（或者其他螢幕單元）定義 Button 大小。

對於內容為文字的 Button 元件，你可以使用畫素為單位指定 Buttton 的尺寸，不過這需要一些技巧。這裡提供一個方法給大家參考（還有其它方法實現）：

f = tk.Frame(master, height=64, width=64)
f.pack_propagate(0)
f.pack()

b = tk.Button(f, text="確定", command=callback)
b.pack(fill="both", expand=1)

Button 可以顯示多行文字，你可以直接使用換行符或使用 wraplength 選項來實現。當文字換行的時候，你可以使用 anchor 和 justify 以及 padx 選項來使得文字如你所希望的顯示出來：

longtext = """
我明明只是一個按鈕，
作為按鈕並不需要太多
的文字用於告訴使用者當
我被按下的時候會發生
什麼事情，但我為什麼
這麼長？
"""
b = tk.Button(master, text=longtext, anchor="w", justify="left", padx=2, command=callback)
b.pack()

為了使一個普通的按鈕保持被“按下”的狀態，例如你希望通過某種方式實現一個工具箱（像 Photoshop 左側的工具欄按鈕，按下的時候他保持凹下去，說明你正在使用此工具），你可以簡單的將 relief 選項的預設值 "raised" 改為 "sunken"：

b.config(relief="raised")

你或許也希望修改背景色。不過更好的方法是使用 Checkbutton 和 Radiobutton 元件，並把它們的 indicatoron 選項設定為 False：

b = tk.Checkbutton(master, image=bold, variable=var, indicatoron=False)

在早期版本的 Tkinter 中，image 選項會覆蓋 text 選項。也就是說如果你同時指定了兩個選項，那麼只有 image 選項會被顯示。但在新的 Tkinter 中，你可以使用 compound 選項設定二者的混合模式。例如下邊就是通過設定 compound="center" 使得文字位於圖片的上方（重疊顯示）：

photo = tk.PhotoImage(file = 'botton.gif')
b = tk.Button(master, text="點我", font = 20, image = photo, compound = "center")

b.pack()

通過 "left"，"right"，"top" 和 "bottom" 則可以設定文字在影象的旁邊顯示：

b = tk.Button(master, text="點它 ->", font = 20, image = photo, compound = "right")

引數

Button(master=None, **options) (class)

master -- 父元件

**options -- 元件選項，下方表格詳細列舉了各個選項的具體含義和用法：

方法

flash() 

-- 重新整理 Button 元件，該方法將重繪 Button 元件若干次（在 "active" 和 "normal" 狀態間切換）。

invoke() 

-- 呼叫 Button 中 command 選項指定的函式或方法，並返回函式的返回值。
-- 如果 Button 的state(狀態)是 "disabled"（不可用）或沒有指定 command 選項，則該方法無效。