如何在仅使用Label和Button的Tkinter主窗口中添加Scrollbar

因为Label和Button这类基础组件本身不支持滚动，我们可以通过Canvas + Scrollbar的组合来实现滚动功能，核心思路是把所有控件先放到一个Frame容器里，再将Frame嵌入Canvas，最后关联滚动条和Canvas的滚动逻辑。

以下是修改后的完整代码：

from tkinter import *

def on_scroll(*args):
    # 让Canvas的视图跟随滚动条移动
    canvas.yview(*args)

def on_mousewheel(event):
    # 支持鼠标滚轮滚动
    canvas.yview_scroll(int(-1*(event.delta/120)), "units")

test1 = 100
test2 = 100
test3 = 100
test4 = 100
root = Tk()
root.title("Program")
root.geometry('350x250')

# 创建滚动条和Canvas
scrollbar = Scrollbar(root, orient=VERTICAL, command=on_scroll)
scrollbar.pack(side=RIGHT, fill=Y)

canvas = Canvas(root, yscrollcommand=scrollbar.set)
canvas.pack(side=LEFT, fill=BOTH, expand=True)

# 创建Frame作为所有控件的容器，嵌入Canvas中
content_frame = Frame(canvas)
canvas.create_window((0, 0), window=content_frame, anchor=NW)

# 绑定事件：当Frame大小变化时，更新Canvas的滚动区域
def update_scroll_region(event):
    canvas.configure(scrollregion=canvas.bbox("all"))
content_frame.bind("<Configure>", update_scroll_region)

# 绑定鼠标滚轮事件（兼容多系统）
canvas.bind_all("<MouseWheel>", on_mousewheel)
canvas.bind_all("<Button-4>", on_mousewheel)  # Linux滚轮向上
canvas.bind_all("<Button-5>", on_mousewheel)  # Linux滚轮向下

# --- 原来的Label和Button全部放到content_frame里 ---
# first group of labels & buttons
label = Label(content_frame, text="test1")
label.grid(row=0, column=0, columnspan=2)
label = Label(content_frame, text=test1)
label.grid(row=1, column=0, columnspan=2)
button = Button(content_frame, text="Up")
button.grid(row=2, column=0)
button = Button(content_frame, text="Down")
button.grid(row=2, column=1)
#
label = Label(content_frame, text="test2")
label.grid(row=3, column=0, columnspan=2)
label = Label(content_frame, text=test2)
label.grid(row=4, column=0, columnspan=2)
button = Button(content_frame, text="Up")
button.grid(row=5, column=0)
button = Button(content_frame, text="Down")
button.grid(row=5, column=1)
#
label = Label(content_frame, text="test3")
label.grid(row=6, column=0, columnspan=2)
label = Label(content_frame, text=test3)
label.grid(row=7, column=0, columnspan=2)
button = Button(content_frame, text="Up")
button.grid(row=8, column=0)
button = Button(content_frame, text="Down")
button.grid(row=8, column=1)
#
label = Label(content_frame, text="test4")
label.grid(row=9, column=0, columnspan=2)
label = Label(content_frame, text=test4)
label.grid(row=10, column=0, columnspan=2)
button = Button(content_frame, text="Up")
button.grid(row=11, column=0)
button = Button(content_frame, text="Down")
button.grid(row=11, column=1)

root.mainloop()

关键部分说明： #

• Canvas + Frame：Canvas负责提供滚动画布，Frame作为容器承载所有Label和Button，解决Canvas只能直接放置单个组件的限制。
• 滚动条联动：通过yscrollcommand和command参数，实现滚动条与Canvas滚动状态的双向同步。
• 滚动区域自动更新：绑定<Configure>事件，当Frame大小变化（比如新增控件）时，自动调整Canvas的可滚动范围。
• 多系统鼠标滚轮支持：绑定不同系统的鼠标滚轮事件，提升用户操作体验。

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