Tkinter中的一個不同的「拖放」圖像（Python 3.x）

我試圖讓我的程序的用戶可以從一個窗口小部件拖動一個圖像並將其放入另一個圖像，而不從第一個圖像中移除圖像位置。Tkinter中的一個不同的「拖放」圖像（Python 3.x）

我想爲此使用TopLevel。在點擊+拖動事件後，包含相同圖像的TopLevel將在event.x和event.y位置的點擊圖像上方彈出。然後它會隨着鼠標改變其位置，並且只有當ButtonRelease-1TopLevel將被銷燬。

如果按鈕釋放事件在主x和相應的地方是我的其他部件（的情況下，畫布）y座標觸發，那麼它會使用event.x和event.y引發canvas.create_image()。

我所面臨的問題是：

只有1 TopLevel應出現一次，但我沒有成功限制它。點擊並拖動鼠標時，幾個窗口重疊。我不能讓Toplevel.geometry使用綁定事件的x和y位置。
如何使Toplevel顯示與用戶點擊相同的圖像，沒有幻數和變量？

這裏是我到目前爲止的代碼：

class animalImgList(): 

    def __init__(self, a): 
     #Constructor 
     initX = 75 
     initY = 40 

     animalList = ['pig2.jpg', 'pig3.jpg', 'pig4.jpg'] 

     for a in animalList: 
      vars(self)[a+'img'] = PIL.Image.open(a) 

      vars(self)[a+'tkimg'] = PIL.ImageTk.PhotoImage(vars(self)[a+'img']) 

      vars(self)[a+'labelName'] = Label(anmlCanvas, image=vars(self)[a+'tkimg']) 
      vars(self)[a+'canvasImg'] = anmlCanvas.create_image(initX, initY,image=(vars(self)[a+'tkimg'])) 
      initY = initY + 70 

      anmlImgList = [] 
      anmlImgList.append(vars(self)[a+'canvasImg']) 

      imgTags = anmlCanvas.addtag_all("img") 
      anmlCanvas.tag_bind("img", "<Button-1>", self.createImg) 

    def createImg(self, event): 

     newImg = Toplevel(root) 
     newImg.geometry("50x40"+"+"+ x+"+"+y) 

     newImgMsg = Message(newImg, text="This is supposed to be an image") 
     newImgMsg.pack() 

     newImg.update_idletasks() 
     newImg.overrideredirect(True) 

     createImgOpen = True 

     if createImgOpen == True: 
      pass

來源

2013-07-01 Augusto Ferraz Costa

，而不會受到第一畫布去除圖像中的兩個畫布之間拖動圖像。

的想法是這樣的：

當畫布上的用戶點擊can1（click1功能）：
- 獲取用戶點擊與can1.find_closest
- 該項目得到了can1.itemcget
- 創建一個包含圖像的頂層
- 綁定鼠標動作以沿着頂層拖動：爲此，您需要使用event.x_root和event.y_root來更改頂層幾何。
當用戶釋放鼠標左鍵（release功能）：
- 解除綁定的鼠標移動
- 如果頂層是畫布can2內，在鼠標位置創建can2圖像
- 銷燬頂層

這樣，只能有一個頂層，因爲每次釋放按鈕時，頂層都會被銷燬。

下面是代碼：

import tkinter as tk 

class DragToplevel(tk.Toplevel): 
    def __init__(self, master, image, x, y): 
     tk.Toplevel.__init__(self, master) 
     self.overrideredirect(True) 
     self.geometry('+%i+%i' % (x, y)) 

     self.image = image 

     self.label = tk.Label(self, image=image, bg='red') 
     self.label.pack() 

    def move(self, x, y): 
     self.geometry('+%i+%i' % (x, y)) 


root = tk.Tk() 

can1 = tk.Canvas(root, width=300, height=300, bg='white') 
can2 = tk.Canvas(root, width=300, height=300, bg='white') 

can1.pack(side='left') 
can2.pack(side='right') 
root.geometry('800x800') 

im = tk.PhotoImage('tux', master=root, file='/home/juliette/Images/tux_mini.png') 
drag_id = '' 
dragged = None 
can1.create_image(100, 200, image=im) 

def click1(event): 
    global drag_id, dragged 
    items = can1.find_closest(event.x, event.y) 
    if items: 
     image = can1.itemcget(items[0], 'image') 
     dragged = DragToplevel(root, image, event.x_root, event.y_root) 
     drag_id = root.bind('<Motion>', lambda e: dragged.move(e.x_root, e.y_root)) 


def release(event): 
    global drag_id, dragged 
    root.unbind('<Motion>', drag_id) 
    drag_id = "" 
    xr, yr = event.x_root, event.y_root 
    x2, y2 = can2.winfo_rootx(), can2.winfo_rooty() 
    w2, h2 = can2.winfo_width(), can2.winfo_height() 
    if dragged and xr >= x2 and xr < x2 + w2 and yr >= y2 and yr < y2 + h2: 
     can2.create_image(xr - x2, yr - y2, image=dragged.image, anchor='nw') 
    if dragged: 
     dragged.destroy() 
     dragged = None 


can1.bind('<ButtonPress-1>', click1) 
root.bind('<ButtonRelease-1>', release) 

root.mainloop()

來源

2017-10-09 13:14:07

Tkinter中的一個不同的「拖放」圖像（Python 3.x）

回答

相關問題