CN113778585A - 图标生成的方法和系统 - Google Patents

Abstract

本申请涉及一种图标生成的方法和系统，通过根据当前终端类型获取对应的APP容纳区，APP容纳区包括APP放置区和APP放置区两边的扩展区；获取应用程序的原始图标，将原始图标放置在APP放置区内，其中，原始图标和APP放置区同一个中心；获取目标颜色，将目标颜色填充至扩展区内，获得新的APP容纳区，新的APP容纳区作为目标图标，原始图标为正方形形状，故将APP放置区也设置为正方形形状，通过在APP放置区的两边设置扩展区，使APP容纳区为长方形形状，将原始图标放置在APP放置区内，并将目标颜色填充至两边的扩展区内，形成新的APP容纳区，将新的APP容纳区作为目标图标，解决了正方形形状的app图标在横屏屏幕上展示时，视觉效果较差，不够美观的问题。

Description

图标生成的方法和系统

技术领域

本申请涉及电子设备领域，特别是涉及图标生成的方法和系统。

背景技术

随着终端智能化的发展，各种应用程序(Application，App)应运而生，目前的app图标多是为了适配竖屏屏幕，例如手机、ipad(平板电脑)的屏幕，将app图标制作成了正方形形状的，但是正方形形状的app图标在横屏屏幕上展示时，例如在电视屏幕上进行展示时，视觉效果较差，不够美观。

目前针对相关技术中正方形形状的app图标在横屏屏幕上展示时，视觉效果较差，不够美观的问题，尚未提出有效的解决方案。

发明内容

本申请实施例提供了一种图标生成的方法和系统，以至少解决相关技术中正方形形状的app图标在横屏屏幕上展示时，视觉效果较差，不够美观的问题。

第一方面，本申请实施例提供了一种图标生成的方法，所述方法包括：

根据当前终端类型获取对应的APP容纳区，所述APP容纳区包括APP放置区和所述APP放置区两边的扩展区；

获取应用程序的原始图标，将所述原始图标放置在所述APP放置区内，其中，所述原始图标和所述APP放置区同一个中心；

获取目标颜色，将所述目标颜色填充至所述扩展区内，获得新的APP容纳区，所述新的APP容纳区作为目标图标。

在其中一些实施例中，获取应用程序的原始图标，将所述原始图标放置在所述APP放置区内包括：

根据所述APP放置区的尺寸调整所述原始图标的尺寸，使所述原始图标的大小适配所述APP放置区。

在其中一些实施例中，获取目标颜色，将所述目标颜色填充至所述扩展区内包括：

获取所述原始图标的外周向中心预设距离处的所有颜色，获取每种颜色的占比，将占比最大的颜色作为目标颜色。

在其中一些实施例中，获取目标颜色，将所述目标颜色填充至所述扩展区内包括：

根据当前终端类型获取对应的切割模块，将所述切割模块并入到所述原始图标中，选取所述切割模块和所述原始图标的非重叠区域，获取非重叠区颜色占比最大的颜色作为目标颜色。

在其中一些实施例中，根据当前终端类型获取对应的切割模块之前，所述方法还包括：

根据不同的终端类型设置不同尺寸的切割模块；

将不同的所述终端类型与不同尺寸的所述切割模块的对应关系进行保存。

在其中一些实施例中，根据当前终端类型获取目标APP容纳区之前，所述方法还包括：

根据不同的终端类型设置不同尺寸的APP容纳区；

将不同的所述终端类型与不同尺寸的所述APP容纳区的对应关系进行保存。

在其中一些实施例中，将所述新的APP容纳区作为目标图标之后，所述方法还包括：

根据当前终端类型获取对应的放大倍数或缩小倍数，根据所述放大倍数或缩小倍数对所述目标图标进行等比例放大或缩小，得到最终的目标图标。

在其中一些实施例中，根据当前终端类型获取对应的放大倍数或缩小倍数之前，所述方法包括：

根据不同的终端类型设置不同的放大倍数或缩小倍数；

将不同的所述终端类型与不同的所述放大倍数或缩小倍数的对应关系进行保存。

