eVC下自繪按鈕實現

按鈕這個控件在軟件中使用是非常廣泛的，特別是基於MFC開發，按鈕提供了很好的便捷。

但是在eVC下的按鈕顯示效果是非常土的，且背景顏色不好改。如果裁系統的時候將XP風格裁進去的話，默認按鈕效果會好一些，但是背景顏色不好控制，在ce平臺下，沒有鼠標是很正常的，帶XP風格的CE系統按鈕提示不夠明顯，這個時候就需要自繪按鈕了。

首先，先建立一個基於CWnd的類，如：CMyButton : public CWnd

1、添加成員變量：
 CDC  m_dcBack;
 CBitmap m_bmpBack; //背景
 COLORREF m_clNorBack;  //正常時背景顏色
 COLORREF m_clFocBack; //設上焦點時背景顏色
 COLORREF m_clNorText;
 COLORREF m_clFocText;
 bool    m_bLastState;          //最後一次狀態，true ＝焦點
 CString m_strTitleInfo;        //按鈕上字符

2、添加成員函數：
void InitMyButton(); //初始化按鈕
void DrawBackForNor(); //默認
void DrawBackForFoc(); //按下去
void DrawBackForMid(); //中間
BOOL    CreateBTN(LPCTSTR lpszWindowName, DWORD dwStyle, const RECT& rect,
         CWnd* pParentWnd, UINT nID,LPDealWithBTN lpDealWithBTN = NULL);//創建
void SetWindowText(LPCTSTR lpszString);//重載函數
BOOL    EnableWindow(BOOL bEnable = TRUE);//重載函數

3、在View裏添加消息： 如果考慮到右鍵效果，可以參考LBUTTONDOWN()添加
ON_WM_SETFOCUS()
 ON_WM_KILLFOCUS()
 ON_WM_PAINT()
 ON_WM_LBUTTONDOWN()
 ON_WM_ENABLE()

上面的工作已經將基本工作完成了。接下來就是完成相應的代碼了：

 

void CMyButton::OnPaint() 
...{
//    CPaintDC dc(this); // device context for painting
    
    // TODO: Add your message handler code here
    CPaintDC dc(this); // device context for painting    
    // TODO: Add your message handler code here
    CRect rectClient;
    GetClientRect(rectClient);
    
    CDC memDC ;
    CBitmap memBitmap ;
    CBitmap* oldBitmap ; 
    
    memDC.CreateCompatibleDC(&dc) ;
    memBitmap.CreateCompatibleBitmap(&dc, rectClient.Width(), rectClient.Height()) ;
    oldBitmap = (CBitmap *)memDC.SelectObject(&memBitmap) ;
    
    //將m_dcCoor和m_dcLine繪製到控件上
    if (memDC.GetSafeHdc() != NULL)
    ...{
        memDC.BitBlt(0, 0, rectClient.Width(), rectClient.Height(), 
                     &m_dcBack, 0, 0, SRCCOPY) ;    
        
        dc.BitBlt(0, 0, rectClient.Width(), rectClient.Height(), 
            &memDC, 0, 0, SRCCOPY) ;
    }
    
    memDC.SelectObject(oldBitmap) ;    
    
    //刪除內存位圖GDI對象
    memBitmap.DeleteObject();
    //刪除內存繪圖環境
    memDC.DeleteDC();    
    // Do not call CWnd::OnPaint() for painting messages
}

 

 

BOOL CMyButton::CreateBTN(LPCTSTR lpszWindowName, DWORD dwStyle, const RECT& rect, 
                        CWnd* pParentWnd, UINT nID,LPDealWithBTN lpDealWithBTN/**//* = NULL*/) 
