OpenCV学习03_HighGUI图形用户界面

一、图像的载入、显示和输出到文件

1.1 Mat类简析

Mat类是用于保存图像以及其他矩阵数据的数据结构,默认情况下其尺寸为0,我们也可以指定其初始尺寸,比如定义一个Mat类对象,就要写cv:Mat pic(320,640,cv:Scalar(100) );

1.2 图像的载入与显示

在OpenCV中,最简单的图像载入和显示只需要两句代码,非常便捷。这两句代码分别对应了两个函数,它们分别是imread()以及imshow()。

1.2.1 imread()函数

首先来看imread函数,其用于读取文件中的图片到OpenCV中。可以在OpenCV官方文档中查到它的原型,如下。

Mat imread (const string& filename, intflags-1 );

(1) 第一个参数, const string&类型的filename,填我们需要载入的图片路径名。在Windows操作系统下, OpenCV的imread函数支持如下类型的图像载入。

• Windows位图: *.bmp, *.dib
• JPEG文件: *jpeg, *.jpg, *jpe
• JPEG 2000文件: *jp2
• PNG图片: *.png
• 便携文件格式: *.pbm, *.pgm, *.ppmSun rasters
• 光栅文件: *.sr, *.ras
• TIFF文件: *.tiff, .tif

(2) 第二个参数, int类型的flags,为载入标识,它指定一个加载图像的颜色类型。可以看到它自带默认值1,所以有时候这个参数在调用时可以忽略。在看了下面的讲解之后,我们就会发现,如果在调用时忽略这个参数,就表示载入三通道的彩色图像。这个参数可以在OpenCV中标识图像格式的枚举体中取值。

以下几个例子参考：

Mat image0=imread ("1 .jpg",2 1 4);//载入无损的源图像
Mat imagel-imread ("1.jpg", 0) ;//载入灰度图
Mat image2-imread ("1.jpg", 199) ;//载入3通道的彩色图像

1.2.2 imshow()函数

imshow()函数用于在指定的窗口中显示一幅图像,函数原型如下。

void imshow (const string& winname, InputArray mat);

• 第一个参数: const string&类型的winname,填需要显示的窗口标识名称。
• 第二个参数: InputArray类型的mat,填需要显示的图像。

imshow函数用于在指定的窗口中显示图像。如果窗口是用CV WINDOWAUTOSIZE (默认值)标志创建的,那么显示图像原始大小。否则,将图像进行缩放以适合窗口。而imshow函数缩放图像,取决于图像的深度。

1.3 窗口创建

namedWindow函数用于创建一个窗口。若是简单地进行图片显示,可以略去namedWindow函数的调用,即先调用imread读入图片,然后用imshow直接指定出窗口名进行显示即可。但需要在显示窗口之前就用到窗口名时,比如我们后面会马上讲到滑动条的使用,要指定滑动条依附到某个窗口上,就需要namedWindow函数先创建出窗口,显式地规定窗口名称了。
namedWindow的函数原型如下:

void namedwindow(const string& winname, int flags-WINDOW AUTOSIZE);

• 第一个参数, const string&型的name,填写被用作窗口的标识符的窗口名称。
• 第二个参数, int类型的flags ,窗口的标识,可以填如下几种值。
• WINDOW NORMAL,设置这个值,用户可以改变窗口的大小(没有限制)。OpenCV2中它还可以写为CV WINDOW NORMAL.
• WINDOW AUTOSIZE,设置这个值,窗口大小会自动调整以适应所显示的图像,并且用户不能手动改变窗口大小。OpenCV2中它还可以写为CV WINDOW AUTOSIZE
• WINDOW OPENGL,设置这个值,窗口创建的时候会支持OpenGL.OpenCV2中它还可以写为CV WINDOW OPENGL

首先需要注意的是, namedWindow函数有默认值WINDOW_AUTOSIZE,所以,一般情况下,这个函数我们填一个变量就行了。namedWindow函数的作用是通过指定的名字,创建一个可以作为图像和进度条的容器窗口。如果具有相同名称的窗口已经存在,则函数不做任何事情。我们可以调用destroyWindow()或者destroyAllWindows()函数来关闭窗口,并取消之前分配的与窗口相关的所有内存空间。

但是事实上,对于代码量不大的简单程序来说,我们完全没有必要手动调用上述的destroyWindow0或者destroyAllwindows()函数,因为在退出时,所有的资源和应用程序的窗口会被操作系统自动关闭。

1.4 输出图像到文件:

在OpenCV中,输出图像到文件一般采用imwrite函数,它的声明如下。

bool imwrite (const string& filename, InputArray img, const vectorkint>& params-vectorsint>(1));

