图片放大缩小滚动条

cxnet

C++ MFC 将Mat图置于Picture control中，怎样将图片放大缩小预览，当图像变大时Picture control控件自动显示水平和垂直滚动条用于上下左右移动图片

FishC

在C++ MFC中将Mat图像放置于Picture Control中，并实现图像的缩放和滚动条功能，可以按以下步骤进行：

1. **Picture Control的初始化与Mat图像显示**：
   - 在对话框资源编辑器中添加一个Picture Control。
   - 使用OpenCV将Mat图像转化为HBITMAP，然后在`OnPaint`函数中使用`CDC::BitBlt`或`CDC::StretchBlt`将HBITMAP绘制到Picture Control上。

2. **缩放功能的实现**：
   - 添加鼠标滚轮消息的处理，在`OnMouseWheel`中实现缩放逻辑。
   - 可以通过调整Mat格式图像的尺寸（使用OpenCV的`resize`函数）来实现缩放。
   
3. **滚动条的处理**:
   - 使用CScrollView代替默认的CWnd。这样可以自动管理滚动条。
   - 重载`SetScrollSizes(MM_TEXT, CSize)`来设置滚动区域的大小。
   - 在缩放时，根据新的图像尺寸调整滚动条大小。

4. **示例代码框架**：

  

1. BOOL CYourDlg::OnInitDialog()
   
2.    {
   
3.        CDialogEx::OnInitDialog();
   
4. 
   
5.        // 初始化滚动条、加载图片等
   
6.        UpdateImageView();
   
7. 
   
8.        return TRUE;
   
9.    }
   
10. 
    
11.    void CYourDlg::UpdateImageView()
    
12.    {
    
13.        CClientDC dc(this);
    
14.        CRect rect;
    
15.        GetClientRect(&rect);
    
16. 
    
17.        // 计算图像显示区域，注意缩放比例调整
    
18.        // 使用OpenCV的resize函数调整Mat图像尺寸
    
19. 
    
20.        // Set滚动条
    
21.        SetScrollSizes(MM_TEXT, CSize(image.cols, image.rows));
    
22.    }
    
23. 
    
24.    void CYourDlg::OnMouseWheel(UINT nFlags, short zDelta, CPoint pt)
    
25.    {
    
26.        // 根据zDelta来调整缩放比例
    
27.        double scaleFactor = (zDelta > 0) ? 1.1 : 0.9;
    
28.        // 对Mat图像进行resize
    
29.        cv::resize(originalImage, scaledImage, Size(), scaleFactor, scaleFactor);
    
30. 
    
31.        // 更新视图和滚动条
    
32.        UpdateImageView();
    
33. 
    
34.        CDialogEx::OnMouseWheel(nFlags, zDelta, pt);
    
35.    }

复制代码

通过以上步骤，完善你的对话框类，使其能够支持图像的缩放和滚动。请注意具体实现时需要检查各个OpenCV和MFC函数的适用情况。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

cxnet

FishC 发表于 2024-10-22 18:31
在C++ MFC中将Mat图像放置于Picture Control中，并实现图像的缩放和滚动条功能，可以按以下步骤进行：

1 ...

请给出详细的代码

FishC

cxnet 发表于 2024-10-22 18:47
请给出详细的代码

实现该功能需要详细进行以下步骤：

### 1. 添加控件和类

确保在MFC对话框中添加一个Picture Control，并创建一个新的对话框类（例如，`CImageViewerDlg`）。

### 2. 转换Mat为HBITMAP

使用OpenCV将Mat图像转换为HBITMAP：

1. HBITMAP MatToHBITMAP(const cv::Mat& mat)
   
2. {
   
3.     cv::Mat temp;
   
4.     cv::cvtColor(mat, temp, cv::COLOR_BGR2BGRA);
   
5. 
   
6.     HBITMAP hBitmap = CreateBitmap(temp.cols, temp.rows, 1, 32, temp.data);
   
7.     return hBitmap;
   
8. }

复制代码

### 3. 初始化滚动视图

在对话框类中初始化滚动条和处理绘图：

1. BOOL CImageViewerDlg::OnInitDialog()
   
