VC++實現位圖顯示透明效果

       我們在進行程序的界面設計時，常常希望將位圖的關鍵部分，也既是圖像的前景顯示在界面上，而將位圖的背景隱藏起來，將位圖與界面很自然的融合在一起，本文介紹了透明位圖的製作知識，並將透明位圖在一個對話框中顯示了出來。本文所使用的原始位圖及程序編譯運行後的界面效果如下圖所示：

 

 

圖一、原始位圖

圖二、對話框界面上透明顯示位圖

　　一、實現方法

　　繪製"透明"位圖是指繪製某一位圖中除指定顏色外的其餘部分，我們稱這種顏色爲"透明色"。通過將位圖的背景色指定爲"透明色"，在繪製時，不繪製這部分背景，而僅繪製圖像，這樣就可以將位圖中圖像透明地繪製到窗口上。 

　　繪製"透明"位圖的關鍵是創建一個"掩碼"位圖(mask bitmap)，"掩碼"位圖是一個單色位圖，它是位圖中圖像的一個單色剪影。在Windows編程中，繪圖都要用到設備描述表，我們需創建兩個內存設備描述表：位圖設備描述表(image DC)和"掩碼"位圖設備描述表(mask DC)。位圖設備描述表用來裝入位圖，而"掩碼"位圖設備描述表用來裝入"掩碼"位圖。在"掩碼"位圖設備描述表中製作"掩碼"位圖的方式是：先創建一個單色的Bitmap，裝入mask DC，然後，以"SRCCOPY"的方式將裝有位圖的位圖設備描述表繪製(BitBlt)到mask DC上。這樣，mask DC的顯示平面中的位圖即是"掩碼"位圖。 

　　一般情況下，繪製"透明"位圖的實際操作步驟如下：

　　1、甚至待顯示位圖的背景顏色，也就是設置我們希望透明顯示的位圖顏色；

　　2、位圖設備描述表以"SRCINVERT"的方式繪製(BitBlt)到顯示設備描述表上；

　　3、"掩碼"位圖設備描述表以"SRCAND"的方式繪製(BitBlt)到顯示設備描述表上；

　　4、再將位圖設備描述表以"SRCINVERT"的方式繪製(BitBlt)到顯示設備描述表上。這樣除"透明色"外的其餘位圖部分(圖像部分)就被繪製到窗口上了。

　　上述操作中需要用到的位圖顯示函數BitBlt（）的原型和說明如下：

BOOL BitBlt( int x, int y, int nWidth, int nHeight, CDC* pSrcDC, int xSrc, 
int ySrc, DWORD dwRop );

　　其中，參數int x表示貼到目的地的左上角X座標；int y表示/貼到目的地的左上角Y座標；int nWidth表示貼到目的地的區域寬度；int nHeight表示貼到目的地的區域高度；CDC* pSrcDC表示存儲源位圖的設備描述表；int xSrc表示源位圖的左上角X座標；int ySrc表示源位圖的左上角Y座標；DWORD dwRop爲柵格運算標誌（ROP），它明確定義瞭如何將源文件、目標文件和模式（由現在選出的刷子畫筆定義）的位組合去形成一個目標文件。對於所有的設備類型，光柵操作（ROP）只簡單地在表示位圖顏色的每一個bit位上展開相關操作而不考慮他們的實際意義。微軟爲位圖的光柵操作提供了多種方法，開發人員可以使用不同的組合得到想要的特殊效果。由於篇幅的限制，本文只討論四種常用的光柵操作： 

 

操作方式	運算方式	效果
SRCCOPY	src	直接將源位圖拷貝到目的設備上。
SRCAND	src AND dest	將目標文件中對應於源文件黑色區域的部分變黑，將對應於白色區域的部分留着不動。
SRCINVERT	src XOR dest	將源插入到目標。二次使用時，將目標恢復到它原來的狀態。在某種條件下可以代替SRCPAINT 操作。
SRCPAINT	src OR dest	將源文件中的白色區域刷到目標文件中。源中的黑色區域不轉換到目標中。

　　這裏補充說明一點，顯示位圖的背景顏色可以通過PhotoShop等圖像處理軟件獲取，當然，也可以通過讀取位圖上特殊位置上的像素點的顏色來獲取，前者實現起來比較方便，後者稍微麻煩一些，這可以根據個人愛好自由選擇。

