MFC中修改Button控件字体、字体大小、背景色、背景图片

MFC中修改Button控件字体、字体大小、背景色、背景图片

button控件不能使用OnCtlColor函数来对控件进行外观的修改，要想修改button控件外观需要通过button类派生Mybutton类，然后重载其中DrawItem函数
1.新建一个基于对话框MFC应用程序TestButton，向其中添加Button控件

2.设置button控件为自绘属性
方法一：设置Owner Draw为True

方法二：将按钮修改为BS_OWNERDRAW风格，允许button采用自绘模式
GetDlgItem(IDC_BUTTON1)->ModifyStyle(0, BS_OWNERDRAW, 0);
3.以CButton类为基类派生一个CMyButton1类
项目->添加类->MFC类->基类选择CButton派生CMyButton1类

4.类视图->选中CMyButton1->类向导->重载其中DrawItem()函数


5.在MyButton.h中添加下列函数定义与变量

public:
 //三种颜色分别为文字，Button Down的背景颜色，Button Up的背景颜色
 COLORREF m_TextColor, m_DownColor, m_UpColor;
 //Button Down的背景颜色，Button Up的背景颜色标志位
 bool bDownColor, bUpColor;
 //设置文字大小
 int nWordSize=100;
 UINT BKID;//记录图片ID
public:
 //设置Button Down的背景颜色
 void SetDownColor(COLORREF color);
 //设置Button Up的背景颜色
 void SetUpColor(COLORREF color);
 //设置背景图片
 void setBit(UINT ID);
 //设置文字大小，默认为10号
 void setWordSize(int wordsize);
 //设置文字颜色默认为黑色
 void setWordColor(COLORREF wordColor);
public:
 // 文字处理
 void setWord(CRect rect, CDC* pDc, int size);
 //绘制背景图片
 void brushBit(CRect rect, CDC *pDc, UINT ID);
 //重载DrawItem
 virtual void DrawItem(LPDRAWITEMSTRUCT lpDIS);

6.在MyButton.cpp中添加具体执行

void CMyButton1::SetDownColor(COLORREF color)
{
 m_DownColor = color;
 bDownColor = TRUE;//颜色是否设置标志位
}
void CMyButton1::SetUpColor(COLORREF color)
{
 m_UpColor = color;
 bUpColor = TRUE;
}
void CMyButton1::setBit(UINT ID)
{
 BKID = ID;
}
void CMyButton1::setWordSize(int wordsize)
{
 nWordSize = wordsize;
}
void CMyButton1::setWordColor(COLORREF wordColor = RGB(255, 255, 255))
{
 m_TextColor = wordColor;
}
void CMyButton1::brushBit(CRect rect,CDC *pDc,UINT ID)
{
 CDC   dcBmp;             //定义并创建一个内存设备环境
 dcBmp.CreateCompatibleDC(pDc);             //创建兼容性DC
 CBitmap   bmpBackground;
 bmpBackground.LoadBitmap(ID);    //载入资源中图片
 BITMAP   m_bitmap;                         //图片变量               
 bmpBackground.GetBitmap(&m_bitmap);       //将图片载入位图中
   //将位图选入临时内存设备环境
 CBitmap  *pbmpOld = dcBmp.SelectObject(&bmpBackground);
 //调用函数显示图片StretchBlt显示形状可变
 pDc->SetStretchBltMode(HALFTONE);
 pDc->StretchBlt(0, 0, rect.Width(), rect.Height(), &dcBmp, 0, 0, m_bitmap.bmWidth, m_bitmap.bmHeight, SRCCOPY);
}
// 文字处理
void CMyButton1::setWord(CRect rect, CDC* pDc, int nWordSize)
{
 CString str;
 GetWindowText(str);//获取文字
 CFont font;
 font.CreatePointFont(nWordSize, L"微软雅黑");//设置控件文字大小与字体
 pDc->SelectObject(&font);
 pDc->SetTextColor(m_TextColor);//设置文字颜色
 // dc.SetBkColor(RGB(255, 0, 0));//设置文字背景颜色
 pDc->SetBkMode(TRANSPARENT);//设置文字背景透明
 pDc->DrawText(str, rect, DT_CENTER | DT_VCENTER | DT_SINGLELINE | DT_TABSTOP);//绘制文字
}
void CMyButton1::DrawItem(LPDRAWITEMSTRUCT lpDIS)
{
 // TODO:  添加您的代码以绘制指定项
 CDC dc;
 dc.Attach(lpDIS->hDC);//得到绘制的设备环境CDC
 //按钮外框处理
 {
  dc.SelectStockObject(NULL_BRUSH);//选择按钮默认色
  dc.Rectangle(&lpDIS->rcItem);//画出按钮框
 }
 CString str;
 CRect rect = lpDIS->rcItem;
 GetClientRect(&rect);//得到客户端坐标 //ScreenToClient();将屏幕坐标转换为客户端坐标
  //加载背景图片，判断是否加载背景图片，没有则使用默认背景
 if (BKID != 0) brushBit(rect, &dc, BKID);
 //按钮按下时改变背景色
 if (lpDIS->itemState&ODS_SELECTED)
 {
  if (bDownColor)
  {
   CBrush brush(m_DownColor);
   dc.FillRect(&(lpDIS->rcItem), &brush);//利用画刷brush，填充矩形框
  }
 }
 else//当按钮不操作或者弹起时改变背景色
 {
  if (bUpColor)
  {
   CBrush brush(m_UpColor);
   dc.FillRect(&(lpDIS->rcItem), &brush);//利用画刷brush，填充矩形框
  }
 }
 //选中了本控件,高亮边框
 if ((lpDIS->itemState&ODS_SELECTED) && (lpDIS->itemAction &(ODA_SELECT | ODA_DRAWENTIRE)))
 {
 //设置按钮边框与按钮色相反
  COLORREF fc = RGB(255 - GetRValue(m_UpColor), 255 - GetGValue(m_UpColor), 255 - GetBValue(m_UpColor));
  CBrush brush(fc);
  dc.FrameRect(&(lpDIS->rcItem), &brush);//用画刷brush，填充矩形边框
 }
 //控制的选中状态结束,去掉边框
 if (!(lpDIS->itemState &ODS_SELECTED) && (lpDIS->itemAction & ODA_SELECT))
 {
  CBrush brush(m_UpColor);
  dc.FrameRect(&lpDIS->rcItem, &brush);
 }
 //文字处理（绘制文字）
 setWord(rect, &dc, nWordSize);
 dc.Detach();
 }

7.将按钮控件与派生类做绑定
选中按钮->添加变量->变量类型选为CMyButton1

8.在CTestButtonDlg::OnInitDialog()中调用对应函数即可

//将按钮修改为BS_OWNERDRAW风格,允许button的采用自绘模式
 GetDlgItem(IDC_BUTTON1)->ModifyStyle(0, BS_OWNERDRAW, 0);
 //设置Button Down的背景色，SetDownColor()和SetUpnColor()是CMyButton类中的析构函数
 m_my.SetDownColor(RGB(255, 0, 0));
 //设置Button Up的背景色
 m_my.SetUpColor(RGB(0, 0, 255));
 //设置字体大小
 m_my.setWordSize(200);
 //设置背景图片
 m_11.setBit(IDB_BITMAP2);

9.效果图

demo链接：修改button外观