 圖一、對話框界面上透明顯示位圖 |
一、 實現(xiàn)方法
繪制"透明"位圖是指繪制某一位圖中除指定顏色外的其余部分，我們稱這種顏色為"透明色"。通過將位圖的背景色指定為"透明色"，在繪制時，不繪制這部分背景，而僅繪制圖像，這樣就可以將位圖中圖像透明地繪制到窗口上。
繪制"透明"位圖的關鍵是創(chuàng)建一個"掩碼"位圖(mask bitmap)，"掩碼"位圖是一個單色位圖，它是位圖中圖像的一個單色剪影。在Windows編程中，繪圖都要用到設備描述表，我們需創(chuàng)建兩個內(nèi)存設備描述表：位圖設備描述表(image DC)和"掩碼"位圖設備描述表(mask DC)。位圖設備描述表用來裝入位圖，而"掩碼"位圖設備描述表用來裝入"掩碼"位圖。在"掩碼"位圖設備描述表中制作"掩碼"位圖的方式是：先創(chuàng)建一個單色的Bitmap，裝入mask DC，然后，以"SRCCOPY"的方式將裝有位圖的位圖設備描述表繪制(BitBlt)到mask DC上。這樣，mask DC的顯示平面中的位圖即是"掩碼"位圖。
一般情況下，繪制"透明"位圖的實際操作步驟如下：
1、 位圖設備描述表以"SRCINVERT"的方式繪制(BitBlt)到顯示設備描述表上；
2、 "掩碼"位圖設備描述表以"SRCAND"的方式繪制(BitBlt)到顯示設備描述表上；
3、 再將位圖設備描述表以"SRCINVERT"的方式繪制(BitBlt)到顯示設備描述表上。這樣除"透明色"外的其余位圖部分(圖像部分)就被繪制到窗口上了。
上述操作中需要用到的顯示函數(shù)BitBlt的原型和說明如下：
| BOOL BitBlt( int x, int y, int nWidth, int nHeight, CDC* pSrcDC, int xSrc, int ySrc, DWORD dwRop ); |
函數(shù)的參數(shù)說明如下：int x表示貼到目的地的左上角X坐標；int y表示/貼到目的地的左上角Y坐標；int nWidth表示貼到目的地的區(qū)域?qū)挾龋籭nt nHeight表示貼到目的地的區(qū)域高度；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() } ; //{{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 ) ; // 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 ) ; } |
四、 小結(jié)
本實例介紹了如何在對話框中實現(xiàn)透明位圖的顯示，讀者朋友可能感覺到文中介紹的方法和代碼的實現(xiàn)過程仿佛不太一致，其實這些只是表面現(xiàn)象，讀者朋友在吃透實例代碼的實現(xiàn)過程后，就會發(fā)現(xiàn)兩者之間并沒有什么沖突。
