PyQT5开发之鼠标响应绘制

OpenCV学堂 2023-02-12 11:20

点击上方蓝字关注我们

微信公众号:OpenCV开发者联盟

关注获取更多计算机视觉与深度学习知识

引言

在任何一门编程语言与GUI库中,支持鼠标的交互操作是必不可少的,鼠标是图形用户界面交互操作的重要媒介,通过捕捉指定的鼠标动作完成不同的响应代码,控制鼠标实现用户交互操作与图形绘制的基本流程与步骤是一个程序员必须掌握的知识。

PyQT5支持的鼠标信号

在PyQT5中在任意一个Widget类组件上完成相关的鼠标操作都可能触发下面之一的鼠标事件信号,包括:
mouseMoveEventmousePressEventmouseReleaseEventmouseDoubleClickEvent

其中如果想要捕获鼠标移动(MouseMove)事件必须设置

setMouseTracking(True)

才可以实现支持。一个简单鼠标绘制通常包括三个鼠标事件的处理,分别是:

mousePressEvent鼠标按下 为开始绘制mouseMoveEvent 鼠标移动 绘制中mouseReleaseEvent 鼠标释放 结束绘制
注意上述是有固定顺序的,鼠标按下设置为绘制开始,移动时候刷新显示绘制,鼠标释放结束绘制,重置绘制状态为初始状态即可。

想要实现鼠标绘制支持,必须在自定义的Widget中完成下面三个方法的重载,方法如下:
def mousePressEvent(self, event):def mouseMoveEvent(self, event):def mouseReleaseEvent(self, event):

综合代码演示

代码实现了绘制与填充不同的几何形状,支持不同颜色设置,线宽设置,实现四种不同的的鼠标绘制,分别为圆形,矩形,直线,涂鸦绘制,支持自动清除画板与鼠标右键菜单弹出方式设置线宽。演示代码启动显示界面如下:


选择绘制圆结果如下图:


绘制矩形之后


绘制直线

综合绘制与涂鸦结果,这是是画的最好的一个图!


支持鼠标右键弹出窗口设置不同的线宽与清除所有绘制。


相关绘制类与鼠标响应代码如下:
  1class ImageCanvas(QtWidgets.QWidget):
