Qt+OpenCV联合开发(十九)--鼠标操作与响应

23 篇文章 1 订阅
15 篇文章 20 订阅

一、基本知识

如果你想要用鼠标在图上做标记等,就要用到创建鼠标回调函数的函数setMouseCallback(),以及鼠标事件回调函数onMouse()。

通过鼠标对图像视窗最常见的操作有:

  • 左键单击按下
  • 左键单击抬起
  • 左键按下拖动
  • 鼠标指针位置移动

1、setMouseCallback()函数

c++原型

void setMousecallback(const string& winname, MouseCallback onMouse, void* userdata=0);
winname  窗口的名字
onMouse  鼠标回调函数(响应函数)。监视到鼠标操作后调用并处理相应动作。 这个函数的原型应该为void on_Mouse(int event, int x, int y, int flags, void* userdata);
userdate  传给回调函数的参数(鼠标响应处理函数的ID,识别号)

2、MouseCallback onMouse()函数

c++原型

void on_Mouse(int event,int x,int y,int flags,void *userdata);
event    CV_EVENT_*变量之一,代表了鼠标的各种操作
x和y   鼠标指针在图像坐标系的坐标(不是窗口坐标系) 
flags   代表鼠标的拖拽事件,以及键盘鼠标联合事件,共有32种事件
userdata   用户定义的传递到setMouseCallback函数调用的参数。

 on_Mouse函数名可以随意取

3、鼠标事件

常用的事件:

  • #defineCV_EVENT_MOUSEMOVE     //鼠标指针位置移动
  • #defineCV_EVENT_LBUTTONDOWN  //左键单击按下
  • #defineCV_EVENT_RBUTTONDOWN    //右键单击按下
  • #defineCV_EVENT_LBUTTONUP    //左键单击抬起
  • #defineCV_EVENT_RBUTTONUP   //右键单击抬起

单次单击操作响应事件及顺序:
Opencv中setMouseCallback()创建了一个鼠标回调函数,每次在图像上单击鼠标左键再抬起的过程,都会分3次调用鼠标响应函数,并且响应顺序是:

  1. 左键单击按下
  2. 左键单击抬起
  3. 鼠标指针位置移动(即使原地单击,鼠标位置并没有移动)

二、实现效果

1、不能看见鼠标的整个绘制过程

 2、可以看见鼠标的整个绘制过程,但把绘制过程经过的所有矩形都绘制出来了

 3、实时截取ROI区域(最终版)

 

三、代码

Point sp(-1, -1);//鼠标的开始的位置
Point ep(-1, -1);
Mat temp;
static void on_draw(int event,int x,int y,int flags,void *userdata)//参数1表示鼠标事件
{
    Mat image = *((Mat*)userdata);
    if(event == EVENT_LBUTTONDOWN)//如果鼠标的左键按下
    {
        sp.x = x;
        sp.y = y;
        std::cout << "start point:" <<sp<< std::endl;
    }
    else if (event == EVENT_LBUTTONUP)
    {
        ep.x = x;
        ep.y = y;
        int dx = ep.x - sp.x;
        int dy = ep.y - sp.y;
        if (dx > 0 && dy > 0)
        {
            Rect box(sp.x, sp.y, dx, dy);
            imshow("ROI area", image(box));
            rectangle(image, box, Scalar(0, 0, 255), 2, 8, 0);
            imshow("mouse_drawing", image);
            //复位,为下一次做准备
            sp.x = -1;
            sp.y = -1;
        }
    }
    else if (event == EVENT_MOUSEMOVE)
    {
        if (sp.x > 0 && sp.y > 0)
        {
            ep.x = x;
            ep.y = y;
            int dx = ep.x - sp.x;
            int dy = ep.y - sp.y;
            if (dx > 0 && dy > 0)
            {
                Rect box(sp.x, sp.y, dx, dy);
                temp.copyTo(image);
                rectangle(image, box, Scalar(0, 0, 255), 2, 8, 0);
                imshow("mouse_drawing", image);
            }
        }
    }
}
void test1::mouse_drawing(Mat &image)
{
    namedWindow("mouse_drawing", WINDOW_AUTOSIZE);
    setMouseCallback("mouse_drawing", on_draw,(void*)(&image));
    //设置窗口的回调函数。参数1表示名称,参数2表示调用on_draw
    imshow("mouse_drawing", image);
    temp = image.clone();//保存原图
}

注:

