python - 在不使用滚动条的情况下在 Python Canvas 上移动

Question

背景:
我有一个程序使用 Tkinter 作为 GUI 的基础。该程序有一个 Canvas ，其中填充了大量对象。目前，为了移动屏幕上的所有对象，我只是将移动函数绑定(bind)到标签“all”，这当然会移动屏幕上的所有对象。然而，跟踪所有 Canvas 对象的位置对我来说至关重要 - 即每次移动后我都会记录新位置，这似乎不必要地复杂。

问题:
仅使用鼠标(不使用滚动条)在整个 Canvas (屏幕大小的几倍)周围有效滚动/拖动的最佳方法是什么？

我的尝试:
我已经实现了滚动条，并找到了几个设置滚动条的指南，但没有一个能满足这个特定要求。

废弃的滚动条方法示例:

from Tkinter import *

class Canvas_On:    
    def __init__(self, master):

        self.master=master
        self.master.title( "Example")
        self.c=Canvas(self.master, width=find_res_width-20, height=find_res_height, bg='black', scrollregion=(0,0,5000,5000))
        self.c.grid(row=0, rowspan=25, column=0)
        self.c.tag_bind('bg', '<Control-Button-1>', self.click)
        self.c.tag_bind('bg', '<Control-B1-Motion>', self.drag)

        self.c.tag_bind('dot', '<Button-1>', self.click_item)
        self.c.tag_bind('dot', '<B1-Motion>', self.drag_item)

        draw=Drawing_Utility(self.c)
        draw.drawer(self.c)

    def click(self, event):
        self.c.scan_mark(event.x, event.y)

    def drag(self, event):
        self.c.scan_dragto(event.x, event.y)

    def click_item(self, event):
        self.c.itemconfigure('dot 1 text', text=(event.x, event.y))
        self.drag_item = self.c.find_closest(event.x, event.y)
        self.drag_x, self.drag_y = event.x, event.y
        self.c.tag_raise('dot')
        self.c.tag_raise('dot 1 text')

    def drag_item(self, event):
        self.c.move(self.drag_item, event.x-self.drag_x, event.y-self.drag_y)
        self.drag_x, self.drag_y = event.x, event.y

class Drawing_Utility:
    def __init__(self, canvas):
        self.canvas=canvas
        self.canvas.focus_set()


    def drawer(self, canvas):
        self.canvas.create_rectangle(0, 0, 5000, 5000, 
                            fill='black', tags='bg')
        self.canvas.create_text(450,450, text='', fill='black', activefill='red', tags=('draggable', 'dot', 'dot 1 text'))
        self.canvas.create_oval(400,400,500,500, fill='orange', activefill='red', tags=('draggable', 'dot', 'dot 2'))
        self.canvas.tag_raise(("dot"))

root=Tk()
find_res_width=root.winfo_screenwidth()
find_res_height=root.winfo_screenheight()
run_it=Canvas_On(root)  
root.mainloop() 

我的特殊问题

我的程序生成所有 Canvas 对象坐标，然后绘制它们。这些物体以各种模式排列，但关键是它们必须“知道”彼此的位置。当使用 @abarnert 提供的方法在 Canvas 上移动时，以及我编写的移动所有 Canvas 对象的类似方法时，出现的问题是每个对象都“认为”它位于绘制对象之前生成的 Canvas 坐标处。例如，如果我将 Canvas 向左拖动 50 像素并单击我程序中的某个对象，它会向右跳回 50 像素到其原始位置。我对此的解决方案是编写一些代码，在释放鼠标按钮时记录最后的位置并更新每个对象的坐标数据。但是，我正在寻找一种方法来删除这最后一步——我希望有一种方法可以移动 Canvas ，使对象位置是绝对的，并假设类似于“滚动”函数的函数可以做到这一点。我意识到我在这里漫无目的，但我在上面的示例中添加了几行，突出了我的问题 - 通过移动 Canvas ，您可以看到坐标发生变化。再次感谢。

Answer 1

我会先给你最简单版本的代码，然后解释它，以便你可以根据需要扩展它。