(1)第一个参数, const string&类型的filename,填需要写入的文件名。注意要带上后缀,如“123.jpg".
(2)第二个参数, InputArray类型的img,一般填一个Mat类型的图像数据。
(3)第三个参数, const vector< int >&类型的params,表示为特定格式保存的参数编码。它有默认值vector< int >0,所以一般情况下不需要填写。而如果要填写的话,有下面这些需要了解的地方:

• 对于JPEG格式的图片,这个参数表示从0到100的图片质量CV IMWRITE JPEG QUALITY),默认值是95
• 对于PNG格式的图片,这个参数表示压缩级别(CVIMWRITEPNGCOMPRESSION)从0到9,较高的值意味着更小的尺寸和更长的压缩时间,默认值是3
• 对于PPM, PGM,或PBM格式的图片,这个参数表示一个二进制格式标志(CVIMWRITE-PXM
  BINARY),取值为0或1,默认值是1

imwrite函数用于将图像保存到指定的文件。图像格式是基于文件扩展名的,可保存的扩展名和imread中可以读取的图像扩展名一致。

1.5 示例1：生成图片与写出图片

下面是一个示例程序,讲解imwrite函数的用法-在OpenCV中生成一幅ng图片,并写入到当前工程目录下：

#include <vector>
#include <stdio.h>
#include<opencv2/opencv.hpp>
using namespace cv;
using namespace std;



//创建带alpha通道的Mat
void createAlphaMat(Mat &mat)
{
	for (int i = 0; i < mat.rows; ++i) {
		for (int j = 0; j < mat.cols; ++j) {
			Vec4b&rgba = mat.at<Vec4b>(i, j);
			rgba[0] = UCHAR_MAX;
			rgba[1] = saturate_cast<uchar>((float(mat.cols - j)) / ((float)mat.cols) *UCHAR_MAX);
			rgba[2] = saturate_cast<uchar>((float(mat.rows - i)) / ((float)mat.rows) *UCHAR_MAX);
			rgba[3] = saturate_cast<uchar>(0.5 * (rgba[1] + rgba[2]));
		}
	}
}

int main()
{
	//创建带alpha通道的Mat
	Mat mat(480, 640, CV_8UC4);
	createAlphaMat(mat);
	vector<int>compression_params;
	compression_params.push_back(IMWRITE_PNG_COMPRESSION);
	compression_params.push_back(9);

	//显示图片
	try {
		imwrite("透明Alpha值图.png", mat, compression_params);
		imshow("生成的png图", mat);
		fprintf(stdout, "PNG图片文件的alpha数据保存完毕~\n可以在工程目录下查看由imwrite函数生成的图片\n");
		waitKey(0);
	}
	catch (runtime_error& ex) {
		fprintf(stderr, "图像转换成PNG格式发生错误：%s\n", ex.what());
		return 1;
	}

	return 0;
}

在对应的目录中也可以看到生成的图片。

1.6 示例2：图片融合

int main()
{
	
	//初级图像混合

	//载入图片
	Mat image = imread("F:\\CV\\LearnCV\\files\\maliao.jpg");
	Mat logo = imread("F:\\CV\\LearnCV\\files\\log.jpg");

	// 定义一个Mat类型，用于存放，图像的ROI
	Mat imageROI;
	//方法一
	imageROI = image(Rect(0, 0, logo.cols, logo.rows));
	//方法二
	//imageROI= image(Range(350,350+logo.rows),Range(800,800+logo.cols));

	// 将logo加到原图上
	addWeighted(imageROI, 0.5, logo, 0.3, 0., imageROI);

	//显示结果
	namedWindow("原画+logo图");
	imshow("原画+logo图", image);

	waitKey();

	return 0;
}

运行结果如下：

二、滑动条

滑动条(Trackbar)是OpenCV动态调节参数特别好用的一种工具,它依附于窗口而存在。

由于OpenCV中并没有实现按钮的功能,所以很多时候,我们还可以用仅含0-1的滑动条来实现按钮的按下、弹起效果。

2.1 创建滑动条

createTrackbar()函数用于创建一个可以调整数值的滑动条(常常也被称作轨迹条),并将滑动条附加到指定的窗口上,使用起来很方便。需要记住,它往往会和一个回调函数配合起来使用。先看下它的函数原型,如下。

C++: int createTrackbar(conststring& trackbarname, conststring& winn ame,int* value, int count, TrackbarCallback onchange-0, void* userdata=0);

• 第一个参数, const string&类型的trackbarname,轨迹条的名字,用来代表我们创建的轨迹条。

• 第二个参数, const string&类型的winname,窗口的名字,表示这个轨迹条会依附到哪个窗口上,即对应namedWindow()创建窗口时填的某一个窗口名。

