调整ctk.set_widget_scaling后，CustomTkinter滚动Canvas无法自适应缩放

开发带水平滚动条的CustomTkinter Canvas时，滚动条负责控制CTkFrame的X轴位置，Frame内放置填字游戏的信息块。当ctk.set_widget_scaling(1.0)时，填字块完全适配Canvas，但调大缩放值后内容被截断，调小缩放值也无法自适应，调整Canvas尺寸无法解决问题。

现有代码片段 #

水平滚动框架实现 #

class HorizontalScrollFrame(ctk.CTkFrame):
    def __init__(self, container, master):
        super().__init__(container)
        self.master = master
        # 创建水平滚动条
        h_scrollbar = ctk.CTkScrollbar(self, orientation="horizontal")
        h_scrollbar.pack(fill="x", side="bottom", expand=False)
        
        # 创建Canvas并绑定滚动条
        self.canvas = ctk.CTkCanvas(self, bd=7.5, highlightthickness=1, 
                                    xscrollcommand=h_scrollbar.set, background=canvas_bg_colour)
        self.canvas.pack(side="bottom", fill="both", expand=True)
        # 窗口调整时更新滚动区域
        self.canvas.bind('<Configure>', 
                         lambda e: self.canvas.configure(scrollregion=self.canvas.bbox("all")))
        h_scrollbar.configure(command=self.canvas.xview)

        # 可滚动的内部Frame
        self.scrollable_frame = ctk.CTkFrame(self.canvas, corner_radius=0)
        
        self.canvas.create_window(0, 0, window=self.scrollable_frame, anchor="w")

添加填字块组件的代码 #

# 包含水平滚动框架的容器
self.container = ctk.CTkFrame(self)

# 实例化水平滚动框架
self.horizontal_scroll_frame = HorizontalScrollFrame(self.container, self.master) 

self.container.grid(row=0, column=0, sticky="ew")
self.horizontal_scroll_frame.pack(expand=True, fill="both")

def _generate_crossword_blocks(self):
    file_name_example = "capitals"
    # CrosswordInfoBlock是包含若干组件的自定义Frame
    block = CrosswordInfoBlock(self.horizontal_scroll_frame.scrollable_frame, name=file_name_example)
    
    # 将填字块添加到可滚动Frame中
    block.pack(side="left", padx=5)

适配widget_scaling的解决方案 #

问题核心在于：ctk.set_widget_scaling()会修改所有组件的尺寸，但原代码仅监听Canvas的尺寸变化，未监听内部scrollable_frame因缩放或组件添加导致的尺寸变化，从而导致滚动区域无法正确更新。

修改步骤 #

1. 监听scrollable_frame的尺寸变化：给scrollable_frame绑定<Configure>事件，确保其尺寸变化时自动更新Canvas的滚动区域。
2. 手动触发滚动区域更新：在生成填字块后、调用set_widget_scaling后，手动触发滚动区域更新，确保内容尺寸变化后滚动条能正确适配。

修改后的代码 #

更新HorizontalScrollFrame类

class HorizontalScrollFrame(ctk.CTkFrame):
    def __init__(self, container, master):
        super().__init__(container)
        self.master = master
        # 创建水平滚动条
        h_scrollbar = ctk.CTkScrollbar(self, orientation="horizontal")
        h_scrollbar.pack(fill="x", side="bottom", expand=False)
        
        # 创建Canvas并绑定滚动条
        self.canvas = ctk.CTkCanvas(self, bd=7.5, highlightthickness=1, 
                                    xscrollcommand=h_scrollbar.set, background=canvas_bg_colour)
        self.canvas.pack(side="bottom", fill="both", expand=True)
        # 窗口调整时更新滚动区域
        self.canvas.bind('<Configure>', 
                         lambda e: self.canvas.configure(scrollregion=self.canvas.bbox("all")))
        h_scrollbar.configure(command=self.canvas.xview)

        # 可滚动的内部Frame
        self.scrollable_frame = ctk.CTkFrame(self.canvas, corner_radius=0)
        
        self.canvas.create_window(0, 0, window=self.scrollable_frame, anchor="w")
        
        # 新增：监听scrollable_frame的尺寸变化，更新滚动区域
        self.scrollable_frame.bind('<Configure>', 
                                   lambda e: self.canvas.configure(scrollregion=self.canvas.bbox("all")))

更新填字块生成方法

def _generate_crossword_blocks(self):
    file_name_example = "capitals"
    block = CrosswordInfoBlock(self.horizontal_scroll_frame.scrollable_frame, name=file_name_example)
    block.pack(side="left", padx=5)
    
    # 手动更新滚动区域，确保新组件添加后滚动范围正确
    self.horizontal_scroll_frame.canvas.configure(scrollregion=self.horizontal_scroll_frame.canvas.bbox("all"))

调整缩放值时的处理

当调用ctk.set_widget_scaling()调整缩放比例后，手动触发scrollable_frame的配置事件，强制更新滚动区域：

# 示例：设置新的缩放值
new_scaling = 1.2
ctk.set_widget_scaling(new_scaling)

# 触发scrollable_frame的尺寸更新，同步滚动区域
self.horizontal_scroll_frame.scrollable_frame.event_generate('<Configure>')

原理说明 #

• 绑定scrollable_frame的<Configure>事件后，无论因缩放调整、组件添加还是窗口变化导致其尺寸改变，都会自动更新Canvas的scrollregion，确保滚动条能覆盖所有内容。
• 手动触发更新是为了处理缩放调整这种全局尺寸变化，确保所有组件重新计算尺寸后，滚动区域能同步更新。

内容的提问来源于stack exchange，提问作者tomasvana10