PyQt5实现拖放功能
在这节教程中,我们将探讨pyqt5中的拖放操作。
在计算机图形用户界面(gui)中,拖放是在某个虚拟对象上点击并拖动到另一个位置或虚拟对象上的操作。它通常用于调用多个动作,或为两个抽象对象创建某些联系。
拖放是图形用户界面的一部分。拖放可以使用户直观地完成某些复杂的操作。
通常我们可以对两种事物进行拖放操作:数据或某些图形对象。如果我们将某个应用中的图片拖放到另一个应用,我们拖放的是二进制数据。如果将firefox的某个标签页拖放到其他地方,我们拖放的是一个图形组件。
简单的拖放
在第一个示例中我们要创建一个qlineedit和一个qpushbutton,并通过将lineedit中的文本拖放到按钮上来改变按钮的标签。
import sys from pyqt5.qtwidgets import (qpushbutton, qwidget, qlineedit, qapplication) class button(qpushbutton): def __init__(self, title, parent): super().__init__(title, parent) self.setacceptdrops(true) def dragenterevent(self, e): if e.mimedata().hasformat("text/plain"): e.accept() else: e.ignore() def dropevent(self, e): self.settext(e.mimedata().text()) class example(qwidget): def __init__(self): super().__init__() self.initui() def initui(self): edit = qlineedit("", self) edit.setdragenabled(true) edit.move(30, 65) button = button("button", self) button.move(190, 65) self.setwindowtitle("simple drag & drop") self.setgeometry(300, 300, 300, 150) self.show() if __name__ == "__main__": app = qapplication(sys.argv) ex = example() sys.exit(app.exec_())
这个示例演示了一个简单的拖放操作。
class button(qpushbutton): def __init__(self, title, parent): super().__init__(title, parent) self.setacceptdrops(true)
我们需要重新实现某些方法才能使qpushbutton接受拖放操作。因此我们创建了继承自qpushbutton的button类。
self.setacceptdrops(true)
使该控件接受drop(放下)事件。
def dragenterevent(self, e): if e.mimedata().hasformat('text/plain'): e.accept() else: e.ignore()
首先我们重新实现了dragenterevent()方法,并设置可接受的数据类型(在这里是普通文本)。
def dropevent(self, e): self.settext(e.mimedata().text())
通过重新实现dropevent()方法,我们定义了在drop事件发生时的行为。这里我们改变了按钮的文字。
edit = qlineedit('', self) edit.setdragenabled(true)
qlineedit内置了对drag(拖动)操作的支持。我们只需要调用setdragenabled()方法就可以了。
拖放一个按钮
在下面的示例中我们将演示如何对一个按钮控件进行拖放。
import sys from pyqt5.qtwidgets import qpushbutton, qwidget, qapplication from pyqt5.qtcore import qt, qmimedata from pyqt5.qtgui import qdrag class button(qpushbutton): def __init__(self, title, parent): super().__init__(title, parent) def mousemoveevent(self, e): if e.buttons() != qt.rightbutton: return mimedata = qmimedata() drag = qdrag(self) drag.setmimedata(mimedata) drag.sethotspot(e.pos() - self.rect().topleft()) dropacion = drag.exec_(qt.moveaction) def mousepressevent(self, e): qpushbutton.mousepressevent(self, e) if e.button() == qt.leftbutton: print("press") class example(qwidget): def __init__(self): super().__init__() self.initui() def initui(self): self.setacceptdrops(true) self.button = button("button", self) self.button.move(100, 65) self.setwindowtitle("click or move") self.setgeometry(300, 300, 280, 150) def dragenterevent(self, e): e.accept() def dropevent(self, e): position = e.pos() self.button.move(position) e.setdropaction(qt.moveaction) e.accept() if __name__ == "__main__": app = qapplication(sys.argv) ex = example() ex.show() app.exec_()
我们在窗体中创建了一个qpushbutton。如果用鼠标左键点击这个按钮会在控制台中输出'press'消息。我们在这个按钮上实现了拖放操作,可以通过鼠标右击进行拖动。
class button(qpushbutton): def __init__(self, title, parent): super().__init__(title, parent)
我们从qpushbutton派生了一个button类,并重新实现了mousemoveevent()与mousepressevent()方法。mousemoveevent()方法是拖放操作产生的地方。
if e.buttons() != qt.rightbutton: return
在这里我们设置只在鼠标右击时才执行拖放操作。鼠标左击用于按钮的点击事件。
mimedata = qmimedata() drag = qdrag(self) drag.setmimedata(mimedata) drag.sethotspot(e.pos() - self.rect().topleft())
qdrag提供了对基于mime的拖放的数据传输的支持。
dropaction = drag.exec_(qt.moveaction)
drag对象的exec_()方法用于启动拖放操作。
def mousepressevent(self, e): qpushbutton.mousepressevent(self, e) if e.button() == qt.leftbutton: print('press')
鼠标左击按钮时我们会在控制台打印‘press'。注意我们也调用了父按钮的mousepressevent()方法。否则会看不到按钮的按下效果。
position = e.pos() self.button.move(position)
在dropevent()方法中,我们要为松开鼠标后的操作进行编码,并完成drop操作。即找出鼠标指针的当前位置,并将按钮移动过去。
e.setdropaction(qt.moveaction) e.accept()
我们定义了drop动作的类型。这里是move动作。
本节教程讲解了拖放操作。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: 嫩姜热量高吗,原来这么多年的认识是错的
下一篇: Python3单行定义多个变量或赋值方法
推荐阅读
-
JS实现左边列表移到到右边列表功能
-
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
-
用Excel数据验证功能实现单元格只能输入正值就是大于0的正数
-
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
-
Laravel框架实现的使用smtp发送邮件功能示例
-
PyQt5内嵌浏览器注入JavaScript脚本实现自动化操作的代码实例
-
solidworks怎么实现击左键退出草图功能?
-
Vue.js:使用Vue-Router 2实现路由功能介绍
-
使用vue.js实现checkbox的全选和多个的删除功能
-
vuejs2.0运用原生js实现简单的拖拽元素功能示例