在其中一些实施例中，所述新的APP容纳区作为目标图标之后，所述方法还包括：

获取圆角半径，根据所述圆角半径对所述目标图标进行圆角处理，其中，不同尺寸的目标图标对应不同的圆角半径。

第二方面，本申请实施例提供了一种图标生成的系统，所述系统包括获取模块、放置模块和填充模块，

所述获取模块，用于根据当前终端类型获取对应的APP容纳区，所述APP容纳区包括APP放置区和所述APP放置区两边的扩展区；

所述放置模块，用于获取应用程序的原始图标，将所述原始图标放置在所述APP放置区内，其中，所述原始图标和所述APP放置区同一个中心；

所述填充模块，用于获取目标颜色，将所述目标颜色填充至所述扩展区内，获得新的APP容纳区，所述新的APP容纳区作为目标图标。

相比于相关技术，本申请实施例提供的图标生成的方法，通过根据当前终端类型获取对应的APP容纳区，APP容纳区包括APP放置区和APP放置区两边的扩展区；获取应用程序的原始图标，将原始图标放置在APP放置区内，其中，原始图标和APP放置区同一个中心；获取目标颜色，将目标颜色填充至扩展区内，获得新的APP容纳区，新的APP容纳区作为目标图标，APP放置区用于放置原始图标，在原始图标为正方形形状时，将APP放置区也设置为正方形形状，通过在APP放置区的两边设置扩展区，使APP容纳区为长方形形状，将原始图标放置在APP放置区内，并将目标颜色填充至两边的扩展区内，形成新的APP容纳区，将新的APP容纳区作为目标图标，解决了正方形形状的app图标在横屏屏幕上展示时，视觉效果较差，不够美观的问题。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是根据本申请实施例的图标生成的方法的流程图；

图2是根据本申请实施例的APP容纳区的示意图；

图3是根据本申请实施例的健身原始图标的示意图；

图4是根据本申请实施例的知乎原始图标的示意图；

图5是根据本申请实施例的知乎原始图标放置在APP放置区的示意图；

图6是根据本申请实施例的获取目标颜色过程的示意图；

图7是根据本申请实施例的目标图标进行圆角处理的示意图；

图8是根据本申请实施例的图标生成的系统的结构框图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行描述和说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。基于本申请提供的实施例，本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。此外，还可以理解的是，虽然这种开发过程中所作出的努力可能是复杂并且冗长的，然而对于与本申请公开的内容相关的本领域的普通技术人员而言，在本申请揭露的技术内容的基础上进行的一些设计，制造或者生产等变更只是常规的技术手段，不应当理解为本申请公开的内容不充分。

在本申请中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域普通技术人员显式地和隐式地理解的是，本申请所描述的实施例在不冲突的情况下，可以与其它实施例相结合。

除非另作定义，本申请所涉及的技术术语或者科学术语应当为本申请所属技术领域内具有一般技能的人士所理解的通常意义。本申请所涉及的“一”、“一个”、“一种”、“该”等类似词语并不表示数量限制，可表示单数或复数。本申请所涉及的术语“包括”、“包含”、“具有”以及它们任何变形，意图在于覆盖不排他的包含；例如包含了一系列步骤或模块(单元)的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可以还包括没有列出的步骤或单元，或可以还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。本申请所涉及的“连接”、“相连”、“耦接”等类似的词语并非限定于物理的或者机械的连接，而是可以包括电气的连接，不管是直接的还是间接的。本申请所涉及的“多个”是指大于或者等于两个。“和/或”描述关联对象的关联关系，表示可以存在三种关系，例如，“A和/或B”可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。本申请所涉及的术语“第一”、“第二”、“第三”等仅仅是区别类似的对象，不代表针对对象的特定排序。

本实施例提供了一种图标生成的方法，图1是根据本申请实施例的图标生成的方法的流程图，如图1所示，该方法包括如下步骤：

