Fare

2013-12-17 28 views
6

ile teneke bir tuval taşıyın Fare tıklatmayla (bekle) + fare hareketi ile Canvas bütün bir titremeyi taşımak istiyorum. canvas.move ile denedim ama maalesef çalışmıyor.Fare

Tüm tuvalde nasıl gezinebilirim?scan_mark ve scan_dragto yöntemlerle,

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() 

cevap

8

tuval yerleşik fare ile kaydırma için destek (tuval her öğe hareket değil, tuvalin görüntülenen alan kaydırma). Eski, fareyi tıklattığınız yeri hatırlar ve ikinci pencere, uygun miktarda piksel kaydırır.

Not: gain özellik, her piksel için fare hareketlerini taşımak için scan_moveto kaç piksel söyler. Varsayılan olarak 10'dur, bu yüzden imleç ile tuval arasında 1: 1 bağıntı istiyorsanız, bu değeri 1'e (örnekte gösterildiği gibi) ayarlamanız gerekir.

İşte bir örnek:

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() 
+0

Çok teşekkür ederim, ben gerekli tam olarak ne! Sonsuz (veya neredeyse sonsuz) bir Tuval'e sahip olmak mümkün mü, sağ/sol/üst/alt seviyeye kadar gidebildiğim kadar kaydırılabilir miyim? – Basj

+0

@Basj: Asıl sınırın belgelenmemiş olmasına rağmen, bunun sonsuz olduğunu düşünmüyorum. Sadece kaydırma bölümünü daha büyük ve daha büyük yaparak deneyebilirsiniz. Tahminimce, koordinatlar 32 bit ints. –

+0

Bu kaydırma kodu @BryanOakley için tekrar teşekkürler. "Yakınlaştırma" için "canvas.scale" gibi bir şey kullanır mıydınız? Yakınlaştırma yaparken kendimi sıfırdan yaparak bir uygulama yaptım, ama muhtemelen 'tkinter' içinde yerleşik bir şey olduğunu düşünüyorum? – Basj