一种导航标签窗口颜色设置方法及装置制造方法及图纸

本申请涉及一种导航标签窗口颜色设置方法及装置，所述导航标签窗口内可填充图标，该方法包括：获取所述导航标签窗口待填充的图标；在所述图标中确定颜色参考区域；获取所述颜色参考区域中像素的颜色信息；根据所述颜色信息，确定所述导航标签窗口的背景颜色；将所述导航标签窗口背景的颜色设置为所述背景颜色。该方案可以提高导航标签窗口的颜色的协调性以及美观程度，进而可以避免用户由于窗口的颜色而放弃点击导致导航标签窗口的点击频率降低的问题。 1

Method and device for setting color of navigation label window

The application involves a method and device for setting the color of a navigation label window. The navigation tag window can be filled with icons. The method includes: obtaining the icons to be filled by the navigation label window; determining the color reference area in the icons; obtaining the color information of the pixels in the reference area of the color reference; according to the description of the color information of the pixels in the reference area of the color. The color information determines the background color of the navigation label window, and sets the color of the background of the navigation label window to the background color. The scheme can improve the coordination and beauty of the color of the navigation label window, and then avoid the problem that the click frequency of the navigation tag window can be dropped by the user because of the color of the window. One

【技术实现步骤摘要】
一种导航标签窗口颜色设置方法及装置
本申请涉及网页
，尤其涉及一种导航标签窗口颜色设置方法及装置。
技术介绍
随着通信技术的发展，通过移动设备上网已经日益成为用户普遍使用的功能。现有在一些浏览器或网址导航的个性化主页里，为了方便快速访问常用的网址，便于用户阅读，用户最常访问的一些网址都会以图标的形式表示出来，这些图标上显示了对应网址LOGO图片，方便用户一目了然地找到自己经常访问的网址。在个性化主页内，通常设置一些行列排列的导航标签窗口，导航标签窗口内显示有导航图标，当用户需要快速访问某一个网址时，可以通过编辑的方式，将对应网址LOGO图片等作为导航图标填充到该导航标签窗口内，并且建立导航图标与网址的对应关系。为了设计方便以及美观，所有的导航标签窗口的尺寸大小都是统一的，例如：统一尺寸的方形。在实际应用中，申请人发现，由于不同网址的LOGO尺寸大小都不统一，例如：www.baidu.com的LOGO为熊掌图标，www.163.com的LOGO为“易”的美术字体，为了将不同网址的LOGO图标填充到导航标签窗口，通常会对尺寸大的LOGO进行缩小，对尺寸小的图标LOGO进行放大，但是，对于长宽比相差较大的LOGO，即使扩大或缩小后，可以将LOGO填充到导航标签窗口内，但仅能覆盖部分导航标签窗口，并且由于导航标签窗口有底色，所以填充后，会在LOGO外围有部分颜色不协调的区域，尤其是底色和LOGO颜色相差较大时，影响导航图标的整体美观，进而影响用户对导航图标的点击频率。
技术实现思路
为了解决上述技术问题或者至少部分地解决上述技术问题，本申请提供了一种导航标签窗口颜色设置方法及装置。有鉴于此，第一方面，本申请提供了一种导航标签窗口颜色设置方法，所述导航标签窗口内可填充图标，所述方法包括：获取所述导航标签窗口待填充的图标；在所述图标中确定颜色参考区域；获取所述颜色参考区域中像素的颜色信息，根据所述颜色信息，确定所述导航标签窗口的背景颜色；将所述导航标签窗口背景的颜色设置为所述背景颜色。可选地，所述在所述图标中确定颜色参考区域，包括：在所述图标的上选取1像素宽度的一个区域；遍历所选取区域中所有像素点的像素值；根据遍历得到的像素值，判断所选取区域是否透明；当所选区域为不透明时，将所选取与确定为颜色参考区域；当所选取区域为透明时，在所述图标的上选取1像素宽的另一区域，并重新遍历像素值，直至确定出颜色参考区域。可选地，所述在所述图标的上选取1像素宽度的一个区域，包括：在所述图标的外围选取1像素宽度的边框区域；或者，在所述图标左侧边选取1像素宽度的左区域；或者，在所述图标的右侧边选取1像素宽度的右区域；或者，在所述图标的上侧边选取1像素宽度的上区域；或者，在所述图标的下侧边选取1像素宽度的下区域。可选地，所述根据所述颜色信息，确定所述导航标签窗口的背景颜色，包括：根据所述颜色信息中RGB三个分量的值，将所述颜色参考区域内的像素点分成多个颜色组，每个颜色组唯一对应一个颜色；按照组内像素点的数量对多个颜色组进行排序；选取组内像素点数量最多的颜色组作为目标颜色组；将所述目标颜色组对应的颜色作为所述背景颜色。可选地，所述根据所述颜色信息，确定所述导航标签窗口的背景颜色，还包括：获取所述颜色参考区域边缘的像素总量；针对每个颜色组，分别判断组内像素点的数量是否大于所述像素总量的预设比例；当组内像素点的数量大于所述像素总量的预设比例时，对组内像素点的数量大于所述像素总量的预设比例的颜色组进行排序。可选地，所述根据所述颜色信息，确定所述导航标签窗口的背景颜色，还包括：判断所述目标颜色组内的像素值的RGB三个分量与最大阈值、最小阈值的关系；当任意一个分量位于最大阈值和最小阈值之间时，将所述目标颜色组对应的颜色作为所述背景颜色。可选地，所述根据所述颜色信息，确定所述导航标签窗口的背景颜色，还包括：当三个分量均大于预设最大阈值时，将白色确定为所述背景颜色；当三个分量均小于预设最小阈值时，将黑色确定为所述背景颜色。第二方面，本申请提供了一种导航标签窗口颜色设置装置，所述导航标签窗口内可填充图标，所述装置包括：图标获取单元，获取所述导航标签窗口待填充的图标；区域确定单元，用于在所述图标中确定颜色参考区域；信息获取单元，用于获取所述颜色参考区域中像素的颜色信息，颜色确定单元，用于根据所述颜色信息，确定所述导航标签窗口的背景颜色；颜色设置单元，用于将所述导航标签窗口背景的颜色设置为所述背景颜色。可选地，所述区域确定单元，包括：区域选取子单元，用于在所述图标的上选取1像素宽度的一个区域；像素值获取子单元，用于遍历所选取区域中所有像素点的像素值；透明判断子单元，用于根据遍历得到的像素值，判断所选取区域是否透明；区域确定子单元，用于当所选区域为不透明时，将所选取与确定为颜色参考区域；所述区域选取子单元，还用于当所选取区域为透明时，在所述图标的上选取1像素宽的另一区域，并重新遍历像素值，直至所述区域确定子单元确定出颜色参考区域。可选地，所述颜色确定单元，包括：分组子单元，用于根据所述颜色信息中RGB三个分量的值，将所述颜色参考区域内的像素点分成多个颜色组，每个颜色组唯一对应一个颜色；排序子单元，用于按照组内像素点的数量对多个颜色组进行排序；目标选取子单元，用于选取组内像素点数量最多的颜色组作为目标颜色组；颜色确定子单元，用于将所述目标颜色组对应的颜色作为所述背景颜色。本申请实施例提供的上述技术方案与现有技术相比具有如下优点：本申请实施例提供的该方法，在生成导航标签窗口的同时，可以根据填充到导航标签窗口中的图标的颜色信息，自动生成导航标签窗口的背景颜色，并且根据该背景颜色设置导航标签窗口背景的颜色。采样上述设计，当图标填充到导航标签窗口内时，可以使得导航标签窗口背景的颜色与图标的颜色相一致、协调，也即背景颜色与图标颜色相比，不是很突兀，可以提高导航标签窗口的颜色的协调性以及美观程度，进而可以避免用户由于窗口的颜色而放弃点击导致导航标签窗口被点击的频率降低的问题。附图说明此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本专利技术的实施例，并与说明书一起用于解释本专利技术的原理。为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1为本申请实施例提供的一种终端的界面示意图；图2为本申请实施例提供的一种导航标签窗口颜色设置方法的流程示意图；图3为本申请实施例提供的一种导航标签窗口颜色设置装置的结构示意图。具体实施方式为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。本申请实施例提供了一种导航标签窗口颜色设置方法，该方法可以应用于包含有多个导航标签窗口的导航页面中。图1为本申请实施例提供的一种终端的界面示意图，如图1所示，图中包括：终端本文档来自技高网...

