原文: http://zetcode.com/gui/pysidetutorial/dragdrop/

在 PySide 教程的这一部分中,我们将讨论拖放操作。

在计算机图形用户界面中,拖放是单击虚拟对象并将其拖动到其他位置或另一个虚拟对象上的动作(或支持以下动作)。 通常,它可用于调用多种动作,或在两个抽象对象之间创建各种类型的关联。 (维基百科)

拖放功能是图形用户界面最明显的方面之一。 拖放操作使用户可以直观地完成复杂的事情。

通常,我们可以拖放两件事。 数据或某些图形对象。 如果将图像从一个应用拖到另一个应用,则会拖放二进制数据。 如果我们在 Firefox 中拖动选项卡并将其移动到另一个位置,则将拖放图形组件。

简单的拖放

在第一个示例中,我们将具有QtGui.QLineEditQtGui.QPushButton。 我们将从行编辑小部件中拖动纯文本并将其拖放到按钮小部件上。

  1. #!/usr/bin/python
  2. # -*- coding: utf-8 -*-
  3. """
  4. ZetCode PySide tutorial
  5. This is a simple drag and
  6. drop example.
  7. author: Jan Bodnar
  8. website: zetcode.com
  9. last edited: August 2011
  10. """
  11. import sys
  12. from PySide import QtGui, QtCore
  13. class Button(QtGui.QPushButton):
  14. def __init__(self, title, parent):
  15. super(Button, self).__init__(title, parent)
  16. self.setAcceptDrops(True)
  17. def dragEnterEvent(self, e):
  18. if e.mimeData().hasFormat('text/plain'):
  19. e.accept()
  20. else:
  21. e.ignore()
  22. def dropEvent(self, e):
  23. self.setText(e.mimeData().text())
  24. class Example(QtGui.QWidget):
  25. def __init__(self):
  26. super(Example, self).__init__()
  27. self.initUI()
  28. def initUI(self):
  29. qe = QtGui.QLineEdit('', self)
  30. qe.setDragEnabled(True)
  31. qe.move(30, 65)
  32. button = Button("Button", self)
  33. button.move(190, 65)
  34. self.setGeometry(300, 300, 300, 150)
  35. self.setWindowTitle('Simple Drag & Drop')
  36. self.show()
  37. def main():
  38. app = QtGui.QApplication(sys.argv)
  39. ex = Example()
  40. sys.exit(app.exec_())
  41. if __name__ == '__main__':
  42. main()

简单拖动&放下操作。

  1. class Button(QtGui.QPushButton):
  2. def __init__(self, title, parent):
  3. super(Button, self).__init__(title, parent)

为了在QtGui.QPushButton小部件上放置文本,我们必须重新实现一些方法。 因此,我们创建了自己的Button类,该类将从QtGui.QPushButton类继承。

  1. self.setAcceptDrops(True)

我们为小部件启用放置事件。

  1. def dragEnterEvent(self, e):
  2. if e.mimeData().hasFormat('text/plain'):
  3. e.accept()
  4. else:
  5. e.ignore()

首先,我们重新实现dragEnterEvent()方法。 我们会告知数据类型,我们将接受。 在我们的情况下,它是纯文本。

  1. def dropEvent(self, e):
  2. self.setText(e.mimeData().text())

通过重新实现dropEvent()方法,我们将定义在放置事件上将要执行的操作。 在这里,我们更改按钮小部件的文本。

  1. qe = QtGui.QLineEdit('', self)
  2. qe.setDragEnabled(True)

QtGui.QLineEdit小部件具有对拖动操作的内置支持。 我们需要做的就是调用setDragEnabled()方法来激活它。

在 PySide 中拖放 - 图1

图:简单 Drag & Drop

拖动和放置一个按钮小部件

