DuiDesigner控件Label无法设置文本对齐属性的BUG解决方案

最新推荐文章于 2022-06-10 08:17:49 发布
最新推荐文章于 2022-06-10 08:17:49 发布 · 419 阅读 · 0

本文详细介绍了Duilib资源编辑器中控件文本对齐功能的Bug修复过程，包括定位问题、修改代码及测试验证等步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、修复duilib资源编辑器的bug：label、按钮控件无法设置除了center之外的文本对齐方式
2、修复duilb文本显示对齐方式的逻辑错误代码，DT_LEFT和DT_RIGHT必须配合属性DT_SINGLELINE使用
3、另外添加了左对齐和右对齐文本显示属性默认纵向居中的逻辑，便于编排控件

首先解决文字绘制不支持左对齐的BUG，因为文字属于绘制逻辑实现的，所以我们先从视图的绘制开始找起。
void CUIDesignerView::OnDraw(CDC* pDrawDC)
找到这一行：
m_LayoutManager.Draw(&hCloneDC);
这个就是布局的绘制逻辑：
void CLayoutManager::Draw(CDC* pDC)
{
 CSize szForm = GetForm()->GetInitSize();
 CRect rcPaint(0, 0, szForm.cx, szForm.cy);
 CControlUI* pForm = m_Manager.GetRoot();

 pForm->DoPaint(pDC->GetSafeHdc(), rcPaint);

 CContainerUI* pContainer = static_cast<CContainerUI*>(pForm->GetInterface(_T("Container")));
 ASSERT(pContainer);
 DrawAuxBorder(pDC, pContainer->GetItemAt(0));
 DrawGrid(pDC, rcPaint);
}
再继续看：
void CControlUI::DoPaint(HDC hDC, const RECT& rcPaint)
{
    if( !::IntersectRect(&m_rcPaint, &rcPaint, &m_rcItem) ) return;

    // 绘制循序：背景颜色->背景图->状态图->文本->边框if( m_cxyBorderRound.cx > 0 || m_cxyBorderRound.cy > 0 ) {
        CRenderClip roundClip;
        CRenderClip::GenerateRoundClip(hDC, m_rcPaint,  m_rcItem, m_cxyBorderRound.cx, m_cxyBorderRound.cy, roundClip);
        PaintBkColor(hDC);
        PaintBkImage(hDC);
        PaintStatusImage(hDC);
        PaintText(hDC);
        PaintBorder(hDC);
    }
    else {
        PaintBkColor(hDC);
        PaintBkImage(hDC);
        PaintStatusImage(hDC);
        PaintText(hDC);
        PaintBorder(hDC);
    }
}
再跟进函数PaintText：
void CControlUI::PaintText(HDC hDC)
{
    return;
}
是一个空函数，一定是基类的虚函数，具体绘制实现在派生类对应的函数中，这里是为了解决按钮和label控件的文字绘制对齐问题，所以这里直接查看CLabelUI（CButtonUI继承自CLabelUI）的PaintText函数：
void CLabelUI::PaintText(HDC hDC)
    {
        if( m_dwTextColor == 0 ) m_dwTextColor = m_pManager->GetDefaultFontColor();
        if( m_dwDisabledTextColor == 0 ) m_dwDisabledTextColor = m_pManager->GetDefaultDisabledColor();

        RECT rc = m_rcItem;
        rc.left += m_rcTextPadding.left;
        rc.right -= m_rcTextPadding.right;
        rc.top += m_rcTextPadding.top;
        rc.bottom -= m_rcTextPadding.bottom;

        if(!GetEnabledEffect())
        {
            if( m_sText.IsEmpty() ) return;
            int nLinks = 0;
            if( IsEnabled() ) {
                if( m_bShowHtml )
                    CRenderEngine::DrawHtmlText(hDC, m_pManager, rc, m_sText, m_dwTextColor, \
                    NULL, NULL, nLinks, DT_SINGLELINE | m_uTextStyle);
                elseCRenderEngine::DrawText(hDC, m_pManager, rc, m_sText, m_dwTextColor, \
                    m_iFont, DT_SINGLELINE |m_uTextStyle);
            }
            else {
                if( m_bShowHtml )
                    CRenderEngine::DrawHtmlText(hDC, m_pManager, rc, m_sText, m_dwDisabledTextColor, \
                    NULL, NULL, nLinks, DT_SINGLELINE | m_uTextStyle);
                elseCRenderEngine::DrawText(hDC, m_pManager, rc, m_sText, m_dwDisabledTextColor, \
                    m_iFont, DT_SINGLELINE |m_uTextStyle);
            }
        }
        else
        {
            ……
        }
}
CRenderEngine::DrawText最后是调用API函数DrawText绘制的文本：
void CRenderEngine::DrawText(HDC hDC, CPaintManagerUI* pManager, RECT& rc, LPCTSTR pstrText, DWORD dwTextColor, int iFont, UINT uStyle)
{
    ASSERT(::GetObjectType(hDC)==OBJ_DC || ::GetObjectType(hDC)==OBJ_MEMDC);
    if( pstrText == NULL || pManager == NULL ) return;
    ::SetBkMode(hDC, TRANSPARENT);
    ::SetTextColor(hDC, RGB(GetBValue(dwTextColor), GetGValue(dwTextColor), GetRValue(dwTextColor)));
    HFONT hOldFont = (HFONT)::SelectObject(hDC, pManager->GetFont(iFont));
    ::DrawText(hDC, pstrText, -1, &rc, uStyle | DT_NOPREFIX);
    ::SelectObject(hDC, hOldFont);
}
文字对齐属性主要取决于m_uTextStyle，在CLabelUI的源码中搜索m_uTextStyle的引用，找到SetAttribute函数：
void CLabelUI::SetAttribute(LPCTSTR pstrName, LPCTSTR pstrValue)
    {
        if( _tcscmp(pstrName, _T("align")) == 0 ) {
if( _tcsstr(pstrValue, _T("left")) != NULL ) {
                m_uTextStyle &= ~(DT_CENTER | DT_RIGHT | DT_VCENTER | DT_SINGLELINE);
                m_uTextStyle |= DT_LEFT;
            }if( _tcsstr(pstrValue, _T("center")) != NULL ) {
                m_uTextStyle &= ~(DT_LEFT | DT_RIGHT );
                m_uTextStyle |= DT_CENTER;
            }
 if( _tcsstr(pstrValue, _T("right")) != NULL ) {
                m_uTextStyle &= ~(DT_LEFT | DT_CENTER | DT_VCENTER | DT_SINGLELINE);
                m_uTextStyle |= DT_RIGHT;
            }if( _tcsstr(pstrValue, _T("top")) != NULL ) {
                m_uTextStyle &= ~(DT_BOTTOM | DT_VCENTER | DT_VCENTER);
                m_uTextStyle |= (DT_TOP | DT_SINGLELINE);
            }
            if( _tcsstr(pstrValue, _T("vcenter")) != NULL ) {
                m_uTextStyle &= ~(DT_TOP | DT_BOTTOM );            
                m_uTextStyle |= (DT_CENTER | DT_VCENTER | DT_SINGLELINE);
            }
            if( _tcsstr(pstrValue, _T("bottom")) != NULL ) {
                m_uTextStyle &= ~(DT_TOP | DT_VCENTER | DT_VCENTER);
                m_uTextStyle |= (DT_BOTTOM | DT_SINGLELINE);
            }
        }
属性的设置是又外部属性编辑器中发生改变时调用的，注意看，当设置的是文本对齐属性（align）且对齐方式为left/right时，其实是没有必要去掉DT_SINGLELINE属性的（虽然CLabelUI::PaintText在调用CRenderEngine::DrawText时有设置回去），另外左对齐或右对齐时我们希望能在纵向上居中，因此代码修改如下：
void CLabelUI::SetAttribute(LPCTSTR pstrName, LPCTSTR pstrValue)
    {
        if( _tcscmp(pstrName, _T("align")) == 0 ) {
            if( _tcsstr(pstrValue, _T("left")) != NULL ) {
                m_uTextStyle &= ~(DT_CENTER | DT_RIGHT/* | DT_VCENTER | DT_SINGLELINE*/);
                m_uTextStyle |= DT_LEFT | DT_VCENTER | DT_SINGLELINE;
            }
            if( _tcsstr(pstrValue, _T("center")) != NULL ) {
                m_uTextStyle &= ~(DT_LEFT | DT_RIGHT );
                m_uTextStyle |= DT_CENTER;
            }
            if( _tcsstr(pstrValue, _T("right")) != NULL ) {
                m_uTextStyle &= ~(DT_LEFT | DT_CENTER/* | DT_VCENTER | DT_SINGLELINE*/);
                m_uTextStyle |= DT_RIGHT | DT_VCENTER | DT_SINGLELINE;
            }
            if( _tcsstr(pstrValue, _T("top")) != NULL ) {
                m_uTextStyle &= ~(DT_BOTTOM | DT_VCENTER | DT_VCENTER);
                m_uTextStyle |= (DT_TOP | DT_SINGLELINE);
            }
            if( _tcsstr(pstrValue, _T("vcenter")) != NULL ) {
                m_uTextStyle &= ~(DT_TOP | DT_BOTTOM );            
                m_uTextStyle |= (DT_CENTER | DT_VCENTER | DT_SINGLELINE);
            }
            if( _tcsstr(pstrValue, _T("bottom")) != NULL ) {
                m_uTextStyle &= ~(DT_TOP | DT_VCENTER | DT_VCENTER);
                m_uTextStyle |= (DT_BOTTOM | DT_SINGLELINE);
            }
        }
也即都增加了属性：DT_VCENTER|DT_SINGLELINE。

现在再来解决问题1，属性的显示是在CUIProperties::ShowLabelProperty中实现的：
void CUIProperties::ShowLabelProperty(CControlUI* pControl)
{
 ShowControlProperty(pControl);

 ASSERT(pControl);
 CLabelUI* pLabel=static_cast<CLabelUI*>(pControl->GetInterface(_T("Label")));
 ASSERT(pLabel);

 CMFCPropertyGridProperty* pPropLabel=m_wndPropList.FindItemByData(classLabel,FALSE);
 ASSERT(pPropLabel);

 //align
 UINT uStyle=pLabel->GetTextStyle();
 CString strStyle;
 if(uStyle&DT_CENTER)
  strStyle=_T("Center");
 elseif(uStyle&DT_LEFT)
  strStyle=_T("Left");
 elseif(uStyle&DT_RIGHT)
  strStyle=_T("Right");
 elseif(uStyle&DT_TOP)
  strStyle=_T("Top");
 elseif(uStyle&DT_BOTTOM)
  strStyle=_T("Bottom");
注意看处理左对齐的代码逻辑，由于DT_LEFT被定义为0x00000000，因此uStyle&DT_LEFT恒不为真，这也就是为什么设置不了文字左对齐的原因。正确的逻辑如下：
void CUIProperties::ShowLabelProperty(CControlUI* pControl)
{
 ShowControlProperty(pControl);

 ASSERT(pControl);
 CLabelUI* pLabel=static_cast<CLabelUI*>(pControl->GetInterface(_T("Label")));
 ASSERT(pLabel);

 CMFCPropertyGridProperty* pPropLabel=m_wndPropList.FindItemByData(classLabel,FALSE);
 ASSERT(pPropLabel);

 //align
 UINT uStyle=pLabel->GetTextStyle();
 CString strStyle;
 if(uStyle&DT_CENTER)
  strStyle=_T("Center");
 elseif((~uStyle) & (~DT_LEFT))
  strStyle=_T("Left");
 elseif(uStyle&DT_RIGHT)
  strStyle=_T("Right");
 elseif(uStyle&DT_TOP)
  strStyle=_T("Top");
 elseif(uStyle&DT_BOTTOM)
  strStyle=_T("Bottom");
至此，在资源编辑器中便可以设置文本对齐属性了，但是修改完成后保存发现属性并未保存成功，继续排查。
布局文件最终保存为xml文件，因此肯定会使用到xml的操作，而工程中使用了tinyxml，因此通过搜索tinyxml文档类的引用最终找到保存布局文件的函数：CLayoutManager::SaveSkinFile，它会在最后调用：
SaveProperties(pForm->GetItemAt(0), pNode->ToElement());
我们看CLayoutManager::SaveProperties：
void CLayoutManager::SaveProperties(CControlUI* pControl, TiXmlElement* pParentNode
……
  case classLabel:
  case classText:
  SaveLabelProperty(pControl, pNode);
  break;
……
继续查看CLayoutManager::SaveLabelProperty，向下找到代码：
if(uTextStyle & DT_LEFT)
tstrAlgin = _T("left");
仍然是犯了相同的错误，代码应该修改为：
if((~uTextStyle) & (~DT_LEFT))
tstrAlgin = _T("left");

完成以上代码修改后，重新编译并运行DuiDesigner即可。


版权声明：本文为博主原创文章，未经博主允许不得转载。

iteye_11495
关注
Qt 显示类控件
ikun66666的博客
03-03 1193
Label、LCD Number、ProgressBar、Calendar Widget
duidesigner
08-24
duilib入门与进阶.可以用来参考。
DuiDesigner
03-19
DuiDesigner 一款用于设计Duilib界面布局的工具，可以比较方便设置各种控制的位置
dui designer
09-12
Dui designer是基于duilib皮肤库开发的专门用于设置duilib的界面设计器。
DUIDesigner 界面设计器
12-27
duilib的UI设计器，已经编译好了，直接使用，我建议大家布局的时候用设计器，布局完毕之后手写XML。这样按钮的大小和位置都很直观，很方便的可以确定，就用不着手动去计算了，当然，如果是美工给的界面，就没必要用设计器了。
【Winform常见问题与解决方案】：快速定位并修复Bug
[【Winform常见问题与解决方案】：快速定位并修复Bug](https://www.stellarinfo.com/public/image/article/Feature%20Image-%20How-to-Troubleshoot-Windows-Problems-Using-Event-Viewer-Logs-785.jpg) # 摘要 ...
iPhone源代码：实现中文优化的两端对齐Label
资源摘要信息:"Justifier Label(iPhone源代码)" 1. 项目概述: Justifier Label是一个针对iOS平台开发的源代码库，主要...在开源社区的维护下，Justifier Label可以成为一个对iOS开发者十分有用的文字显示解决方案。
iOS动态改变Label文本颜色的滑动效果
开发者可以通过设置UILabel的属性来控制文本的字体、颜色、对齐方式等。 2. 文本颜色改变：在本资源包中，演示了如何动态改变UILabel中文本的颜色。这通常涉及到定时改变文本的color属性，以达到滚动效果。 3. ...
DuiDesigner 界面设计器
09-29
编译好的Duilib界面设计器，直接画界面，最后可以直接保存为xml文件！
DUI Designer
12-18
duilib主打的界面制作方式是XML + UI引擎 + win32框架，其实和浏览器HTML + CSS + 渲染引擎的方式非常类似，可以将其理解为一个非常mini的浏览器
Duilib的设计工具DuiDesigner
10-19
Duilib的设计工具DuiDesigner 包括源码 方便设计 已在vs2013下编译通过
duilib相关(duilib库及源码、duilib的MFC Demo及设计器DuiDesigner)
11-02
duilib库及源码请阅读里面的readme Duilib的设计工具DuiDesigner(包括源码)方便设计,已在vs2013下编译通过 MFC Demo已在vs2013下编译通过
Duilib 设计工具 DuiDesigner.zip
12-11
网上下载的duilib designer经常报异常崩溃， 需要用duilib designer源码，需要自行编译生成
Python tkinter - 第五章 按钮控件（Button）属性
weixin_42272768的博客
06-10 4万+
按钮是一个标准的tkinter控件。按钮上可以显示文字或者图片作为提示信息。文字只能使用一种字体以及颜色。按钮的最主要作用是被点击后，可以调用指定的回调函数，完成特定的功能。比如，关闭窗口、执行命令等。...
label右对齐
weixin_37203411的博客
12-02 1104
labelAlign: 'right',
Duilib界面设计软件DuiDesigner
12-29
看了下优快云其它DuiDesigner的下载积分竟然要11分！顿时觉得我连资源都下不起了。软件非本人所写，从GitHub作者下载了源码，编译一下可以使用，有兴趣可以自己编译：https://github.com/progmboy/duilib
ZnDuiDesigner
12-28
因为DuiLib库已没有可视化的编辑器，所以自己做的一个，没有资源分想下载的话访问http://blog.youkuaiyun.com/tony_zn/article/details/50298089 通过其它方式下载
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值