昨天写了一个常用的控件Static静态文本框，今天再写一个同样常用的控件——Button按钮。其实，按钮的使用没什么说的，因为实在是太简单了。。。无非就是双击按钮，添加一个click事件，然后在OnClick( )函数内就可以为所欲为啦~~~但是！！！这样一来，写这篇文章就没有意义了，对吧?这里呢，我就说说一个我在用按钮控件最不爽的一个地方，那就是在按钮上使用图片。

为了界面的美观，我们往往会用一些图片来美化我们的界面，而按钮上使用图片更是必不可少的。但是，我们知道，在MFC里面使用的图片都是BMP位图格式的，要想使用其他的图片格式jpg，png，gif等是比较麻烦的(如使用GDI+)。而在美化界面的时候，其实png图片的需求是很大的，因为它支持透明，这样能让我们的一些图片按钮什么的效果更好。今天就和大家分享一下我写的一个支持各类图片(gif只能显示第一帧)的按钮(CButtonEx)。

其实，整体思路很简单，就是按钮要自绘，重载虚函数DrawItem()，用GDI+来绘图。

值得注意的就是按钮的几种状态，这里，我假设按钮有4种状态，分别是：

disable（禁用形态），hover（鼠标停在按钮上），click（鼠标点击按钮），enable（普通正常形态）

这样相对应的就要准备4张图片，为了处理更加方便，我在这个CButtonEx类中规定了设置图片的时候就让这4张合成一张，如下所示：

         

这就分别对应了4种形态(从左到右：enable，hover，click，disable，demo中disable没用到，所以就简单的和disable一样处理了)

第一步：先让代码能够使用GDI+（要直接使用CButtonEx类的话也要先GDI+的初始化）

先在stdafx.h中加入以下两句：

#include "gdiplus.h"

using namespace Gdiplus;

然后在InitInstance()函数中

// GDI+初始化

GdiplusStartup(&m_gdiplusToken, &gdiplusStartupInput, NULL);

其中m_gdiplusToken和gdiplusStartupInput是成员变量，注意添加。

ULONG_PTR m_gdiplusToken;

GdiplusStartupInput gdiplusStartupInput;

最后要在退出实例化的时候释放GDI+的资源（首先要用ClassWizard添加ExitInstance虚函数，再在ExitInstance()中添加）。

int CXXXApp::ExitInstance()

{

    // TODO: 在此添加专用代码和/或调用基类

    GdiplusShutdown(m_gdiplusToken);

    return CWinApp::ExitInstance();

}

到这里，程序就能使用GDI+来绘图了。

第二步：重载PreSubclassWindow()虚函数，改成自绘模式

void CButtonEx::PreSubclassWindow()

{

// 改成自绘模式

ModifyStyle(0, BS_OWNERDRAW);

CButton::PreSubclassWindow();

}

第三步：重载DrawItem()函数，分别绘制4种形态的按钮

void CButtonEx::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)

{

Rect imageRect;

UINT state;



// 生成绘制区域大小，获得当前按钮状态

imageRect = Rect(0, 0, m_imageWidth / 4, m_imageHeight);

state = lpDrawItemStruct->itemState;



if(m_graphics == NULL)

return;

if(m_image == NULL)

return;



// 按钮禁用状态

if(m_if_disable == true)

m_graphics->DrawImage(m_image, imageRect, BUTTON_DISABLE * m_imageWidth / 4, 0, m_imageWidth / 4, m_imageHeight, UnitPixel);

// 按钮按下状态

else if(state & ODS_SELECTED)

m_graphics->DrawImage(m_image, imageRect, BUTTON_CLICK * m_imageWidth / 4, 0, m_imageWidth / 4, m_imageHeight, UnitPixel);

// 鼠标在按钮上

else if(m_if_hover == true)

m_graphics->DrawImage(m_image, imageRect, BUTTON_HOVER * m_imageWidth / 4, 0, m_imageWidth / 4, m_imageHeight, UnitPixel);

// 按钮正常状态

else

m_graphics->DrawImage(m_image, imageRect, BUTTON_ENABLE * m_imageWidth / 4, 0, m_imageWidth / 4, m_imageHeight, UnitPixel);

}

第四步：自己写一个SetImage()函数用来加载图片

void CButtonEx::SetImage(CString imagePath)

{

CWnd* pWnd;

CRect buttonRect;



// 加载图片，并设置图片的宽和高

m_image = new Image(imagePath);

m_imageWidth = m_image->GetWidth();

m_imageHeight = m_image->GetHeight();



// 重新调整按钮的大小(以适应图片的大小

pWnd = this->GetParent();

GetWindowRect( &buttonRect );

pWnd -> ScreenToClient(buttonRect);

buttonRect.right = buttonRect.left + m_imageWidth / 4;

buttonRect.bottom = buttonRect.top + m_imageHeight;

SetWindowPos(NULL, 0, 0, buttonRect.Width(), buttonRect.Height(), SWP_NOMOVE);



// 初始化m_graphics

m_graphics = new Graphics(GetWindowDC()->m_hDC);

}

第五步：添加WM_MOUSEMOVE,WM_MOUSEHOVER,WM_MOUSELEAVE,WM_LBUTTONDOWN和WM_LBUTTONUP这5个事件

 

这5个事件的用途很简单：
WM_MOUSEMOVE是为了追踪WM_MOUSEHOVER和WM_MOUSELEAVE事件的，因为默认下这两个事件是不会捕获的。

TRACKMOUSEEVENT csTME;

csTME.cbSize = sizeof(csTME);

csTME.dwFlags = TME_LEAVE | TME_HOVER; // 指定要追踪的事件

csTME.dwHoverTime = 50;

csTME.hwndTrack = m_hWnd; // 指定要追踪的窗口

::_TrackMouseEvent(&csTME); // 开启Windows的WM_MOUSELEAVE事件支持

在OnMouseMove()中添加追踪这两个事件就可以了。

 

而WM_LBUTTONDOWN和WM_LBUTTONUP就是为了切换按钮的m_if_hover状态和刷新控件用的，代码很简单就不贴了。

到这里，CButtonEx就基本完成了。

在这里我写了一个简单的CButtonEx，可以支持
（1）jpeg图片按钮；
（2）png图片按钮；
（3）gif图片(第一帧)按钮；
（4）直接添加tooltip提示信息；
（5）普通/特殊两类按钮

传一张简单的效果图：

https://img-my.csdn.net/uploads/201404/30/1398849583_8805.gif

CButtonEx类下载地址：

http://download.csdn.net/detail/smallstonesk/7278067

--------------------- 本文来自 SmallStoneSK 的CSDN 博客 ，全文地址请点击：https://blog.csdn.net/smallstonesk/article/details/24798343?utm_source=copy