CN105094835B - 一种图形绘制方法及装置 - Google Patents

Abstract

本发明实施例公开了一种图形绘制方法及装置，用于解决图形的毛边问题，改善图形的视觉效果。本发明实施例方法包括：在控件上绘制目标图形，然后在控件上绘制透明背景层，该透明背景层位于目标图形的下一层，再在控件上绘制无边框窗口，无边框窗口的背景为与背景层重叠的位置的位图，该无边框窗口位于目标图形的上一层。因为无边框窗口的背景与目标图形的透明背景层相同，所以当无边框窗口覆盖在目标图形上时，可以遮盖目标图形的毛边，从而能够改善图形的视觉效果。

Description

一种图形绘制方法及装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种图形绘制方法及装置。

背景技术

图形设备接口(GDI+，Graphics Device Interface)是一个开源项目，它的主要任务是负责系统与绘图程序之间的信息交换，处理所有Windows程序的图形输出。

在客户端应用程序中，可以调用GDI+绘制图形，也可以直接加载已经处理好的UI图，有些情况下，采用GDI+绘图比直接采用UI图会更灵活，性能更高。例如：现在办公软件上的日历控件一般都会具有业务标记功能，标记的形态多种多样，有用红点表示的，有高亮显示的，有圆边显示的，这些标记可以直接采用GDI+进行绘制。

但是采用GDI+绘制弧状图形，例如圆圈时，会出现毛边，从而影响图形的视觉效果。

发明内容

本发明实施例提供了一种图形绘制方法及装置，能够解决图形的毛边问题，改善图形的视觉效果。

第一方面，本发明实施例提供了一种图形绘制方法，包括：

在控件上绘制目标图形；

在控件上绘制透明背景层，背景层位于目标图形的下一层；

在控件上绘制无边框窗口，无边框窗口的背景为与透明背景层重叠的位置的位图，无边框窗口位于目标图形的上一层。

结合第一方面，在第一方面的第一种可能的实现方式中，在控件上绘制目标图形包括：调用UpdateLayerdWindow应用程序编程接口API函数，基于alpha通道在控件上绘制目标图形。

结合第一方面，在第一方面的第二种可能的实现方式中，在控件上绘制透明背景层包括：调用UpdateLayerdWindow API函数，基于alpha通道在控件上绘制透明背景层。

结合第一方面、第一方面的第一种可能的实现方式或第一方面的第二种可能的实现方式中任一一种可能的实现方式，在第一方面的第三种可能的实现方式中，该方法还包括：通过自定义用户控件Usercontrol函数编写以生成控件；或，在Windows控件基础上重写以生成控件。

结合第一方面、第一方面的第一种可能的实现方式中或第一方面的第二种可能的实现方式中任一一种可能的实现方式，在第一方面的第四种可能的实现方式中，该目标图形为弧状图形。

第二方面，本发明实施例提供了一种图形绘制装置，包括：

第一绘制模块，用于在控件上绘制目标图形；

第二绘制模块，用于在控件上绘制透明背景层，背景层位于目标图形的下一层；

第三绘制模块，用于在控件上绘制无边框窗口，无边框窗口的背景为与透明背景层重叠的位置的位图，无边框窗口位于目标图形的上一层。

结合第二方面，在第二方面的第一种可能的实现方式中，第一绘制模块具体用于：调用UpdateLayerdWindow应用程序编程接口API函数，基于alpha通道在控件上绘制目标图形。

结合第二方面，在第二方面的第二种可能的实现方式中，第二绘制模块具体用于：调用UpdateLayerdWindow API函数，基于alpha通道在控件上绘制透明背景层。

结合第二方面、第二方面的第一种可能的实现方式中或第二方面的第二种可能的实现方式中任一一种可能的实现方式，在第一方面的第三种可能的实现方式中，图形绘制装置还包括：

第一生成单元，用于通过自定义用户控件Usercontrol函数编写以生成控件；

或，第二生成单元，用于在Windows控件基础上重写以生成控件。

结合第二方面、第二方面的第一种可能的实现方式中或第二方面的第二种可能的实现方式中任一一种可能的实现方式，在第一方面的第四种可能的实现方式中，第一绘制模块具体用于在控件上绘制弧状图形。

从以上技术方案可以看出，本发明实施例的方案具有如下有益效果：

