如果内容太大，带滚动条的tkinter笔记本

Question

我试图创建一个与tkinter接口。它应该在左边有一个控制面板，右边有一组3个标签。

选项卡将显示图像，这些图像对于屏幕来说可能太大，但是只有在程序动态创建图像后才能知道确切的大小。因此，我希望有一个笔记本，它可以扩展以填充顶部窗口，如果图像对于笔记本框架来说太大，则应显示滚动条以允许看到所有图像。我找不到将滚动条连接到笔记本的方法，所以我将它们连接到笔记本内的画布上。

下面的代码扩展了画布以适应图像，但是滚动条是无用的，因为它会拉伸以适应画布，而画布比框架大，因此最终可能会出现在窗口之外。

我想我要将滚动区域设置为包含帧的大小。在Tkinter中动态更改画布的滚动区域似乎是相关的，但我不知道如何将其应用于我的代码：

import tkinter as tk
from tkinter import ttk
from PIL import Image, ImageTk


class App(tk.Frame):

    def __init__(self, parent, *args, **kwargs):
        self.parent = parent
        super().__init__(parent, *args, **kwargs)
        self.pack(expand=True, fill=tk.BOTH)
        self.inputframe = ttk.Frame(self)
        self.inputframe.pack(side=tk.LEFT, expand=False, fill=tk.Y)
        self.outputnotebook = ttk.Notebook(self)
        self.outputnotebook.pack(side=tk.RIGHT, expand=True, fill=tk.BOTH)
        self.build_inputframe()
        self.build_outputnotebook()

    def build_inputframe(self):
        run_button = ttk.Button(self.inputframe, text="Run", command=self.draw)
        run_button.grid(column=2, row=0, sticky=(tk.W, tk.E))
        # rest of app...

    def build_outputnotebook(self):
        actnet_frame = ttk.Frame(self.outputnotebook)
        critnet_frame = ttk.Frame(self.outputnotebook)
        xscrollbar = ttk.Scrollbar(actnet_frame, orient=tk.HORIZONTAL)
        xscrollbar.grid(row=1, column=0, sticky=tk.E + tk.W)
        self.outputnotebook.add(
            actnet_frame,
            text="Tab 1",
            sticky=tk.N + tk.S + tk.E + tk.W)
        self.outputnotebook.add(critnet_frame, text="Tab 2")
        self.actnet_canvas = tk.Canvas(actnet_frame, width=400, height=400,
                                       xscrollcommand=xscrollbar.set)
        self.actnet_canvas.grid(row=0, sticky=tk.N + tk.S + tk.E + tk.W)
        xscrollbar.config(command=self.actnet_canvas.xview)

    def draw(self):
        act_image = Image.open('critnet.png') # image is 875 x 175 
        width, height = act_image.size
        actphoto = ImageTk.PhotoImage(act_image)
        self.actnet_canvas.delete("all")
        self.actnet_canvas.create_image(0, 0, anchor=tk.NW, image=actphoto)
        self.actnet_canvas.image = actphoto
        self.actnet_canvas['scrollregion'] = (0, 0, width, height)
        self.actnet_canvas['width'] = width
        self.actnet_canvas['height'] = height
        #do similar for other tabs.

root = tk.Tk()
root.geometry("800x600")
app = App(root)
app.mainloop()

Answer 1

代码中的问题是，您根据图片的大小调整了画布的大小，因此画布和scroll区域的大小是相同的。它让你的画布对你的标签和滚动条来说变得很大，毫无用处。

我把台词压下去了

self.actnet_canvas['width'] = width
self.actnet_canvas['height'] = height

从draw函数中，滚动条的行为符合预期。

编辑：我错过了问题的另一部分。为了用窗口调整画布和滚动条的大小，我在build_outputnotebook中添加了以下行：

actnet_frame.rowconfigure(0,weight=1)
actnet_frame.columnconfigure(0,weight=1)