CN103092463B - 基于透明窗体的按钮跟随鼠标波浪式浮动的实现方法 - Google Patents

Abstract

本发明提供一种基于透明窗体的按钮跟随鼠标波浪式浮动的实现方法，包括：步骤10、通过创建内存模型，构建透明窗体；步骤20、通过Draw方法画图，生成按钮位图，将该按钮位图刷新到窗体，该按钮位图显示在窗体中；步骤30、当鼠标移至按钮位图上，计算并获得各按钮渐变轨迹，并将当前状态下各按钮画至缓冲位图；步骤40、将缓冲位图刷新至窗体，窗体中显示当前状态下渐变后的按钮，实现透明窗体中按钮跟随鼠标波浪式浮动。本发明通过重新创建内存模型，构建透明窗体，且窗体边缘无毛刺，工具条上各按钮可以是任意形状，然后通过缩放系数m=kx_i+b，获得参与渐变的按钮在渐变后的尺寸大小，实现按钮渐变，且降低了CPU的占用率。

Description

基于透明窗体的按钮跟随鼠标波浪式浮动的实现方法

【技术领域】

本发明涉及应用软件的窗体，特别涉及基于透明窗体的按钮跟随鼠标波浪式浮动的实现方法。

【背景技术】

随着计算机的迅速发展，相关的绘图软件也应运而生。为方便用户操作，大多数绘图软件都会向用户提供工具条，工具条上设有多个用于修改功能参数的按钮。这些工具条可在画布上随意拖动，但由于老式工具条都是不透明的，在操作过程中，且会遮挡用户查看工具条后方画布上的内容，用户只能通过频繁拖动工具条，才能看清画布，因此使用过程很不方便。

现在市场上还出现了一些可以使软件的窗体以任意形状显示的技术，但是这些窗体都存在着窗体边缘毛刺，窗体中工具条上的各按钮无法以任意形状显示的问题，且存在CPU占用率高等缺点。所述软件的窗体是指任意一种软件打开使用后，除可编辑的界面或画布以及工具条之外的框体，例如：画图软件打开后，包括：中间部分的画布、工具条以及环绕四周的框体。

【发明内容】

本发明要解决的技术问题，在于提供一种基于透明窗体的按钮跟随鼠标波浪式浮动的实现方法，其实现保留软件编辑区可见但窗体透明的友好界面，且使窗体内各工具条上的按钮跟随鼠标波浪式浮动，窗体边缘无毛刺，工具条上的按钮可以是任意形状，CPU占用率低。

本发明是这样实现的：

基于透明窗体的按钮跟随鼠标波浪式浮动的实现方法，包括如下步骤：

步骤10、通过创建内存模型，构建透明窗体；

步骤20、通过Draw方法画图，生成按钮位图，将该按钮位图刷新到窗体，该按钮位图显示在窗体中；该按钮位图上画有复数个按钮，各按钮大小为初始化状态下大小，即各按钮大小未发生改变；用户根据需要自定义各按钮的大小形状；通过Draw方法绘制的按钮位图显示到窗体中，不会被透明，且不会出现毛刺现象；

步骤30、当鼠标移至按钮位图上，计算并获得各按钮渐变轨迹，并将当前状态下各按钮画至缓冲位图；所述当前状态是指鼠标移至按钮位图上的状态；

步骤40、将缓冲位图刷新至窗体，窗体中显示当前状态下渐变后的按钮，实现透明窗体中按钮跟随鼠标波浪式浮动。

所述步骤10具体为：

步骤11、设置窗体风格：重载CreateParams方法，设置窗口风格为无标题、置顶、带边框的弹出窗口；

步骤12、设置内存模型：

首先，创建第一设备上下文，该第一设备上下文与显示器关联，存储显示器的基本信息，所述基本信息包括：显示器的宽、高、分辨率；当Windows***得到第一设备上下文时，将根据第一设备上下文存储的显示器基本信息刷新屏幕；

其次，创建由窗体画布定义的第二设备上下文，该第二设备上下文保存绘制的工具条。

然后，设置内存参数：

