【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节

终于把实验二拿下了,希望能帮到你。

文章内容:
1.回顾上文
2.实验步骤&要点提示&代码分析
3.感想

1.回顾上文

我第二个实验是基于第一个实验的,我审查了一下之前的代码,发现有很多错的地方,虽然不经意,但是很要命。如果有空的话,请你再看一下我的上一篇文章的增订部分。
链接如下:
【雷老师的图像处理】读入一幅RGB图象,编写程序显示图象中任一象素点的RGB值

2.实验步骤&要点提示&代码分析

要点提示和代码分析在注释里,挺清楚的。
在话不多说,我重要文件的代码先贴出来。

步骤一:添加用户自定义的头文件。
主要包括了:用户结构体的定义,窗口之间传值的标识符。
文件名:USER_DEFINE.h

/*
作者 :guangjie2333
时间 :2021.10.5
单位 :SZU
版本 :V1.0.0
*/

#pragma once

#include <wingdi.h> 
#include <afx.h>
using namespace std;

/*************************宏定义区*******************************/

#define WM_GET_DIALOG_HSV_SLIDER_VAL		(WM_USER + 200)            //该变量用于两个窗口之间传递信息


/***********************结构体定义区******************************/

//RGB结构体定义
typedef struct
{
    int r;
    int g;
    int b;
} RGB_STRUCT;

//HSV结构体定义
typedef struct
{
    int h;
    float s;
    float v;
} HSV_STRUCT;

//滚动条数值结构体
typedef struct
{
    int H_slider;
    int S_slider;
    int V_slider;
}HSV_SLIDER_STRUCT;


typedef struct
{
    BYTE* pBmpData;             //图像数据
    BITMAPFILEHEADER bmpHeader; //文件头
    BITMAPINFOHEADER bmpInfo;   //信息头
    CFile bmpFile;              //记录打开文件
}bmpData;

步骤二:添加用户自定义的类文件。
主要包括了:HSV到RGB的转换 , RGB到HSV的转换。
文件名:USER_RGB_HSV_CLASS.h

#pragma once
/*
作者 :guangjie2333
时间 :2021.10.5
单位 :SZU
版本 :V1.0.0
*/

#include <iostream>
#include "USER_DEFINE.h"
using namespace std;


/********************类定义区*********************/

class USER_RGB_HSV_CLASS
{
    public:
        //初始化&退出
        USER_RGB_HSV_CLASS(void);//构造函数声明
        ~USER_RGB_HSV_CLASS(void);//析构函数声明

        //用户自定义函数 
        HSV_STRUCT RGB2HSV(RGB_STRUCT rgb);
        RGB_STRUCT HSV2RGB(HSV_STRUCT hsv);

};


文件名:USER_RGB_HSV_CLASS.cpp

/*
作者 :guangjie2333
时间 :2021.10.5
单位 :SZU
版本 :V1.0.0
*/

#include "pch.h"
#include "USER_RGB_HSV_CLASS.h"

// 构造函数
USER_RGB_HSV_CLASS::USER_RGB_HSV_CLASS(void)
{
    cout << "finish by guangjie2333 " << endl;
    cout << "Hardwork makes lucky dog " << endl;
    cout << "please enjoy your life" << endl;
}

// 构造函数
USER_RGB_HSV_CLASS::~USER_RGB_HSV_CLASS(void)
{
    cout << "finish by guangjie2333 " << endl;
    cout << "Hardwork makes lucky dog " << endl;
    cout << "thanks for using my function" << endl;
}


//RGB转换为HSV控空间的函数
// 参照:
//https://www.cnblogs.com/klchang/p/6784856.html

HSV_STRUCT USER_RGB_HSV_CLASS:: RGB2HSV(RGB_STRUCT rgb)
{ 
    // r,g,b values are from 0 to 1
    // h = [0,360], s = [0,1], v = [0,1]

    float R, G, B;
    float min, max, delta, tmp;
    HSV_STRUCT hsv;

    //归一化
    R = (float)rgb.r / 255;
    G = (float)rgb.g / 255;
    B = (float)rgb.b / 255;

    //最小值
    tmp = R > G ? G : R;
    min = tmp > B ? B : tmp;

    //最大值
    tmp = R > G ? R : G;
    max = tmp > B ? tmp : B;

    //max - min 
    delta = max - min;

    //计算v
    hsv.v = max;

    //计算s
    if (max != 0)
    {
        hsv.s = delta / max;
    }
    else
    {
        hsv.s = 0;
    }

    //计算h
    if (0 == hsv.s)
    {
        hsv.h = 0;
    }
    else if (R == max && G >= B)
    {
        hsv.h = (int)((G-B)/delta*60);
    }
    else if (R == max && G < B)
    {
        hsv.h = 360 + (int)((G - B) / delta * 60);
    }
    else if (G == max)
    {
        hsv.h = 120 + (int)((B - R) / delta  * 60) ;
    }
    else if (B == max)
    {
        hsv.h = 240 + (int)((R - G) / delta  * 60);
    }

    //检查范围
    if ((hsv.v >= 0 && hsv.v <= 1) && (hsv.s >= 0 && hsv.s <= 1) && (hsv.h >= 0 && hsv.h <= 360))
    {
        return hsv;
    }
    else
    {
        hsv.h = hsv.h % 360;
        hsv.s = hsv.s > 1 ? 1 : hsv.s;
        hsv.v = hsv.v > 1 ? 1 : hsv.v;
        return hsv;
    }
}


