如何在 CustomTkinter GUI 中实现放大/缩小功能

我正在尝试向 Raspberry Pi 上的 customtkinter GUI 添加放大/缩小功能。由于 customtkinter 中缺乏对缩放小部件的内置支持，我正在努力实现这一目标。有没有人在customtkinter应用程序中成功实现了缩放功能，您能否提供有关如何根据用户输入动态调整小部件大小和重新定位小部件的指导或示例？我们将非常感谢您的帮助！

我尝试根据用户输入手动调整所有小部件的大小和位置。然而，这种方法被证明很复杂并且容易出错，使得维护 GUI 的布局和功能变得困难。

我希望找到一种更简化的方法或内置函数来处理缩放功能，类似于在移动应用程序上进行捏合缩放，整个界面会动态缩放。

很不幸，CustomTkinter 并没有内置缩放功能来一次性调整所有 GUI 元素的大小。不过，你可以用 Python 代码来实现这个功能。

以下是如何在 CustomTkinter 中实现缩放功能的方法，以及一个可以运行的示例，演示如何应用缩放并处理一些你需要解决的常见问题：

import customtkinter as ctk 

class App(ctk.CTk):
    def __init__(self):
        super().__init__()

        self.geometry("800x600")
        self.title("CustomTkinter Zoom Example")

        self.scale_factor = 1.0  # 初始化缩放因子
        self.zoom_step = 0.1     # 每次缩放的增量

        self.create_widgets()

    def create_widgets(self):
        # 创建一些示例小部件
        self.label = ctk.CTkLabel(self, text="Hello World!")
        self.label.pack(pady=20, padx=20)

        self.button = ctk.CTkButton(self, text="Click Me", command=self.button_clicked)
        self.button.pack()

        # 为鼠标滚轮事件绑定缩放功能
        self.bind("<MouseWheel>", self.zoom)

    def button_clicked(self):
        ctk.CTkAlert(title="Button Clicked", message="The button was clicked!").show()

    def zoom(self, event):
        # 确定滚轮方向（向上或向下）
        if event.delta > 0:
            self.scale_factor += self.zoom_step
        else:
            self.scale_factor -= self.zoom_step

        # 设置缩放限制，防止缩放值过小或过大
        self.scale_factor = max(0.1, self.scale_factor)
        self.scale_factor = min(3.0, self.scale_factor)

        # 应用缩放
        self.scale_widgets()

    def scale_widgets(self):
        # 遍历所有子小部件并缩放
        for widget in self.winfo_children():
            # 缩放小部件的字体大小
            font_name = widget.cget("font")
            if font_name:
                font_size = int(font_name.split()[-1])
                new_font_size = int(font_size * self.scale_factor)
                widget.configure(font=(font_name.split()[0], new_font_size))

            # 缩放小部件的宽度和高度（如果适用）
            if hasattr(widget, 'configure') and "width" in widget.configure().keys():
                if widget.cget("width") > 1:  # 防止缩放过小的宽度值
                    widget.configure(width=int(widget.winfo_reqwidth() * self.scale_factor))

            if hasattr(widget, 'configure') and "height" in widget.configure().keys():
                if widget.cget("height") > 1:  # 防止缩放过小的宽度值
                    widget.configure(height=int(widget.winfo_reqheight() * self.scale_factor))

            # 递归缩放嵌套在当前小部件中的子小部件
            widget.update()
            if widget.winfo_children():
                self.scale_widgets_recursively(widget)

    def scale_widgets_recursively(self, parent):
        for widget in parent.winfo_children():
            # ... (与 scale_widgets 函数中的代码相同)

if __name__ == "__main__":
    app = App()
    app.mainloop()

说明：

1. 鼠标滚轮绑定： 代码使用 self.bind("<MouseWheel>", self.zoom) 来检测鼠标滚轮事件并调用 self.zoom() 函数。

2. 缩放因子： self.scale_factor 变量控制缩放级别。每次滚动鼠标滚轮都会增加或减少它。

3. 缩放函数 ( zoom )： 该函数根据滚轮事件更新 self.scale_factor 。

4. 它还包括一个防止缩放因子过大或过小的机制（0.1 到 3.0 之间）。

5. 最后，它调用 self.scale_widgets() 来实际调整小部件的大小。

6. scale_widgets 和 scale_widgets_recursively 函数：

7. 这些函数遍历所有小部件（包括嵌套的小部件），并使用新的 scale_factor 来调整它们的大小。
8. 它分别处理字体大小，宽度和高度，确保每个元素都按预期缩放。
9. 对于宽度和高度，它首先检查原始值是否大于 1 以避免不必要地缩放到 0。

如何使用：

• 在 CustomTkinter 应用程序中运行此代码。
• 使用鼠标滚轮向上或向下滚动即可放大或缩小 GUI。

需要考虑的额外因素：

• 布局管理： 你需要确保缩放后的布局保持一致且可用。你可能需要根据缩放级别调整布局管理器（例如 grid 、 pack ）的配置。
• 复杂小部件： 对于自定义或复杂的小部件（例如 Canvas 元素），你可能需要实现自定义逻辑来正确缩放它们的内容。

这个示例为你提供了一个良好的起点。根据你的应用程序的具体需求，你可能需要进一步优化和调整此方法。