Вычисление правильного положения изображения в элементе управления изображением и правильное рисование фона (в диалоговом окне MFC)

#image #visual-c #mfc #dialog

#изображение #visual-c #mfc #диалоговое окно

Вопрос:

У меня есть этот диалог:

введите описание изображения здесь

Вот RC для диалогового окна:

 IDD_DIALOG_SPECIAL_EVENT_VIDEOCONF DIALOGEX 0, 0, 541, 233
STYLE DS_SETFONT | DS_FIXEDSYS | WS_POPUP | WS_VISIBLE | WS_CAPTION | WS_SYSMENU | WS_THICKFRAME
EXSTYLE WS_EX_APPWINDOW
CAPTION "Special Event — Videoconference"
FONT 8, "MS Shell Dlg", 0, 0, 0x1
BEGIN
    GROUPBOX        "Details",IDC_STATIC,7,7,301,201
    LTEXT           "Path to image to display:",IDC_STATIC,15,22,80,8
    CONTROL         "",IDC_BROWSE_SPECIAL_EVENT_VIDEOCONF_PATH_IMAGE,
                    "MfcEditBrowse",WS_BORDER | WS_TABSTOP | 0x880,14,32,288,14
    LTEXT           "50%",IDC_STATIC,13,49,16,8
    CONTROL         "",IDC_SLIDER_SPECIAL_EVENT_VIDEOCONF_IMAGE_WIDTH,
                    "msctls_trackbar32",TBS_AUTOTICKS | TBS_BOTH | WS_TABSTOP,8,58,294,15
    LTEXT           "Width of image:",IDC_STATIC,15,77,52,8
    LTEXT           "%",IDC_STATIC_SPECIAL_EVENT_VIDEOCONF_IMAGE_WIDTH,70,77,19,8
    LTEXT           "Text to display before the image:",IDC_STATIC,15,97,108,8
    EDITTEXT        IDC_EDIT_SPECIAL_EVENT_VIDEOCONF_TEXT_BEFORE_IMAGE,14,109,288,37,ES_MULTILINE | ES_AUTOVSCROLL | WS_VSCROLL
    LTEXT           "Text to display after the image:",IDC_STATIC,16,152,102,8
    EDITTEXT        IDC_EDIT_SPECIAL_EVENT_VIDEOCONF_TEXT_AFTER_IMAGE,14,163,288,37,ES_MULTILINE | ES_AUTOVSCROLL | WS_VSCROLL
    DEFPUSHBUTTON   "OK",IDOK,198,212,50,14
    PUSHBUTTON      "Cancel",IDCANCEL,252,212,50,14
    LTEXT           "100%",IDC_STATIC,287,48,20,8
    GROUPBOX        "Image Preview",IDC_STATIC,314,7,224,201
    CONTROL         "",IDC_STATIC_IMAGE_PREVIEW,"Static",SS_OWNERDRAW,321,18,210,181
END
  

На нем есть элемент управления изображением. Я установил его как рисунок владельца. Диалоговое окно загружает изображение в a CImage , когда пользователь просматривает файл:

 void CSpecialEventVideoconferenceInfoDlg::OnEnChangeBrowseSpecialEventVideoconfPathImage()
{
    CString strImagePath;
    GetDlgItemText(IDC_BROWSE_SPECIAL_EVENT_VIDEOCONF_PATH_IMAGE, strImagePath);
    m_imgPreview.Load(strImagePath);
}
  

И рендеринг выполняется следующим образом:

 void CSpecialEventVideoconferenceInfoDlg::OnDrawItem(int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct)
{
    if (nIDCtl == IDC_STATIC_IMAGE_PREVIEW amp;amp; !m_imgPreview.IsNull())
    {
        SetStretchBltMode(lpDrawItemStruct->hDC, HALFTONE);
        CRect dest(lpDrawItemStruct->rcItem);
        float nRatioImage = m_imgPreview.GetWidth() / (float)m_imgPreview.GetHeight();
        float nRatioDest = dest.Width() / (float)dest.Height();
        CRect rectDraw = dest;
        if (nRatioImage > nRatioDest)
            rectDraw.SetRect(0, 0, rectDraw.right, rectDraw.right / nRatioImage);
        else if (nRatioImage < nRatioDest)
            rectDraw.SetRect(0, 0, rectDraw.bottom * nRatioImage, rectDraw.bottom);
        m_imgPreview.Draw(lpDrawItemStruct->hDC, rectDraw);
    }
}
  

