Tkinter 可以使用幾何布局管理器來組織窗口上的小部件。Tkinter 支持三種幾何布局管理器:
在本文中,將介紹 Tkinter 的幾何布局管理器 pack 以及如何使用它在窗口上排列小部件。
下面,通過一個簡單的示例來說明 pack 幾何布局管理器的使用方法。
import tkinter as tk
root = tk.Tk()
root.geometry('600x400+200+200')
root.title('幾何布局管理器演示')
button1 = tk.Button(root, text='1',bg='red', fg='white', width=20)
button2 = tk.Button(root, text='2',bg='green', fg='white', width=20)
button3 = tk.Button(root, text='3',bg='blue', fg='white', width=20)
button1.pack()
button2.pack()
button3.pack()
root.mainloop()
上面示例中,包含三個按鈕,使用 pack()
進行布局 。默認情況下,小部件從上到下垂直居中排列。
pack()
支持多重參數(shù)進行自定義布局。
side
side
參數(shù)指定小部件布局向。該參數(shù)有四個可選選項:
還可以使用 Tkinter 模塊提供的預定義常量:
import tkinter as tk
root = tk.Tk()
root.geometry('600x400+200+200')
root.title('幾何布局管理器演示')
button1 = tk.Button(root, text='1',bg='red', fg='white', width=20)
button2 = tk.Button(root, text='2',bg='green', fg='white', width=20)
button3 = tk.Button(root, text='3',bg='blue', fg='white', width=20)
button1.pack()
button2.pack()
button3.pack()
button1 = tk.Button(root, text='1',bg='red', fg='white', width=20)
button2 = tk.Button(root, text='2',bg='green', fg='white', width=20)
button3 = tk.Button(root, text='3',bg='blue', fg='white', width=20)
button1.pack(side=tk.BOTTOM)
button2.pack(side=tk.BOTTOM)
button3.pack(side=tk.BOTTOM)
button1 = tk.Button(root, text='1',bg='red', fg='white', width=10)
button2 = tk.Button(root, text='2',bg='green', fg='white', width=10)
button3 = tk.Button(root, text='3',bg='blue', fg='white', width=10)
button1.pack(side=tk.LEFT)
button2.pack(side=tk.LEFT)
button3.pack(side=tk.LEFT)
button1 = tk.Button(root, text='1',bg='red', fg='white', width=10)
button2 = tk.Button(root, text='2',bg='green', fg='white', width=10)
button3 = tk.Button(root, text='3',bg='blue', fg='white', width=10)
button1.pack(side=tk.RIGHT)
button2.pack(side=tk.RIGHT)
button3.pack(side=tk.RIGHT)
root.mainloop()
expand
expand 確定小部件是否應擴展以占用分配給容器的任何額外空間。
import tkinter as tk
root = tk.Tk()
root.geometry('600x400+200+200')
root.title('幾何布局管理器演示')
button1 = tk.Button(root, text='1',bg='red', fg='white', width=20)
button2 = tk.Button(root, text='2',bg='green', fg='white', width=20)
button3 = tk.Button(root, text='3',bg='blue', fg='white', width=20)
button1.pack(side=tk.TOP, expand=True)
button2.pack(side=tk.TOP, expand=False)
button3.pack(side=tk.TOP, expand=False)
root.mainloop()
以上示例,button1
使用參數(shù) expand=True
,擴展占用了容器的剩余空間。
expand
參數(shù)依賴于 side
參數(shù),小部件的最大寬度(高度)可以與容器一樣寬(高)。
如果三個按鈕都使用參數(shù) expand=True
,則平分容器空間。
fill
fill
參數(shù)確定小組件是否會直接占用可用空間,改變小組件的寬度或高度。它接受以下值:
默認情況下,填充為 none
。
import tkinter as tk
root = tk.Tk()
root.geometry('600x400+200+200')
root.title('幾何布局管理器演示')
button1 = tk.Button(root, text='1',bg='red', fg='white', width=20)
button2 = tk.Button(root, text='2',bg='green', fg='white', width=20)
button3 = tk.Button(root, text='3',bg='blue', fg='white', width=20)
button1.pack(side=tk.TOP, expand=True, fill=tk.X)
button2.pack(side=tk.TOP, expand=True, fill=tk.Y)
button3.pack(side=tk.TOP, expand=True, fill=tk.BOTH)
root.mainloop()
以上示例中,第一個按鈕小部件沿 x
軸填充額外的空間。第二個按鈕小部件沿 y
軸填充額外的空間。第三個按鈕小部件在水平和垂直方向上占用任何額外的空間。
ipadx 、ipady
ipadx
、ipady
參數(shù)為小部件創(chuàng)建內(nèi)部填充,是組件文本跟組件邊界之間的距離。ipadx
沿 x
軸創(chuàng)建填充。ipady
沿 Y
軸創(chuàng)建填充。
import tkinter as tk
root = tk.Tk()
root.geometry('600x400+200+200')
root.title('幾何布局管理器演示')
button1 = tk.Button(root, text='1',bg='red', fg='white')
button2 = tk.Button(root, text='2',bg='green', fg='white')
button3 = tk.Button(root, text='3',bg='blue', fg='white')
button4 = tk.Button(root, text='4',bg='yellow', fg='red')
button1.pack(side=tk.LEFT)
button2.pack(side=tk.LEFT, ipadx=40)
button3.pack(side=tk.LEFT, ipady=40)
button4.pack(side=tk.LEFT, ipadx=80, ipady=80)
root.mainloop()
padx 、pady
padx
、pady
參數(shù)分別指定外部水平和垂直填充,是組件跟鄰近組件或窗體邊界的距離。
import tkinter as tk
root = tk.Tk()
root.geometry('600x400+200+200')
root.title('幾何布局管理器演示')
button1 = tk.Button(root, text='1',bg='red', fg='white')
button2 = tk.Button(root, text='2',bg='green', fg='white')
button3 = tk.Button(root, text='3',bg='blue', fg='white')
button4 = tk.Button(root, text='4',bg='yellow', fg='red')
button1.pack(side=tk.LEFT, padx=20)
button2.pack(side=tk.LEFT, padx=40)
button3.pack(side=tk.LEFT, padx=60)
button4.pack(side=tk.LEFT, padx=80)
root.mainloop()
anchor
anchor
決定組件停靠的位置。
import tkinter as tk
root = tk.Tk()
root.geometry('600x400+200+200')
root.title('幾何布局管理器演示')
button1 = tk.Button(root, text='1', bg='red', fg='white')
button2 = tk.Button(root, text='2', bg='green', fg='white')
button1.pack(anchor=tk.W, expand=True)
button2.pack(anchor=tk.E, expand=True)
root.mainloop()
pack 布局綜合示例
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=160, height=400, bg='grey')
left_frame.pack(side='left', fill='both', padx=10, pady=5, expand=True)
right_frame = tk.Frame(root, width=400, height=400, bg='grey')
right_frame.pack(side='right', fill='both', padx=10, pady=5, expand=True)
tk.Label(left_frame, text="標簽").pack(side='top', padx=5, pady=5, ipadx=20)
photo = tk.PhotoImage(file='ItYunKeTang.png')
tk.Label(left_frame, image=photo).pack(fill='both', padx=5, pady=5)
tool_bar1 = tk.Frame(left_frame, width=70, height=100, bg='lightgrey')
tool_bar1.pack(side='left', fill='both', padx=5, pady=5, expand=True)
tk.Button(tool_bar1, text="按鈕", width=10).pack(padx=5, pady=5)
tk.Button(tool_bar1, text="按鈕", width=10).pack(padx=5, pady=5)
tk.Button(tool_bar1, text="按鈕", width=10).pack(padx=5, pady=5)
tk.Button(tool_bar1, text="按鈕", width=10).pack(padx=5, pady=5)
tool_bar2 = tk.Frame(left_frame, width=70, height=100, bg='lightgrey')
tool_bar2.pack(side='right', fill='both', padx=5, pady=5, expand=True)
labelframe1 = tk.LabelFrame(tool_bar2, text='復選框', padx=10, pady=5, bg='lightgrey')
labelframe1.pack()
tk.Checkbutton(labelframe1, text='選項1', variable=var1, bg='lightgrey').pack()
tk.Checkbutton(labelframe1, text='選項2', variable=var2, bg='lightgrey').pack(anchor=tk.W)
labelframe2 = tk.LabelFrame(tool_bar2, text='單選框', padx=10, pady=5, bg='lightgrey')
labelframe2.pack()
tk.Radiobutton(labelframe2, text='選項1', variable=var2, value=1, bg='lightgrey').pack()
tk.Radiobutton(labelframe2, text='選項2', variable=var2, value=2, bg='lightgrey').pack(anchor=tk.W)
photo2 = tk.PhotoImage(file='logo1.png')
label = tk.Label(right_frame, image=photo2)
label.pack(fill='both', padx=5, pady=5)
message ='''
Python 提供了多個圖形開發(fā)界面的庫,幾個常用 Python GUI 庫如下:
Tkinter:Tkinter 模塊(Tk 接口)是Python 的標準 Tk GUI 工具包的接口.Tk 和 Tkinter 可以在大多數(shù)的 Unix平臺下使用,同樣可以應用在 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=30, width=45)
text_box.pack(pady=5)
text_box.insert('end', message)
text_box.config(state='disabled')
root.mainloop()