控件图像显示方法及装置制造方法及图纸

本发明专利技术实施例公开了一种控件图像显示方法及装置，用于高效的存储并显示控件区域的图像。本发明专利技术实施例方法包括：获取第一图像，所述第一图像为生成第二图像的基础图像；根据识别到的图像显示触发事件选择相应的目标算法；根据所述目标算法以及所述第一图像生成所述第二图像；在目标区域内显示所述第二图像，所述目标区域为所述第二图像所对应的控件区域。

【技术实现步骤摘要】

本专利技术涉及互联网应用领域，尤其涉及一种控件图像显示方法及装置。
技术介绍
在日常的应用程序或系统操作界面中，会存在一些窗口图像界面元素，无论系统原生控件，还是在用户界面上直接绘图(DirectUI，PaintonUserInterfaceDirectly，指在一个窗口句柄中绘制各类虚拟控件的一种方法)的虚拟控件，如图像按钮；这些控件会根据光标的不同操作状态，变成相对应的控件状态，并通过不同的图像区分显示。以按钮控件为例，根据不同的光标操作，按钮控件一般有四种状态，说明如下：Normal(常态)：按钮的初始状态，此时光标不在按钮区域内。Hover(犹豫态)：光标在按钮区域内时的状态，但鼠标左键是处于弹起状态。为了让用户明显感知到光标在按钮区域内，一般需要跟Normal状态有明显区分。Push(点击态)：光标在按钮区域内，且鼠标左键处于按下状态。为了让用户明显感知到光标的按下，需要跟Hover状态有明显区分。一般颜色会比Hover状态深。Disable(无效态)：按钮被禁用时的状态。一般会采用浅灰色，用户提醒用户该按钮不能处理光标操作。在现有技术中，图像按钮一般是采用四张不同的图像来显示不同的状态，四张图像的数据量大小一般是一样。四张图像既可作为四张独立的图像进行存储，然后分别读取；也可把四张图像合并到一张图像，在读取图像后，对图像进行切割处理。在现有技术的方案中，把四张图像合并成一张图像，可以在一定程度减小磁盘IO(InOut，指磁盘的输入输出设备)的读取时间，但单个图像文件增大了，在应用程序设置安装包时，所存储的图像数据的大小几乎没变，并且在读取图像时，单次读取图像的时间也不短。
技术实现思路
本专利技术实施例提供了一种控件图像显示方法，用于高效的存储并显示控件区域的图像。本专利技术实施例提供的控件图像显示方法，包括：获取第一图像，所述第一图像为生成第二图像的基础图像；根据识别到的图像显示触发事件选择相应的目标算法，所述图像显示触发事件与所述第二图像一一对应；根据所述目标算法以及所述第一图像生成所述第二图像；在目标区域内显示所述第二图像，所述目标区域为所述第二图像所对应的控件区域。本专利技术实施例提供的控件图像显示装置，包括：图像获取单元，用于获取第一图像，所述第一图像为生成第二图像的基础图像；算法选择单元，用于根据识别到的图像显示触发事件选择生成相应的目标算法，所述图像显示触发事件与所述第二图像一一对应；图像生成单元，用于根据所述目标算法以及所述第一图像生成所述第二图像；图像显示单元，用于在目标区域内显示所述第二图像，所述目标区域为所述第二图像所对应的控件区域。从以上技术方案可以看出，本专利技术实施例具有以下优点：在本专利技术实施例中，遇到图像显示触发事件时，控件图像显示装置获取第一图像，根据图像显示触发事件选择生成所述第二图像的目标算法，再根据所述目标算法以及所述第一图像生成所述第二图像，并在目标区域内显示所述第二图像；在整个过程中，控件的图像数据仅需要存储一张基础图像(即本专利技术实施例中的第一图像)，再配以不同控件状态所对应的目标算法，即可完成不同状态的图像显示，在图像显示时可减小软件启动时的磁盘IO读取时间，提高软件启动速度，并可减小应用程序的安装包大小。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术实施例中一种控件图像显示方法的流程示意图；图2是本专利技术实施例中另一种控件图像显示方法的流程示意图；图3是本专利技术实施例中图像状态的示意图；图4是本专利技术实施例中控件图像显示装置的逻辑结构示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。以下分别进行详细说明。本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术的实施例如能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。本专利技术控件图像显示方法的一个实施例，该方法可以包括：获取第一图像，所述第一图像为生成第二图像的基础图像；根据识别到的图像显示触发事件选择生成相应的目标算法，所述图像显示触发事件与所述第二图像一一对应；根据所述目标算法以及所述第一图像生成所述第二图像；在目标区域内显示所述第二图像，所述目标区域为所述第二图像所对应的控件区域。请参阅图1，本专利技术实施例中控件图像显示方法的另一个实施例包括：101、获取第一图像；控件图像显示装置获取第一图像，所述第一图像为生成第二图像的基础图像。所述第二图像为控件区域在相应的图像显示触发事件下的控件图像。在本专利技术实施例中，所述第一图像和所述第二图像仅用于区分，在控件区域改变前所显示的图像和改变后所显示的图像，并不指代任意一个具体图像。示例性的，在实际应用中，所述第一图像可以为一张灰色局部透明的原始图像，也可以为前一次生成的任一第二图像，也可以为控件区域中的常态图像(即未发送如何事件所显示的图像)，具体可以根据实际需求而定，此处不作限定。在本专利技术实施例中，控件图像显示装置可以为独单的物理设备，包括多个物理模块；也可以为加载在计算机上的软件程序，或一个软件中的功能模块，或单独软件的形式或以插件的形式存在。控件图像显示装置的描述仅仅是示意性的，其中单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。102、根据识别到的图像显示触发事件选择相应的目标算法；控件图像显示装置根据识别到的图像显示触发事件选择相应的目标算法，所述图像显示触发事件与所述第二图像一一对应。在控件图像显示装置中，预先存储了一个或多个目标算法，与所述第二图像相对应。示例性的，在实际应用中，图像显示触发事件可以有多种，如：光标停留事件；或，光标点击事件；或，按钮无效事件。或，触控事件，或，悬停事件。具体的，光标停留事件指的是操作光标(如，鼠标的光标)移动至所述控件区域且发生停留(停留的时间可以极端，如，0.01秒)的事件。具体的，光标点击事件指的是操作光本文档来自技高网...

