MFC通过CImage绘制透明图层的png图片

参考：https://blog.csdn.net/u013472838/article/details/80519525

https://blog.csdn.net/zhongbin104/article/details/8730935

https://blog.csdn.net/u011711997/article/details/52551106/

一、Cimage类的介绍及使用

详细参考：https://blog.csdn.net/u013472838/article/details/80519525

为什么引入CImage类？

    CBitmap 类只能处理BMP格式的图片，非常受限。

    而CImage可以处理JPGE GIF BMP PNG多种格式图片，扩展了图片处理功能 且能与CBitmap 进行转换( 因为所载入的位图句柄都是HBITMAP,所以可相互转换)，因此引入CImage类进行图像处理

CImage类介绍

     CImage是MFC和ATL共享的新类，它能从外部磁盘中调入一个JPEG、GIF、BMP和PNG格式的图像文件加以显示，而且这些文件格式可以相互转换。

     CImage是VC.NET中定义的一种MFC/ATL共享类，也是ATL的一种工具类，它提供增强型的（DDB和DIB）位图支持，可以装入、显示、转换和保存多种格式的图像文件，包括BMP、GIF、JPG、PNG、TIF等。CImage是一个独立的类，没有基类。（CImage类是基于GDI+的，从VC.NET起引进，VC 6.0中没有。）

      ATL（Active Template Library，活动模板库）是一套基于模板的 C++ 类，用以简化小而快的 COM 对象的编写。

为了在MFC程序中使用CImage类，必须包含ATL的图像头文件atlimage.h：（在VS08 SP1中不用包含）

#include <atlimage.h>

1、加载位图文件

// CImage可加载的图片文件有JPG,BMP,TIF.PNG等格式  而CBitmap只能加载BMP图片文件  
if(!PathFileExists(imgFilePath))   
    return NULL;  
  
CImage nImage;  
nImage.Load(imgFilePath);  
return nImage.Detach();  //返回HBITMAP    可用CBitmap 处理 也可用CImage处理

2、与CBitmap转换

CImage nImage;  
nImage.Load(imgFilePath);  
  
HBITMAP hBitmap=nImage.Detach(); // 获得位图句柄 用以转换 (注意后面就不能再用nImage了?)
  
  
// 转换方式一：  
CBitmap bmp;  
bmp.DeleteObject();  
bmp.Attach(hBitmap); //  转换为CBitmap对象  
  
  
// 转换方式二：  
   
CBitmap *pBitmap=CBitmap::FromHandle(nImage.m_hBitmap); 

3、获得CImage对象的cdc

CDC *pDC=CDC::FromHandle(nImage.GetDC());  
  
// Use pDC here  
  
nImage.ReleaseDC();  

4、显示位图

   思路： 将CImage对象 绘制在对应的DC中

   所使用的函数 BitBlt   StretchBlt  Draw等

   以Draw举例：

EXAMPLE 1：

CImage img;  
img.Load("1.jpg");  
  
if (!img.IsNull())  
{  
    img.Draw(pDC->m_hDC,CRect(0,0,100,100));  
}  

EXAMPLE 2： 画在另一个位图中

CImage img;  
img.Load(filePath);  
  
// 获得CImage对象的 CDC  
HDC hDC=img.GetDC();  
CDC *pDC=CDC::FromHandle(hDC);  
  
CBitmap bmp;// 只是创建了位图对象，但还没有将位图对象与位图资源联系起来  
bmp.CreateCompatibleBitmap(pDC,nWidth,nHeight); // 创建新的位图资源  
  
  
CDC memDC;  
memDC.CreateCompatibleDC(pDC);  
CBitmap *pOld=memDC.SelectObject(&bmp);  
  
// 将img图像绘制到bmp中  
  
::SetStretchBltMode(memDC.m_hDC,HALFTONE);  
::SetBrushOrgEx(memDC.m_hDC,0,0,NULL);  
img.StretchBlt(memDC.m_hDC,CRect(0,0,nWidth,nHeight)/*DestRect*/,CRect(0,0,nWidth,nHeight)/*SourceRect*/,SRCCOPY);  
  
HBITMAP hBitmap=(HBITMAP)memDC.SelectObject(pOld->m_hObject); // 获得新创建的位图资源句柄  
  
img.ReleaseDC();  

二、CImage绘制带alpha透明图层的png图片

