GUI-приложение с использованием Tkinter - Drag and Drop - PullRequest
Новая
       14

GUI-приложение с использованием Tkinter - Drag and Drop

4 голосов
/ 29 марта 2012

Недавно я использовал WxPython для создания симулятора сети с графическим интерфейсом пользователя, такого как трассировка пакетов Cisco, но, если честно, было чрезвычайно трудно пытаться найти примеры того, что мне нужно и т. Д. И т. Д. Iv прибегнул к старому верному Tk.

Моя программа до сих пор имеет строку меню, которая состоит из Файл> Выход.Он также имеет кнопку «Выход» в нижней правой части приложения.Кроме того, у него есть холст заданного размера и множество кнопок, которые при нажатии создают небольшое изображение оборудования на холсте.Это было сделано с помощью PIL

. Что мне нужно дальше, так это то, что я могу перетаскивать эти изображения вокруг холста, и это оказывается немного сложным.Я рассмотрел следующий пример того, как он был разбит, и я вроде понимаю, как вам нужно определение по щелчку, движение (переход от a к b) и определение выпуска, но как мне применить его к моему коду, которыйУ меня уже есть?

Вот ссылка на то, на что я ссылался выше: http://www.python -forum.org / pythonforum / viewtopic.php? F = 4 & p = 75789

Наконец, вот код, который у меня уже есть.Я могу оценить, что структура и структура моего кода не очень хороши, так как я довольно новичок в программировании, но любые указания / примеры / визуальные представления были бы удивительными. 

  from Tkinter import*
from PIL import Image, ImageTk
class AllTkinterWidgets:
    def __init__(self, master):
        frame= Frame(master, width=900, height=600)
        frame.pack()

        iframe5 = Frame (frame, bd=2, relief=RAISED)
        iframe5.pack(expand=1, fill=X, pady=10, padx=5)

        c = Canvas(iframe5, bg='white', width=600, height=500)
        c.pack()

    # definitions to print hardware images to the canvas
    # -----------------------------------------------------------------------
        def show_imageRouter():
            c.create_image(30,30, image=image1)

        def show_imageSwitch():
            c.create_image(30,60, image=image2)

        def show_imageServer():
            c.create_image(30,100, image=image3)

        def show_imageIpPhone():
            c.create_image(30,140, image=image4)

        def show_imageWirelessRouter():
            c.create_image(30,180, image=image5)

        def show_imageHost():
            c.create_image(30, 220, image=image6)

    # Network hardware buttons created
    # ----------------------------------------------------
        self.button = Button(frame, text = "Router", height= 1, width= 8, padx=2, pady=2,command=show_imageRouter)
        self.button.pack(side = LEFT)

        self.button = Button(frame, text = "Switch",height= 1, width= 8, padx=2, pady=2, command=show_imageSwitch)
        self.button.pack(side = LEFT)

        self.button = Button(frame, text = "Server",height= 1, width= 8, padx=2, pady=2, command=show_imageServer)
        self.button.pack(side = LEFT)

        self.button = Button(frame, text = "IP Phone",height= 1, width= 8, padx=2, pady=2, command=show_imageIpPhone)
        self.button.pack(side = LEFT)

        self.button = Button(frame, text = "Wireless Router",height= 1, width= 12, padx=2, pady=2, command=show_imageWirelessRouter)
        self.button.pack(side = LEFT)

        self.button = Button(frame, text = "Host",height= 1, width= 8, padx=2, pady=2, command=show_imageHost)
        self.button.pack(side = LEFT)

        self.button = Button(frame, text = "Cabling",height= 1, width= 8, padx=2, pady=2)
        self.button.pack(side = LEFT)

        self.button = Button(frame, text = "Square",height= 1, width= 8, padx=2, pady=2)
        self.button.pack(side = LEFT)

    # Create the image objects for the hardware Images
    # ----------------------------------------------------------------------
        imageFile = "router.png"
        image1 = ImageTk.PhotoImage(Image.open(imageFile))

        imageFile = "switch.png"
        image2 = ImageTk.PhotoImage(Image.open(imageFile))

        imageFile = "Server.png"
        image3 = ImageTk.PhotoImage(Image.open(imageFile))

        imageFile = "ipPhone.png"
        image4 = ImageTk.PhotoImage(Image.open(imageFile))

        imageFile = "WirelessRouter.png"
        image5 = ImageTk.PhotoImage(Image.open(imageFile))

        imageFile = "Host.png"
        image6 = ImageTk.PhotoImage(Image.open(imageFile))

root = Tk()
all = AllTkinterWidgets(root)

def Exit():
    print "Exit"

# Create an Exit Button
toolbar = Frame(root)
b = Button(toolbar, text="Exit", width=6, height=3, command=Exit)
b.pack(side=RIGHT, padx=2, pady=2)
toolbar.pack(side=BOTTOM, fill=X)

# Press Esc to quit
root.bind("<Escape>", exit)

# Creation of a menu File > Exit
menu = Menu(root)
root.config(menu=menu)

filemenu = Menu(menu)
menu.add_cascade(label="File", menu=filemenu)
filemenu.add_command(label="Exit", command=Exit)

root.mainloop()

Извините, если отступ немногостранный.Я настроил его так, чтобы он блокировался здесь вместе.

1 Ответ

3 голосов
/ 29 марта 2012

Этот ответ на вопрос «Код для рисования доски для перемещения овала» показывает, как перетащить объект на холст.

...