Python Tkinter滚动布局多个Frame无法依次垂直向下排列问题

你出现Frame重叠的核心原因是多个子Frame没有放在统一的垂直布局容器内，也没有绑定滚动区域自动更新逻辑，按以下步骤修改即可实现多个Frame垂直依次排列：

1. 调整基础容器结构 #

你需要先在Canvas内创建一个总承载Frame，所有子Frame都放在这个总容器内，依靠pack布局自动垂直排列，同时绑定尺寸变化事件自动更新Canvas滚动区域：

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
root.geometry("500x800")

# 外层容器承载滚动条和Canvas
outer_frame = tk.Frame(root)
outer_frame.pack(fill="both", expand=True)

# 垂直滚动条
scroll_y = ttk.Scrollbar(outer_frame, orient="vertical")
scroll_y.pack(side="right", fill="y")

# 画布设置
canvas = tk.Canvas(outer_frame, yscrollcommand=scroll_y.set, bg="black")
canvas.pack(side="left", fill="both", expand=True)
scroll_y.config(command=canvas.yview)

# 重点：Canvas内的总承载Frame，所有子Frame都放在这个容器里
main_container = tk.Frame(canvas, bg="white")
# 将总承载Frame绑定到Canvas左上角
canvas.create_window((0, 0), window=main_container, anchor="nw")

# 绑定总容器尺寸变化事件，自动更新滚动区域
def update_scroll(event):
    canvas.config(scrollregion=canvas.bbox("all"))
main_container.bind("<Configure>", update_scroll)

2. 调整子Frame创建逻辑 #

初始化子Frame数组时，第一个子Frame的父容器指定为上面的main_container，用pack(side="top")实现顶部对齐垂直排列：

fr = []
# 初始化第一个子Frame
fr.append(tk.Frame(main_container, bg="white"))
fr[0].pack(side="top", fill="x", pady=5)

3. 修改循环内的新建Frame逻辑 #

原来循环中达到阈值新建Frame时，要将新的子Frame也添加到main_container中：

if image_no % 110 == 0:
    i += 1
    # 新建子Frame并添加到总容器垂直排列
    new_frame = tk.Frame(main_container, bg="white")
    new_frame.pack(side="top", fill="x", pady=5)
    fr.append(new_frame)

额外优化建议 #

• 删掉循环内的canvas.configure(scrollregion=canvas.bbox("all"))代码，已经通过事件绑定自动更新，重复调用反而会影响性能
• time.sleep(3)会阻塞Tkinter主线程导致界面无响应，建议用after方法异步延时，或者单独开启子线程处理图片下载逻辑

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