• 第三个参数, int*类型的value,一个指向整型的指针,表示滑块的位置。在创建时,滑块的初始位置就是该变量当前的值。

• 第四个参数, int类型的count,表示滑块可以达到的最大位置的值。滑块最小位置的值始终为0。

• 第五个参数, TrackbarCallback类型的onChange,它有默认值0,这是一个指向回调函数的指针,每次滑块位置改变时,这个函数都会进行回调。并且这个函数的原型必须为void XXXX(int, void*);,其中第一个参数是轨迹条的位置,第二个参数是用户数据(看下面的第六个参数)。如果回调是NULL指针,则表示没有回调函数的调用,仅第三个参数value有变化。

• 第六个参数, void*类型的userdata,也有默认值0。这个参数是用户传给回调函数的数据,用来处理轨迹条事件。如果使用的第三个参数value实参是全局变量的话,完全可以不去管这个userdata参数。

createTrackbar函数为我们创建了一个具有特定名称和范围的轨迹条(Trackbar,或者说是滑块范围控制工具),指定一个和轨迹条位置同步的变量,而且要指定回调函数onChange (第五个参数),在轨迹条位置改变的时候来调用这个回调函数,并且,创建的轨迹条显示在指定的winname (第二个参数)所代表"的窗口上。

至于回调函数,就是一个通过函数指针调用的函数。如果我们把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用来调用其所指向的函数时,就称其为回调函数。回调函数不由该函数的实现方直接调用,而是在特定的事件或条件发生时由另外的一方调用,用于对该事件或条件进行响应。

在函数讲解之后,给大家一个createTrackbar函数使用的小例子作为参照。

//创建轨迹条createrrackbar ("对比度: ", "【效果图窗口1",&g nContrastvalue,300, on Change) ;// gncontrastValue为全局的整型变量, on_Change为回调函数的函数名(在C/C++中,函数名为指向函数地址的指针)

2.2 获取当前轨迹条的位置:

getTrackbarPos()函数它用于获取当前轨迹条的位置。
下面这个函数用于获取当前轨迹条的位置并返回。

C++: int getTrackbarPos (conststring& trackbarname, conststring& winn ame);

• 第一个参数, const string&类型的trackbarname,表示轨迹条的名字。
• 第二个参数, const string&类型的winname,表示轨迹条的父窗口的名称。

2.3 混合示例

接着,我们一起来欣赏一个完整的使用示例,它演示了如何用轨迹条来控制两幅图像的Alpha混合。

#define _CRT_SECURE_NO_WARNINGS
#include <opencv2/opencv.hpp>
#include <opencv2/highgui/highgui.hpp>
using namespace cv;

#define WINDOW_NAME "【滑动条的创建&线性混合示例】"        //为窗口标题定义的宏 

const int g_nMaxAlphaValue = 100;//Alpha值的最大值
int g_nAlphaValueSlider;//滑动条对应的变量
double g_dAlphaValue;
double g_dBetaValue;

//声明存储图像的变量
Mat g_srcImage1;
Mat g_srcImage2;
Mat g_dstImage;


//响应滑动条的回调函数
void on_Trackbar(int, void*)
{
	//求出当前alpha值相对于最大值的比例
	g_dAlphaValue = (double)g_nAlphaValueSlider / g_nMaxAlphaValue;
	//则beta值为1减去alpha值
	g_dBetaValue = (1.0 - g_dAlphaValue);

	//根据alpha和beta值进行线性混合
	addWeighted(g_srcImage1, g_dAlphaValue, g_srcImage2, g_dBetaValue, 0.0, g_dstImage);

	//显示效果图
	imshow(WINDOW_NAME, g_dstImage);
}

int main(int argc, char** argv)
{

	//加载图像 (两图像的尺寸需相同)
	g_srcImage1 = imread("F:\\CV\\LearnCV\\files\\1.jpg");
	g_srcImage2 = imread("F:\\CV\\LearnCV\\files\\2.jpg");
	if (!g_srcImage1.data) { return -1; }
	if (!g_srcImage2.data) { return -1; }

	//设置滑动条初值为70
	g_nAlphaValueSlider = 70;

	//创建窗体
	namedWindow(WINDOW_NAME, 1);

	//在创建的窗体中创建一个滑动条控件
	char TrackbarName[50];
	sprintf(TrackbarName, "透明值 %d", g_nMaxAlphaValue);

	createTrackbar(TrackbarName, WINDOW_NAME, &g_nAlphaValueSlider, g_nMaxAlphaValue, on_Trackbar);

	//结果在回调函数中显示
	on_Trackbar(g_nAlphaValueSlider, 0);

	//按任意键退出
	waitKey(0);

	return 0;
}

运行如下：

