Duilib实现GroupBox控件

转载:http://blog.csdn.net/asd313346541/article/details/47055113

原作者的源码上说：右边线和下边线显示不出来：

后来经过调试研究测试猜测应该是没有给控件设置borderround属性，后来设置后出来效果：

最后放上源码(稍微做了修改)：

.h文件

 #ifndef _UIGROUPBOX_H_
 #define _UIGROUPBOX_H_

 #define  GROUPBOX_TEXT_OFFSET        40        //定义GroupBox中的Text相对于左边的偏移

 class CGroupBoxUI :public CContainerUI
 {
 public:
     CGroupBoxUI();

     ~CGroupBoxUI();

     virtual LPCTSTR GetClass() const;

     virtual LPVOID GetInterface(LPCTSTR pstrName);

     virtual void SetAttribute(LPCTSTR pstrName, LPCTSTR pstrValue);

     void PaintText(HDC hDC);

     void PaintBorder(HDC hDC);

     void SetTextColor(DWORD dwTextColor);

     void SetFont(int iFont);

     void SetShowHtml(bool bShowHtml);

 private:
     DWORD    m_dwTextColor;        ///字休颜色
     int        m_iFont;            ///字体号，大小
     bool    m_bShowHtml;        ///是否显示HTML代码
     int        m_iTextWidth;        ///Text文字宽
     int        m_iTextHeigh;        ///Text文字高
 };

 #endif//_UIGROUPBOX_H_