2. {
   
3.     CDialogEx::OnInitDialog();
   
4. 
   
5.     // 将图片加载到Mat对象
   
6.     m_matImage = cv::imread("your_image_path.jpg");
   
7. 
   
8.     // 初始化滚动条
   
9.     CScrollBar* pHScrollBar = GetScrollBarCtrl(SB_HORZ);
   
10.     CScrollBar* pVScrollBar = GetScrollBarCtrl(SB_VERT);
    
11. 
    
12.     if (pHScrollBar && pVScrollBar)
    
13.     {
    
14.         SCROLLINFO si;
    
15.         si.fMask = SIF_RANGE | SIF_PAGE;
    
16.         si.nMin = 0;
    
17.         si.nMax = m_matImage.cols - 1;
    
18.         si.nPage = 100; // 视图大小
    
19.         pHScrollBar->SetScrollInfo(&si);
    
20. 
    
21.         si.nMax = m_matImage.rows - 1;
    
22.         pVScrollBar->SetScrollInfo(&si);
    
23.     }
    
24. 
    
25.     return TRUE;
    
26. }

复制代码

### 4. 绘制图像

重载`OnPaint`来绘制Mat图像：

1. void CImageViewerDlg::OnPaint()
   
2. {
   
3.     CPaintDC dc(this);
   
4. 
   
5.     if (!m_matImage.empty())
   
6.     {
   
7.         HBITMAP hBitmap = MatToHBITMAP(m_matImage);
   
8.         CBitmap bitmap;
   
9.         bitmap.Attach(hBitmap);
   
10. 
    
11.         CDC memDC;
    
12.         memDC.CreateCompatibleDC(&dc);
    
13.         CBitmap* pOldBitmap = memDC.SelectObject(&bitmap);
    
14. 
    
15.         BITMAP bm;
    
16.         bitmap.GetBitmap(&bm);
    
17.         dc.BitBlt(0, 0, bm.bmWidth, bm.bmHeight, &memDC, 0, 0, SRCCOPY);
    
18. 
    
19.         memDC.SelectObject(pOldBitmap);
    
20.         DeleteObject(hBitmap);
    
21.     }
    
22. }

复制代码

### 5. 处理缩放

响应鼠标滚轮事件来缩放：

1. BOOL CImageViewerDlg::OnMouseWheel(UINT nFlags, short zDelta, CPoint pt)
   
2. {
   
3.     double scaleFactor = (zDelta > 0) ? 1.1 : 0.9;
   
4.     cv::resize(m_matImage, m_matImage, cv::Size(), scaleFactor, scaleFactor);
   
5. 
   
6.     // 更新滚动条信息
   
7.     CScrollBar* pHScrollBar = GetScrollBarCtrl(SB_HORZ);
   
8.     CScrollBar* pVScrollBar = GetScrollBarCtrl(SB_VERT);
   
9. 
   
10.     if (pHScrollBar && pVScrollBar)
    
11.     {
    
12.         SCROLLINFO si;
    
13.         si.fMask = SIF_RANGE | SIF_PAGE;
    
14.         si.nMin = 0;
    
15.         si.nMax = m_matImage.cols - 1;
    
16.         si.nPage = 100;
    
17.         pHScrollBar->SetScrollInfo(&si);
    
18. 
    
19.         si.nMax = m_matImage.rows - 1;
    
20.         pVScrollBar->SetScrollInfo(&si);
    
21.     }
    
22. 
    
23.     Invalidate();
    
24.     return CDialogEx::OnMouseWheel(nFlags, zDelta, pt);
    
25. }

复制代码

### 6. 滚动图片

处理滚动：

1. void CImageViewerDlg::OnHScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)
   
2. {
   
3.     // 滚动处理代码
   
4.     CDialogEx::OnHScroll(nSBCode, nPos, pScrollBar);
   
5. }
   
6. 
   
7. void CImageViewerDlg::OnVScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)
   
8. {
   
9.     // 滚动处理代码
   
10.     CDialogEx::OnVScroll(nSBCode, nPos, pScrollBar);
    
11. }

复制代码

### 总结

以上代码为你的对话框添加了图片缩放和滚动条功能，但要测试和调试，以确保配置正确并适应你的应用场景。请根据你的具体需求做出相应调整。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

