Переместить холст tkinter с помощью мыши

Я хотел бы переместить весь tkinter Canvas с помощью щелчка мыши (удержание) + движение мыши. Я пытался с canvas.move, но, к сожалению, это не работает.

Как я могу прокручивать весь холст? (не перемещать каждый элемент холста, а прокручивать отображаемую область холста)

import Tkinter as Tk

oldx = 0
oldy = 0

def oldxyset(event):
    global oldx, oldy
    oldx = event.x
    oldy = event.y

def callback(event):
    # How to move the whole canvas here?
    print oldx - event.x, oldy - event.y

root = Tk.Tk()

c = Tk.Canvas(root, width=400, height=400, bg='white')
o = c.create_oval(150, 10, 100, 60, fill='red')
c.pack()

c.bind("<ButtonPress-1>", oldxyset)
c.bind("<B1-Motion>", callback)

root.mainloop()

person Basj    schedule 17.12.2013    source источник


Ответы (1)


Холст имеет встроенную поддержку прокрутки с помощью мыши с помощью методов scan_mark и scan_dragto. Первый запоминает, где вы щелкнули мышью, а второй прокручивает окно на соответствующее количество пикселей.

Примечание: атрибут gain сообщает scan_moveto, на сколько пикселей перемещается каждый пиксель, перемещаемый мышью. По умолчанию оно равно 10, поэтому, если вы хотите соотношение 1:1 между курсором и холстом, вам нужно установить это значение равным 1 (как показано в примере).

Вот пример:

import Tkinter as tk
import random

class Example(tk.Frame):
    def __init__(self, root):
        tk.Frame.__init__(self, root)
        self.canvas = tk.Canvas(self, width=400, height=400, background="bisque")
        self.xsb = tk.Scrollbar(self, orient="horizontal", command=self.canvas.xview)
        self.ysb = tk.Scrollbar(self, orient="vertical", command=self.canvas.yview)
        self.canvas.configure(yscrollcommand=self.ysb.set, xscrollcommand=self.xsb.set)
        self.canvas.configure(scrollregion=(0,0,1000,1000))

        self.xsb.grid(row=1, column=0, sticky="ew")
        self.ysb.grid(row=0, column=1, sticky="ns")
        self.canvas.grid(row=0, column=0, sticky="nsew")
        self.grid_rowconfigure(0, weight=1)
        self.grid_columnconfigure(0, weight=1)

        for n in range(50):
            x0 = random.randint(0, 900)
            y0 = random.randint(50, 900)
            x1 = x0 + random.randint(50, 100)
            y1 = y0 + random.randint(50,100)
            color = ("red", "orange", "yellow", "green", "blue")[random.randint(0,4)]
            self.canvas.create_rectangle(x0,y0,x1,y1, outline="black", fill=color)
        self.canvas.create_text(50,10, anchor="nw", 
                                text="Click and drag to move the canvas")

        # This is what enables scrolling with the mouse:
        self.canvas.bind("<ButtonPress-1>", self.scroll_start)
        self.canvas.bind("<B1-Motion>", self.scroll_move)

    def scroll_start(self, event):
        self.canvas.scan_mark(event.x, event.y)

    def scroll_move(self, event):
        self.canvas.scan_dragto(event.x, event.y, gain=1)


if __name__ == "__main__":
    root = tk.Tk()
    Example(root).pack(fill="both", expand=True)
    root.mainloop()
person Bryan Oakley    schedule 17.12.2013
comment
Большое спасибо, это именно то, что мне было нужно! Возможно ли иметь бесконечный (или почти бесконечный) холст, чтобы я мог прокручивать его вправо/влево/вверх/вниз настолько, насколько захочу? - person Basj; 18.12.2013
comment
@Basj: я не думаю, что это бесконечно, хотя фактический предел не задокументирован. Просто поэкспериментируйте, увеличивая область прокрутки. Я предполагаю, что координаты представляют собой 32-битные целые числа. - person Bryan Oakley; 18.12.2013
comment
Еще раз спасибо за этот код прокрутки @BryanOakley. Для масштабирования вы бы использовали что-то вроде canvas.scale ? Я сделал реализацию, сделав это сам с нуля при масштабировании, но я думаю, что, вероятно, что-то встроенное в tkinter? - person Basj; 18.12.2013
comment
Я ошибаюсь, или эта функция прокрутки не будет перемещать Text виджеты, встроенные в Canvas @BryanOakley ? Я сделал несколько тестов, и кажется, что он не перемещает такие виджеты... - person Basj; 19.12.2013
comment
@Basj: это зависит от того, как вы выполняете встраивание. Если вы используете create_window, они будут прокручиваться вместе со всем остальным. Они не будут прокручиваться, если вы используете пакет, место или сетку. - person Bryan Oakley; 19.12.2013
comment
Работает с create_window, виджеты теперь можно прокручивать и масштабировать/работает с canvas.scale. - person Basj; 19.12.2013