//RGB转换为HSV空间的函数
// 参照:
//雷老师的ppt 
/*
    需要注意的是老师的ppt有问题 ,结果没 * 255 ,花了我两个晚上,我还一直以为是我代码的问题。
    而且ppt还有一个问题 : f = H/60 - i;  而不是 f = f % 60;
    总之,我花了很多时间去找bug,最后发现转换公式这个最基本的地方出了问题
*/


RGB_STRUCT USER_RGB_HSV_CLASS::HSV2RGB(HSV_STRUCT hsv)
{
    int H= hsv.h%360;
    float S = hsv.s > 1 ? 1 : hsv.s;
    float V = hsv.v > 1 ? 1 : hsv.v;
    float p, q, t;
    int i, f;
    RGB_STRUCT rgb = {0,0,0};

    i = H / 60;
    f = H/60 - i;

    p = V * (1 - S);
    q = V * (1 - S * f);
    t = V * (1 - S * (1 - f));

    switch (i)
    {
    case 0:
        rgb.r = V * 255;
        rgb.g = t * 255;
        rgb.b = p * 255;
        break;
    case 1:
        rgb.r = q * 255;
        rgb.g = V * 255;
        rgb.b = p * 255;
        break;
    case 2:
        rgb.r = p * 255;
        rgb.g = V * 255;
        rgb.b = t * 255;
        break;
    case 3:
        rgb.r = p * 255;
        rgb.g = q * 255;
        rgb.b = V * 255;
        break;
    case 4:
        rgb.r = t * 255;
        rgb.g = p * 255;
        rgb.b = V * 255;
        break;
    case 5:
        rgb.r = V * 255;
        rgb.g = p * 255;
        rgb.b = q * 255;
        break;
    default:
        break;
    }


    return rgb;

}

步骤三:主窗口Dialog
主要内容:控件响应函数,消息传递函数,事件处理函数。
文件名:MFCApplication1Dlg.h


// MFCApplication1Dlg.h: 头文件
//

#pragma once
#include "USER_DEFINE.h"


// CMFCApplication1Dlg 对话框
class CMFCApplication1Dlg : public CDialogEx
{
// 构造
public:
	CMFCApplication1Dlg(CWnd* pParent = nullptr);	// 标准构造函数

// 对话框数据
#ifdef AFX_DESIGN_TIME
	enum { IDD = IDD_MFCAPPLICATION1_DIALOG };
#endif

	protected:
	virtual void DoDataExchange(CDataExchange* pDX);	// DDX/DDV 支持


// 实现
protected:
	HICON m_hIcon;

	// 生成的消息映射函数
	virtual BOOL OnInitDialog();
	afx_msg void OnSysCommand(UINT nID, LPARAM lParam);
	afx_msg void OnPaint();
	afx_msg HCURSOR OnQueryDragIcon();

	DECLARE_MESSAGE_MAP()
public:
	afx_msg void OnBnClickedButtonOpenbmp();
	afx_msg void onm ouseMove(UINT nFlags, CPoint point);
	afx_msg void OnBnClickedButtonHsv2rgb();
	LRESULT UserMessageHandler(WPARAM w, LPARAM l); //自己定义的消息处理函数
};

文件名:MFCApplication1Dlg.cpp


// MFCApplication1Dlg.cpp: 实现文件

/*
作者 :guangjie2333
时间 :2021.10.5
单位 :SZU
版本 :V1.0.0
*/

#include "pch.h"
#include "framework.h"
#include "MFCApplication1.h"
#include "MFCApplication1Dlg.h"
#include "afxdialogex.h"

#ifdef _DEBUG
#define new DEBUG_NEW
#endif

/**************自定义的类调用**************/

