我們在進行程序的界面設計時,常常希望將位圖的關鍵部分,也既是圖像的前景顯示在界面上,而將位圖的背景隱藏起來,將位圖與界面很自然的融合在一起,本實例介紹了透明位圖的制作知識,並將透明位圖在一個對話框中顯示了出來,界面效果如圖一所示:
圖一、對話框界面上透明顯示位圖
一、實現方法
繪制"透明"位圖是指繪制某一位圖中除指定顏色外的其余部分,我們稱這種顏色為"透明色".通過將位圖的背景色指定為"透明色",在繪制時,不繪制這部分背景,而僅繪制圖像,這樣就可以將位圖中圖像透明地繪制到窗口上。
繪制"透明"位圖的關鍵是創建一個"掩碼"位圖(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()
} ;
//{{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 ) ;
}
四、小結
本實例介紹了如何在對話框中實現透明位圖的顯示,讀者朋友可能感覺到文中介紹的方法和代碼的實現過程仿佛不太一致,其實這些只是表面現象,讀者朋友在吃透實例代碼的實現過程後,就會發現兩者之間並沒有什麼沖突。