项目【MFC】（四）——鼠标滚轮缩放图像

初始状态：

放大后 ：

 

功能： 鼠标需放在图片控件窗口，然后通过滚轮实现图片缩放，并实时显示当前分辨率和缩放倍数。

 

实现：

1、首先需要判断，鼠标是否停留在图片窗口，若是则响应滚轮事件；否则不响应。

2、判断是缩小，还是放大。

3、缩放时按一定步长缩放，步长可为：0.01，0.02.....等等。

4、显示更新分辨率、缩放倍数。

 

选中控件右击——>选择【类向导】——》【消息选择】->【滚轮】。如下：

 

 然后跳转至消息代码，添加程序：

//滚轮缩放
BOOL CTouch_test_CKV10Dlg::OnMouseWheel(UINT nFlags, short zDelta, CPoint pt)
{
	// TODO: Add your message handler code here and/or call default
	UpdateData(TRUE);
	if (Frame_Num > 0){
		CRect rect;
		GetDlgItem(IDC_STATIC_IMG)->GetWindowRect(&rect);//获取MFC图像显示区域
		Point p(pt.x, pt.y);//opencv鼠标坐标(相对屏幕)
	//	ScreenToClient(rect);//转化为对话框上的相对位置
		Rect r(rect.left, rect.top, rect.right - rect.left, rect.bottom - rect.top);//opencv窗口显示区域

		if (r.contains(p)) //鼠标放在图片窗口
		{
			if (zDelta > 0)//放大图片
			{
				g_iZoom = g_iZoom + g_iRadio;
				if (g_iZoom <= 1)
					m_resize = g_iZoom * 4;
				else
					m_resize = g_iZoom + 3;

				resize(img, resize_mat, Size(), m_resize, m_resize, INTER_NEAREST); //按比例放大图片
				//分辨率
				RX = resize_mat.cols;
				RY = resize_mat.rows;
				
				zoom = true;
				pre_zoom = true;
			}

            else if (zDelta < 0)//缩小图片
			{
				g_iZoom = g_iZoom - g_iRadio;
				if (g_iZoom <= 1)
					m_resize = g_iZoom * 4;
				else
					m_resize = g_iZoom + 3;

				if (g_iZoom>0.1){
					resize(img, resize_mat, Size(), m_resize, m_resize, INTER_NEAREST); //按比例缩小图片
					RX = resize_mat.cols;
					RY = resize_mat.rows;
				}
				else{
					IContinue;
				}
				zoom = true;
				pre_zoom = true;//前一张缩放
				//分辨率
				RX = resize_mat.cols;
				RY = resize_mat.rows;
			}
			tx = 0;
			ty = 0;
			imshow("view", resize_mat);//显示缩放后图片
			waitKey(1);
		}
		UpdateData(FALSE);
		return CDialogEx::OnMouseWheel(nFlags, zDelta, pt);
	}
}

注意！！！

1、获取鼠标的位置、以及图片控件窗口的位置

为了判断鼠标是不是停留在图片窗口，那就需要先获取鼠标的位置、以及图片控件窗口的位置，代码如下：

        CRect rect;
		GetDlgItem(IDC_STATIC_IMG)->GetWindowRect(&rect);//获取MFC图像显示区域
		Point p(pt.x, pt.y);//获取opencv鼠标坐标(相对屏幕)
	//	ScreenToClient(rect);//转化为对话框上的相对位置
		Rect r(rect.left, rect.top, rect.right - rect.left, rect.bottom - 
         rect.top);//opencv窗口显示区域

这就要注意了，这里鼠标的坐标是相对电脑屏幕，图片控件窗口的位置也是相对电脑屏幕的，而不是相对界面本身，但是鼠标点击事件却是不一样，关于鼠标点击事件后面讨论。

所以不需要把图片控件窗口的位置转化为与对话框上的相对位置。还有，上面的矩形类Rect，前面是左，上顶点坐标，后面是长和宽，要注意下！

2、鼠标是不是停留在图片窗口

if (r.contains(p)) //鼠标放在图片窗口（Opencv的API）
 {

}

3、缩小/放大

由参数zDelta确定！