#include  "USER_BAR_CLASS_DLG.h"
#include "USER_RGB_HSV_CLASS.h"
//#include "stdlib.h"

/***************内部变量声明***************/

bmpData bmpdata;
CString BmpName;
CString EntName;

/***************内部函数声明***************/
void Cal_HSV_Scale(HSV_SLIDER_STRUCT hsv_slider_struct,float *hScale, float* sScale, float* vScale);  //调节滚动条实际上是在调节缩放系数


// 用于应用程序“关于”菜单项的 CAboutDlg 对话框

class CAboutDlg : public CDialogEx
{
public:
	CAboutDlg();

// 对话框数据
#ifdef AFX_DESIGN_TIME
	enum { IDD = IDD_ABOUTBOX };
#endif

	protected:
	virtual void DoDataExchange(CDataExchange* pDX);    // DDX/DDV 支持

// 实现
protected:
	DECLARE_MESSAGE_MAP()
};

CAboutDlg::CAboutDlg() : CDialogEx(IDD_ABOUTBOX)
{
}

void CAboutDlg::DoDataExchange(CDataExchange* pDX)
{
	CDialogEx::DoDataExchange(pDX);
}

BEGIN_MESSAGE_MAP(CAboutDlg, CDialogEx)
END_MESSAGE_MAP()


// CMFCApplication1Dlg 对话框



CMFCApplication1Dlg::CMFCApplication1Dlg(CWnd* pParent /*=nullptr*/)
	: CDialogEx(IDD_MFCAPPLICATION1_DIALOG, pParent)
{
	m_hIcon = AfxGetApp()->LoadIcon(IDR_MAINFRAME);
}

void CMFCApplication1Dlg::DoDataExchange(CDataExchange* pDX)
{
	CDialogEx::DoDataExchange(pDX);
}

BEGIN_MESSAGE_MAP(CMFCApplication1Dlg, CDialogEx)
	ON_WM_SYSCOMMAND()
	ON_WM_PAINT()
	ON_WM_QUERYDRAGICON()
	ON_BN_CLICKED(IDC_BUTTON_OPENBMP, &CMFCApplication1Dlg::OnBnClickedButtonOpenbmp)
	ON_WM_MOUSEMOVE()
	ON_BN_CLICKED(IDC_BUTTON_HSV2RGB, &CMFCApplication1Dlg::OnBnClickedButtonHsv2rgb)
	ON_MESSAGE(WM_GET_DIALOG_HSV_SLIDER_VAL, UserMessageHandler) //用户自定义的消息标识和函数的绑定
END_MESSAGE_MAP()


// CMFCApplication1Dlg 消息处理程序

BOOL CMFCApplication1Dlg::OnInitDialog()
{
	CDialogEx::OnInitDialog();

	// 将“关于...”菜单项添加到系统菜单中。

	// IDM_ABOUTBOX 必须在系统命令范围内。
	ASSERT((IDM_ABOUTBOX & 0xFFF0) == IDM_ABOUTBOX);
	ASSERT(IDM_ABOUTBOX < 0xF000);

	CMenu* pSysMenu = GetSystemMenu(FALSE);
	if (pSysMenu != nullptr)
	{
		BOOL bNameValid;
		CString strAboutMenu;
		bNameValid = strAboutMenu.LoadString(IDS_ABOUTBOX);
		ASSERT(bNameValid);
		if (!strAboutMenu.IsEmpty())
		{
			pSysMenu->AppendMenu(MF_SEPARATOR);
			pSysMenu->AppendMenu(MF_STRING, IDM_ABOUTBOX, strAboutMenu);
		}
	}

	// 设置此对话框的图标。  当应用程序主窗口不是对话框时,框架将自动
	//  执行此操作
	SetIcon(m_hIcon, TRUE);			// 设置大图标
	SetIcon(m_hIcon, FALSE);		// 设置小图标

	// TODO: 在此添加额外的初始化代码

	return TRUE;  // 除非将焦点设置到控件,否则返回 TRUE
}

void CMFCApplication1Dlg::OnSysCommand(UINT nID, LPARAM lParam)
{
	if ((nID & 0xFFF0) == IDM_ABOUTBOX)
	{
		CAboutDlg dlgAbout;
		dlgAbout.DoModal();
	}
	else
	{
		CDialogEx::OnSysCommand(nID, lParam);
	}
}

// 如果向对话框添加最小化按钮,则需要下面的代码
//  来绘制该图标。  对于使用文档/视图模型的 MFC 应用程序,
//  这将由框架自动完成。

