增加duilib edit控件的提示功能和多种文字颜色

时间：2021-09-06 02:29:38

转载请说明原出处，谢谢~~：http://blog.csdn.net/zhuhongshu/article/details/41786407

duilib的CEditUI控件内部使用了win32的原生edit控件，最近在做的一个项目里需要增强CEditUI控件的一些功能，我就把改进的代码写到博客里。实际上改进代码很简单，不过也许能其他人会用到，就不用再费时了。

 增加的功能如下：

     1、增加提示文本，并且可以设置提示文本的颜色，当CEditUI初始化或者无文本的状态下，可以自动按照一定颜色显示出提示文本。（可以不设置提示文本）

2、可以单独为原生edit控件设置文本颜色（原来是原生edit控件和CEditUI的文本颜色都一样）

    对应的属性描述如下：

		<Attribute name="nativetextcolor" default="0x00000000" type="DWORD" comment="windows原生edit控件的文字颜色,如(0xFFFFFFFF)"/>

		<Attribute name="tipvalue" default="" type="STRING" comment="文本框内提示文字，当文本框text为空时显示并失去焦点时显示"/>

		<Attribute name="tipvaluecolor" default="0xFFBAC0C5" type="DWORD" comment="文本框内提示文字的颜色"/>

这样子修改后可以做的效果是：通过设置初始提示字符串和颜色，达到提示作用，常用在搜索栏和用户账户输入的情况下，当用户点击CEditUI后这个提示字符串将自动消失，当CEditUI内无文本时提示字符串自动出现。单独设置原生edit控件的文本颜色，可以让CEditUI的当前状态更加明显，比如无焦点时文本是一个颜色，获取焦点时文本是另一个颜色（实际上类似于其他控件的hottextcolor属性）。

这样的话，修改后的CEditUI就有三种文本颜色效果，根据需求来使用他。这里先贴一张效果图说明这个效果，初始状态或者无文本情况下，CEditUI出现了灰色的提示文字，当用户输入时文本颜色为黑色，输入完成后变为红色文字：

增加duilib edit控件的提示功能和多种文字颜色

上图效果对应的xml描述如下：

<Edit name="edt_url" padding="10,5,0,0" textpadding="5,5,5,5" bkcolor="#FFFFFFFF" width="350" height="28"  font="0"  tipvalue="请输入用户名" tipvaluecolor="#FF989898" nativetextcolor="#FF000000" nativebkcolor="#FFFFFFFF" textcolor="#FFFF0000"  />

改进过程1：



实际上在Uilib库（duilib的扩展版本，在我的维护库里面也提供了Uilib）中的CEditUI控件提供了这个功能，但是使用上有些不足，我从Uilib里把提示文本的功能移植到Duilib中，并且增强了提示的功能和逻辑：

首先给CEditUI增加几个成员函数：

void SetTipValue(LPCTSTR pStrTipValue);

void SetTipValueColor(LPCTSTR pStrColor);

DWORD GetTipValueColor();

CDuiString GetTipValue();

LPCTSTR GetSrcTipValue();

CDuiString m_sTipValue;

CDuiString m_sSrcTipValue;

DWORD m_sTipValueColor;

对应的实现代码为：

	void CEditUI::SetTipValue( LPCTSTR pStrTipValue )

	{

		if(m_sText != _T(""))

			m_sText = pStrTipValue;

		m_sSrcTipValue	= pStrTipValue;

		m_sTipValue = CDuiString(_T("__IsTipValue__"))+pStrTipValue;

	}

	void CEditUI::SetTipValueColor( LPCTSTR pStrColor )

	{

		if( *pStrColor == _T('#')) pStrColor = ::CharNext(pStrColor);

		LPTSTR pstr = NULL;

		DWORD clrColor = _tcstoul(pStrColor, &pstr, 16);

		m_sTipValueColor = clrColor;

	}

	DWORD CEditUI::GetTipValueColor()

	{

		return m_sTipValueColor;

	}

	CDuiString CEditUI::GetTipValue()

	{

		return m_sTipValue;

	}

	LPCTSTR CEditUI::GetSrcTipValue()

	{

		return m_sSrcTipValue.GetData();

	}

这里面SetTipValue函数会判断，如果CEditUI控件本身的文本为空的话，就设置他的初始本文为tipvalue的文本，这就是CEditUI控件初始化时显示的提示文本。如果在xml编写中另外设置了CEditUI的text属性，那么SetTipValue函数就不会初始化CEditUI的文本了。

然后给SetAttribute函数增加代码：

		else if( _tcscmp(pstrName, _T("tipvalue")) == 0 ) SetTipValue(pstrValue);

		else if( _tcscmp(pstrName, _T("tipvaluecolor")) == 0 ) SetTipValueColor(pstrValue);

		else if( _tcscmp(pstrName, _T("nativetextcolor")) == 0 ) SetNativeEditTextColor(pstrValue);