　二、示例程序

　　首先啓動Visual C++6.0，生成一個基於對話框架的應用程序，將程序命名爲"TransPrarentImageTest"；然後添加位圖資源，其ID爲IDB_DRAGON，並在對話框上添加一個IDC_STATIC控件，在其屬性設置裏選擇顯示該資源圖像；最後，使用Class Wizard自定義類CtransparentImage，其基類選擇Cstatic，並添加代碼，編譯運行程序。程序代碼如下所示：

 

//////////////////////////////////////////////////////////
#ifndef __TRANSPARENTIMAGE_H_TRANSPARENTIMAGE_42A6E395_97E4_11D3_B6F0_005004024A9E
#define __TRANSPARENTIMAGE_H_TRANSPARENTIMAGE_42A6E395_97E4_11D3_B6F0_005004024A9E
#if _MSC_VER >= 1000
#pragma once
#endif
class CTransparentImage : public CStatic
{
public:
CTransparentImage() ;
virtual ~CTransparentImage() ;
protected:
//{{AFX_MSG( CTransparentImage )
afx_msg void OnPaint() ;
//}}AFX_MSG
DECLARE_MESSAGE_MAP()
} ;
//{{AFX_INSERT_LOCATION}}
#endif

//////////////////////////////////////////////////////////////
#include "StdAfx.h"
#include "TransparentImage.h"
#ifdef _DEBUG
#define new DEBUG_NEW
#undef THIS_FILE
static char THIS_FILE[] = __FILE__ ;
#endif

CTransparentImage::CTransparentImage()
{
}

CTransparentImage::~CTransparentImage()
{
}

BEGIN_MESSAGE_MAP( CTransparentImage, CStatic )
//{{AFX_MSG_MAP( CTransparentImage )
ON_WM_PAINT()
//}}AFX_MSG_MAP
END_MESSAGE_MAP()

void CTransparentImage::OnPaint() 
{
HBITMAP l_hbmpBitmap = GetBitmap() ;
if( l_hbmpBitmap == NULL )
{
Default() ;
return ;
}
CPaintDC l_PaintDC( this ) ;
CRect l_rcClient ;
GetClientRect( &l_rcClient ) ;
CDC l_MaskDC ;
l_MaskDC.CreateCompatibleDC( &l_PaintDC ) ;
CBitmap l_MaskBitmap ;
l_MaskBitmap.CreateBitmap( l_rcClient.Width(), l_rcClient.Height(), 
1, 1, NULL ) ;
CBitmap* l_pOldMaskBitmap = l_MaskDC.SelectObject( &l_MaskBitmap ) ;
CDC l_MemoryDC ;
l_MemoryDC.CreateCompatibleDC( &l_PaintDC ) ;
CBitmap* l_pOldMemoryBitmap =
l_MemoryDC.SelectObject( CBitmap::FromHandle( l_hbmpBitmap ) ) ;
COLORREF l_crOldBack =l_MemoryDC.SetBkColor( RGB( 255, 0, 255 ) ) ;
l_MaskDC.BitBlt( 0, 0, l_rcClient.Width(), l_rcClient.Height(), &l_MemoryDC, 
0, 0, SRCCOPY ) ;
l_PaintDC.BitBlt( 0, 0, l_rcClient.Width(), l_rcClient.Height(), &l_MemoryDC,
0, 0, SRCINVERT ) ;
l_PaintDC.BitBlt( 0, 0, l_rcClient.Width(), l_rcClient.Height(), &l_MaskDC, 
0, 0, SRCAND ) ;
l_PaintDC.BitBlt( 0, 0, l_rcClient.Width(), l_rcClient.Height(), &l_MemoryDC, 
0, 0, SRCINVERT ) ;
l_MemoryDC.SelectObject( l_pOldMemoryBitmap ) ;
l_MaskDC.SelectObject( l_pOldMaskBitmap ) ;

}

　　三、小結

　　本實例介紹瞭如何通過簡單的方法在對話框中實現透明位圖的顯示，讀者朋友可以從中開拓思路，實現更多的特殊顯示效果。