参考：https://blog.csdn.net/zhongbin104/article/details/8730935 方法二

https://blog.csdn.net/u011711997/article/details/52551106/ 用MFC做漂亮界面之美化按钮（PNG透明贴图）

下面以绘制按钮透明PNG图片为例

第1步，我们先在对话框上放置两个按钮，一个是关闭按钮，另一个是最小化按钮，它们对应的ID分别是IDC_BUTTON_CLOSE和IDC_BUTTON_MIN，然后将我们的按钮设置为自绘制模式，方法如下：

选择按钮，右键属性，在属性列表中找到Owner Draw选项，将其设置为True

再为它们添加两个成员变量，具体如下：

CButton m_btnClose;
CButton m_btnMin;

第2步，我们新建一个类，继承自CButton，我们取名为CMyButton，为其添加3个成员变量，分别如下：

//按钮背景图像
CImage m_imgButton;
//按钮png路径，包括焦点，正常，按下3个状态
CString m_strImgPath;
//父窗口背景图片背景路径，透明png需要使用
CString m_strImgParentPath;

第3步，我们为CMyButton添加3个成员函数，分别如下：

//设置按钮背景图片路径，父窗口背景图片路径
void SetImagePath(CString strImgPath, CString strParentImgPath);
//初始化按钮，主要是调整按钮的位置，处理透明色
bool InitMyButton(int nX/*左上角X坐标*/, int nY/*左上角Y坐标*/,int nW/*图像宽*/, int nH/*图像高*/, bool bIsPng/*是否是PNG图片*/);
//自绘制函数
void DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct);

CMyButton的声明最终如下：

class CMyButton : public CButton
{
	DECLARE_DYNAMIC(CMyButton)
 
public:
	CMyButton();
 
	virtual ~CMyButton();
	
	//按钮背景图像
	CImage m_imgButton;
 
	//按钮png路径，包括焦点，正常，按下3个状态
	CString m_strImgPath;
 
	//父窗口背景图片背景路径，透明png需要使用
	CString m_strImgParentPath;
 
	//设置按钮背景图片路径，父窗口背景图片路径
	void SetImagePath(CString strImgPath, CString strParentImgPath);
 
	//初始化按钮，主要是调整按钮的位置，处理透明色
	bool InitMyButton(int nX/*左上角X坐标*/, int nY/*左上角Y坐标*/,int nW/*图像宽*/, int nH/*图像高*/, bool bIsPng/*是否是PNG图片*/);
 
	//自绘制函数
	void DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct);
 
protected:
	DECLARE_MESSAGE_MAP()
};

第4步，我们实现SetImagePath函数，它的功能是为按钮背景图片和父窗口背景图片成员函数初始化，具体如下：

void CMyButton::SetImagePath(CString strImgPath, CString strParentImgPath)
{
    m_strImgPath = strImgPath;
    m_strImgParentPath = strParentImgPath;
}

第5步，我们实现InitMyButton函数，它的功能是调整按钮在对话框上的位置，其中的参数代表该按钮在父窗口的左上角X坐标，Y坐标，宽度，高度，最后一个参数是为PNG格式图片准备的，如果是PNG带透明色的图片，需要对它进行特殊处理，具体定义如下：

bool CMyButton::InitMyButton(int nX, int nY, int nW, int nH, bool bIsPng)
{
	HRESULT hr = 0;
	if (m_strImgPath.IsEmpty())
		return false;
	hr = m_imgButton.Load(m_strImgPath);
 
	if (FAILED(hr))
		return false;
 
	if (bIsPng)
	{
		if (m_imgButton.GetBPP() == 32)
		{
			int i = 0;
			int j = 0;
			for (i = 0; i < m_imgButton.GetWidth(); i++)
			{
				for (j = 0; j < m_imgButton.GetHeight(); j++)
				{
					byte * pbyte = (byte *)m_imgButton.GetPixelAddress(i, j);
					pbyte[0] = pbyte[0] * pbyte[3] / 255;
					pbyte[1] = pbyte[1] * pbyte[3] / 255;
					pbyte[2] = pbyte[2] * pbyte[3] / 255;
				}
			}
		}
	}
 
	MoveWindow(nX,nY,nW,nH);
 
	return true;
}

