重绘编辑控件

在MFC中，编辑控件的重绘，通常只涉及到边框。本文将讨论如何实现具有“高亮边框”的编辑控件。

要实现具有“高亮边框”的编辑控件，首先要解决两个问题：
问题一、怎样设计编辑控件的“高亮边框”？
问题二、怎么实现编辑控件的“高亮边框”？

我个人认为，“高亮”效果源于同类颜色的亮度切换(由暗色到亮色)。为此，我做了如下设计：常态时，编辑控件的边框颜色为“暗色”；激活时，边框颜色变为“亮色”。

问题一解决了，接下里的问题是：如何实现这样一个效果？我们知道：边框属于非客户区，要在非客户区绘制，需要实现ON_WM_NCPAINT消息的响应函数。于是，我们可以在响应函数OnNcPaint里，根据鼠标状态，绘制相应的边框。

void CEditEx::OnNcPaint() 
{
// TODO: Add your message handler code here
// 填充非客户端
PaintNc();

// 绘制边框
DrawEdge();

// Do not call CEdit::OnNcPaint() for painting messages
}

// 填充非客户区(此函数如果不在OnNcPaint中调用，需要把非客户区先剪裁，再填充)
void CEditEx::PaintNc()
{
CDC * pDC = GetWindowDC() ;

CRect rectWnd ;
GetWindowRect(rectWnd) ;
rectWnd.OffsetRect(-rectWnd.TopLeft()) ;

pDC->FillSolidRect(0, 0, rectWnd.Width(), rectWnd.Height(), RGB(255, 255, 255));

ReleaseDC(pDC) ;
}

// 绘制边框
void CEditEx::DrawEdge()
{
CDC * pDC = GetWindowDC() ;

CRect rectWnd ;
GetWindowRect(rectWnd) ;
rectWnd.OffsetRect(-rectWnd.TopLeft()) ;

// 根据状态创建画笔
CPen penEdgeOuter ;
if (m_bMouseInner)
{
penEdgeOuter.CreatePen(PS_SOLID, 1, m_crEdgeOuterHighLight) ;
}
else
{
penEdgeOuter.CreatePen(PS_SOLID, 1, m_crEdgeOuterNormal) ;
}

// 绘制外边框
CPen * pOldPen = pDC->SelectObject(&penEdgeOuter) ;

pDC->MoveTo(rectWnd.TopLeft()) ;
pDC->LineTo(rectWnd.right - 1, rectWnd.top) ;
pDC->LineTo(rectWnd.right - 1, rectWnd.bottom - 1) ;
pDC->LineTo(rectWnd.left, rectWnd.bottom - 1) ;
pDC->LineTo(rectWnd.TopLeft()) ;

// 绘制内边框
CPen penEdgeInner(PS_SOLID, 1, m_crEdgeInner) ;
pDC->SelectObject(&penEdgeInner) ;

pDC->MoveTo(rectWnd.left  + 1, rectWnd.top + 1) ;
pDC->LineTo(rectWnd.right - 2, rectWnd.top + 1) ;
pDC->LineTo(rectWnd.right - 2, rectWnd.bottom - 2) ;
pDC->LineTo(rectWnd.left  + 1, rectWnd.bottom - 2) ;
pDC->LineTo(rectWnd.left  + 1, rectWnd.top + 1) ;
pDC->SelectObject(pOldPen) ;

// 释放资源
penEdgeOuter.DeleteObject();

ReleaseDC(pDC) ;
}

为了美化效果，我们甚至可以扩大非客户区。扩大非客户区需要实现ON_WM_NCCALCSIZE消息的响应函数。

void CEditEx::OnNcCalcSize(BOOL bCalcValidRects, NCCALCSIZE_PARAMS FAR* lpncsp) 
{
// TODO: Add your message handler code here and/or call default

// 扩大非客户端
lpncsp->rgrc[0].left += m_rcMargin.left ;
lpncsp->rgrc[0].top += m_rcMargin.top ;
lpncsp->rgrc[0].right -= m_rcMargin.right ;
lpncsp->rgrc[0].bottom -= m_rcMargin.bottom ;

CEdit::OnNcCalcSize(bCalcValidRects, lpncsp);
}

注意：WM_NCCALCSIZE消息通常不会被触发，除非窗口含有SWP_FRAMECHANGED标识。为此，我们可以设置一个辅助函数SetMargin，一来用于设置客户区与非客户区的间距，二来，触发WM_NCCALCSIZE消息。

void CEditEx::SetMargin(CRect const & rcMargin)
{
m_rcMargin = rcMargin;

// 触发NcPaint消息
SetWindowPos(NULL, 0, 0, 0, 0, SWP_NOZORDER | SWP_NOMOVE | SWP_NOSIZE | SWP_FRAMECHANGED);
}

效果图如下：

常态

 激活

具体代码可以参考： http://download.csdn.net/detail/zwz1984/4854676