class Canvas_On:    
    def __init__(self, master):
        # ... your original code here ...
        self.c.bind('<Button-1>', self.click)
        self.c.bind('<B1-Motion>', self.drag)

    def click(self, event):
        self.c.scan_mark(event.x, event.y)

    def drag(self, event):
        self.c.scan_dragto(event.x, event.y)

首先，简单的部分:手动滚动 Canvas 。作为documentation说明，您使用 xview和 yview方法，与你的滚动条完全一样 command做。或者您可以直接调用xview_moveto和 yview_moveto (或 foo_scroll 方法，但它们似乎不是您想要的)。你可以看到我实际上并没有使用这些；我将在下面解释。

接下来，要捕获 Canvas 上的点击和拖动事件，您只需绑定(bind) <B1-Motion> ，就像您进行普通的拖放操作一样。

这里的棘手之处在于拖动事件为您提供了屏幕像素坐标，而 xview_moveto和 yview_moveto方法采用从顶部/左侧的 0.0 到底部/右侧的 1.0 的分数。因此，您需要捕获原始点击的坐标(通过绑定(bind) <Button-1> ；有了它，拖动事件的坐标和 Canvas 的 bbox，您可以计算出 moveto 分数。如果您使用scale 方法并希望在放大/缩小时适当拖动，您还需要考虑到这一点。

但是除非你想做一些不寻常的事情，scan辅助方法会为您完成该计算，因此调用它们会更简单。

---

请注意，这还将捕获 Canvas 上项目的点击和拖动事件，而不仅仅是背景。这可能就是您想要的，除非您打算使项目在 Canvas 内可拖动。在后一种情况下，在所有其他项目下方添加一个背景矩形项目(透明的，或者具有您为 Canvas 本身设计的任何背景)，并且 tag_bind而不是 bind正在 Canvas 本身。 (IIRC，对于旧版本的 Tk，您必须为背景项目和 tag_bind 创建一个标签……但如果是这样，您可能已经必须这样做才能绑定(bind)所有其他项目，所以这里是一样的. 无论如何，我会这样做，即使它不是必需的，因为标签是创建可以全部绑定(bind)在一起的项目组的便捷方式。)

所以:

class Canvas_On:    
    def __init__(self, master):
        # ... your original code here ...
        self.c.tag_bind('bg', '<Button-1>', self.click)
        self.c.tag_bind('bg', '<B1-Motion>', self.drag)
        self.c.tag_bind('draggable', '<Button-1>', self.click_item)
        self.c.tag_bind('draggable', '<B1-Motion>', self.drag_item)
    # ... etc. ...
    def click_item(self, event):
        x, y = self.c.canvasx(event.x), self.c.canvasy(event.y)
        self.drag_item = self.c.find_closest(x, y)
        self.drag_x, self.drag_y = x, y
        self.tag_raise(item)
    def drag_item(self, event):
        x, y = self.c.canvasx(event.x), self.c.canvasy(event.y)
        self.c.move(self.drag_item, x-self.drag_x, y-self.drag_y)
        self.drag_x, self.drag_y = x, y

class Drawing_Utility:
    # ...
    def drawer(self, canvas):
        self.c.create_rectangle(0, 0, 5000, 5000, 
                                fill='black', tags='bg')
        self.c.create_oval(50,50,150,150, fill='orange', tags='draggable')
        self.c.create_oval(1000,1000,1100,1100, fill='orange', tags='draggable')

现在您可以拖动整个 Canvas 的背景，但拖动其他项目(标记为“可拖动”的项目)将执行您想要的任何其他操作。

---

如果我正确理解了您的评论，那么您剩下的问题是您在需要 Canvas 坐标时尝试使用窗口坐标。文档中的坐标系部分解释了区别。

所以，假设您有一个项目，您将其放置在 500, 500，原点在 0, 0。现在，您将 Canvas 滚动到 500, 0。项目的窗口坐标现在为 0 , 500，但它的 Canvas 坐标仍然是 500, 500。正如文档所说:

To convert from window coordinates to canvas coordinates, use the canvasx and canvasy methods