Tkinter中如何用滚动条垂直滚动Listbox内的按钮？代码问题排查

你遇到的问题核心在于Listbox的滚动逻辑只针对它自身插入的列表项，不管理内部的子控件：

• 当你往Listbox里插入数字时，这些数字是Listbox的原生列表项，滚动条控制Listbox的yview时，自然会带动所有列表项滚动。
• 但你插入按钮并调用button.pack()时，按钮是作为Listbox的子组件被布局在里面的，和Listbox的原生列表项完全是两回事。你用lb.insert(count, button)其实只是把按钮对象的字符串（比如<tkinter.ttk.Button object at 0x...>）插入了Listbox，而按钮本身是通过pack固定在Listbox的可视区域里，不会随着Listbox的滚动而移动。

方案1：用Listbox原生项模拟按钮（推荐） #

利用Listbox的bind绑定点击事件，再通过itemconfigure设置项的样式，模拟按钮效果，完全复用Listbox的滚动逻辑：

import tkinter as tk
from tkinter import ttk

window = tk.Tk()
window.geometry('100x50')
window.minsize(10,5)

types = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]

tscroll = tk.Scrollbar(window)
lb = tk.Listbox(window, bg='silver')

tscroll.pack(side='left', fill='y')
lb.pack(side='left', fill='both', expand=True)

def type1details(event):
    # 获取点击的项内容
    selected_item = lb.get(lb.nearest(event.y))
    print(f"点击了选项：{selected_item}")

# 插入所有项
for t in types:
    lb.insert(tk.END, t)

# 设置项的样式（模拟按钮的凹陷感）
for i in range(len(types)):
    lb.itemconfigure(i, bd=2, relief='raised')

# 绑定鼠标点击事件
lb.bind('<Button-1>', type1details)

# 关联滚动条
lb.config(yscrollcommand=tscroll.set)
tscroll.config(command=lb.yview)

window.mainloop()

方案2：用Canvas承载按钮（适合复杂控件场景） #

如果必须用真实的Button控件，改用Canvas+Scrollbar组合，Canvas可以滚动内部所有子控件：

import tkinter as tk
from tkinter import ttk

window = tk.Tk()
window.geometry('100x50')
window.minsize(10,5)

types = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]

tscroll = tk.Scrollbar(window)
canvas = tk.Canvas(window, bg='silver', yscrollcommand=tscroll.set)
# 用Frame来承载所有按钮，方便统一布局
button_frame = tk.Frame(canvas)

tscroll.pack(side='left', fill='y')
canvas.pack(side='left', fill='both', expand=True)
# 将Frame嵌入Canvas
canvas.create_window((0,0), window=button_frame, anchor='nw')

def type1details(num):
    print(f"点击了按钮：{num}")

# 在Frame里布局所有按钮
for t in types:
    button = ttk.Button(button_frame, text=t, command=lambda num=t: type1details(num))
    button.pack(fill='x', padx=2, pady=1)

# 更新Canvas的滚动区域，适配Frame的大小
def update_scrollregion(event):
    canvas.configure(scrollregion=canvas.bbox('all'))

button_frame.bind('<Configure>', update_scrollregion)
tscroll.config(command=canvas.yview)

window.mainloop()

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