DemoButton.rar - 430.97 KB(已被下载145次)
摘要
随着计算机的发展和普及，人们对于软件的界面美观性要求越来越高。MFC提供了很多标准控件，比如按钮控件，按钮在MFC编程中有着较高的使用频率。本文将介绍如何实现在有背景图片的情况下，任意形状按钮的自绘方法。本文使用基于对话框工程程序进行演示。
关键字： VC++ 按钮 自绘 任意形状 图形
实现原理
我们知道windows窗口默认都是矩形，要实现任意形状的窗口就需要自绘。为此从CBUTTON派生一个按钮类CControlButton,重载DrawItem消息处理进行自绘。图片的背景是矩形的，假如我们的按钮图片是圆形的，当把图片绘制上去之后，我们发现多出了背景部分。如何消除背景呢？
为了解决这个问题，我们可以用BitBlt 中的MERGEPAINT和SRCAND的方式进行绘制。 MERGEPAINT是把图形反色后再同贴图目的地进行OR操作，而SRCAND是把图形和贴图目的地进行AND操作。在计算机中，使用的是数字图像处理，每一种颜色都是由RGB表示的，RGB是指红、绿、蓝三原色，只要有这3种颜色和对应的颜色强度就可以合成各种颜色了。比如,黑色的RGB值为(0,0,0)，白色的RGB值为(255,255,255)，括号内对应的是红绿蓝3种颜色的强度。在数字图像处理中可以实现OR、AND等逻辑运算。任何颜色同白色进行OR运算结果都为白色，进行AND运算结果都是该颜色本身；任何颜色跟黑色进行OR运算结果都为该颜色本身；进行AND运算结果都是黑色。为此，我们准备两张图片，如下图所示：
左面图片的背景为白色，右面是将左面中需要显示部分填充黑色而得。实现去除背景贴图关键代码如下：
if (IsMask==TRUE) //值为真则去除图片背景
{
CDC MaskDC;
MaskDC.CreateCompatibleDC(pDC);
if (IsBackBmp==TRUE)//使用和主窗口相同的背景图片
{
CBitmap *pOldBmp;
CDC BackDC;
BackDC.CreateCompatibleDC(pDC);
pOldBmp = MaskDC.SelectObject(&m_MaskBitmap);
BackDC.SelectObject(&m_BackBitmap);
pDC->BitBlt(0,0,rect.Width(),rect.Height(),&BackDC,BackRect.left,BackRect.top,SRCCOPY);
}
pDC->BitBlt(0,0,rect.Width(),rect.Height(),&MaskDC,0,0,MERGEPAINT);
pDC->BitBlt(0,0,rect.Width(),rect.Height(),&MemDC,0,0,SRCAND);
ReleaseDC(&MaskDC);
}
else
{
pDC->BitBlt(0,0,rect.Width(),rect.Height(),&MemDC,0,0,SRCCOPY);
}
MaskDC是图2的DC，MemDC为图1的DC。效果如下图所示：
可能这时你就纳闷了，为什么背景色还是白色呢，是不是代码没有去掉图片的背景色呢？答案是贴图的时候已经去掉了背景色。请看分析
按钮是一个子窗口，默认情况下主窗口和按钮子窗口背景都是白色，但是往往我们需要在主窗口上绘制一张图片，这样窗口看起来就比较美观。这样子做之后，按钮子窗口和主窗口的背景就不一样了。在进行按钮自绘的时候，那就是把按钮背景作为目的地进行OR、AND运算，因为按钮背景就是白色的，所以效果看起来也就是白色的。
要解决这个问题也很简单，我们获取按钮所在主窗口中的矩形区域，把这个区域的主窗口背景绘制到按钮中，再进行绘制按钮图片的操作就可以了。
通过这样做之后，效果如下图：
为此，我们已经得到一个图片按钮了。但仅仅这样还不行，这按钮的响应区域还是矩形区域，也就是说除了按钮图片之外的区域也响应鼠标点击。那我们就需要构造一个按钮图片区域，使用库函数SetWindowRgn就可以确定响应区域了。SetWindowRgn有个参数为HRGN类型，因此我们需要获得一个HRGN。
Jean-Edouard Lachand-Robert 写了一个 BitmapToRegion 函数，函数的功能为把一张位图根据一种颜色转化为一个区域,这个我们就可以得到一个HRGN。有关BitmapToRegion详情请看代码说明。我们用图2中的黑色区域去转化成区域，为此我们就得了一个图片按钮的响应区域了。
另外，CControlButton类还提供了通常的四态按钮的支持，即鼠标划过、点击、正常、获得焦点四种情况对应加载四张不同的位图。
成员函数介绍
void CControlButton::SetMaskBitmapId(int mask, bool action)
- 功能：设置图2资源图片
- 返回值：无
- 参数：mask ,图2的资源ID
action,值为TRUE则有效，FALSE为无效
void CControlButton::SetBackBmp(int nBgdBmpId,CRect rect)
- 功能：设置按钮背景图片
- 返回值：无
- 参数：nBgdBmpId ,主窗口背景图片资源ID
rect , 按钮在主窗口中的客户区矩形, 使用GetWindowRect， ScreenToClient这两个函数即可以轻松获得。
void CControlButton::SetRgnMask(int nMaskBmpId, bool nAction)
- 功能：设置有效区域函数：
- 返回值：无
- 参数：nMaskBmpId ,图2的资源ID
nAction ,值为TRUE则设置有效，FALSE则无效，通过这样可以使用或禁止构造响应区域
void CControlButton::SetBitmapId(int nOver,int nNormal,int nPressed,int nFocus)
- 功能：设置按钮动态加载的四幅图片 :
- 返回值：无
- 参数：nOver,鼠标划过对应按钮图片资源ID。
nNormal ，正常状态下 对应按钮图片资源ID
nPressed ,按下按钮对应图片资源ID
nFocus ,获得焦点情况下图片资源ID
使用说明
CControlButton类从CButton类派生，使用时，只需在界面上放置一个按钮控件，添加CControlButton类，关联一个CControlButton的控件变量，然后进行初始化即可：
CRect btnRect; //定义按钮矩形变量
m_demoBtn.GetWindowRect(btnRect); //获取按钮窗口矩形区域
ScreenToClient(btnRect); //转换成客户区域
//设置按钮的背景图片，跟主窗口的背景图片一样
m_demoBtn.SetBackBmp(IDB_BACKGROUND,btnRect);
m_demoBtn.SetRgnMask(IDB_OKmask,TRUE);//设置响应区域,TRUE设置构造区域有效
m_demoBtn.SetMaskBitmapId(IDB_OKmask,TRUE); //设置掩码图片
//设置按钮的四种状态图
m_demoBtn.SetBitmapId(IDB_btn_ok_b,IDB_btn_ok_a,IDB_btn_ok_c,IDB_btn_ok_a);
结束语
本类是在我朋友hurryboylqs四态图片按钮类的基础上完成，衷心感谢hurryboylqs的帮助，希望本文对大家有一点点帮助。本人深知本类还有一些不足之处，如若大家对本类有修改完善，也请连修改说明给我发送一份，万分感谢！