18. CVUI 2.7.0 鼠标和 OpenCV 窗口：Mouse（官方文档翻译）

最新推荐文章于 2024-08-08 07:05:39 发布
最新推荐文章于 2024-08-08 07:05:39 发布
阅读量754 收藏 10
点赞数
分类专栏： CVUI 文章标签： OpenCV CVUI mouse
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangyuankl123/article/details/105713098
版权

官方文档链接：https://dovyski.github.io/cvui/advanced-mouse/

Mouse

cvui 拥有自己的鼠标 API 可以追踪鼠标点击和光标位置。与鼠标相关的所有内容都可以从 cvui::mouse() 中访问到。以下部分将详细介绍所有可用的鼠标信息。

光标位置（Cursor position）

用户可以通过调用 cvui::mouse() 随时查询鼠标光标的位置，它返回一个 cv::Point()：

cv::Point mouse(const cv::String& theWindowName = "")

示例：

// Save the mouse cursor to a point object
cv::Point cursor = cvui::mouse();
std::cout << "x: " << cursor.x << " y: " << cursor.y << std::endl;

// or access the position directly
std::cout << "x: " << cvui::mouse().x << " y: " << cvui::mouse().y << std::endl;

对 cvui::mouse() 的调用始终返回当前信息，因此用户不需要监听鼠标事件。只要调用 cvui::mouse()，就可以得到鼠标光标的最新位置。

检测事件 （Detect events）

用户可以通过调用 cvui::mouse(int) 来查询鼠标的状态，例如单击，其函数声明如下：

bool mouse(int theQuery)

参数 theQuery 是指定查询的整数。可用查询包括：

  • cvui::DOWN：查询是否按下了任何鼠标按键。cvui::mouse() 只对单个帧（鼠标按键按下的帧）返回 true。
  • cvui::UP：查询是否由鼠标按键被释放。cvui::mouse()只对单个帧（鼠标按键向上的帧）返回 true。
  • cvui::CLICK：查询是否单击了任何鼠标按键（按下然后释放，不管中间有多少帧）。cvui::mouse() 只对单个帧返回 true。
  • cvui::IS_DOWN：查询当前是否按下了任何鼠标按键。只要按下鼠标按键，cvui::mouse() 返回 true。

重要：对 cvui::mouse(int) 的调用将查询所有鼠标按键，因此如果按下任何鼠标按键，则调用 cvui::mouse(cvui::DOWN) 将返回 true。

在下面的例子中，当按下任意鼠标按键，将会显示信息：

if(cvui::mouse(cvui::DOWN)) 
{
    std::cout << "Any mouse button just went down." << std::endl;
}

在下面的例子中，当点击鼠标按键，将会显示信息（按下然后释放）：

if(cvui::mouse(cvui::CLICK))
{
    std::cout << "A mouse click just happened." << std::endl;
}

逐个检查鼠标按钮 （Check mouse buttons individually）

用户可以查询特定的鼠标按键的状态，例如对鼠标左键上的单击做出反应。

可以通过 cvui::mouse(int, int) 查询特定的鼠标按键，其函数声明为：

bool mouse(int theButton, int theQuery)

参数 theButton 允许用户指定要查询的鼠标按钮。可用的按钮有 cvui::LEFT_BUTTON，cvui::MIDDLE_BUTTON，cvui::RIGHT_BUTTON。

函数 cvui::mouse(int theButton, int theQuery) 的工作方式与 cvui::mouse(int theQuery) 完全相同，唯一的区别是查询的目标是特定的按键，而不是所有的按键。

下面是按下鼠标左键时打印信息的示例：

if(cvui::mouse(cvui::LEFT_BUTTON, cvui::DOWN))
{
    std::cout << "Left mouse button just went down." << std::endl;
}

输出结果：

在这里插入图片描述

点击窗口任意位置即可触发输出事件。

示例一

完整代码：

#define CVUI_IMPLEMENTATION
#define CVUI_DISABLE_COMPILATION_NOTICES
#include "cvui.h"

#include <iostream>

#include <opencv2/core/core.hpp>
#include <opencv2/imgcodecs/imgcodecs.hpp>
#include <opencv2/imgproc/imgproc.hpp>
#include <opencv2/highgui/highgui.hpp>

