Tkinter - 在 tkinter 中使用触摸板滚动/鼠标手势/两个手指滚动？

Question

我想在tkinter实现双指滚动，下面是我自己尝试的结果：

import tkinter as tk

class Scene:
    def __init__(self, canvas):
        self.canvas = canvas
        self.elements = [
            {
                "type": "rect",
                "x": canvas.winfo_width() / 2,
                "y": canvas.winfo_height() / 2,
                "width": 200,
                "height": 200,
                "color": (55 / 255, 55 / 255, 10 / 255),
            },
            {
                "type": "rect",
                "x": 100,
                "y": 300,
                "width": 200,
                "height": 200,
                "color": (155 / 255, 200 / 255, 10 / 255),
            },
        ]

    def update_scene(self, offset):
        for element in self.elements:
            element["x"] -= offset[0]
            element["y"] -= offset[1]
        self.render_scene()

    def render_scene(self):
        self.canvas.delete("all")
        for element in self.elements:
            if element["type"] == "rect":
                self.canvas.create_rectangle(
                    element["x"],
                    element["y"],
                    element["x"] + element["width"],
                    element["y"] + element["height"],
                    fill=f"#{int(element['color'][0] * 255):02x}{int(element['color'][1] * 255):02x}{int(element['color'][2] * 255):02x}",
                )
            else:
                print(f"Error: type {element['type']} is not supported.")


root = tk.Tk()
root.geometry("{}x{}".format(800, 600))

canvas = tk.Canvas(root)
canvas.pack(fill="both", expand=True)

canvas_scroll = [0, 0]

scene = Scene(canvas)
scene.render_scene()


def on_mouse_scroll(event):
    canvas_scroll[0] = event.delta
    canvas_scroll[1] = event.delta
    scene.update_scene(canvas_scroll)


canvas.bind("<MouseWheel>", on_mouse_scroll)

root.mainloop()

以上仅适用于一个对角线/方向，而不是任何方向（上、下、左、右和所有四个对角线）

以上内容的灵感来自我在这里找到的 Javascript 片段： https://jsfiddle.net/qmyho24r/

我知道使用Shift-MouseWheel是可行的，但我还必须按下 shift 键，而不是仅仅使用触控板和两个手指（如 Javascript 示例中所示）。

如何在 Tkinter 中使用两根手指滚动？

Answer 1

tkinter 仅支持 windows 从补丁级别 8.6.10 <=水平滚动
我创建了一个小示例，适用于 tkinter 8.6.12 on Win11。 当使用两个手指之间有一点间隙时，我可以成功地在两个方向上滚动并将视图移动一圈。 我根据我交换的方向检索两个不同的事件。 文档中也提到了这一点。

import tkinter as tk
import sys

#https://stackoverflow.com/a/13874620/13629335
OS = sys.platform

def horizontal_scroll(event):
    if OS in ('win32','darwin'):
        canvas.xview_scroll(int(event.delta/120), 'units')
    elif OS == 'linux':
        if event.num == 5:
            canvas.xview_scroll(-1, 'units')
        elif event.num == 4:
            canvas.xview_scroll(1, 'units')

def vertical_scroll(event):
    if OS in ('win32','darwin'):
        canvas.yview_scroll(int(event.delta/120), 'units')
    elif OS == 'linux':
        if event.num == 5:
            canvas.yview_scroll(-1, 'units')
        elif event.num == 4:
            canvas.yview_scroll(1, 'units')

root = tk.Tk('test')
if int(root.tk.call("info", "patchlevel").split('.')[-1]) >= 10:
    #https://docs.activestate.com/activetcl/8.6/get/relnotes/
    canvas = tk.Canvas(root,highlightthickness=0,bd=0)
    #something to show
    v = viewsize = 150
    cw = canvas.winfo_reqwidth()+v
    ch = canvas.winfo_reqheight()+v/2
    s = square = 50
    canvas.create_rectangle(0,0, s,s, tags=('NW',))
    canvas.create_rectangle(cw-s,0, cw,s, tags=('NE',))
    canvas.create_rectangle(cw-s,ch-s, cw,ch, tags=('SE',))
    canvas.create_rectangle(0,ch-s, s,ch, tags=('SW',))
    canvas.pack(fill='both', expand=True, padx=10)
    #update scrollregion
    canvas.configure(scrollregion=canvas.bbox('all'))
    #bindings
    #https://stackoverflow.com/a/17457843/13629335
    if OS in ('win32','darwin'):
        #https://apple.stackexchange.com/q/392936
        root.bind('<MouseWheel>', vertical_scroll)
        root.bind('<Shift-MouseWheel>', horizontal_scroll)
    if OS == 'linux':
        #https://stackoverflow.com/a/17452217/13629335
        root.bind('<Button-4>', vertical_scroll)
        root.bind('<Button-5>', vertical_scroll)
        root.bind('<Shift-Button-4>', horizontal_scroll)
        root.bind('<Shift-Button-5>', horizontal_scroll)
    root.mainloop()
else:
    print('at least for windows it is supported at patchlevel 8.6.10')
    root.destroy()