创建一BLENDFUNCTION类型变量，所述BLENDFUNCTION类型为结构体，该结构体包含有混合处理指令BlendOp、混合标志BlendFlags、混合方式AlphaFormat、源位图透明度SourceConstantAlpha四个子参数，该四个子参数的值分别设置为AC_SRC_OVER，0，1和255；通过所述结构体将第一设备上下文和第二设备上下文按照所述子参数进行色彩混合处理，从而得到具有透明效果的图片；

步骤13、使用WindowsAPI的函数UpdateLayeredWindow将所述图片刷新至屏幕，从而构建出透明窗体。

进一步地，所述步骤30具体为：

步骤31、创建一张与所述按钮位图大小一样的缓冲位图，并设置每次参与渐变的按钮的个数n，n≤N，N为总的按钮数量；

步骤32、设按钮初始化状态下的尺寸值w_o，相邻两按钮间的间距w_d，鼠标与任意一按钮中心之间的距离为x_i，1≤i≤N；

设按钮的缩放系数为m_i，且按钮缩放系数与鼠标与按钮中心之间的距离为x_i成正比，即m_i＝kx_i+b，则缩放后的按钮尺寸y_i＝m_iw_o＝(kx_i+b)w_o，

n为偶数时：

当鼠标与第i个按钮中心的距离x_i＝(w_o+w_d)/2，则所述第i个按钮尺寸达到最大尺寸值y_max，定义y_max＝2w_o；

当鼠标与第i个按钮中心的距离x_i＝[nw_o+(n+1)w_d]/2，则所述第i个按钮尺寸达到最小尺寸值y_min，定义y_min＝w_o；

通过计算得到缩放系数m_i＝kx_i+b中斜率k和常量b，

从而获得n为偶数时，参与渐变的各按钮在渐变后的尺寸y_i；

当鼠标与其中任意一按钮中心的距离x_i＞[nw_o+(n+1)w_d]/2时，该按钮不参与渐变；

将不参与渐变的按钮从按钮位图上直接复制到缓冲位图上相对应的位置，对于参与渐变的按钮，将其缩放后的按钮画至缓冲位图上相对应的位置，完成缓冲位图的绘制；

n为奇数时：

当鼠标与第i个按钮中心的距离x_i为0，则所述第i个按钮尺寸达到最大尺寸值y_max，定义y_max＝2w_o；

当鼠标与第i个按钮中心的距离x_i＝[nw_o+(n+1)w_d]/2，则所述第i个按钮尺寸达到最小尺寸值y_min，定义y_min＝w_o；

通过计算得到缩放系数m_i＝kx_i+b中斜率k和常量b，

从而获得n为奇数时，参与渐变的各按钮在渐变后的尺寸y_i；

当鼠标与其中任意一按钮中心的距离x_i＞[nw_o+(n+1)w_d]/2时，该按钮不参与渐变；

将不参与渐变的按钮从按钮位图上直接复制到缓冲位图上相对应的位置，对于参与渐变的按钮，将其缩放后的按钮画至缓冲位图上相对应的位置，完成缓冲位图的绘制。

本发明具有如下优点：通过重新创建内存模型，构建透明窗体，且窗体边缘无毛刺，工具条上各按钮可以是任意形状，然后通过缩放系数m＝kx_i+b，获得参与渐变的按钮在渐变后的尺寸大小，将渐变后的按钮画至缓冲位图，将未参与渐变的按钮直接从按钮位图中复制过来，然后将绘制好的缓冲位图直接刷新至窗体，实现按钮跟随鼠标波浪式浮动，同时降低了CPU的占用率。

【具体实施方式】

基于透明窗体的按钮跟随鼠标波浪式浮动的实现方法，包括步骤10、步骤20、步骤30和步骤40：

步骤10、通过创建内存模型，构建透明窗体；所述步骤10具体为：

步骤11、设置窗体风格：重载CreateParams方法，设置窗口风格为无标题、置顶、带边框的弹出窗口；

步骤12、设置内存模型：

首先，创建第一设备上下文，该第一设备上下文与显示器关联，存储显示器的基本信息，所述基本信息包括：显示器的宽、高、分辨率；当Windows***得到第一设备上下文时，将根据第一设备上下文存储的显示器基本信息刷新屏幕；

其次，创建由窗体画布定义的第二设备上下文，该第二设备上下文保存绘制的工具条；

