如何为MacBook触摸板添加Tkinter Canvas捏合缩放功能？

要在你的Tkinter Canvas程序中适配MacBook触摸板的捏合缩放，你可以通过捕获带有特定状态位的MouseWheel事件识别捏合动作，再结合Canvas的scale方法实现中心缩放效果。以下是修改后的完整代码：

import tkinter


class Editor(tkinter.Tk):
    def _on_vertical_scroll(self, event):
        # 识别Mac触摸板捏合事件（状态位包含MOD2_MASK）
        if event.state & tkinter.MOD2_MASK:
            self._on_pinch_zoom(event)
            return
        
        # 原垂直滚动逻辑
        self.c.yview_scroll(-10 * event.delta, 'units')

    def _on_horizontal_scroll(self, event):
        self.c.xview_scroll(-10 * event.delta, 'units')

    def _on_pinch_zoom(self, event):
        # 获取鼠标在Canvas内部的坐标（转换为画布坐标，而非屏幕坐标）
        x = self.c.canvasx(event.x)
        y = self.c.canvasy(event.y)

        # 计算缩放因子：delta>0放大，delta<0缩小
        scale_factor = 1.1 if event.delta > 0 else 0.9
        # 限制缩放范围（避免过度缩放，可根据需求调整）
        if 0.2 < self.scale_factor * scale_factor < 5:
            self.scale_factor *= scale_factor
            # 以鼠标位置为中心缩放所有画布元素
            self.c.scale(tkinter.ALL, x, y, scale_factor, scale_factor)
            # 更新滚动区域适配缩放后的内容
            self._update_scrollregion()
            # 调整视图位置，保证鼠标指向的内容留在原屏幕位置
            self.c.xview_moveto((self.c.xview()[0] * self.project_width - x) / (self.project_width * self.scale_factor) + x / (self.project_width * self.scale_factor))
            self.c.yview_moveto((self.c.yview()[1] * self.project_height - y) / (self.project_height * self.scale_factor) + y / (self.project_height * self.scale_factor))

    def _update_scrollregion(self):
        # 重新计算滚动区域的大小
        new_width = self.project_width * self.scale_factor
        new_height = self.project_height * self.scale_factor
        self.c.configure(scrollregion=(0, 0, new_width, new_height))

    def __init__(self, root, filename=None, project_width=10000, project_height=10000):
        self.project_width, self.project_height = project_width, project_height
        self.scale_factor = 1.0  # 初始化缩放因子

        self.filename = filename
        if not self.filename:
            self.filename = "untitled"

        self.root = root
        self.root.geometry("+0+0")
        self.root.title(f"{self.filename} – LogicEdit")

        canvas_frame = tkinter.Frame(self.root, width=self.root.winfo_screenwidth(), height=self.root.winfo_screenheight())
        canvas_frame.pack(expand=True, fill=tkinter.BOTH)
        self.c = tkinter.Canvas(canvas_frame, bg='#FFFFFF', width=self.root.winfo_screenwidth(), height=self.root.winfo_screenheight(), scrollregion=(0, 0, self.project_width, self.project_height))
        self.hbar = tkinter.Scrollbar(canvas_frame, orient=tkinter.HORIZONTAL)
        self.hbar.pack(side=tkinter.BOTTOM, fill=tkinter.X)
        self.hbar.config(command=self.c.xview)
        self.vbar = tkinter.Scrollbar(canvas_frame, orient=tkinter.VERTICAL)
        self.vbar.pack(side=tkinter.RIGHT, fill=tkinter.Y)
        self.vbar.config(command=self.c.yview)
        self.c.config(width=self.root.winfo_screenwidth(), height=self.root.winfo_screenheight())
        self.c.config(xscrollcommand=self.hbar.set, yscrollcommand=self.vbar.set)
        self.c.pack(side=tkinter.LEFT, expand=True, fill=tkinter.BOTH)
        self.c.config(yscrollincrement=1, xscrollincrement=1)
        self.c.bind_all('<MouseWheel>', self._on_vertical_scroll)
        self.c.bind_all('<Shift-MouseWheel>', self._on_horizontal_scroll)
        
        # 绘制网格
        for x in range(0, project_width, 50):
            self.c.create_line(x, 0, x, project_height, fill="#dddddd")
        for y in range(0, project_height, 50):
            self.c.create_line(0, y, project_width, y, fill="#dddddd")


if __name__ == "__main__":
    root = tkinter.Tk()
    e = Editor(root)
    root.mainloop()

关键逻辑说明： #

1. 捏合事件识别：MacBook触摸板的捏合动作会触发带有MOD2_MASK状态位的MouseWheel事件，我们在垂直滚动处理函数中优先判断该状态位，触发缩放逻辑。
2. 中心缩放：以鼠标对应的画布内部坐标为中心缩放，让操作更符合用户直觉。
3. 缩放范围限制：设置了0.2到5倍的缩放区间，防止过度缩放导致内容不可用，你可以根据需求修改这个范围。
4. 视图位置保持：缩放后通过xview_moveto和yview_moveto调整滚动位置，确保鼠标指向的内容始终停留在屏幕原位置。
5. 滚动区域更新：每次缩放后重新计算Canvas的scrollregion，保证滚动条能适配缩放后的内容尺寸。

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