首页 > C/C++开发工具专区 > VC技术 > VC透明位图的绘制
2012
02-22

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)到显示设备描述表上。这样除”透明色”外的其余位图部分(图像部分)就被绘制到窗口上了。

     下面介绍两种用GDI函数实现绘制位图时只绘制除指定颜色外的部分,达到“透明”的效果的方法: 
1. 用BitBlt实现位图上某种颜色的透明显示 
2. 用MaskBlt实现位图上某种颜色的透明显示 

为方便起见,用MFC方式讨论。先有如下的定义: 
CDC *pDC; // 目标DC,假设已Create,位图已选入 
CDC *pActiveDC; // 装载位图的DC。假设已Create,位图已选入 
CDC *pMaskDC; // 装有掩码位图的DC 
CBitmap bmpMask; // MaskDC上使用的位图 
COLORREF crTrans; // pActiveDC上需要被透明处理的颜色 
CRect crClient; // pDC的大小。假设已获得 

这样,直观的说,本文讨论的目标就是,把pActiveDC绘制到pDC上的时候,不绘制跟crTrans相同的颜色的部分。
1. 用BitBlt API进行透明显示的步骤: 
① 处理pMaskDC为黑白DC,使pActiveDC上颜色为crTrans的部分在pMaskDC显示为白色,其余地方显示为黑色。 
② 将pActiveDC用BitBlt绘制到pDC上,使用SRCINVERT方式 
③ 将pMaskDC用BitBlt绘制到pDC上,使用SRCAND方式 
④ 再将pActiveDC用BitBlt绘制到pDC上,使用SRCINVERT方式 

ROP(光栅操作)中,SRCINVERT是位图间异或处理,SRCAND是位图间与处理。可以简单证明上述的操作过程会得到我们想要的结果: 
对于某一个位置,pDC上颜色为B,pActiveDC上颜色为A。 
当A == crTrans的时候,pMaskDC上这个位置的颜色M为白色。则上面的②~④步可以表示为: 
((B xor A) and M) xor A 
⇔ (B xor A) xor A 
⇔ B 
当A != crTrans的时候,pMaskDC上这个位置的颜色M为黑色。则上面的②~④步可以表示为: 
((B xor A) and M) xor A 
⇔ 0 xor A 
⇔ A 
下面是实现代码: 
// Sample of demonstrating making a color transparent. Pomelo Wu on 29/4/2005 
// Make the Mask DC monochrome 
pMaskDC->CreateCompatibleDC(pDC); 
bmpMask.CreateBitmap(rcClient.Width(), rcClient.Height(), 
1, 1, NULL); // monochrome bitmap 
CBitmap * pOldMaskBmp = pMaskDC->SelectObject(&bmpMask); 
// Set the mask bitmap 
pActiveDC->SetBkColor(crTrans); 
pMaskDC->BitBlt(0, 0, rcClient.Width(), rcClient.Height(), pActiveDC, 
0, 0, SRCCOPY); 
// Do the painting 
pDC->BitBlt(0, 0, rcClient.Width(), rcClient.Height(), pActiveDC, 
0, 0, SRCINVERT); 
pDC->BitBlt(0, 0, rcClient.Width(), rcClient.Height(), pMaskDC, 
0, 0, SRCAND); 
pDC->BitBlt(0, 0, rcClient.Width(), rcClient.Height(), pActiveDC, 
0, 0, SRCINVERT); 
// Omit the resting of destroying GDI object 


2. 为达到透明的效果,还可以用一种更方便的办法——使用MaskBlt这个API,具体方法如下: 
① pMaskDC选入bmpMask。 
② 处理pMaskDC,把需要透明的颜色填充满整个pMaskDC。 
③ 将pActiveDC用MaskBlt绘制到pDC上,使用ROP code 0xccaa0000方式 

实现代码如下: 
// Sample of demonstrating making a color transparent. Pomelo Wu on 29/4/2005 
// ROP code definition 
#define ROP_TRANS 0xccaa0000 
// handling the mask bitmap 
pMaskDC->CreateCompatibleDC(pDC); 
bmpMask.CreateBitmap(rcClient.Width(), rcClient.Height(), 
1, 1, NULL); // monochrome bitmap 
CBitmap * pOldMaskBmp = pMaskDC->SelectObject(&bmpMask); 
pMaskDC-> FillSolidRect(rcClient, crTrans); 
pDC->MaskBlt(0, 0, rcClient.Width(), rcClient.Height(), 
pActiveDC, 0, 0, 
bmpMask, 0, 0, ROP_CODE_TRANS); 
// Omit the resting of destroying GDI object 


下面是另一段基于对话框实现位图透明绘制的代码:
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 ) ;
//Buffer    
    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 ) ;
//Mask    
    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 0×00220326
// 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 ) ;
}


