Python GUI編程之tkinter模塊Toplevel控件實現搭建父子窗口

更新時間：2023年12月30日 09:21:52 作者：Hann Yang

這篇文章主要介紹了Python使用tkinter模塊Toplevel控件搭建父子窗口的實現方法,Tkinter是Python的標準GUI庫,Python使用Tkinter可以快速的創(chuàng)建GUI應用程序,用到相關控件的同學可以參考下

Toplevel控件搭建父子窗口

最近，用Python給單位里用的“智慧食堂”系統(tǒng)編制了一個餐卡充值文件生成器，自動匹配餐卡號并快速生成導入數據用的Excel表格，截圖如下：

使用tkinter Toplevel控件彈出子窗口，用作設置備注的子窗口。在編程過程中，邊學邊寫探索到不少新知識，簡單介紹如下：

最簡明的父子窗口框架

創(chuàng)建一個主窗口、一個子窗口，各放一個按鈕，代碼如下：

import win32api, tkinter as tk
def _toplevel():
    top = tk.Toplevel(root)
    top.title("Toplevel Window")
    W,H=400,300
    top.geometry(f'{W}x{H}+{(X-W)//2}+{(Y-H)//2}')
    btn_Close = tk.Button(top, text="Close", command=top.destroy)
    btn_Close.pack()  
if __name__=='__main__':
    # 創(chuàng)建主窗口
    root = tk.Tk()
    root.title("Main Window")
    # 獲取windows系統(tǒng)桌面分辨率
    X,Y=win32api.GetSystemMetrics(0),win32api.GetSystemMetrics(1)
    W,H=600,480
    root.geometry(f'{W}x{H}+{(X-W)//2}+{(Y-H)//2}')
    # 創(chuàng)建一個打開Toplevel窗口的按鈕
    btn_Open = tk.Button(root, text="Open Toplevel", command=_toplevel)
    btn_Open.pack()
    # 運行Tkinter事件循環(huán)
    root.mainloop()

上述代碼的缺點是主窗口上的Open按鈕可以反復點擊打開多個子窗口，要想辦法按需要來屏蔽它的點擊功能。

改進屏蔽和開放按鈕

以下代碼可以調整按鈕的使用狀態(tài)：tk.DISABLED、tk.NORMAL

button.config(state=tk.DISABLED)

button.config(state=tk.NORMAL)

打開子窗口時，Open按鈕的狀態(tài)改為tk.DISABLED，此時已無法點擊了。

import win32api, tkinter as tk  
class TopWindow:
    def __init__(self, parent):  
        top = self.top = tk.Toplevel(parent)
        top.title("Toplevel Window")
        W,H=400,300
        top.geometry(f'{W}x{H}+{(X-W)//2}+{(Y-H)//2}')
        btn_Close = tk.Button(top, text="Close", command=self.on_close)
        btn_Close.pack()
    def on_close(self):
        btn_Open.config(state=tk.NORMAL)
        self.top.destroy()
def on_open():
    TopWindow(root)
    btn_Open.config(state=tk.DISABLED)
if __name__=='__main__':  
    root = tk.Tk()  
    root.title("Main Window")  
    X,Y=win32api.GetSystemMetrics(0),win32api.GetSystemMetrics(1)
    W,H=600,480
    root.geometry(f'{W}x{H}+{(X-W)//2}+{(Y-H)//2}')
    btn_Open = tk.Button(root, text="Open Toplevel", command=on_open)
    btn_Open.pack()
    root.mainloop()

改進子窗口始終在主窗口之上

top.transient(root) # 設置Toplevel窗口始終在主窗口root的上方

import win32api, tkinter as tk  
class TopWindow:
    def __init__(self, parent):  
        top = self.top = tk.Toplevel(parent)
        top.title("Toplevel Window")
        W,H=400,300
        top.geometry(f'{W}x{H}+{(X-W)//2}+{(Y-H)//2}')
        top.transient(root) # 設置Toplevel窗口始終在主窗口上方
        btn_Close = tk.Button(top, text="Close", command=self.on_close)
        btn_Close.pack()
    def on_close(self):
        btn_Open.config(state=tk.NORMAL)
        self.top.destroy()
def on_open():
    TopWindow(root)
    btn_Open.config(state=tk.DISABLED)
