python - 如何在 tkinter 中用箭头连接两个状态圆圈？

Question

我目前正在使用 tkinter 编写一个 fsm 编辑器。但是，我坚持连接两个州。我有两个问题:

1)如何让过渡箭头随着鼠标的移动而变长？

2) 如何将箭头的起点贴在一个状态上，将箭头的终点贴在另一个状态上？

附言。您认为 tkinter 的文档是否足够好？

Answer 1

这是一个展示概念的例子。简而言之，使用标签将线与框相关联，并在用户移动鼠标时简单地适当调整坐标。

运行示例，然后在米色框中单击并拖动。

当然，对于生产代码，您需要制定一个更通用的解决方案，但希望这会向您展示创建一个带有箭头的框是多么容易，箭头会随着您四处移动而调整。

from Tkinter import *

class CanvasDemo(Frame):
    def __init__(self, width=200, height=200):
        Frame.__init__(self, root)
        self.canvas = Canvas(self)
        self.canvas.pack(fill="both", expand="1")
        self.canvas.create_rectangle(50, 25, 150, 75, fill="bisque", tags="r1")
        self.canvas.create_line(0,0, 50, 25, arrow="last", tags="to_r1")
        self.canvas.bind("<B1-Motion>", self.move_box)
        self.canvas.bind("<ButtonPress-1>", self.start_move)

    def move_box(self, event):
        deltax = event.x - self.x
        deltay = event.y - self.y
        self.canvas.move("r1", deltax, deltay)
        coords = self.canvas.coords("to_r1")
        coords[2] += deltax
        coords[3] += deltay
        self.canvas.coords("to_r1", *coords)
        self.x = event.x
        self.y = event.y

    def start_move(self, event):
        self.x = event.x
        self.y = event.y

root = Tk()
canvas = CanvasDemo(root)
canvas.pack()
mainloop()