customtkinter/tkinter应用中Frame尺寸无法固定问题求助

问题原因 #

tkinter（包括customtkinter）的容器组件默认会根据内部子组件的大小自动调整自身尺寸（默认propagate(True)），所以你手动设置的width和height会被覆盖。

方案1：在customtkinter中固定Frame尺寸 #

只需在每个Frame创建并布局后，添加propagate(False)禁止容器自动调整尺寸，同时优化内部组件布局避免混乱：

import customtkinter as ctk
import tkinter as tk

# 颜色配置
app_color = '#121212'
frame_color = '#1e1e1e'
text_color = '#e3e3e3'
label_color = '#a8a8a8'
accent = '#bb86fc'
dark_grey = '#423e47'

# 字体配置
font_small = ('Segoe UI', 16)
font_reg = ('Segoe UI', 18)    

# 模拟未定义的操作函数
def addFiles():
    pass
def removeFiles():
    pass
def clearFiles():
    pass

# 初始化应用
app = ctk.CTk(fg_color=app_color)
app.title('File Converter')
app.geometry('720x480')

""" 文件选择Frame """
multiple_files = ctk.CTkFrame(master=app, fg_color=frame_color, 
                              width=300, height=320, corner_radius=10)
multiple_files.grid(row=0, column=0, padx=(40,20), pady=40)
# 禁止Frame随子组件调整尺寸
multiple_files.propagate(False)

file_label = ctk.CTkLabel(master=multiple_files, text='选择文件', text_color=text_color, 
                          font=font_small, anchor='nw')
file_label.grid(row=0, column=0, columnspan=3, padx=10, pady=10)

lb = tk.Listbox(master=multiple_files, bd=0, selectbackground=dark_grey, 
                bg=frame_color, fg=text_color, font=font_small)
lb.grid(row=1,column=0, columnspan=3, padx=(20,20), pady=(20,20), sticky='nsew')
# 让Listbox自适应Frame内可用空间
multiple_files.grid_rowconfigure(1, weight=1)
multiple_files.grid_columnconfigure(0, weight=1)

# 操作按钮
btn_add = ctk.CTkButton(master=multiple_files, text='添加', width=50,
                        command=addFiles, fg_color=accent, text_color=app_color)
btn_add.grid(row=2,column=0, padx=10, pady=(0,20))

btn_remove = ctk.CTkButton(master=multiple_files, text='移除', width=50,
                           fg_color=accent, text_color=app_color, command=removeFiles)
btn_remove.grid(row=2,column=1, padx=10, pady=(0,20))

btn_clear = ctk.CTkButton(master=multiple_files, text='清空', width=50,
                          fg_color=accent, text_color=app_color, command=clearFiles)
btn_clear.grid(row=2,column=2, padx=10, pady=(0,20))

""" 参数设置Frame """
opts_frame = ctk.CTkFrame(master=app, fg_color=frame_color,
                          width=300, height=320, corner_radius=10)
opts_frame.grid(row=0, column=1, padx=(20,40), pady=40)
# 禁止Frame随子组件调整尺寸
opts_frame.propagate(False)

# 示例参数组件
prefix_label = ctk.CTkLabel(master=opts_frame, text='文件前缀:', text_color=text_color, font=font_small)
prefix_label.grid(row=0, column=0, padx=20, pady=(20,5), sticky='w')
prefix_entry = ctk.CTkEntry(master=opts_frame, width=200)
prefix_entry.grid(row=1, column=0, padx=20, pady=(0,15), sticky='w')

app.mainloop()

关键修改点：

• 给两个Frame添加propagate(False)锁定尺寸
• 给Listbox匹配主题颜色，避免样式冲突
• 用grid_rowconfigure/grid_columnconfigure让Listbox自适应Frame内空间
• 增加组件内边距，避免内容贴边

方案2：改用原生tkinter实现固定尺寸Frame #

逻辑与customtkinter一致，同样用propagate(False)锁定尺寸，调整组件样式匹配主题：

import tkinter as tk
from tkinter import ttk

# 颜色配置
app_color = '#121212'
frame_color = '#1e1e1e'
text_color = '#e3e3e3'
label_color = '#a8a8a8'
accent = '#bb86fc'
dark_grey = '#423e47'

# 字体配置
font_small = ('Segoe UI', 16)
font_reg = ('Segoe UI', 18)    

# 模拟操作函数
def addFiles():
    pass
def removeFiles():
    pass
def clearFiles():
    pass

# 初始化应用
app = tk.Tk()
app.title('File Converter')
app.geometry('720x480')
app.config(bg=app_color)

""" 文件选择Frame """
multiple_files = tk.Frame(master=app, bg=frame_color, width=300, height=320)
multiple_files.grid(row=0, column=0, padx=(40,20), pady=40)
multiple_files.propagate(False)

file_label = tk.Label(master=multiple_files, text='选择文件', fg=text_color, bg=frame_color,
                      font=font_small, anchor='nw')
file_label.grid(row=0, column=0, columnspan=3, padx=10, pady=10)

lb = tk.Listbox(master=multiple_files, bd=0, selectbackground=dark_grey, 
                bg=frame_color, fg=text_color, font=font_small)
lb.grid(row=1,column=0, columnspan=3, padx=(20,20), pady=(20,20), sticky='nsew')
multiple_files.grid_rowconfigure(1, weight=1)
multiple_files.grid_columnconfigure(0, weight=1)

# 自定义按钮样式
style = ttk.Style()
style.configure('Accent.TButton', background=accent, foreground=app_color, font=font_small)
style.map('Accent.TButton', background=[('active', accent)])

# 操作按钮
btn_add = ttk.Button(master=multiple_files, text='添加', width=8, command=addFiles, style='Accent.TButton')
btn_add.grid(row=2,column=0, padx=10, pady=(0,20))

btn_remove = ttk.Button(master=multiple_files, text='移除', width=8, command=removeFiles, style='Accent.TButton')
btn_remove.grid(row=2,column=1, padx=10, pady=(0,20))

btn_clear = ttk.Button(master=multiple_files, text='清空', width=8, command=clearFiles, style='Accent.TButton')
btn_clear.grid(row=2,column=2, padx=10, pady=(0,20))

""" 参数设置Frame """
opts_frame = tk.Frame(master=app, bg=frame_color, width=300, height=320)
opts_frame.grid(row=0, column=1, padx=(20,40), pady=40)
opts_frame.propagate(False)

# 示例参数组件
prefix_label = tk.Label(master=opts_frame, text='文件前缀:', fg=text_color, bg=frame_color, font=font_small)
prefix_label.grid(row=0, column=0, padx=20, pady=(20,5), sticky='w')
prefix_entry = tk.Entry(master=opts_frame, width=25, bg=dark_grey, fg=text_color, font=font_small, bd=0)
prefix_entry.grid(row=1, column=0, padx=20, pady=(0,15), sticky='w')

app.mainloop()

核心说明 #

propagate(False)是锁定容器尺寸的关键，它会强制Frame严格遵循你设置的宽高，不再随内部组件变化。同时通过配置网格权重，可以让可伸缩的组件在固定尺寸内合理分配空间，避免布局混乱。

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