if __name__=='__main__':  
    root = tk.Tk()  
    root.title("Main Window")  
    X,Y=win32api.GetSystemMetrics(0),win32api.GetSystemMetrics(1)
    W,H=600,480
    root.geometry(f'{W}x{H}+{(X-W)//2}+{(Y-H)//2}')
    btn_Open = tk.Button(root, text="Open Toplevel", command=on_open)
    btn_Open.pack()
    root.mainloop()

另外一種方法也能設置子窗口永遠在前：

top.wm_attributes('-topmost', True) # 設置Toplevel窗口在所有窗口的上方

兩種方法的區(qū)別在于后者是全局的設置，它使得子窗口在操作系統(tǒng)中所有窗口的上面，包括其它應用程序的窗口。

如下圖，請比較一下與上一張截圖的效果有啥區(qū)別：

改進增加子窗口的關閉協議

如下圖，直接點擊子窗口右上關閉按鈕，只觸發(fā)窗口默認的top.destroy事件。這樣關閉子窗口后，主窗口的按鈕狀態(tài)并不能恢復；以下代碼使得子窗口的"WM_DELETE_WINDOW"關閉協議綁定了自定義的關閉事件self.onclose：

top.protocol("WM_DELETE_WINDOW", self.on_close)

完整代碼如下：

import win32api, tkinter as tk  
class TopWindow:
    def __init__(self, parent):  
        top = self.top = tk.Toplevel(parent)
        top.title("Toplevel Window")
        W,H=400,300
        top.geometry(f'{W}x{H}+{(X-W)//2}+{(Y-H)//2}')
        top.transient(root)
        top.protocol("WM_DELETE_WINDOW", self.on_close)
        btn_Close = tk.Button(top, text="Close", command=self.on_close)
        btn_Close.pack()
    def on_close(self):
        btn_Open.config(state=tk.NORMAL)
        self.top.destroy()
def on_open():
    TopWindow(root)
    btn_Open.config(state=tk.DISABLED)
if __name__=='__main__':  
    root = tk.Tk()  
    root.title("Main Window")  
    X,Y=win32api.GetSystemMetrics(0),win32api.GetSystemMetrics(1)
    W,H=600,480
    root.geometry(f'{W}x{H}+{(X-W)//2}+{(Y-H)//2}')
    btn_Open = tk.Button(root, text="Open Toplevel", command=on_open)
    btn_Open.pack()
    root.mainloop()

改進使子窗口長獲焦點

top.grab_set() # 確保Toplevel窗口長獲焦點

使用這個方法，前面提到的按鈕狀態(tài)的切換以及子窗口綁定關閉協議的代碼都不需要了，非常簡潔。top.grab_set()配合top.transient(root)共同使用(如下標注紅色部分)，效果最佳：

import win32api, tkinter as tk 
class TopWindow:
    def __init__(self, parent):  
        top = self.top = tk.Toplevel(parent)
        top.title("Toplevel Window")
        W,H=400,300
        top.geometry(f'{W}x{H}+{(X-W)//2}+{(Y-H)//2}')
        top.grab_set()
        top.transient(root)
        btn_Close = tk.Button(top, text="Close", command=top.destroy)
        btn_Close.pack()
def on_open():
    TopWindow(root)
if __name__=='__main__':  
    root = tk.Tk()  
    root.title("Main Window")  
    X,Y=win32api.GetSystemMetrics(0),win32api.GetSystemMetrics(1)
    W,H=600,480
    root.geometry(f'{W}x{H}+{(X-W)//2}+{(Y-H)//2}')
    btn_Open = tk.Button(root, text="Open Toplevel", command=on_open)
    btn_Open.pack()
    root.mainloop()

源代碼復制框如下：

import win32api, tkinter as tk  
class TopWindow:
    def __init__(self, parent):  
        top = self.top = tk.Toplevel(parent)
        top.title("Toplevel Window")
        W,H=400,300
        top.geometry(f'{W}x{H}+{(X-W)//2}+{(Y-H)//2}')
        top.grab_set()
        top.transient(root)
        btn_Close = tk.Button(top, text="Close", command=top.destroy)
        btn_Close.pack()
def on_open():
    TopWindow(root)
if __name__=='__main__':  
    root = tk.Tk()  
    root.title("Main Window")  
    X,Y=win32api.GetSystemMetrics(0),win32api.GetSystemMetrics(1)
    W,H=600,480
    root.geometry(f'{W}x{H}+{(X-W)//2}+{(Y-H)//2}')
    btn_Open = tk.Button(root, text="Open Toplevel", command=on_open)
    btn_Open.pack()
    root.mainloop()