CN109901759A - 一种图标处理方法及装置 - Google Patents
一种图标处理方法及装置 Download PDFInfo
- Publication number
- CN109901759A CN109901759A CN201711286232.8A CN201711286232A CN109901759A CN 109901759 A CN109901759 A CN 109901759A CN 201711286232 A CN201711286232 A CN 201711286232A CN 109901759 A CN109901759 A CN 109901759A
- Authority
- CN
- China
- Prior art keywords
- icon
- target
- original
- nucleus
- background
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Abstract
一种图标处理方法,包括:接收图标处理指令后,获取原始图标;根据原始图标的自身特征,处理原始图标,得到原始图标对应的目标图标;其中,不同原始图标的目标图标内的核心区域的显示比例满足设定范围。如此,增强图标的统一视觉效果。
Description
技术领域
本申请涉及但不限于数据处理技术领域,尤其涉及一种图标处理方法及装置。
背景技术
随着智能终端的普及,全球智能终端的使用群体将逐渐增加,不同用户对差异化的需求也与日俱增。在这样的变化下,个性差异化产品应接不暇地出现在用户的面前,从种类繁多的样式、颜色等硬件层面的变化,到各种定制化系统与软件等都是在最大程度上满足用户的差异化需求。但是,终端硬件无论从更新速度、更换性价比上都比软件差。目前终端使用者安装的应用种类繁多,每个应用都有自己的图标设计理念,没有统一的标准,导致无法在操作界面上给用户提供一致的视觉体验,从而影响用户的终端使用体验。
发明内容
以下是对本文详细描述的主题的概述。本概述并非是为了限制权利要求的保护范围。
本申请实施例提供一种图标处理方法及装置,能够增强图标的统一视觉效果。
第一方面,本申请实施例提供一种图标处理方法,包括:
接收图标处理指令后,获取原始图标;
根据所述原始图标的自身特征,处理所述原始图标,得到所述原始图标对应的目标图标;其中,不同原始图标的目标图标内的核心区域的显示比例满足设定范围。
第二方面,本申请实施例提供一种图标处理装置,包括:
原始图标获取模块,配置为接收图标处理指令后,获取原始图标;
图标处理模块,配置为根据所述原始图标的自身特征,处理所述原始图标,得到所述原始图标对应的目标图标;其中,不同原始图标的目标图标内的核心区域的显示比例满足设定范围。
第三方面,本申请实施例提供一种图标处理方法,包括:
显示原始图标;
接收到图标处理指令后,将所述原始图标更新显示为对应的目标图标;其中,不同原始图标的目标图标内的核心区域的显示比例满足设定范围。
第四方面,本申请实施例提供一种计算设备,包括存储器以及处理器,所述存储器用于存储图标处理程序,所述图标处理程序被所述处理器执行时实现上述第一方面或第三方面提供的图标处理方法的步骤。
第五方面,本申请实施例提供一种计算机可读介质,存储有图标处理程序,所述图标处理程序被处理器执行时实现上述第一方面或第三方面提供的图标处理方法的步骤。
在本申请实施例中,接收图标处理指令后,获取原始图标,根据原始图标的自身特征,处理原始图标,得到目标图标;其中,不同原始图标的目标图标内的核心区域的显示比例满足设定范围。本申请实施例提供的图标处理方法充分考虑了原始图标的自身特征,增强了不同原始图标的目标图标的视觉一致性。
在示例性实施例中,图标处理指令可以为切换到目标主题的指令,则根据原始图标的自身特征以及切换到的目标主题的图标信息,处理原始图标,得到原始图标应用目标主题之后的目标图标;如此,不同原始图标的目标图标在符合目标主题风格的同时,可以最大程度保留原始图标中的主要特征,从而增强了图标的一致性与可识别程度,提高了用户体验。
在阅读并理解了附图和详细描述后,可以明白其他方面。
附图说明
图1为本申请实施例提供的图标处理方法的流程图;
图2为本申请实施例提供的图标处理方法的示例流程图;
图3和图4为本申请实施例的核心区域的检测示例图;
图5为本申请实施例提供的图标边缘识别过程的示例流程图;
图6和图7为本申请实施例的图标边缘示例图;
图8和图9为本申请实施例的图标显示的示例图;
图10为本申请实施例提供的图标处理装置的示意图;
图11为本申请实施例提供的另一图标处理方法的流程图;
图12为本申请实施例提供的计算设备的示意图。
具体实施方式
以下结合附图对本申请实施例进行详细说明,应当理解,以下所说明的实施例仅用于说明和解释本申请,并不用于限定本申请。
在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行。并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
本申请实施例提供一种图标处理方法及装置,能够充分考虑图标的自身特征,并基于图标的自身特征生成具有统一视觉效果的图标。
图1为本申请实施例提供的图标处理方法的流程图。本申请实施例提供的图标处理方法可以由计算设备(比如,智能手机、便携式电脑等移动终端,或者台式电脑等固定终端)执行。然而,本申请对此并不限定。
如图1所示,本实施例提供的图标处理方法,包括:
S101、接收图标处理指令后,获取原始图标;
S102、根据原始图标的自身特征,处理原始图标,得到原始图标对应的目标图标;其中,不同原始图标的目标图标内的核心区域的显示比例满足设定范围。
示例性地,原始图标可以为应用图标或者系统图标。然而,本申请对此并不限定。
本实施例中,核心区域可以指图标中可被识别的主要特征存在的范围;比如,淘宝图标中“淘”字覆盖的最小矩形区域,支付宝图标中“支”字覆盖的最小矩形区域。其中,核心区域可以为规则形状,比如,矩形、圆形、长方形;然而,本申请对此并不限定。
本实施例中,目标图标内的核心区域的显示比例等于核心区域的显示面积与目标图标的显示总面积之比。示例性地,设定范围比如设置为0.6至0.7之间,然而,本申请对此并不限定。
在示例性实施方式中,原始图标的自身特征可以包括以下至少一项:图标的形状、图标的边缘角度信息、图标的核心区域位置、图标的核心区域大小、图标的色相、图标的主色调、颜色变化规律、透明边缘信息。
其中,上述自身特征可以包含以下两个维度:一、图标中包含的可见信息,比如包括图标的形状、图标的边缘角度信息、图标的核心区域位置、图标的核心区域大小等;二、图标中包含的不可见信息,比如图标的色相、图标的主色调、图标中隐藏的颜色变化规律、图标透明边缘信息等不可以被人眼识别出来的特征。
在示例性实施方式中,S102可以包括:确定原始图标内的核心区域;确定核心区域在目标图标的显示比例;按照显示比例,得到目标图标;其中,核心区域按照确定的显示比例显示在目标图标中。
示例性地,目标图标的尺寸可以根据图标显示设备的屏幕分辨率确定,或者,可以根据缩放比例与原始图标的尺寸确定。比如,可以根据图标显示设备的屏幕分辨率,确定原始图标的目标尺寸,目标图标的尺寸即可以等于原始图标的目标尺寸;在本示例中,可以先将原始图标从源尺寸调整至目标尺寸,然后确定调整至目标尺寸的原始图标内的核心区域,再根据核心区域在目标图标内的显示比例,得到目标图标。或者,可以预设原始图标至目标图标的缩放比例,然后根据原始图标的尺寸与缩放比例确定目标图标的尺寸,其中,缩放比例例如可以包括长度缩放比例与宽度缩放比例。然而,本申请对此并不限定。
在示例性实施方式中,确定原始图标内的核心区域,可以包括:
通过识别原始图标的边缘,判断原始图标是否为规则图标;若原始图标为规则图标,则在原始图标内检测核心区域;若原始图标为非规则图标,则将非规则图标确定为原始图标的核心区域。
其中,规则图标可以为呈规则形状的图标,比如,矩形图标、圆形图标等;非规则图标可以为呈非规则形状的图标。
示例性地,通过识别原始图标的边缘,判断原始图标是否为规则图标,可以包括:识别原始图标的倒角信息;若倒角信息满足第一设定条件,则判定原始图标为规则图标;若倒角信息不满足第一设定条件,则判定原始图标为非规则图标。示例性地,倒角信息可以包括:原始图标的可见区域在两个对角线方向上的边缘与原始图标的整体轮廓之间的距离;对应地,第一设定条件可以包括:这些距离的平均值小于或等于第一预设特征值。然而,本申请对此并不限定。
示例性地,在原始图标内检测核心区域,可以包括:
将原始图标划分成n个区间,其中,n为大于或等于1的正整数;
在任一区间内随机选取一条线,并从该条线的起始位置开始依次计算该条线上任两个相邻像素点的第一颜色差,在第一数组记录该条线上所有像素点的位置信息以及任两个相邻像素点的第一颜色差;
通过对第一数组内的多个第一颜色差进行排序,确定该条线的方向边缘;
根据n个第一数组确定的方向边缘,确定原始图标内的核心区域。
其中,任两个相邻像素点的第一颜色差可以根据以下方式得到:计算任两个相邻像素点的同一颜色通道的差值绝对值;计算所有颜色通道的差值绝对值之和。
在示例性实施方式中,按照显示比例,得到目标图标,可以包括:确定核心区域的背景类型;按照背景类型生成目标背板;按照显示比例,叠加核心区域与目标背板,得到目标图标。
示例性地,确定核心区域的背景类型,可以包括:
根据核心区域的三条边线上任两个相邻像素点的第二颜色差,确定核心区域的背景是否为纯色背景;
根据核心区域的任意相对两条边线上的像素颜色变化规律,确定核心区域的背景是否为线性渐变背景。
示例性地,根据核心区域的三条边线上任两个相邻像素点的第二颜色差,确定核心区域的背景是否为纯色背景,可以包括:
若三条边线上任两个相邻像素点的第二颜色差均小于第一阈值,且三个边线上的颜色均值差也小于第一阈值,则确定核心区域的背景为纯色背景。其中,第一阈值可以预先设定。
其中,任两个相邻像素点的第二颜色差可以等于任两个相邻像素点的同一颜色通道的差值绝对值。三个边线上的颜色均值差可以等于任两个边线的全部颜色通道的差值绝对值之和。然而,本申请对此并限定。在其他实现方式中,也可以采用其他方式计算第二颜色差和颜色均值差。
示例性地,根据核心区域的任意相对两条边线上的像素颜色变化规律,确定核心区域的背景是否为线性渐变背景,可以包括:
针对任一条边线,从该边线上选取N个点(示例性地,N为9),给每个颜色通道生成一个二维数组;通过对每个二维数组进行多项式求解,获取每个颜色通道的统计结果,根据统计结果判断该边线上的像素颜色变化规律是否满足线性规律渐变;
根据任意相对两条边线上的判断结果,确定核心区域的背景是否为线性渐变背景。
其中,根据任意相对两条边线上的判断结果,确定核心区域的背景为线性渐变背景,则还可以确定背景的渐变类型,比如,垂直方向的规律渐变或水平方向的规律渐变。比如,在水平方向上相对的两条边线的像素颜色变化规律相同,均满足线性规律渐变,则可以确定背景的渐变类型为水平方向的规律渐变;在垂直方向上相对的两条边线的像素颜色变化规律相同,均满足线性规律渐变,则可以确定背景的渐变类型为垂直方向的规律渐变。
在示例性实施方式中,确定核心区域在目标图标的显示比例,可以包括:
计算核心区域的长宽比;若长宽比小于第二阈值(比如,0.7),则确定显示比例为第一预设值(比如,0.7);若长宽比大于或等于第二阈值,则确定显示比例为第二预设值(比如,0.618)。其中,第二阈值可以是预先设定的。
本实施例中,不同原始图标的目标图标内可以保留原始图标的核心区域,而且核心区域在目标图标内的显示比例具有一致性,从而给用户提供视觉一致性效果。
目前的终端在使用主题之后,可以给用户提供具有某种统一风格的显示效果,即主题切换可以一键改变终端系统的“长相”。然而,终端的文件系统无法预置用户所有应用的主题图标,难以满足用户安装的所有应用都统一主题风格;另外,采用基于主题风格的统一处理之后,会存在图标应用主题后,原有特征遭到破坏的情况,从而影响用户的使用。
通过本实施例提供的图标处理方法及装置,图标基于自身特征调整成为适合应用主题包中图标信息的图标,核心区域会调整成适合后续主题特征的大小,从而增强主题应用后图标的一致性和可识别程度,充分满足终端使用者对一致性与易用性的双重要求。
在示例性实施方式中,图标处理指令可以为切换到目标主题的指令;本实施例的方法还可以包括:接收切换到目标主题的指令后,获取切换到的目标主题的图标信息;
S102可以包括:根据原始图标的自身特征以及切换到的目标主题的图标信息,处理原始图标,得到原始图标应用目标主题后的目标图标。
在本示例性实施方式中,不同原始图标的目标图标内的核心区域的显示比例满足设定范围,且不同原始图标应用相同目标主题后对应的目标图标符合该目标主题的图标要求(比如,目标图标的图标形状符合主题风格,目标图标的颜色变化符合主题风格等)。
在示例性实施方式中,接收切换到目标主题的指令后,获取目标主题的图标信息,可以包括:
接收切换到目标主题的指令后,获取切换到的目标主题的资源包的存储位置;从该资源包获取该目标主题的图标信息。
示例性地,目标主题的图标信息可以包括:目标主题中对图标形状的描述信息,比如可以是图片(png)、利用xml描述的形状;图标背景托盘资源;图标效果的资源文件,比如可以是颜色值、图片(png)等。
在本示例性实施方式中,在接收切换到目标主题的指令后,启动本实施例提供的图标处理方法,得到原始图标应用目标主题后的目标图标。
下面以主题实施场景为例,对本申请实施例提供的图标处理方法进行说明。本示例中,以设置在计算设备上的图标处理装置执行本实施例提供的图标处理方法为例进行说明。
图标处理装置接收由计算设备的用户触发的系统切换主题通知;图标处理装置收到系统切换主题通知,则表示系统层面的主题切换工作已经完成,切换后的目标主题的相关信息已经完整地加载在指定的位置。示例性地,计算设备的系统可以通过广播形式发送系统切换主题通知。图标处理装置在接收到系统切换主题通知之后,会判断自身缓存的主题信息(比如,主题名称、主题类型等主题的属性信息)与系统切换主题通知中携带的主题信息是否一致,若不一致,则确认收到切换到目标主题的指令,确认需要执行本实施例的图标处理方法,否则(即两者一致),继续等待系统切换主题通知。图标处理装置在确认执行本实施例的图标处理方法之后,可以获取待处理的图片格式的原始图标;并确定切换后的目标主题的资源包的存储位置,从该资源包获取到目标主题的图标信息;然后,基于原始图标的自身特征和目标主题的图标信息,对原始图标进行处理,最终得到符合目标主题风格且满足统一视觉效果要求的目标图标。本示例中,目标图标内的核心区域的显示比例满足设定范围,而且目标图标符合实施的目标主题风格。需要说明的是,从商店下载的线上主题的资源包与系统中预置的主题的资源包的存储位置会不同。
图2为本申请实施例的图标处理过程的示例图。下面参照图2说明在获取原始图标后对原始图标的处理过程。如图2所示,本实施例的图标处理过程包括:
步骤S21、对获取的原始图标进行尺寸处理,调整至目标尺寸;其中,可以依据计算设备(比如,智能手机等移动终端)的屏幕分辨率确定调整到的目标尺寸,比如,目标尺寸的图标的长和宽可以相等,即为正方形;本步骤的目的为:规整图标处理流程的输入数据,避免在提取图标信息与应用主题信息时由于尺寸不一致带来的误判与误处理。原始图标的示例可以参照图8(a)和图9(a)所示。然后,对调整至目标尺寸的原始图标进行处理。
步骤S22、识别调整至目标尺寸的原始图标的边缘;本步骤主要完成图标大体形状的识别,关于本步骤的实现过程可以参照对图5(步骤S31及S32)的说明。
步骤S23、根据调整至目标尺寸的原始图标的边缘识别结果,判断原始图标是否为异型图标(即非规则图标);若是,则直接跳转到S210;若不是异型图标(即为规则图标,比如,矩形图标),则继续执行步骤S24。
步骤S24、检测生成规则图标的核心区域;在本示例中,以原始图标为矩形图标为例进行说明;核心区域可以为图标主要特征所在的最小矩形范围,本步骤采用检测颜色梯度变化来识别核心区域;然而,本申请并不限定图标核心区域边缘识别所采用的算法。
示例性地,本步骤可以包括:
将调整至目标尺寸的原始图标划分成n个区间,n=C/s;其中,C为调整至目标尺寸的原始图标可见部分的边线上的像素点数;s为正整数,表示预置的采样间距,在本示例中,s设为12,然而,本申请对此并不限定;
在区间i内随机取一条线Li;其中,i为小于或等于n的整数;
在Li中从0开始计算相邻两像素点的第一颜色差,其中,计算公式如下:
其中,Ra代表像素点a的R颜色通道值,Ga代表像素点a的G颜色通道值,Ba代表像素点a的B颜色通道值,Rb代表像素点b的R颜色通道值,Gb代表像素点b的G颜色通道值,Bb代表像素点b的B颜色通道值;像素点a和像素点b为Li上向相邻的像素点;
本示例中,将依次计算获得的Li上任两个相邻像素点的第一颜色差存入数组Acolor(对应于上述的第一数组);需要说明的是,数组Acolor中还存储第一颜色差对应的所有像素点的位置信息;在本示例中,图标划分为n个区间,因此,可以得到n个数组Acolor;
对数组Acolor进行排序,获得Li上的方向边缘;其中,根据数组Acolor中的多个第一颜色差的排序以及对应的像素点位置信息,可以将数组Acolor中最大的第一颜色差对应的像素点位置指示为边缘;
在本示例中,如图3所示,根据n个数组Acolor的最大的第一颜色差对应的像素点位置的统计和分析,可以确定左与上两个方向、右与下两个方向。通过左与上两个方向可以确定图3中的点A的坐标,通过右与下两个方向可以获取图3中的点B的坐标;需要说明的是,本示例中的坐标系定义如下:图标的左上角为原点,水平向右方向为X轴正方向,垂直向下方向为Y轴正方向;
通过点A、点B,可确定调整至目标尺寸后的原始图标内的核心区域。
示例性地,确定核心区域之后,可以根据原始图标的缩放比例提升图像清晰度;在本示例中,在步骤S21会将输入的原始图标从源尺寸调整至目标尺寸,将目标尺寸记为WTar,原始图标的源尺寸记为WOri,则可以计算得到原始图标的缩放比例S=WOri/WTar;其中,目标尺寸和源尺寸可以分别根据图标的长和宽的乘积确定。如果S>1,则说明原始图标本身的尺寸较大,精度较高,图标后续处理对用户的视觉影响不大;若S<1,则说明原始图标本身的尺寸较小,精度偏低,需要图像清晰化处理,以提升视觉效果。本示例中,可以采用USM(Unsharpen Mask)锐化算法对图标核心区域进行锐化处理,以提升低精度图标的清晰度,并提升视觉效果。然而,本申请实施例对此并不限定。
示例性地,针对图8(a)中的原始图标,经过步骤S24的处理后可以得到图8(b)所示的核心区域;针对图9(a)中的原始图标,经过步骤S24的处理后可以得到图9(b)所示的核心区域。
步骤S25、针对步骤S24生成的核心区域,识别核心区域的背景类型,在本示例中,核心区域为原始图标中的规则形状部分,因此,核心区域的背景即为原始图标的背景。
在本步骤中,可以先判断核心区域的背景是否为纯色背景;若为纯色背景,则执行步骤S26,若不为纯色背景,则判断核心区域的背景是否为线性渐变背景,若为线性渐变背景,则执行步骤S27,否则,执行步骤S211。然而,本申请对此并不限定。在其他实现方式中,可以先判断核心区域的背景是否为线性渐变背景,然后再判断核心区域的背景是否为纯色背景。
下面基于图4说明本步骤中纯色背景的判断过程;其中,如图4所示,A、B、C、D为核心区域(即矩形范围)的四个角,LAD、LAB、LBC分别为核心区域的边线。
示例性地,本步骤中纯色背景的判断方式如下:
依次计算线LAD、LAB、LBC上的相邻像素点的第二颜色差,若任一条线上的任意两个相邻像素点的第二颜色差超过第一阈值,则直接判定背景为非纯色,不再进行后续的计算;
其中,两个相邻像素点的第二颜色差可以等于两相邻像素点的同一颜色通道(比如,R颜色通道、G颜色通道或B颜色通道)的差值绝对值;然而,本申请对此并不限定;在其他实现方式中,第二颜色差的计算方式可以与第一颜色差的计算方式相同;
在本示例中,如果LAD、LAB、LBC三条线上任意两个相邻像素点的第二颜色差均小于第一阈值,且LAD、LAB、LBC上的颜色均值差也小于第一阈值,则说明背景为纯色;示例性地,LAD、LAB、LBC上的颜色均值差可以等于LAD线上任两相邻像素点的第二颜色差、LAB线上任两相邻两像素点的第二颜色差以及LBC线上任两相邻像素点的第二颜色差的总均值。然而,本申请对此并不限定。
下面基于图4说明本步骤中线性渐变背景的判断过程;其中,如图4所示,A、B、C、D为核心区域的四个角,LAD、LAB、LBC、LCD分别为核心区域的边线。其中,LAD和LBC为水平方向上相对的两条边线,LAB和LCD为垂直方向上相对的两条边线。
示例性地,本步骤中线性渐变背景的判断方式如下:
依次判定线LAD、LAB、LBC、LCD上的像素颜色变化规律;
下面以线LAD为例进行说明:
随机在线LAD上取9个像素点,并保存这些像素点的像素信息与位置信息到数组Apixel;
定义三个二维数组RcolorInfo、GcolorInfo、BcolorInfo,分别对应R颜色通道、G颜色通道和B颜色通道;其中,每个二维数组中,第一维度代表像素点的标号i,即代表像素点来自于数组Apixel的哪个位置(数组Apixel中的小标),第二维度可以为像素点的位置信息以及指定颜色通道的参数;
以二维数组RcolorInfo为例,根据二维数据RcolorInfo,可以获取以下形式的数据:{x2,y2,r2,2xy,2xr,2yr,2x,2y,2r};其中,x,y为从数组Apixel获取的像素点的坐标位置,r为该像素点的R颜色通道值;
通过对二维数据RcolorInfo进行多项式求解,可以计算得到以下式子中参数A至I的值:Ax2+By2+Cr2+2Dxy+2Exr+2Fyr+2Gx+2Hy+2Ir;
需要说明的是,得到参数A至I的值后,需要进行一次数据整形处理,即,将小于目标误差的参数确定为0,将大于或等于目标误差的参数确定为1;如此,可以将参数A至I转换为一组0和1的数据;利用转换之后的参数可以对R颜色通道的数据进行结果统计,得到统计结果CR,其中,统计结果CR记录了线LAD上的一组R颜色通道值。
同理,可以得到二维数组GcolorInfo与BcolorInfo的数组内容,并对GcolorInfo、BcolorInfo进行多项式求解,分别获取统计结果CG、CB;其中,统计结果CG记录了线LAD上的一组G颜色通道值,统计结果CB记录了线LAD上的一组B颜色通道值;
然后,根据CR、CG、CB判断线LAD上的像素颜色是否为线性规律渐变。例如,若线LAD的每个通道的1的个数小于2(单向渐变变化的特征)且满足其他修正条件,则认为线LAD上的像素颜色呈线性规律渐变。然而,本申请对此并不限定。在实际应用中,可以根据实际场景,调整线性规律渐变的判断条件。
在本示例中,在判定线LAD、LAB、LBC、LCD上的像素颜色变化规律之后,若线LAD和LBC上的像素颜色变化规律一致,则说明为水平方向的规律渐变背景;若线LAB和LCD上的像素颜色变化规律一致,则说明为垂直方向的规律渐变背景;若线LAD和LBC上的像素颜色变化规律一致,且线LAB和LCD上的像素颜色变化规律一致,则说明在水平方向和垂直方向均规律渐变;在上述这些情况下,均可以识别出背景为线性渐变背景。若线LAD、LAB、LBC、LCD上的像素颜色变化规律均不一致,或者,同方向的线上的像素颜色变化规律均不一致,则识别出背景为非线性渐变背景。
步骤S26、在步骤S25如果判定背景为纯色,则进入本步骤,获取纯色背景的颜色值,生成一张没有倒角的纯色背板。
本步骤中,获取纯色背景的颜色值的方式如下:
获取LAD、LAB、LBC三线上的颜色均值,然后计算得到这三条线的颜色均值的均值,记为:Cpure。
然后,使用颜色均值Cpure生成一张没有倒角的纯色背板,其中,纯色背板的尺寸可以为步骤S21中的目标尺寸。
步骤S27、根据步骤S25识别的背景颜色渐变规则,生成一张没有倒角的渐变背板,其中,渐变背板的尺寸可以为步骤S21中的目标尺寸。
步骤S28、调整核心区域的显示比例;其中,显示比例为核心区域的尺寸与步骤S21中的目标尺寸之间的比例,即核心区域的显示面积与目标图标的显示面积之比;其中,调整的目的是使得核心区域的显示面积在目标图标中占60%左右。
示例性地,本步骤的显示比例的调整方式如下:
计算核心区域的长宽比Sicon=hicon/wicon;其中,hicon为核心区域的长度,wicon为核心区域的宽度;
当Sicon<0.7,则确定核心区域的显示比例为0.7,否则,确定核心区域的显示比例为0.618。
在本示例中,第二阈值为0.7。然而,本申请对此并不限定。在其他实现方式中,可以根据核心区域的长度和宽度的数值范围,设置与不同数值范围对应的第二阈值;然后,根据核心区域的长度和宽度所属的数值范围,确定所采用的第二阈值。
步骤S29、将核心区域与步骤S26生成的纯色背板或步骤S27生成的渐变背板进行叠加,即可生成符合统一视效要求的图标。其中,核心区域与背板可以对齐中心点进行叠加,如此,本步骤生成的图标可以保留原始图标中的主要特征。
步骤S210、在调整至目标尺寸的原始图标为非规则图标时,可以将调整至目标尺寸的整个原始图标作为核心区域,按照步骤S28的显示比例确定方式确定采用的显示比例,并调整核心区域的显示比例,得到核心区域的显示比例满足设定范围的图标。在本步骤中,即按照显示比例,对调整至目标尺寸的原始图标进行缩放,得到核心区域的显示比例满足设定范围的图标。
步骤S211至S212、在通过步骤S25识别出背景既不是纯色背景也不是线性渐变背景时,可以识别调整至目标尺寸的原始图标的边缘信息,并完成轻微调整,即最大程度保证原始图标的关键位置不被主题中描述的图标信息损失。关于本步骤的说明可以参照对图5(步骤S31至S35)的说明。
步骤S213、针对经过步骤S210、或者步骤S29、或者步骤S212处理后的图标,使用从目标主题中获取的图标信息进行处理,得到目标图标;即,根据切换后的目标主题的图标信息,对上述步骤中处理得来的图标实施变化形状或特价效果图层等处理。在本步骤中,在经过步骤S210、或者步骤S29、或者步骤S212处理后的图标上实施目标主题的图标信息,得到的目标图标,不仅满足核心区域的显示比例满足设定范围,而且,目标图标的形状和颜色符合实施目标主题的风格。
本示例中,获取到的目标图标可以应用于整个系统中需要使用图标的位置,比如手机的桌面等位置,即在手机的桌面将原始图标更新显示为目标图标。
在示例性实施方式中,针对图8(a)中的原始图标,经过步骤S213处理后得到的目标图标如图8(c)所示。在本示例中,原始图标的背景为纯色背景。使用目标主题的图标信息之后,目标图标呈圆形,且其中的核心区域(即英文单词“Music”及耳机图像覆盖的最小矩形区域)在目标图标中的显示比例相较于原始图标中的核心区域的显示比例发生了改变。
在示例性实施方式中,针对图9(a)中的原始图标,经过步骤S213处理后得到的目标图标如图9(c)所示。在本示例中,原始图标的核心区域的背景为垂直方向的线性渐变背景。使用目标主题的图标信息之后,目标图标呈具有倒角的矩形,且其中的核心区域(即,“糯”字和百度标志覆盖的最小矩形区域)在目标图标中的显示比例相较于原始图标中的核心区域的显示比例发生了改变。
参照图8(c)和图9(c)可以,由于两者应用的目标主题的图标信息不同,因此,两个目标图标的形状存在差别,但是在步骤S213之前的处理过程类似,因此,两个目标图标中核心区域的显示比例具有一致性。
下面参照图5说明对一个图标进行边缘识别的过程。如图5所示,本实施例的过程包括:
步骤S31、识别图标的倒角信息;
示例性地,本步骤的过程如下:获得图标的两个对角线(如图6所示)的像素数据存入数组,遍历一根对角线上的像素数据,以图6中的图标的一个边角为例,点A所在的矩形为图标的整体轮廓,点B所在的矩形区域为图标可见部分;点A的像素透明度为0,点B的像素透明度不为0。通过对这两条对角线的遍历,可以获取图标可见区域四个边缘的位置。本示例中,BLT可以表示图标可见部分边缘到左上点长度(即本示例的图6中,点A至点B的直线距离),BRT表示图标可见部分边缘到右上点长度,BLB表示图标可见部分边缘点左下点长度,BRB表示图标可见部分边缘到右下点长度。
步骤S32、判断图标的倒角信息是否满足第一设定条件;
示例性地,在本步骤中,第一设定条件可以包括:BLT、BRT、BLB以及BRB四个特征值的均值小于或等于第一预设特征值;若均值大于第一预设特征值(即不满足第一设定条件),则判定图标为非规则图标,否则,判定图标为规则图标,然后执行步骤S33。其中,第一预设特征值可以在电脑端通过对大量图片的特征分析汇总并结合图标的设计得来。然而,本申请对此并不限定。在其他实施方式中,可以依次比较四个特征值与第一预设特征值,然后根据比较结果进行判定。
步骤S33、获取图标的特征位置透明边缘信息;
示例性地,在本步骤中,如图7所示,设置图标的两个垂直中轴线作为特殊点,确定四个边缘特征长度;在本示例中,ML表示左边缘透明长度(即本示例的图7中,点A至点B的直线距离),MT表示上边缘透明长度,MR表示右边缘透明长度,MB表示下边缘透明长度。
步骤S34、判断图标的特征位置透明边缘信息是否满足第二设定条件;
示例性地,在本步骤中,第二设定条件可以包括:ML、MT、MR及MB四个特征值的均值大于第二预设特征值;其中,若该均值大于第二预设特征值(即,满足第二设定条件),则进入步骤S35,否则进行下一步操作。其中,第二预设特征值可以在电脑端通过对大量图片的特征分析汇总并结合图标的设计得来。然而,本申请对此并不限定。
步骤S35、若图标的特征位置透明边缘信息满足第二设定条件,则说明图标的透明边界过大,可以调整图标尺寸,裁剪过大的透明边界;然后,进行下一步操作。
图10为本申请实施例提供的图标处理装置的示意图。如图10所示,本申请实施例提供的图标处理装置,包括:
原始图标获取模块101,配置为接收图标处理指令后,获取原始图标;
图标处理模块102,配置为根据原始图标的自身特征,处理原始图标,得到原始图标对应的目标图标;其中,不同原始图标的目标图标内的核心区域的显示比例满足设定范围。
在示例性实施方式中,图标处理指令可以为切换到目标主题的指令;本实施例提供的装置还可以包括:主题信息获取模块,配置为接收切换到目标主题的指令后,获取切换到的目标主题的图标信息;
图标处理模块102,可以配置为根据原始图标的自身特征以及切换到的目标主题的图标信息,处理原始图标,得到原始图标应用该目标主题后的目标图标。
在示例性实施方式中,主题信息获取模块,可以配置为通过以下方式获取目标主题的图标信息:接收切换到目标主题的指令后,获取切换到的目标主题的资源包的存储位置;从该资源包获取该目标主题的图标信息。
关于本实施例提供的装置的相关说明可以参照上述方法实施例的描述,故于此不再赘述。
图11为本申请实施例提供的另一种图标处理方法的流程图。本申请实施例提供的图标处理方法可以由计算设备(比如,智能手机、便携式电脑等移动终端,或者台式电脑等固定终端)执行。然而,本申请对此并不限定。
如图11所示,本实施例提供的图标处理方法,包括:
S1101、显示原始图标;
S1102、接收到图标处理指令后,将原始图标更新显示为对应的目标图标;其中,不同原始图标的目标图标内的核心区域的显示比例满足设定范围。
在本实施例中,计算设备(比如,智能手机)的显示界面上可以显示原始图标,在计算设备接收到用户的图标处理指令后,可以根据原始图标的自身特征处理原始图标,得到目标图标,并在显示界面上将原始图标更新显示为目标图标。由于不同原始图标的目标图标内的核心区域的显示比例满足设定范围,因此,可以在显示界面上提供统一视觉效果的图标,从而提高用户体验。
在示例性实施方式中,图标处理指令为切换到目标主题的指令,原始图标的目标图标符合该指令指示的目标主题的图标要求。
在本示例性实施方式中,图标处理指令可以为切换到目标主题的指令,即计算设备在进行主题切换时,可以根据原始图标的自身特征以及目标主题的图标信息处理原始图标,得到目标图标,并在显示界面上将原始图标更新显示为目标图标。本示例中,目标图标不仅保留了原始图标中的主要特征,而且在形状、颜色等方面符合目标主题的风格。如此,增强主题应用后图标的一致性和可识别程度,充分满足使用者对图标的一致性与易用性的双重要求。
此外,如图12所示,本申请实施例还提供一种计算设备200,包括:存储器201以及处理器202,存储器用于存储图标处理程序,该图标处理程序被处理器202执行时实现图1或图11对应实施例提供的图标处理方法的步骤。
其中,处理器202可以包括但不限于微处理器(MCU,Microcontroller Unit)或可编程逻辑器件(FPGA,Field Programmable Gate Array)等的处理装置。存储器201可用于存储应用软件的软件程序以及模块,如本实施例中的图标处理方法对应的程序指令或模块,处理器202通过运行存储在存储器201内的软件程序以及模块,从而执行各种功能应用以及数据处理,比如实现本实施例提供的图标处理方法。存储器201可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些示例中,存储器201可包括相对于处理器202远程设置的存储器,这些远程存储器可以通过网络连接至计算设备200。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
示例性地,计算设备200还可以包括:显示设备,用于提供图标的显示界面。
此外,本申请实施例还提供一种计算机可读介质,存储有图标处理程序,该图标处理程序被处理器执行时实现图1或图11对应实施例提供的图标处理方法的步骤。
本领域普通技术人员可以理解,上文中所公开方法中的全部或某些步骤、系统、装置中的功能模块或单元可以被实施为软件、固件、硬件及其适当的组合。在硬件实施方式中,在以上描述中提及的功能模块或单元之间的划分不一定对应于物理组件的划分;例如,一个物理组件可以具有多个功能,或者一个功能或步骤可以由若干物理组件合作执行。某些组件或所有组件可以被实施为由处理器,如数字信号处理器或微处理器执行的软件,或者被实施为硬件,或者被实施为集成电路,如专用集成电路。这样的软件可以分布在计算机可读介质上,计算机可读介质可以包括计算机存储介质(或非暂时性介质)和通信介质(或暂时性介质)。如本领域普通技术人员公知的,术语计算机存储介质包括在用于存储信息(诸如计算机可读指令、数据结构、程序模块或其他数据)的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。计算机存储介质包括但不限于RAM、ROM、EEPROM、闪存或其他存储器技术、CD-ROM、数字多功能盘(DVD)或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。此外,本领域普通技术人员公知的是,通信介质通常包含计算机可读指令、数据结构、程序模块或者诸如载波或其他传输机制之类的调制数据信号中的其他数据,并且可包括任何信息递送介质。
虽然本申请所揭露的实施方式如上,但所述的内容仅为便于理解本申请而采用的实施方式,并非用以限定本申请。任何本申请所属领域内的技术人员,在不脱离本申请所揭露的精神和范围的前提下,可以在实施的形式及细节上进行任何的修改与变化,但本申请的专利保护范围,仍须以所附的权利要求书所界定的范围为准。
Claims (19)
1.一种图标处理方法,其特征在于,包括:
接收图标处理指令后,获取原始图标;
根据所述原始图标的自身特征,处理所述原始图标,得到所述原始图标对应的目标图标;其中,不同原始图标的目标图标内的核心区域的显示比例满足设定范围。
2.根据权利要求1所述的方法,其特征在于,所述图标处理指令为切换到目标主题的指令;
所述方法还包括:接收所述切换到目标主题的指令后,获取切换到的目标主题的图标信息;
所述根据所述原始图标的自身特征,处理所述原始图标,得到所述原始图标对应的目标图标,包括:
根据所述原始图标的自身特征以及切换到的目标主题的图标信息,处理所述原始图标,得到所述原始图标应用所述目标主题后的目标图标。
3.根据权利要求1所述的方法,其特征在于,所述根据所述原始图标的自身特征,处理所述原始图标,得到所述原始图标对应的目标图标,包括:
确定所述原始图标内的核心区域;
确定所述核心区域在目标图标的显示比例;
按照所述显示比例,得到所述目标图标;其中,所述核心区域按照所述确定的显示比例显示在所述目标图标中。
4.根据权利要求3所述的方法,其特征在于,所述目标图标的尺寸根据图标显示设备的屏幕分辨率确定,或者,所述目标图标的尺寸根据缩放比例与所述原始图标的尺寸确定。
5.根据权利要求3所述的方法,其特征在于,所述确定所述原始图标内的核心区域,包括:
通过识别所述原始图标的边缘,判断所述原始图标是否为规则图标;
若所述原始图标为规则图标,则在所述原始图标内检测核心区域;
若所述原始图标为非规则图标,则将所述非规则图标确定为所述原始图标的核心区域。
6.根据权利要求5所述的方法,其特征在于,所述在所述原始图标内检测核心区域,包括:
将所述原始图标划分成n个区间,其中,n为大于或等于1的正整数;
在任一区间内随机选取一条线,并从该条线的起始位置开始依次计算该条线上任两个相邻像素点的第一颜色差,在第一数组记录该条线上所有像素点的位置信息以及任两个相邻像素点的第一颜色差;
通过对所述第一数组内的多个第一颜色差进行排序,确定该条线的方向边缘;
根据n个第一数组确定的方向边缘,确定所述原始图标内的核心区域。
7.根据权利要求3所述的方法,其特征在于,所述按照所述显示比例,得到所述目标图标,包括:
确定所述核心区域的背景类型;
按照所述背景类型生成目标背板;
按照所述显示比例,叠加所述核心区域与所述目标背板,得到所述目标图标。
8.根据权利要求7所述的方法,其特征在于,所述确定所述核心区域的背景类型,包括:
根据所述核心区域的三条边线上任两个相邻像素点的第二颜色差,确定所述核心区域的背景是否为纯色背景;
根据所述核心区域的任意相对两条边线上的像素颜色变化规律,确定所述核心区域的背景是否为线性渐变背景。
9.根据权利要求8所述的方法,其特征在于,所述根据所述核心区域的三条边线上任两个相邻像素点的第二颜色差,确定所述核心区域的背景是否为纯色背景,包括:
若所述三条边线上任两个相邻像素点的第二颜色差均小于第一阈值,且所述三个边线上的颜色均值差也小于所述第一阈值,则确定所述核心区域的背景为纯色背景。
10.根据权利要求8所述的方法,其特征在于,所述根据所述核心区域的任意相对两条边线上的像素颜色变化规律,确定所述核心区域的背景是否为线性渐变背景,包括:
针对任一条边线,从所述边线上选取N个点,给每个颜色通道生成一个二维数组;通过对所述二维数组进行多项式求解,获取每个颜色通道的统计结果,根据所述统计结果判断所述边线上的像素颜色变化规律是否满足线性规律渐变;
根据所述任意相对两条边线上的判断结果,确定所述核心区域的背景是否为线性渐变背景。
11.根据权利要求3所述的方法,其特征在于,所述确定所述核心区域在目标图标的显示比例,包括:
计算所述核心区域的长宽比;
若所述长宽比小于第二阈值,则确定所述显示比例为第一预设值;若所述长宽比大于或等于所述第二阈值,则确定所述显示比例为第二预设值。
12.根据权利要求1所述的方法,其特征在于,所述原始图标的自身特征包括以下至少一项:图标的形状、图标的边缘角度信息、图标的核心区域位置、图标的核心区域大小、图标的色相、图标的主色调、颜色变化规律、透明边缘信息。
13.根据权利要求2所述的方法,其特征在于,所述接收所述切换到目标主题的指令后,获取切换到的目标主题的图标信息,包括:
接收切换到目标主题的指令后,获取切换到的目标主题的资源包的存储位置;从所述资源包获取所述目标主题的图标信息。
14.一种图标处理装置,其特征在于,包括:
原始图标获取模块,配置为接收图标处理指令后,获取原始图标;
图标处理模块,配置为根据所述原始图标的自身特征,处理所述原始图标,得到所述原始图标对应的目标图标;其中,不同原始图标的目标图标内的核心区域的显示比例满足设定范围。
15.根据权利要求14所述的装置,其特征在于,所述图标处理指令为切换到目标主题的指令;所述装置还包括:主题信息获取模块,配置为接收所述切换到目标主题的指令后,获取切换到的目标主题的图标信息;
所述图标处理模块,配置为根据所述原始图标的自身特征以及切换到的目标主题的图标信息,处理所述原始图标,得到所述原始图标应用所述目标主题后的目标图标。
16.一种计算设备,其特征在于,包括存储器以及处理器,所述存储器用于存储图标处理程序,所述图标处理程序被所述处理器执行时实现如权利要求1至13中任一项所述的图标处理方法的步骤。
17.一种计算机可读介质,其特征在于,存储有图标处理程序,所述图标处理程序被处理器执行时实现如权利要求1至13中任一项所述的图标处理方法的步骤。
18.一种图标处理方法,其特征在于,包括:
显示原始图标;
接收到图标处理指令后,将所述原始图标更新显示为对应的目标图标;其中,不同原始图标的目标图标内的核心区域的显示比例满足设定范围。
19.根据权利要求18所述的方法,其特征在于,所述图标处理指令为切换到目标主题的指令,所述原始图标的目标图标符合所述指令指示的目标主题的图标要求。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711286232.8A CN109901759A (zh) | 2017-12-07 | 2017-12-07 | 一种图标处理方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711286232.8A CN109901759A (zh) | 2017-12-07 | 2017-12-07 | 一种图标处理方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109901759A true CN109901759A (zh) | 2019-06-18 |
Family
ID=66939315
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711286232.8A Pending CN109901759A (zh) | 2017-12-07 | 2017-12-07 | 一种图标处理方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109901759A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113034631A (zh) * | 2019-12-24 | 2021-06-25 | 华为技术有限公司 | 主题图标的生成方法及其装置、计算机设备 |
CN113778585A (zh) * | 2021-08-09 | 2021-12-10 | 杭州当贝网络科技有限公司 | 图标生成的方法和系统 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103631580A (zh) * | 2013-10-31 | 2014-03-12 | 小米科技有限责任公司 | 一种生成主题图标的方法和装置 |
CN105955588A (zh) * | 2016-06-17 | 2016-09-21 | 青岛海信移动通信技术股份有限公司 | 一种界面上图标的显示方法及装置 |
CN106201536A (zh) * | 2016-07-15 | 2016-12-07 | 宇龙计算机通信科技(深圳)有限公司 | 一种应用图标的更换方法及终端设备 |
-
2017
- 2017-12-07 CN CN201711286232.8A patent/CN109901759A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103631580A (zh) * | 2013-10-31 | 2014-03-12 | 小米科技有限责任公司 | 一种生成主题图标的方法和装置 |
CN105955588A (zh) * | 2016-06-17 | 2016-09-21 | 青岛海信移动通信技术股份有限公司 | 一种界面上图标的显示方法及装置 |
CN106201536A (zh) * | 2016-07-15 | 2016-12-07 | 宇龙计算机通信科技(深圳)有限公司 | 一种应用图标的更换方法及终端设备 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113034631A (zh) * | 2019-12-24 | 2021-06-25 | 华为技术有限公司 | 主题图标的生成方法及其装置、计算机设备 |
CN113778585A (zh) * | 2021-08-09 | 2021-12-10 | 杭州当贝网络科技有限公司 | 图标生成的方法和系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9245043B2 (en) | Embedded media markers and systems and methods for generating and using them | |
CN104915332B (zh) | 一种生成排版模板的方法及装置 | |
US20090319891A1 (en) | Methods and systems of automatically generating marks in a graphical view | |
CN102693527A (zh) | 用于对图像执行模糊渲染处理的方法和装置 | |
Lin et al. | Artistic QR code embellishment | |
CN104392233B (zh) | 一种基于区域的图像显著图提取方法 | |
EP3035289B1 (en) | Method and device for adsorbing straight line/line segment, and method and device for constructing polygon | |
CN109144384A (zh) | 显示方法、装置、硬件装置和计算机可读存储介质 | |
CN103472989B (zh) | 一种壁纸的切换方法及终端 | |
CN108064395A (zh) | 在视频图像中嵌入二维码的系统和方法 | |
CN106250421A (zh) | 一种拍摄处理的方法及终端 | |
CN104461439A (zh) | 一种信息处理方法及电子设备 | |
CN110019912A (zh) | 基于形状的图形搜索 | |
CN102122231A (zh) | 屏幕显示方法及移动终端 | |
CN109658330A (zh) | 一种发色调整方法及装置 | |
CN109901759A (zh) | 一种图标处理方法及装置 | |
CN104408754B (zh) | 一种图标合成方法 | |
CN110213458A (zh) | 一种图像数据处理方法、装置及存储介质 | |
CN106251191A (zh) | 一种终端屏幕的显示控制方法及终端 | |
CN107391567A (zh) | 一种多媒体处理方法、装置及终端 | |
CN108256520A (zh) | 一种识别硬币年份的方法、终端设备及计算机可读存储介质 | |
CN106648571A (zh) | 一种用于校对应用界面的方法和装置 | |
CN110474914A (zh) | 信息查询方法、装置和移动通信设备 | |
CN106293369B (zh) | 基于弹幕的交互方法、交互装置及用户设备 | |
CN105913405B (zh) | 用于呈现图像细节的处理方法、装置及车辆 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190618 |