接下来重写PaintText函数，就完成了这个功能：

	void CEditUI::PaintText(HDC hDC)

	{

		DWORD mCurTextColor = m_dwTextColor;

		if( m_dwTextColor == 0 ) mCurTextColor = m_dwTextColor = m_pManager->GetDefaultFontColor();

		if(GetText() == m_sSrcTipValue || GetText() == _T(""))	mCurTextColor = m_sTipValueColor;

		if( m_dwDisabledTextColor == 0 ) m_dwDisabledTextColor = m_pManager->GetDefaultDisabledColor();

		CDuiString sText;

		if( m_sText.IsEmpty() )

			sText = m_sSrcTipValue;

		else

			sText = m_sText;

		if( m_bPasswordMode ) {

			sText.Empty();

			LPCTSTR p = m_sText.GetData();

			while( *p != _T('\0') ) {

				sText += m_cPasswordChar;

				p = ::CharNext(p);

			}

		}

		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( IsEnabled() ) {

			CRenderEngine::DrawText(hDC, m_pManager, rc, sText, mCurTextColor, \

				m_iFont, DT_SINGLELINE | m_uTextStyle);

		}

		else {

			CRenderEngine::DrawText(hDC, m_pManager, rc, sText, m_dwDisabledTextColor, \

				m_iFont, DT_SINGLELINE | m_uTextStyle);

		}

	}

在代码里面判断，如果当前的文本为空或者本文恰好是提示文本，那就设把绘制文本的颜色设置为提示文本的颜色。接下来判断如果CEditUI的文本是空的，就让他绘制提示文本。这就完成了当CEditUI无文本状态下显示提示文本的功能。

改进过程2：

CEditUI控件没有hottextcolor（或者叫focustextcolor更合适）这个属性，如果有这个属性，就可以设置更多的颜色值，让输入状态和普通状态的文本颜色有区别，让用户可以更明显区分出CEditUI正在输入和输入完毕。

在输入状态下，实际是win32的edit控件起作用，所以给她设置颜色就行了。为此应该添加一个名为nativetextcolor的属性，增加成员函数如下：

		void SetNativeEditTextColor( LPCTSTR pStrColor );

		DWORD GetNativeEditTextColor() const;

		DWORD m_dwEditTextColor;

对应的实现代码：

	void CEditUI::SetNativeEditTextColor( LPCTSTR pStrColor )

	{

		if( *pStrColor == _T('#')) pStrColor = ::CharNext(pStrColor);

		LPTSTR pstr = NULL;

		DWORD clrColor = _tcstoul(pStrColor, &pstr, 16);

		m_dwEditTextColor = clrColor;

	}

	DWORD CEditUI::GetNativeEditTextColor() const

	{

		return m_dwEditTextColor;

	}

其中m_dwEditTextColor初始化为0x000000，SetAttribute里增加的代码我也就不贴了。接下来CEditWnd类的HandleMessage函数的WM_CTLCOLOREDIT和WM_CTLCOLORSTATIC消息响应：

LRESULT CEditWnd::HandleMessage(UINT uMsg, WPARAM wParam, LPARAM lParam)

{

	//.....省略

	else if( uMsg == OCM__BASE + WM_CTLCOLOREDIT  || uMsg == OCM__BASE + WM_CTLCOLORSTATIC ) {

		if( m_pOwner->GetNativeEditBkColor() == 0xFFFFFFFF ) return NULL;

		::SetBkMode((HDC)wParam, TRANSPARENT);

		DWORD dwTextColor;

		if (m_pOwner->GetNativeEditTextColor() != 0x000000)

			dwTextColor = m_pOwner->GetNativeEditTextColor();

		else

			dwTextColor = m_pOwner->GetTextColor();

		::SetTextColor((HDC)wParam, RGB(GetBValue(dwTextColor),GetGValue(dwTextColor),GetRValue(dwTextColor)));

		if( m_hBkBrush == NULL ) {

			DWORD clrColor = m_pOwner->GetNativeEditBkColor();

			m_hBkBrush = ::CreateSolidBrush(RGB(GetBValue(clrColor), GetGValue(clrColor), GetRValue(clrColor)));

		}

		return (LRESULT)m_hBkBrush;

	}

	//.....省略

}

这里判断如果用户设置过nativetextcolor(也就是他不为0x000000)，就文本颜色为nativetextcolor，否则和CEditUI的textcolor保持一致。

总结：

修改代码很简单，不过我使用了一下感觉挺方便的。修改的代码我已经更新到了我维护的duilib和uilib库中，地址为：点击打开链接

Redrain  2014.12.7

QQ:491646717

相关文章