Python Tkinter使用Grid實現窗口布局

Python Tkinter是一個常用的GUI（Graphical User Interface）開發工具，可用於Python應用程序的圖形界面開發。Tkinter布局管理器中的Grid是一種常見的布局方式，它可以使您輕鬆地將內容安排為表格形式。本文將介紹Python Tkinter中使用Grid實現窗口布局的相關知識。

一、Grid布局簡介

Grid布局可以將GUI界面組件劃分為網格，每個組件將佔據一個或多個單元格，這些單元格形成一個網格布局。在使用Grid布局時，每個組件都被放置在一個行號和列號的單元格中，可以指定該組件在行和列中佔據的單元格數目。可以使用grid()方法將組件放置到Grid布局中。

下面是一個簡單的示例，演示如何使用Grid布局將三個按鈕放置到一個窗口中。

from tkinter import *
root = Tk()

btn1 = Button(root, text="Button 1")
btn2 = Button(root, text="Button 2")
btn3 = Button(root, text="Button 3")

btn1.grid(row=0, column=0)
btn2.grid(row=0, column=1)
btn3.grid(row=1, column=0, columnspan=2)

root.mainloop()

在這個例子中，第一個按鈕被放置在第0行和第0列，第二個按鈕被放置在第0行和第1列，而第三個按鈕被放置在第1行和第0列，並跨越了第0列和第1列。

二、Grid布局選項

Grid布局提供了許多選項來控制窗口中組件的位置和大小。以下是常見的Grid布局選項：

• row：組件的行號。行號從0開始計數。
• column：組件的列號。列號從0開始計數。
• rowspan：組件跨越的行數。
• columnspan：組件跨越的列數。
• sticky：指定組件在單元格中的粘性。N, S, E, W表示向上、向下、向右、向左粘性，可以組合使用。
• padx：橫向填充量。可以使用像素值或填充字元’x’。
• pady：縱向填充量。可以使用像素值或填充字元’y’。

下面是一個示例代碼，展示如何使用這些選項將一個標籤和一個輸入框放置在一個窗口中。

from tkinter import *
root = Tk()

label = Label(root, text="Name")
entry = Entry(root)

label.grid(row=0, column=0, sticky=W, padx=4, pady=4)
entry.grid(row=0, column=1, padx=4, pady=4)

root.mainloop()

在這個例子中，我們將標籤放置在第0行和第0列，使用sticky選項和W值將標籤向左側對齊，並提供了x軸和y軸方向上的填充量。輸入框被放置在第0列和第1列，並提供了x軸方向上的填充量。

三、使用Grid實現複雜布局

現在我們將介紹如何使用Grid布局將多個組件放置到一個複雜的界面中。下面是一個示例代碼，展示如何使用Grid布局實現一個簡單的計算器界面。

from tkinter import *

root = Tk()
root.title("Calculator")

# 創建顯示結果的標籤
display = Label(root, text="0", width=24, height=3, anchor=SE, font=("Helvetica", 20, "bold"))
display.grid(row=0, column=0, columnspan=4, padx=4, pady=4)

# 創建數字鍵
button7 = Button(root, text="7", width=4, height=2)
button7.grid(row=1, column=0, padx=4, pady=4)
button8 = Button(root, text="8", width=4, height=2)
button8.grid(row=1, column=1, padx=4, pady=4)
button9 = Button(root, text="9", width=4, height=2)
button9.grid(row=1, column=2, padx=4, pady=4)
buttonDivide = Button(root, text="/", width=4, height=2)
buttonDivide.grid(row=1, column=3, padx=4, pady=4)

button4 = Button(root, text="4", width=4, height=2)
button4.grid(row=2, column=0, padx=4, pady=4)
button5 = Button(root, text="5", width=4, height=2)
button5.grid(row=2, column=1, padx=4, pady=4)
button6 = Button(root, text="6", width=4, height=2)
button6.grid(row=2, column=2, padx=4, pady=4)
buttonMultiply = Button(root, text="*", width=4, height=2)
buttonMultiply.grid(row=2, column=3, padx=4, pady=4)

button1 = Button(root, text="1", width=4, height=2)
button1.grid(row=3, column=0, padx=4, pady=4)
button2 = Button(root, text="2", width=4, height=2)
button2.grid(row=3, column=1, padx=4, pady=4)
button3 = Button(root, text="3", width=4, height=2)
button3.grid(row=3, column=2, padx=4, pady=4)
buttonSubtract = Button(root, text="-", width=4, height=2)
buttonSubtract.grid(row=3, column=3, padx=4, pady=4)

button0 = Button(root, text="0", width=10, height=2)
button0.grid(row=4, column=0, columnspan=2, padx=4, pady=4)
buttonDecimal = Button(root, text=".", width=4, height=2)
buttonDecimal.grid(row=4, column=2, padx=4, pady=4)
buttonAdd = Button(root, text="+", width=4, height=2)
buttonAdd.grid(row=4, column=3, padx=4, pady=4)

buttonClear = Button(root, text="C", width=4, height=2, bg="orange", command=lambda: display.config(text="0"))
buttonClear.grid(row=5, column=0, padx=4, pady=4)
buttonEquals = Button(root, text="=", width=20, height=2, bg="blue", fg="white")
buttonEquals.grid(row=5, column=1, columnspan=3, padx=4, pady=4)

root.mainloop()

這個示例代碼展示了如何使用Grid布局創建一個簡單的計算器界面，包括顯示結果的標籤和數字、運算符等元素。

總結

Python Tkinter使用Grid實現窗口布局是一種常見的GUI開發方式，可以使您輕鬆將組件劃分為網格，並在每個單元格中放置內容。本文介紹了Grid布局的基礎知識和常見選項，同時還提供了一個複雜的示例代碼，演示如何使用Grid布局創建一個簡單的計算器界面。