tkinter:在画布上使用滚动条

Question

我在试着让画布可以滚动。然而，一旦我尝试设置滚动条来处理画布，tkinter似乎完全忽略了我最初为画布设置的维度。我试着把它们都打包在一个框架里，把画布放满框架，然后设定框架大小，但这也带来了同样的问题，除非我把框架也放满了窗口，这不是我想要的。基本上，我想要一个固定大小的画布，上面有滚动条。我当前的代码如下所示（在Python3.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

滚动条需要将帧作为父级，而不是画布：

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是如何工作的。默认情况下，它将尝试缩小（或增大）容器以完全适合其子容器。因为在原始示例中，滚动条是画布的子级，所以画布会缩小以适应需要。

如果你想滚动条出现在画布内，诀窍是使用一个额外的框架。将画布和滚动条放置在此内部框架中，关闭画布的边框并打开该框架的边框。将框架的背景设置为与画布相同，滚动条将显示在画布内。