制作风格独特的按钮—用VC6扩展CButton

一、 本文介绍一个CButton的派生类CLinkButton，用此派生类制作的按钮具有以下特点：

１、按钮的外观类似静态控件类CStatic 产生的对象。

２、当鼠标的光标移到按钮上，但并未按下时，光标改变形状，字体改变形状；按钮类似应用在工具条和菜单上的扁平钮效果

二、下面具体描述这种按钮的实现方法和步骤：

1. 在VC6的IDE环境中，生成一个基于对话框的PROJECT。

2. 将对话框资源中按钮的属性页打开，在“Style”标签页中选取按钮的“Owner　Draw”（自绘）属性。

3. 将光标引入到应用程序的资源中。

4. 利用CLASSWIZARD，用CButton为基类，派生一个新类：CLinkButton。

5. 在派生类中重载基类CButton的虚函数：

virtual void DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)

之所以要重载这个函数是因为选择了按钮的 “Owner　Draw”属性后，当按钮的可视行为发生变化时，应用程序的框架要调用这个函数来重新绘制按钮。

6. 定制以下的消息处理：

afx_msg void OnMouseMove(UINT nFlags, CPoint point);

afx_msg BOOL OnSetCursor(CWnd* pWnd, UINT nHitTest, UINT message);

afx_msg void OnTimer(UINT nIDEvent);

afx_msg void OnLButtonUp(UINT nFlags, CPoint point);

afx_msg void OnLButtonDown(UINT nFlags, CPoint point);

afx_msg int OnCreate(LPCREATESTRUCT lpCreateStruct);

afx_msg BOOL OnEraseBkgnd(CDC* pDC);

7. 声明类成员变量定义：

／／定义字体变量

CFont fUnderline;

／／定义光标变量

HCURSOR hHand;

／／决定按钮是否按下

bool bLBtnDown;

／／决定鼠标是否在按钮上

bool bHighlight;

二、 派生类CLinkButton　的具体实现：

１．重载函数 　DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)。

void CLinkButton::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)

{

// 获取一个CDC指针

CDC* pDC = CDC::FromHandle(lpDrawItemStruct->hDC);

//定义按钮区域并初始化

CRect rect(lpDrawItemStruct->rcItem);

//设置背景模式

COLORREF oc = pDC->GetTextColor();

int iObk = pDC->SetBkMode(TRANSPARENT);

//初始化按钮状态

UINT state = lpDrawItemStruct->itemState;

CFont * pOldFont = NULL;

int iYOffset = 0, iXOffset = 0;

CString strText;

GetWindowText(strText);

rect.top += iYOffset;

rect.left += iXOffset;

if (state & ODS_DISABLED)

{

//按钮置灰状态（DISABLED）

CBrush grayBrush;

grayBrush.CreateSolidBrush (GetSysColor (COLOR_GRAYTEXT));

CSize sz = pDC->GetTextExtent(strText);

int x = rect.left + (rect.Width() - sz.cx)/2;

int y = rect.top + (rect.Height() - sz.cy)/2;

rect.top += 2;

rect.left += 2;

pDC->SetTextColor(GetSysColor(COLOR_3DHIGHLIGHT));

pDC->DrawText(strText, rect, DT_CENTER | DT_VCENTER | DT_SINGLELINE);

rect.top -= 2;

rect.left -= 2;

pDC->SetTextColor(GetSysColor(COLOR_GRAYTEXT));

pDC->DrawText(strText, rect, DT_CENTER | DT_VCENTER | DT_SINGLELINE);

}

else

{

if (bHighlight)  //光标在按钮上

{

if (state & ODS_SELECTED)

{

//按下按钮

pDC->Draw3dRect(rect,GetSysColor(COLOR_3DSHADOW),

　　　　　　　　　　　　　　　　GetSysColor(COLOR_3DHILIGHT));

}

else

{  //未按下按钮

　 pDC->Draw3dRect(rect,GetSysColor(COLOR_3DHILIGHT),

　　GetSysColor(COLOR_3DSHADOW));

}

//字体颜色

pDC->SetTextColor(RGB(0,0,255));

//加下画线（也可以用其他字体）

if (fUnderline.GetSafeHandle() == NULL)

{

    CFont * pFont = GetFont(); 

    ASSERT(pFont);
 
    LOGFONT lf;
 
    pFont->GetLogFont(&lf);
 
    lf.lfUnderline = TRUE;
 
    fUnderline.CreateFontIndirect(&lf);
  
}

pOldFont = pDC->SelectObject(&fUnderline);

}

  else

        pDC->SetTextColor(GetSysColor(COLOR_BTNTEXT));

  pDC->DrawText(strText, rect, DT_CENTER | DT_VCENTER | DT_SINGLELINE);

  if (pOldFont)

         pDC->SelectObject(pOldFont);

}

}
2．定制的消息处理函数

void OnMouseMove(UINT nFlags, CPoint point)

{

//设置一个定时器

SetTimer(1,10,NULL);

//

...

}

当鼠标光标移到按钮上时，执行此函数，定时器将发送一个 WM_TIMER消息到消息队列。

由OnTimer(UINT nIDEvent)函数处理这个消息。

void OnTimer(UINT nIDEvent)

{

//处理WM_TIMER消息

static bool pPainted = false;

POINT pt;

GetCursorPos(&pt);

CRect rect;

GetWindowRect (rect);

if (bLBtnDown)

{

    KillTimer (1);

    if (pPainted) InvalidateRect (NULL);

    pPainted = FALSE;

    return;

}

if (!rect.PtInRect (pt))

{

     bHighlight = false;

     KillTimer (1);

     if (pPainted)

     InvalidateRect(NULL);

     pPainted = false;

     return;

}

else

{

     bHighlight = true;

     if (!pPainted)

    {

         pPainted = true;
      
         InvalidateRect(NULL);

     }

}

//

CButton::OnTimer(nIDEvent);

}

BOOL OnSetCursor(CWnd* pWnd, UINT nHitTest, UINT message)

{

//当鼠标光标移到按钮上时，改变光标的形象

if (bHighlight)


{

     ::SetCursor(hHand);

     return true;

}

//

...

}

int OnCreate(LPCREATESTRUCT lpCreateStruct)

{

...

      CFont * pFont = GetFont(); 

      ASSERT(pFont); 

      LOGFONT lf;

      pFont->GetLogFont(&lf);

      lf.lfUnderline = TRUE;

      fUnderline.CreateFontIndirect(&lf);

...

}

这个函数由框架在显示出按钮之前自动调用，我在这里初始化在按钮上显示的字体。

void OnLButtonUp(UINT nFlags, CPoint point)

{

      bLBtnDown = false;

      if (bHighlight)
 
     {

          bHighlight = false;

          InvalidateRect(NULL);

      }

...

}


当按下按钮又放开时调用这个函数。

void OnLButtonDown(UINT nFlags, CPoint point)

{

       bLBtnDown = true;

...

}

当按下按钮时调用这个函数。

BOOL OnEraseBkgnd(CDC* pDC)

{

        COLORREF cr = GetSysColor(COLOR_3DFACE);

        int r = GetRValue(cr);

        int g = GetGValue(cr);

        int b = GetBValue(cr);

       if (r > 1) r -= 2;

       if (g > 1) g -= 2;

       if (r <3 && g < 3 && b < 253) b +=2;

       COLORREF cr1 = RGB(r,g,b); 

       CRect rc;

       GetClientRect(rc);

       pDC->FillSolidRect(rc, cr1);

...

}
当按钮的背景需要重画时，应用程序框架调用此函数。编译并运行PROJECT LinkBtn