cxnet

FishC 发表于 2024-10-22 18:56
实现该功能需要详细进行以下步骤：

### 1. 添加控件和类

这些代码中Picture Control的变量名称是或者ID名称是设置的什么？没有看明白

FishC

cxnet 发表于 2024-10-24 09:56
这些代码中Picture Control的变量名称是或者ID名称是 ...

在这些代码中，Picture Control的具体变量名称或ID没有指定，因为对Picture Control的操作通常是通过CDC在`OnPaint`中直接进行位图绘制。

如果你想通过变量进行访问，你可以为Picture Control添加一个控件变量。例如：

1. 在资源视图中，找到你的Picture Control。
2. 右键点击选择“添加变量”。
3. 为控件添加一个成员变量，例如：`m_PictureControl`。
4. 将控件的ID命名为合理的名称，例如：`IDC_PICTURE_CONTROL`。

之后，在代码中，你可以使用`m_PictureControl`进行访问和操作：

1. void CImageViewerDlg::OnPaint()
   
2. {
   
3.     CPaintDC dc(this);
   
4. 
   
5.     if (!m_matImage.empty())
   
6.     {
   
7.         HBITMAP hBitmap = MatToHBITMAP(m_matImage);
   
8.         CBitmap bitmap;
   
9.         bitmap.Attach(hBitmap);
   
10. 
    
11.         CDC memDC;
    
12.         memDC.CreateCompatibleDC(&dc);
    
13.         CBitmap* pOldBitmap = memDC.SelectObject(&bitmap);
    
14. 
    
15.         BITMAP bm;
    
16.         bitmap.GetBitmap(&bm);
    
17. 
    
18.         // 在m_PictureControl中绘制
    
19.         CRect rect;
    
20.         m_PictureControl.GetClientRect(&rect);
    
21.         dc.StretchBlt(0, 0, rect.Width(), rect.Height(), &memDC, 0, 0, bm.bmWidth, bm.bmHeight, SRCCOPY);
    
22. 
    
23.         memDC.SelectObject(pOldBitmap);
    
24.         DeleteObject(hBitmap);
    
25.     }
    
26. }

复制代码

这样可以确保图像绘制在指定的Picture Control中。请根据具体设计调整代码。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

cxnet

FishC 发表于 2024-10-22 18:56
实现该功能需要详细进行以下步骤：

### 1. 添加控件和类

请给出处理滚动的详细代码

FishC

cxnet 发表于 2024-10-24 10:28
请给出处理滚动的详细代码

下面是处理滚动条的详细代码示例：

### 滚动处理逻辑

1. **在类中添加成员变量**：

1. CPoint m_ScrollPos;  // 记录滚动位置

复制代码

2. **初始化滚动条**：

在`OnInitDialog`中设置滚动条：

1. BOOL CImageViewerDlg::OnInitDialog()
   
2. {
   
3.     CDialogEx::OnInitDialog();
   
4. 
   
5.     // 假设图片已经被加载到 m_matImage
   
6.     UpdateScrollInfo();
   
7. 
   
8.     return TRUE;
   
9. }

复制代码

3. **更新滚动信息**：

1. void CImageViewerDlg::UpdateScrollInfo()
   
2. {
   
3.     if (!m_matImage.empty())
   
4.     {
   
5.         CScrollBar* pHScrollBar = GetScrollBarCtrl(SB_HORZ);
   
6.         CScrollBar* pVScrollBar = GetScrollBarCtrl(SB_VERT);
   
7. 
   
8.         if (pHScrollBar && pVScrollBar)
   
9.         {
   
10.             SCROLLINFO si;
    
11.             si.fMask = SIF_RANGE | SIF_PAGE;
    
12.             si.nMin = 0;
    
13.             si.nPage = 100;
    
14.             si.nMax = m_matImage.cols - 1;
    
15.             pHScrollBar->SetScrollInfo(&si);
    
16. 
    
17.             si.nMax = m_matImage.rows - 1;
    
18.             pVScrollBar->SetScrollInfo(&si);
    
19.         }
    
20.     }
    
21. }

复制代码

4. **处理水平滚动**：

1. void CImageViewerDlg::OnHScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)
   
