控件图像显示方法及装置与流程

本发明涉及互联网应用领域，尤其涉及一种控件图像显示方法及装置。

背景技术：

在日常的应用程序或系统操作界面中，会存在一些窗口图像界面元素，无论系统原生控件，还是在用户界面上直接绘图(DirectUI，Paint on User Interface Directly，指在一个窗口句柄中绘制各类虚拟控件的一种方法)的虚拟控件，如图像按钮；这些控件会根据光标的不同操作状态，变成相对应的控件状态，并通过不同的图像区分显示。

以按钮控件为例，根据不同的光标操作，按钮控件一般有四种状态，说明如下：

Normal(常态)：按钮的初始状态，此时光标不在按钮区域内。

Hover(犹豫态)：光标在按钮区域内时的状态，但鼠标左键是处于弹起状态。为了让用户明显感知到光标在按钮区域内，一般需要跟Normal状态有明显区分。

Push(点击态)：光标在按钮区域内，且鼠标左键处于按下状态。为了让用户明显感知到光标的按下，需要跟Hover状态有明显区分。一般颜色会比Hover状态深。

Disable(无效态)：按钮被禁用时的状态。一般会采用浅灰色，用户提醒用户该按钮不能处理光标操作。

在现有技术中，图像按钮一般是采用四张不同的图像来显示不同的状态，四张图像的数据量大小一般是一样。四张图像既可作为四张独立的图像进行存储，然后分别读取；也可把四张图像合并到一张图像，在读取图像后，对图像进行切割处理。

在现有技术的方案中，把四张图像合并成一张图像，可以在一定程度减小磁盘IO(In Out，指磁盘的输入输出设备)的读取时间，但单个图像文件增大了，在应用程序设置安装包时，所存储的图像数据的大小几乎没变，并且在读取图像时，单次读取图像的时间也不短。

技术实现要素：

本发明实施例提供了一种控件图像显示方法，用于高效的存储并显示控件区域的图像。

本发明实施例提供的控件图像显示方法，包括：

获取第一图像，所述第一图像为生成第二图像的基础图像；

根据识别到的图像显示触发事件选择相应的目标算法，所述图像显示触发事件与所述第二图像一一对应；

根据所述目标算法以及所述第一图像生成所述第二图像；

在目标区域内显示所述第二图像，所述目标区域为所述第二图像所对应的控件区域。

本发明实施例提供的控件图像显示装置，包括：

图像获取单元，用于获取第一图像，所述第一图像为生成第二图像的基础图像；

算法选择单元，用于根据识别到的图像显示触发事件选择生成相应的目标算法，所述图像显示触发事件与所述第二图像一一对应；

图像生成单元，用于根据所述目标算法以及所述第一图像生成所述第二图像；

图像显示单元，用于在目标区域内显示所述第二图像，所述目标区域为所述第二图像所对应的控件区域。

从以上技术方案可以看出，本发明实施例具有以下优点：

在本发明实施例中，遇到图像显示触发事件时，控件图像显示装置获取第一图像，根据图像显示触发事件选择生成所述第二图像的目标算法，再根据所述目标算法以及所述第一图像生成所述第二图像，并在目标区域内显示所述第二图像；在整个过程中，控件的图像数据仅需要存储一张基础图像(即本发明实施例中的第一图像)，再配以不同控件状态所对应的目标算法，即可完成不同状态的图像显示，在图像显示时可减小软件启动时的磁盘IO读取时间，提高软件启动速度，并可减小应用程序的安装包大小。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实 施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例中一种控件图像显示方法的流程示意图；

图2是本发明实施例中另一种控件图像显示方法的流程示意图；

图3是本发明实施例中图像状态的示意图；

图4是本发明实施例中控件图像显示装置的逻辑结构示意图。

具体实施方式

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

以下分别进行详细说明。

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

本发明控件图像显示方法的一个实施例，该方法可以包括：获取第一图像，所述第一图像为生成第二图像的基础图像；根据识别到的图像显示触发事件选择生成相应的目标算法，所述图像显示触发事件与所述第二图像一一对应；根据所述目标算法以及所述第一图像生成所述第二图像；在目标区域内显示所述第二图像，所述目标区域为所述第二图像所对应的控件区域。

请参阅图1，本发明实施例中控件图像显示方法的另一个实施例包括：

101、获取第一图像；