.cpp文件

 #include "stdafx.h"
 #include "UIGroupBox.h"

 CGroupBoxUI::CGroupBoxUI() :m_iFont(-), m_bShowHtml(false)
 {

 }

 CGroupBoxUI::~CGroupBoxUI()
 {
 }

 ///    @return LPCTSTR 返回控件类名
 ///    @note    本函数返回控件类，格式为LPCTSTR
 LPCTSTR CGroupBoxUI::GetClass() const
 {
     return TEXT("GroupBoxUI");
 }

 /// @return LPVOID类型
 ///    @note 获取接口
 LPVOID CGroupBoxUI::GetInterface(LPCTSTR pstrName)
 {
     if (_tcscmp(pstrName, TEXT("GroupBox")) == )
     {
         return static_cast<CGroupBoxUI*>(this);
     }

     return CContainerUI::GetInterface(pstrName);
 }

 ///    设置控件属性
 /// @param pstrname        欲设置的属性名称，LPCTSTR类型
 /// @param pstrValue    欲设置的属性值，LPCTSTR类型
 /// @see                CControlUI::SetAttribute()
 /// @note                重载基类，增加部分基类没有的属性
 void CGroupBoxUI::SetAttribute(LPCTSTR pstrName, LPCTSTR pstrValue)
 {
     if (_tcscmp(pstrName, _T("font")) == ) SetFont(_ttoi(pstrValue));
     else if (_tcscmp(pstrName, _T("textcolor")) == )
     {
         if (*pstrValue == _T('#')) pstrValue = ::CharNext(pstrValue);
         LPTSTR pstr = NULL;
         DWORD clrColor = _tcstoul(pstrValue, &pstr, );
         SetTextColor(clrColor);
     }
     else if (_tcscmp(pstrName, _T("showhtml")) == )
         SetShowHtml(_tcscmp(pstrValue, _T("true")) == );

     else CControlUI::SetAttribute(pstrName, pstrValue);
 }

 /// 设置控件文字颜色
 /// @param    dwTextColor        欲设置的文字颜色
 /// @note    设置文字颜色，并立即刷新
 void CGroupBoxUI::SetTextColor(DWORD dwTextColor)
 {
     m_dwTextColor = dwTextColor;
     Invalidate();
 }

 /// 设置控件字体
 /// @param    iFont        欲设置的字体号
 /// @note    设置字体，并立即刷新
 void CGroupBoxUI::SetFont(int iFont)
 {
     m_iFont = iFont;
     Invalidate();
 }

 void CGroupBoxUI::SetShowHtml(bool bShowHtml)
 {
     if (m_bShowHtml == bShowHtml) return;

     m_bShowHtml = bShowHtml;
     Invalidate();
 }

 /// 关键部分
 void CGroupBoxUI::PaintText(HDC hDC)
 {
     //如果没有设置字体颜色，则用默认设置
     if (m_dwTextColor == )
     {
         m_dwTextColor = m_pManager->GetDefaultFontColor();
     }

     RECT rc;        //文字输出位置
     rc = GetPos();

     rc.left = rc.left + m_cxyBorderRound.cx + GROUPBOX_TEXT_OFFSET;    //这个地方采用了硬编码的方式，不知道怎么计算文字应该放的位置

     HFONT hOldFont = (HFONT)::SelectObject(hDC, m_pManager->GetFont(m_iFont));
     Gdiplus::Graphics graphics(hDC);
     Gdiplus::Font font(hDC);
     graphics.SetTextRenderingHint(Gdiplus::TextRenderingHintSystemDefault);
     graphics.SetSmoothingMode(Gdiplus::SmoothingModeHighQuality);
     graphics.SetInterpolationMode(Gdiplus::InterpolationModeHighQualityBicubic);
     Gdiplus::RectF rectF((Gdiplus::REAL)rc.left, (Gdiplus::REAL)rc.top, (Gdiplus::REAL)(rc.right - rc.left), (Gdiplus::REAL)(rc.bottom - rc.top));
     Gdiplus::SolidBrush brush(Gdiplus::Color(, GetBValue(m_dwTextColor), GetGValue(m_dwTextColor), GetRValue(m_dwTextColor)));

     Gdiplus::StringFormat stringFormat = Gdiplus::StringFormat::GenericTypographic();
     Gdiplus::RectF bounds;
     graphics.MeasureString(m_sText, -, &font, rectF, &stringFormat, &bounds);

     // MeasureString存在计算误差，这里加一像素
     rc.bottom = rc.top + (long)bounds.Height + ;        //这两句是从UIRender.cpp中DrawText()中拷出来的，不知道意义何在
     rc.right = rc.left + (long)bounds.Width + ;

     m_iTextWidth = (int)bounds.Width;
     m_iTextHeigh = (int)bounds.Height;

     graphics.DrawString(m_sText, -, &font, rectF, &stringFormat, &brush);

     ::SelectObject(hDC, hOldFont);
 }

 void CGroupBoxUI::PaintBorder(HDC hDC)
 {
     RECT rc = GetPos();        //画框框时的位置

     rc.top += (m_iTextHeigh * ) / ;        //最顶部的线移到Text的中下部

     int nSize = m_nBorderSize;
     //DWORD dwPenColor = m_dwBorderColor;
     Gdiplus::Graphics graphics(hDC);

     //消除锯齿
     graphics.SetSmoothingMode(SmoothingModeHighQuality);
     //const Gdiplus::Pen pen(Gdiplus::Color::Red, 1.0f);

     DWORD dwPenColor = GetAdjustColor(m_dwBorderColor);
     ASSERT(::GetObjectType(hDC) == OBJ_DC || ::GetObjectType(hDC) == OBJ_MEMDC);
     HPEN hPen = ::CreatePen(PS_SOLID | PS_INSIDEFRAME, nSize, RGB(GetBValue(dwPenColor), GetGValue(dwPenColor), GetRValue(dwPenColor)));
     HPEN hOldPen = (HPEN)::SelectObject(hDC, hPen);
     ::SelectObject(hDC, ::GetStockObject(HOLLOW_BRUSH));

     //定位四个圆角的位置
     RECT rcTopLeftCorner = { rc.left, rc.top, rc.left +  * m_cxyBorderRound.cx, rc.top +  * m_cxyBorderRound.cy };
     RECT rcTopRightCorner = { rc.right -  * m_cxyBorderRound.cx, rc.top, rc.right, rc.top +  * m_cxyBorderRound.cy };
     RECT rcBottomLeftCorner = { rc.left, rc.bottom -  * m_cxyBorderRound.cy, rc.left +  * m_cxyBorderRound.cx, rc.bottom };
     RECT rcBottomRightCorner = { rc.right -  * m_cxyBorderRound.cx, rc.bottom -  * m_cxyBorderRound.cy, rc.right, rc.bottom };

     //画四个圆角
     const Gdiplus::Pen pen(Gdiplus::Color(GetBValue(dwPenColor), GetGValue(dwPenColor), GetRValue(dwPenColor)), (float)m_nBorderSize);
     graphics.DrawArc(&pen, rcTopLeftCorner.left, rcTopLeftCorner.top, rcTopLeftCorner.right - rcTopLeftCorner.left, rcTopLeftCorner.bottom - rcTopLeftCorner.top, 180.0f, 90.0f);//左上角
     graphics.DrawArc(&pen, rcTopRightCorner.left, rcTopRightCorner.top, rcTopRightCorner.right - rcTopRightCorner.left, rcTopRightCorner.bottom - rcTopRightCorner.top, 270.0f,90.0f);//右上角
     graphics.DrawArc(&pen, rcBottomLeftCorner.left, rcBottomLeftCorner.top, rcBottomLeftCorner.right - rcBottomLeftCorner.left, rcBottomLeftCorner.bottom - rcBottomLeftCorner.top, 90.0f, 90.0f);//左下角
     graphics.DrawArc(&pen, rcBottomRightCorner.left, rcBottomRightCorner.top, rcBottomRightCorner.right - rcBottomRightCorner.left-, rcBottomRightCorner.bottom - rcBottomRightCorner.top-, 0.0f, 90.0f);//右下角

     //画线----GDI
     MoveToEx(hDC, rc.left, rc.top + m_cxyBorderRound.cy, NULL);            //左边线
     LineTo(hDC, rc.left, rc.bottom - m_cxyBorderRound.cy);

     MoveToEx(hDC, rc.left + m_cxyBorderRound.cx, rc.top, NULL);            //上第一条线
     LineTo(hDC, rc.left + m_cxyBorderRound.cx + GROUPBOX_TEXT_OFFSET - , rc.top);        //-5 是为了给Text增加左边间距

     MoveToEx(hDC, rc.left + m_cxyBorderRound.cx + GROUPBOX_TEXT_OFFSET + m_iTextWidth + , rc.top, NULL);        //上第二条线，+5是为了给Text增加右边间距
     LineTo(hDC, rc.right - m_cxyBorderRound.cx, rc.top);

     MoveToEx(hDC, rc.right, rc.top + m_cxyBorderRound.cy, NULL);        //右边线
     LineTo(hDC, rc.right, rc.bottom - m_cxyBorderRound.cy);

     MoveToEx(hDC, rc.left + m_cxyBorderRound.cx, rc.bottom, NULL);     //下边线
     LineTo(hDC, rc.right - m_cxyBorderRound.cx, rc.bottom);

     ::SelectObject(hDC, hOldPen);
     ::DeleteObject(hPen);
 }

xml布局:

 <GroupBox text="测试"  textcolor="#FF989898"  float="true" pos="125,55,0,0" width="256" height="80" bordercolor="#FF989898" bordersize="1"  borderround="4,4" font="1"/>

在窗口中自定义控件：

 CControlUI* CFrameWnd::CreateControl(LPCTSTR pstrClass)
 {
     if (_tcscmp(pstrClass,_T("GroupBox")) == )
     {
         return new CGroupBoxUI;
     }
     return NULL;
 }

源码demo:GroupBox控件