#define WINDOW_NAME "CVUI Test"

int main(int argc, char** argv)
{
	cvui::init(WINDOW_NAME);

	cv::Mat frame = cv::Mat(cv::Size(800, 600), CV_8UC3);

	cv::Rect rectangle(0, 0, 0, 0);

	while (true)
	{
		frame = cv::Scalar(100, 100, 100);

		cvui::text(frame, 10, 30, "Click (any) mouse button and drag the pointer around to select an area.");
		cvui::printf(frame, 10, 50, "Mouse pointer is at (%d, %d)", cvui::mouse().x, cvui::mouse().y);

		if (cvui::mouse(cvui::DOWN))
		{
			rectangle.x = cvui::mouse().x;
			rectangle.y = cvui::mouse().y;
		}

		if (cvui::mouse(cvui::IS_DOWN))
		{
			rectangle.width = cvui::mouse().x - rectangle.x;
			rectangle.height = cvui::mouse().y - rectangle.y;

			cvui::printf(frame, rectangle.x + 5, rectangle.y + 5, 0.3, 0xffffff, "(%d, %d)", rectangle.x, rectangle.y);
			cvui::printf(frame, cvui::mouse().x + 5, cvui::mouse().y + 5, 0.3, 0xffffff, "w:%d, h:%d", rectangle.width, rectangle.height);
		}

		if (cvui::mouse(cvui::UP))
		{
			rectangle.x = 0;
			rectangle.y = 0;
			rectangle.width = 0;
			rectangle.height = 0;
		}

		if (cvui::mouse(cvui::CLICK))
			cvui::text(frame, 10, 70, "Mouse was clicked!");

		//cvui::rect(frame, rectangle.x, rectangle.y, rectangle.width, rectangle.height, 0xff0000);
		cvui::rect(frame, rectangle.x, rectangle.y, rectangle.width, rectangle.height, 0xff0000, 0xffffffff);
		
		

		cvui::imshow(WINDOW_NAME, frame);

		if (cv::waitKey(20) == 27)
			break;
	}
	

	return 0;
}

输出结果：

在这里插入图片描述

此程序运行时，按下鼠标会在 frame 中的对应位置显示坐标，同时拖动鼠标会在 frame 的对应区域处形成一个矩形框，矩形框的右下角将显示矩形框的宽度和高度。

值得注意的是如下代码：

if (cvui::mouse(cvui::DOWN))
{
	rectangle.x = cvui::mouse().x;
	rectangle.y = cvui::mouse().y;
}

if (cvui::mouse(cvui::IS_DOWN))
{
	rectangle.width = cvui::mouse().x - rectangle.x;
	rectangle.height = cvui::mouse().y - rectangle.y;

	cvui::printf(frame, rectangle.x + 5, rectangle.y + 5, 0.3, 0xffffff, "(%d, %d)", rectangle.x, rectangle.y);
	cvui::printf(frame, cvui::mouse().x + 5, cvui::mouse().y + 5, 0.3, 0xffffff, "w:%d, h:%d", rectangle.width, rectangle.height);
}

cvui::DOWN 可以用来表示鼠标按下的这个动作，而 cvui::IS_DOWN 可以用来表示鼠标一直处于按下的状态。

示例二

完整代码：

#define CVUI_IMPLEMENTATION
#define CVUI_DISABLE_COMPILATION_NOTICES
#include "cvui.h"

#include <iostream>

#include <opencv2/core/core.hpp>
#include <opencv2/imgcodecs/imgcodecs.hpp>
#include <opencv2/imgproc/imgproc.hpp>
#include <opencv2/highgui/highgui.hpp>

#define WINDOW_NAME "Mouse - ROI interaction"
#define ROI_WINDOW "ROI"