控件图像显示装置获取第一图像，所述第一图像为生成第二图像的基础 图像。所述第二图像为控件区域在相应的图像显示触发事件下的控件图像。

在本发明实施例中，所述第一图像和所述第二图像仅用于区分，在控件区域改变前所显示的图像和改变后所显示的图像，并不指代任意一个具体图像。

示例性的，在实际应用中，所述第一图像可以为一张灰色局部透明的原始图像，也可以为前一次生成的任一第二图像，也可以为控件区域中的常态图像(即未发送如何事件所显示的图像)，具体可以根据实际需求而定，此处不作限定。

在本发明实施例中，控件图像显示装置可以为独单的物理设备，包括多个物理模块；也可以为加载在计算机上的软件程序，或一个软件中的功能模块，或单独软件的形式或以插件的形式存在。控件图像显示装置的描述仅仅是示意性的，其中单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。

102、根据识别到的图像显示触发事件选择相应的目标算法；

控件图像显示装置根据识别到的图像显示触发事件选择相应的目标算法，所述图像显示触发事件与所述第二图像一一对应。在控件图像显示装置中，预先存储了一个或多个目标算法，与所述第二图像相对应。

示例性的，在实际应用中，图像显示触发事件可以有多种，如：光标停留事件；或，光标点击事件；或，按钮无效事件。或，触控事件，或，悬停事件。

具体的，光标停留事件指的是操作光标(如，鼠标的光标)移动至所述控件区域且发生停留(停留的时间可以极端，如，0.01秒)的事件。

具体的，光标点击事件指的是操作光标在控件区域上执行点击操作。

具体的，按钮无效事件指的是操作光标(如，鼠标的光标)移动至所述 控件区域且发生停留，却无法触发在该控件区域上相应的链接或操作指令。

具体的，所述触控事件指的是在触控屏幕的控件区域上发生点击操作的事件；

具体的，所述悬停事件指的是操作光标移动至触控屏幕的控件区域上，且发生停留的事件。

相应的，以按钮控件为例，根据不同的光标操作，按钮控件一般有四种状态，说明如下：

Normal(常态)：按钮的初始状态，此时光标不在按钮区域内。示例性的，常态的按钮控件可以对应图像显示触发事件为常态初始化的控件图像。

Hover(犹豫态)：光标在按钮区域内时的状态，但鼠标左键是处于弹起状态。为了让用户明显感知到光标在按钮区域内，一般需要跟Normal状态有明显区分。

Push(点击态)：光标在按钮区域内，且鼠标左键处于按下状态。为了让用户明显感知到光标的按下，需要跟Hover状态有明显区分。一般颜色会比Hover状态深。

Disable(无效态)：按钮被禁用时的状态。一般会采用浅灰色，用户提醒用户该按钮不能处理光标操作。

在实际应用中，图像显示触发事件还可以有多种，相应的，控件区域的图像状态也可以有多种，此处具体不作限定。

103、根据所述目标算法以及所述第一图像生成所述第二图像；

控件图像显示装置根据所述目标算法以及所述第一图像生成所述第二图像。在实际应用中，第二图像的生成方法可以有多种，此处具体不作限定。

具体的，在实际应用中，在进行应用程序的数据包的安装之时，可以获取第一图像，并根据不同的图像显示触发事件先根据预置的目标算法绘制好相应状态的图像，然后在检测所述图像显示触发事件时直接使用；也可以在检测所述图像显示触发事件之后，实时根据相应的图像显示触发事件进行绘制；具体使用哪种方式，可以根据实际需求而定，此处具体不作限定。

104、在目标区域内显示所述第二图像。

控件图像显示装置在目标区域内显示所述第二图像，所述目标区域为所 述第二图像所对应的控件区域。

具体的，所述控件区域指的是可以触发相应链接或操作功能的图像显示区域，所述控件可以为系统的原生控件，也可以为在系统中安装的第三方应用对应的控件，如，浏览器的关闭键。

在本发明实施例中，遇到图像显示触发事件时，控件图像显示装置获取第一图像，根据图像显示触发事件选择生成所述第二图像的目标算法，再根据所述目标算法以及所述第一图像生成所述第二图像，并在目标区域内显示所述第二图像；在整个过程中，控件的图像数据仅需要存储一张基础图像(即本发明实施例中的第一图像)，再配以不同控件状态所对应的目标算法，即可完成不同状态的图像显示，在图像显示时可减小软件启动时的磁盘IO读取时间，提高软件启动速度，并可减小应用程序的安装包大小。