2    def __init__(self):
3        super().__init__()
4        self.pts = []
5        self.temp_pts = []
6        self.start_x = -1
7        self.start_y = -1
8        self.pressed = False
9        self.line_width = 5
10
11        # monitor key and mouse  event...
12        self.setMouseTracking(True)
13
14        # 添加菜单
15        self.save_5_action = QtWidgets.QAction("线宽2"self)
16        self.save_10_action = QtWidgets.QAction("线宽4"self)
17        self.save_15_action = QtWidgets.QAction("线宽8"self)
18        self.clear_action = QtWidgets.QAction("清除"self)
19
20        self.save_5_action.triggered.connect(self.on_save_5)
21        self.save_10_action.triggered.connect(self.on_save_10)
22        self.save_15_action.triggered.connect(self.on_save_15)
23        self.clear_action.triggered.connect(self.clear_canvas)
24
25        self.addAction(self.save_5_action)
26        self.addAction(self.save_10_action)
27        self.addAction(self.save_15_action)
28        self.addAction(self.clear_action)
29
30        # 0 - 圆形, 1 - 矩形, 2 - 直线, 3 - free-style
31        self.draw_type = 0
32        self.circle = [000]
33        self.box = [0000]
34        self.line = [0000]
35        # trick settings here!!!
36        self.setContextMenuPolicy(2)
37
38    def clear_canvas(self):
39        self.pts.clear()
40        self.temp_pts.clear()
41        self.circle = [000]
42        self.box = [0000]
43        self.line = [0000]
44        self.repaint()
45
46    def on_save_5(self, s):
47        print(s)
48        self.line_width = 2
49
50    def on_save_10(self, s):
51        print(s)
52        self.line_width = 4
53
54    def on_save_15(self, s):
55        print(s)
56        self.line_width = 8
57
58    def query_draw_type(self):
59        if rbtn1.isChecked():
60            self.draw_type = 0
61        if rbtn2.isChecked():
62            self.draw_type = 1
63        if rbtn3.isChecked():
64            self.draw_type = 2
65        if rbtn4.isChecked():
66            self.draw_type = 3
67
68    def mousePressEvent(self, event):
69        self.query_draw_type()
70        self.pressed = True
71        self.start_x = event.x()
72        self.start_y = event.y()
73        if self.draw_type == 0:
74            self.circle = [self.start_x, self.start_y, 0]
75        if self.draw_type == 1:
76            self.box = [self.start_x, self.start_y, 00]
77        if self.draw_type == 2:
78            self.line = [self.start_x, self.start_y, 00]
79        if self.draw_type == 3:
80            self.temp_pts.clear()
81            self.temp_pts.append((self.start_x, self.start_y))
82
83    def mouseMoveEvent(self, event):
84        if self.pressed and self.start_x > 0 and self.start_y > 0:
85            x = event.x()
86            y = event.y()
87            dx = x - self.start_x
88            dy = y - self.start_y
89            if self.draw_type == 0 and dx > 0 and dy > 0:
90                r = int(np.sqrt(dx*dx + dy*dy))
91                self.circle = [self.start_x, self.start_y, r]
92            if self.draw_type == 1 and dx > 0 and dy > 0:
93                self.box = [self.start_x, self.start_y, dx, dy]
94            if self.draw_type == 2 and abs(dx) > 0 and abs(dy) > 0:
95                self.line = [self.start_x, self.start_y, x, y]
96            if self.draw_type == 3:
97                self.temp_pts.append((x, y))
98            self.repaint()
99
100    def mouseReleaseEvent(self, event):
101        x = event.x()
102        y = event.y()
103        dx = x - self.start_x
104        dy = y - self.start_y
105        if self.draw_type == 0 and dx > 0 and dy > 0:
106            r = int(np.sqrt(dx * dx + dy * dy))
107            self.circle = [self.start_x, self.start_y, r]
108        if self.draw_type == 1 and dx > 0 and dy > 0:
109            self.box = [self.start_x, self.start_y, dx, dy]
110        if self.draw_type == 2 and abs(dx) > 0 and abs(dy) > 0:
111            self.line = [self.start_x, self.start_y, x, y]
112        if self.draw_type == 3:
113            self.temp_pts.append((x, y))
114            self.pts.append(np.copy(self.temp_pts))
115        self.pressed = False
116        self.temp_pts.clear()
117        self.repaint()
118
119    def paintEvent(self, event):
120        painter = QtGui.QPainter(self)
121        painter.fillRect(self.rect(), QtCore.Qt.black)
122        pen = QtGui.QPen(QtCore.Qt.green, 5, QtCore.Qt.DashLine)
123        painter.setPen(pen)
124        font = QtGui.QFont()
125        font.setBold(True)
126        font.setPointSizeF(16)
127        painter.setFont(font)
128        painter.drawText(QtCore.QPoint(525), "OpenCV开发者联盟")
129
130        pen = QtGui.QPen(QtCore.Qt.green, self.line_width)
131        painter.setPen(pen)
132        painter.drawRect(QtCore.QRect(self.box[0], self.box[1], self.box[2], self.box[3]))
133
134        pen = QtGui.QPen(QtCore.Qt.blue, self.line_width)
135        painter.setPen(pen)
136        cx, cy, r = self.circle
137        painter.drawEllipse(QtCore.QRect(cx-r, cy-r, 2*r, 2*r))
138
139        pen = QtGui.QPen(QtCore.Qt.yellow, self.line_width)
140        painter.setPen(pen)
141        painter.drawLine(self.line[0], self.line[1], self.line[2], self.line[3])
142
143        # 5表示线宽
144        pen = QtGui.QPen(QtCore.Qt.red, self.line_width, QtCore.Qt.DashLine)
145        painter.setPen(pen)
146        for c in range(0, len(self.pts), 1):
147            one_contours = self.pts[c]
148            for i in range(0, len(one_contours)-11):
149                x1 = one_contours[i][0]
150                y1 = one_contours[i][1]
151                x2 = one_contours[i+1][0]
152                y2 = one_contours[i+1][1]
153                painter.drawLine(x1, y1, x2, y2)
154
155        for i in range(0, len(self.temp_pts) - 11):
156            x1 = self.temp_pts[i][0]
157            y1 = self.temp_pts[i][1]
158            x2 = self.temp_pts[i + 1][0]
159            y2 = self.temp_pts[i + 1][1]
160            painter.drawLine(x1, y1, x2, y2)