2. {
   
3.     int scrollPos;
   
4.     SCROLLINFO si = { sizeof(si), SIF_ALL };
   
5.     pScrollBar->GetScrollInfo(&si);
   
6. 
   
7.     switch (nSBCode)
   
8.     {
   
9.     case SB_LEFT:
   
10.         scrollPos = si.nMin;
    
11.         break;
    
12.     case SB_RIGHT:
    
13.         scrollPos = si.nMax;
    
14.         break;
    
15.     case SB_LINELEFT:
    
16.         scrollPos = max(si.nMin, si.nPos - 10);
    
17.         break;
    
18.     case SB_LINERIGHT:
    
19.         scrollPos = min(si.nMax, si.nPos + 10);
    
20.         break;
    
21.     case SB_PAGELEFT:
    
22.         scrollPos = max(si.nMin, si.nPos - (int)si.nPage);
    
23.         break;
    
24.     case SB_PAGERIGHT:
    
25.         scrollPos = min(si.nMax, si.nPos + (int)si.nPage);
    
26.         break;
    
27.     case SB_THUMBTRACK:
    
28.         scrollPos = nPos;
    
29.         break;
    
30.     default:
    
31.         return;
    
32.     }
    
33. 
    
34.     pScrollBar->SetScrollPos(scrollPos);
    
35.     m_ScrollPos.x = scrollPos;
    
36.     Invalidate();
    
37. }

复制代码

5. **处理垂直滚动**：

1. void CImageViewerDlg::OnVScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)
   
2. {
   
3.     int scrollPos;
   
4.     SCROLLINFO si = { sizeof(si), SIF_ALL };
   
5.     pScrollBar->GetScrollInfo(&si);
   
6. 
   
7.     switch (nSBCode)
   
8.     {
   
9.     case SB_TOP:
   
10.         scrollPos = si.nMin;
    
11.         break;
    
12.     case SB_BOTTOM:
    
13.         scrollPos = si.nMax;
    
14.         break;
    
15.     case SB_LINEUP:
    
16.         scrollPos = max(si.nMin, si.nPos - 10);
    
17.         break;
    
18.     case SB_LINEDOWN:
    
19.         scrollPos = min(si.nMax, si.nPos + 10);
    
20.         break;
    
21.     case SB_PAGEUP:
    
22.         scrollPos = max(si.nMin, si.nPos - (int)si.nPage);
    
23.         break;
    
24.     case SB_PAGEDOWN:
    
25.         scrollPos = min(si.nMax, si.nPos + (int)si.nPage);
    
26.         break;
    
27.     case SB_THUMBTRACK:
    
28.         scrollPos = nPos;
    
29.         break;
    
30.     default:
    
31.         return;
    
32.     }
    
33. 
    
34.     pScrollBar->SetScrollPos(scrollPos);
    
35.     m_ScrollPos.y = scrollPos;
    
36.     Invalidate();
    
37. }

复制代码

### 总结

这些代码实现了滚动条的基本处理功能，记得在`OnPaint`中使用`m_ScrollPos`来调整图片绘制位置。例如：

1. dc.StretchBlt(0, 0, rect.Width(), rect.Height(), &memDC, m_ScrollPos.x, m_ScrollPos.y, bm.bmWidth, bm.bmHeight, SRCCOPY);

复制代码

调整这些代码以适应你的具体需求和应用场景。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

cxnet

FishC 发表于 2024-10-24 10:28
下面是处理滚动条的详细代码示例：

### 滚动处理逻辑

提示错误
“GetScrollBarCtrl”: 找不到标识符

FishC

cxnet 发表于 2024-10-24 11:45
提示错误
“GetScrollBarCtrl”: 找不到标识符

对于MFC对话框，`GetScrollBarCtrl`适用于视图类而非对话框。你需要手动管理滚动条。以下是如何修改代码来处理滚动条的示例：

### 修改初始化滚动条

在`OnInitDialog`中，手动设置滚动条的范围和位置：

1. BOOL CImageViewerDlg::OnInitDialog()
   
2. {
   
3.     CDialogEx::OnInitDialog();
   
4. 
   
5.     // 假设图片已经被加载到 m_matImage
   
6.     UpdateScrollInfo();
   
7. 
   
8.     return TRUE;
   
9. }