void CMFCApplication1Dlg::OnPaint()
{
	if (IsIconic())
	{
		CPaintDC dc(this); // 用于绘制的设备上下文

		SendMessage(WM_ICONERASEBKGND, reinterpret_cast<WPARAM>(dc.GetSafeHdc()), 0);

		// 使图标在工作区矩形中居中
		int cxIcon = GetSystemMetrics(SM_CXICON);
		int cyIcon = GetSystemMetrics(SM_CYICON);
		CRect rect;
		GetClientRect(&rect);
		int x = (rect.Width() - cxIcon + 1) / 2;
		int y = (rect.Height() - cyIcon + 1) / 2;

		// 绘制图标
		dc.DrawIcon(x, y, m_hIcon);
	}
	else
	{
		CDialogEx::OnPaint();
	}
}

//当用户拖动最小化窗口时系统调用此函数取得光标
//显示。
HCURSOR CMFCApplication1Dlg::OnQueryDragIcon()
{
	return static_cast<HCURSOR>(m_hIcon);
}



//读取图片,readBmp按键按下响应函数

void CMFCApplication1Dlg::OnBnClickedButtonOpenbmp()
{
	// TODO: 在此添加控件通知处理程序代码
	
	//打开文件 
	CString filter = (CString)"图像文件(*.bmp)|*.bmp;*.BMP||";//指明可供选择的文件类型和相应的扩展名
	CFileDialog dlg(TRUE, NULL, NULL, OFN_HIDEREADONLY | OFN_OVERWRITEPROMPT, filter, NULL);  //打开文件

//按下确定按钮 dlg.DoModal() 函数显示对话框
	if (dlg.DoModal() == IDOK)
	{
		//打开对话框获取图像信息
		BmpName = dlg.GetPathName();     //获取文件路径名   
	    EntName = dlg.GetFileExt();      //获取文件扩展名
		EntName.MakeLower();                     //将文件扩展名转换为一个小写字符

		if (EntName.Compare(_T("bmp")) == 0)  //如果是bmp图片则打开显示
		{
			//定义变量存储图片信息
			BITMAPINFO* pBmpInfo;       //记录图像信息头内容
			

				//以只读的方式打开文件 读取bmp图片各部分 bmp文件头 信息 数据
			if (!bmpdata.bmpFile.Open(BmpName, CFile::modeRead | CFile::typeBinary))
				return;
			if (bmpdata.bmpFile.Read(&bmpdata.bmpHeader, sizeof(BITMAPFILEHEADER)) != sizeof(BITMAPFILEHEADER))
				return;
			if (bmpdata.bmpFile.Read(&bmpdata.bmpInfo, sizeof(BITMAPINFOHEADER)) != sizeof(BITMAPINFOHEADER))
				return;
			pBmpInfo = (BITMAPINFO*)new char[sizeof(BITMAPINFOHEADER)];
			//为图像数据申请空间
			memcpy(pBmpInfo, &bmpdata.bmpInfo, sizeof(BITMAPINFOHEADER));  //存储图像信息头内容
			DWORD dataBytes = bmpdata.bmpHeader.bfSize - bmpdata.bmpHeader.bfOffBits;//图像数据大小,单位为字节
			bmpdata.pBmpData = (BYTE*)new char[dataBytes];
			bmpdata.bmpFile.Seek(bmpdata.bmpHeader.bfOffBits,0);//这一步非常重要,必须要把文件指针偏移
			bmpdata.bmpFile.Read(bmpdata.pBmpData, dataBytes);  //存储图像数据(以文件指针为起点开始读dataBytes个数据)
			bmpdata.bmpFile.Close();

			//显示图像1	
			CWnd* pWnd = GetDlgItem(IDC_STATIC_PICTURE); //获得pictrue控件窗口的句柄			
			CRect rect;
			pWnd->GetClientRect(&rect); //获得pictrue控件所在的矩形区域			
			CDC* pDC = pWnd->GetDC(); //获得pictrue控件的DC			
			pDC->SetStretchBltMode(COLORONCOLOR);
			StretchDIBits(pDC->GetSafeHdc(), 0, 0, rect.Width(), rect.Height(), 0, 0, bmpdata.bmpInfo.biWidth, bmpdata.bmpInfo.biHeight, bmpdata.pBmpData, pBmpInfo, DIB_RGB_COLORS, SRCCOPY);
			
			显示图像2	
			pWnd = GetDlgItem(IDC_STATIC_PICTURE2); //获得pictrue控件窗口的句柄			
			pWnd->GetClientRect(&rect); //获得pictrue控件所在的矩形区域			
			pDC = pWnd->GetDC(); //获得pictrue控件的DC			
			pDC->SetStretchBltMode(COLORONCOLOR);
			StretchDIBits(pDC->GetSafeHdc(), 0, 0, rect.Width(), rect.Height(), 0, 0, bmpdata.bmpInfo.biWidth, bmpdata.bmpInfo.biHeight, bmpdata.pBmpData, pBmpInfo, DIB_RGB_COLORS, SRCCOPY);
			
			//打印信息
			TRACE(" rect.Width() = %d , rect.Height() = %d, bmpInfo.biWidth = %d ,  bmpInfo.biHeight = %d \n\n",rect.Width(), rect.Height(), bmpdata.bmpInfo.biWidth, bmpdata.bmpInfo.biHeight);
			

		}
	}
}