VC透明位图的绘制》有 0 条评论

  1. coolker 说:
    绘制”透明”位图是指绘制某一位图中除指定颜色外的其余部分,我们称这种颜色为”透明色”。通过将位图的背景色指定为”透明色”,在绘制时,不绘制这部分背景,而仅绘制图像,这样就可以将位图中图像透明地绘制到窗口上。 

    绘制”透明”位图的关键是创建一个”掩码”位图(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)到显示设备描述表上。这样除”透明色”外的其余位图部分(图像部分)就被绘制到窗口上了。

         下面介绍两种用GDI函数实现绘制位图时只绘制除指定颜色外的部分,达到“透明”的效果的方法: 
    1. 用BitBlt实现位图上某种颜色的透明显示 
    2. 用MaskBlt实现位图上某种颜色的透明显示 

    为方便起见,用MFC方式讨论。先有如下的定义: 
    CDC *pDC; // 目标DC,假设已Create,位图已选入 
    CDC *pActiveDC; // 装载位图的DC。假设已Create,位图已选入 
    CDC *pMaskDC; // 装有掩码位图的DC 
    CBitmap bmpMask; // MaskDC上使用的位图 
    COLORREF crTrans; // pActiveDC上需要被透明处理的颜色 
    CRect crClient; // pDC的大小。假设已获得 

    这样,直观的说,本文讨论的目标就是,把pActiveDC绘制到pDC上的时候,不绘制跟crTrans相同的颜色的部分。
    1. 用BitBlt API进行透明显示的步骤: 
    ① 处理pMaskDC为黑白DC,使pActiveDC上颜色为crTrans的部分在pMaskDC显示为白色,其余地方显示为黑色。 
    ② 将pActiveDC用BitBlt绘制到pDC上,使用SRCINVERT方式 
    ③ 将pMaskDC用BitBlt绘制到pDC上,使用SRCAND方式 
    ④ 再将pActiveDC用BitBlt绘制到pDC上,使用SRCINVERT方式 

    ROP(光栅操作)中,SRCINVERT是位图间异或处理,SRCAND是位图间与处理。可以简单证明上述的操作过程会得到我们想要的结果: 
    对于某一个位置,pDC上颜色为B,pActiveDC上颜色为A。 
    当A == crTrans的时候,pMaskDC上这个位置的颜色M为白色。则上面的②~④步可以表示为: 
    ((B xor A) and M) xor A 
    ⇔ (B xor A) xor A 
    ⇔ B 
    当A != crTrans的时候,pMaskDC上这个位置的颜色M为黑色。则上面的②~④步可以表示为: 
    ((B xor A) and M) xor A 
    ⇔ 0 xor A 
    ⇔ A 
    下面是实现代码: 
    // Sample of demonstrating making a color transparent. Pomelo Wu on 29/4/2005 
    // Make the Mask DC monochrome 
    pMaskDC->CreateCompatibleDC(pDC); 
    bmpMask.CreateBitmap(rcClient.Width(), rcClient.Height(), 
    1, 1, NULL); // monochrome bitmap 
    CBitmap * pOldMaskBmp = pMaskDC->SelectObject(&bmpMask); 
    // Set the mask bitmap 
    pActiveDC->SetBkColor(crTrans); 
    pMaskDC->BitBlt(0, 0, rcClient.Width(), rcClient.Height(), pActiveDC, 
    0, 0, SRCCOPY); 
    // Do the painting 
    pDC->BitBlt(0, 0, rcClient.Width(), rcClient.Height(), pActiveDC, 
    0, 0, SRCINVERT); 
    pDC->BitBlt(0, 0, rcClient.Width(), rcClient.Height(), pMaskDC, 
    0, 0, SRCAND); 
    pDC->BitBlt(0, 0, rcClient.Width(), rcClient.Height(), pActiveDC, 
    0, 0, SRCINVERT); 
    // Omit the resting of destroying GDI object 

    2. 为达到透明的效果,还可以用一种更方便的办法——使用MaskBlt这个API,具体方法如下: 
    ① pMaskDC选入bmpMask。 
    ② 处理pMaskDC,把需要透明的颜色填充满整个pMaskDC。 
    ③ 将pActiveDC用MaskBlt绘制到pDC上,使用ROP code 0xccaa0000方式 

    实现代码如下: 
    // Sample of demonstrating making a color transparent. Pomelo Wu on 29/4/2005 
    // ROP code definition 
    #define ROP_TRANS 0xccaa0000 
    // handling the mask bitmap 
    pMaskDC->CreateCompatibleDC(pDC); 
    bmpMask.CreateBitmap(rcClient.Width(), rcClient.Height(), 
    1, 1, NULL); // monochrome bitmap 
    CBitmap * pOldMaskBmp = pMaskDC->SelectObject(&bmpMask); 
    pMaskDC-> FillSolidRect(rcClient, crTrans); 
    pDC->MaskBlt(0, 0, rcClient.Width(), rcClient.Height(), 
    pActiveDC, 0, 0, 
    bmpMask, 0, 0, ROP_CODE_TRANS); 
    // Omit the resting of destroying GDI object 

    下面是另一段基于对话框实现位图透明绘制的代码:
    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 ) ;
    //Buffer    
        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 ) ;
    //Mask    
        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 0×00220326
    // 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 ) ;
    }

留下一个回复