Python Tkinter - 将滚动条从框架画布的东边界延伸到西边界

Question

我有一个名为self.canvas_input_frame的画布，其中的画布名为self.canvas_input_image. self.canvas_input_image是实际显示图像的位置。我已将子元素垂直和水平滚动条附加到self.canvas_input_frame. 我的 GUI 如下图所示：

水平滚动条不完全从西向东延伸。如何解决？下面是我的代码：

 def open_file_dialog(self):

    self.filename = filedialog.askopenfilename(initialdir = "C:/Users/alyss/AppData/Local/Programs/Python/Python36/Damaged Text Document Virtual Restoration", title = "Select A File", filetype =  (("png", "*.png"),("jpeg", "*.jpg"),  ("pdf", "*.pdf"), ))

    #Create Canvas Frame for Input Document

    self.canvas_input_frame = tk.Canvas(self.main_canvas,  bg = "blue")

    self.canvas_input_frame.configure(width=456, height=470)       

    self.canvas_input_frame.pack(side="left", padx=10,pady = 10)

    #Load Input Image

    load = Image.open(self.filename)      

    render = ImageTk.PhotoImage(load)

    self.width, self.height = load.size

    self.canvas_input_image = tk.Canvas(self.canvas_input_frame,bg = "green") # how to render image in canvas

    self.canvas_input_image.configure(width=390, height=470)

    self.canvas_input_image.image = render

    self.canvas_input_image.create_image(0,0,anchor="nw",image=self.canvas_input_image.image)

    self.canvas_input_image.pack(side="left")

    self.vsb_canvas_input_frame = tk.Scrollbar( self.canvas_input_frame, orient="vertical", command=self.canvas_input_image.yview)

    self.hsb_canvas_input_frame  = tk.Scrollbar( self.canvas_input_frame, orient="horizontal", command=self.canvas_input_image.xview)

    self.canvas_input_image.config(yscrollcommand=self.vsb_canvas_input_frame.set,xscrollcommand=self.hsb_canvas_input_frame.set)

    self.vsb_canvas_input_frame.pack(side = "right", fill = "y")

    self.hsb_canvas_input_frame.pack(side = "bottom", fill = "x")        

    self.canvas_input_image.config(scrollregion = self.canvas_input_image.bbox("all"))

Answer 1

这里的问题是包装小部件的顺序。如果您更改包装元素的顺序，如下所示，那么它可以获得您预期的视图。self.vsb_canvas_input_frame.pack(side = "right", fill = "y")self.hsb_canvas_input_frame.pack(side = "bottom", fill = "x")self.canvas_input_image.pack(side="left")理解pack方法的一种方法是，如果您将 widget1 包装在“左”中，则任何其他元素只能放在其“右”的另一侧（而不是左、上或下）。类似的逻辑也适用于其他方面。