用MFC的对话框制作一个简易的图片浏览器

最新推荐文章于 2021-10-05 22:31:05 发布
最新推荐文章于 2021-10-05 22:31:05 发布
阅读量4.4k 收藏 14
点赞数 4
文章标签： mfc
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kelvin_Yan/article/details/41080511
版权

环境：VS2012，OpenCV 2.4.9


功能描述：

功能1：点击OPEN按钮，选择图片并打开，下方显示图片的信息；

功能2：把图片拖曳到OPEN按钮上，也可以实现打开功能，支持多文件同时打开


意义：MFC练手程序，涉及一些知识点


过程：


1、前期工作

建立MFC工程，命名“showPicture”，取消unicode，选择对话框，其它默认；

选择Release；

添加opencv的包含目录和库目录，添加依赖项。


2、对话框编辑

a.删除“TODO: 在此放置对话框控件。”控件，把“确认”和“取消”控件的“Visible”属性设为False；

b.添加Button控件，修改以下属性：

ID：IDC_BUTTON_OPEN

Acccept Files：True

Caption：OPEN

c.添加Group Box 控件，Caption属性改为information；

d.添加5个Static Text控件，Caption属性依次改为filename、format、depth、h、w；

e.每个Static Text控件对应添加一个Edit Contral控件，ID依次为IDC_EDIT_filename、IDC_EDIT_FORMAT、IDC_EDIT_DEPTH、IDC_EDIT_H、IDC_EDIT_W，全部的Read Only属性设为True，依次添加成员变量Edit_filename、Edit_format、Edit_depth、Edit_h、Edit_w

f.对文本框左对齐和顶端对齐

如图：


3、编码实现功能1

a.添加头文件image.h

#pragma once

#pragma comment(lib,"opencv_highgui249.lib")
#pragma comment(lib,"opencv_core249.lib")
#pragma comment(lib,"opencv_imgproc249.lib")

#include <opencv2/opencv.hpp>

#define EPS  2.2204E-16

using namespace std;
using namespace cv;

class image
{
public:
	image(void);
	~image(void);

public:
	Mat img;
};

b.为OPEN按钮添加事件处理程序OnBnClickedButtonOpen()

void CshowPictureDlg::OnBnClickedButtonOpen()
{
	// TODO: 在此添加控件通知处理程序代码

	CFileDialog fDlg(TRUE, _TEXT("*"), NULL, 4|2,  
        _TEXT("全部文件(*.*)|*.*|全部文件(*.*)|*.*||"));  
  
    // 调用 DoModal() 方法来打开对话框  
    if (fDlg.DoModal() == IDOK)  
    {  
        // 设置编辑框1的内容为选择文件的路径  
        // GetPathName() --> 返回选定文件的完整路径  
		CString path;
        path = fDlg.GetPathName(); 

		if(!path.IsEmpty())
		{
			img = imread((LPCSTR)path,CV_LOAD_IMAGE_ANYCOLOR);

			CString imageName; 
			imageName = path;
			imageName.MakeReverse();
			int index=imageName.Find('\\');
			imageName = imageName.Left(index);
			imageName.MakeReverse();

			//显示图像信息
			CString info;
			
			info.Format("%d",img.rows);
			Edit_h.SetWindowText(info);

			info.Format("%d",img.cols);
			Edit_w.SetWindowText(info);

			int depth;
			switch(img.depth())
			{
			case 0 :;
			case 1 :depth=8;break;
			case 2 :;
			case 3 :depth=16;break;				
			}
			info.Format("%d",depth);
			Edit_depth.SetWindowText(info+"bits");

			index = imageName.Find('.');
			info = imageName.Right(imageName.GetLength()-index-1);
			Edit_format.SetWindowText(info);

			info = imageName;
			Edit_filename.SetWindowText(info);

			//显示图像
			namedWindow((LPCSTR)imageName, CV_WINDOW_NORMAL);
			resizeWindow((LPCSTR)imageName,img.cols,img.rows);
			imshow((LPCSTR)imageName,img);
		}
	}

}
showPictureDlg.h中添加 

#include "image.h"
以及新增成员变量 

private:
	Mat img;

至此，运行程序可以实现功能1。


4、编码实现功能2

在3的基础上继续；