复制代码

### 更新滚动信息

手动控制滚动条的更新：

1. void CImageViewerDlg::UpdateScrollInfo()
   
2. {
   
3.     if (!m_matImage.empty())
   
4.     {
   
5.         SCROLLINFO si;
   
6.         si.cbSize = sizeof(SCROLLINFO);
   
7.         si.fMask = SIF_RANGE | SIF_PAGE | SIF_POS;
   
8.         si.nMin = 0;
   
9.         si.nPage = 100;
   
10. 
    
11.         // 水平滚动信息
    
12.         si.nMax = m_matImage.cols - 1;
    
13.         si.nPos = m_ScrollPos.x;
    
14.         SetScrollInfo(SB_HORZ, &si, TRUE);
    
15. 
    
16.         // 垂直滚动信息
    
17.         si.nMax = m_matImage.rows - 1;
    
18.         si.nPos = m_ScrollPos.y;
    
19.         SetScrollInfo(SB_VERT, &si, TRUE);
    
20.     }
    
21. }

复制代码

### 处理水平滚动

手动调整水平滚动：

1. void CImageViewerDlg::OnHScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)
   
2. {
   
3.     int scrollPos = GetScrollPos(SB_HORZ);
   
4. 
   
5.     switch (nSBCode)
   
6.     {
   
7.     case SB_LEFT:
   
8.         scrollPos = 0;
   
9.         break;
   
10.     case SB_RIGHT:
    
11.         scrollPos = m_matImage.cols - 1;
    
12.         break;
    
13.     case SB_LINELEFT:
    
14.         scrollPos = max(0, scrollPos - 10);
    
15.         break;
    
16.     case SB_LINERIGHT:
    
17.         scrollPos = min(m_matImage.cols - 1, scrollPos + 10);
    
18.         break;
    
19.     case SB_PAGELEFT:
    
20.         scrollPos = max(0, scrollPos - 100);
    
21.         break;
    
22.     case SB_PAGERIGHT:
    
23.         scrollPos = min(m_matImage.cols - 1, scrollPos + 100);
    
24.         break;
    
25.     case SB_THUMBTRACK:
    
26.         scrollPos = nPos;
    
27.         break;
    
28.     default:
    
29.         return;
    
30.     }
    
31. 
    
32.     SetScrollPos(SB_HORZ, scrollPos);
    
33.     m_ScrollPos.x = scrollPos;
    
34.     Invalidate();
    
35. }

复制代码

### 处理垂直滚动

手动调整垂直滚动：

1. void CImageViewerDlg::OnVScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)
   
2. {
   
3.     int scrollPos = GetScrollPos(SB_VERT);
   
4. 
   
5.     switch (nSBCode)
   
6.     {
   
7.     case SB_TOP:
   
8.         scrollPos = 0;
   
9.         break;
   
10.     case SB_BOTTOM:
    
11.         scrollPos = m_matImage.rows - 1;
    
12.         break;
    
13.     case SB_LINEUP:
    
14.         scrollPos = max(0, scrollPos - 10);
    
15.         break;
    
16.     case SB_LINEDOWN:
    
17.         scrollPos = min(m_matImage.rows - 1, scrollPos + 10);
    
18.         break;
    
19.     case SB_PAGEUP:
    
20.         scrollPos = max(0, scrollPos - 100);
    
21.         break;
    
22.     case SB_PAGEDOWN:
    
23.         scrollPos = min(m_matImage.rows - 1, scrollPos + 100);
    
24.         break;
    
25.     case SB_THUMBTRACK:
    
26.         scrollPos = nPos;
    
27.         break;
    
28.     default:
    
29.         return;
    
30.     }
    
31. 
    
32.     SetScrollPos(SB_VERT, scrollPos);
    
33.     m_ScrollPos.y = scrollPos;
    
34.     Invalidate();
    
35. }

复制代码

### 总结

确保调用`UpdateScrollInfo`来调整滚动条的信息，并在`OnPaint`中使用`m_ScrollPos`调整绘制位置。这些代码应适合用于MFC对话框中的手动滚动处理。根据你的具体需求，进一步调整代码。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。