python - tkinter:在 Canvas 上使用滚动条

Question

我正在尝试使 Canvas 可滚动。但是，一旦我尝试设置滚动条以使用 Canvas ，tkinter 似乎完全忽略了我最初为 Canvas 设置的尺寸。我尝试将它们全部打包在一个框架中，将 Canvas 设置为填充框架，然后设置框架大小，但这会出现同样的问题，除非我也将框架设置为填充窗口，这不是我想要的.基本上，我想要一个带有滚动条的固定大小的 Canvas 。我当前的代码如下所示(在 python 3.1 中):

from tkinter import *
root=Tk()
frame=Frame(root,width=300,height=300)
frame.grid(row=0,column=0)
canvas=Canvas(frame,bg='#FFFFFF',width=300,height=300,scrollregion=(0,0,500,500))
hbar=Scrollbar(canvas,orient=HORIZONTAL)
hbar.pack(side=BOTTOM,fill=X)
hbar.config(command=canvas.xview)
vbar=Scrollbar(canvas,orient=VERTICAL)
vbar.pack(side=RIGHT,fill=Y)
vbar.config(command=canvas.yview)
canvas.config(width=300,height=300)
canvas.config(xscrollcommand=hbar.set, yscrollcommand=vbar.set)
canvas.pack(side=LEFT,expand=True,fill=BOTH)

root.mainloop()

Answer 1

您的滚动条需要将 Frame 作为父级，而不是 Canvas:

from tkinter import *
root=Tk()
frame=Frame(root,width=300,height=300)
frame.pack(expand=True, fill=BOTH) #.grid(row=0,column=0)
canvas=Canvas(frame,bg='#FFFFFF',width=300,height=300,scrollregion=(0,0,500,500))
hbar=Scrollbar(frame,orient=HORIZONTAL)
hbar.pack(side=BOTTOM,fill=X)
hbar.config(command=canvas.xview)
vbar=Scrollbar(frame,orient=VERTICAL)
vbar.pack(side=RIGHT,fill=Y)
vbar.config(command=canvas.yview)
canvas.config(width=300,height=300)
canvas.config(xscrollcommand=hbar.set, yscrollcommand=vbar.set)
canvas.pack(side=LEFT,expand=True,fill=BOTH)

root.mainloop()

之所以如此，是因为 pack 是如何工作的。默认情况下，它将尝试缩小(或扩大)容器以完全适合其子项。因为滚动条是原始示例中 Canvas 的子级，所以 Canvas 会缩小以适应。

如果您希望滚动条出现在 Canvas 内，诀窍是使用额外的框架。将 Canvas 和滚动条放在这个内部框架中，关闭 Canvas 的边框并打开框架。将框架的背景设置为与 Canvas 相同，滚动条会出现在 Canvas 内部。