【技术保护点】
一种控件图像显示方法，其特征在于，包括：获取第一图像，所述第一图像为生成第二图像的基础图像；根据识别到的图像显示触发事件选择相应的目标算法；根据所述目标算法以及所述第一图像生成所述第二图像；在目标区域内显示所述第二图像，所述目标区域为所述第二图像所对应的控件区域。

【技术特征摘要】
1.一种控件图像显示方法，其特征在于，包括：获取第一图像，所述第一图像为生成第二图像的基础图像；根据识别到的图像显示触发事件选择相应的目标算法；根据所述目标算法以及所述第一图像生成所述第二图像；在目标区域内显示所述第二图像，所述目标区域为所述第二图像所对应的控件区域。2.根据权利要求1所述的方法，其特征在于，所述图像显示触发事件，包括：光标停留事件，所述光标停留事件指的是操作光标移动至所述控件区域且发生停留的事件；或，光标点击事件，所述光标点击事件指的是操作光标在控件区域上执行点击操作的事件；或，按钮无效事件，所述按钮无效事件指的是操作光标移动至所述控件区域且发生停留，却无法触发在所述控件区域上相应的链接或操作指令；或，触控事件，所述触控事件指的是在触控屏幕的控件区域上发生点击操作的事件；或，悬停事件，所述悬停事件指的是操作光标移动至触控屏幕的控件区域上，且发生停留的事件。3.根据权利要求1所述的方法，其特征在于，所述获取第一图像之前，包括：检测所述图像显示触发事件，若成功检测到所述图像显示触发事件，则触发所述获取第一图像的步骤。4.根据权利要求1至3任意一项所述的方法，其特征在于，所述根据所述目标算法以及所述第一图像生成所述第二图像，包括：根据所述目标算法确定所述第二图像的图像形状以及所述图像形状对应的颜色特征；根据所述图像形状以及所述图像形状对应的颜色特征对所述第一图像进行逐像素的绘制，得到所述第二图像。5.根据权利要求1至3任意一项所述的方法，其特征在于，所述根据所
\t述目标算法以及所述第一图像生成所述第二图像，包括：根据所述目标算法生成所述第二图像的第一叠加图层；以所述第一图像作为所述第二图像的第二叠加图层，将所述第一叠加图层与所述第二叠加图层进行合并，得到所述第二图像。6....

【专利技术属性】
技术研发人员：李斌，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44