為VC++應用程式對話方塊添加透明位元影像

我們在進行程式的介面設計時，常常希望將位元影像的關鍵區段，也既是映像的前景顯示在介面上，而將位元影像的背景隱藏起來，將位元影像與介面很自然的融合在一起，本執行個體介紹了透明位元影像的製作知識，並將透明位元影像在一個對話方塊中顯示了出來，介面效果一所示：

圖一、對話方塊介面上透明顯示位元影像

　　一、 實現方法

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

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

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

　　1、 位元影像裝置描述表以"SRCINVERT"的方式繪製(BitBlt)到顯示裝置描述表上；

　　2、 "掩碼"位元影像裝置描述表以"SRCAND"的方式繪製(BitBlt)到顯示裝置描述表上；

　　3、 再將位元影像裝置描述表以"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為柵格運算標誌，一般我們選擇SRCCOPY，直接拷貝源位元影像到目標。還可以讓源位元影像和目標位元影像進行XOR，AND，OR等等的操作。大家可以查看MSDN。

　　二、 編程步驟

　　1、 啟動Visual C++6.0，產生一個基於對話方塊架的應用程式，講程式命名為"TransPrarentImageTest"；

　　2、 添加位元影像資源，其ID為IDB_DRAGON，然後在對話方塊上添加一個IDC_STATIC控制項，在其屬性設定裡選擇顯示該資源映像；

　　3、 使用Class Wizard自訂類CtransparentImage，其基類選擇Cstatic；

　　4、 添加代碼，編譯運行程式。

　　三、 程式碼

////////////////////////////////////////////////////////// #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() } ; //} #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 ) ; 　// Prepare everything for drawing 　CRect l_rcClient ; 　GetClientRect( &l_rcClient ) ; 　CDC l_BufferDC ; 　l_BufferDC.CreateCompatibleDC( &l_PaintDC ) ; 　CBitmap l_BufferBitmap ; 　l_BufferBitmap.CreateCompatibleBitmap(&l_PaintDC,l_rcClient.Width(), l_rcClient.Height() ) ; 　CBitmap* l_pOldBufferBitmap = l_BufferDC.SelectObject( &l_BufferBitmap ) ; 　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 ) ; 　#define SRCMASK 0x00220326 　// Fill with transparent color 　l_BufferDC.FillSolidRect( &l_rcClient, RGB( 255, 0, 255 ) ) ; 　// Blit the bitmap to the buffer 　CDC l_MemoryDC ; 　l_MemoryDC.CreateCompatibleDC( &l_PaintDC ) ; 　CBitmap* l_pOldMemoryBitmap = l_MemoryDC.SelectObject( CBitmap::FromHandle( l_hbmpBitmap ) ) ; 　l_BufferDC.BitBlt( 0, 0, l_rcClient.Width(), l_rcClient.Height(), &l_MemoryDC,0, 0, SRCCOPY ) ; 　l_MemoryDC.SelectObject( l_pOldMemoryBitmap ) ; 　// Create the mask. 　COLORREF l_crOldBack = l_BufferDC.SetBkColor( RGB( 255, 0, 255 ) ) ; 　l_MaskDC.BitBlt( 0, 0, l_rcClient.Width(), l_rcClient.Height(), &l_BufferDC,0, 0, SRCCOPY ) ; 　l_BufferDC.SetBkColor( l_crOldBack ) ; 　// Draw the bitmap transparently now； 　if( ! l_PaintDC.MaskBlt( 0, 0, l_rcClient.Width(), l_rcClient.Height(),&l_BufferDC, 0, 0, l_MaskBitmap, 0, 0,ROP4_TRANSPARENTBLIT ) ) 　{ 　　CDC l_CopyDC ; 　　l_CopyDC.CreateCompatibleDC( &l_PaintDC ) ; 　　CBitmap l_CopyBitmap ; 　　l_CopyBitmap.CreateCompatibleBitmap( &l_PaintDC, l_rcClient.Width(),l_rcClient.Height() ) ; 　　CBitmap* l_pOldCopyBitmap = l_CopyDC.SelectObject( &l_CopyBitmap ) ; 　　l_CopyDC.BitBlt( 0, 0, l_rcClient.Width(), l_rcClient.Height(), &l_PaintDC,0, 0, SRCCOPY ) ; 　　l_CopyDC.BitBlt( 0, 0, l_rcClient.Width(), l_rcClient.Height(), &l_MaskDC,0, 0, SRCAND ) ; 　　l_BufferDC.BitBlt( 0, 0, l_rcClient.Width(), l_rcClient.Height(), &l_MaskDC,0, 0, SRCINVERT ) ; 　　l_CopyDC.BitBlt( 0, 0, l_rcClient.Width(), l_rcClient.Height(), &l_BufferDC,0, 0, SRCPAINT ) ; 　　l_PaintDC.BitBlt( 0, 0, l_rcClient.Width(), l_rcClient.Height(), &l_CopyDC,0, 0, SRCCOPY ) ; 　　l_CopyDC.SelectObject( l_pOldCopyBitmap ) ; 　} 　// Clean up. 　l_MaskDC.SelectObject( l_pOldMaskBitmap ) ; 　l_BufferDC.SelectObject( l_pOldBufferBitmap ) ; }

　　四、 小結

　　本執行個體介紹了如何在對話方塊中實現透明位元影像的顯示，讀者朋友可能感覺到文中介紹的方法和代碼的實現過程彷彿不太一致，其實這些只是表面現象，讀者朋友在吃透執行個體代碼的實現過程後，就會發現兩者之間並沒有什麼衝突。