鱼C论坛

 找回密码
 立即注册

透明显示原理及其实现

热度 15已有 1314 次阅读2011-4-3 11:00 |个人分类:技术|

  图标显示原理


  其实,Windows中随处可见的图标就是一个透明位图的典型实例。
  图标是由两个单独的位图组成的。第一个位图是由黑色(颜色位全为0)背景与彩色图标图案组成的,该位图将与当前屏幕显示通过异或(XOR)操作结合起来,故称其为XOR位图。第二个位图是由白色(颜色位全为1)背景与黑色(颜色位全为0)图标图案组成的,该位图将与当前屏幕显示通过与(AND)操作结合起来,故称其为AND位图。图标的显示是通过两个步骤完成的:

  当前屏幕显示与AND位图通过AND操作结合起来;
  当前屏幕显示与XOR位图通过XOR操作结合起来。

  大家知道,1与任何数值AND操作的结果将维持原数值,而0与任何数值AND操作的结果则是0,因此在步骤1中,AND位图中白色(1)与屏幕显示经过AND操作后被原色彩屏蔽,而黑色(0)则将原色彩屏蔽。步骤1结束后,屏幕上将留下一个黑色的图标图案。在随后的步骤2中,由于0与任何数值异或的结果都将是原数值,因此,XOR位图与屏幕显示经过异或操作后,位图和屏幕中的黑色部分都将被各自对应的彩色部分屏蔽。步骤2结束后,一个形状不规则的图标图案就出现在屏幕上了。这就是图标显示的原理。


    实现代码(VC)

    画透明位图通常的方法是使用遮罩。所谓遮罩就是一张黑白双色的位图,他和要透明的位图是对应的,遮罩描述了位图中需要透明的部分,透明的部分是黑色的,而不透明的是白色的,白色的部分就是透明的部分。
   
假设图A是要画的透明位图,图B是遮罩,图A上是一个大写字母A,字母是红色的,背景是黑色的,图B背景是白色的,上面有一个黑色的字母A和图A的形状是一样的。 

    比如我们要在一张蓝天白云的背景上透明地画图A,就是只把红色的字母A画上去。我们可以先将图B和背景进行与操作,再把图B和背景进行或操作就可以了。

BOOL DrawTransparentBmp(HDC hdc, HBITMAP hbmp, RECT &rect, COLORREF colorTrans)
{

 HDC dcImage, dcTrans, dcImage24;

 HBITMAP holdbmp24, hbmp24;

 HBITMAP holdbmp;

 HBITMAP hbmpTrans, holdbmpTrans;

 // 创建内存DC

 dcImage = CreateCompatibleDC(hdc);

 dcTrans = CreateCompatibleDC(hdc);

 dcImage24 = CreateCompatibleDC(hdc);

 if (dcImage == NULL || dcTrans == NULL || dcImage24 == NULL)

 // Error: can't create compatible dc

 return FALSE;

 // 获取图像属性

 BITMAP bmp;

 GetObject(hbmp, sizeof(bmp), &bmp);

 // 选择图片到目标DC中

 holdbmp = (HBITMAP)SelectObject(dcImage, hbmp);

 // 创建24位图

 PBITMAPINFO lpBmpInfo;

 lpBmpInfo = (BITMAPINFO*) new BYTE[sizeof(BITMAPINFOHEADER)];

 lpBmpInfo->bmiHeader.biSize = sizeof(BITMAPINFOHEADER);

 lpBmpInfo->bmiHeader.biPlanes = 1;

 lpBmpInfo->bmiHeader.biBitCount = 24;//nBitCount;

 lpBmpInfo->bmiHeader.biCompression = BI_RGB;

 lpBmpInfo->bmiHeader.biSizeImage = 0;

 lpBmpInfo->bmiHeader.biClrUsed = 0;

 lpBmpInfo->bmiHeader.biWidth = bmp.bmWidth;

 lpBmpInfo->bmiHeader.biHeight = bmp.bmHeight;

 HDC dc = CreateCompatibleDC(NULL);

 // 生成新图片

 LPVOID lpBits;

 hbmp24 =::CreateDIBSection(dc,lpBmpInfo,DIB_RGB_COLORS,

 &lpBits,NULL,0);

 DeleteDC(dc);

 delete lpBmpInfo;

 if (hbmp24 == NULL)

  // Error

 return FALSE;

 //将24位图片选择到位图DC

 ldbmp24 = (HBITMAP)SelectObject(dcImage24, hbmp24);

 // 将原图绘制到24位图中

 itBlt(dcImage24, 0, 0, bmp.bmWidth, bmp.bmHeight, dcImage, 0, 0, SRCCOPY);

 // 创建Mask图

 hbmpTrans = CreateBitmap(bmp.bmWidth, bmp.bmHeight, 1, 1, NULL);

 if (hbmpTrans == NULL)

      // Error

 return FALSE;

 // 选择Mask图到dcTrans中

 holdbmpTrans = (HBITMAP)SelectObject(dcTrans, hbmpTrans);

 // 创建掩码图像(基于指定的颜色),即AND Mask图

 ORREF oldbkcolor = SetBkColor(dcImage24, colorTrans);

 BitBlt(dcTrans, 0, 0, bmp.bmWidth, bmp.bmHeight, dcImage24, 0, 0, SRCCOPY);

 SetBkColor(dcImage24, RGB(0,0,0));

 COLORREF oldtextcolor = SetTextColor(dcImage24, RGB(255,255,255));

 BitBlt(dcImage24, 0, 0, bmp.bmWidth, bmp.bmHeight, dcTrans, 0, 0, SRCAND);

 // 去除指定颜色

 COLORREF crOldBack, crOldText;

 crOldBack = SetBkColor(hdc, RGB(255,255,255));

 crOldText = SetTextColor(hdc, RGB(0,0,0));

 // 显示透明图

 StretchBlt(hdc, rect.left, rect.top, rect.right - rect.left,rect.bottom - rect.top,

 dcTrans, 0, 0, bmp.bmWidth, bmp.bmHeight, SRCAND);

 StretchBlt(hdc, rect.left, rect.top, rect.right - rect.left,rect.bottom - rect.top,

 dcImage24, 0, 0, bmp.bmWidth, bmp.bmHeight, SRCPAINT);

 // 恢复设置及其释放资源

 SelectObject(dcImage, holdbmp);

 SelectObject(dcImage24, holdbmp24);

 SelectObject(dcTrans, holdbmpTrans);

 DeleteObject(hbmp24);

 DeleteObject(hbmpTrans);

 SetBkColor(hdc, crOldBack);

 SetTextColor(hdc, crOldText);

 SetBkColor(dcImage24, oldbkcolor);

 SetTextColor(dcImage24, oldtextcolor);

 DeleteDC(dcImage);

 DeleteDC(dcImage24);

 DeleteDC(dcTrans);

 return TRUE;

}

2

路过

雷人
4

握手
9

鲜花

鸡蛋

刚表态过的朋友 (15 人)

发表评论 评论 (2 个评论)

回复 tawtg 2012-3-5 12:01
   又学到新知识了,谢谢分享~
请教一点,上述所说的图标文件,是否本质上就是由两个特殊图层组成,而这些运算过程由操作系统进行。
回复 越野e族 2012-5-12 15:36
小甲鱼很厉害啊

facelist

您需要登录后才可以评论 登录 | 立即注册

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-10-25 03:25

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

返回顶部