类中的 Python Tkinter 滚动条

Question

我的目标是创建一个具有垂直和水平滚动的 GUI TKinter 类。

我有一个图表，其尺寸大于 GUI 的窗口尺寸。我将图表放在 Canvas 中以启用允许垂直和水平滚动的滚动条功能。

但是，当我运行代码时，图形大小会自动适应 GUI 窗口的大小，从而扭曲图形比例，并且滚动条功能不起作用。

有谁知道这个问题的解决办法吗？这是代码:

from tkinter import * 

from numpy import arange, sin, pi
from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg

from matplotlib.figure import Figure


class App(Tk):
    def __init__(self):
        Tk.__init__(self)
        Frame_parent = Frame(self, bg = 'white', borderwidth = 0, relief = FLAT)
        Frame_parent.pack(side = TOP, padx = 1, pady = 1)

        Canvas_parent = Canvas(Frame_parent, scrollregion = (0, 0, 2000, 2000))
        vbar=Scrollbar(Frame_parent, orient = VERTICAL)
        vbar.pack(side = RIGHT, fill = Y)
        vbar.config(command = Canvas_parent.yview)
        hbar=Scrollbar(Frame_parent, orient=HORIZONTAL)
        hbar.pack(side=BOTTOM,fill=X)
        hbar.config(command=Canvas_parent.xview)

        Canvas_parent.config(xscrollcommand=hbar.set, yscrollcommand = vbar.set)
        Canvas_parent.pack(side = LEFT, expand = True, fill = BOTH)

        Frame_child = Frame(Canvas_parent, bg = 'white', borderwidth = 2, relief = FLAT)
        Frame_child.pack(side = TOP, padx = 10, pady = 1)


        f = Figure(figsize=(6, 5), dpi=100)
        a = f.add_subplot(111)
        t = arange(0.0, 3.0, 0.01)
        s = sin(2*pi*t)
        a.plot(t, s)


        canvas = FigureCanvasTkAgg(f, Frame_child)
        canvas.show()
        canvas.get_tk_widget().pack(side = BOTTOM,  fill = BOTH,  expand = False)

if __name__ == "__main__":
    app = App()
    app.geometry("400x400+51+51")
    app.title("Test")
    app.mainloop()

Answer 1

首先我想指出的是，您有许多无用的容器小部件。因此，在下面的解决方案中，我将删除所有无用的代码；我的意思是与 Frame_parent、Frame_child 和 Canvas_parent 相关的所有内容。请注意，在下面的解决方案中，我可以让这些小部件就位，但原则上，我不会编写我不使用的内容。

第二个重要的注意事项是，您想要滚动 canvas 的图表，但您的代码正在尝试滚动 Canvas_parent 小部件。这就是你问题的核心。所以你需要使用FigureCanvasTkAgg.get_tk_widget()并对它返回的对象应用 config() 方法。

这意味着您需要更改:

Canvas_parent.config(xscrollcommand=hbar.set, yscrollcommand = vbar.set)

致:

canvas.get_tk_widget().config(xscrollcommand=hbar.set, yscrollcommand=vbar.set)

解决方案如下:

from tkinter import * 

from numpy import arange, sin, pi
from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg

from matplotlib.figure import Figure

class App(Tk):
    def __init__(self):
        Tk.__init__(self)
        self.configure(width=400, height=400)


        f = Figure(figsize=(6, 5), dpi=100)
        a = f.add_subplot(111)
        t = arange(0.0, 3.0, 0.01)
        s = sin(2*pi*t)
        a.plot(t, s)

        canvas = FigureCanvasTkAgg(f, self)
        canvas.show()
        canvas.get_tk_widget().grid(row=0, column=0)

        vbar=Scrollbar(self, orient = VERTICAL)
        vbar.grid(row=0, column=1)       
        hbar=Scrollbar(self, orient=HORIZONTAL)
        hbar.grid(row=1, column=0)


        canvas.get_tk_widget().config(xscrollcommand=hbar.set, yscrollcommand = vbar.set)

        hbar.config(command=canvas.get_tk_widget().xview)
        vbar.config(command=canvas.get_tk_widget().yview)



if __name__ == "__main__":
    app = App()
    app.geometry("400x400+51+51")
    app.title("Test")
    app.mainloop()

下面是上面程序运行的截图:

请注意，如果您想像代码中那样拉伸(stretch)滚动条使其看起来更长，您可以添加选项vbar.grid(..., Sticky=N+S, ...)对于 hbar 和 hbar.grid(..., Sticky=W+E, ...) 对于 hbar。