在非纯色背景上,叠加背景透明的BUTTON和STATIC_TEXT控件

本文涉及的产品
云备份 Cloud Backup,100GB 3个月
简介:

例子:我们要把这个十字准星叠到一个BUTTON控件上,BUTTON位于一个非纯色的背景的窗口上。显示时,紫红色(RGB 0xFF00FF)区域要被挖去,而显示底下的背景。资源图片如下图

实现:
1、按照以前的经验,如果这个Button由我们自己CreateWindowEx建立起来的话,只要在RegisterClass的WNDCLASS结构体里,把HBRUSH设置成GetStockObject(NULL_BRUSH),并且在WM_PAINT消息里首先做SetBkMode(TRANSPARENT)就可以了。但由于现在走了GWES和eVC里RESOURCE文件结合的方法提高开发速度,所以我们不能回到自己CreateWindow的原始时代了。应该考虑在MS制定的GWES游戏规则里跳舞。

2、首先实现图片的去色。实际上很容易,从网上的资料看,以前还得做个单色“掩色”hdc, 然后怎么怎么处理。而WINCE已经把这个功能做好了,提供函数TransparentBlt。
现在我画上去的按钮成这样了:

问题很明显,图像本身是达到去色的目的了,但是按钮的背景仍然是灰色刷子刷出来的,必须把按钮背景变成透明的。

2、首先我想到在WM_DRAWITEM消息里做SekBkMode,没有效果。然后非常想把已注册的WNDCLASS改掉,于是找到函数SetClassLong和GetClassLong,并且INDEX参数给出了GCL_HBRBACKGROUND类型。一切看起来都很美好。于是我写了这样的代码
HBRUSH hbr = GetStockObject(NULL_BRUSH);
int nReturn = SetWindowLong(hWnd, GCL_HBRBACKGROUND, (int)hbr);
结果编译不让过,说没有GCL_HBRBACKGROUND这个东东。我查了下STANDARDSDK_500给出的头文件,里面的确没有GCL_HBRBACKGROUND的定义。于是干脆翻出VS2005在XP下的SDK,硬是找到了GCL_HBRBACKGROUND = (-10). 好,我就强制
SetWindowLong(hWnd, -10, (int)hbr)
结果编译过去了,运行起来nReturn = 0. 伤心啊。再试一把,
HBRUSH hbr = GetWindowLong(hwnd, -10)
运行结果hbr = NULL. 伤心啊,拔凉拔凉的啊。仔细看WINCE产品文档,虽然对用表格列出了一大堆nIndex,但是下面小字Remarks写了“The only values supported for the nIndex parameter are GCL_HICON and GCL_STYLE”,最多再加个GCL_HCURSOR,其他的参数类型WINCE都不支持。我日,浪费感情。

3、在父窗口的PROC里抓住WM_CTLCOLORBTN消息,在里面搞点鬼
case WM_CTLCOLORBTN:
{
 HBRUSH hbr = (HBRUSH)GetStockObject(NULL_BRUSH);
 SetBkMode( HDC(wParam), TRANSPARENT );
 return (int)hbr;
}
郁闷了,父窗口不画这个区域,BUTTON自己又不擦背景,桌面的字都透出来了。像下图这样:

然后我画了个把小时搞InvalidateRect, ValidateRect, 对着那点小地方折腾半天,父窗口还是不愿意画上子窗口的区域,真像开工作会议时的扯皮,不是本部门负责的区域,坚决不做,打死也不做。这就是为什么文章标题强调“非纯色背景”了。如果是纯色背景,我在这里设置好HBRUSH的颜色就搞定了,麻烦就麻烦在为了透明而用NULL_BRUSH才出了问题。

4、吃过饭,灵光了,想到个很容易的方法。昨天经理刚批评我不踏实做事,喜欢找捷径。嘿嘿这次又被我抄个小捷径了:我先前在代码里已经保留了父窗口背景的hdcOffScreen,现在把子窗口区域的部分拿过来,先画到子窗口上,然后再把子窗口的十字准星叠加上去。实际上,前面一直想的是如何去除背景色,这篇文章的标题也这样写,而实际上背景色根本没被去掉,只是上面又覆盖了一层父窗口的背景图而已,逆向思维。