本发明实施例中，在控件上绘制目标图形，然后在控件上绘制透明背景层，该透明背景层位于目标图形的下一层，再在控件上绘制无边框窗口，无边框窗口的背景为与背景层重叠的位置的位图，该无边框窗口位于目标图形的上一层。因为无边框窗口的背景与目标图形的透明背景层相同，所以当无边框窗口覆盖在目标图形上时，可以遮盖目标图形的毛边，从而能够改善图形的视觉效果。

附图说明

图1为本发明实施例中图形绘制方法的一种流程图；

图2为本发明实施例中图形绘制方法的另一种流程图；

图3为本发明实施例中日历控件示意图；

图4为本发明实施例中图形绘制装置的功能模块示意图；

图5为本发明实施例中图形绘制装置的另一种功能模块示意图。

具体实施方式

本发明实施例提供了一种图形绘制方法及装置，用于解决图形的毛边问题，改善图形的视觉效果。下面分别进行详细说明。

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

本发明实施例应用于PC客户端应用程序中控件的图形绘制，在PC客户端程序中可以通过C++等编程语言调用Windows自身的应用程序编程接口(API，ApplicationProgramming Interface)函数进行绘制控件，以及在控件上绘制图形。

下面结合图1，对本发明实施例中图形绘制的方法进行详细说明。

101、在控件上绘制目标图形；

在客户端程序的开发中，可以通过控件封装重复的工作，所以很多共用的程序可以封装成控件，例如：办公自动化(OA，Office Automation)系统中的日历显示模块，即可以封装成控件以供多个功能模块使用。控件的生成可以是图形绘制装置自行创建控件，也可以是图形绘制装置使用现成的控件进行扩展。

如果在控件上需要加载图形时，可以通过调用API函数进行绘制，在本发明实施例中，在图形绘制装置生成好控件后，图形绘制装置在控件上绘制目标图形，例如日历控件上用于标记日期的红点标记。

本发明实施例中的图形绘制装置可以是计算机中的处理器，具体此处不做限定。

102、在控件上绘制透明背景层；

图形绘制装置在控件上绘制好目标图形后，为了解决目标图形会出现毛边的问题，再在控件上绘制透明背景层，该背景层可以是透明的PNG图，作为目标图形的承载层，位于目标图形的下一层。

需要说明的是，透明背景层除了可以是PNG图以外，还可以是其他格式的图，例如：JPEG、BMP、TIFF格式，具体此处不做限定。

103、在控件上绘制无边框窗口。

图形绘制装置在绘制好透明背景层后，再绘制无边框的窗口，该无边框窗口位于目标图形的上一层，将该无边框窗口的背景设为透明背景层对应的位置的位图，呈现透明的视觉效果，如此，就能遮盖掉目标图形的毛边，且不会遮盖掉目标图形。

本发明实施例中，图形绘制装置在控件上绘制目标图形，然后在控件上绘制透明背景层，该透明背景层位于目标图形的下一层，再在控件上绘制无边框窗口，无边框窗口的背景为与背景层重叠的位置的位图，该无边框窗口位于目标图形的上一层。因为无边框窗口的背景与目标图形的透明背景层相同，所以当无边框窗口覆盖在目标图形上时，可以遮盖目标图形的毛边，从而能够改善图形的视觉效果。

在具体的实施例中，图形绘制装置绘制目标图形以及透明背景层、无边框窗口都可以调用API函数进行绘制，下面结合图2，对本发明实施例中图形绘制的方法进行详细说明。

201、通过自定义用户控件Usercontrol函数编写以生成控件；

在客户端程序的开发中，可以通过控件封装重复的工作，所以很多共用的程序可以封装成控件，例如：办公自动化(OA，Office Automation)系统中的日历显示模块，即可以封装成控件以供多个功能模块使用。控件的生成可以是图形绘制装置自行创建控件，也可以使用现成的控件进行扩展。

具体的，可以通过图形绘制装置调用自定义用户控件Usercontrol函数编写以生成控件。或者，通过继承Windows控件，在Windows控件基础上进行重写以形成目标控件。

本发明实施例中的图形绘制装置可以是计算机中的处理器，具体此处不做限定。

202、调用UpdateLayerdWindow应用程序编程接口API函数，基于alpha通道在控件上绘制目标图形；