其中MoveWindow函数是用来调整按钮位置的函数，其中的参数分别代表其在父窗口的左上角X坐标，左上角Y坐标，宽度，高度。
第6步，我们实现DrawItem函数，它是美化Button的核心函数，当我们将Button设置为自绘制后，每次按钮需要刷新，重新绘制的时候，MFC框架会调用它的DrawItem函数，在这个函数中，我们可以根据按钮当前的状态为其贴上相应的背景图。当我们按钮按钮的时候，为其贴上被按下的背景图；当我们的按钮获取焦点的时候，为其贴上获取焦点的背景图；当我们的按钮没有焦点，我们为其贴上默认的背景图片，它们对应的位置前面已经说过。为了避免闪烁，我们采用双缓冲的方式，具体代码如下：

void CMyButton::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
{
	if (!lpDrawItemStruct)
		return;
	HDC hMemDC;
	HBITMAP bmpMem;
	HGDIOBJ hOldObj;
	bmpMem = CreateCompatibleBitmap(lpDrawItemStruct->hDC, lpDrawItemStruct->rcItem.right - lpDrawItemStruct->rcItem.left, lpDrawItemStruct->rcItem.bottom - lpDrawItemStruct->rcItem.top);
	if (!bmpMem)
		return;
	hMemDC = CreateCompatibleDC(lpDrawItemStruct->hDC);
	if (!hMemDC)
	{
		if (bmpMem)
		{
			::DeleteObject(bmpMem);
			bmpMem = NULL;
		}
		return;
	}
 
	hOldObj = ::SelectObject(hMemDC, bmpMem);
 
	RECT rectTmp = { 0 };
 
	rectTmp = lpDrawItemStruct->rcItem;
 
	MapWindowPoints(GetParent(), &rectTmp);
 
	int nW = lpDrawItemStruct->rcItem.right - lpDrawItemStruct->rcItem.left;
 
	int nH = lpDrawItemStruct->rcItem.bottom - lpDrawItemStruct->rcItem.top;
 
	if (lpDrawItemStruct->itemState & ODS_SELECTED)
	{
		//按钮被选择
		m_imgButton.BitBlt(hMemDC, 0, 0, nW, nH, nW*2, 0, SRCCOPY);
	}
	else if (lpDrawItemStruct->itemState & ODS_FOCUS)
	{
               //焦点状态
              m_imgButton.BitBlt(hMemDC, 0, 0, nW, nH, nW, 0, SRCCOPY);		
	}
	else
	{
		//默认状态
		CImage imgParent;
 
		imgParent.Load(m_strImgParentPath);
 
		imgParent.Draw(hMemDC, 0, 0, nW, nH, rectTmp.left, rectTmp.top, nW, nH);
 
		m_imgButton.AlphaBlend(hMemDC, 0, 0, nW, nH, 0, 0, nW, nH);
 
		imgParent.Destroy();
		
	}
 
	::BitBlt(lpDrawItemStruct->hDC, 0, 0, nW, nH, hMemDC, 0, 0, SRCCOPY);
 
	SelectObject(hMemDC, hOldObj);
 
	if (bmpMem)
	{
		::DeleteObject(bmpMem);
		bmpMem = NULL;
	}
 
	if (hMemDC)
	{
		::DeleteDC(hMemDC);
		hMemDC = NULL;
	}
	return;
}

这里我们重点说一下默认状态的背景图，因为它是透明的，并且我们采用的是双缓冲，所以，为了避免最终透明色变成黑色，我们先在内存DC上贴上按钮在父窗口位置的背景图，这样可以解决透明色变成黑色的问题，如果你采用GDI+，就不用这么做，但是我们采用的是GDI。
第7步，用CMyButton替代对话框头文件中的CButton。

第8步，在对话框的InitDialog中，对两个按钮进行初始化，具体如下：

m_btnMin.SetImagePath(_T("./res/btn_min.png"), _T("./res/Background.png"));
m_btnMin.InitMyButton(516, 8, 27, 21, true);
m_btnClose.SetImagePath(_T("./res/btn_close.png"),_T("./res/Background.png"));
m_btnClose.InitMyButton(545,8,27,21,true);

三、GDI+画透明图层（alpha）的png图片

参考 https://blog.csdn.net/zhongbin104/article/details/8730935 方法一

 

来源：CSDN

作者：fengruoying93

链接：https://blog.csdn.net/fengruoying93/article/details/104222599