美文网首页
1.4 GUI - 鼠标事件

1.4 GUI - 鼠标事件

作者: sumpig | 来源:发表于2019-03-14 15:49 被阅读0次

简单的栗子

首先,我们创建一个鼠标回调函数,当鼠标事件发生时执行该函数。鼠标事件可以是与鼠标相关的任何事件,如左键向下、左键向上、左键双击等。每个鼠标事件将为我们返回坐标(x,y)。要列出所有可用事件,请在python终端中运行以下代码:

import cv2
events = [i for i in dir(cv2) if 'EVENT' in i]
print(events)
# ['EVENT_FLAG_ALTKEY', 
#  'EVENT_FLAG_CTRLKEY', 
#  'EVENT_FLAG_LBUTTON', 
#  'EVENT_FLAG_MBUTTON', 
#  'EVENT_FLAG_RBUTTON', 
#  'EVENT_FLAG_SHIFTKEY', 
#  'EVENT_LBUTTONDBLCLK', 
#  'EVENT_LBUTTONDOWN', 
#  'EVENT_LBUTTONUP', 
#  'EVENT_MBUTTONDBLCLK', 
#  'EVENT_MBUTTONDOWN', 
#  'EVENT_MBUTTONUP', 
#  'EVENT_MOUSEHWHEEL', 
#  'EVENT_MOUSEMOVE', 
#  'EVENT_MOUSEWHEEL', 
#  'EVENT_RBUTTONDBLCLK', 
#  'EVENT_RBUTTONDOWN', 
#  'EVENT_RBUTTONUP'] 

创建鼠标回调函数有一个特定的格式,在任何地方都是相同的。它只在函数的作用方面有所不同。我们让鼠标回调函数做了一件事,它在双击的地方画了一个圆。请看下面的代码:

import cv2
import numpy as np

# mouse callback function
def draw_circle(event,x,y,flags,param):
    if event == cv2.EVENT_LBUTTONDBLCLK:
        cv2.circle(img,(x,y),100,(255,0,0),-1)

# Create a black image, a window and bind the function to window
img = np.zeros((512,512,3), np.uint8)
cv2.namedWindow('image')
cv2.setMouseCallback('image',draw_circle)

while(1):
    cv2.imshow('image',img)
    if cv2.waitKey(20) & 0xFF == 27:
        break
cv2.destroyAllWindows()

更高级的栗子

现在我们寻求更好的应用程序。在这种情况下,我们可以像在绘制应用程序中那样拖动鼠标来绘制矩形或圆形(取决于我们选择的模式)。所以我们的鼠标回调函数有两部分,一部分是绘制矩形,另一部分是绘制圆。这个具体的例子对于创建和理解一些交互式应用程序(如对象跟踪、图像分割等)非常有帮助。

import cv2
import numpy as np

drawing = False # true if mouse is pressed
mode = True # if True, draw rectangle. Press 'm' to toggle to curve
ix,iy = -1,-1

# mouse callback function
def draw_circle(event,x,y,flags,param):
    global ix,iy,drawing,mode

    # 当按下左键是返回起始位置坐标
    if event == cv2.EVENT_LBUTTONDOWN:
        drawing = True
        ix,iy = x,y

    # 当鼠标左键按下并移动是绘制图形。event可以查看移动。
    elif event == cv2.EVENT_MOUSEMOVE:
        if drawing == True:
            if mode == True:
                cv2.rectangle(img,(ix,iy),(x,y),(0,255,0),-1)
            else:
                cv2.circle(img,(x,y),5,(0,0,255),-1)
    
    # 当鼠标松开停止绘画。
    elif event == cv2.EVENT_LBUTTONUP:
        drawing = False
        if mode == True:
            cv2.rectangle(img,(ix,iy),(x,y),(0,255,0),-1)
        else:
            cv2.circle(img,(x,y),5,(0,0,255),-1)

接下来,我们必须将这个鼠标回调函数绑定到opencv窗口。在主循环中,我们应该为键“m”设置一个键盘绑定,以便在矩形和圆形之间切换。

img = np.zeros((512,512,3), np.uint8)
cv2.namedWindow('image')
cv2.setMouseCallback('image',draw_circle)

while(1):
    cv2.imshow('image',img)
    k = cv2.waitKey(1) & 0xFF
    if k == ord('m'):
        mode = not mode
    elif k == 27:
        break

cv2.destroyAllWindows()

相关文章

  • 1.4 GUI - 鼠标事件

    简单的栗子 首先,我们创建一个鼠标回调函数,当鼠标事件发生时执行该函数。鼠标事件可以是与鼠标相关的任何事件,如左键...

  • Java 基础 09. Java GUI

    GUI 组件: 窗口、弹窗、面板、文本框、列表框、按钮、图片、监听事件、鼠标、键盘事件、破解工具 一、简介 GUI...

  • jQuery基础事件篇

    一、事件 1.1、绑定事件 1.2、解除事件 1.3、简单事件 1.4、复合事件hover(fn1,fn2):鼠标...

  • 第6章 事件

    1. JS的事件触发 1.1 鼠标事件 1.2 键盘事件 1.3 焦点事件 1.4 页面事件 1.5 表单事件 o...

  • Qt学习-(虚函数,界面原理等)

    Qt学习 事件:事件在Qt分很多种,例如鼠标,键盘,定时器,窗体大小,任何动作在GUI都可以触发某种事件, 根据C...

  • 2021-09-22 GUI(鼠标事件)

  • day11 Pygame Ⅱ 事件处理2018-07-30

    一、Pygame中的事件 鼠标事件和键盘事件   监测鼠标、键盘事件 鼠标事件 键盘事件   二、鼠标事件的应用1...

  • 2018-11-07 JavaScript

    Web事件 鼠标点击事件:click鼠标悬停事件:hover鼠标移走事件:mouseout鼠标提交事件,触发JS函...

  • JavaScript中常见的事件及函数

    事件 onclick 鼠标单击事件 ondblclick 鼠标双击事件 onmouseover 鼠标移入事件 on...

  • 2018-11-07

    鼠标点击事件:click 鼠标悬停事件:hover 鼠标移走事件:mouse out 鼠标提交事件,触发JS函数:...

网友评论

      本文标题:1.4 GUI - 鼠标事件

      本文链接:https://www.haomeiwen.com/subject/ejzqmqtx.html