在生成好控件后，图形绘制装置可以调用UpdateLayerdWindow接口函数，基于alpha通道在控件上绘制目标图形。

具体的，目标图形为弧状图形，可以为圆形、圆点、椭圆等，例如日历控件上用于标记日期的红点标记。

203、调用UpdateLayerdWindow API函数，基于alpha通道在控件上绘制透明背景层；

图形绘制装置在调用UpdateLayerdWindow函数控件上绘制好目标图形后，因为用了WS_EX_LAYERED属性，当前的窗体不处理paint事件，所以窗体上无法绘制控件，但这个控件确实存在，而且可以响应时间，所以之后可以采用双层窗口，先在控件上绘制透明背景层，该背景层可以是透明的PNG图，作为目标图形的承载层，位于目标图形的下一层。

需要说明的是，透明背景层除了可以是PNG图以外，还可以是其他格式的图，例如：JPEG、BMP、TIFF格式，具体此处不做限定。

204、在控件上绘制无边框窗口，无边框窗口的背景为与透明背景层重叠的位置的位图。

图形绘制装置绘制后透明背景层后，再绘制顶层控件层，该无边框窗口位于目标图形的上一层，具体是采用无边框的窗口，将该无边框窗口的背景设为透明背景层对应的位置的位图，呈现透明的视觉效果，如此，就能遮盖掉目标图形的毛边，且不会遮盖掉目标图形。

本发明实施例中，图形绘制装置通过调用UpdateLayerdWindow API函数，基于alpha通道绘制目标图形以及底层透明背景层，从而提高了方案的可实现性。

另外，本发明实施例中图形绘制装置通过调用UpdateLayerdWindow应用程序编程接口API函数，基于alpha通道在控件上绘制目标图形，使得用户可以在日历控件上随意移动目标图形，从而可以提升用户体验。

为便于理解，下面以一具体的应用场景对本发明实施例中的补丁包组件的生成和处理进行详细描述，结合图3，本发明实施例中另一实施例包括：

图3为现在办公软件上的常见的日历控件，日历控件上一般都会具有业务标记功能，标记的形态多种多样，有用红点表示的，有高亮显示的，有圆边显示的，图3中的301为业务标记用的圆点。

本发明实施例中绘制圆点的过程为：先基于Usercontrol函数绘制好一个日历控件，再采用UpdateLayerdWindow API函数基于alpha通道在日历日期的正下方绘制图301所示的圆点，但是因为用了WS_EX_LAYERED后当前的窗体不处理paint事件，所以窗体上无法绘制控件，但这个控件确实存在，而且可以响应时间，所以之后可以采用双层窗口，底层背景窗口与顶层控件层，用控件层展现出背景层，同时处理日历的移动事件，让用户可以在日历控件上拖动圆点，而不用像现有技术中的日历控件一样去日历设置中进行专门的业务设置。

底层的背景层可以采用UpdateLayeredWindow这个API函数基于带alpha通道的PNG图进行绘制。顶层控件层可以采用无边框窗口，把窗口背景设为背景层对应位置的位图，呈现透明的视觉效果，如此，就能遮盖掉目标图形的毛边，且不会遮盖掉目标图形。

以上介绍了客户端应用程序中控件上的图形绘制方法，下面从功能模块的角度介绍相应的图形绘制装置。

下面结合图4对本发明实施例中图形绘制装置4进行详细说明，本发明实施例中的图形绘制装置4包括：

第一绘制模块401，用于在控件上绘制目标图形；

第二绘制模块402，用于在控件上绘制透明背景层，背景层位于目标图形的下一层；

第三绘制模块403，用于在控件上绘制无边框窗口，无边框窗口的背景为与透明背景层重叠的位置的位图，无边框窗口位于目标图形的上一层。

本发明实施例图形绘制装置4的各单元之间的交互过程可以参阅前述图1所示实施例中的交互过程，具体此处不再赘述。

本发明实施例中，第一绘制模块401在控件上绘制目标图形，第二绘制模块402在控件上绘制透明背景层，该透明背景层位于目标图形的下一层，第三绘制模块403再在控件上绘制无边框窗口，无边框窗口的背景为与背景层重叠的位置的位图，该无边框窗口位于目标图形的上一层。因为无边框窗口的背景与目标图形的透明背景层相同，所以当无边框窗口覆盖在目标图形上时，可以遮盖目标图形的毛边，从而能够改善图形的视觉效果。

