Tkinter 可以使用幾何布局管理器來組織窗口上的小部件。Tkinter 支持三種幾何布局管理器:
在本文中,將介紹 Tkinter 的幾何布局管理器 Grid 以及如何使用它在窗口上排列小部件。
Grid 幾何布局管理器使用行(rows) 和列 (columns)的概念來排列小部件。
使用 Grid 放置小組件之前,需要配置 Grid 的行和列。Tkinter 提供了配置 Grid 行和列的方法:
container.columnconfigure(index, weight)
container.rowconfigure(index, weight)
其中,index
參數(shù)為行或列的索引。weight
參數(shù)相對于其他行或列,決定了行或列寬高度。例如,weight
為 2 的寬度是weight
為 1 的兩倍。
示例,使用 Grid 幾何布局管理器設(shè)計登錄界面
import tkinter as tk
root = tk.Tk()
root.geometry('600x400+200+200')
root.title('幾何布局管理器演示')
root.rowconfigure(0, weight=1)
root.columnconfigure(0, weight=1)
frame = tk.Frame(root, bg='green')
frame.grid(column=0, row=0)
username_label = tk.Label(frame, text="用戶名:")
username_label.grid(column=0, row=0, sticky=tk.W, padx=5, pady=5)
username_entry = tk.Entry(frame)
username_entry.grid(column=1, row=0, sticky=tk.E, padx=5, pady=5)
password_label = tk.Label(frame, text="密碼:")
password_label.grid(column=0, row=1, sticky=tk.W, padx=5, pady=5)
password_entry = tk.Entry(frame, show="*")
password_entry.grid(column=1, row=1, sticky=tk.E, padx=5, pady=5)
login_button = tk.Button(frame, text="登錄")
login_button.grid(column=1, row=3, sticky=tk.E, padx=5, pady=5)
root.mainloop()
登錄界面使用具有兩列和三行的網(wǎng)格。
用戶名標簽位于第一列第一行(column=0, row=0);
用戶名文本輸入框 位于第二列第一行(column=1, row=0);
密碼標簽位于第一列第二行(column=0, row=1);
用戶名文本輸入框 位于第二列第二行(column=1, row=1);
登錄按鈕 位于第二列第三行(column=1, row=1)。
sticky
默認情況下,sticky
參數(shù)決定小部件在單元格中的對齊位置。
sticky
可以使用以下有效值:
padx、pady
padx
、pady
參數(shù)分別指定外部水平和垂直填充,是組件跟單元格邊界的距離。
ipadx、ipady
ipadx
、ipady
參數(shù)為小部件創(chuàng)建內(nèi)部填充,是組件文本跟組件邊界之間的距離。ipadx
沿x
軸創(chuàng)建填充。ipady
沿Y
軸創(chuàng)建填充。
columnspan、rowspan
columnspan
、rowspan
使小部件跨越多行或多列。
示例,實現(xiàn)如下圖所示布局:
import tkinter as tk
root = tk.Tk()
root.geometry('600x400+200+200')
root.title('幾何布局管理器演示')
root.rowconfigure(0, weight=1)
root.columnconfigure(0, weight=1)
frame = tk.Frame(root)
frame.grid(column=0, row=0)
button = tk.Button(frame, text="按鈕", bg='green')
button.grid(column=0, row=0, ipadx=15, ipady=15)
button = tk.Button(frame, text="按鈕", bg='green')
button.grid(column=1, row=0, ipadx=15, ipady=15)
button = tk.Button(frame, text="按鈕", bg='green')
button.grid(column=2, row=0, ipadx=15, ipady=15)
button = tk.Button(frame, text="按鈕", bg='green')
button.grid(column=0, row=1, ipadx=15, ipady=15)
button = tk.Button(frame, text="按鈕", bg='red')
button.grid(column=1, row=1, columnspan=2, sticky=tk.EW, ipadx=15, ipady=15)
button = tk.Button(frame, text="按鈕", bg='red')
button.grid(column=0, row=2, rowspan=2, sticky=tk.NS, ipadx=15, ipady=15)
button = tk.Button(frame, text="按鈕", bg='green')
button.grid(column=1, row=2, ipadx=15, ipady=15)
button = tk.Button(frame, text="按鈕", bg='green')
button.grid(column=2, row=2, ipadx=15, ipady=15)
button = tk.Button(frame, text="按鈕", bg='green')
button.grid(column=1, row=3, ipadx=15, ipady=15)
button = tk.Button(frame, text="按鈕", bg='green')
button.grid(column=2, row=3, ipadx=15, ipady=15)
root.mainloop()
其中,sticky=tk.EW
,sticky=tk.NS
拉伸小部件充滿單元格。
Grid 布局綜合示例
import tkinter as tk
root = tk.Tk()
root.geometry('600x400+200+200')
root.title('幾何布局管理器演示')
root.resizable(False, False)
var1 =tk.IntVar()
var2 =tk.BooleanVar()
left_frame = tk.Frame(root, width=200, height=400, bg='lightgrey')
left_frame.grid(column=0, row=0, sticky=tk.NS, padx=5, pady=5)
right_frame = tk.Frame(root, width=400, height=400, bg='lightgrey')
right_frame.grid(column=1, row=0, padx=5, pady=5)
tk.Label(left_frame, text="標簽").grid(column=0, row=0, columnspan=2, pady=10, ipadx=10)
photo = tk.PhotoImage(file='ItYunKeTang.png')
tk.Label(left_frame, image=photo).grid(column=0, row=1, columnspan=2, padx=5, pady=10)
tk.Button(left_frame, text="按鈕", width=8).grid(column=0, row=2, padx=5)
tk.Button(left_frame, text="按鈕", width=8).grid(column=0, row=3, padx=5)
tk.Button(left_frame, text="按鈕", width=8).grid(column=0, row=4, padx=5)
tk.Button(left_frame, text="按鈕", width=8).grid(column=0, row=5, padx=5)
labelframe1 = tk.LabelFrame(left_frame, text='復(fù)選框', padx=5, bg='lightgrey')
labelframe1.grid(column=1, row=2, rowspan=2, pady=5)
tk.Checkbutton(labelframe1, text='選項1', variable=var1, bg='lightgrey').grid(column=0, row=0, padx=15)
tk.Checkbutton(labelframe1, text='選項2', variable=var2, bg='lightgrey').grid(column=0, row=1)
labelframe2 = tk.LabelFrame(left_frame, text='單選框', padx=5, bg='lightgrey')
labelframe2.grid(column=1, row=4, rowspan=2)
tk.Radiobutton(labelframe2, text='選項1', variable=var2, value=1, bg='lightgrey').grid(column=0, row=0, padx=15)
tk.Radiobutton(labelframe2, text='選項2', variable=var2, value=2, bg='lightgrey').grid(column=0, row=1)
photo2 = tk.PhotoImage(file='logo1.png')
label = tk.Label(right_frame, image=photo2)
label.grid(column=0, row=0, pady=5)
message ='''
Python 提供了多個圖形開發(fā)界面的庫,幾個常用 Python GUI 庫如下:
Tkinter:Tkinter 模塊(Tk 接口)是Python 的標準 Tk GUI 工具包的接口.Tk 和 Tkinter 可以在大多數(shù)的 Unix平臺下使用,同樣可以應(yīng)用在 Windows 和 Macintosh 系統(tǒng)里。Tk8.0 的后續(xù)版本可以實現(xiàn)本地窗口風格,并良好地運行在絕大多數(shù)平臺中。
wxPython:wxPython 是一款開源軟件,是 Python 語言的一套優(yōu)秀的 GUI 圖形庫,允許 Python 程序員很方便的創(chuàng)建完整的、功能健全的 GUI 用戶界面。
Jython:Jython 程序可以和 Java 無縫集成。除了一些標準模塊,Jython 使用 Java 的模塊。Jython 幾乎擁有標準的Python 中不依賴于 C 語言的全部模塊。比如,Jython 的用戶界面將使用 Swing,AWT或者 SWT。Jython 可以被動態(tài)或靜態(tài)地編譯成 Java 字節(jié)碼。
'''
text_box = tk.Text(right_frame, height=23, width=50)
text_box.grid(column=0, row=1, padx=5, pady=5)
text_box.insert('end', message)
text_box.config(state='disabled')
root.mainloop()