//鼠标在屏幕中移动的事件响应函数
void CMFCApplication1Dlg::OnMouseMove(UINT nFlags, CPoint point)
{
	// TODO: 在此添加消息处理程序代码和/或调用默认值
	//guangjie2333的设计
	//需要注意的是图像存在伸缩,需要更具伸缩比例确定

	CDialogEx::OnMouseMove(nFlags, point);

	CRect pect;

	CWnd* pWnd = GetDlgItem(IDC_STATIC_PICTURE);//IDC_PICTURE为控件ID号

	pWnd->GetClientRect(&pect);

	int high = pect.Height();   //返回高

	int width = pect.Width();   //返回宽


	TRACE("picture 控件长宽高信息  high = %d  width = %d \n\n" , high, width);


	//确保鼠标在图像内移动
	if ((point.x >= 12 && point.x <= 12 + width && point.y >= 76 && point.y <= 76 + high) || 
		(point.x >= 683 && point.x <= 683 + width && point.y >= 76 && point.y <= 76 + high))
	{
		TRACE("捕捉到了鼠标移动,当前位置 X = %d  Y = %d \n\n", point.x, point.y);
		SetDlgItemInt(IDC_EDIT_X, point.x);			 //写入坐标值x
		SetDlgItemInt(IDC_EDIT_Y, point.y);			 //写入坐标值y

		CWnd* pWnd = GetDlgItem(IDC_STATIC_PICTURE); //获得pictrue控件窗口的句柄
		CDC* pDC = pWnd->GetDC();					 //获得pictrue控件的DC	
		HDC hDC = pDC->GetSafeHdc(); ;
		COLORREF rgb = ::GetPixel(hDC, point.x - 12, point.y - 76);  //相对坐标


		RGB_STRUCT rgbStruct;
		rgbStruct.r = GetRValue(rgb);			    //获得灰度分量
		rgbStruct.g = GetGValue(rgb);
		rgbStruct.b = GetBValue(rgb);
		SetDlgItemInt(IDC_EDIT_R, rgbStruct.r);     //写入灰度分量R
		SetDlgItemInt(IDC_EDIT_G, rgbStruct.g);     //写入灰度分量G
		SetDlgItemInt(IDC_EDIT_B, rgbStruct.b);     //写入灰度分量B

		//显示该点的hsv值
		USER_RGB_HSV_CLASS userClass_rgb_hsv;       //用户自定义的 hsv—rgb 转换类
		HSV_STRUCT hsvStruct;
		hsvStruct = userClass_rgb_hsv.RGB2HSV(rgbStruct);

		CString str;
		SetDlgItemInt(IDC_EDIT_H, hsvStruct.h);     //写入灰度分量R
		str.Format(_T("%.5f"), hsvStruct.s);
		SetDlgItemText(IDC_EDIT_S, str);			//写入灰度分量G
		str.Format(_T("%.5f"), hsvStruct.v);
		SetDlgItemText(IDC_EDIT_V, str);			//写入灰度分量B

	}
	else
	{
		SetDlgItemInt(IDC_EDIT_X, 0);				//写入坐标值x
		SetDlgItemInt(IDC_EDIT_Y, 0);				//写入坐标值y
		SetDlgItemInt(IDC_EDIT_R, 0);				//写入灰度分量R
		SetDlgItemInt(IDC_EDIT_G, 0);				//写入灰度分量G
		SetDlgItemInt(IDC_EDIT_B, 0);				//写入灰度分量B
		SetDlgItemInt(IDC_EDIT_H, 0);				//写入灰度分量H
		SetDlgItemInt(IDC_EDIT_S, 0);				//写入灰度分量S
		SetDlgItemInt(IDC_EDIT_V, 0);				//写入灰度分量V
	}
}


//rgb2hsv按键按下响应函数
void CMFCApplication1Dlg::OnBnClickedButtonHsv2rgb()
{
	// TODO: 在此添加控件通知处理程序代码
	
	// guangjie2333的设计
	
	// 按键按下后做两件事 1.读取图像 2.打开新的对话框

	//将按键按下和新的Dialog联系
	USER_BAR_CLASS_DLG dlg;
	dlg.phwnd = m_hWnd;
	dlg.DoModal();


	                                   
}