步骤S101，根据当前终端类型获取对应的APP容纳区，APP容纳区包括APP放置区和APP放置区两边的扩展区；本实施例中，终端类型至少可以基于分辨率划分，例如分辨率为720p的类型，分辨率为1080p的类型，在分辨率相同但屏幕尺寸不同的情况下，还可以结合屏幕尺寸来划分，例如分辨率为1080p且屏幕尺寸超过55寸的类型，分辨率为1080p且屏幕尺寸未超过55寸的类型，不同的终端类型所需的APP容纳区的大小不一样，故根据当前终端类型获取对应大小的APP容纳区。

图2是根据本申请实施例的APP容纳区的示意图，如图2所示，APP放置区用于放置原始图标，在原始图标为正方形形状时，将APP放置区也设置为正方形形状，通过在APP放置区的两边设置扩展区，使APP容纳区为长方形形状。

步骤S102，获取应用程序的原始图标，将原始图标放置在APP放置区内，其中，原始图标和APP放置区同一个中心；本实施例中，获取到原始图标后，将原始图标的中心对准APP放置区的中心，放置在APP放置区内，使app图标在横屏屏幕上展示时，视觉效果更好，更美观的同时，尽可能减少app图标的变化。

步骤S103，获取目标颜色，将目标颜色填充至扩展区内，获得新的APP容纳区，新的APP容纳区作为目标图标。其中，目标颜色可以选择原始图标上的颜色，使目标图标上整体的颜色更协调。

相对于相关技术中，app图标是app开发者自己设计的，目前的app图标多是为了适配手机屏幕，制作成了正方形形状，但是正方形形状的app图标在横屏屏幕上展示时，例如在电视屏幕上进行展示时，存在视觉效果较差，不够美观的问题，故本申请技术方案中，通过上述步骤S101至S103，根据当前终端类型获取对应尺寸的APP容纳区，在原始图标为正方形形状时，将APP放置区也设置为正方形形状，通过在APP放置区的两边设置扩展区，使APP容纳区为长方形形状，将目标颜色填充至两边的扩展区内，形成新的APP容纳区，将新的APP容纳区作为目标图标，解决了正方形形状的app图标在横屏屏幕上展示时，视觉效果较差，不够美观的问题。

在其中一些实施例中，获取应用程序的原始图标，将原始图标放置在APP放置区内包括：根据APP放置区的尺寸调整原始图标的尺寸，使原始图标的大小适配APP放置区。具体的，根据当前终端类型选取APP容纳区时，APP放置区的面积可以在一定范围内大于原始图标的面积，也可以在一定范围内小于原始图标的面积，在原始图标与APP放置区面积不相等时，可以通过对原始图标进行放大或缩小，使原始图标的大小适配APP放置区，在APP放置区的面积和原始图标相等时，无需对原始图标进行调整。

示例性的，图3是根据本申请实施例的健身原始图标的示意图，如图2、图3所示，健身原始图标为直角正方形，尺寸为80px*80px，APP放置区的尺寸为100px*100px，将健身原始图标的尺寸调整为100px*100px，使健身原始图标的大小适配APP放置区。

图4是根据本申请实施例的知乎原始图标的示意图，如图4所示，知乎原始图标为圆角正方形，尺寸为80px*80px，图5是根据本申请实施例的知乎原始图标放置在APP放置区的示意图，如图5所示，当APP放置区的尺寸为100px*100px时，若将知乎原始图标的尺寸调整为100px*100px，并放置在APP放置区，则无法填充满APP放置区，可以通过以下至少两种方式解决无法填充满APP放置区的问题，一种是若知乎原始图标的圆角半径为5px，则将知乎原始图标的尺寸至少调整为110px*110px，另一种是将空白的地方填充上和扩展区一样的颜色。

若扩展区和APP放置区之间的颜色差别很大，会导致目标图标不够美观，故在其中一些实施例中，根据不同原始图标的尺寸，设置不同的预设距离，例如，原始图标的尺寸为80px*80px，则预设距离为10px，获取原始图标的外周向中心10px处的所有颜色，获取每种颜色的占比，将占比最大的颜色作为目标颜色，使扩展区上的颜色和原始图标上外周的颜色大致相同。

在其中一些实施例中，获取目标颜色，将目标颜色填充至扩展区内包括：根据当前终端类型获取对应的切割模块，将切割模块并入到原始图标中，选取切割模块和原始图标的非重叠区域，获取非重叠区颜色占比最大的颜色作为目标颜色。本实施例中，通过切割模块可以更快速的选取出目标颜色。