在下面的示例中,我们将演示如何拖放按钮小部件。

  1. #!/usr/bin/python
  2. # -*- coding: utf-8 -*-
  3. """
  4. ZetCode PySide tutorial
  5. In this example, we drag and drop a
  6. button.
  7. author: Jan Bodnar
  8. website: zetcode.com
  9. last edited: August 2011
  10. """
  11. import sys
  12. from PySide import QtGui, QtCore
  13. class Button(QtGui.QPushButton):
  14. def __init__(self, title, parent):
  15. super(Button, self).__init__(title, parent)
  16. def mouseMoveEvent(self, e):
  17. if e.buttons() != QtCore.Qt.RightButton:
  18. return
  19. mimeData = QtCore.QMimeData()
  20. drag = QtGui.QDrag(self)
  21. drag.setMimeData(mimeData)
  22. drag.setHotSpot(e.pos() - self.rect().topLeft())
  23. dropAction = drag.start(QtCore.Qt.MoveAction)
  24. def mousePressEvent(self, e):
  25. QtGui.QPushButton.mousePressEvent(self, e)
  26. if e.button() == QtCore.Qt.LeftButton:
  27. print 'press'
  28. class Example(QtGui.QWidget):
  29. def __init__(self):
  30. super(Example, self).__init__()
  31. self.initUI()
  32. def initUI(self):
  33. self.setAcceptDrops(True)
  34. self.btn = Button('Button', self)
  35. self.btn.move(100, 65)
  36. self.setGeometry(300, 300, 300, 150)
  37. self.setWindowTitle('Click or move')
  38. self.show()
  39. def dragEnterEvent(self, e):
  40. e.accept()
  41. def dropEvent(self, e):
  42. position = e.pos()
  43. self.btn.move(position)
  44. e.setDropAction(QtCore.Qt.MoveAction)
  45. e.accept()
  46. def main():
  47. app = QtGui.QApplication(sys.argv)
  48. ex = Example()
  49. sys.exit(app.exec_())
  50. if __name__ == '__main__':
  51. main()

在我们的代码示例中,窗口上有一个QtGui.QPushButton。 如果我们用鼠标左键单击该按钮,则会在控制台上打印'press'。 通过右键单击并移动按钮,我们在按钮小部件上执行拖放操作。

  1. class Button(QtGui.QPushButton):
  2. def __init__(self, title, parent):
  3. super(Button, self).__init__(title, parent)

我们创建一个Button类,该类将从QtGui.QPushButton派生。 我们还重新实现了QtGui.QPushButton的两种方法mouseMoveEvent()mousePressEvent()mouseMoveEvent()方法是拖放操作开始的地方。

  1. if event.buttons() != QtCore.Qt.RightButton:
  2. return

在这里,我们决定只能使用鼠标右键执行拖放操作。 鼠标左键保留用于单击该按钮。

  1. mimeData = QtCore.QMimeData()
  2. drag = QtGui.QDrag(self)
  3. drag.setMimeData(mimeData)
  4. drag.setHotSpot(event.pos() - self.rect().topLeft())

在这里,我们创建一个QtGui.QDrag对象。

  1. dropAction = drag.start(QtCore.Qt.MoveAction)

拖动对象的start()方法开始拖放操作。

  1. def mousePressEvent(self, e):
  2. QtGui.QPushButton.mousePressEvent(self, e)
  3. if e.button() == QtCore.Qt.LeftButton:
  4. print 'press'

如果我们用鼠标左键单击按钮,我们将在控制台上打印'press'。 注意,我们也在父对象上调用了mousePressEvent()方法。 否则,我们将看不到按钮被按下。

  1. position = e.pos()
  2. self.btn.move(position)

dropEvent()方法中,我们编码释放鼠标键并完成放置操作后发生的情况。 我们找出当前鼠标指针的位置并相应地移动一个按钮。

  1. e.setDropAction(QtCore.Qt.MoveAction)
  2. e.accept()

我们指定放置动作的类型。 在我们的情况下,这是一个动作。

PySide 教程的这一部分专门用于拖放。