结合图5，本发明实施例提供了一种图形绘制装置5，包括：

第一绘制模块501，用于在控件上绘制目标图形；

第二绘制模块502，用于在控件上绘制透明背景层，背景层位于目标图形的下一层；

第三绘制模块503，用于在控件上绘制无边框窗口，无边框窗口的背景为与透明背景层重叠的位置的位图，无边框窗口位于目标图形的上一层。

其中，第一绘制模块501具体用于通过调用UpdateLayerdWindow应用程序编程接口API函数，基于alpha通道在控件上绘制目标图形。

其中，第二绘制模块502具体用于通过调用UpdateLayerdWindow API函数，基于alpha通道在控件上绘制透明背景层。

另外，图形绘制装置5还包括：

第一生成单元504，用于通过自定义用户控件Usercontrol函数编写以生成控件；

或，第二生成单元，用于在Windows控件基础上重写以生成控件。

其中，第一绘制模块501具体用于在控件上绘制弧状图形。

本发明实施例图形绘制装置5的各单元之间的交互过程可以参阅前述图2所示实施例中的交互过程，具体此处不再赘述。

本发明实施例中，第一绘制模块501通过UpdateLayerdWindow API函数，基于alpha通道绘制目标图形，第二绘制模块502通过UpdateLayerdWindow API函数，基于alpha通道绘制透明背景层，第三绘制模块503在控件上绘制无边框窗口，背景设置为透明背景层的位图，从而提高了方案的可实现性。

另外，本发明实施例中第一绘制模块501通过调用UpdateLayerdWindow应用程序编程接口API函数，基于alpha通道在控件上绘制目标图形，使得用户可以在日历控件上随意移动目标图形，从而可以提升用户体验。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (10)

1.一种图形绘制方法，其特征在于，包括：

在控件上绘制目标图形；

在所述控件上绘制透明背景层，所述背景层位于所述目标图形的下一层；

在所述控件上绘制无边框窗口，所述无边框窗口的背景为与所述透明背景层重叠的位置的位图，所述无边框窗口位于所述目标图形的上一层。

2.根据权利要求1所述的方法，其特征在于，在控件上绘制目标图形包括：

调用UpdateLayerdWindow应用程序编程接口API函数，基于alpha通道在所述控件上绘制所述目标图形。

3.根据权利要求1所述的方法，其特征在于，在所述控件上绘制透明背景层包括：

调用UpdateLayerdWindow API函数，基于alpha通道在所述控件上绘制所述透明背景层。

4.根据权利要求1至3中任一项所述的图形绘制方法，其特征在于，所述方法还包括：

通过自定义用户控件Usercontrol函数编写以生成所述控件；

或，在Windows控件基础上重写以生成所述控件。

5.根据权利要求1至3中任一项所述的图形绘制方法，其特征在于，所述目标图形为弧状图形。

6.一种图形绘制装置，其特征在于，包括：

第一绘制模块，用于在控件上绘制目标图形；

第二绘制模块，用于在所述控件上绘制透明背景层，所述背景层位于所述目标图形的下一层；

第三绘制模块，用于在所述控件上绘制无边框窗口，所述无边框窗口的背景为与所述透明背景层重叠的位置的位图，所述无边框窗口位于所述目标图形的上一层。

7.根据权利要求6所述的图形绘制装置，其特征在于，所述第一绘制模块具体用于：调用UpdateLayerdWindow应用程序编程接口API函数，基于alpha通道在所述控件上绘制所述目标图形。

8.根据权利要求6所述的装置，其特征在于，所述第二绘制模块具体用于：调用UpdateLayerdWindow API函数，基于alpha通道在所述控件上绘制所述透明背景层。

9.根据权利要求6至8中任一项所述的图形绘制装置，其特征在于，所述图形绘制装置还包括：

第一生成单元，用于通过自定义用户控件Usercontrol函数编写以生成所述控件；

或，第二生成单元，用于在Windows控件基础上重写以生成所述控件。

10.根据权利要求6至8中任一项所述的图形绘制装置，其特征在于，第一绘制模块具体用于在控件上绘制弧状图形。