case WM_DRAWITEM:
{
 LPDRAWITEMSTRUCT lpDIS = (LPDRAWITEMSTRUCT)lParam;
 if( lpDIS->CtlID = IDC_CROSS )
 {
  BitBlt( lpDIS->hDC,  //这个是BUTTON窗口的hdc device,而不是background的,所以我们从{0,0}画起
            0,
     0,
     button.nWidth, //CROSS图片的宽和高
     button.nHeight,
     BackGround.hdcOffScreen,  //父窗口上背景图的OffScreen hdc, 也就是画在内存里的那份
     button.x,  //CROSS按钮在背景图上的左上角坐标。我们把背景图上那个区域的内容先画到BUTTON的hdcDevice上面,作为BUTTON窗口的背景。
     button.y,
     SRCCOPY );

  TransparentBlt( lpDIS->hDC,
     0,
     0,
     button.nWidth,
     button.nHeight,
     button.hdcOffScreen, //这次就把CROSS图片在画在内存里的那份hdcOffScreen拿出来,画到hdcDevice上
     0,
     0,
     button.nWidth,
     button.nHeight,
     0x00FF00FF);

  break;
 }
}


最终效果如图


5、用这个方法同样可以实现静态文本控件的“透明”显示, 不过这就不是在WM_DRAWITEM消息里做响应了,而是在WM_CTLCOLORSTATIC消息里,参考代码如下:

case WM_CTLCOLORSTATIC:
{
 HDC hdc = (HDC)wParam;
 HWND hWnd = (HWND)lParam;

 SetTextColor(hdc, FontColor); //设置文本颜色
 BitBlt(hdc, ...) //把父窗口的背景图抓出对应坐标和长宽的一块来当我们的背景。
 SetBkMode(hdc, TRANSPARENT); //设置文本区域背景透明,这是必要的。除了按钮的背景外,文本自己还有个底
 return (int)GetStockObject(NULL_BRUSH); //返回一个透明刷子,不然后面会把我们BitBlt上去的背景图给刷没了。
}


本文转自Walzer博客园博客,原文链接:http://www.cnblogs.com/walzer/archive/2007/04/14/713239.html,如需转载请自行联系原作者


相关实践学习
利用HBR实现文件存储NAS备份
当您使用云上NAS存储共享ECS,容器,K8s等计算设备的数据时,数据可能因病毒勒索,误删除而丢失。本场景主要介绍如何使用HBR为云上文件存储NAS进行备份,进而保证数据安全。
相关文章
|
2月前
|
前端开发
如何在页面中画一个canvas,然后在居中位置写上蓝色‘Hello Canvas‘,并加上文字描边 * @type {HTMLElement}
如何在页面中画一个canvas,然后在居中位置写上蓝色‘Hello Canvas‘,并加上文字描边 * @type {HTMLElement}
|
2月前
|
JavaScript
ELEMENT-PLUES如何设计二级高亮样式,文字如何呈现高亮效果,如果字体出现不对齐的情况,侧边栏icon如何调位置,目录如何折叠,如何延迟动画播放,如何添加阴影,如何添加logo,在行内样式写宽
ELEMENT-PLUES如何设计二级高亮样式,文字如何呈现高亮效果,如果字体出现不对齐的情况,侧边栏icon如何调位置,目录如何折叠,如何延迟动画播放,如何添加阴影,如何添加logo,在行内样式写宽
|
4月前
|
XML Java Android开发
android背景颜色渐变及改变title颜色
android背景颜色渐变及改变title颜色
31 4
|
4月前
按钮的image图片是非圆角,直接对UIButton设置圆角,iOS13系统没有圆角效果的问题及解决方案
按钮的image图片是非圆角,直接对UIButton设置圆角,iOS13系统没有圆角效果的问题及解决方案
39 0
|
4月前
alert Dialog设置 button颜色 圆角
alert Dialog设置 button颜色 圆角
40 0
|
4月前
|
Web App开发 前端开发
canvas详解02-样式和颜色控制
canvas详解02-样式和颜色控制
86 1
|
9月前
|
前端开发
CSS改变图标颜色(filter一行代码解决hover变换颜色问题)
CSS改变图标颜色(filter一行代码解决hover变换颜色问题)
185 0
CSS3文本居中显示、圆形圆角绘制、立体阴影效果设置实例演示
CSS3文本居中显示、圆形圆角绘制、立体阴影效果设置实例演示
119 0
|
JavaScript
Element-UI中Drawer抽屉去除标题自带黑色边框
Element-UI中Drawer抽屉去除标题自带黑色边框
如何让QComboBox控件下拉框自适应文字宽度?
如何让QComboBox控件下拉框自适应文字宽度?
1067 0