CN105955588A - 一种界面上图标的显示方法及装置 - Google Patents
一种界面上图标的显示方法及装置 Download PDFInfo
- Publication number
- CN105955588A CN105955588A CN201610436590.1A CN201610436590A CN105955588A CN 105955588 A CN105955588 A CN 105955588A CN 201610436590 A CN201610436590 A CN 201610436590A CN 105955588 A CN105955588 A CN 105955588A
- Authority
- CN
- China
- Prior art keywords
- icon
- backboard
- effective
- size
- area
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Telephone Function (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开了一种界面上图标的显示方法及装置,涉及移动设备领域,用以提供一种动态适配不同形状或大小的图标背板的图标显示方案。在本发明中,获取智能手机当前使用的图标背板,并获取待显示于所述图标背板上的原始图标;根据所述原始图标中包含的图像信息,确定所述原始图标中的有效图标区域;其中,所述有效图标区域至少包含有用于标识安装于所述智能手机中的应用程序的图像信息;根据获取到的图标背板的大小和形状,将与所述图标背板的大小和形状相匹配的有效图标区域,显示于所述智能手机当前使用的图标背板上;从而实现了上述功能。
Description
技术领域
本发明涉及移动设备领域,尤其涉及一种界面上图标的显示方法及装置。
背景技术
随着互联网技术的发展,应用于智能移动终端上的UI(User Interface,用户界面)的展现越来越受到重视。用户时常会根据个人喜好,设置不同的主题。在主题中,不仅预设有壁纸,还会预设有相似风格的图标背板,其中,图标背板用于放置并显示各种应用程序(APP)默认设置的图标(ICON)的背板区域。
由于不同主题的图标背板的形状及大小各异,而不同APP默认设置的ICON的形状及大小也各不相同,因此,很可能出现由于当前使用的图标背板与APP默认设置的ICON不适配而造成的图标显示不完整、不清晰等问题。
发明内容
本发明提供一种界面上图标的显示方法及装置,用以提供一种动态适配不同形状或大小的图标背板的图标显示方案。
本发明提供了一种界面上图标的显示方法,该方法包括:
获取智能手机当前使用的图标背板,并获取待显示于所述图标背板上的原始图标;
根据所述原始图标中包含的图像信息,确定所述原始图标中的有效图标区域;其中,所述有效图标区域至少包含有用于标识安装于所述智能手机中的应用程序的图像信息;
根据获取到的图标背板的大小和形状,将与所述图标背板的大小和形状相匹配的有效图标区域,显示于所述智能手机当前使用的图标背板上。
相应的,本发明还提供了一种界面上图标的显示装置,该装置包括:
获取单元,用于获取智能手机当前使用的图标背板,并获取待显示于所述图标背板上的原始图标;
确定单元,用于根据所述原始图标中包含的图像信息,确定所述原始图标中的有效图标区域;其中,所述有效图标区域至少包含有用于标识安装于所述智能手机中的应用程序的图像信息;
显示单元,用于根据获取到的图标背板的大小和形状,将与所述图标背板的大小和形状相匹配的有效图标区域,显示于所述智能手机当前使用的图标背板上。
从上述技术方案可以看出,本发明可以提供一种动态适配不同形状或大小的图标背板的图标显示方案,在获取到智能手机当前使用的图标背板以及需要显示于当前使用的图标背板上的原始图标之后,根据原始图标中所包含的图标的图像信息,例如图标的形状和大小,对原始图标进行一系列处理,自动的、准确的形成一种与图标背板的大小和形状相匹配的有效图标区域,并将与图标背板的大小和形状相匹配的有效图标区域,显示于智能手机当前使用的图标背板上,从而提供一种动态适配不同形状或大小的图标背板的图标显示方案,避免了由于图标背板与图标不匹配而造成的图标显示不完整、不清晰等问题。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简要介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域的普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明中的一种界面上图标的显示方法的流程示意图;
图2(a)为本发明实施例中的一种动态适配图标背板的图标显示方案的流程示意图;
图2(b)为本发明实施例中的智能手机当前可使用的图标背板的示意图;
图2(c)为本发明实施例中的智能手机中的一种原始图标的示意图;
图3为本发明实施例中的一种界面上图标的显示装置的结构示意图。
具体实施方式
为了使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明作进一步地详细描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
本发明可以应用于各种智能终端(如智能手机、平板电脑、移动电脑等终端设备),本发明可以优选的应用于可更换UI(User Interface,用户界面)显示风格或主题的智能手机。本发明可以提供一种动态适配不同形状或大小的图标背板的图标显示方案,避免了由于图标背板与图标不匹配而造成的图标显示不完整、不清晰等问题。
图1示出了本发明中的一种界面上图标的显示方法的流程示意图,如图1所示,该方法可以包括:
步骤11:获取智能手机当前使用的图标背板,并获取待显示于图标背板上的原始图标。
步骤12:根据原始图标中包含的图像信息,确定原始图标中的有效图标区域;其中,有效图标区域至少包含有用于标识安装于智能手机中的应用程序的图像信息;
步骤13:根据获取到的图标背板的大小和形状,将与图标背板的大小和形状相匹配的有效图标区域,显示于智能手机当前使用的图标背板上。
可选的,在上述步骤12中,根据原始图标中包含的图像信息,识别原始图标中的透明区域;将识别出的所有的透明区域,从原始图标中剔除,将剔除后的区域,确定为原始图标中的有效图标区域。
可选的,在上述步骤中,通过如下步骤确定与图标背板的大小和形状相匹配的有效图标区域:如果有效图标区域的大小大于图标背板的大小,则从有效图标区域中,按照预设提取规则,提取出主元素区域,并判断提取出的主元素区域是否超过图标背板覆盖的范围;当主元素区域超过图标背板覆盖的范围时,按照预设缩放规则,将主元素区域缩小至与图标背板的大小相匹配的大小,并根据图标背板的形状,对缩小后的主元素区域进行裁减,形成与图标背板的大小和形状相匹配的有效图标区域;当主元素区域未超过图标背板覆盖的范围时,根据图标背板的形状,直接对主元素区域进行裁减,形成与图标背板的大小和形状相匹配的有效图标区域;其中,主元素区域为原始图标的主元素的最小外包区域;主元素为预先设置的用于标识安装于智能手机中的应用程序。
可选的,在上述步骤中,通过如下步骤确定与图标背板的大小和形状相匹配的有效图标区域:如果有效图标区域的大小不大于图标背板的大小,则执行如下预处理:按照预设预处理规则,将有效图标区域放大至与图标背板的大小相匹配的大小;从预处理之后的有效图标区域中,按照预设提取规则,提取出主元素区域,并判断提取出的主元素区域是否超过图标背板覆盖的范围;如果提取出的主元素区域超过图标背板覆盖的范围,则不执行预处理对应的操作,并直接根据图标背板的形状,对预处理之前的有效图标区域进行裁减,形成与图标背板的大小和形状相匹配的有效图标区域;如果提取出的主元素区域未超过图标背板覆盖的范围,则执行预处理对应的操作,并继续根据图标背板的形状,对预处理之后的有效图标区域进行裁减,形成与图标背板的大小和形状相匹配的有效图标区域;其中,主元素区域为原始图标的主元素的最小外包区域;主元素为预先设置的用于标识安装于智能手机中的应用程序。
可选的,在上述步骤中,在对预处理之后的有效图标区域进行裁减,形成与图标背板的大小和形状相匹配的有效图标区域之后,提取原始图标的背景色的颜色值,并将图标背板的背景色修改为与原始图标的背景色相同的颜色值。
整体来说,本发明具有如下优点:
第一,本发明不需要修改或变更智能终端中的UI的显示风格或主题,也不需要修改或变更主题中所预设的图标显示风格,这样,本发明可以在保持显示风格或主题的原始设计风格的基础上,自动的形成与智能终端当前使用的图标背板的形状或大小最匹配的图标(ICON)。
第二,本发明可以随着智能终端中的UI的显示风格或主题的变更,而动态调整,无论显示风格或主题中所预设的图标背板是规则形状或不规则形状的,本发明均可准确的适配,从而将最匹配的图标(ICON)显示于智能终端当前使用的图标背板上。
下面以智能手机为例对本发明实施例进行举例描述。
在本发明实施例中,智能手机中可以预装有多个主题,其主题风格可以相同或相似,也可完全不同,这里不做限定,并且,智能手机中预装的主题可以为***预置主题,也可以为用户自定义安装的主题,这里均不做限定。
图2(a)示出了本发明实施例中的一种动态适配图标背板的图标显示方案的流程示意图,如图2(a)所示,该流程可以包括:
步骤201:用户设置或更改某一主题作为当前界面的显示风格或主题。
步骤202:解析主题包,获取该主题包中应设置的图标背板(ICON)。
具体实现时,图2(b)示出了本发明实施例中的智能手机当前可使用的图标背板的示意图,如图2(b)所示,在本发明实施例中可以设置矩形、圆形等规则形状的图标背板(BgFrame),也可以设置其他不规则的图标背板(BgFrame),这里仅以图2(b)所示出的四种图标背板(BgFrame)为例进行举例描述,而对于未由图2(b)所示出的其他规则或不规则形状,本发明实施例也可适配,这里不再一一赘述。
步骤203:获取需要显示于图标背板(BgFrame)上的原始图标(ICON)。
具体实现时,图2(c)示出了本发明实施例中的智能手机中的一种原始图标的示意图,如图2(b)所示,在本发明实施例中仅以一种与游戏相关的应用程序(APP)对应的图标为例进行详细描述。在实际应用中,不同的开发商或厂家可能为不同的APP设置有不同设计风格的图标,其APP图标会在安装该APP时提供给智能手机,以便智能手机将该图标显示于不同界面(如手机桌面、应用列表界面)上。当然,智能手机也可能为不同的APP或***应用设置有不同的图标(ICON)。因此,本发明实施例对需要显示于图标背板上的原始图标,即图标(ICON)的获取方式不做限定。
步骤204:计算原始图标(ICON)中的有效图标区域。
具体实现时,由于原始图标中可能包含有透明区域,即由像素值为0的像素点组成的区域,因此,原始图标中的有效图标区域=原始图标-原始图标中的透明区域,其中,=符号为等于,-符号为减去。当然,在实际应用中,原始图标中的有效图标区域可以为规则形状(如矩形、圆形、椭圆形等),也可以为不规则形状(如不规则多边形等)。
然而,在本发明实施例中,为了减少算法复杂度和运算耗时,可以较优的将原始图标中的有效图标区域规划为规则的矩形。因此,在本发明实施例中,还提供有一种原始图标中的有效图标区域的确定方式,即原始图标中的有效图标区域=原始图标-原始图标中的透明区域的各边距宽度,其中,=符号为等于,-符号为减去;并且,原始图标中的透明区域的各边距宽度即为原始图标的各边界与原始图标中的最靠外部的像素值不为0的像素点的距离。
当然,如果在不需考虑算法复杂度和运算耗时的情况下,本发明实施例也可以将原始图标中的有效图标区域规划为不规则形状,并利用边缘提取算法,提取出有效图标区域的边缘,将由提取出的边缘所包围的区域,作为有效图标区域。
步骤205:判断原始图标(ICON)中的有效图标区域的大小是否大于图标背板(BgFrame)的大小,如果是,则继续执行步骤206;否则,直接执行步骤210。
步骤206:在原始图标(ICON)中的有效图标区域的大小大于图标背板(BgFrame)的大小的情况下,通过边缘提取算法,提取出有效图标区域中的主元素区域。
具体实现时,通常来讲,原始图标中的有效图标区域可以由背景和前景组成,其中,背景一般设置于底层;前景一般设置于背景之上,用于展现APP相关图像信息,在本发明实施例中,可以将上述前景作为有效图标区域中的主元素,其作用可以唯一的标识APP。在实际应用中,主元素通常为不规则形状、或特殊形状、或类似特殊字体等,因此,为了减少算法复杂度和运算耗时,同时能够保留原图标的设计(包括背景及前景),本发明实施例优先的将包含有主元素的最小外包区域作为有效图标区域中的主元素区域,其主元素区域可以较优的为矩形或圆形或椭圆形。图2(c)示出了本发明实施例中的一种主元素区域的示意图,其中,深色区域为有效图标区域的背景,设置于背景上的游戏机手柄图形为主元素,为了保留原始设计,本发明实施例可以提取到主元素的上边界、下边界、左边界及右边界,从而确定有效图标区域中的主元素区域。
步骤207:判断提取出的主元素区域是否正好被图标背板(BgFrame)覆盖,如果是,则继续执行步骤208;否则,直接执行步209。
步骤208:如果提取出的主元素区域的范围正好被图标背板(BgFrame)覆盖,则直接根据图标背板的形状,对主元素区域进行适配性裁减,并得到最终图标效果,显示于图标背板上,并展示在当前界面上。
在执行上述步骤208之后,结束流程。
步骤209:如果提取出的主元素区域的范围超出图标背板(BgFrame)覆盖的范围,则将主元素区域按照预设比例缩小,以使缩小后的主元素区域能够被图标背板(BgFrame)覆盖,并根据图标背板的形状,对缩小后的主元素区域进行适配性裁减,并得到最终图标效果,显示于图标背板上,并展示在当前界面上。
在执行上述步骤209之后,结束流程。
步骤210:在原始图标(ICON)中的有效图标区域的大小不大于图标背板(BgFrame)的大小的情况下,需要对有效图标区域进行缩放预处理,以判断放大后的有效图标区域中的主元素区域的范围是否超过图标背板(BgFrame)覆盖的范围,如果未超过,则继续执行步骤211;否则,直接执行步骤212。
具体实现时,在原始图标(ICON)中的有效图标区域的大小不大于图标背板(BgFrame)的大小的情况下,本发明实施例需要对有效图标区域进行预处理,具体将有效图标区域按照预设比例放大,以使放大后的有效图标区域能够与图标背板(BgFrame)适配,然而,在将有效图标区域放大后,可能出现有效图标区域中的主元素区域的范围反而超过图标背板(BgFrame)覆盖的范围的情况,因此,本发明实施例需要在将有效图标区域放大后,进一步提取出有效图标区域中的主元素区域(其具体提取方式与上述步骤206中的方式相似,这里不再赘述),并判断提取出的主元素区域的范围是否超过图标背板(BgFrame)覆盖的范围,如果未超过,则继续执行步骤211;否则,直接执行步骤212。
步骤211:如果提取出的主元素区域的范围仍未超过图标背板(BgFrame)覆盖的范围,则根据图标背板(BgFrame)的形状,对预处理后的有效图标区域进行适配性裁减,并得到最终图标效果,显示于图标背板上,并展示在当前界面上。
步骤212:如果提取出的主元素区域的范围反而超过图标背板(BgFrame)覆盖的范围,则不再需要对有效图标区域进行预处理,也就是说,不需要对有效图标区域进行缩放,而是直接根据图标背板(BgFrame)的形状,对预处理前的有效图标区域进行适配性裁减,并得到最终图标效果,显示于图标背板上,并展示在当前界面上。
需要说明的是,在本发明实施例中,需要按照预设比例进行缩小或放大处理时,其缩放比例可以是预先设置的固定比例值,举例来说,当需要进行缩小处理时,预先设置有缩小系数N,其中N<1,将需要缩小的区域的横向及纵向均乘以缩小系数N,达到缩小图像的目的;当需要进行放大处理时,预先设置有放大系数S,其中S>1,将需要缩小的区域的横向及纵向均乘以放大系数S,达到放大图像的目的。当然,在本发明实施例中,也可以按照动态比例进行缩小或放大处理,举例来说,本发明实施例可以将图标背板(BgFrame)的大小与需要进行缩放处理的区域的大小之间的比例,作为本次使用的缩放比例,以达到最优适配的目的。
从上述技术方案可以看出,本发明可以提供一种动态适配不同形状或大小的图标背板的图标显示方案,在获取到智能手机当前使用的图标背板以及需要显示于当前使用的图标背板上的原始图标之后,根据原始图标中所包含的图标的图像信息,例如图标的形状和大小,对原始图标进行一系列处理,自动的、准确的形成一种与图标背板的大小和形状相匹配的有效图标区域,并将与图标背板的大小和形状相匹配的有效图标区域,显示于智能手机当前使用的图标背板上,从而提供一种动态适配不同形状或大小的图标背板的图标显示方案,避免了由于图标背板与图标不匹配而造成的图标显示不完整、不清晰等问题。
基于相同的技术构思,本发明实施例还提供了一种界面上图标的显示装置,图3示出了本发明实施例中的一种界面上图标的显示装置的结构示意图,如图3所示,该装置包括:
获取单元31,用于获取智能手机当前使用的图标背板,并获取待显示于所述图标背板上的原始图标;
确定单元32,用于根据所述原始图标中包含的图像信息,确定所述原始图标中的有效图标区域;其中,所述有效图标区域至少包含有用于标识安装于所述智能手机中的应用程序的图像信息;
显示单元33,用于根据获取到的图标背板的大小和形状,将与所述图标背板的大小和形状相匹配的有效图标区域,显示于所述智能手机当前使用的图标背板上。
可选的,所述确定单元32具体用于:
根据所述原始图标中包含的图像信息,识别所述原始图标中的透明区域;
将识别出的所有的透明区域,从所述原始图标中剔除,将剔除后的区域,确定为所述原始图标中的有效图标区域。
可选的,所述显示单元33具体用于:
在所述有效图标区域的大小大于所述图标背板的大小时,从所述有效图标区域中,按照预设提取规则,提取出主元素区域,并判断提取出的主元素区域是否超过所述图标背板覆盖的范围;当所述主元素区域超过所述图标背板覆盖的范围时,按照预设缩放规则,将所述主元素区域缩小至与所述图标背板的大小相匹配的大小,并根据所述图标背板的形状,对缩小后的主元素区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域;当所述主元素区域未超过所述图标背板覆盖的范围时,根据所述图标背板的形状,直接对所述主元素区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域;其中,所述主元素区域为所述原始图标的主元素的最小外包区域;所述主元素为预先设置的用于标识安装于所述智能手机中的应用程序。
可选的,所述显示单元33具体用于:
在所述有效图标区域的大小不大于所述图标背板的大小时,执行如下预处理:按照预设预处理规则,将所述有效图标区域放大至与所述图标背板的大小相匹配的大小;从预处理之后的有效图标区域中,按照预设提取规则,提取出主元素区域,并判断提取出的主元素区域是否超过所述图标背板覆盖的范围;如果提取出的主元素区域超过所述图标背板覆盖的范围,则不执行所述预处理对应的操作,并直接根据所述图标背板的形状,对预处理之前的有效图标区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域;如果提取出的主元素区域未超过所述图标背板覆盖的范围,则执行所述预处理对应的操作,并继续根据所述图标背板的形状,对预处理之后的有效图标区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域;其中,所述主元素区域为所述原始图标的主元素的最小外包区域;所述主元素为预先设置的用于标识安装于所述智能手机中的应用程序。
可选的,所述显示单元33还用于:
在对预处理之后的有效图标区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域之后,提取所述原始图标的背景色的颜色值,并将所述图标背板的背景色修改为与所述原始图标的背景色相同的颜色值。
本发明是参照根据本发明实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器,使得通过该计算机或其他可编程数据处理设备的处理器执行的指令可实现流程图中的一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图的一个流程或多个流程和/或方框图的一个方框或多个方框中指定的功能的步骤。
尽管已描述了本发明的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例做出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。
显然,本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样,倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型在内。
Claims (10)
1.一种界面上图标的显示方法,其特征在于,该方法包括:
获取智能手机当前使用的图标背板,并获取待显示于所述图标背板上的原始图标;
根据所述原始图标中包含的图像信息,确定所述原始图标中的有效图标区域;其中,所述有效图标区域至少包含有用于标识安装于所述智能手机中的应用程序的图像信息;
根据获取到的图标背板的大小和形状,将与所述图标背板的大小和形状相匹配的有效图标区域,显示于所述智能手机当前使用的图标背板上。
2.如权利要求1所述的方法,其特征在于,所述确定所述原始图标中的有效图标区域,包括:
根据所述原始图标中包含的图像信息,识别所述原始图标中的透明区域;
将识别出的所有的透明区域,从所述原始图标中剔除,将剔除后的区域,确定为所述原始图标中的有效图标区域。
3.如权利要求1或2所述的方法,其特征在于,通过如下步骤确定与所述图标背板的大小和形状相匹配的有效图标区域:
如果所述有效图标区域的大小大于所述图标背板的大小,则从所述有效图标区域中,按照预设提取规则,提取出主元素区域,并判断提取出的主元素区域是否超过所述图标背板覆盖的范围;
当所述主元素区域超过所述图标背板覆盖的范围时,按照预设缩放规则,将所述主元素区域缩小至与所述图标背板的大小相匹配的大小,并根据所述图标背板的形状,对缩小后的主元素区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域;
当所述主元素区域未超过所述图标背板覆盖的范围时,根据所述图标背板的形状,直接对所述主元素区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域;
其中,所述主元素区域为所述原始图标的主元素的最小外包区域;所述主元素为预先设置的用于标识安装于所述智能手机中的应用程序。
4.如权利要求1或2所述的方法,其特征在于,通过如下步骤确定与所述图标背板的大小和形状相匹配的有效图标区域:
如果所述有效图标区域的大小不大于所述图标背板的大小,则执行如下预处理:按照预设预处理规则,将所述有效图标区域放大至与所述图标背板的大小相匹配的大小;
从预处理之后的有效图标区域中,按照预设提取规则,提取出主元素区域,并判断提取出的主元素区域是否超过所述图标背板覆盖的范围;
如果提取出的主元素区域超过所述图标背板覆盖的范围,则不执行所述预处理对应的操作,并直接根据所述图标背板的形状,对预处理之前的有效图标区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域;
如果提取出的主元素区域未超过所述图标背板覆盖的范围,则执行所述预处理对应的操作,并继续根据所述图标背板的形状,对预处理之后的有效图标区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域;
其中,所述主元素区域为所述原始图标的主元素的最小外包区域;所述主元素为预先设置的用于标识安装于所述智能手机中的应用程序。
5.如权利要求4所述的方法,其特征在于,在对预处理之后的有效图标区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域之后,该方法还包括:
提取所述原始图标的背景色的颜色值,并将所述图标背板的背景色修改为与所述原始图标的背景色相同的颜色值。
6.一种界面上图标的显示装置,其特征在于,该装置包括:
获取单元,用于获取智能手机当前使用的图标背板,并获取待显示于所述图标背板上的原始图标;
确定单元,用于根据所述原始图标中包含的图像信息,确定所述原始图标中的有效图标区域;其中,所述有效图标区域至少包含有用于标识安装于所述智能手机中的应用程序的图像信息;
显示单元,用于根据获取到的图标背板的大小和形状,将与所述图标背板的大小和形状相匹配的有效图标区域,显示于所述智能手机当前使用的图标背板上。
7.如权利要求6所述的装置,其特征在于,所述确定单元具体用于:
根据所述原始图标中包含的图像信息,识别所述原始图标中的透明区域;
将识别出的所有的透明区域,从所述原始图标中剔除,将剔除后的区域,确定为所述原始图标中的有效图标区域。
8.如权利要求6或7所述的装置,其特征在于,所述显示单元具体用于:
在所述有效图标区域的大小大于所述图标背板的大小时,从所述有效图标区域中,按照预设提取规则,提取出主元素区域,并判断提取出的主元素区域是否超过所述图标背板覆盖的范围;当所述主元素区域超过所述图标背板覆盖的范围时,按照预设缩放规则,将所述主元素区域缩小至与所述图标背板的大小相匹配的大小,并根据所述图标背板的形状,对缩小后的主元素区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域;当所述主元素区域未超过所述图标背板覆盖的范围时,根据所述图标背板的形状,直接对所述主元素区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域;
其中,所述主元素区域为所述原始图标的主元素的最小外包区域;所述主元素为预先设置的用于标识安装于所述智能手机中的应用程序。
9.如权利要求6或7所述的装置,其特征在于,所述显示单元具体用于:在所述有效图标区域的大小不大于所述图标背板的大小时,执行如下预处理:按照预设预处理规则,将所述有效图标区域放大至与所述图标背板的大小相匹配的大小;从预处理之后的有效图标区域中,按照预设提取规则,提取出主元素区域,并判断提取出的主元素区域是否超过所述图标背板覆盖的范围;如果提取出的主元素区域超过所述图标背板覆盖的范围,则不执行所述预处理对应的操作,并直接根据所述图标背板的形状,对预处理之前的有效图标区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域;如果提取出的主元素区域未超过所述图标背板覆盖的范围,则执行所述预处理对应的操作,并继续根据所述图标背板的形状,对预处理之后的有效图标区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域;
其中,所述主元素区域为所述原始图标的主元素的最小外包区域;所述主元素为预先设置的用于标识安装于所述智能手机中的应用程序。
10.如权利要求9所述的装置,其特征在于,所述显示单元还用于:
在对预处理之后的有效图标区域进行裁减,形成与所述图标背板的大小和形状相匹配的有效图标区域之后,该方法还包括:
提取所述原始图标的背景色的颜色值,并将所述图标背板的背景色修改为与所述原始图标的背景色相同的颜色值。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610436590.1A CN105955588A (zh) | 2016-06-17 | 2016-06-17 | 一种界面上图标的显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610436590.1A CN105955588A (zh) | 2016-06-17 | 2016-06-17 | 一种界面上图标的显示方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105955588A true CN105955588A (zh) | 2016-09-21 |
Family
ID=56905966
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610436590.1A Pending CN105955588A (zh) | 2016-06-17 | 2016-06-17 | 一种界面上图标的显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105955588A (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106527871A (zh) * | 2016-12-14 | 2017-03-22 | 北京小米移动软件有限公司 | 应用图标的显示方法及装置 |
CN106708503A (zh) * | 2016-11-17 | 2017-05-24 | 北京奇虎科技有限公司 | 一种显示应用图标的方法和装置 |
CN107219989A (zh) * | 2017-05-31 | 2017-09-29 | 北京小米移动软件有限公司 | 图标处理方法、装置及终端 |
CN107390976A (zh) * | 2017-07-26 | 2017-11-24 | 上海展扬通信技术有限公司 | 图标显示处理方法及电子设备 |
CN109388307A (zh) * | 2018-11-05 | 2019-02-26 | 长沙拓扑陆川新材料科技有限公司 | 一种可对应用程序的图标进行分页的智能移动终端 |
CN109831584A (zh) * | 2019-01-30 | 2019-05-31 | 努比亚技术有限公司 | 应用图标适配处理方法、存储介质和移动终端 |
CN109901759A (zh) * | 2017-12-07 | 2019-06-18 | 中兴通讯股份有限公司 | 一种图标处理方法及装置 |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102314291A (zh) * | 2010-06-30 | 2012-01-11 | 上海科泰世纪科技有限公司 | 图标处理***及方法 |
US20120221973A1 (en) * | 2004-06-22 | 2012-08-30 | Imran Chaudhri | Color labeling in a graphical user interface |
CN102934064A (zh) * | 2011-06-09 | 2013-02-13 | 华为终端有限公司 | 一种主题显示方法以及相关装置 |
CN103389856A (zh) * | 2013-07-22 | 2013-11-13 | 广东欧珀移动通信有限公司 | 一种图标的显示方法和*** |
CN103617002A (zh) * | 2013-12-16 | 2014-03-05 | 深圳市理邦精密仪器股份有限公司 | 一种触控界面的实现方法及装置 |
CN103677791A (zh) * | 2012-09-26 | 2014-03-26 | 联想(北京)有限公司 | 一种图标处理方法及电子设备 |
CN103902520A (zh) * | 2014-04-28 | 2014-07-02 | 深圳市中兴移动通信有限公司 | 主题编辑方法和移动终端 |
CN103984551A (zh) * | 2014-05-19 | 2014-08-13 | 广州市久邦数码科技有限公司 | 一种桌面图标编辑的*** |
CN104615357A (zh) * | 2015-01-07 | 2015-05-13 | 深圳市金立通信设备有限公司 | 一种终端 |
CN105373373A (zh) * | 2014-08-29 | 2016-03-02 | 腾讯科技(深圳)有限公司 | 一种快速生成图标的方法和装置 |
CN105867901A (zh) * | 2015-12-25 | 2016-08-17 | 乐视致新电子科技(天津)有限公司 | 调整应用程序图标的方法和装置 |
-
2016
- 2016-06-17 CN CN201610436590.1A patent/CN105955588A/zh active Pending
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120221973A1 (en) * | 2004-06-22 | 2012-08-30 | Imran Chaudhri | Color labeling in a graphical user interface |
CN102314291A (zh) * | 2010-06-30 | 2012-01-11 | 上海科泰世纪科技有限公司 | 图标处理***及方法 |
CN102934064A (zh) * | 2011-06-09 | 2013-02-13 | 华为终端有限公司 | 一种主题显示方法以及相关装置 |
CN103677791A (zh) * | 2012-09-26 | 2014-03-26 | 联想(北京)有限公司 | 一种图标处理方法及电子设备 |
CN103389856A (zh) * | 2013-07-22 | 2013-11-13 | 广东欧珀移动通信有限公司 | 一种图标的显示方法和*** |
CN103617002A (zh) * | 2013-12-16 | 2014-03-05 | 深圳市理邦精密仪器股份有限公司 | 一种触控界面的实现方法及装置 |
CN103902520A (zh) * | 2014-04-28 | 2014-07-02 | 深圳市中兴移动通信有限公司 | 主题编辑方法和移动终端 |
CN103984551A (zh) * | 2014-05-19 | 2014-08-13 | 广州市久邦数码科技有限公司 | 一种桌面图标编辑的*** |
CN105373373A (zh) * | 2014-08-29 | 2016-03-02 | 腾讯科技(深圳)有限公司 | 一种快速生成图标的方法和装置 |
CN104615357A (zh) * | 2015-01-07 | 2015-05-13 | 深圳市金立通信设备有限公司 | 一种终端 |
CN105867901A (zh) * | 2015-12-25 | 2016-08-17 | 乐视致新电子科技(天津)有限公司 | 调整应用程序图标的方法和装置 |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106708503A (zh) * | 2016-11-17 | 2017-05-24 | 北京奇虎科技有限公司 | 一种显示应用图标的方法和装置 |
CN106527871A (zh) * | 2016-12-14 | 2017-03-22 | 北京小米移动软件有限公司 | 应用图标的显示方法及装置 |
CN106527871B (zh) * | 2016-12-14 | 2019-10-29 | 北京小米移动软件有限公司 | 应用图标的显示方法及装置 |
CN107219989A (zh) * | 2017-05-31 | 2017-09-29 | 北京小米移动软件有限公司 | 图标处理方法、装置及终端 |
CN107390976A (zh) * | 2017-07-26 | 2017-11-24 | 上海展扬通信技术有限公司 | 图标显示处理方法及电子设备 |
CN107390976B (zh) * | 2017-07-26 | 2020-09-08 | 上海展扬通信技术有限公司 | 图标显示处理方法及电子设备 |
CN109901759A (zh) * | 2017-12-07 | 2019-06-18 | 中兴通讯股份有限公司 | 一种图标处理方法及装置 |
CN109388307A (zh) * | 2018-11-05 | 2019-02-26 | 长沙拓扑陆川新材料科技有限公司 | 一种可对应用程序的图标进行分页的智能移动终端 |
CN109831584A (zh) * | 2019-01-30 | 2019-05-31 | 努比亚技术有限公司 | 应用图标适配处理方法、存储介质和移动终端 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105955588A (zh) | 一种界面上图标的显示方法及装置 | |
CN106971165B (zh) | 一种滤镜的实现方法及装置 | |
CN107278288A (zh) | 动态图标重新着色以改善对比度 | |
EP1605348A3 (en) | Image processing apparatus control method therefor and program | |
EP3822758B1 (en) | Method and apparatus for setting background of ui control | |
CN103927719A (zh) | 图片处理方法及装置 | |
CN107395958A (zh) | 一种图像处理方法、装置、电子设备及存储介质 | |
CN107408401B (zh) | 用于图像的简化调整的用户滑块 | |
JP5811416B2 (ja) | 画像処理装置、画像処理方法及びプログラム | |
WO2016107229A1 (zh) | 图标显示方法、装置和计算机存储介质 | |
CN104765600A (zh) | 一种页面处理方法 | |
CN103871014A (zh) | 改变图像颜色的方法及装置 | |
JP2019057066A (ja) | 線画自動着色プログラム、線画自動着色装置及び線画自動着色方法 | |
CN107103312A (zh) | 一种图片处理方法及装置 | |
CN110503705A (zh) | 图像标注方法和设备 | |
CN113780297B (zh) | 图像处理方法、装置、设备以及存储介质 | |
CN108111747A (zh) | 一种图像处理方法、终端设备及计算机可读介质 | |
CN114529909A (zh) | 样本数据集的生成方法、装置及电子设备 | |
JP4935307B2 (ja) | 画像処理装置、画像の登録方法、画像の登録方法をコンピュータに実行させるためのプログラムおよびそのプログラムを記録した記録媒体 | |
CN109284039A (zh) | 图标自动排列方法 | |
CN104765599A (zh) | 一种终端 | |
CN104407767A (zh) | 一种调整用户界面的方法 | |
CN109624574B (zh) | 一种用于叶雕的雕刻路径生成方法及装置 | |
CN104917969B (zh) | 一种图像处理的方法及移动终端 | |
CN109509237B (zh) | 滤镜处理的方法、装置及电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160921 |
|
RJ01 | Rejection of invention patent application after publication |