下面以按钮控件为例，对本发明实施例进行详细描述，请参阅图2，本发明实施例中控件图像显示方法的另一个实施例包括：

201、检测所述图像显示触发事件；

检测所述图像显示触发事件，若成功检测到所述图像显示触发事件，则执行步骤202。

在本发明实施例中，图像显示触发事件包括光标停留事件，光标点击事件以及按钮无效事件三种。控件区域中对应的图像状态分别有Normal，Hover，Push以及Disable；其中，当没有发生图像显示触发事件时，对应的是Normal，相应的图像为第一图像，所述第一图像为一张灰色局部透明的原始图像，如图3中31所示。进一步的，光标停留事件，光标点击事件以及按钮无效事件分别对应的第二图像依次为图3中32、33以及34；本发明实施例将图像状态为Normal的图像作为原始图像存储，并设置了光标停留事件，光标点击事件以及按钮无效事件分别对应的三种目标算法。

可选的，在本发明其它方案的实施例中，处于Normal的图像状态也可以被定义为一种图像显示触发事件，即Normal，Hover，Push以及Disable分别对应一种图像显示触发事件。

可选的，在本发明其它方案的实施例中，可以存储一种与Normal，Hover，Push以及Disable中任意一个状态都不对应的原始图像，并设置四种分别与 Normal，Hover，Push以及Disable对应的目标算法。

202、获取第一图像；

控件图像显示装置获取第一图像，所述第一图像为生成第二图像的基础图像。

203、根据图像显示触发事件选择生成所述第二图像的目标算法；

控件图像显示装置根据图像显示触发事件选择生成所述第二图像的目标算法，所述图像显示触发事件与所述第二图像一一对应。在控件图像显示装置中，预先存储了三个目标算法，分别与所述光标停留事件，光标点击事件以及按钮无效事件相对应。

204、根据所述目标算法以及所述第一图像生成所述第二图像；

控件图像显示装置根据所述目标算法以及所述第一图像生成所述第二图像。

在实际应用中，可以对第一图像进行逐像素的绘制，具体的：

控件图像显示装置可以根据所述目标算法确定所述第二图像的图像形状以及所述图像形状对应的颜色特征；再根据所述图像形状以及所述图像形状对应的颜色特征对所述第一图像进行逐像素的绘制，得到所述第二图像。可选的，第二图像的图像形状可以与第一图像的图像形状一样或不一样，第二图像的图像形状也可以是在第一图像的图像形状的基础上新增图像形状特征，此处具体不作限定。

可选的，也可以通过图层叠加的方式生成第二图像，具体的：

控件图像显示装置可以根据所述目标算法生成所述第二图像的第一叠加图层，再以所述第一图像作为所述第二图像的第二叠加图层，将所述第一叠加图层与所述第二叠加图层进行合并，得到所述第二图像。可选的，第一叠加图层可以有一个或两个以上，如颜色图层(应用于在第一图像和第二图像有颜色区别的场景)和变形图层(应用于在第一图像的图像形状的基础上新增图像形状特征的场景)。

205、在目标区域内显示所述第二图像。

控件图像显示装置在目标区域内显示所述第二图像，所述目标区域为所述第二图像所对应的控件区域。

本发明实施例采用实时绘制的方式生成在目标区域内显示的第二图像，在加快了磁盘IO读取时间的同时，也减小应用程序所占用的硬盘存储空间。

为了便于理解，下面以一些具体实施方式对本发明实施例中的控件图像显示方法进行描述，具体为：

一、计算机界面的操作；

假设本发明实施例中的控件为浏览器中的关闭按钮，第一图像为一张灰色局部透明的原始图像。

在用户打开浏览器时，控件图像显示装置获取第一图像，并识别到当前的图像显示触发事件为：常态初始化；则控件图像显示装置选择常态的控件图像对应的目标算法，并根据所述目标算法以及所述第一图像生成第二图像。此时，第二图像为Normal状态下的图像(即，按钮的初始状态，此时光标不在按钮区域内)。

在用户将光标移动至浏览器中的关闭按钮时，控件图像显示装置识别到当前的图像显示触发事件为：光标停留事件；控件图像显示装置选择Hover的控件图像对应的目标算法，并根据所述目标算法以及所述第一图像生成第二图像。此时，第二图像为Hover状态下的图像(即，光标在按钮区域内时的状态，但鼠标左键是处于弹起状态。为了让用户明显感知到光标在按钮区域内，一般需要跟Normal状态有明显区分)。