这里解释一下设备上下文：所述设备上下文是一种包含有关某个设备(如显示器或打印机)的绘制属性信息的Windows数据结构。所有绘制调用都通过设备上下文对象进行，这些对象封装了用于绘制线条、形状和文本的WindowsAPI。设备上下文允许在Windows中进行与设备无关的绘制。设备上下文可用于绘制到屏幕、打印机或者图元文件。

然后，设置内存参数：

创建一BLENDFUNCTION类型变量，所述BLENDFUNCTION类型为结构体，该结构体包含有混合处理指令BlendOp、混合标志BlendFlags、混合方式AlphaFormat、源位图透明度SourceConstantAlpha四个子参数，该四个子参数的值分别设置为AC_SRC_OVER，0，1和255；通过所述结构体将第一设备上下文和第二设备上下文按照所述子参数进行色彩混合处理，从而得到具有透明效果的图片；

这里说明一下BLENDFUNCTION类型的结构体原理：通过设定控制色彩混合处理的指令为AC_SRC_OVER，使源位图可以根据自身各像素透明值置于目标位图(两张图叠加)。当设定控制源位图和目标位图混合方式的指令为AC_SRC_ALPHA时，将对源位图和目标位图进行色彩混合，混合后的新色彩将刷新到目标位图。方法如下：

Dst.Red＝Src.Red+(1-Src.Alpha)*Dst.Red

Dst.Green＝Src.Green+(1-Src.Alpha)*Dst.Green

Dst.Blue＝Src.Blue+(1-Src.Alpha)*Dst.Blue

Dst.alpha＝Src.Alpha+(1-Src.Alpha)*Dst.Alpha

其中：Dst为目标位图。等式左边的Dst.Alpha为混合后目标位图各像素新透明度。等式右边的Dst.Alpha为混合前的目标位图各像素原透明度。Src为源位图。Src.Alpha为源位图各像素透明度值。SCA为源位图透明度，值为255。