int main(int argc, char** argv)
{
	cvui::init(WINDOW_NAME);

	cv::Mat lena = cv::imread("lena.jpg");
	cv::Mat frame = lena.clone();

	cv::Point anchor;
	cv::Rect roi(0, 0, 0, 0);

	bool working = false;

	while (true)
	{
		lena.copyTo(frame);

		cvui::text(frame, 10, 10, "Click (any) mouse button and drag the pointer around to select a ROI.");
		
		if (cvui::mouse(cvui::DOWN))
		{
			anchor.x = cvui::mouse().x;
			anchor.y = cvui::mouse().y;

			working = true;
		}

		if (cvui::mouse(cvui::IS_DOWN))
		{
			int width = cvui::mouse().x - anchor.x;
			int height = cvui::mouse().y - anchor.y;

			roi.x = width < 0 ? anchor.x + width : anchor.x;
			roi.y = height < 0 ? anchor.y + height : anchor.y;
			roi.width = std::abs(width);
			roi.height = std::abs(height);

			cvui::printf(frame, roi.x + 5, roi.y + 5, 0.3, 0xffffff, "(%d, %d)", roi.x, roi.y);
			cvui::printf(frame, cvui::mouse().x + 5, cvui::mouse().y + 5, 0.3, 0xffffff, "w:%d, h:%d", roi.width, roi.height);
		}

		if (cvui::mouse(cvui::UP))
			working = false;

		roi.x = roi.x < 0 ? 0 : roi.x;
		roi.y = roi.y < 0 ? 0 : roi.y;
		roi.width = roi.x + roi.width > lena.cols ? roi.width + lena.cols - (roi.x + roi.width) : roi.width;
		roi.height = roi.y + roi.height > lena.rows ? roi.height + lena.rows - (roi.y + roi.height) : roi.height;

		cvui::rect(frame, roi.x, roi.y, roi.width, roi.height, 0xff0000);

		cvui::imshow(WINDOW_NAME, frame);

		if (roi.area() > 0 && !working)
			cv::imshow(ROI_WINDOW, lena(roi));

		if (cv::waitKey(20) == 27)
			break;
	}
	

	return 0;
}

输出图像：

在这里插入图片描述

示例三

完整代码：

#define CVUI_IMPLEMENTATION
#define CVUI_DISABLE_COMPILATION_NOTICES
#include "cvui.h"

#include <iostream>

#include <opencv2/core/core.hpp>
#include <opencv2/imgcodecs/imgcodecs.hpp>
#include <opencv2/imgproc/imgproc.hpp>
#include <opencv2/highgui/highgui.hpp>

#define WINDOW_NAME "Mouse complex buttons - ROI interaction"

int main(int argc, char** argv)
{
	cv::Mat lena = cv::imread("lena.jpg");
	cv::Mat frame = lena.clone();
	cv::Point anchors[3];
	cv::Rect rois[3];
	unsigned int colors[] = { 0xff0000, 0x00ff00, 0x0000ff };

	cvui::init(WINDOW_NAME);

	while (true) {
		lena.copyTo(frame);

		cvui::text(frame, 10, 10, "Click (any) mouse button then drag the pointer around to select a ROI.");
		cvui::text(frame, 10, 25, "Use different mouse buttons (right, middle and left) to select different ROIs.");

		for (int button = cvui::LEFT_BUTTON; button <= cvui::RIGHT_BUTTON; button++)
		{
			cv::Point& anchor = anchors[button];
			cv::Rect& roi = rois[button];
			unsigned int color = colors[button];

			if (cvui::mouse(button, cvui::DOWN))
			{
				anchor.x = cvui::mouse().x;
				anchor.y = cvui::mouse().y;
			}

			if (cvui::mouse(button, cvui::IS_DOWN))
			{
				int width = cvui::mouse().x - anchor.x;
				int height = cvui::mouse().y - anchor.y;

				roi.x = width < 0 ? anchor.x + width : anchor.x;
				roi.y = height < 0 ? anchor.y + height : anchor.y;
				roi.width = std::abs(width);
				roi.height = std::abs(height);

				cvui::printf(frame, roi.x + 5, roi.y + 5, 0.3, color, "(%d, %d)", roi.x, roi.y);
				cvui::printf(frame, cvui::mouse().x + 5, cvui::mouse().y + 5, 0.3, color, "w:%d, h:%d", roi.width, roi.height);
			}

			roi.x = roi.x < 0 ? 0 : roi.x;
			roi.y = roi.y < 0 ? 0 : roi.y;
			roi.width = roi.x + roi.width > lena.cols ? roi.width + lena.cols - (roi.x + roi.width) : roi.width;
			roi.height = roi.y + roi.height > lena.rows ? roi.height + lena.rows - (roi.y + roi.height) : roi.height;

			if (roi.area() > 0)
			{
				cvui::rect(frame, roi.x, roi.y, roi.width, roi.height, color);
				cvui::printf(frame, roi.x + 5, roi.y - 10, 0.3, color, "ROI %d", button);

				cv::imshow("ROI button " + std::to_string(button), lena(roi));
			}
		}
		
		cvui::update();

		cv::imshow(WINDOW_NAME, frame);

		if (cv::waitKey(20) == 27) {
			break;
		}
	}

	return 0;
}