Здесь у меня две проблемы, которые я пока не могу решить:

  1. Изображение не отображается централизованно в моем контейнере:

введите описание изображения здесь

  1. Элемент управления изображением неправильно стирает фон, если я решу использовать другое изображение:

введите описание изображения здесь

Обновить

Если я настрою код следующим образом:

 void CSpecialEventVideoconferenceInfoDlg::OnDrawItem(int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct)
{
    if (nIDCtl == IDC_STATIC_IMAGE_PREVIEW amp;amp; !m_imgPreview.IsNull())
    {
        SetStretchBltMode(lpDrawItemStruct->hDC, HALFTONE);
        FillRect(lpDrawItemStruct->hDC, amp;lpDrawItemStruct->rcItem, (HBRUSH)GetStockObject(WHITE_BRUSH));
        CRect dest(lpDrawItemStruct->rcItem);
        float nRatioImage = m_imgPreview.GetWidth() / (float)m_imgPreview.GetHeight();
        float nRatioDest = dest.Width() / (float)dest.Height();
        CRect rectDraw = dest;
        if (nRatioImage > nRatioDest)
            rectDraw.SetRect(0, 0, rectDraw.right, rectDraw.right / nRatioImage);
        else if (nRatioImage < nRatioDest)
            rectDraw.SetRect(0, 0, rectDraw.bottom * nRatioImage, rectDraw.bottom);
        m_imgPreview.Draw(lpDrawItemStruct->hDC, rectDraw);
    }
}
  

… это решает вторую проблему. Он использует FillRect . Так что это просто изменение моего кода для централизации изображения для решения.

Ответ №1:

Вот мое решение:

 void CSpecialEventVideoconferenceInfoDlg::OnDrawItem(int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct)
{
    if (nIDCtl == IDC_STATIC_IMAGE_PREVIEW amp;amp; !m_imgPreview.IsNull())
    {
        SetStretchBltMode(lpDrawItemStruct->hDC, HALFTONE);
        FillRect(lpDrawItemStruct->hDC, amp;lpDrawItemStruct->rcItem, (HBRUSH)GetStockObject(WHITE_BRUSH));
        CRect dest(lpDrawItemStruct->rcItem);
        float nRatioImage = m_imgPreview.GetWidth() / (float)m_imgPreview.GetHeight();
        float nRatioDest = dest.Width() / (float)dest.Height();
        CRect rectDraw = dest;
        if (nRatioImage > nRatioCanvas)
            rectDraw.SetRect(0, 0, rectDraw.right, (int)(rectDraw.right / nRatioImage));
        else if (nRatioImage < nRatioCanvas)
            rectDraw.SetRect(0, 0, (int)(rectDraw.bottom * nRatioImage), rectDraw.bottom);

        rectDraw.DeflateRect(5, 5);
        CSize ptOffset = dest.CenterPoint() - rectDraw.CenterPoint();
        rectDraw.OffsetRect(ptOffset);
        FrameRect(lpDrawItemStruct->hDC, amp;lpDrawItemStruct->rcItem, (HBRUSH)GetStockObject(BLACK_BRUSH));
        m_imgPreview.Draw(lpDrawItemStruct->hDC, rectDraw);
    }
}
  
  1. Я использую FillRect для очистки фона.
  2. Я использую CenterPoint и OffsetRect для разработки нового центра.
  3. Я использую FrameRect , чтобы добавить красивый прямоугольник вокруг изображения.