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

Question

我有一个名为 self.canvas_input_frame 的 canvas 和一个名为 self.canvas_input_image 的 canvas。 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方法的一种方法是，如果你在'left'中打包widget1，那么任何其他元素只能放在它的对面，即'right'（不是左边，向上或向下）。类似的逻辑也适用于其他方面..

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

Python Tkinter - Extend Scrollbar from East to West Border of the Frame Canvas

python

tkinter

scrollbar

python-3.x

tkinter-canvas