a.用类向导添加一个MFC类，基类为CButton，类名为CFileButton，该类用于实现拖曳文件至OPEN按钮并打开的功能；

b.为CFileButton添加ON_WM_DROPFILES消息，并编辑消息函数

// CFileButton 消息处理程序

void CFileButton::OnDropFiles(HDROP hDropInfo)
{
	// TODO: 在此添加消息处理程序代码和/或调用默认值

	destroyAllWindows();

	char *lpszFileName=new char[512]; 
	int nFileCount,i; 

	nFileCount=::DragQueryFile   
		(hDropInfo,0xFFFFFFFF,NULL,512); 

	CString   path;
	UINT   nChars;
	Mat img;

	for   (i=0;i <   nFileCount;i++) 
	{ 
	
		nChars=::DragQueryFile 
						(hDropInfo,i,&lpszFileName[0],512); 
		path = lpszFileName;
		path = path.Left(nChars);

		if(!path.IsEmpty())
		{
			img = imread((LPCSTR)path,CV_LOAD_IMAGE_ANYCOLOR);

			if(!img.empty())
			{
				CString imageName; 
				imageName = path;
				imageName.MakeReverse();
				int index=imageName.Find('\\');
				imageName = imageName.Left(index);
				imageName.MakeReverse();

				//显示图像信息		
				HWND   hWnd   =   ::FindWindow(NULL,"showPicture"); 

				info.h.Format("%d",img.rows);
				info.w.Format("%d",img.cols);
				int depth;
				switch(img.depth())
				{
				case 0 :;
				case 1 :depth=8;break;
				case 2 :;
				case 3 :depth=16;break;				
				}
				info.depth.Format("%d",depth);
				index = imageName.Find('.');
				info.format = imageName.Right(imageName.GetLength()-index-1);
				info.filename = imageName;
				 
				HWND   hEdit   =   ::GetDlgItem(hWnd,IDC_EDIT_H); // 取得控件的指针
				::SendMessage(hEdit,WM_SETTEXT,0,(LPARAM)(LPCSTR)(info.h));
				hEdit   =   ::GetDlgItem(hWnd,IDC_EDIT_W); // 取得控件的指针
				::SendMessage(hEdit,WM_SETTEXT,0,(LPARAM)(LPCSTR)(info.w));
				hEdit   =   ::GetDlgItem(hWnd,IDC_EDIT_DEPTH); // 取得控件的指针
				::SendMessage(hEdit,WM_SETTEXT,0,(LPARAM)(LPCSTR)(info.depth));
				hEdit   =   ::GetDlgItem(hWnd,IDC_EDIT_FORMAT); // 取得控件的指针
				::SendMessage(hEdit,WM_SETTEXT,0,(LPARAM)(LPCSTR)(info.format));
				hEdit   =   ::GetDlgItem(hWnd,IDC_EDIT_filename); // 取得控件的指针
				::SendMessage(hEdit,WM_SETTEXT,0,(LPARAM)(LPCSTR)(info.filename));

				//显示图像
				namedWindow((LPCSTR)imageName, CV_WINDOW_NORMAL);
				resizeWindow((LPCSTR)imageName,img.cols,img.rows);
				imshow((LPCSTR)imageName,img);
			}
			else
			{
				MessageBox("fail to open!");
				return;
			}
		}
		else
		{
			MessageBox("path is invalid!");
			return;
		}
	} 

	::DragFinish   (hDropInfo);       //释放内存 
	i=0; 
	delete   []lpszFileName; 
}

FileButton.h中添加成员变量

public:
        struct info
	{
		CString depth;
		CString format;
		CString filename;
		CString h;
		CString w;
	}info;
并添加 

#include "image.h"


c.把CFileButton类绑定到OPEN按钮

修改showPictureDlg.h

添加成员变量

public:
           CFileButton m_FileButton;
添加头文件 

#include "FileButton.h"

修改showPictureDlg.cpp

改写对话框的DoDataExchange函数

void CshowPictureDlg::DoDataExchange(CDataExchange* pDX)
{
	CDialogEx::DoDataExchange(pDX);
	DDX_Control(pDX, IDC_EDIT_H, Edit_h);					
	DDX_Control(pDX, IDC_EDIT_W, Edit_w);					
	DDX_Control(pDX, IDC_EDIT_FORMAT, Edit_format);			
	DDX_Control(pDX, IDC_EDIT_DEPTH, Edit_depth);			
	DDX_Control(pDX, IDC_EDIT_filename, Edit_filename);		
	DDX_Control(pDX, IDC_BUTTON_OPEN, m_FileButton);//增加了这一句
}