//用户自定义的消息处理函数
LRESULT CMFCApplication1Dlg::UserMessageHandler(WPARAM w, LPARAM l)
{
	// guangjie2333的设计
	//((CStatic*)GetDlgItem(IDC_STATIC_PICTURE2))->SetBitmap(NULL);	//清除原有图像

	/*按理说 WPARAM w应该是一个实际值,但是我通过指针转换的方式传入了地址
	  现在拿到了地址后,我有两件事情要做 : 
	  1. 把地址的解析方式从(int) 改成 (HSV_SLIDER_STRUCT*)
	  2. 把结构体中的值取出来
	  */
	HSV_SLIDER_STRUCT hsv_slider_val = *(HSV_SLIDER_STRUCT*)w;

	float hScale, sScale, vScale;
	int r, g, b;

	/*为了避免对原数据进行修改,新建一个图像存储结构体
	  
	  之后需要做的就是 :
	  1.将原数据拷贝一份
	  2.将原rgb数据转换成hsv数据
	  3.再将hsv数据转换成rgb显示
	  
	  需要注意的是:1.我默认bmp图像是真彩色,24bit ,B G R三通道,不带保留项的
					2.图像是每三个数据构成一个像素点,按 B G R顺序组合而成的
					3.适用大部分的bmp图像
	  
	  */

	USER_RGB_HSV_CLASS userClass_rgb_hsv;                           //用户自定义的 hsv—rgb 转换类
	HSV_STRUCT hsv_struct;                                          //用户自定义的 hsv结构体
	RGB_STRUCT rgb_struct;											//用户自定义的 rgb结构体

	//拷贝原数据
	DWORD dataBytes = bmpdata.bmpHeader.bfSize - bmpdata.bmpHeader.bfOffBits;//图像数据大小,单位为字节
	BYTE* pixelArray = (BYTE*)new char[dataBytes];
	memcpy(pixelArray, bmpdata.pBmpData, dataBytes);

	Cal_HSV_Scale(hsv_slider_val, &hScale, &sScale, &vScale);      //计算缩放系数

	//逐个像素进行转换
	for (int i = 0; i < dataBytes; i = i + 3)
	{
		rgb_struct.b = pixelArray[i + 0];
		rgb_struct.g = pixelArray[i + 1];
		rgb_struct.r = pixelArray[i + 2];

		hsv_struct = userClass_rgb_hsv.RGB2HSV(rgb_struct);			//单像素RGB转HSV

		hsv_struct.h = (int)hsv_struct.h * hScale;					//滚动条的意义在于对原hsv进行缩放
		hsv_struct.s = (float)hsv_struct.s * sScale;
		hsv_struct.v = (float)hsv_struct.v * vScale;

		rgb_struct = userClass_rgb_hsv.HSV2RGB(hsv_struct);         //将缩放后的hsv重新转换成rgb

		pixelArray[i + 0] = rgb_struct.b;							//将rgb数据还原
		pixelArray[i + 1] = rgb_struct.g;
		pixelArray[i + 2] = rgb_struct.r;

	}

	//显示图像2	
	CWnd* pWnd = GetDlgItem(IDC_STATIC_PICTURE2);					//获得pictrue控件窗口的句柄	
	
	CRect rect;
	pWnd->GetClientRect(&rect);										//获得pictrue控件所在的矩形区域			
	CDC* pDC = pWnd->GetDC();										//获得pictrue控件的DC			
	pDC->SetStretchBltMode(COLORONCOLOR);

	BITMAPINFO* pBmpInfo = (BITMAPINFO*)new char[sizeof(BITMAPINFOHEADER)];
	memcpy(pBmpInfo, &bmpdata.bmpInfo, sizeof(BITMAPINFOHEADER)); 
	StretchDIBits(pDC->GetSafeHdc(), 0, 0, rect.Width(), rect.Height(), 0, 0, bmpdata.bmpInfo.biWidth, bmpdata.bmpInfo.biHeight, pixelArray, pBmpInfo, DIB_RGB_COLORS, SRCCOPY);

	delete []pixelArray;
	return LRESULT();
}


//内部函数实现
void Cal_HSV_Scale(HSV_SLIDER_STRUCT hsv_slider_struct, float* hScale, float* sScale, float* vScale)
{
	// guangjie2333的设计

	*hScale = (float)(hsv_slider_struct.H_slider - 50) / 50 + 1; //50作为基准,小于50就按比例缩小,大于50按比例放大
	*sScale = (float)(hsv_slider_struct.S_slider - 50) / 50 + 1;
	*vScale = (float)(hsv_slider_struct.V_slider - 50) / 50 + 1;
}

