Tkinter中Scrollbar与Canvas关联失效，求助实现右侧滚动条

你的代码里滚动条失效的核心原因是Canvas是空的，所有需要滚动的控件都直接加到了root窗口，没有嵌入Canvas内部，而且整体布局层级混乱，导致滚动条找不到可滚动的内容。

核心修改点 #

• 重新规划布局：root分为左右两栏，左侧是带滚动条的Canvas区域（放置待办任务），右侧是固定的评分和提交按钮区域
• 在Canvas内部创建一个Frame，把所有需要滚动的控件（标题、任务项）都放到这个Frame里
• 绑定Canvas与内部Frame，设置Canvas的滚动范围，让滚动条能控制内容滚动

修改后的完整代码 #

from tkinter import *
from tkinter import messagebox as smxg

root = Tk()
root.geometry("675x456")
root.title("To Do List")

var_ = {}

# 右侧固定区域：评分和提交按钮
right_frame = Frame(root)
right_frame.pack(side=RIGHT, anchor="center", fill=Y, padx=10)

# 评分组件
scale_frame = Frame(right_frame)
scale_frame.pack(padx=20, pady=20)
scale_var = Scale(scale_frame, from_=1, to=10)
scale_var.pack()
Label(scale_frame, text="How's your day", justify="right").pack()

# 提交按钮
Button(right_frame, text="Submit", command=lambda: done()).pack(side="bottom", pady=20)

# 左侧滚动区域：Canvas + Scrollbar
scroll = Scrollbar(root)
scroll.pack(fill=Y, side=RIGHT)

canva = Canvas(root, yscrollcommand=scroll.set)
canva.pack(fill="both", expand=True)
scroll.config(command=canva.yview)

# Canvas内部的Frame，用来放所有需要滚动的内容
inner_frame = Frame(canva)
inner_frame_id = canva.create_window((0, 0), window=inner_frame, anchor="nw")

# 绑定事件，当inner_frame大小变化时更新Canvas的滚动范围
def update_scrollregion(event):
    canva.configure(scrollregion=canva.bbox("all"))

inner_frame.bind("<Configure>", update_scrollregion)

# 待办任务内容放到inner_frame里
Label(inner_frame, text="To-Do List", font="bold,15,bold").pack(pady=10)

l = ["", "coding", "exercise", "study", "game", "walking"]
for i in range(1, 6):
    var_[i] = IntVar()
    # 每个任务用一个小Frame排版，避免标签和复选框错位
    task_frame = Frame(inner_frame)
    task_frame.pack(anchor="nw", pady=8)
    Label(task_frame, text=f"{i}. {l[i].title()}", font="Times,10,bold").pack(side=LEFT, padx=5)
    Checkbutton(task_frame, variable=var_[i]).pack(side=LEFT)

def done():
    for u in range(1, 6):
        if var_[u].get() == 1:
            with open("task_data.txt", mode="a") as f:
                f.write(f"Today you have done {l[u]}\n")
    if scale_var.get() >= 6:
        smxg.askquestion("Fine day", "What happened? Why are you sad?")
    smxg.askyesnocancel("Confirmation", "Are you sure you want to submit?")

root.mainloop()

关键说明 #

1. 内部Frame绑定：用canva.create_window把inner_frame嵌入Canvas，这样Canvas才能管理它的滚动
2. 滚动范围更新：绑定<Configure>事件，当inner_frame的大小变化时，自动更新Canvas的scrollregion，确保滚动条能覆盖所有内容
3. 布局调整：把右侧的评分和按钮单独放在一个Frame里，避免和滚动区域互相干扰；任务项用小Frame排版，解决原代码里标签和复选框错位的问题

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