Text 多行輸入框
Text 是 tkinter 裡用來讓使用者進行輸入資料的「多行輸入框」,這篇教學會介紹如何在 tkinter 視窗裡加入 Text 多行輸入框,並實作輸入資料後進行互動的程式。
快速導覽:
因為 Google Colab 不支援 tkinter,所以請使用本機環境 ( 參考:使用 Python 虛擬環境 ) 或使用 Anaconda Jupyter 進行實作 ( 參考:使用 Anaconda )。
加入 Text
建立 tkinter 視窗物件後,透過 Text 方法,就能在視窗物件中建立 Text 多行輸入框,必要的參數有一個,第一個表示要加入的視窗物件,建立 Text 後再使用 pack() 方法將其加入 ( 參考 pack 參數設定 ),下方的程式碼執行後,會在視窗裡加入一個 Text ( 位置、大小和顏色都使用預設值 )。
import tkinter as tk
root = tk.Tk()
root.title('oxxo.studio')
root.geometry('200x200')
text = tk.Text(root) # 放入多行輸入框
text.pack()
root.mainloop()
Text 參數設定
加入 Text 之後,可以透過 Text的參數調整內容的樣式,下方列出 Text 和其他元件相同的參數:
參數 | 說明 |
---|---|
width | 寬度,單位是字元數。 |
height | 高度,單位是字元數。 |
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。 |
wrap | 換行方式,可設定 char ( 字元,預設 )、word ( 字 ) 或 none ( 不換行 )。 |
tabs | 按下 tab 鍵時等於多少個空白字元。 |
下方是 Text 多行輸入框行為相關的參數:
參數 | 說明 |
---|---|
selectborderwidth | 選取輸入框內容的外框寬度。 |
selectbackground | 選取輸入框內容的背景顏色。 |
selectforeground | 選取輸入框內容的文字顏色。 |
xscrollcommand | 與 set() 方法搭配,加上水平捲軸。 |
yscrollcommand | 與 set() 方法搭配,加上垂直捲軸。 |
state | 狀態,tk.NORMAL 可使用 ( 預設 )、tk.DISABLED 不可使用。 |
Text 內容操作方法
透過下列方法,可以取得或刪除 Text 多行輸入框的內容,或針對內容進行一些相關操作:
方法 | 參數 | 說明 |
---|---|---|
get() | first, last=None | 取得輸入框的內容,表示方式使用小數點,例如 0.0 代表第一行第一個字,1.1 表示第二行第二個字,1.end 表示第一行最後個字。 |
delete() | first, last=None | 指定刪除 first~last 區間的內容,表示方式使用小數點。 |
see() | index | 取得第幾個項目的字元,表示方式使用小數點。 |
icursor() | index | 移動輸入標記到指定內容索引值,表示方式使用小數點。 |
index() | index | 取得指定的索引值。 |
insert() | index, s | 在指定索引的位置 ( 例如 '0.0' 表示第一行第一個字 ) 插入內容。 |
xview() | index | 如果文字過長,指定要看到哪個索引值。 |
xview_scroll() | number, what | 捲動捲軸到指定位置。 |
點擊按鈕,顯示或清空輸入文字
下方的程式碼放入一個 Label 和一個 Text,兩個元件都使用 textvariable 共用變數 a,執行後當輸入框內容發生改變,Label 的內容也會跟著變化。
import tkinter as tk
root = tk.Tk()
root.title('oxxo.studio')
root.geometry('200x200')
a = tk.StringVar() # 建立文字變數
a.set('') # 一開始設定沒有內容
label = tk.Label(root, textvariable=a) # 放入 Label
label.pack()
text = tk.Text(root, height=8) # 放入多行輸入框
text.pack()
def show():
a.set(text.get(1.0, 'end-1c'))
# 執行 show 函式時,將 a 變數內容改變
# 使用 end-1c 表示取得倒數第二個字元 ( 因為最後一個字元是換行符 )
def clear():
a.set('')
text.delete(1.0,'end')
# 執行 clear 函式時,清空內容
btn1 = tk.Button(root,text='show', command=show) # 放入顯示按鈕
btn1.pack()
btn2 = tk.Button(root,text='clear', command=clear) # 放入清空按鈕
btn2.pack()
root.mainloop()
意見回饋
如果有任何建議或問題,可傳送「意見表單」給我,謝謝~