我们在进序的界面设计时,常常希望将位图的关键部分,也既是图像的前景显示在界面上,而将位图的背景隐藏起来,将位图与界面很的融合在一起,本实例介绍了透明位图的制作知识,并将透明位图在一个对话框中显示了出来,界面效果如图一所示:
图一、对话框界面上透明显示位图 一、 实现方法
绘制"透明"位图是指绘制某一位图中除指定颜色外的其余部分,我们称这种颜色为"透明色"。通过将位图的背指定为"透明色",在绘制时,不绘制这部分背景,而仅绘制图像,这样就可以将位图中图像透明地绘制到窗口上。
绘制"透明"位图的关键是创建一个"掩码"位图(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 ) ; } 四、 小结
本实例介绍了如何在对话框中实现透明位图的显示,读者可能感觉到文中介绍的方法和代码的实现过程仿佛不太一致,其实这些只是表面现象,读者朋友在吃透实例代码的实现过程后,就会发现两者之间并没有什么冲突。 |