拖拽

在GUI里,拖放是指用户点击一个虚拟的对象,拖动,然后放置到另外一个对象上面的动作。一般情况下,需要调用很多动作和方法,创建很多变量。

拖放能让用户很直观的操作很复杂的逻辑。

一般情况下,我们可以拖放两种东西:数据和图形界面。把一个图像从一个应用拖放到另外一个应用上的实质是操作二进制数据。把一个表格从Firefox上拖放到另外一个位置 的实质是操作一个图形组。

简单的拖放

本例使用了QLineEditQPushButton。把一个文本从编辑框里拖到按钮上,更新按钮上的标签(文字)。

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

为了完成预定目标,我们要重构一些方法。首先用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()方法。设定好接受拖拽的数据类型(plain text)。

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

然后重构dropEvent()方法,更改按钮接受鼠标的释放事件的默认行为。

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

QLineEdit默认支持拖拽操作,所以我们只要调用setDragEnabled()方法使用就行了。

程序展示:

drag & drop

拖放按钮组件

这个例子展示怎么拖放一个button组件。

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

上面的例子中,窗口上有一个QPushButton组件。左键点击按钮,控制台就会输出press。右键可以点击然后拖动按钮。

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

QPushButton继承一个Button类,然后重构QPushButton的两个方法:mouseMoveEvent()mousePressEvent().mouseMoveEvent()是拖拽开始的事件。

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

我们只劫持按钮的右键事件,左键的操作还是默认行为。

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

创建一个QDrag对象,用来传输MIME-based数据。

  1. dropAction = drag.exec_(Qt.MoveAction)

拖放事件开始时,用到的处理函数式start().

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

左键点击按钮,会在控制台输出“press”。注意,我们在父级上也调用了mousePressEvent()方法,不然的话,我们是看不到按钮按下的效果的。

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

dropEvent()方法里,我们定义了按钮按下后和释放后的行为,获得鼠标移动的位置,然后把按钮放到这个地方。

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

指定放下的动作类型为moveAction。

程序展示:

这个就一个按钮,没啥可展示的,弄GIF太麻烦了。