Wie implementiert man eine Drag-and-Drop-Benutzeroberfläche in Python?

In Python werden die Bibliotheken Tkinter und PyQt5 häufig verwendet, um eine GUI (Graphical User Interface) zu erstellen. Hier werden wir diskutieren, wie man eine Drag-and-Drop GUI mit PyQt5 implementiert. PyQt5 ist ein Satz von Python-Bindungen für die Qt-Bibliotheken, die zur Erstellung von plattformübergreifenden Anwendungen verwendet werden können.

Installieren Sie PyQt5 mit pip:

pip install pyqt5

Hier ist eine schrittweise Anleitung zur Erstellung einer Drag-and-Drop-Funktion in einer GUI:

Schritt 1: Importieren Sie die notwendigen Module

from PyQt5.QtWidgets import QApplication, QPushButton, QWidget, QLabel, QVBoxLayout
from PyQt5.QtGui import QPixmap, QColor, QDrag
from PyQt5.QtCore import Qt, QMimeData, pyqtSlot, QPoint

Schritt 2: Entwerfen Sie Ihre Button-Klasse. Dies ist das verschiebbare Objekt.

class DraggableButton(QPushButton):

    def __init__(self, title, parent):
        super().__init__(title, parent)

    def mouseMoveEvent(self, event):
        if event.buttons() != Qt.LeftButton:
            return 
        mimeData = QMimeData()

        drag = QDrag(self)
        drag.setMimeData(mimeData)
        drag.setHotSpot(event.pos() - self.rect().topLeft())

        dropAction = drag.exec_(Qt.MoveAction)

    def mousePressEvent(self, event):
        super().mousePressEvent(event)

        if event.button() == Qt.LeftButton:
            print('press')

Schritt 3: Entwerfen Sie Ihre GUI. Dies ist das Ziel des verschobenen Objekts.

class Application(QWidget):

    def __init__(self):
        super().__init__()

        self.initUI()
        
    def initUI(self):
        self.setAcceptDrops(True)

        self.button = DraggableButton('Button', self)
        self.button.move(100, 65)

        self.setGeometry(300, 300, 280, 150)
    
    def dragEnterEvent(self, event):
        event.accept()
        
    def dragMoveEvent(self, event):
        event.accept()

    def dropEvent(self, event):
        position = event.pos()
        self.button.move(position)

        event.accept()

Schritt 4: Fügen Sie die Hauptfunktion hinzu

def main():
  
    app = QApplication(sys.argv)
    ex = Application()
    ex.show()
    app.exec_()

Schritt 5: Starten Sie nun die Hauptfunktion

if __name__ == '__main__':
    import sys
    main()

Um mit Drag-and-Drop in PyQt5 zu arbeiten, müssen wir einige Konzepte verstehen:

• QDrag repräsentiert einen Drag (QDrag).
• QMimeData speichert die Daten, die mit Drag-and-Drop übertragen werden (QMimeData).
• dropEvent Ereignis tritt auf, wann immer wir ein gezogenes Element ablegen (QDropEvent).
• mimeData legt die Daten fest (mimeData).
• setDragDropMode legt fest, wie Elemente im Widget Drops akzeptieren sollen (setDragDropMode).

Denken Sie daran, dass jedes GUI-Design eine maßgeschneiderte Implementierung erfordern kann, die auf seine Bedürfnisse zugeschnitten ist. Das obige Beispiel bietet einen einfachen Ansatz zur Implementierung einer Drag-and-Drop-Aktion innerhalb des PyQt5-Frameworks.