[譯][Tkinter 教程10] Text 控件

已獲原做者受權. 原系列地址: Python Tkinter

簡介及簡例

Text 控件用來顯示多行文本. Tkinter 的 Text 控件很強大, 很靈活, 能夠實現不少功能. 雖然這個控件的主要用途是顯示多行文本, 但其還能夠被用做簡單的文本編輯器, 甚至是網頁瀏覽器.
Text 控件能夠顯示網頁連接, 圖片, HTML頁面, 甚至 CSS 樣式表.
在其餘的各類教程中, 很難找到一個關於 Text 控件的簡單例子. 這也是咱們寫這一章教程的主要目的:
咱們使用構造方法建立了一個 Text 控件, 設置其高度爲 2 (不是像素高度, 而是兩行字符的高度), 設置其寬度爲 30 (不是像素寬度, 是30個字符的寬度), 而後使用 insert() 方法插入兩行文本.

from Tkinter import *

root = Tk()
T = Text(root, height=2, width=30)
T.pack()
T.insert(END, "Just a text Widget\nin two lines\n")
mainloop()

運行後窗口的樣子很可愛:

讓咱們對上面的例子作一點小小的改動. 咱們加入了另外一段文字, 哈姆雷特那段著名的開場白:

from Tkinter import *

root = Tk()
T = Text(root, height=2, width=30)
T.pack()
quote = """HAMLET: To be, or not to be--that is the question:
Whether 'tis nobler in the mind to suffer
The slings and arrows of outrageous fortune
Or to take arms against a sea of troubles
And by opposing end them. To die, to sleep--
No more--and by a sleep to say we end
The heartache, and the thousand natural shocks
That flesh is heir to. 'Tis a consummation
Devoutly to be wished."""
T.insert(END, quote)
mainloop()

運行上面的例子後, 產生的窗口並很差看. 在窗口中咱們只能看到這段獨白的第一行, 而且還被斷爲兩行. 窗口只顯示兩行文字, 是由於咱們將 Text 控件高度設置爲 2 行文字. 文本自動斷行, 是由於咱們將 Text 控件寬度設置爲 30 個字符.

這個問題的一個解決辦法是, 將 Text 控件的高度設置爲這段文本的行數, 將 Text 控件的寬度設置爲這段文本中最長的那行的字符數.
但更好的解決辦法是設置滾動, 就像咱們經常使用的瀏覽器等應用中那樣.

滾動條

如今讓咱們來爲咱們的應用加入一個滾動條. Tkinter 提供了 Scrollbar() 方法來實現這一目的, 其所接受的惟一參數爲當前窗口應用的 Tkinter root 對象.

from Tkinter import *

root = Tk()
S = Scrollbar(root)
T = Text(root, height=4, width=50)
S.pack(side=RIGHT, fill=Y)
T.pack(side=LEFT, fill=Y)
S.config(command=T.yview)
T.config(yscrollcommand=S.set)
quote = """HAMLET: To be, or not to be--that is the question:
Whether 'tis nobler in the mind to suffer
The slings and arrows of outrageous fortune
Or to take arms against a sea of troubles
And by opposing end them. To die, to sleep--
No more--and by a sleep to say we end
The heartache, and the thousand natural shocks
That flesh is heir to. 'Tis a consummation
Devoutly to be wished."""
T.insert(END, quote)
mainloop(  )

如今這個窗口看起來順眼多了, 視口中老是顯示4行文字, 但全部行均可以經過拖動滾動條看到:

加入圖片

下面的例子中, 咱們在一個 Text 控件中顯示了一張圖片, 併爲另外一個單行的 Text 控件綁定了一個點擊事件:

from Tkinter import *

root = Tk()

text1 = Text(root, height=20, width=30)
photo=PhotoImage(file='./William_Shakespeare.gif')
text1.insert(END,'\n')
text1.image_create(END, image=photo)

text1.pack(side=LEFT)

text2 = Text(root, height=20, width=50)
scroll = Scrollbar(root, command=text2.yview)
text2.configure(yscrollcommand=scroll.set)
text2.tag_configure('bold_italics', font=('Arial', 12, 'bold', 'italic'))
text2.tag_configure('big', font=('Verdana', 20, 'bold'))
text2.tag_configure('color', foreground='#476042', 
                        font=('Tempus Sans ITC', 12, 'bold'))
text2.tag_bind('follow', '<1>', lambda e, t=text2: t.insert(END, "Not now, maybe later!"))
text2.insert(END,'\nWilliam Shakespeare\n', 'big')
quote = """
To be, or not to be that is the question:
Whether 'tis Nobler in the mind to suffer
The Slings and Arrows of outrageous Fortune,
Or to take Arms against a Sea of troubles,
"""
text2.insert(END, quote, 'color')
text2.insert(END, 'follow-up\n', 'follow')
text2.pack(side=LEFT)
scroll.pack(side=RIGHT, fill=Y)

root.mainloop()

---

全系列:
[譯][Tkinter 教程01] 入門: Label 控件
[譯][Tkinter 教程02] Message 控件
[譯][Tkinter 教程03] Button 控件
[譯][Tkinter 教程04] Variable 類
[譯][Tinkter 教程05] Radiobutton 控件
[譯][Tkinter 教程06] Checkbox 控件
[譯][Tkinter 教程07] Entry 控件
[譯][Tkinter 教程08] Canvas 圖形繪製
[譯][Tkinter 教程09] Scale 控件
[譯][Tkinter 教程10] Text 控件
[譯][Tkinter 教程11] 對話框和消息框
[譯][Tkinter 教程12] 佈局管理 (Pack Place Grid)
[譯][Tkinter 教程13] Mastermind 遊戲
[譯][Tkinter 教程14] menu 菜單
[譯][Tkinter 教程15] event 事件綁定

譯者水平有限, 若有疏漏, 歡迎指正.
已得到原做者受權. 原文地址: Text Widget.