1、因为自定义的on_draw方法有接收userdata参数,所以setMouseCallback的userdata一定要传,不然程序直接异常结束

 2、用rectangle函数画完矩形一定要及时更新图像(imshow),不然绘制不出来

 3、要想看到鼠标的整个绘制过程,要添加EVENT_MOUSEMOVE事件,还要判断只有鼠标左键按下的时候才进行绘制,每次绘制结束的时候要复位

4、绘制时只想要绘制一个,每次绘制前,前面一个图就要檫除,可以先保存一下原图,temp = image.clone();然后到绘制的时候 temp.copyTo(image);完成对前面绘制矩形的檫除

5、可以绘制矩形后要想提取ROI区域,用imshow("ROI area", image(box));

6、矩形的绘制一定要在窗口里面(可完善)

附鼠标相关事件

 原创不易,转载请注明出处:

Qt+OpenCV联合开发(十八)--鼠标操作与响应

  • 6
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
要在Qt显示OpenCV图像并框选ROI,可以按照以下步骤进行: 1.使用OpenCV读取图像文件: ```c++ cv::Mat image = cv::imread("image.jpg"); ``` 2.将图像转换为Qt格式: ```c++ QImage img(image.data, image.cols, image.rows, QImage::Format_RGB888); ``` 3.创建一个QLabel并设置图像: ```c++ QLabel* label = new QLabel(this); label->setPixmap(QPixmap::fromImage(img)); ``` 4.添加一个鼠标事件处理程序以框选ROI: ```c++ void MyWidget::mousePressEvent(QMouseEvent* event) { if (event->button() == Qt::LeftButton) { // 记录鼠标按下的位置 startPoint = event->pos(); } } void MyWidget::mouseReleaseEvent(QMouseEvent* event) { if (event->button() == Qt::LeftButton) { // 记录鼠标松开的位置 endPoint = event->pos(); // 计算矩形的左上角和右下角坐标 int x = qMin(startPoint.x(), endPoint.x()); int y = qMin(startPoint.y(), endPoint.y()); int width = qAbs(startPoint.x() - endPoint.x()); int height = qAbs(startPoint.y() - endPoint.y()); // 在图像上绘制矩形 cv::rectangle(image, cv::Rect(x, y, width, height), cv::Scalar(0, 255, 0), 2); // 将图像转换为Qt格式并设置到QLabel上 QImage img(image.data, image.cols, image.rows, QImage::Format_RGB888); label->setPixmap(QPixmap::fromImage(img)); } } ``` 在上面的代码,我们记录鼠标按下和松开时的位置,并计算矩形的左上角和右下角坐标。然后,我们使用OpenCV在图像上绘制一个矩形,并将图像转换为Qt格式并设置到QLabel上。 完整的示例代码如下: ```c++ #include <QtWidgets> #include <opencv2/opencv.hpp> class MyWidget : public QWidget { public: MyWidget(QWidget* parent = nullptr) : QWidget(parent) { // 使用OpenCV读取图像文件 cv::Mat image = cv::imread("image.jpg"); // 将图像转换为Qt格式 QImage img(image.data, image.cols, image.rows, QImage::Format_RGB888); // 创建一个QLabel并设置图像 label = new QLabel(this); label->setPixmap(QPixmap::fromImage(img)); // 设置窗口大小 setFixedSize(image.cols, image.rows); // 设置鼠标跟踪 setMouseTracking(true); label->setMouseTracking(true); label->installEventFilter(this); } protected: void mousePressEvent(QMouseEvent* event) override { if (event->button() == Qt::LeftButton) { // 记录鼠标按下的位置 startPoint = event->pos(); } } void mouseReleaseEvent(QMouseEvent* event) override { if (event->button() == Qt::LeftButton) { // 记录鼠标松开的位置 endPoint = event->pos(); // 计算矩形的左上角和右下角坐标 int x = qMin(startPoint.x(), endPoint.x()); int y = qMin(startPoint.y(), endPoint.y()); int width = qAbs(startPoint.x() - endPoint.x()); int height = qAbs(startPoint.y() - endPoint.y()); // 在图像上绘制矩形 cv::Mat image = cv::imread("image.jpg"); cv::rectangle(image, cv::Rect(x, y, width, height), cv::Scalar(0, 255, 0), 2); // 将图像转换为Qt格式并设置到QLabel上 QImage img(image.data, image.cols, image.rows, QImage::Format_RGB888); label->setPixmap(QPixmap::fromImage(img)); } } private: QLabel* label; QPoint startPoint; QPoint endPoint; }; int main(int argc, char* argv[]) { QApplication app(argc, argv); MyWidget widget; widget.show(); return app.exec(); } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ze言

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值