图6是根据本申请实施例的获取目标颜色过程的示意图，如图6所示，切割模块的面积小于原始图标的面积，二者之间具有非重叠区，选取非重叠区的占比最大的颜色作为目标颜色，使得目标图标和原始图标的整体视觉效果大致一样，不过多的改变原始图标的设计，使用户能更快的适应目标图标。

在其中一些实施例中，根据当前终端类型获取对应的切割模块之前，根据不同的终端类型设置不同尺寸的切割模块；将不同的终端类型与不同尺寸的切割模块的对应关系进行保存。其中，不同的终端类型对应的原始图标的尺寸不一样，故所需要的切割模块的大小也不一样，终端类型对应的切割模块的大小可以根据需要进行更改。

在其中一些实施例中，根据当前终端类型获取目标APP容纳区之前，根据不同的终端类型设置不同尺寸的APP容纳区；将不同的终端类型与不同尺寸的APP容纳区的对应关系进行保存，其中，终端类型对应的APP容纳区的大小可以根据需要进行更改。

可选的，同一种终端类型也可以设置多种尺寸的APP容纳区，用户可以根据需求选择其中一种尺寸。

在其中一些实施例中，将新的APP容纳区作为目标图标之后，根据当前终端类型获取对应的放大倍数或缩小倍数，根据放大倍数或缩小倍数对目标图标进行等比例放大或缩小，得到最终的目标图标。本实施例中，除了在根据当前终端类型选择对应尺寸的APP容纳区时，可以决定目标图标的大小外，还可以在形成目标图标后，对目标图标进行等比例放大或缩小来改变目标目标的大小。

在实际应用中，一个终端上的所有目标图标的大小需要一样，故每种终端类型都对应有固定的放大倍数或缩小倍数，使一个终端上的所有目标图标都能按照同样的倍数进行放大或缩小。

在其中一些实施例中，根据当前终端类型获取对应的放大倍数或缩小倍数之前，根据不同的终端类型设置不同的放大倍数或缩小倍数，将不同的终端类型与不同的放大倍数或缩小倍数的对应关系进行保存，终端类型对应的放大倍数或缩小倍数的值可以根据需要进行更改。

在其中一些实施例中，新的APP容纳区作为目标图标之后，获取圆角半径，根据圆角半径对目标图标进行圆角处理，其中，不同尺寸的目标图标对应不同的圆角半径。图7是根据本申请实施例的目标图标进行圆角处理的示意图，如图7所示，对直角长方形的知乎目标图标进行圆角处理，得到圆角长方形的知乎目标图标，用户可以根据需求进行圆角处理，满足了用户多样化的需求。

可选的，在根据不同的终端类型设置不同尺寸的APP容纳区时，可将APP容纳区设置为直角长方形形状和/或圆角长方形形状，若一开始选择的APP容纳区为圆角长方形形状，也可以在得到目标图标后，对目标图标进行直角处理。

需要说明的是，在上述流程中或者附图的流程图中示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

本实施例还提供了一种图标生成的系统，该系统用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述。如以下所使用的，术语“模块”、“单元”、“子单元”等可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。

图8是根据本申请实施例的图标生成的系统的结构框图，如图8所示，该系统获取模块81、放置模块82和填充模块83，获取模块81用于根据当前终端类型获取对应的APP容纳区，APP容纳区包括APP放置区和APP放置区两边的扩展区；放置模块82用于获取应用程序的原始图标，将原始图标放置在APP放置区内，其中，原始图标和APP放置区同一个中心；填充模块83用于获取目标颜色，将目标颜色填充至扩展区内，获得新的APP容纳区，新的APP容纳区作为目标图标，解决了正方形形状的app图标在横屏屏幕上展示时，视觉效果较差，不够美观的问题。

需要说明的是，上述各个模块可以是功能模块也可以是程序模块，既可以通过软件来实现，也可以通过硬件来实现。对于通过硬件来实现的模块而言，上述各个模块可以位于同一处理器中；或者上述各个模块还可以按照任意组合的形式分别位于不同的处理器中。

