Python Grid GUI: 快速創建網格布局界面

一、什麼是Python Grid GUI

Python Grid GUI是一個Python模塊，用於創建基於網格布局的圖形用戶界面(GUI)。它是Tkinter庫的擴展，提供了一組新的控件和網格布局管理器，簡化了GUI的開發過程。

Python Grid GUI提供了GridFrame、GridLabelFrame、GridButton、GridCheckBox、GridRadioButton、GridComboBox、GridSpinBox、GridScrollBar、GridSeparator、GridSlider等控件，除此之外，它還支持網格布局管理器，可以非常方便地調整控件的位置和大小。

與其他GUI庫相比，Python Grid GUI的特點是代碼清晰簡潔，易於上手，而且生成的界面美觀、易讀、易用。

二、使用Python Grid GUI創建網格布局界面

Python Grid GUI的使用非常簡單，只需要導入相應的模塊，然後創建控件並添加到父控件上即可。

from gridgui import *
from tkinter import *

root = Tk()

frame = GridFrame(root, bg='white', padx=10, pady=10)

label1 = GridLabel(frame, text='姓名', font=('微軟雅黑', 12))
entry1 = Entry(frame, font=('微軟雅黑', 12))

label2 = GridLabel(frame, text='年齡', font=('微軟雅黑', 12))
entry2 = Entry(frame, font=('微軟雅黑', 12))

button = GridButton(frame, text='確定', bg='steelblue', fg='white', width=10, height=2)

frame.add(label1, 1, 1, sticky=W)  # 第1行第1列，左對齊
frame.add(entry1, 1, 2, sticky=E+W) # 第1行第2列，左右對齊
frame.add(label2, 2, 1, sticky=W) # 第2行第1列，左對齊
frame.add(entry2, 2, 2, sticky=E+W) # 第2行第2列，左右對齊
frame.add(button, 3, 2, pady=10, sticky=S+E) # 第3行第2列，底部右對齊，下邊距10像素

frame.grid(row=0, column=0)
root.mainloop()

運行上面的代碼，就可以得到一個簡單的網格布局界面：

上面的代碼中，我們先創建了一個GridFrame，它是一個基於網格布局的容器框架。然後創建了兩個GridLabel和兩個Entry，作為輸入姓名和年齡的控件。最後創建了一個GridButton，表示「確定」按鈕。

接着，我們使用frame.add()方法將這些控件添加到容器中。第一個參數是要添加的控件對象，第二個和第三個參數是控件要放置的行和列，第四個參數是控件的對齊方式，可以使用常量N、S、E、W或其組合。

最後，我們使用frame.grid()方法將容器放置在主窗口上。

三、Python Grid GUI中的控件

除了前面提到的GridFrame、GridLabelFrame、GridButton、GridCheckBox、GridRadioButton、GridComboBox、GridSpinBox、GridScrollBar、GridSeparator、GridSlider等控件外，Python Grid GUI還提供了其他常見的控件，如GridEntry、GridLabel、GridText等。

GridEntry是一個單行文本框，可以用來輸入單行文本。

entry = GridEntry(frame, font=('微軟雅黑', 12))

GridLabel是一個標籤控件，可以用來顯示一段描述性文字。

label = GridLabel(frame, text='請輸入你的姓名', font=('微軟雅黑', 12))

GridText是一個多行文本框，可以用來輸入多行文本。

text = GridText(frame, font=('微軟雅黑', 12))

使用這些控件也非常簡單，只需創建一個對象，然後將其添加到容器中即可。

四、Python Grid GUI中的網格布局管理器

Python Grid GUI提供了網格布局管理器，可以讓我們方便地將控件放置在網格中，並自由調整控件的位置和大小。

我們先創建一個GridFrame作為容器，然後設置容器的列數和行數，並使用Grid方法調整每個單元格的大小，即可開始對控件進行布局。

frame = GridFrame(root, bg='#eee', padx=10, pady=10, cols=10, rows=10)

for c in range(2, 8):
    for r in range(2, 8):
        label = GridLabel(frame, text='{},{}'.format(r, c), font=('微軟雅黑', 12))
        frame.add(label, r, c)

frame.grid(row=0, column=0)

上面的代碼中，我們創建了一個10列10行的網格容器，並在其中放置了一些標籤控件，使它們處於指定的單元格中。我們可以使用add()方法指定控件應該放在哪個行、哪個列，也可以使用rowspan和columnspan選項指定跨越的行和列數。

五、定義自己的控件

除了提供許多內置控件外，Python Grid GUI還允許我們定義自己的控件。如果我們需要一個特定的控件來滿足我們的需求，或者希望將多個現有控件組合成一個複雜的控件，這將非常有用。

我們可以繼承GridWidget類，然後添加自己的方法和屬性。例如，下面的代碼定義了一個名為MyButton的自定義按鈕控件：

class MyButton(GridWidget):
    def __init__(self, master, text='', bg='white', fg='black', font=('微軟雅黑', 12), click=None):
        super().__init__(master)
        self.button = GridButton(self, text=text, bg=bg, fg=fg, font=font, command=click)
        self.button.pack(expand=1, fill=BOTH)

    def disable(self):
        self.button['state'] = DISABLED

    def enable(self):
        self.button['state'] = NORMAL

在上面的代碼中，我們首先調用了父類的初始化方法，然後創建了一個GridButton作為按鈕的實際控件，將其放置在MyButton中，並使用了pack()方法來佔據整個可用空間。

現在，我們可以使用MyButton控件像使用其他控件一樣。例如，我們可以創建一個帶有「確定」和「取消」按鈕的GridFrame，並為每個按鈕創建MyButton控件，如下所示：

frame = GridFrame(root, padx=10, pady=10)

button_ok = MyButton(frame, text='確定', bg='steelblue', fg='white', click=on_ok_button_clicked)
button_cancel = MyButton(frame, text='取消', bg='gray', fg='white', click=on_cancel_button_clicked)

frame.add(button_ok, 1, 1)
frame.add(button_cancel, 1, 2)

frame.grid(row=0, column=0)

使用自定義控件使我們可以更好地組織代碼，並提供可重用的控件。

六、小結

Python Grid GUI是一個簡單易用的GUI庫，提供了基於網格布局的控件和布局管理器，可以幫助我們快速創建美觀、易讀、易用的界面。

通過本文的介紹，我們了解了Python Grid GUI的基本使用方法，包括如何創建控件、使用網格布局管理器、定義自己的控件等。希望這些知識對大家有所幫助。