CN106527871A - 应用图标的显示方法及装置 - Google Patents
应用图标的显示方法及装置 Download PDFInfo
- Publication number
- CN106527871A CN106527871A CN201611151048.8A CN201611151048A CN106527871A CN 106527871 A CN106527871 A CN 106527871A CN 201611151048 A CN201611151048 A CN 201611151048A CN 106527871 A CN106527871 A CN 106527871A
- Authority
- CN
- China
- Prior art keywords
- application icon
- background image
- icon
- regular polygon
- radian
- 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.)
- Granted
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
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开实施例提供了一种应用图标的显示方法及装置,涉及终端技术领域,所述方法包括:判断待显示的第一应用图标是否为正多边形图标,所述正多边形图标的多个顶角的圆角弧度相同,当所述第一应用图标为正多边形图标时,确定第一圆角弧度,所述第一圆角弧度为所述第一应用图标的顶角的圆角弧度,获取第一背景图像,所述第一背景图像为第一预设尺寸的正多边形图像,且所述第一背景图像的多个顶角的圆角弧度均为所述第一圆角弧度,基于所述第一背景图像,显示所述第一应用图标。本发明提高了显示应用图标的视觉协调性和显示效果。
Description
技术领域
本发明涉及终端技术领域,特别涉及一种应用图标的显示方法及装置。
背景技术
随着终端技术的发展,手机、智能手表和平板电脑等终端的应用越来越广泛。该终端中通常可以下载并安装不同的应用,从而实现不同的功能。由于不同的应用可能具有不同的功能和用途,所以,为对不同的应用进行区分,该终端需要显示该应用的应用图标。
相关技术中,该终端可以在本地桌面上显示应用图标,或者在某一应用页面中显示应用图标,比如,在应用商店的页面中显示应用图标。对于待显示的目标应用的应用图标,该终端可以确定该应用图标的显示位置,然后在该显示位置显示该目标应用的应用图标。
发明内容
为克服相关技术中存在的问题,本公开实施例提供了一种应用图标的显示方法及装置。所述技术方案如下:
第一方面,本公开实施例提供了一种应用图标的显示方法,所述方法包括:
判断待显示的第一应用图标是否为正多边形图标,所述正多边形图标的多个顶角的圆角弧度相同;
当所述第一应用图标为正多边形图标时,确定第一圆角弧度,所述第一圆角弧度为所述第一应用图标的顶角的圆角弧度;
获取第一背景图像,所述第一背景图像为第一预设尺寸的正多边形图像,且所述第一背景图像的多个顶角的圆角弧度均为所述第一圆角弧度;
基于所述第一背景图像,显示所述第一应用图标。
可选地,所述获取第一背景图像,包括:
基于所述第一圆角弧度和所述第一预设尺寸,生成所述第一背景图像;或者,
从预先存储的多个背景图像中,选择所述第一背景图像,所述多个背景图像分别为不同圆角弧度的正多边形图像,每个正多边形图像的多个顶角的圆角弧度相同,且所述多个背景图像的尺寸均为所述第一预设尺寸。
可选地,所述基于所述第一背景图像,显示所述第一应用图标,包括:
确定所述第一应用图标的显示位置;
在所述显示位置显示所述第一背景图像和所述第一应用图标,且所述第一应用图标位于所述第一背景图像的上层。
可选地,所述在所述显示位置显示所述第一背景图像和所述第一应用图标之前,还包括:
当所述第一应用图标的尺寸与所述第一预设尺寸不同时,将所述第一应用图标的尺寸调整至所述第一预设尺寸。
可选地,所述基于所述第一背景图像,显示所述第一应用图标,包括:
确定所述第一应用图标的显示位置;
将所述第一背景图像与所述第一应用图标进行合成,得到第二应用图标;
在所述显示位置显示所述第二应用图标。
第二方面,本公开实施例提供了一种应用图标的显示装置,所述装置包括:
判断模块,用于判断待显示的第一应用图标是否为正多边形图标,所述正多边形图标的多个顶角的圆角弧度相同;
确定模块,用于当所述第一应用图标为正多边形图标时,确定第一圆角弧度,所述第一圆角弧度为所述第一应用图标的顶角的圆角弧度;
获取模块,用于获取第一背景图像,所述第一背景图像为第一预设尺寸的正多边形图像,且所述第一背景图像的多个顶角的圆角弧度均为所述第一圆角弧度;
显示模块,用于基于所述第一背景图像,显示所述第一应用图标。
可选地,所述获取模块包括:
生成子模块,用于基于所述第一圆角弧度和所述第一预设尺寸,生成所述第一背景图像;或者,
选择子模块,用于从预先存储的多个背景图像中,选择所述第一背景图像,所述多个背景图像分别为不同圆角弧度的正多边形图像,每个正多边形图像的多个顶角的圆角弧度相同,且所述多个背景图像的尺寸均为所述第一预设尺寸。
可选地,所述显示模块包括:
第一确定子模块,用于确定所述第一应用图标的显示位置;
第一显示子模块,用于在所述显示位置显示所述第一背景图像和所述第一应用图标,且所述第一应用图标位于所述第一背景图像的上层。
可选地,所述显示模块还包括:
调整子模块,用于当所述第一应用图标的尺寸与所述第一预设尺寸不同时,将所述第一应用图标的尺寸调整至所述第一预设尺寸。
可选地,所述显示模块包括:
第二确定子模块,用于确定所述第一应用图标的显示位置;
合成子模块,用于将所述第一背景图像与所述第一应用图标进行合成,得到第二应用图标;
第二显示子模块,用于在所述显示位置显示所述第二应用图标。
第三方面,本公开实施例提供了一种应用图标的显示装置,所述装置包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
判断待显示的第一应用图标是否为正多边形图标,所述正多边形图标的多个顶角的圆角弧度相同;
当所述第一应用图标为正多边形图标时,确定第一圆角弧度,所述第一圆角弧度为所述第一应用图标的顶角的圆角弧度;
获取第一背景图像,所述第一背景图像为第一预设尺寸的正多边形图像,且所述第一背景图像的多个顶角的圆角弧度均为所述第一圆角弧度;
基于所述第一背景图像,显示所述第一应用图标。
本公开实施例提供的技术方案的有益效果是:在本发明实施例中,首先,对于待显示的第一应用图标,该终端可以不直接对第一应用图标进行显示,而是在第一应用图标为正多边图标时,获取第一预设尺寸、多个顶角的圆角弧度均为第一圆角弧度的背景图像作为第一背景图像,然后基于第一背景图像显示第一应用图标,保证了在显示多个应用图标时能够整齐有序地显示该多个应用图标,提高了显示应用图标的视觉协调性。其次,由于第一圆角弧度为第一应用图标的顶角的圆角弧度,因此,避免了第一背景图像与第一应用图标的顶角的圆角弧度不一致而降低显示第一应用图标的显示效果的问题,提高了显示应用图标的显示效果。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本发明的实施例,并与说明书一起用于解释本发明的原理。
图1是根据一示例性实施例示出的一种应用图标的显示方法流程图。
图2A是根据一示例性实施例示出的另一种应用图标的显示方法流程图。
图2B是根据一示例性实施例示出的一种应用图标的示意图。
图2C是根据一示例性实施例示出的另一种应用图标的示意图。
图3是根据一示例性实施例示出的一种应用图标的显示装置的框图。
图4是根据一示例性实施例示出的另一种应用图标的显示装置的结构示意图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。
在对本公开进行说明之前,先对本公开的实施场景予以介绍。手机、智能手表和平板电脑等终端通常可以下载或安装不同的应用,为了对不同的应用进行区分,该终端可以显示每个应用的应用图标。但由于不同应用的应用图标可能有不同的大小或形状,因此,如果直接对这些应用的应用图标进行显示,该终端可能难以整齐有序地显示这些应用的应用图标,从而导致视觉协调性差,甚至影响该终端基于这些应用的应用图标对这些应用进行管理的管理效率。
图1是本公开实施例提供的一种应用图标的显示方法流程图,参见图1,该方法包括:
在步骤101中,判断待显示的第一应用图标是否为正多边形图标,该正多边形图标的多个顶角的圆角弧度相同。
在步骤102中,当该第一应用图标为正多边形图标时,确定第一圆角弧度,该第一圆角弧度为该第一应用图标的顶角的圆角弧度。
在步骤103中,获取第一背景图像,该第一背景图像为第一预设尺寸的正多边形图像,且该第一背景图像的多个顶角的圆角弧度均为该第一圆角弧度。
在步骤104中,基于该第一背景图像,显示该第一应用图标。
在本发明实施例中,首先,对于待显示的第一应用图标,该终端可以不直接对第一应用图标进行显示,而是在第一应用图标为正多边图标时,获取第一预设尺寸、多个顶角的圆角弧度均为第一圆角弧度的背景图像作为第一背景图像,然后基于第一背景图像显示第一应用图标,保证了在显示多个应用图标时能够整齐有序地显示该多个应用图标,提高了显示应用图标的视觉协调性。其次,由于第一圆角弧度为第一应用图标的顶角的圆角弧度,因此,避免了第一背景图像与第一应用图标的顶角的圆角弧度不一致而降低显示第一应用图标的显示效果的问题,提高了显示应用图标的显示效果。
可选地,获取第一背景图像,包括:
基于该第一圆角弧度和该第一预设尺寸,生成该第一背景图像;或者,
从预先存储的多个背景图像中,选择该第一背景图像,该多个背景图像分别为不同圆角弧度的正多边形图像,每个正多边形图像的多个顶角的圆角弧度相同,且该多个背景图像的尺寸均为该第一预设尺寸。
可选地,基于该第一背景图像,显示该第一应用图标,包括:
确定该第一应用图标的显示位置;
在该显示位置显示该第一背景图像和该第一应用图标,且该第一应用图标位于该第一背景图像的上层。
可选地,在该显示位置显示该第一背景图像和该第一应用图标之前,还包括:
当该第一应用图标的尺寸与该第一预设尺寸不同时,将该第一应用图标的尺寸调整至该第一预设尺寸。
可选地,基于该第一背景图像,显示该第一应用图标,包括:
确定该第一应用图标的显示位置;
将该第一背景图像与该第一应用图标进行合成,得到第二应用图标;
在该显示位置显示该第二应用图标。
上述所有可选技术方案,均可按照任意结合形成本公开的可选实施例,本公开实施例对此不再一一赘述。
图2A是本公开实施例提供的一种应用图标的显示方法流程图,参见图2A,该方法包括:
在步骤201中,终端判断待显示的第一应用图标是否为正多边形图标,该正多边形图标的多个顶角的圆角弧度相同,如果第一应用图标为正多边形图标,执行步骤202,否则执行步骤205。
由于不同应用的应用图标的形状和大小可能不同,如果直接对这些应用的应用图标进行显示,该终端可能难以整齐有序地显示这些应用的应用图标,视觉协调性很差,而相对来说,如果这些应用的应用图标都是规则的正多边形,该终端就能够整齐地显示这些应用的应用图标,因此,为了提高显示应用图标的视觉协调性,该终端可以判断待显示的第一应用图标是否为正多边形图标。
需要说明的是,该终端可以是手机、智能手表和平板电脑等终端,当然,在实际应用中,该终端还可以是其它能够显示应用图标的终端。
还需要说明的是,该正多边形的边的数目可以是4,即该正多边形可以是正方形,当然,在实际应用中,该正多边形的边的数目还可以是其他值。
其中,该终端可以通过下述两种可能的实现方式来判断待显示的第一应用图标是否为正多边形图标:
第一种可能的实现方式,该终端可以将第一应用图标与预先存储的正多边形图标进行匹配,当第一应用图标与该预先存储的正多边形图标的形状相同时,确定第一应用图标为正多边形图标。
其中,该终端可以在将第一应用图标与预先存储的正多边形图标进行匹配之前,获取并存储正多边形图标,比如,一种可能的实现策略为,该终端接收用户输入的正多边形图标,并将接收的正多边形图标进行存储。当然,在实际应用中,该终端还可以通过其他方式预先存储正多边形图标。
第二种可能的实现方式,该终端可以显示正多边形图标提示信息,该正多边形图标提示信息中包括第一应用图标,以提示用户确定第一应用图标是否为正多边形图标,当基于该正多边形图标提示信息接收到用户的确定指令时,可以将第一应用图标确定为正多边形图标,否则,可以确定第一应用图标不为正多边形图标。
其中,该终端可以通过窗口或弹窗等方式显示该多边形图标提示信息,当然,在实际应用中,该终端还可以通过其他方式显示该正多边形图标提示信息。
需要说明的是,该确定指令用于指示第一应用图标为正多边形图标,该确定指令可以由用户通过执行预设操作触发,该预设操作可以是点击操作、触摸操作、滑动操作等操作,当然,在实际应用中,该预设操作还可以是其它操作。
例如,如果第一应用图标为图标1,如图2B所示,该终端可以确定图标1为正多边形图标,如果第一应用图标为图标2,如图2C所示,该终端可以确定图标2不为正多边形图标。
另外,在实际应用中,该终端还可以通过其它方式来判断待显示的第一应用图标是否为正多边形图标,比如,一种可能的实现方式为,该终端对第一应用图标进行图像处理,确定第一应用图标的外轮廓,如果第一应用图标的外轮廓只包括直线段,每条直线段的长度相同,且第一应用图标的外轮廓包括的多个顶角的角度均相同,可以确定第一应用图标为正多边形图标,否则,可以确定第一应用图标不为正多边形图标。
在步骤202中,该终端确定第一圆角弧度,第一圆角弧度为该第一应用图标的顶角的圆角弧度。
对于尺寸相同的正多边形图标时,当正多边形图标的顶角的圆角弧度不同时,正多边形图标的形状也会不同,因此,为了提高显示第一应用图标的显示效果,该终端可以确定第一应用图标的顶角的圆角弧度。
需要说明的是,由前述可知,该正多边形图标的多个顶角的圆角弧度相同,因此,用于确定第一圆角弧度的顶角可以是该第一应用图标的任一顶角。
在步骤203中,该终端获取第一背景图像,第一背景图像为第一预设尺寸的正多边形图像,且第一背景图像的多个顶角的圆角弧度均为第一圆角弧度。
为了避免直接显示第一应用图标可能带来的视觉协调性较差等问题,该终端可以基于背景图像来显示第一应用图标,但如果该背景图像的尺寸不一致,该终端基于该背景图像显示的第一应用图标尺寸也可能不一致,或者,如果该背景图像的多个顶角的圆角弧度与第一圆角弧度不一致,该终端基于该背景图像显示第一应用图标时,可能该背景图像的边缘与第一应用图标的边缘无法完全重合,比如,如果该背景图像是白色的图像,且该背景图像的边缘与第一应用图标的边缘无法完全重合,该终端基于该背景图像显示第一应用图标时,在第一应用图标的边缘可能会出现白边,从而降低了显示应用图标的显示效果。因此,该终端可以获取第一预设尺寸、且多个顶角的圆角弧度均为第一圆角弧度的第一背景图像。
其中,第一背景图像可以是白色的图像,并包括黑色的边框,当然,在实际应用中,第一背景图像的颜色和边框的颜色还可以是其它颜色。
需要说明的是,该第一预设尺寸可以是24PX(Pixel,像素)*24PX。该终端可以在获取第一背景图像之前,确定该第一预设尺寸,比如,一种可能的实现策略为,该终端接收用户输入的尺寸,并将接收到的尺寸确定为该第一预设尺寸。当然,在实际应用中,该终端还可以通过其它方式来确定该第一预设尺寸,且该第一预设尺寸还可以是其它尺寸。
其中,该终端可以通过下述两种可能的实现方式来获取第一背景图像:
第一种可能的实现方式,为了提高获取第一背景图像的效率,进而提高显示应用图标的效率,该终端从预先存储的多个背景图像中,选择第一背景图像,该多个背景图像分别为不同圆角弧度的正多边形图像,每个正多边形图像的多个顶角的圆角弧度相同,且该多个背景图像的尺寸均为该第一预设尺寸。
其中,该终端可以在该终端从预先存储的多个背景图像中选择第一背景图像之前,获取并存储多个背景图像,比如,一种可能的实现方式为,该终端接收用户输入的多个图像,并将接收到的图像确定为背景图像,对背景图像进行存储。当然,在实际应用中,还终端还可以通过其他方式来预先存储该多个背景图像。
第二种可能的实现方式,为了节省该终端的存储空间,该终端基于第一圆角弧度和该第一预设尺寸,生成第一背景图像。
另外,在实际应用中,该终端还可以通过其它方式来获取第一背景图像,比如,在另一种可能的方式中,该终端可以向服务器发送第一图像获取请求,第一背景图像获取请求中携带该第一预设尺寸和第一圆角弧度,当该服务器接收到第一背景图像获取请求时,将该第一预设尺寸、且多个顶角的圆角弧度均为第一圆角弧度的背景图像发送给该终端。
其中,该服务器可以是该终端的服务器,也可以是该终端当前安装的某个应用的服务器,比如可以是应用商店应用的服务器。
在步骤204中,该终端基于第一背景图像,显示第一应用图标。
为了提高显示应用图标的显示效果和视觉协调性,该终端可以基于第一背景图像显示第一应用图标。
其中,该终端可以通过下述两种可能的实现方式来基于第一背景图像显示第一应用图标:
第一种可能的实现方式,为了提高显示应用图标的效率,该终端可以确定第一应用图标的显示位置,在该显示位置显示第一背景图像和第一应用图标,也即是,在同一位置显示第一背景图像和第一应用图标,且第一应用图标位于第一背景图像的上层。
进一步地,为了避免第一背景图像与第一应用图标尺寸不同而降低显示应用图标的的视觉协调性,在该显示位置显示该第一背景图像和该第一应用图标之前,该终端可以判断第一应用图标的尺寸与该第一预设尺寸是否相同,当该第一应用图标的尺寸与该第一预设尺寸不同时,将该第一应用图标的尺寸调整至该第一预设尺寸。
需要说明的是,当第一应用图标的尺寸小于该第一预设尺寸时,可以对第一应用图标进行拉伸,从而将第一应用图标的尺寸放大至该第一预设尺寸;当第一应用图标的尺寸大于该第一预设尺寸时,可以对第一应用图标进行压缩或裁减,从而将第一应用图标的尺寸缩小至该第一预设尺寸。
另外,在实际应用中,该终端也可以将第一应用图标的尺寸调整至小于该第一预设尺寸的尺寸。
第二种可能的实现方式,为了避免在显示第一背景图像和第一应用图标时出现因显示位置误差而导致显示应用图标的效果较差的问题,该终端可以确定第一应用图标的显示位置,将第一背景图像与第一应用图标进行合成,得到第二应用图标,在该显示位置显示第二应用图标。
需要说明的是,在将第一背景图像与第一应用图标进行合成时,可以将第一应用图标设置在第一背景图像的上层,且第一应用图标与第一背景图像中心对齐。
还需要说明的是,在将第一背景图像与第一应用图标进行合成之前,也可以判断第一应用图标的尺寸与该第一预设尺寸是否相同,并在第一应用图标的尺寸与该第一预设尺寸不同时,将第一应用图标的尺寸调整至该第一预设尺寸。
在步骤205中,该终端获取第二背景图像,第二背景图像为预设圆角弧度和该第一预设尺寸的该正多边形的背景图像,基于第二背景图像,显示第一应用图标。
由于当第一应用图标不为正多边形图标,因此,为了提高显示应用图标的视觉协调性,该终端可以基于预设圆角弧度第一预设尺寸的第二背景图像,显示第一应用图标。
其中,该终端可以从本地存储中获取第二背景图像,也可以向该服务器发送第二背景图像获取请求,从而从该服务器中获取第二背景图像。
需要说明的是,当该终端从本地存储中获取第二背景图像时,该预设圆角弧度可以由该终端在获取的第二背景图像之前确定,比如,一种可能的实现方式为,该终端接收用户输入的圆角弧度,并将接收的圆角弧度确定为该预设圆角弧度。当然,在实际应用中,该终端还可以通过其它方式来确定该预设圆角弧度。
进一步地,该终端基于第二背景图像显示第一应用图标的方式,可以与终端基于第一背景图像显示第一应用图标的方式相同。
需要说明的是,该终端在基于第二背景图像显示第一应用图标之前,该终端可以判断第二背景图像的尺寸为第二预设尺寸,当该终端确定第二背景图像的尺寸不为第二预设尺寸时,该终端可以将第一应用图标的尺寸调整至第二预设尺寸。
其中,该终端确定第二预设尺寸的方式,可以与该终端确定第一预设尺寸的方式相同,第二预设尺寸可以小于或等于第一预设尺寸。
在本发明实施例中,首先,对于待显示的第一应用图标,该终端可以不直接对第一应用图标进行显示,而是在第一应用图标为正多边图标时,获取第一预设尺寸、多个顶角的圆角弧度均为第一圆角弧度的背景图像作为第一背景图像,然后基于第一背景图像显示第一应用图标,保证了在显示多个应用图标时能够整齐有序地显示该多个应用图标,提高了显示应用图标的视觉协调性。其次,由于第一圆角弧度为第一应用图标的顶角的圆角弧度,因此,避免了第一背景图像与第一应用图标的顶角的圆角弧度不一致而降低显示第一应用图标的显示效果的问题,提高了显示应用图标的显示效果。另外,该终端可以直接在第一应用图标的显示位置显示第一背景图像和第一应用图标,且第一应用图标位于第一背景图像的上层,从而提高显示应用图标的效率;或者,将第一背景图像与第一应用图标合成为第二应用图标之后,在第一应用图标的显示位置上显示第二应用图标,避免了在显示第一背景图像和第一应用图标时出现因显示位置误差而导致显示应用图标的效果较差的问题,从而进一步提高显示应用图标的效果。
图3是本公开实施例提供的一种应用图标的显示装置的框图,参见图3,该装置包括:判断模块301,确定模块302,获取模块303和显示模块304。
判断模块301,用于判断待显示的第一应用图标是否为正多边形图标,所述正多边形图标的多个顶角的圆角弧度相同;
确定模块302,用于当所述第一应用图标为正多边形图标时,确定第一圆角弧度,所述第一圆角弧度为所述第一应用图标的顶角的圆角弧度;
获取模块303,用于获取第一背景图像,所述第一背景图像为第一预设尺寸的正多边形图像,且所述第一背景图像的多个顶角的圆角弧度均为所述第一圆角弧度;
显示模块304,用于基于所述第一背景图像,显示所述第一应用图标。
可选地,所述获取模块303包括:
生成子模块,用于基于所述第一圆角弧度和所述第一预设尺寸,生成所述第一背景图像;或者,
选择子模块,用于从预先存储的多个背景图像中,选择所述第一背景图像,所述多个背景图像分别为不同圆角弧度的正多边形图像,每个正多边形图像的多个顶角的圆角弧度相同,且所述多个背景图像的尺寸均为所述第一预设尺寸。
可选地,所述显示模块304包括:
第一确定子模块,用于确定所述第一应用图标的显示位置;
第一显示子模块,用于在所述显示位置显示所述第一背景图像和所述第一应用图标,且所述第一应用图标位于所述第一背景图像的上层。
可选地,所述显示模块304还包括:
调整子模块,用于当所述第一应用图标的尺寸与所述第一预设尺寸不同时,将所述第一应用图标的尺寸调整至所述第一预设尺寸。
可选地,所述显示模块304包括:
第二确定子模块,用于确定所述第一应用图标的显示位置;
合成子模块,用于将所述第一背景图像与所述第一应用图标进行合成,得到第二应用图标;
第二显示子模块,用于在所述显示位置显示所述第二应用图标。
在本发明实施例中,首先,对于待显示的第一应用图标,该终端可以不直接对第一应用图标进行显示,而是在第一应用图标为正多边图标时,获取第一预设尺寸、多个顶角的圆角弧度均为第一圆角弧度的背景图像作为第一背景图像,然后基于第一背景图像显示第一应用图标,保证了在显示多个应用图标时能够整齐有序地显示该多个应用图标,提高了显示应用图标的视觉协调性。其次,由于第一圆角弧度为第一应用图标的顶角的圆角弧度,因此,避免了第一背景图像与第一应用图标的顶角的圆角弧度不一致而降低显示第一应用图标的显示效果的问题,提高了显示应用图标的显示效果。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图4是根据一示例性实施例示出的一种用于应用图标的显示装置400的框图。例如,装置400可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,个人数字助理等。
参照图4,装置400可以包括以下一个或多个组件:处理组件402,存储器404,电源组件406,多媒体组件408,音频组件410,输入/输出(I/O)的接口412,传感器组件414,以及通信组件416。
处理组件402通常控制装置400的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件402可以包括一个或多个处理器420来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件402可以包括一个或多个模块,便于处理组件402和其他组件之间的交互。例如,处理组件402可以包括多媒体模块,以方便多媒体组件408和处理组件402之间的交互。
存储器404被配置为存储各种类型的数据以支持在装置400的操作。这些数据的示例包括用于在装置400上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器404可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件406为装置400的各种组件提供电源。电源组件406可以包括电源管理系统,一个或多个电源,及其他与为装置400生成、管理和分配电源相关联的组件。
多媒体组件408包括在所述装置400和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件408包括一个前置摄像头和/或后置摄像头。当装置400处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件410被配置为输出和/或输入音频信号。例如,音频组件410包括一个麦克风(MIC),当装置400处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器404或经由通信组件416发送。在一些实施例中,音频组件410还包括一个扬声器,用于输出音频信号。
I/O接口412为处理组件402和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件414包括一个或多个传感器,用于为装置400提供各个方面的状态评估。例如,传感器组件414可以检测到装置400的打开/关闭状态,组件的相对定位,例如所述组件为装置400的显示器和小键盘,传感器组件414还可以检测装置400或装置400一个组件的位置改变,用户与装置400接触的存在或不存在,装置400方位或加速/减速和装置400的温度变化。传感器组件414可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件414还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件414还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件416被配置为便于装置400和其他设备之间有线或无线方式的通信。装置400可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件416经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件416还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,装置400可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器404,上述指令可由装置400的处理器420执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
一种非临时性计算机可读存储介质,当所述存储介质中的指令由移动终端的处理器执行时,使得移动终端能够执行一种应用图标的显示方法,所述方法包括:
判断待显示的第一应用图标是否为正多边形图标,该正多边形图标的多个顶角的圆角弧度相同;
当该第一应用图标为正多边形图标时,确定第一圆角弧度,该第一圆角弧度为该第一应用图标的顶角的圆角弧度;
获取第一背景图像,该第一背景图像为第一预设尺寸的正多边形图像,且该第一背景图像的多个顶角的圆角弧度均为该第一圆角弧度;
基于该第一背景图像,显示该第一应用图标。
可选地,获取第一背景图像,包括:
基于该第一圆角弧度和该第一预设尺寸,生成该第一背景图像;或者,
从预先存储的多个背景图像中,选择该第一背景图像,该多个背景图像分别为不同圆角弧度的正多边形图像,每个正多边形图像的多个顶角的圆角弧度相同,且该多个背景图像的尺寸均为该第一预设尺寸。
可选地,基于该第一背景图像,显示该第一应用图标,包括:
确定该第一应用图标的显示位置;
在该显示位置显示该第一背景图像和该第一应用图标,且该第一应用图标位于该第一背景图像的上层。
可选地,在该显示位置显示该第一背景图像和该第一应用图标之前,还包括:
当该第一应用图标的尺寸与该第一预设尺寸不同时,将该第一应用图标的尺寸调整至该第一预设尺寸。
可选地,基于该第一背景图像,显示该第一应用图标,包括:
确定该第一应用图标的显示位置;
将该第一背景图像与该第一应用图标进行合成,得到第二应用图标;
在该显示位置显示该第二应用图标。
在本发明实施例中,首先,对于待显示的第一应用图标,该终端可以不直接对第一应用图标进行显示,而是在第一应用图标为正多边图标时,获取第一预设尺寸、多个顶角的圆角弧度均为第一圆角弧度的背景图像作为第一背景图像,然后基于第一背景图像显示第一应用图标,保证了在显示多个应用图标时能够整齐有序地显示该多个应用图标,提高了显示应用图标的视觉协调性。其次,由于第一圆角弧度为第一应用图标的顶角的圆角弧度,因此,避免了第一背景图像与第一应用图标的顶角的圆角弧度不一致而降低显示第一应用图标的显示效果的问题,提高了显示应用图标的显示效果。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (11)
1.一种应用图标的显示方法,其特征在于,所述方法包括:
判断待显示的第一应用图标是否为正多边形图标,所述正多边形图标的多个顶角的圆角弧度相同;
当所述第一应用图标为正多边形图标时,确定第一圆角弧度,所述第一圆角弧度为所述第一应用图标的顶角的圆角弧度;
获取第一背景图像,所述第一背景图像为第一预设尺寸的正多边形图像,且所述第一背景图像的多个顶角的圆角弧度均为所述第一圆角弧度;
基于所述第一背景图像,显示所述第一应用图标。
2.如权利要求1所述的方法,其特征在于,所述获取第一背景图像,包括:
基于所述第一圆角弧度和所述第一预设尺寸,生成所述第一背景图像;或者,
从预先存储的多个背景图像中,选择所述第一背景图像,所述多个背景图像分别为不同圆角弧度的正多边形图像,每个正多边形图像的多个顶角的圆角弧度相同,且所述多个背景图像的尺寸均为所述第一预设尺寸。
3.如权利要求1所述的方法,其特征在于,所述基于所述第一背景图像,显示所述第一应用图标,包括:
确定所述第一应用图标的显示位置;
在所述显示位置显示所述第一背景图像和所述第一应用图标,且所述第一应用图标位于所述第一背景图像的上层。
4.如权利要求3所述的方法,其特征在于,所述在所述显示位置显示所述第一背景图像和所述第一应用图标之前,还包括:
当所述第一应用图标的尺寸与所述第一预设尺寸不同时,将所述第一应用图标的尺寸调整至所述第一预设尺寸。
5.如权利要求1所述的方法,其特征在于,所述基于所述第一背景图像,显示所述第一应用图标,包括:
确定所述第一应用图标的显示位置;
将所述第一背景图像与所述第一应用图标进行合成,得到第二应用图标;
在所述显示位置显示所述第二应用图标。
6.一种应用图标的显示装置,其特征在于,所述装置包括:
判断模块,用于判断待显示的第一应用图标是否为正多边形图标,所述正多边形图标的多个顶角的圆角弧度相同;
确定模块,用于当所述第一应用图标为正多边形图标时,确定第一圆角弧度,所述第一圆角弧度为所述第一应用图标的顶角的圆角弧度;
获取模块,用于获取第一背景图像,所述第一背景图像为第一预设尺寸的正多边形图像,且所述第一背景图像的多个顶角的圆角弧度均为所述第一圆角弧度;
显示模块,用于基于所述第一背景图像,显示所述第一应用图标。
7.如权利要求6所述的装置,其特征在于,所述获取模块包括:
生成子模块,用于基于所述第一圆角弧度和所述第一预设尺寸,生成所述第一背景图像;或者,
选择子模块,用于从预先存储的多个背景图像中,选择所述第一背景图像,所述多个背景图像分别为不同圆角弧度的正多边形图像,每个正多边形图像的多个顶角的圆角弧度相同,且所述多个背景图像的尺寸均为所述第一预设尺寸。
8.如权利要求6所述的装置,其特征在于,所述显示模块包括:
第一确定子模块,用于确定所述第一应用图标的显示位置;
第一显示子模块,用于在所述显示位置显示所述第一背景图像和所述第一应用图标,且所述第一应用图标位于所述第一背景图像的上层。
9.如权利要求8所述的装置,其特征在于,所述显示模块还包括:
调整子模块,用于当所述第一应用图标的尺寸与所述第一预设尺寸不同时,将所述第一应用图标的尺寸调整至所述第一预设尺寸。
10.如权利要求6所述的装置,其特征在于,所述显示模块包括:
第二确定子模块,用于确定所述第一应用图标的显示位置;
合成子模块,用于将所述第一背景图像与所述第一应用图标进行合成,得到第二应用图标;
第二显示子模块,用于在所述显示位置显示所述第二应用图标。
11.一种应用图标的显示装置,其特征在于,所述装置包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
判断待显示的第一应用图标是否为正多边形图标,所述正多边形图标的多个顶角的圆角弧度相同;
当所述第一应用图标为正多边形图标时,确定第一圆角弧度,所述第一圆角弧度为所述第一应用图标的顶角的圆角弧度;
获取第一背景图像,所述第一背景图像为第一预设尺寸的正多边形图像,且所述第一背景图像的多个顶角的圆角弧度均为所述第一圆角弧度;
基于所述第一背景图像,显示所述第一应用图标。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611151048.8A CN106527871B (zh) | 2016-12-14 | 2016-12-14 | 应用图标的显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611151048.8A CN106527871B (zh) | 2016-12-14 | 2016-12-14 | 应用图标的显示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106527871A true CN106527871A (zh) | 2017-03-22 |
CN106527871B CN106527871B (zh) | 2019-10-29 |
Family
ID=58339428
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201611151048.8A Active CN106527871B (zh) | 2016-12-14 | 2016-12-14 | 应用图标的显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106527871B (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107423066A (zh) * | 2017-07-27 | 2017-12-01 | 深圳依偎控股有限公司 | 一种应用程序图标样式的修改方法和修改装置 |
CN113961112A (zh) * | 2021-10-22 | 2022-01-21 | 维沃移动通信有限公司 | 图标显示方法、装置及电子设备 |
WO2022048562A1 (zh) * | 2020-09-04 | 2022-03-10 | 维沃移动通信有限公司 | 图标显示控制方法、装置和电子设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103677791A (zh) * | 2012-09-26 | 2014-03-26 | 联想(北京)有限公司 | 一种图标处理方法及电子设备 |
CN105094507A (zh) * | 2014-05-15 | 2015-11-25 | Tcl集团股份有限公司 | 一种实现3d ui中圆角图标焦点套合方法及系统 |
CN105867901A (zh) * | 2015-12-25 | 2016-08-17 | 乐视致新电子科技(天津)有限公司 | 调整应用程序图标的方法和装置 |
CN105955588A (zh) * | 2016-06-17 | 2016-09-21 | 青岛海信移动通信技术股份有限公司 | 一种界面上图标的显示方法及装置 |
-
2016
- 2016-12-14 CN CN201611151048.8A patent/CN106527871B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103677791A (zh) * | 2012-09-26 | 2014-03-26 | 联想(北京)有限公司 | 一种图标处理方法及电子设备 |
CN105094507A (zh) * | 2014-05-15 | 2015-11-25 | Tcl集团股份有限公司 | 一种实现3d ui中圆角图标焦点套合方法及系统 |
CN105867901A (zh) * | 2015-12-25 | 2016-08-17 | 乐视致新电子科技(天津)有限公司 | 调整应用程序图标的方法和装置 |
CN105955588A (zh) * | 2016-06-17 | 2016-09-21 | 青岛海信移动通信技术股份有限公司 | 一种界面上图标的显示方法及装置 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107423066A (zh) * | 2017-07-27 | 2017-12-01 | 深圳依偎控股有限公司 | 一种应用程序图标样式的修改方法和修改装置 |
WO2019019418A1 (zh) * | 2017-07-27 | 2019-01-31 | 深圳依偎控股有限公司 | 一种应用程序图标样式的修改方法和修改装置 |
WO2022048562A1 (zh) * | 2020-09-04 | 2022-03-10 | 维沃移动通信有限公司 | 图标显示控制方法、装置和电子设备 |
CN113961112A (zh) * | 2021-10-22 | 2022-01-21 | 维沃移动通信有限公司 | 图标显示方法、装置及电子设备 |
WO2023066294A1 (zh) * | 2021-10-22 | 2023-04-27 | 维沃移动通信有限公司 | 图标显示方法、装置及电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN106527871B (zh) | 2019-10-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104902189A (zh) | 图片处理方法及装置 | |
CN105159661A (zh) | 图标的角标显示方法及装置 | |
CN104063123A (zh) | 图标显示方法及装置 | |
EP3147802B1 (en) | Method and apparatus for processing information | |
CN105282441A (zh) | 拍照方法及装置 | |
CN105391621B (zh) | 信息通信方法和装置 | |
WO2018000710A1 (zh) | WiFi信号图标的展示方法、装置和移动终端 | |
CN104216525B (zh) | 相机应用的模式控制方法及装置 | |
CN106020634A (zh) | 截屏方法及装置 | |
CN106959807A (zh) | 视角切换方法及装置 | |
CN104484111A (zh) | 触摸屏的内容显示方法及装置 | |
CN106598429A (zh) | 移动终端的窗口调整方法及装置 | |
CN109117229A (zh) | 屏幕分区域显示方法及装置 | |
CN105892869A (zh) | 图片位置调整方法及装置 | |
CN106527871A (zh) | 应用图标的显示方法及装置 | |
CN107168543A (zh) | 键盘控制方法及装置 | |
CN104035674A (zh) | 图片显示方法和装置 | |
CN106648650A (zh) | 对终端显示状态进行调整的方法及装置 | |
CN105094539B (zh) | 参考信息显示方法和装置 | |
US20110102381A1 (en) | Apparatus and method for portable terminal having object display dial | |
CN104883603B (zh) | 播放控制方法、系统及终端设备 | |
CN105808096A (zh) | 滑块显示方法及装置 | |
CN105119984B (zh) | 发送文件的方法及装置 | |
CN106775240A (zh) | 应用程序的触发方法、装置及终端 | |
CN106454126A (zh) | 一种拍摄照片的方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |