Python Class 内的 Tkinter 滚动条

Question

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

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

然而，当我运行我的代码时，图表大小自动适合 GUI 的大小 window 因此扭曲了图表比例并且滚动条功能不起作用。

有人知道解决办法吗？这是代码：

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() 并在它 returns 的对象上应用 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()

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

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

Python Class 内的 Tkinter 滚动条

Python Tkinter Scrollbar within a Class

python

canvas

tkinter

scrollbar

frame