Radiobutton 單選按鈕
Radiobutton 是 tkinter 裡用來可以讓使用者用滑鼠進行「單選」的按鈕物件,這篇教學會介紹如何在 tkinter 視窗裡加入 Radiobutton 單選按鈕,並實作選擇 Radiobutton 後進行互動的程式。
快速導覽:
因為 Google Colab 不支援 tkinter,所以請使用本機環境 ( 參考:使用 Python 虛擬環境 ) 或使用 Anaconda Jupyter 進行實作 ( 參考:使用 Anaconda )。
加入 Radiobutton
建立 tkinter 視窗物件後,透過 Radiobutton 方法,就能在視窗物件中建立 Radiobutton 單選按鈕,必要的參數有兩個,第一個表示要加入的視窗物件,第二個則是標籤參數 ( 通常是文字 text、圖片 image ),建立 Radiobutton 後再使用 pack() 方法將其加入 ( 參考 pack 參數設定 ),下方的程式碼執行後,會在視窗裡加入兩個 Radiobutton ( 位置、大小和顏色都使用預設值 ),因為尚未做其他設定,所以兩個單選按鈕都會處在已經選取的狀態。
import tkinter as tk
root = tk.Tk()
root.title('oxxo.studio')
root.geometry('200x200')
radio_btn1 = tk.Radiobutton(root, text='Apple') # 放入第一個單選按鈕
radio_btn1.pack()
radio_btn2 = tk.Radiobutton(root, text='Banana') # 放入第二個單選按鈕
radio_btn2.pack()
root.mainloop()
綁定多個 Radiobutton
下方的程式碼先使用 StringVar() 方法建立文字變數 ( 或使用 IntVar() 建立數字變數 ),接著將不同的 Radiobutton variable 參數指向同樣的文字變數,就能綁定多個 Radiobutton 單選按鈕,綁定完成後,使用 select() 方法,可以指定選取某個按鈕,選取後會將文字變數更新為 value 參數的內容。
import tkinter as tk
root = tk.Tk()
root.title('oxxo.studio')
root.geometry('200x200')
val = tk.StringVar()
radio_btn1 = tk.Radiobutton(root, text='Apple',variable=val, value='Apple')
radio_btn1.pack()
radio_btn1.select() # 搭配 select() 方法選取 radio_btn1
radio_btn2 = tk.Radiobutton(root, text='Banana',variable=val, value='Banana')
radio_btn2.pack()
root.mainloop()
Radiobutton 參數設定
加入 Radiobutton 之後,可以透過 Radiobutton 的參數調整內容的樣式,下方列出 Radiobutton 和其他元件相同的參數:
參數 | 說明 |
---|---|
anchor | 擺放位置,可以設定 n、s、w、e、ne、nw、sw、se、center ( e 右,w 左,s 下,n 上 ),預設 center。 |
text | 文字內容,可以使用換行符 ( \n )。 |
width | 寬度,單位是字元數,預設 0。 |
height | 高度,單位是字元數,預設 0。 |
padx | 內容和標籤左右邊界的間距 ( px ),預設 1。 |
pady | 內容和標籤上下邊界的間距 ( px ),預設 1。 |
bg/background | 背景顏色,可以使用十六進位色碼或顏色名稱。 |
fg/foreground | 文字顏色,可以使用十六進位色碼或顏色名稱。 |
font | 字型設定,包含字體、大小 ( px )、粗體 ( bold )、斜體 ( italic )。 |
justify | 多行文字的對齊方式,可以設定 left、right、center,預設 center。 |
cursor | 滑鼠移動到標籤的樣式,可以設定 arrow、circle、cross、plus...等,預設 arrow。 |
relief | 邊框樣式,可以設定 flat、sunken、raised、groove、ridge、solid,預設 flat。 |
bd/borderwidth | 邊框粗細,預設 1。 |
textvariable | 文字內容的變數名稱,如果變數被修改,文字就會發生變化。 |
underline | 第幾個字元開始加底線 ( 0 為第一個字元, 預設 -1 不加底線 )。 |
wraplength | 一段文字超過多少寬度 ( px ) 會換行。 |
image | 圖片內容。 |
bitmap | 使用 bitmap 圖示作為標籤內容。 |
compound | 設定文字與圖片排列的方式,可以設定 none、center、top、bottom、left、right,預設 none。 |
下方是 Radiobutton 單選按鈕行為相關的參數:
參數 | 說明 |
---|---|
variable | 綁定哪個變數。 |
value | 選擇該按鈕時回傳到變數的值。 |
command | 按下按鈕要執行的函式。 |
state | 按鈕狀態,tk.NORMAL 可使用 ( 預設 )、tk.DISABLED 不可使用。 |
Radiobutton 切換不同文字
下方的程式碼除了包含兩個 Radiobutton ( 綁定 val,並設定其 value ),額外放入一個帶有參數 textvariable=val 的 Label 標籤,執行後點擊 Radiobutton,就可以切換標籤文字。
import tkinter as tk
root = tk.Tk()
root.title('oxxo.studio')
root.geometry('200x200')
val = tk.StringVar() # 建立文字變數
# 放入第一個 Radiobutton
radio_btn1 = tk.Radiobutton(root, text='Apple',variable=val, value='Apple')
radio_btn1.pack()
radio_btn1.select() # 選擇第一個 Radiobutton
# 放入第二個 Radiobutton
radio_btn2 = tk.Radiobutton(root, text='Banana',variable=val, value='Banana')
radio_btn2.pack()
# 放入 Label 標籤,設定 textvariable=val
mylabel = tk.Label(root, textvariable=val, font=('Arial',30), fg='#f00')
mylabel.pack()
root.mainloop()
invoke() 調用按鈕
建立 Radiobutton 按鈕之後,可以使用 invoke() 方法調用按鈕,也就是執行 invoke() 之後等同按下該顆按鈕,以上面切換文字的程式碼為例,如果在最後面加上 radio_btn2.invoke(),呈現的結果就會是點擊第二顆按鈕出現的 Banana 文字。
import tkinter as tk
root = tk.Tk()
root.title('oxxo.studio')
root.geometry('200x200')
val = tk.StringVar()
radio_btn1 = tk.Radiobutton(root, text='Apple',variable=val, value='Apple')
radio_btn1.pack()
radio_btn1.select()
radio_btn2 = tk.Radiobutton(root, text='Banana',variable=val, value='Banana')
radio_btn2.pack()
mylabel = tk.Label(root, textvariable=val, font=('Arial',30), fg='#f00') # 放入標籤
mylabel.pack()
radio_btn2.invoke() # 使用 invoke()
root.mainloop()
意見回饋
如果有任何建議或問題,可傳送「意見表單」給我,謝謝~