本实施例还提供了一种电子装置，包括存储器和处理器，该存储器中存储有计算机程序，该处理器被设置为运行计算机程序以执行上述任一项方法实施例中的步骤。

可选地，上述电子装置还可以包括传输设备以及输入输出设备，其中，该传输设备和上述处理器连接，该输入输出设备和上述处理器连接。

需要说明的是，本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例，本实施例在此不再赘述。

另外，结合上述实施例中的图标生成的方法，本申请实施例可提供一种存储介质来实现。该存储介质上存储有计算机程序；该计算机程序被处理器执行时实现上述实施例中的任意一种图标生成的方法。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种图标生成的方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，该计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

本领域的技术人员应该明白，以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种图标生成的方法，其特征在于，所述方法包括：

根据当前终端类型获取对应的APP容纳区，所述APP容纳区包括APP放置区和所述APP放置区两边的扩展区；

获取应用程序的原始图标，将所述原始图标放置在所述APP放置区内，其中，所述原始图标和所述APP放置区同一个中心；

获取目标颜色，将所述目标颜色填充至所述扩展区内，获得新的APP容纳区，所述新的APP容纳区作为目标图标。

2.根据权利要求1所述的方法，其特征在于，获取应用程序的原始图标，将所述原始图标放置在所述APP放置区内包括：

根据所述APP放置区的尺寸调整所述原始图标的尺寸，使所述原始图标的大小适配所述APP放置区。

3.根据权利要求1所述的方法，其特征在于，获取目标颜色，将所述目标颜色填充至所述扩展区内包括：

获取所述原始图标的外周向中心预设距离处的所有颜色，获取每种颜色的占比，将占比最大的颜色作为目标颜色。

4.根据权利要求1所述的方法，其特征在于，获取目标颜色，将所述目标颜色填充至所述扩展区内包括：

根据当前终端类型获取对应的切割模块，将所述切割模块并入到所述原始图标中，选取所述切割模块和所述原始图标的非重叠区域，获取非重叠区颜色占比最大的颜色作为目标颜色。

5.根据权利要求4所述的方法，其特征在于，根据当前终端类型获取对应的切割模块之前，所述方法还包括：

根据不同的终端类型设置不同尺寸的切割模块；

将不同的所述终端类型与不同尺寸的所述切割模块的对应关系进行保存。

6.根据权利要求1所述的方法，其特征在于，根据当前终端类型获取目标APP容纳区之前，所述方法还包括：

根据不同的终端类型设置不同尺寸的APP容纳区；

将不同的所述终端类型与不同尺寸的所述APP容纳区的对应关系进行保存。

7.根据权利要求1所述的方法，其特征在于，将所述新的APP容纳区作为目标图标之后，所述方法还包括：

根据当前终端类型获取对应的放大倍数或缩小倍数，根据所述放大倍数或缩小倍数对所述目标图标进行等比例放大或缩小，得到最终的目标图标。

8.根据权利要求7所述的方法，其特征在于，根据当前终端类型获取对应的放大倍数或缩小倍数之前，所述方法包括：

根据不同的终端类型设置不同的放大倍数或缩小倍数；

将不同的所述终端类型与不同的所述放大倍数或缩小倍数的对应关系进行保存。

9.根据权利要求1至8中任一项所述的方法，其特征在于，所述新的APP容纳区作为目标图标之后，所述方法还包括：

获取圆角半径，根据所述圆角半径对所述目标图标进行圆角处理，其中，不同尺寸的目标图标对应不同的圆角半径。

10.一种图标生成的系统，其特征在于，所述系统包括获取模块、放置模块和填充模块，

所述获取模块，用于根据当前终端类型获取对应的APP容纳区，所述APP容纳区包括APP放置区和所述APP放置区两边的扩展区；

所述放置模块，用于获取应用程序的原始图标，将所述原始图标放置在所述APP放置区内，其中，所述原始图标和所述APP放置区同一个中心；

所述填充模块，用于获取目标颜色，将所述目标颜色填充至所述扩展区内，获得新的APP容纳区，所述新的APP容纳区作为目标图标。

Images