...{
     // TODO: Add your specialized code here and/or call the base class
     BOOL bresult ;
    //註冊窗體類
    static CString className = AfxRegisterWndClass(CS_HREDRAW | CS_VREDRAW);
    //創建窗體類
    bresult = CWnd::CreateEx(NULL, className, NULL, dwStyle, 
        rect.left, rect.top, rect.right-rect.left, rect.bottom-rect.top,
        pParentWnd->GetSafeHwnd(), (HMENU)nID) ;
    
    //更新窗體顯示
     if (bresult != 0)
    ...{
        m_strTitleInfo = lpszWindowName;
        m_lpDealWithBTN = lpDealWithBTN;
         InitMyButton();    
        DrawBackForNor();
    }
    return TRUE;
    
//    return CWnd::Create(lpszClassName, lpszWindowName, dwStyle, rect, pParentWnd, nID, pContext);
}


void CMyButton::InitMyButton()
...{
    CClientDC dc(this);
//    CBrush brushBack;
    CRect  rect;
    GetClientRect(rect);
    
//    brushBack.CreateSolidBrush(m_clNorBack) ;
    //創建畫線設備環境以及創建相應緩衝區
    if (m_dcBack.GetSafeHdc() == NULL)
    ...{
        m_dcBack.CreateCompatibleDC(&dc) ;
        m_bmpBack.CreateCompatibleBitmap(&dc, rect.Width(), rect.Height()) ;
        m_dcBack.SelectObject(&m_bmpBack) ;
    }
    
    m_dcBack.SetBkColor (m_clNorBack) ;
    m_dcBack.FillSolidRect(rect,m_clNorBack);

}

 

 

void CMyButton::DrawBackForFoc()
...{
    CBrush bRushBack(m_clFocBack);
    CBrush *OldBrush = m_dcBack.SelectObject(&bRushBack);

    CPen penBlack;
    penBlack.CreatePen(PS_SOLID,1,RGB(0,0,0));

    CPen *penOld = m_dcBack.SelectObject(&penBlack);

    CRect rect;
     GetClientRect(&rect);

    m_dcBack.FillSolidRect(rect,RGB(192,192,192));
//    rect.DeflateRect(5,5);
    m_dcBack.RoundRect(rect,CPoint(4,4));

    m_dcBack.SelectObject(OldBrush);
    m_dcBack.SelectObject(penOld);

    bRushBack.DeleteObject();
    penBlack.DeleteObject();

    int nLenthBuf = WideCharToMultiByte(CP_ACP,0,m_strTitleInfo,-1,NULL,0,NULL,NULL) - 1;
    LONG lLeftX = rect.left + (rect.Width() - nLenthBuf * 6) / 2;
    LONG lLeftY = rect.top  + (rect.Height() - 14) / 2;

    m_dcBack.SetBkColor(m_clFocBack);
    m_dcBack.SetTextColor(m_clFocText);
    m_dcBack.ExtTextOut(lLeftX,lLeftY,ETO_OPAQUE,NULL,m_strTitleInfo,NULL);

    Invalidate(FALSE);
    m_bLastState = true;
}

void CMyButton::DrawBackForMid()
...{
    CBrush bRushBack(RGB(230,230,207));
    CBrush *OldBrush = m_dcBack.SelectObject(&bRushBack);
    
    CPen penBlack;
    penBlack.CreatePen(PS_SOLID,1,RGB(128,128,128));
    
    CPen *penOld = m_dcBack.SelectObject(&penBlack);
    
    CRect rect;
    GetClientRect(&rect);
    
    m_dcBack.FillSolidRect(rect,RGB(192,192,192));
    //    rect.DeflateRect(5,5);
    m_dcBack.RoundRect(rect,CPoint(4,4));
    
    m_dcBack.SelectObject(OldBrush);
    m_dcBack.SelectObject(penOld);
    
    bRushBack.DeleteObject();
    penBlack.DeleteObject();
    
    int nLenthBuf = WideCharToMultiByte(CP_ACP,0,m_strTitleInfo,-1,NULL,0,NULL,NULL) - 1;
    LONG lLeftX = rect.left + (rect.Width() - nLenthBuf * 6) / 2;
    LONG lLeftY = rect.top  + (rect.Height() - 14) / 2;
    
    m_dcBack.SetBkColor(RGB(230,230,207));
    m_dcBack.SetTextColor(RGB(128,128,128));
    m_dcBack.ExtTextOut(lLeftX,lLeftY,ETO_OPAQUE,NULL,m_strTitleInfo,NULL);
    
    Invalidate(FALSE);    
}