在用户点击的关闭按钮时，控件图像显示装置识别到当前的图像显示触发事件为：光标点击事件；控件图像显示装置选择Push的控件图像对应的目标算法，并根据所述目标算法以及所述第一图像生成第二图像。此时，第二图像为Push状态下的图像(即，光标在按钮区域内，且鼠标左键处于按下状态。为了让用户明显感知到光标的按下，需要跟Hover状态有明显区分。一般颜色会比Hover状态深)。

在计算机处于繁忙状态，导致浏览器中的控件无法被操作时，控件图像显示装置识别到当前的图像显示触发事件为：按钮无效事件；控件图像显示装置选择Disable的控件图像对应的目标算法，并根据所述目标算法以及所述第一图像生成第二图像。此时，第二图像为Disable状态下的图像(即，按钮被禁用时的状态。一般会采用浅灰色，用户提醒用户该按钮不能处理光标操 作)。

二、触控屏幕界面的操作；假设本发明实施例中的控件为浏览器中的关闭按钮，第一图像为一张灰色局部透明的原始图像。

当用户打开浏览器时，控件图像显示装置获取第一图像，并识别到当前的图像显示触发事件为：常态初始化；则控件图像显示装置选择常态的控件图像对应的目标算法，并根据所述目标算法以及所述第一图像生成第二图像。此时，第二图像为Normal状态下的图像(即，按钮的初始状态，此时光标不在按钮区域内)。

当点击触控屏幕中的关闭按钮时，控件图像显示装置识别到当前的图像显示触发事件为：触控事件；则控件图像显示装置选择触控状态下的控件图像对应的目标算法，并根据所述目标算法以及所述第一图像生成第二图像。此时，第二图像为触控状态下的图像。

在控件显示的整个过程中，控件的图像数据仅需要存储一张基础图像(即本发明实施例中的第一图像)，再配以不同控件状态所对应的目标算法，即可完成不同状态的图像显示，在图像显示时可减小软件启动时的磁盘IO读取时间，提高软件启动以及运行速度。

下面执行本发明实施例中控件图像显示方法的控件图像显示装置进行描述，请参阅图4，本发明实施例中控件图像显示装置的一个实施例包括：

图像获取单元401，用于获取第一图像，所述第一图像为生成第二图像的基础图像；

算法选择单元402，用于根据识别到的图像显示触发事件选择相应的目标算法，所述图像显示触发事件与所述第二图像一一对应；

图像生成单元403，用于根据所述目标算法以及所述第一图像生成所述第二图像；

图像显示单元404，用于在目标区域内显示所述第二图像，所述目标区域为所述第二图像所对应的控件区域。

具体的，所述图像显示触发事件，包括：

光标停留事件，所述光标停留事件指的是操作光标移动至所述控件区域且发生停留的事件；

或，光标点击事件，所述光标点击事件指的是操作光标在控件区域上执行点击操作的事件；

或，按钮无效事件，所述按钮无效事件指的是操作光标移动至所述控件区域且发生停留，却无法触发在所述控件区域上相应的链接或操作指令；

或，触控事件，所述触控事件指的是在触控屏幕的控件区域上发生点击操作的事件；

或，悬停事件，所述悬停事件指的是操作光标移动至触控屏幕的控件区域上，且发生停留的事件。

进一步的，所述装置还包括：

事件检测单元405，用于检测所述图像显示触发事件，若成功检测到所述图像显示触发事件，则触发所述获取第一图像的步骤。

进一步的，所述图像生成单元403还用于：

根据所述目标算法确定所述第二图像的图像形状以及所述图像形状对应的颜色特征；

根据所述图像形状以及所述图像形状对应的颜色特征对所述第一图像进行逐像素的绘制，得到所述第二图像。

可选的，所述图像生成单元403还用于：

根据所述目标算法生成所述第二图像的第一叠加图层；

以所述第一图像作为所述第二图像的第二叠加图层，将所述第一叠加图层与所述第二叠加图层进行合并，得到所述第二图像。

上述各个单元具体的操作方法在上述图1和图2实施例中已经有相应的描述，此处不再赘述。

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

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

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

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

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。