Tkinter GUI界面元素周围出现空白/灰色间隙问题求助

你遇到的空白间隙主要来自ttk组件默认的边框、内边距，以及自定义类内部布局未占满父容器这两个问题，按以下步骤修改即可解决：

1. 调整ttk组件样式，移除默认空白 #

修改样式配置，彻底清除Notebook和Frame的默认边框与内边距，同时保留标签的合理间距避免文字拥挤：

2. 确保自定义类填充整个标签页 #

你的AvgCode、SSDCode、NipcCode三个类如果继承自tkinter的Frame或Widget，需要让它们完全填充所在的标签页Frame，避免内部组件未撑满导致的空白。

修改后的完整代码 #

from tkinter import ttk, Tk
from avg import AvgCode
from ssd import SSDCode
from nipc import NipcCode

if __name__ == "__main__":
    root = Tk()

    style = ttk.Style()
    # 移除Notebook的边框和内边距
    style.configure("TNotebook", borderwidth=0, padding=0)
    # 给标签保留合适的内边距（可根据需求调整数值）
    style.configure("TNotebook.Tab", padding=(10, 2))
    # 移除标签页内部Frame的边框和内边距
    style.configure("TFrame", borderwidth=0, padding=0)

    tab_control = ttk.Notebook(root, style="TNotebook")
    
    # 创建带自定义样式的标签页Frame
    tab1 = ttk.Frame(tab_control, style="TFrame")
    tab_control.add(tab1, text='平均强度')
    avg_code = AvgCode(tab1)
    # 让自定义类实例填充整个标签页（如果类继承Frame）
    avg_code.pack(expand=1, fill='both')

    tab2 = ttk.Frame(tab_control, style="TFrame")
    tab_control.add(tab2, text='平方差和')
    ssd_code = SSDCode(tab2)
    ssd_code.pack(expand=1, fill='both')

    tab3 = ttk.Frame(tab_control, style="TFrame")
    tab_control.add(tab3, text='归一化内积系数')
    nipc_code = NipcCode(tab3)
    nipc_code.pack(expand=1, fill='both')

    # 让标签页容器填充整个窗口，无额外边距
    tab_control.pack(expand=1, fill='both', padx=0, pady=0)

    root.mainloop()

额外检查要点 #

如果修改后仍有空白，需要检查自定义类内部的布局：

• 若使用grid布局，需给父容器的行和列设置权重，比如在AvgCode的初始化方法中添加：

  self.grid_rowconfigure(0, weight=1)
  self.grid_columnconfigure(0, weight=1)
  

  同时让内部组件设置sticky="nsew"来填充单元格
• 若使用pack布局，确保内部组件都设置了expand=1, fill='both'（按需调整fill方向）

内容的提问来源于stack exchange，提问作者I love chocolate