如何在 tkinter 画布中制作拖放动画？

Question

目前我有一个

canvas.tag_bind(tag, "<ButtonRelease-1>", func=move_point)

用于移动我的点的语句，该语句会删除旧点并在用户释放按钮 1 的位置创建新点。这是可行的，但感觉很卡顿，而且 Button-1 已用完，无法用于在点之间建立连接等。我尝试过使用 b1-motion 但它只会将中心移动到我第一次移动鼠标的位置。

我的问题是如何制作一个干净的动画（如 Windows 文件拖放动画）？

下面是我移动了几个点的图表图片。

Answer 1

以下示例将帮助您入门：

• shift click在画布上创建一个圆圈。
• click在圆圈上选择一个圆圈 - 它将跟随鼠标移动，直到您释放按钮。
• 释放鼠标按钮会将圆圈放置在鼠标所在的位置。
• 最后一个操作会将状态重置为开始时的状态。

您将需要更多的机制来在圆圈之间创建链接并移动它们 - 甚至可能需要一个状态机来处理转换 - 但这只是一个开始。

import tkinter as tk


class App(tk.Tk):
    radius = 20

    def __init__(self):
        super().__init__()
        self.canvas = tk.Canvas(self, width=500, height=500, bg='beige')
        self.canvas.pack()

        self.canvas.bind('<1>', self.select_circle)
        self.canvas.bind('<Shift-1>', self.make_circle)

        self.selected = None

    def make_circle(self, event):
        x, y, r = event.x, event.y, self.radius
        self.canvas.create_oval(x-r, y-r, x+r, y+r, outline='black', fill='white')

    def select_circle(self, event):
        self.canvas.bind('<Motion>', self.move_circle)
        self.canvas.bind('<ButtonRelease-1>', self.deselect)

        self.canvas.addtag_withtag('selected', tk.CURRENT)

    def move_circle(self, event):
        x, y, r = event.x, event.y, self.radius
        self.canvas.coords('selected', x-r, y-r, x+r, y+r)

    def deselect(self, event):
        self.canvas.dtag('selected')    # removes the 'selected' tag
        self.canvas.unbind('<Motion>')
        self.canvas.bind('<Shift-1>', self.make_circle)


if __name__ == '__main__':

    App().mainloop()