//normal
void CMyButton::DrawBackForNor()
...{    
    CRect rect;
    GetClientRect(&rect);

    CBrush bRushBack(m_clNorBack);
    CBrush *OldBrush = m_dcBack.SelectObject(&bRushBack);    
    
    CPen penBlack;
    penBlack.CreatePen(PS_SOLID,2,RGB(100,100,192));
    
    CPen *penOld = m_dcBack.SelectObject(&penBlack);
    
    m_dcBack.FillSolidRect(rect,RGB(192,192,192));
    
    //rect.DeflateRect(5,5);
//    m_dcBack.RoundRect(rect,CPoint(4,4));
    m_dcBack.FillSolidRect(rect,RGB(100,100,192));
    
    m_dcBack.SelectObject(OldBrush);
    m_dcBack.SelectObject(penOld);
    
    bRushBack.DeleteObject();
    penBlack.DeleteObject();
    
    int nLenthBuf = WideCharToMultiByte(CP_ACP,0,m_strTitleInfo,-1,NULL,0,NULL,NULL) - 1;
    LONG lLeftX = rect.left + (rect.Width() - nLenthBuf * 6) / 2;
    LONG lLeftY = rect.top  + (rect.Height() - 14) / 2;
    
    m_dcBack.SetBkColor(m_clNorBack);
    m_dcBack.SetTextColor(m_clNorText);
    m_dcBack.ExtTextOut(lLeftX,lLeftY,ETO_OPAQUE,NULL,m_strTitleInfo,NULL);
    
    Invalidate(FALSE);
    m_bLastState = false;
}

 

 

void CMyButton::OnSetFocus(CWnd* pOldWnd) 
...{
    CWnd::OnSetFocus(pOldWnd);
    
    // TODO: Add your message handler code here
    if (!m_bLastState)
    ...{
        DrawBackForFoc();
    }
}

void CMyButton::OnKillFocus(CWnd* pNewWnd) 
...{
    CWnd::OnKillFocus(pNewWnd);
    
    // TODO: Add your message handler code here
    if (m_bLastState)
    ...{
        DrawBackForNor();
    }
}

 

void CMyButton::OnLButtonDown(UINT nFlags, CPoint point) 
...{
    // TODO: Add your message handler code here and/or call default    
    if (m_lpDealWithBTN != NULL)
    ...{
        m_lpDealWithBTN();
    }
    SetFocus();
    CWnd::OnLButtonDown(nFlags, point);
}

void CMyButton::SetWindowText(LPCTSTR lpszString)
...{
    m_strTitleInfo = lpszString;
    if (m_bLastState)
    ...{
        DrawBackForFoc();
    }
    else
    ...{
        DrawBackForNor();
    }
}


BOOL CMyButton::EnableWindow(BOOL bEnable /**//* = TRUE */)
...{
    if (bEnable)
    ...{
        DrawBackForNor();
    }
    else
    ...{
        DrawBackForMid();
    }

    return CWnd::EnableWindow(bEnable);
}

注意：所有代碼中ExtTextOut 完全可以用DrawText來代替，更簡單一些。

爲了實現主窗體跟按鈕之間的通信，例如當按鈕按下時，按鈕要通知主窗體，我在這裏添加函數指針來實現，當然也可以通過消息的方式來實現。聲明函數指針：typedef void (*LPDealWithBTN)();
LPDealWithBTN m_lpDealWithBTN;//函數指針

把所有代碼添加完畢就可以實現效果了。在主程序就可以添加相關的函數，如果要使用函數指針來實現通知的話，需先建立一個static函數。例如static void OnDealWithBTN01();

test：

CMyButton m_myBTN01;

