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年,感谢您的关注!
评论
  • 嘿,咱来聊聊RISC-V MCU技术哈。 这RISC-V MCU技术呢,简单来说就是基于一个叫RISC-V的指令集架构做出的微控制器技术。RISC-V这个啊,2010年的时候,是加州大学伯克利分校的研究团队弄出来的,目的就是想搞个新的、开放的指令集架构,能跟上现代计算的需要。到了2015年,专门成立了个RISC-V基金会,让这个架构更标准,也更好地推广开了。这几年啊,这个RISC-V的生态系统发展得可快了,好多公司和机构都加入了RISC-V International,还推出了不少RISC-V
    丙丁先生 2025-01-21 12:10 1078浏览
  • 书接上回:【2022年终总结】阳光总在风雨后,启航2023-面包板社区  https://mbb.eet-china.com/blog/468701-438244.html 总结2019,松山湖有个欧洲小镇-面包板社区  https://mbb.eet-china.com/blog/468701-413397.html        2025年该是总结下2024年的喜怒哀乐,有个好的开始,才能更好的面对2025年即将
    liweicheng 2025-01-24 23:18 181浏览
  • 随着AI大模型训练和推理对计算能力的需求呈指数级增长,AI数据中心的网络带宽需求大幅提升,推动了高速光模块的发展。光模块作为数据中心和高性能计算系统中的关键器件,主要用于提供高速和大容量的数据传输服务。 光模块提升带宽的方法有两种:1)提高每个通道的比特速率,如直接提升波特率,或者保持波特率不变,使用复杂的调制解调方式(如PAM4);2)增加通道数,如提升并行光纤数量,或采用波分复用(CWDM、LWDM)。按照传输模式,光模块可分为并行和波分两种类型,其中并行方案主要应用在中短距传输场景中成本
    hycsystembella 2025-01-25 17:24 174浏览
  • 临近春节,各方社交及应酬也变得多起来了,甚至一月份就排满了各式约见。有的是关系好的专业朋友的周末“恳谈会”,基本是关于2025年经济预判的话题,以及如何稳定工作等话题;但更多的预约是来自几个客户老板及副总裁们的见面,他们为今年的经济预判与企业发展焦虑而来。在聊天过程中,我发现今年的聊天有个很有意思的“点”,挺多人尤其关心我到底是怎么成长成现在的多领域风格的,还能掌握一些经济趋势的分析能力,到底学过哪些专业、在企业管过哪些具体事情?单单就这个一个月内,我就重复了数次“为什么”,再辅以我上次写的:《
    牛言喵语 2025-01-22 17:10 338浏览
  • 项目展示①正面、反面②左侧、右侧项目源码:https://mbb.eet-china.com/download/316656.html前言为什么想到要做这个小玩意呢,作为一个死宅,懒得看手机,但又想要抬头就能看见时间和天气信息,于是就做个这么个小东西,放在示波器上面正好(示波器外壳有个小槽,刚好可以卡住)功能主要有,获取国家气象局的天气信息,还有实时的温湿度,主控采用ESP32,所以后续还可以开放更多奇奇怪怪的功能,比如油价信息、股票信息之类的,反正能联网可操作性就大多了原理图、PCB、面板设计
    小恶魔owo 2025-01-25 22:09 256浏览
  • 飞凌嵌入式基于瑞芯微RK3562系列处理器打造的FET3562J-C全国产核心板,是一款专为工业自动化及消费类电子设备设计的产品,凭借其强大的功能和灵活性,自上市以来得到了各行业客户的广泛关注。本文将详细介绍如何启动并测试RK3562J处理器的MCU,通过实际操作步骤,帮助各位工程师朋友更好地了解这款芯片。1、RK3562J处理器概述RK3562J处理器采用了4*Cortex-A53@1.8GHz+Cortex-M0@200MHz架构。其中,4个Cortex-A53核心作为主要核心,负责处理复杂
    飞凌嵌入式 2025-01-24 11:21 190浏览
  • 故障现象 一辆2007款日产天籁车,搭载VQ23发动机(气缸编号如图1所示,点火顺序为1-2-3-4-5-6),累计行驶里程约为21万km。车主反映,该车起步加速时偶尔抖动,且行驶中加速无力。 图1 VQ23发动机的气缸编号 故障诊断接车后试车,发动机怠速运转平稳,但只要换挡起步,稍微踩下一点加速踏板,就能感觉到车身明显抖动。用故障检测仪检测,发动机控制模块(ECM)无故障代码存储,且无失火数据流。用虹科Pico汽车示波器测量气缸1点火信号(COP点火信号)和曲轴位置传感器信
    虹科Pico汽车示波器 2025-01-23 10:46 204浏览
  • 前篇文章中『服务器散热效能不佳有解吗?』提到气冷式的服务器其散热效能对于系统稳定度是非常重要的关键因素,同时也说明了百佳泰对于散热效能能提供的协助与服务。本篇将为您延伸说明我们如何进行评估,同时也会举例在测试过程中发现的问题及改善后的数据。AI服务器的散热架构三大重点:GPU导风罩:尝试不同的GPU导风罩架构,用以集中服务器进风量,加强对GPU的降温效果。GPU托盘:改动GPU托盘架构,验证出风面积大小对GPU散热的影想程度。CPU导风罩:尝试封闭CPU导风罩间隙,集中风流,验证CPU降温效果。
    百佳泰测试实验室 2025-01-24 16:58 81浏览
  • 不让汽车专美于前,近年来哈雷(Harley-Davidson)和本田(Honda)等大型重型机车大厂的旗下车款皆已陆续配备车载娱乐系统与语音助理,在路上也有越来越多的普通机车车主开始使用安全帽麦克风,在骑车时透过蓝牙连线执行语音搜寻地点导航、音乐播放控制或免持拨打接听电话等各种「机车语音助理」功能。客户背景与面临的挑战以本次分享的客户个案为例,该客户是一个跨国车用语音软件供货商,过往是与车厂合作开发前装车机为主,且有着多年的「汽车语音助理」产品经验。由于客户这次是首度跨足「机车语音助理」产品,因
    百佳泰测试实验室 2025-01-24 17:00 113浏览
  •     IPC-2581是基于ODB++标准、结合PCB行业特点而指定的PCB加工文件规范。    IPC-2581旨在替代CAM350格式,成为PCB加工行业的新的工业规范。    有一些免费软件,可以查看(不可修改)IPC-2581数据文件。这些软件典型用途是工艺校核。    1. Vu2581        出品:Downstream     
    电子知识打边炉 2025-01-22 11:12 255浏览
  •  万万没想到!科幻电影中的人形机器人,正在一步步走进我们人类的日常生活中来了。1月17日,乐聚将第100台全尺寸人形机器人交付北汽越野车,再次吹响了人形机器人疯狂进厂打工的号角。无独有尔,银河通用机器人作为一家成立不到两年时间的创业公司,在短短一年多时间内推出革命性的第一代产品Galbot G1,这是一款轮式、双臂、身体可折叠的人形机器人,得到了美团战投、经纬创投、IDG资本等众多投资方的认可。作为一家成立仅仅只有两年多时间的企业,智元机器人也把机器人从梦想带进了现实。2024年8月1
    刘旷 2025-01-21 11:15 860浏览
  • 高速先生成员--黄刚这不马上就要过年了嘛,高速先生就不打算给大家上难度了,整一篇简单但很实用的文章给大伙瞧瞧好了。相信这个标题一出来,尤其对于PCB设计工程师来说,心就立马凉了半截。他们辛辛苦苦进行PCB的过孔设计,高速先生居然说设计多大的过孔他们不关心!另外估计这时候就跳出很多“挑刺”的粉丝了哈,因为翻看很多以往的文章,高速先生都表达了过孔孔径对高速性能的影响是很大的哦!咋滴,今天居然说孔径不关心了?别,别急哈,听高速先生在这篇文章中娓娓道来。首先还是要对各位设计工程师的设计表示肯定,毕竟像我
    一博科技 2025-01-21 16:17 199浏览
我要评论
0
点击右上角,分享到朋友圈 我知道啦
请使用浏览器分享功能 我知道啦