Tkinter Frame组件背景色不显示问题求助

问题原因 #

1. Frame自适应特性：Tkinter的Frame默认会根据内部子组件的尺寸自动调整自身大小，若子组件未填满Frame，Frame的背景色区域会被压缩到仅包裹子组件，肉眼看不到完整的背景。
2. Grid布局未配置权重：使用grid布局时，未给父容器的行列设置weight属性，也未给Frame添加sticky参数，导致Frame无法占据分配到的单元格空间，只能维持子组件的最小尺寸。
3. 子组件布局不合理：部分Frame（如代码中的frame2）内的子组件放置在较高行号，但未对中间空行做处理，Frame会收缩到仅能容纳子组件的最小高度，背景色无法完整显示。

解决办法 #

方案1：锁定Frame尺寸（适合固定布局） #

给Frame设置固定宽高，并禁用其随子组件自动调整大小的特性：

# 修改frame1_2的创建和布局代码
frame1_2=Frame(root,bg='red', width=600, height=50)
frame1_2.grid(row=1,column=0)
frame1_2.grid_propagate(False)  # 禁止Frame随子组件收缩

# 同理处理其他Frame
frame1_3=Frame(root,bg='yellow', width=600, height=50)
frame1_3.grid(row=2,column=0)
frame1_3.grid_propagate(False)

frame2=Frame(root,bg='blue', width=200, height=200)
frame2.grid(row=0,column=1)
frame2.grid_propagate(False)

方案2：配置Grid布局权重（适合自适应窗口） #

通过设置父容器的行列权重，让Frame能随窗口扩展，并利用sticky参数让Frame填满单元格：

# 先配置root窗口的行列权重，让行列可随窗口大小扩展
root.grid_columnconfigure(0, weight=1)
root.grid_columnconfigure(1, weight=1)
root.grid_rowconfigure(0, weight=1)
root.grid_rowconfigure(1, weight=1)
root.grid_rowconfigure(2, weight=1)

# 修改Frame的grid布局，添加sticky参数
frame1.grid(row=0,column=0, sticky="nsew")  # 上下左右填满单元格
frame1_2.grid(row=1,column=0, sticky="nsew")
frame1_3.grid(row=2,column=0, sticky="nsew")
frame2.grid(row=0,column=1, sticky="nsew")

同时，若Frame内的子组件需要居中或固定位置，可给Frame内部的行列也配置权重，比如给frame1设置：

frame1.grid_rowconfigure(0, weight=1)
frame1.grid_rowconfigure(1, weight=1)
frame1.grid_rowconfigure(2, weight=1)
frame1.grid_columnconfigure(0, weight=1)
frame1.grid_columnconfigure(1, weight=1)
frame1.grid_columnconfigure(2, weight=1)

方案3：优化子组件布局 #

针对frame2这类子组件位置不合理的情况，调整子组件的行号，或添加占位组件撑满Frame：

# 修改frame2内的label布局，放在row=0并设置sticky
label2 = Label(frame2, text=" ", bg='blue')
label2.grid(row=0,column=0, sticky="nsew")
# 给frame2的行列配置权重
frame2.grid_rowconfigure(0, weight=1)
frame2.grid_columnconfigure(0, weight=1)

修改后的完整示例代码 #

from tkinter import *

# Create object
root = Tk()

# Adjust size
root.geometry("600x200")

# 配置root的行列权重
root.grid_columnconfigure(0, weight=1)
root.grid_columnconfigure(1, weight=1)
root.grid_rowconfigure(0, weight=1)
root.grid_rowconfigure(1, weight=1)
root.grid_rowconfigure(2, weight=1)

#create frames
frame1=Frame(root,bg='white')
frame1.grid(row=0,column=0, sticky="nsew")
# 配置frame1内部的行列权重
frame1.grid_rowconfigure(0, weight=1)
frame1.grid_rowconfigure(1, weight=1)
frame1.grid_rowconfigure(2, weight=1)
frame1.grid_columnconfigure(0, weight=1)
frame1.grid_columnconfigure(1, weight=1)
frame1.grid_columnconfigure(2, weight=1)

frame1_2=Frame(root,bg='red')
frame1_2.grid(row=1,column=0, sticky="nsew")

frame1_3=Frame(root,bg='yellow')
frame1_3.grid(row=2,column=0, sticky="nsew")

frame2=Frame(root,bg='blue')
frame2.grid(row=0,column=1, sticky="nsew")
# 配置frame2内部的行列权重
frame2.grid_rowconfigure(0, weight=1)
frame2.grid_columnconfigure(0, weight=1)

# 模拟缺失的变量
ls_categories = ["Cat1", "Cat2", "Cat3"]
ls_country = ["CN", "US", "JP"]
# 模拟缺失的函数
def show(): pass
def choose(): pass
def chooseCountry(): pass
def f_submit(): pass
def a_links(): pass

# Dropdown menu options
options = ls_categories
options2 = ls_country

# datatype of menu text
clicked = StringVar()
clickedCountry = StringVar()

# initial menu text
clicked.set(" None ")
clickedCountry.set(" None ")

# Create Dropdown menu
drop = OptionMenu(frame1, clicked, *options)
drop.grid(row=0,column=0)
dropCountry = OptionMenu(frame1, clickedCountry, *options2)
dropCountry.grid(row=0,column=2)

# Create button, it will change label text
Button(frame1,width=13, text="select", command=show,padx=3,pady=3).grid(row=2,column=0)
Button(frame1,width=13, text="choose Category", command=choose,padx=3,pady=3).grid(row=1,column=0)
Button(frame1,width=13, text="choose Country", command=chooseCountry,padx=3,pady=3).grid(row=1,column=2)
Button(frame1_2,width=13,text="Search", command=f_submit,padx=3,pady=3).grid(row=0,column=0)
Button(frame1_3,width=13,text="GetWebLinks", command=a_links,padx=3,pady=3).grid(row=0,column=0)

# Create Label
label = Label(frame1, text=" ")
label.grid(row=1,column=1)
label2 = Label(frame2, text=" ")
label2.grid(row=0,column=0, sticky="nsew")

# Execute tkinter
root.mainloop()

内容的提问来源于stack exchange，提问作者xlmaster