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