三、鼠标操作

OpenCV中的鼠标操作和滑动条的消息映射方式很类似,都是通过一个中介函数配合一个回调函数来实现的。创建和指定滑动条回调函数的函数为createTrackbar,而指定鼠标操作消息回调函数的函数为SetMouseCallback。下面一起来了解一下它。

SetMouseCallback函数的作用是为指定的窗口设置鼠标回调函数,原型如下。

C++: void setMousecallback (conststringé winname, Mousecallback onMouse,void* userdata=0 )

• 第一个参数, const string&类型的winname,窗口的名字。
• 第二个参数, MouseCallback类型的onMouse,指定窗口里每次鼠标时间发生的时候,被调用的函数指针。这个函数的原型的大概形式为void Foo(intevent, int x, int y, int flags, void* param),其中event是EVENT+变量之一,x和y是鼠标指针在图像坐标系(需要注意,不是窗口坐标系)中的坐标值, flags是EVENTFLAG的组合, param是用户定义的传递到SetMouseCallback函数调用的参数。如EVENT MOUSEMOVE为鼠标移动消息、EVENT LBUTTONDOWN为鼠标左键按下消息等。
• 第三个参数, void*类型的userdata,用户定义的传递到回调函数的参数,有默认值0

下面看一个详细注释的示例程序展示此函数的用法以及如何在OpenCV中使用鼠标进行交互。

#include <opencv2/opencv.hpp>
using namespace cv;

//定义辅助宏 
#define WINDOW_NAME "【程序窗口】"        //为窗口标题定义的宏 

//全局函数的声明
void on_MouseHandle(int event, int x, int y, int flags, void* param);
void DrawRectangle(cv::Mat& img, cv::Rect box);
void ShowHelpText();

//全局变量的声明
Rect g_rectangle;
bool g_bDrawingBox = false;//是否进行绘制
RNG g_rng(12345);

//控制台应用程序的入口函数，我们的程序从这里开始执行
int main(int argc, char** argv)
{
	//【0】改变console字体颜色
	system("color 9F");

	//【0】显示欢迎和帮助文字
	ShowHelpText();

	//【1】准备参数
	g_rectangle = Rect(-1, -1, 0, 0);
	Mat srcImage(600, 800, CV_8UC3), tempImage;
	srcImage.copyTo(tempImage);
	g_rectangle = Rect(-1, -1, 0, 0);
	srcImage = Scalar::all(0);

	//【2】设置鼠标操作回调函数
	namedWindow(WINDOW_NAME);
	setMouseCallback(WINDOW_NAME, on_MouseHandle, (void*)&srcImage);

	//【3】程序主循环，当进行绘制的标识符为真时，进行绘制
	while (1)
	{
		srcImage.copyTo(tempImage);//拷贝源图到临时变量
		if (g_bDrawingBox) DrawRectangle(tempImage, g_rectangle);//当进行绘制的标识符为真，则进行绘制
		imshow(WINDOW_NAME, tempImage);
		if (waitKey(10) == 27) break;//按下ESC键，程序退出
	}
	return 0;
}

//鼠标回调函数，根据不同的鼠标事件进行不同的操作
void on_MouseHandle(int event, int x, int y, int flags, void* param)
{

	Mat& image = *(cv::Mat*) param;
	switch (event)
	{
		//鼠标移动消息
	case EVENT_MOUSEMOVE:
	{
		if (g_bDrawingBox)//如果是否进行绘制的标识符为真，则记录下长和宽到RECT型变量中
		{
			g_rectangle.width = x - g_rectangle.x;
			g_rectangle.height = y - g_rectangle.y;
		}
	}
	break;

	//左键按下消息
	case EVENT_LBUTTONDOWN:
	{
		g_bDrawingBox = true;
		g_rectangle = Rect(x, y, 0, 0);//记录起始点
	}
	break;

	//左键抬起消息
	case EVENT_LBUTTONUP:
	{
		g_bDrawingBox = false;//置标识符为false
		//对宽和高小于0的处理
		if (g_rectangle.width < 0)
		{
			g_rectangle.x += g_rectangle.width;
			g_rectangle.width *= -1;
		}

		if (g_rectangle.height < 0)
		{
			g_rectangle.y += g_rectangle.height;
			g_rectangle.height *= -1;
		}
		//调用函数进行绘制
		DrawRectangle(image, g_rectangle);
	}
	break;

	}
}

//自定义的矩形绘制函数
void DrawRectangle(cv::Mat& img, cv::Rect box)
{
	cv::rectangle(img, box.tl(), box.br(), cv::Scalar(g_rng.uniform(0, 255), g_rng.uniform(0, 255), g_rng.uniform(0, 255)));//随机颜色
}