Opencv如何在一个窗口中显示多张图像？

在图像处理时，往往需要将处理后的图像和原始图像显示在同一个窗口中。那么，如何用C++和Opencv来实现多张图像显示在同一个窗口呢？本文就来探讨一下这个问题。

原理： 先定义一个大的Mat，然后将多张图缩放resize到合适大小，然后填充到大的Mat中，最后在窗口中显示这张大的Mat。

本文中，对比效果为原图，灰度图的均值模糊，灰度图的Canny边缘检测，基于Canny的Hough直线变换。

多张图显示到同一个窗口中的效果：

原图效果：

灰度图的均值模糊效果：

灰度图的Canny边缘检测效果：

基于Canny的Hough直线变换效果：

实现代码：

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

#define NameWindow "图片处理效果"  
void imshowMany(const std::string& _winName, const vector<Mat>& ployImages);//  


int main()

{

	//图像显示测试

	Mat srcImage = cv::imread("C://timg.jpg");    //注意这里的//的方向，一开始写反了，怎么都出不来。
	imshow("原图", srcImage);

	Mat temImage, grayImage, midImage, edgeImage, dstImage;


	cv::cvtColor(srcImage, grayImage, CV_BGR2GRAY);//转换为灰度图  
	blur(grayImage, grayImage, Size(5, 5), Point(-1, -1));//均值模糊  
	//GaussianBlur(grayImage, grayImage, Size(5, 5), 0, 0);  
	imshow("原图灰度图+均值模糊", grayImage);
	cvtColor(grayImage, midImage, CV_GRAY2BGR);//转为三通道图,用于多图显示，位置（1，2）  
	Canny(grayImage, edgeImage, 50, 100, 3);//tempImage为单通道二值图，在多图函数中不可显示  
	imshow("灰度图Canny边缘检测", edgeImage);
	cvtColor(edgeImage, temImage, CV_GRAY2BGR);//转为三通道图，用于多图显示，位置（2，1）  
	cvtColor(edgeImage, dstImage, CV_GRAY2BGR);//转为三通道图，用于多图显示，位置（2，2）  


	vector<Vec2f>lines;//矢量结构lines用于存放得到的线段矢量集合  
	HoughLines(edgeImage, lines, 1, CV_PI / 180, 123, 0, 0);//阈值的选择对结果影响很大  


	for (size_t i = 0; i < lines.size(); i++)//在图中绘制出每条线段  
	{
		float rho = lines[i][0], theta = lines[i][1];
		Point pt1, pt2;
		double a = cos(theta), b = sin(theta);
		double x0 = a*rho, y0 = b*rho;
		pt1.x = cvRound(x0 + 1000 * (-b));
		pt1.y = cvRound(y0 + 1000 * (a));
		pt2.x = cvRound(x0 - 1000 * (-b));
		pt2.y = cvRound(y0 - 1000 * (a));
		line(dstImage, pt1, pt2, Scalar(255, 0, 255), 1, 8);//线条颜色为紫色  
	}
	imshow("基于canny的Hough直线变换", dstImage);




	vector<Mat>Images(4);//模板类vector，用于放置4个类型为Mat的元素，即四张图片  
	Images[0] = srcImage;
	Images[1] = midImage;
	Images[2] = temImage;
	Images[3] = dstImage;




	namedWindow(NameWindow);
	imshowMany(NameWindow, Images);//调用一个窗口显示多图函数  


	waitKey(0);
	return 0;


}


//自定义一个窗口显示多图函数  
void imshowMany(const std::string& _winName, const vector<Mat>& ployImages)
{
	int nImg = (int)ployImages.size();//获取在同一画布中显示多图的数目  


	cv::Mat dispImg;


	int size;
	int x, y;
	//若要在OpenCV实现同一窗口显示多幅图片，图片要按矩阵方式排列，类似于Matlab中subplot();     
	//多图按矩阵排列的行数  ，h: 多图按矩阵排列的的数    
	int w, h;


	float scale;//缩放比例  
	int max;


	if (nImg <= 0)
	{
		printf("Number of arguments too small....\n");
		return;
	}
	else if (nImg > 12)
	{
		printf("Number of arguments too large....\n");
		return;
	}


	else if (nImg == 1)
	{
		w = h = 1;
		size = 400;
	}
	else if (nImg == 2)
	{
		w = 2; h = 1;//2x1  
		size = 400;
	}
	else if (nImg == 3 || nImg == 4)
	{
		w = 2; h = 2;//2x2  
		size = 400;
	}
	else if (nImg == 5 || nImg == 6)
	{
		w = 3; h = 2;//3x2  
		size = 300;
	}
	else if (nImg == 7 || nImg == 8)
	{
		w = 4; h = 2;//4x2  
		size = 300;
	}
	else
	{
		w = 4; h = 3;//4x3  
		size = 200;
	}


	dispImg.create(Size(100 + size*w, 30 + size*h), CV_8UC3);//根据图片矩阵w*h，创建画布，可线的图片数量为w*h  


	for (int i = 0, m = 20, n = 20; i<nImg; i++, m += (20 + size))
	{
		x = ployImages[i].cols; //第(i+1)张子图像的宽度(列数)  
		y = ployImages[i].rows;//第(i+1)张子图像的高度（行数）  


		max = (x > y) ? x : y;//比较每张图片的行数和列数，取大值  
		scale = (float)((float)max / size);//计算缩放比例  


		if (i%w == 0 && m != 20)
		{
			m = 20;
			n += 20 + size;
		}


		Mat imgROI = dispImg(Rect(m, n, (int)(x / scale), (int)(y / scale))); //在画布dispImage中划分ROI区域  
		resize(ployImages[i], imgROI, Size((int)(x / scale), (int)(y / scale))); //将要显示的图像设置为ROI区域大小  
	}
	namedWindow(_winName);
	imshow(_winName, dispImg);
}