TKInter 插入滾動條時框架丟失網格布局

Question

我正在嘗試創建一個帶有內部兩個框架的框架的應用程序，但我希望其中一個比另一個更寬......我找到了一種使用網格的方法，但是當我在其中一個上添加滾動條時它重新調整網格的框架，並且兩個框架的大小相同。

這是沒有滾動條的代碼：

def __init__(self, master=None):
    ctk.set_appearance_mode('system')
    ctk.set_default_color_theme('blue')

    self.__root = ctk.CTk() if master is None else ctk.CTkToplevel(master)
    self.__root. Configure(height=1500, width=944)
    self.__root.minsize(1500, 944)

    self.__main_container = ctk.CTkFrame(self.__root)

    self.__image_frame = ctk.CTkFrame(self.__main_container)
    self.__image_frame.configure(height=800, width=1000)

    self.__image_canvas = ctk.CTkCanvas(self.__image_frame)
    self.__image_canvas.configure(confine="true", cursor="crosshair")
    self.__image_canvas.grid(column=0, row=0, sticky="nsew")
    self.__image_canvas.bind("<ButtonPress-1>", self.__start_drawing)
    self.__image_canvas.bind("<ButtonRelease-1>", self.__end_drawing)
    self.__image_canvas.bind("<B1-Motion>", self.__draw_rectangle)

    self.__image_frame.grid(column=0, padx=10, pady=20, row=0, sticky="nsew")
    self.__image_frame.grid_propagate(0)
    self.__image_frame.grid_anchor("center")
    self.__image_frame.rowconfigure(0, weight=1)
    self.__image_frame.columnconfigure(0, weight=1)

    self.__boxes_frame = ctk.CTkFrame(self.__main_container)
    self.__boxes_frame.configure(height=800, width=400)
    self.__boxes_frame.grid(column=1, padx=10, pady=20, row=0, sticky="ns")

    self.__main_container.grid(column=0, padx=20, pady=40, row=0, sticky="ns")
    self.__main_container.grid_anchor("center")
    self.__main_container.rowconfigure(0, weight=1)

    self.__root.grid_anchor("center")
    self.__root.rowconfigure(0, weight=1)

    self.mainwindow = self.__root

這是我添加滾動條並弄亂網格時的代碼

def __init__(self, master=None):
    ctk.set_appearance_mode('system')
    ctk.set_default_color_theme('blue')

    self.__root = ctk.CTk() if master is None else ctk.CTkToplevel(master)
    self.__root. Configure(height=1500, width=944)
    self.__root.minsize(1500, 944)

    self.__main_container = ctk.CTkFrame(self.__root)

    self.__image_frame = ctk.CTkFrame(self.__main_container)
    self.__image_frame.configure(height=800, width=1000)

    self.__image_canvas = ctk.CTkCanvas(self.__image_frame)
    self.__image_canvas.configure(confine="true", cursor="crosshair")
    self.__image_canvas.grid(column=0, row=0, sticky="nsew")
    self.__image_canvas.bind("<ButtonPress-1>", self.__start_drawing)
    self.__image_canvas.bind("<ButtonRelease-1>", self.__end_drawing)
    self.__image_canvas.bind("<B1-Motion>", self.__draw_rectangle)

    #------ adding the scrollbar -----
    self.__image_frame_vertical_scrollbar = ctk.CTkScrollbar(self.__image_frame, orientation="vertical")
    self.__image_frame_vertical_scrollbar.grid(column=1, row=0, sticky="ns")
    self.__image_frame_vertical_scrollbar.configure(command=self.__image_canvas.yview)
    self.__image_canvas.configure(yscrollcommand=self.__image_frame_vertical_scrollbar.set)
    #---------------------------------

    self.__image_frame.grid(column=0, padx=10, pady=20, row=0, sticky="nsew")
    self.__image_frame.grid_propagate(0)
    self.__image_frame.grid_anchor("center")
    self.__image_frame.rowconfigure(0, weight=1)
    self.__image_frame.columnconfigure(0, weight=1)

    self.__boxes_frame = ctk.CTkFrame(self.__main_container)
    self.__boxes_frame.configure(height=800, width=400)
    self.__boxes_frame.grid(column=1, padx=10, pady=20, row=0, sticky="ns")

    self.__main_container.grid(column=0, padx=20, pady=40, row=0, sticky="ns")
    self.__main_container.grid_anchor("center")
    self.__main_container.rowconfigure(0, weight=1)

    self.__root.grid_anchor("center")
    self.__root.rowconfigure(0, weight=1)

    self.mainwindow = self.__root

把事情搞砸的網格定義有什么問題？ 如何將 __image_frame 網格設置為填充 __main_container 並保持所需的尺寸？

Answer 1

顯式設置 canvas 的大小

self.__image_canvas = ctk.CTkCanvas(self.__image_frame, width=900)