扫码关注

OpenCV开发者联盟,

专注各种语言的OpenCV开发教程分享

OpenCV周边开发技术应用!

扫码查看OpenCV+OpenVIO+Pytorch系统化学习路线图

 推荐阅读 

CV全栈开发者说 - 从传统算法到深度学习怎么修炼

2022入坑深度学习,我选择Pytorch框架!

Pytorch轻松实现经典视觉任务

教程推荐 | Pytorch框架CV开发-从入门到实战

OpenCV4 C++学习 必备基础语法知识三

OpenCV4 C++学习 必备基础语法知识二

OpenCV4.5.4 人脸检测+五点landmark新功能测试

OpenCV4.5.4人脸识别详解与代码演示

OpenCV二值图象分析之Blob分析找圆

OpenCV4.5.x DNN + YOLOv5 C++推理

OpenCV4.5.4 直接支持YOLOv5 6.1版本模型推理

OpenVINO2021.4+YOLOX目标检测模型部署测试

比YOLOv5还厉害的YOLOX来了,官方支持OpenVINO推理

OpenCV学堂 专注计算机视觉开发技术分享,技术框架使用,包括OpenCV,Tensorflow,Pytorch教程与案例,相关算法详解,最新CV方向论文,硬核代码干货与代码案例详解!作者在CV工程化方面深度耕耘15年,感谢您的关注!
评论
  • 应用环境与极具挑战性的测试需求在服务器制造领域里,系统整合测试(System Integration Test;SIT)是确保产品质量和性能的关键步骤。随着服务器系统的复杂性不断提升,包括:多种硬件组件、操作系统、虚拟化平台以及各种应用程序和服务的整合,服务器制造商面临着更有挑战性的测试需求。这些挑战主要体现在以下五个方面:1. 硬件和软件的高度整合:现代服务器通常包括多个处理器、内存模块、储存设备和网络接口。这些硬件组件必须与操作系统及应用软件无缝整合。SIT测试可以帮助制造商确保这些不同组件
    百佳泰测试实验室 2024-12-12 17:45 104浏览
  • 近日,搭载紫光展锐W517芯片平台的INMO GO2由影目科技正式推出。作为全球首款专为商务场景设计的智能翻译眼镜,INMO GO2 以“快、准、稳”三大核心优势,突破传统翻译产品局限,为全球商务人士带来高效、自然、稳定的跨语言交流体验。 INMO GO2内置的W517芯片,是紫光展锐4G旗舰级智能穿戴平台,采用四核处理器,具有高性能、低功耗的优势,内置超微高集成技术,采用先进工艺,计算能力相比同档位竞品提升4倍,强大的性能提供更加多样化的应用场景。【视频见P盘链接】 依托“
    紫光展锐 2024-12-11 11:50 86浏览
  • 我的一台很多年前人家不要了的九十年代SONY台式组合音响,接手时只有CD功能不行了,因为不需要,也就没修,只使用收音机、磁带机和外接信号功能就够了。最近五年在外地,就断电闲置,没使用了。今年9月回到家里,就一个劲儿地忙着收拾家当,忙了一个多月,太多事啦!修了电气,清理了闲置不用了的电器和电子,就是一个劲儿地扔扔扔!几十年的“工匠式”收留收藏,只能断舍离,拆解不过来的了。一天,忽然感觉室内有股臭味,用鼻子的嗅觉功能朝着臭味重的方向寻找,觉得应该就是这台组合音响?怎么会呢?这无机物的东西不会腐臭吧?
    自做自受 2024-12-10 16:34 201浏览
  • 习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习笔记&记录学习习笔记&记学习学习笔记&记录学习学习笔记&记录学习习笔记&记录学习学习笔记&记录学习学习笔记记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记
    youyeye 2024-12-12 10:13 65浏览
  • 全球知名半导体制造商ROHM Co., Ltd.(以下简称“罗姆”)宣布与Taiwan Semiconductor Manufacturing Company Limited(以下简称“台积公司”)就车载氮化镓功率器件的开发和量产事宜建立战略合作伙伴关系。通过该合作关系,双方将致力于将罗姆的氮化镓器件开发技术与台积公司业界先进的GaN-on-Silicon工艺技术优势结合起来,满足市场对高耐压和高频特性优异的功率元器件日益增长的需求。氮化镓功率器件目前主要被用于AC适配器和服务器电源等消费电子和
    电子资讯报 2024-12-10 17:09 106浏览
  • 铁氧体芯片是一种基于铁氧体磁性材料制成的芯片,在通信、传感器、储能等领域有着广泛的应用。铁氧体磁性材料能够通过外加磁场调控其导电性质和反射性质,因此在信号处理和传感器技术方面有着独特的优势。以下是对半导体划片机在铁氧体划切领域应用的详细阐述: 一、半导体划片机的工作原理与特点半导体划片机是一种使用刀片或通过激光等方式高精度切割被加工物的装置,是半导体后道封测中晶圆切割和WLP切割环节的关键设备。它结合了水气电、空气静压高速主轴、精密机械传动、传感器及自动化控制等先进技术,具有高精度、高
    博捷芯划片机 2024-12-12 09:16 100浏览
  • 本文介绍瑞芯微RK3588主板/开发板Android12系统下,APK签名文件生成方法。触觉智能EVB3588开发板演示,搭载了瑞芯微RK3588芯片,该开发板是核心板加底板设计,音视频接口、通信接口等各类接口一应俱全,可帮助企业提高产品开发效率,缩短上市时间,降低成本和设计风险。工具准备下载Keytool-ImportKeyPair工具在源码:build/target/product/security/系统初始签名文件目录中,将以下三个文件拷贝出来:platform.pem;platform.
    Industio_触觉智能 2024-12-12 10:27 102浏览
  • RK3506 是瑞芯微推出的MPU产品,芯片制程为22nm,定位于轻量级、低成本解决方案。该MPU具有低功耗、外设接口丰富、实时性高的特点,适合用多种工商业场景。本文将基于RK3506的设计特点,为大家分析其应用场景。RK3506核心板主要分为三个型号,各型号间的区别如下图:​图 1  RK3506核心板处理器型号场景1:显示HMIRK3506核心板显示接口支持RGB、MIPI、QSPI输出,且支持2D图形加速,轻松运行QT、LVGL等GUI,最快3S内开
    万象奥科 2024-12-11 15:42 109浏览
  • 时源芯微——RE超标整机定位与解决详细流程一、 初步测量与问题确认使用专业的电磁辐射测量设备,对整机的辐射发射进行精确测量。确认是否存在RE超标问题,并记录超标频段和幅度。二、电缆检查与处理若存在信号电缆:步骤一:拔掉所有信号电缆,仅保留电源线,再次测量整机的辐射发射。若测量合格:判定问题出在信号电缆上,可能是电缆的共模电流导致。逐一连接信号电缆,每次连接后测量,定位具体哪根电缆或接口导致超标。对问题电缆进行处理,如加共模扼流圈、滤波器,或优化电缆布局和屏蔽。重新连接所有电缆,再次测量
    时源芯微 2024-12-11 17:11 128浏览
  • 习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习笔记&记录学习习笔记&记学习学习笔记&记录学习学习笔记&记录学习习笔记&记录学习学习笔记&记录学习学习笔记记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记录学习学习笔记&记
    youyeye 2024-12-11 17:58 102浏览
  • 天问Block和Mixly是两个不同的编程工具,分别在单片机开发和教育编程领域有各自的应用。以下是对它们的详细比较: 基本定义 天问Block:天问Block是一个基于区块链技术的数字身份验证和数据交换平台。它的目标是为用户提供一个安全、去中心化、可信任的数字身份验证和数据交换解决方案。 Mixly:Mixly是一款由北京师范大学教育学部创客教育实验室开发的图形化编程软件,旨在为初学者提供一个易于学习和使用的Arduino编程环境。 主要功能 天问Block:支持STC全系列8位单片机,32位
    丙丁先生 2024-12-11 13:15 73浏览
  • 首先在gitee上打个广告:ad5d2f3b647444a88b6f7f9555fd681f.mp4 · 丙丁先生/香河英茂工作室中国 - Gitee.com丙丁先生 (mr-bingding) - Gitee.com2024年对我来说是充满挑战和机遇的一年。在这一年里,我不仅进行了多个开发板的测评,还尝试了多种不同的项目和技术。今天,我想分享一下这一年的故事,希望能给大家带来一些启发和乐趣。 年初的时候,我开始对各种开发板进行测评。从STM32WBA55CG到瑞萨、平头哥和平海的开发板,我都
    丙丁先生 2024-12-11 20:14 89浏览
  • 在智能化技术快速发展当下,图像数据的采集与处理逐渐成为自动驾驶、工业等领域的一项关键技术。高质量的图像数据采集与算法集成测试都是确保系统性能和可靠性的关键。随着技术的不断进步,对于图像数据的采集、处理和分析的需求日益增长,这不仅要求我们拥有高性能的相机硬件,还要求我们能够高效地集成和测试各种算法。我们探索了一种多源相机数据采集与算法集成测试方案,能够满足不同应用场景下对图像采集和算法测试的多样化需求,确保数据的准确性和算法的有效性。一、相机组成相机一般由镜头(Lens),图像传感器(Image
    康谋 2024-12-12 09:45 109浏览
  • 全球智能电视时代来临这年头若是消费者想随意地从各个通路中选购电视时,不难发现目前市场上的产品都已是具有智能联网功能的智能电视了,可以宣告智能电视的普及时代已到临!Google从2021年开始大力推广Google TV(即原Android TV的升级版),其他各大品牌商也都跟进推出搭载Google TV操作系统的机种,除了Google TV外,LG、Samsung、Panasonic等大厂牌也开发出自家的智能电视平台,可以看出各家业者都一致地看好这块大饼。智能电视的Wi-Fi连线怎么消失了?智能电
    百佳泰测试实验室 2024-12-12 17:33 104浏览
  • 一、SAE J1939协议概述SAE J1939协议是由美国汽车工程师协会(SAE,Society of Automotive Engineers)定义的一种用于重型车辆和工业设备中的通信协议,主要应用于车辆和设备之间的实时数据交换。J1939基于CAN(Controller Area Network)总线技术,使用29bit的扩展标识符和扩展数据帧,CAN通信速率为250Kbps,用于车载电子控制单元(ECU)之间的通信和控制。小北同学在之前也对J1939协议做过扫盲科普【科普系列】SAE J
    北汇信息 2024-12-11 15:45 125浏览
我要评论
0
点击右上角,分享到朋友圈 我知道啦
请使用浏览器分享功能 我知道啦