输出结果：

在这里插入图片描述

Chris Kang
关注
专栏目录
OpenCV开发笔记（二）：cvui交互界面
08-27 4万+
若该文为原创文章，未经允许不得转载 原博主博客地址：https://blog.csdn.net/qq21497936 本文章博客地址：https://blog.csdn.net/qq21497936/article/details/100110016 目录 前言 CVUI 概述 特征 CVUI下载 CVUI编译 步骤一：解压到编译文件夹 步骤二：CMake配置 步骤三：配置错误...
cvui：一个（非常）简单的UI库，建立在OpenCV绘图原语之上
02-05
v 一个（非常）简单的UI库，它建立在OpenCV绘图原语之上。 其他UI库（例如 ）需要图形后端（例如OpenGL）才能工作，因此，例如，如果要在OpenCV应用程序中使用imgui，则必须使其启用OpenGL。 cvui并非如此，它仅使用OpenCV绘图基元来进行所有渲染（不需要OpenGL或Qt）。 产品特点 轻巧易用的用户界面； 仅标头，无外部依赖项（OpenCV除外）； 仅基于OpenCV绘图基元（不需要OpenGL或Qt）； 友好且类似于C的API（无类/对象等）； 轻松渲染组件而无需担心它们的位置（使用行/列）； 简单（但功能强大）的鼠标API； UI组件数量适中（
17. CVUI 2.7.0 鼠标和 OpenCV 窗口：介绍（官方文档翻译）
Mr. Stone's Blog
04-22 298
官方文档链接：https://dovyski.github.io/cvui/advanced-introduction/ 鼠标和 OpenCV 窗口 （Mouse and OpenCV windows） 有些应用程序需要复杂的 UI 交互，包括使用鼠标光标或多个 OpenCV 窗口。 在使用多个 OpenCV 窗口（包含着 cvui 组件）或 cvui 的鼠标 API 时，唯一需要考虑的是必须指...
CVUI（配合Opencv书写界面神器）
10-12
配合Opencv生成交互界面，无序QT，只需要引入一个头文件即可编译，跨平台性能好
探索cvui：基于OpenCV的轻量级UI库
最新发布
gitblog_00572的博客
08-08 983
探索cvui：基于OpenCV的轻量级UI库 cvuiA (very) simple UI lib built on top of OpenCV drawing primitives项目地址:https://gitcode.com/gh_mirrors/cv/cvui 在计算机视觉和图像处理的世界中，用户界面的设计往往是一个挑战。许多UI库需要复杂的图形后端支持，如OpenGL或Qt，这增加了项...
OPENCV的GUI特性：鼠标事件笔记
m0_62919535的博客
08-18 1053
OpenCv鼠标事件 请在Python终端中运行以下代码： 我们可得到以下结果：以上结果非常复杂，现在看看下面的注释： 2，代码展示 接下来，我们来运行官方文档中的代码，目的是实现双击成圆形 请看：下面是拖动鼠标来绘制矩形或圆形，为更加高级的展示： 根据我们选择的模式在拖动鼠标时绘制矩形或者是圆圈，不懂的地方可以看看注释...
OpenCV鼠标事件详解-深入理解回调函数
小白学视觉
05-11 741
点击上方“小白学视觉”，选择加"星标"或“置顶” 重磅干货，第一时间送达读取一张图片，在该图片上截取一个ROI区域，将截取的图片在一个新的窗口内展示，并将该图片保持到工程目录下。这个题一点也不难，因为书上给的例程已经可以完成大部分工作，只需要自己添加几行代码就可以实现上述功能，但添加这几行代码的过程可以帮助你对鼠标回调函数有一个清楚的理解。首先我们先看一个回调函数原理：回调函数就是一个通过函数指针...
jQuery-UI mouse.js源码解读
schifred的博客
01-05 460
1.总体架构 为两类事件提供接口，点击事件和拖拽事件，其中点击事件需要向元素添加preventClickEvent，以阻止默认的表单提交或文件上传事件发生。 两类事件都是通过向元素绑定mouseDown事件触发函数发生。 点击事件在_mouseDown函数中判断配置项中是否要求延时以及拖拽距离，如果没有，在_mouseDown函数中触发_mouseStart函数，并记录_mouseSta...
1. CVUI 2.7.0 入门：简介 （官方文档翻译）
Mr. Stone's Blog
03-15 810
官方文档链接：https://dovyski.github.io/cvui/ 概述 CVUI 是一个简单的 UI 库，构建在 OpenCV 绘图原语上。其他的 UI 库，例如 imgui，需要一个图形化的后端（比如 OpenGL）才能工作。所以如果你想在 OpenCV 应用中使用 imgui，必须先启用 OpenGL。 但是使用 CVUI 就不需要这样，CVUI 只使用 OpenCV 绘图原语来...
cmake-3.17.0-win64-x64_opencv-4.3.0_cvui-2.7.0.zip
05-17
cvui 2.7.0提供了简单直观的接口，允许开发者快速添加按钮、复选框、文本框等UI元素到OpenCV窗口中，从而创建交互式可视化应用。这个版本可能包含了一些bug修复，性能优化，或者新的UI组件和功能。 综合这三个组件...
cvui_opencv示例Demo_cvuiLib_opencvLib_Qt5.9.3mingw.rar
08-25
在示例代码中，你可以看到如何将OpenCV和cvui结合使用。例如，一个典型的流程可能是：首先，使用OpenCV读取和处理图像；然后，利用cvui创建窗口并在窗口上显示处理结果，添加按钮或滑块等交互元素，使用户可以调整...
cvui undefined reference to cvui::init
07-11
你可以通过添加`#include <opencv2/cvui.h>`来包含cvui头文件，并使用`cvui::`前缀来访问cvui库中的函数和类。 如果你已经检查了以上几点，但仍然遇到了这个错误，请检查一下你的代码是否存在其他错误或者警告，有...
12. CVUI 2.7.0 组件：Rect（官方文档翻译）
Mr. Stone's Blog
04-09 340
官方文档链接：https://dovyski.github.io/cvui/components/rect/ Rect cvui::rect() 渲染一个矩形，可以填充也可以不填充。函数声明如下： void rect ( cv::Mat& theWhere, int theX, int theY, int theWidth, int theHeig...
推荐一款简洁实用的OpenCV UI库 - cvui
gitblog_00005的博客
05-17 383
推荐一款简洁实用的OpenCV UI库 - cvui cvuiA (very) simple UI lib built on top of OpenCV drawing primitives项目地址:https://gitcode.com/gh_mirrors/cv/cvui 项目介绍 在计算机视觉领域，OpenCV是一个不可或缺的工具库。然而，当我们在基于OpenCV的应用中需要构建用户界面时...
OpenCV快速入门三：鼠标事件
小柒的博客
07-24 2876
opencv鼠标截取图像，opencv矩形框选图像，opencv滚轮图像放缩，显示鼠标坐标
5.Opencv鼠标控制
保持热爱，奔赴山海。
04-24 723
设置鼠标回调函数 1. setMouseCallback(winname,callback,userdata) 参数1：窗口名字 参数2：自定义回调函数，执行自己设定的程序逻辑 参数3：想要传的参数，默认为none 2. callback(event,x,y,flags,userdata) 回调函数的名字可以随意取 参数1：鼠标点击事件，点击了左键还是右键，或是中键 参数2：鼠标点击位置x,y 参数3：通过flags设置组合键 参数4：传递的参数 event：鼠标移动、按下左键 x,
OpenCV鼠标事件
m0_60259116的博客
03-13 350
OpenCV鼠标事件
【OpenCV-Python】cvui: 简介
04-06 1683
cvui 是一个非常简单的 UI 库，构建在 OpenCV 画图基本原型接口上。其他 UI 库，如imgui， 需要 OpenGL 才能工作。cvui 则不需要。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值