至此，运行程序可以实现功能2和功能1。


附：涉及的知识点


1、CString的使用，例如字符串的提取、类型转换

参考：

http://blog.csdn.net/kelvin_yan/article/details/41082191

http://blog.csdn.net/kelvin_yan/article/details/41007951

http://blog.csdn.net/kelvin_yan/article/details/41042571


2、拖曳文件的功能

参考：

http://blog.csdn.net/kelvin_yan/article/details/41082299


3、SendMessage向控件发送消息。为什么要用这种方式？在对话框原本的cpp里是不需要这么麻烦的，但因为这里自定义了一个CFileButton类，不能通过Edit控件的成员变量来传值，只能用这种方法。

参考：

http://blog.csdn.net/kelvin_yan/article/details/41082525

http://blog.csdn.net/kelvin_yan/article/details/41082251

4、扩展控件功能的一种办法。这里通过新建一个CFileButton类，使Button控件支持文件拖曳的功能。很奇怪的一点：Button控件有一个接受文件的属性，但为什么就没有一个类似OnDropFiles的事件处理程序？或者是我不知道而已。

还有一种方法是自定义控件，但感觉挺麻烦的。这里要实现的功能比较简单，可能这种方式可用于实现一些复杂的功能。


Kelvin_Ngan
关注
基于VS2010的MFC对话框编程之图片浏览器(附源代码）
Destiny0321的专栏
04-11 9021
基于VS2010的MFC对话框编程之图片浏览器 本文先给出了基于VS2010的MFC对话框编程之图片浏览器所能实现的功能以及采用的技术，然后展示效果图，做出总结，最后附上源代码。效果图 1 效果图 2 效果图 3 效果图 4
openCV4.2+MFC制作多页图片浏览器（无CvvImage）
周周的奇妙代码之旅
03-07 783
学院一门有关openCV的自发课，第一次作业是用VC和openCV的接口做一个可浏览图片的图片浏览器。 大二的一门自发课学的MFC，说实话是很老的框架了，但是为了对付作业还是直接用好了……最后写代码的时候发现openCV部分只有几行，MFC各种奇诡的问题倒是占用了绝大部分时间。 openCV用的是最新版本的4.2，网上普遍相关贴子都是3.4甚至2.2版本……广为流传的使用旧版本“CvvImage...
基于MFC的图片浏览器
05-07
一个完整的毕业设计+论文+PPT演示,VC++基于MFC的图片浏览器,在进行图片浏览或打开、关闭、切换的时候都带有多种特效
用MFC做一个图片浏览器
想握住此生辽阔
08-08 924
首先我的图片都是以数字命名的，所以查找起来有规律 打开文件夹路径，并显示前2张图片 void CAnnotationDlg::OnBnClickedPicpath() { // TODO: 在此添加控件通知处理程序代码 CString m_strFileOut = _T(""); //初始化适应Unicode TCHAR szSelected[MAX_PATH];//用来存放文件夹路径 BROWSEINFO bi; LPITEMIDLIST pidl; bi.hwndOwner
用MFC制作一个图片浏览器
weixin_46949627的博客
10-05 1490
使用基于对话框的MFC应用 一、对话框部分 准备如下控件 一个图片控件(picture control)，四个按钮，一个文本编辑框 二、初始化部分 在对话框类中的OnPaint函数中，添加如下代码，将图片框背景初始为白色。 //通过ID获取静态图片控件的所有信息 CWnd* pWnd = GetDlgItem(IDC_STATIC); //targetRect用于选择一个矩形区域，记录了其坐标,长、宽等信息 CRect rect; //获取句柄指向控件区域的Rect赋给rect.
MFC图片浏览器
03-04
改代码是基于MFC编写的图片浏览器，可以打开任意格式图片，并且有放大缩小，旋转等等功能，是MFC读取，显示图片的好例程
MFC实现图片浏览器
weixin_44694878的博客
01-05 1151
MFC实现图片浏览器（源代码可以加微信：DDDDYKAJ） 一．功能介绍：该程序是基于对话框的图片管理的程序。改程序有以下几个功能： 1，获取加载图片的图片数目 2，按下“下一张”浏览所有图片 3，图片按照序号定位，并显示 4，获取每一张图片的大小信息 点击“下一张”，使得能够浏览图片。点击“获得图片总数”得到程序中所有图片的数量。在“选择图片序号”中可以得到想要的图片。 1，获取加载图片的张数...
MFC VC++ 图片浏览器的制作 包含MFC新手实例
11-09
在本文中，我们将深入探讨如何使用Microsoft Foundation Class (MFC) 库和Visual C++来创建一个简单的图片浏览器。MFC 是微软为Windows应用程序开发提供的一组C++类库，它封装了Windows API，使开发者能更高效地构建...
C++搭建MFC图片处理界面框架及打开图片
weixin_56398660的博客
04-01 1031
一、VS2010 创建MFC基于对话框应用程序，新建项目——MFC——MFC应用程序 选择基于对话框——点击完成 在资源视图的IDD_MFC_DIALOG界面创建图片显示窗口和控制按钮，点击工具箱在对话框中添加两个picture control和Button 等控件。分别修改各个控件的图片ID为IDC_SRCImage和Caption。 双击open按钮，MFC自动添加消息响应函数void CmfcDlg::OnBnClickedButton1()并在函数中添加如下代码： // TODO: 在此添.
VC++基于MFC的图片浏览器（有多种特效）
10-27
VC++基于MFC的图片浏览器（有多种特效） 非常好的显示图像
[MFC]很好用的图片浏览器
08-04
采用VS2010进行开发的一个MFC的小软件，经过调试，效果很好。可以嵌入到其它软件中进行二次开发
mfc简易浏览器
07-08
MFC做的简易浏览器！平台为VC++6.0.
基于MFC的图片浏览器的设计与实现(有代码，PictView.exe)
11-22
本设计所实现的图片浏览软件拟支持以下几种图像格式：BMP、PCX、TGA、JPEG、GIF。这几种图像格式均为在图像处理领域及实际应用中广泛使用的图像格式。 ——————图像处理类编程设计
MFC图片浏览器（vc++）
04-08
一个简单的图片浏览器，实现图片的打开，和按比例缩放。一般jpg的格式都能打开。不过其实没啥太大的用途。MFC初学者可以拿去看看。
最近用mfc写了个web浏览器
11-30 298
最近写了个web浏览器，详细代码和文档在 https://write-bug.com/article/1349.html （度娘手下留情）。 用MFC所实现的 Web 浏览器首先要有友好的界面，能正常的浏览网页，能实现后退、前进、刷新等基本功能。 此外，对 Web 浏览器的功能进行了扩充，能实现网页保存、打印网页、在网页上查找、选中全部内容、标签式多窗口浏...
MFC基于对话框的图片浏览器
qq_42601535的博客
12-24 738
使用双缓冲技术避免屏幕闪烁 实现效果如图： 实现了放大图片操作 全屏预览下，隐藏按键区 可在放大状态下进行全屏预览 调整窗口使图片自适应窗口大小 放大状态下，实现鼠标拖拽移动图片，并使其限制在窗口内，不至于拖出窗口 因为CSDN的下载链接好像要大家付费，这里就直接放我的GitHub链接 ...
OpenCV+MFC的图片浏览器
YoungHD的博客
03-17 773
文章目录配置OpenCVMFC界面设计读取指定文件夹下的所有照片照片格式转换将照片绘制在picture控件上添加上一张，下一张控制格式化底部显示添加照片双击放大效果图扩展：OpenCV4的主要功能 配置OpenCV 参考链接：vs2019下安装OpenCV4.20 在包含目录中添加 在库目录中添加 点击连接器-输入-附加依赖项，添加 记得选择x64,不是x86 MFC界面...
基于MFC的图片浏览器代码
02-12
基于MFC的图片浏览器的完整代码，实现打开图片，删除图片，添加列表，拖动打开，显示图片信息等多种功能。
MFC对话框图片切换实现
"MFC实现对话框内图片通过按钮切换，通过按钮在对话框中循环展示5张...这个实验提供了一个实践MFC编程技能的机会，帮助开发者熟悉C++类的使用，了解MFC框架下的对话框应用程序开发，并掌握Windows GUI编程的关键技术。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值