在本发明中，源位图为上文提到的第二设备上下文，目标位图是第一设备上下文。该结构体包含有控制色彩混合处理的指令(目前只有唯一一个值AC_SRC_OVER，即混合命令)、混合标志(值为0)、源位图透明度(值为255)、控制源位图和目标位图混合方式的指令(值为AC_SRC_ALPHA，该AC_SRC_ALPHA为window***提供的宏，该宏值为1，作用是为位图设置有Alpha通道(即每像素都有alpha值)以使混合操作时颜色可以抵消，颜色抵消即两个颜色的透明度相减，得到新的透明度；

步骤13、使用WindowsAPI的函数UpdateLayeredWindow将所述图片刷新至屏幕，从而构建出透明窗体；

步骤20、通过Draw方法画图，生成按钮位图，将该按钮位图刷新到窗体，该按钮位图显示在窗体中；该按钮位图上画有复数个按钮，各按钮大小为初始化状态下大小，即各按钮大小未发生改变；用户根据需要自定义各按钮的大小形状；通过Draw方法绘制的按钮位图显示到窗体中，不会被透明，且不会出现毛刺现象；

步骤30、当鼠标移至按钮位图上，计算并获得各按钮渐变轨迹，并将当前状态下各按钮画至缓冲位图；所述当前状态是指鼠标移至按钮位图上的状态；所述按钮渐变轨迹的原理是：当鼠标与按钮中心距离较小时，按钮相对于正常值较大，当鼠标到达某一位置时，按钮大小到达最大值；当鼠标与按钮中心距离较大时，按钮大小介于正常值与最大值之间，当鼠标与按钮中心距离到达某一值时，按钮大小为正常值；鼠标继续远离该按钮时，按钮不再变化，并一直保持正常大小。

所述步骤30具体包括如下步骤：

步骤31、创建一张与所述按钮位图大小一样的缓冲位图，并设置每次参与渐变的按钮的个数n，n≤N，N为总的按钮数量；

步骤32、设按钮初始化状态下的尺寸值w_o，相邻两按钮间的间距w_d，鼠标与任意一按钮中心之间的距离为x_i，1≤i≤N；

设按钮的缩放系数为m_i，且按钮缩放系数与鼠标与按钮中心之间的距离为x_i成正比，即m_i＝kx_i+b，则缩放后的按钮尺寸y_i＝m_iw_o＝(kx_i+b)w_o，

n为偶数时：

当鼠标与第i个按钮中心的距离x_i＝(w_o+w_d)/2，则所述第i个按钮尺寸达到最大尺寸值y_max，定义y_max＝2w_o；

当鼠标与第i个按钮中心的距离x_i＝[nw_o+(n+1)w_d]/2，则所述第i个按钮尺寸达到最小尺寸值y_min，定义y_min＝w_o；通过计算得到缩放系数m_i＝kx_i+b中斜率k和常量b，从而获得n为偶数时，参与渐变的各按钮在渐变后的尺寸y_i；

具体为：将(x_i＝(w_o+w_d)/2，y_max＝2w_o)和([nw_o+(n+1)w_d]/2，y_min＝w_o)这两组极值带入方程式y＝(kx_i+b)w_o，即求斜率k和常量b，

b＝w_o*(2nw_o-(2n+1)*w_d)/((n-1)w_o+n*w_d)

k＝-(w_o*2)/((n-1)*w_o+n*w_d)；

当鼠标与其中任意一按钮中心的距离x_i＞[nw_o+(n+1)w_d]/2时，该按钮不参与渐变；

将不参与渐变的按钮从按钮位图上直接复制到缓冲位图上相对应的位置，对于参与渐变的按钮，将其缩放后的按钮画至缓冲位图上相对应的位置，完成缓冲位图的绘制；

n为奇数时：

当鼠标与第i个按钮中心的距离x_i为0，则所述第i个按钮尺寸达到最大尺寸值y_max，定义y_max＝2w_o；

当鼠标与第i个按钮中心的距离x_i＝[nw_o+(n+1)w_d]/2，则所述第i个按钮尺寸达到最小尺寸值y_min，定义y_min＝w_o；通过计算得到缩放系数m_i＝kx_i+b中斜率k和常量b，从而获得n为奇数时，参与渐变的各按钮在渐变后的尺寸y_i；

具体为：将(0，y_max＝2w_o)和(x_i＝[nw_o+(n+1)w_d]/2，y_min＝w_o)这两组极值带入方程式y＝(kx_i+b)w_o，即求斜率k和常量b，

b＝2w_o，k＝-w_o/(n*w_o+(n+1)*w_d)；

当鼠标与其中任意一按钮中心的距离x_i＞[nw_o+(n+1)w_d]/2时，该按钮不参与渐变；

将不参与渐变的按钮从按钮位图上直接复制到缓冲位图上相对应的位置，对于参与渐变的按钮，将其缩放后的按钮画至缓冲位图上相对应的位置，完成缓冲位图的绘制。

步骤40、将缓冲位图刷新至窗体，窗体中显示当前状态下渐变后的按钮，实现透明窗体中按钮跟随鼠标波浪式浮动。

本发明通过重新创建内存模型，构建透明窗体，且窗体边缘无毛刺，工具条上各按钮可以是任意形状，然后通过缩放系数m＝kxi+b，获得参与渐变的按钮在渐变后的尺寸大小，将渐变后的按钮画至缓冲位图，将未参与渐变的按钮直接从按钮位图中复制过来，然后将绘制好的缓冲位图直接刷新至窗体，实现按钮跟随鼠标波浪式浮动，同时降低了CPU的占用率。

虽然以上描述了本发明的具体实施方式，但是熟悉本技术领域的技术人员应当理解，我们所描述的具体的实施例只是说明性的，而不是用于对本发明的范围的限定，熟悉本领域的技术人员在依照本发明的精神所作的等效的修饰以及变化，都应当涵盖在本发明的权利要求所保护的范围内。

Claims (2)

1.基于透明窗体的按钮跟随鼠标波浪式浮动的实现方法，其特征在于：包括如下步骤：

步骤10、通过创建内存模型，构建透明窗体；

步骤20、通过Draw方法画图，生成按钮位图，将该按钮位图刷新到窗体，该按钮位图显示在窗体中；该按钮位图上画有复数个按钮，各按钮大小为初始化状态下大小，即各按钮大小未发生改变；用户根据需要自定义各按钮的大小形状；

步骤30、当鼠标移至按钮位图上，计算并获得各按钮渐变轨迹，并将当前状态下各按钮画至缓冲位图；所述当前状态是指鼠标移至按钮位图上的状态；

步骤40、将缓冲位图刷新至窗体，窗体中显示当前状态下渐变后的按钮，实现透明窗体中按钮跟随鼠标波浪式浮动；

所述步骤10具体为：

步骤11、设置窗体风格：重载CreateParams方法，设置窗口风格为无标题、置顶、带边框的弹出窗口；

步骤12、设置内存模型：

首先，创建第一设备上下文，该第一设备上下文与显示器关联，存储显示器的基本信息，所述基本信息包括：显示器的宽、高、分辨率；当Windows***得到第一设备上下文时，将根据第一设备上下文存储的显示器基本信息刷新屏幕；

其次，创建由窗体画布定义的第二设备上下文，该第二设备上下文保存绘制的工具条；

然后，设置内存参数：

创建一BLENDFUNCTION类型变量，所述BLENDFUNCTION类型为结构体，该结构体包含有混合处理指令BlendOp、混合标志BlendFlags、混合方式AlphaFormat、源位图透明度SourceConstantAlpha四个子参数，该四个子参数的值分别设置为AC_SRC_OVER，0，1和255；通过所述结构体将第一设备上下文和第二设备上下文按照所述子参数进行色彩混合处理，从而得到具有透明效果的图片；

步骤13、使用WindowsAPI的函数UpdateLayeredWindow将所述图片刷新至屏幕，从而构建出透明窗体。

2.根据权利要求1所述的基于透明窗体的按钮跟随鼠标波浪式浮动的实现方法，其特征在于：所述步骤30具体为：

步骤31、创建一张与所述按钮位图大小一样的缓冲位图，并设置每次参与渐变的按钮的个数n，n≤N，N为总的按钮数量；

步骤32、设按钮初始化状态下的尺寸值w_o，相邻两按钮间的间距w_d，鼠标与任意一按钮中心之间的距离为x_i，1≤i≤N；

设按钮的缩放系数为m_i，且按钮缩放系数与鼠标与按钮中心之间的距离为x_i成正比，即m_i＝kx_i+b，则缩放后的按钮尺寸y＝m_iw_o＝(kx_i+b)w_o，其中，k为斜率，b为常量；

n为偶数时：

当鼠标与第i个按钮中心的距离x_i＝(w_o+w_d)/2，则所述第i个按钮尺寸达到最大尺寸值y_max，定义y_max＝2w_o；

当鼠标与第i个按钮中心的距离x_i＝[nw_o+(n+1)w_d]/2，则所述第i个按钮尺寸达到最小尺寸值y_min，定义y_min＝w_o；

通过计算得到缩放系数m_i＝kx_i+b中斜率k和常量b，

从而获得n为偶数时，参与渐变的各按钮在渐变后的尺寸y_i；

当鼠标与其中任意一按钮中心的距离x_i＞[nw_o+(n+1)w_d]/2时，该按钮不参与渐变；

将不参与渐变的按钮从按钮位图上直接复制到缓冲位图上相对应的位置，对于参与渐变的按钮，将其缩放后的按钮画至缓冲位图上相对应的位置，完成缓冲位图的绘制；

n为奇数时：

当鼠标与第i个按钮中心的距离x_i为0，则所述第i个按钮尺寸达到最大尺寸值y_max，定义y_max＝2w_o；

当鼠标与第i个按钮中心的距离x_i＝[nw_o+(n+1)w_d]/2，则所述第i个按钮尺寸达到最小尺寸值y_min，定义y_min＝w_o；

通过计算得到缩放系数m_i＝kx_i+b中斜率k和常量b，

从而获得n为奇数时，参与渐变的各按钮在渐变后的尺寸y_i；

当鼠标与其中任意一按钮中心的距离x_i＞[nw_o+(n+1)w_d]/2时，该按钮不参与渐变；

将不参与渐变的按钮从按钮位图上直接复制到缓冲位图上相对应的位置，对于参与渐变的按钮，将其缩放后的按钮画至缓冲位图上相对应的位置，完成缓冲位图的绘制。