【技术保护点】
1.一种导航标签窗口颜色设置方法，所述导航标签窗口内可填充图标，其特征在于，所

【技术特征摘要】
1.一种导航标签窗口颜色设置方法，所述导航标签窗口内可填充图标，其特征在于，所述方法包括：获取所述导航标签窗口待填充的图标；在所述图标中确定颜色参考区域；获取所述颜色参考区域中像素的颜色信息；根据所述颜色信息，确定所述导航标签窗口的背景颜色；将所述导航标签窗口背景的颜色设置为所述背景颜色。2.根据权利要求1所述的方法，其特征在于，所述在所述图标中确定颜色参考区域，包括：在所述图标的上选取1像素宽度的一个区域；遍历所选取区域中所有像素点的像素值；根据遍历得到的像素值，判断所选取区域是否透明；当所选区域为不透明时，将所选取与确定为颜色参考区域；当所选取区域为透明时，在所述图标的上选取1像素宽的另一区域，并重新遍历像素值，直至确定出颜色参考区域。3.根据权利要求2所述的方法，其特征在于，所述在所述图标的上选取1像素宽度的一个区域，包括：在所述图标的外围选取1像素宽度的边框区域；或者，在所述图标左侧边选取1像素宽度的左区域；或者，在所述图标的右侧边选取1像素宽度的右区域；或者，在所述图标的上侧边选取1像素宽度的上区域；或者，在所述图标的下侧边选取1像素宽度的下区域。4.根据权利要求2所述的方法，其特征在于，所述根据所述颜色信息，确定所述导航标签窗口的背景颜色，包括：根据所述颜色信息中RGB三个分量的值，将所述颜色参考区域内的像素点分成多个颜色组，每个颜色组唯一对应一个颜色；按照组内像素点的数量对多个颜色组进行排序；选取组内像素点数量最多的颜色组作为目标颜色组；将所述目标颜色组对应的颜色作为所述背景颜色。5.根据权利要求4所述的方法，其特征在于，所述根据所述颜色信息，确定所述导航标签窗口的背景颜色，还包括：获取所述颜色参考区域边缘的像素总量；针对每个颜色组，分别判断组内像素点的数量是否大于所述像素总量的预设比例；当组内像素点的数量大于所述像素总量的预设比例时，对组内像素点的数量大于所述像素总量的预设比例的颜色组进行排序。6.根据权利要求4所述的方法，其特征...

【专利技术属性】
技术研发人员：陈池，邹赞，
申请(专利权)人：深圳豪客互联网有限公司，
类型：发明
国别省市：广东,44