步骤四:
添加对话框窗口
主要内容:拖动滑块
文件名:USER_BAR_CLASS_DLG.h

#pragma once
/*
作者 :guangjie2333
时间 :2021.10.5
单位 :SZU
版本 :V1.0.0
*/

#include "USER_DEFINE.h"

// USER_BAR_CLASS_DLG 对话框

class USER_BAR_CLASS_DLG : public CDialogEx
{
public:
	CSliderCtrl	m_SliderV; //声明3个滚动条变量
	CSliderCtrl	m_SliderS;
	CSliderCtrl	m_SliderH;

	HWND phwnd;				//窗口变量,用于两个窗口之间传输值

	DECLARE_DYNAMIC(USER_BAR_CLASS_DLG)

public:
	USER_BAR_CLASS_DLG(CWnd* pParent = nullptr);   // 标准构造函数
	virtual ~USER_BAR_CLASS_DLG();

// 对话框数据
#ifdef AFX_DESIGN_TIME
	enum { IDD = IDD_DIALOG1 };
#endif

protected:
	virtual void DoDataExchange(CDataExchange* pDX);    // DDX/DDV 支持

	DECLARE_MESSAGE_MAP()
public:
	afx_msg void OnHScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar);
	virtual BOOL OnInitDialog();
	
};

文件名:USER_BAR_CLASS_DLG.cpp

// USER_BAR_CLASS_DLG.cpp: 实现文件

/*
作者 :guangjie2333
时间 :2021.10.5
单位 :SZU
版本 :V1.0.0
*/

#include "pch.h"
#include "MFCApplication1.h"
#include "USER_BAR_CLASS_DLG.h"
#include "afxdialogex.h"




// USER_BAR_CLASS_DLG 对话框

IMPLEMENT_DYNAMIC(USER_BAR_CLASS_DLG, CDialogEx)

//构造函数,也是初始化函数
USER_BAR_CLASS_DLG::USER_BAR_CLASS_DLG(CWnd* pParent /*=nullptr*/)
	: CDialogEx(IDD_DIALOG1, pParent)
{
	
}

USER_BAR_CLASS_DLG::~USER_BAR_CLASS_DLG()
{
}

void USER_BAR_CLASS_DLG::DoDataExchange(CDataExchange* pDX)
{
	CDialogEx::DoDataExchange(pDX);
	DDX_Control(pDX, IDC_SLIDER_V, m_SliderV);
	DDX_Control(pDX, IDC_SLIDER_S, m_SliderS);
	DDX_Control(pDX, IDC_SLIDER_H, m_SliderH);



}


BEGIN_MESSAGE_MAP(USER_BAR_CLASS_DLG, CDialogEx)
	ON_WM_HSCROLL()
	ON_WM_CREATE()
END_MESSAGE_MAP()


// USER_BAR_CLASS_DLG 消息处理程序





void USER_BAR_CLASS_DLG::OnHScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)
{
	UpdateData(TRUE);
	HSV_SLIDER_STRUCT hsv_slider_struct;

	// TODO: 在此添加消息处理程序代码和/或调用默认值
	CSliderCtrl* pSlidCtrl = (CSliderCtrl*)GetDlgItem(IDC_SLIDER_H);
	//m_int 即为当前滑块的值。
	int m_int =  pSlidCtrl->GetPos();//取得当前位置值  
	SetDlgItemInt(IDC_EDIT_Slider_H, m_int); 
	hsv_slider_struct.H_slider = m_int;       //将当前滚动条h值存入结构体

	pSlidCtrl = (CSliderCtrl*)GetDlgItem(IDC_SLIDER_S);
	m_int = pSlidCtrl->GetPos();//取得当前位置值  
	SetDlgItemInt(IDC_EDIT_Slider_S, m_int);
	hsv_slider_struct.S_slider = m_int;            //将当前s值存入结构体

	pSlidCtrl = (CSliderCtrl*)GetDlgItem(IDC_SLIDER_V);
	m_int = pSlidCtrl->GetPos();//取得当前位置值  
	SetDlgItemInt(IDC_EDIT_Slider_V, m_int);
	hsv_slider_struct.V_slider = m_int;            //将当前h值存入结构体

	// 传值 
	::SendMessage(phwnd, WM_GET_DIALOG_HSV_SLIDER_VAL,(WPARAM)&hsv_slider_struct, 0);

	CDialogEx::OnHScroll(nSBCode, nPos, pScrollBar);
	UpdateData(FALSE);

}