m_myBTN01.CreateBTN(L"TestBTN",WS_CHILD|WS_VISIBLE,CRect(260,110,335,130),this,0,OnDealWithBTN01);

void CTestBtnDlg::OnDealWithBTN01()
{
 printf("BTN01 pressed/r/n");
}

當然也可以實現貼圖，這是完全可以的。如果要貼圖的話，又要實現透明效果圖片的話，那麼參考一下代碼：

 

//畫透明圖片
void CMyButton::DrawTransParent(CBitmap &bmp,int const x,int const y,int const cx,int const cy,
                            int const srcx,int const srcy,CDC *pDC,COLORREF TransparentColor)
...{
    //定義源、掩碼、透明繪製環境
    CDC  SrcDC,MaskDC,TransDC;
    //定義掩碼、透明位圖
    CBitmap MaskBmp,TransBmp;
    BITMAP  bm;
    
    //創建源、掩碼、透明繪製環境
    SrcDC.CreateCompatibleDC(pDC);
    MaskDC.CreateCompatibleDC(pDC);
    TransDC.CreateCompatibleDC(pDC);
    
    //得到位圖結構
    bmp.GetBitmap(&bm);
    //創建透明位圖
    TransBmp.CreateCompatibleBitmap(pDC,cx,cy);
    //創建掩碼位圖
    MaskBmp.CreateBitmap(cx,cy,1,1,NULL);
    
    //將透明位圖對象選入到透明繪圖環境
    CBitmap *pTransBmp = TransDC.SelectObject(&TransBmp);
    //將目標位圖繪製到透明位圖中
    TransDC.BitBlt(x,y,cx,cy,pDC,srcx,srcy,SRCCOPY);
    
    //將實際位圖對象選入源繪圖環境
    CBitmap *pSrcBmp = SrcDC.SelectObject(&bmp);
    
    //設置背景爲透明模式
    SrcDC.SetBkMode(TRANSPARENT);
    //設置背景色
    if (TransparentColor)
        SrcDC.SetBkColor(TransparentColor);
    else
    ...{
        COLORREF col = SrcDC.GetPixel(0,bm.bmHeight-1);
        SrcDC.SetBkColor(col);
    }
    
    CBitmap *pMaskBmp = MaskDC.SelectObject(&MaskBmp);
    
    //將源繪圖環境繪製到掩碼繪圖環境中
    MaskDC.BitBlt(x,y,cx,cy,&SrcDC,0,0,SRCCOPY);
    
    //將源位圖和透明位圖進行異或操作融合
    TransDC.BitBlt(x,y,cx,cy,&SrcDC,0,0,SRCINVERT);
    //將透明位圖和掩碼位圖進行與操作
    TransDC.BitBlt(x,y,cx,cy,&MaskDC,0,0,SRCAND);
    //再將源位圖和透明位圖進行異或操作
    TransDC.BitBlt(x,y,cx,cy,&SrcDC,0,0,SRCINVERT);
    
    //此時將透明位圖繪製到目標設備上
    BOOL bRet = pDC->BitBlt(x,y,cx,cy,&TransDC,srcx,srcy,SRCCOPY);
    
    //繪製繪圖對象，並釋放相應繪圖環境和位圖對象
    SrcDC.SelectObject(pSrcBmp);
    SrcDC.DeleteDC();
    
    TransDC.SelectObject(pTransBmp);
    TransBmp.DeleteObject();
    TransDC.DeleteDC();
    
    MaskDC.SelectObject(pMaskBmp);
    MaskDC.DeleteDC();
    MaskBmp.DeleteObject();
}

調用時：

CBitmap bmp;
bmp.LoadBitmap(IDB_BITMAP_MID);
BITMAP bm;
bmp.GetBitmap(&bm);
DrawTransParent(bmp,0,0,bm.bmWidth,bm.bmHeight,0,0,&m_dcBack,NULL);
bmp.DeleteObject(); 

 

注：原文出處http://blog.csdn.net/KevinCEC/archive/2008/01/22/2059564.aspx