BOOL USER_BAR_CLASS_DLG::OnInitDialog()
{
	CDialogEx::OnInitDialog();
	m_SliderH.SetRange(0, 100);		//设置滑动范围为0到100
	m_SliderS.SetRange(0, 100);
	m_SliderV.SetRange(0, 100);

	m_SliderH.SetTicFreq(1);		//设置滑动刻度
	m_SliderS.SetTicFreq(1);
	m_SliderV.SetTicFreq(1);

	m_SliderH.SetPos(50);			//设置初始刻度
	m_SliderS.SetPos(50);
	m_SliderV.SetPos(50);

	return TRUE;  // return TRUE unless you set the focus to a control
				  // 异常: OCX 属性页应返回 FALSE
}


要点提示:
1.如何新建一个对话框?
首先要切换到资源视图
【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节
选择资源
【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节
选择Dialog
【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节
右键单击空白区域选择添加类
【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节
输入你的类名称就大功告成了,这样你的界面就和你的代码联系起来了。
【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节
2. 老师ppt的公式有问题,详情参见 USER_RGB_HSV_CLASS.cpp注释部分

3.两个MFC窗口之间如何传递值?我如果要传的值是结构体怎么办?
有些小细节我没有注释;

现在有四个问题 :a. 我要把值传到哪里?
b.我想传什么就传什么吗?
c.怎么传?
d.怎么让被接受的窗口接收?

首先解决第一个问题 :我要传到哪?
我的目标是把子窗口的滚动条的值传递到主窗口,所以我的子窗口应该有一个变量去保存主窗口的信息。
于是在子窗口的类中需要添加一个public变量方便赋值。

	HWND phwnd;				//窗口变量,用于两个窗口之间传输值

第二个问题:我想传什么就传什么吗?
答案是no
它的底层函数传的unsigned int*的地址。
但是幸运的是,它可以传指针,那这和想传什么就传什么没什么本质上的区别了。
因为指针是可以随便解析和转换的。

问题三:怎么传???

// 传值 
	::SendMessage(phwnd, WM_GET_DIALOG_HSV_SLIDER_VAL,(WPARAM)&hsv_slider_struct, 0);

第一个参数表示传到哪里,第二个参数的意义由问题四解答,第三个参数传的是地址,第四个默认0就好了。

问题四:怎么让被接受的窗口接收?
两个人通信需要一根"电话线"吧,那么 WM_GET_DIALOG_HSV_SLIDER_VAL就是那根“电话线”。
一旦出现 WM_GET_DIALOG_HSV_SLIDER_VAL出现就意味着电话线的一方要向另一方发消息了。

发消息

// 传值 
	::SendMessage(phwnd, WM_GET_DIALOG_HSV_SLIDER_VAL,(WPARAM)&hsv_slider_struct, 0);

接收消息:
首先要声明一个消息处理函数
【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节

然后将消息处理函数和“电话线绑定”
【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节

最后,往消息处理函数里添加内容
【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节

4.提示一下Slider控件(滚动条)的使用

a.声明一下滚动条变量
【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节
将控件ID和变量联系(有点类似androidstudio的操作)
【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节

b.在初始化函数中初始化滚动条信息。需要注意的是,这个OnInitDialog函数是一个虚函数,要在类向导中添加。
【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节
【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节
【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节

感想

很久没有这么花时间去弄代码了,很多东西生疏了。MFC这东西很少接触,很多小功能要到处查资料才能实现。怎么说呢,也算是培养了自己的学习能力吧,但是太耗时间了,要不是国庆假期可以有时间弄一下,平常不可能这样花时间去弄的。一开始打算就一天拿下的,结果耗费了比较长的时间,但是不得不说学到了一些东西,解决问题的能力和改bug的能力有一定的提升。

其中最令人不舒服的就是,老师的ppt公式就有问题,我一直以为是我代码哪个地方错了,花了很长时间不停地调试,最后才发现原来不是我的问题。

这个故事给我一个启示:只有确保源头的水是清澈的,才能去考虑如何治理下游的污水。
同时还说明了一个道理:不要相信老师的ppt就一定是对的,原理不清楚的情况下不要贸然的建工程。

实验结果:
【雷老师的图像处理】使用MFC实现将图像的RGB值转换到HSV空间,同时进行调节HSV,再将调节后的HSV值传进去转换到RGB空间实现图像在HSV空间中的色度、饱和度、亮度的调节

上一篇:Python-opencv学习第二课:图像色彩


下一篇:matlab常用指令合集(一)