CN115657899A

CN115657899A - 图标处理方法、装置、电子设备及存储介质

Info

Publication number: CN115657899A
Application number: CN202211321002.1A
Authority: CN
Inventors: 颜豪; 何浪
Original assignee: Qax Technology Group Inc; Secworld Information Technology Beijing Co Ltd
Current assignee: Qax Technology Group Inc; Secworld Information Technology Beijing Co Ltd
Priority date: 2022-10-26
Filing date: 2022-10-26
Publication date: 2023-01-31

Abstract

本发明提供一种图标处理方法、装置、电子设备及存储介质，其中，所述图标处理方法包括：获取待处理图标；采用预设工具将所述待处理图标转换为目标组件，其中，所述目标组件与所述待处理图标相对应，所述目标组件具有调整所述待处理图标的样式的能力；基于所述目标组件，构建目标制品包，基于所述目标制品包，得到目标图标，其中，所述目标图标为具有样式调整能力的待处理图标。通过本发明提供的图标处理方法，能够提高图标在使用过程中的复用性和便利性。

Description

图标处理方法、装置、电子设备及存储介质

技术领域

本发明涉及图标处理技术领域，尤其涉及一种图标处理方法、装置、电子设备及存储介质。

背景技术

手机、电脑等终端设备运行过程中，其显示界面上显示有各种元素，如文字、背景、图标等。其中，图标可以为功能性标识控件，如应用图标、主页图标等。

相关技术可知，当前的图标使用方式包括字体文件方式和图标源文件方式。然而，字体文件方式无法支持多色图标的实现，图标源文件方式无法进行图标的动态样式调整，这将降低图标在使用过程中的复用性和便利性。

发明内容

本发明提供一种图标处理方法、装置、电子设备及存储介质，用以解决现有技术中图标在使用过程中复用性低和便利性低的缺陷，实现了能够提高图标在使用过程中的复用性和便利性。

本发明提供一种图标处理方法，所述图标处理方法包括：获取待处理图标；采用预设工具将所述待处理图标转换为目标组件，其中，所述目标组件与所述待处理图标相对应，所述目标组件具有调整所述待处理图标的样式的能力；基于所述目标组件，构建目标制品包；基于所述目标制品包，得到目标图标，其中，所述目标图标为具有样式调整能力的待处理图标。

根据本发明提供的一种图标处理方法，所述基于所述目标制品包，得到目标图标，具体包括：获取目标指令，其中，所述目标指令为所述目标制品包的引入方式的指令；基于所述目标指令，引入所述目标制品包进行使用，以得到所述目标图标。

根据本发明提供的一种图标处理方法，所述目标指令包括第一目标指令，所述第一目标指令为以全量引入方式引入所述目标制品包的指令；所述目标图标包括第一目标图标集，所述第一目标图标集为由分别与所述目标制品包中各个所述目标组件对应的图标构成的集合；所述基于所述目标指令，引入所述目标制品包进行使用，以得到所述目标图标，具体包括：基于所述第一目标指令，以全量引入方式引入所述目标制品包进行使用，以得到所述第一目标图标集。

根据本发明提供的一种图标处理方法，所述目标指令包括第二目标指令，所述第二目标指令为以部分引入方式引入预设目标组件的指令，其中，所述部分引入方式为按照用户需求对所述目标制品包中预设目标组件进行引入的方式，所述预设目标组件为所述目标制品包中满足用户需求的目标组件；所述目标图标包括第二目标图标集，所述第二目标图标集为由分别与所述预设目标组件对应的图标构成的集合；所述基于所述目标指令，引入所述目标制品包进行使用，以得到所述目标图标，具体包括：基于所述第二目标指令，以部分引入方式引入所述目标制品包中的所述预设目标组件进行使用，以得到所述第二目标图标集。

根据本发明提供的一种图标处理方法，在所述引入所述目标制品包进行使用，以得到所述目标图标之后，所述图标处理方法还包括：获取样式调整指令，其中，所述样式调整指令为对所述目标图标的样式进行调整的指令；基于所述样式调整指令，确定与所述样式调整指令对应的所述目标组件的调整属性；基于所述目标组件的调整属性，对所述目标图标进行调整，以得到调整后目标图标。

根据本发明提供的一种图标处理方法，所述采用预设工具将所述待处理图标转换为目标组件，具体包括：采用所述预设工具，解析得到所述待处理图标的待处理图标属性；基于所述预设工具预先设置的映射表，确定与所述待处理图标属性对应的目标组件属性，其中，所述映射表中包括图标属性与组件属性的映射关系；基于所述目标组件属性，确定所述目标组件。

根据本发明提供的一种图标处理方法，所述待处理图标采用以下方式确定：获取初始图标；在所述初始图标满足预设图标规范的情况下，对所述初始图标进行标准化处理，得到所述待处理图标，其中，所述待处理图标为具有预设结构的图标。

本发明还提供一种图标处理装置，所述图标处理装置包括：获取模块，用于获取待处理图标；转换模块，用于采用预设工具将所述待处理图标转换为目标组件，其中，所述目标组件与所述待处理图标相对应，所述目标组件具有调整所述待处理图标的样式的能力；构建模块，用于基于所述目标组件，构建与目标制品包；生成模块，用于基于所述目标制品包，得到目标图标，其中，所述目标图标为具有样式调整能力的待处理图标。

本发明还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述的图标处理方法。

本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述的图标处理方法。

本发明还提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上述任一种所述的图标处理方法。

本发明提供的图标处理方法、装置、电子设备及存储介质，基于预设工具将待处理图标转换为具有调整待处理图标的样式的能力目标组件，并基于多个目标组件，构建与多个待处理图标对应的目标制品包。由于目标组件具有调整待处理图标的样式的能力，因此，构成的目标制品包也具有调整待处理图标的样式的能力，从而基于目标制品包可以生产出具有样式调整能力的目标图标，进而能够提高同一目标图标在使用过程中的复用性和便利性。

附图说明

为了更清楚地说明本发明或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明提供的图标处理方法的流程示意图之一；

图2是本发明提供的图标处理方法的流程示意图之二；

图3是本发明提供的图标处理方法的流程示意图之三；

图4是本发明提供的将待处理图标转换为目标组件的流程示意图；

图5是本发明提供的构建与多个待处理图标对应的目标制品包流程示意图；

图6是本发明提供的待处理图标的结构示意图；

图7是本发明提供的图标处理方法的流程示意图之四；

图8是本发明提供的图标处理装置的结构示意图；

图9是本发明提供的电子设备的结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合本发明中的附图，对本发明中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明提供的图标处理方法，通过将图标源文件格式统一为预设的格式，经过解析、标准化等操作得到待处理图标，再将待处理图标构建为目标组件，其中目标组件可以为Vue组件，基于多个目标组件发布成NPM包(对应目标制品包)。由于目标组件具有调整待处理图标的样式的能力，因此，构成的目标制品包也具有调整待处理图标的样式的能力，从而基于目标制品包可以生产出具有样式调整能力的目标图标，进而能够提高同一目标图标在使用过程中的复用性和便利性。

为了进一步介绍本发明提供的图标处理方法，下面将结合图1进行说明。

图1是本发明提供的图标处理方法的流程示意图之一。

在本发明一示例性实施例中，结合图1可知，图标处理方法可以包括步骤110至步骤140，下面将分别介绍各步骤。

在步骤110中，获取待处理图标。

在本发明一示例性实施例中，待处理图标可以采用以下方式确定：

获取初始图标；

在初始图标满足预设图标规范的情况下，对初始图标进行标准化处理，得到待处理图标，其中，待处理图标为具有预设结构的图标。

在一种实施例中，初始图标可以理解为是预先设计好的图标。但是初始图标并不一定满足转化为待处理图标的标准。在应用过程中，可以校验初始图标是否满足预设图标规范。在一示例中，当初始图标满足预设图标规范时，可以对初始图标进行标准化处理，以使得到的待处理图标具有预设结构。可以理解的是，待处理图标还可以是以预设文件格式存在的源文件，例如可以是SVG格式的源文件，在本实施例中，不对待处理图标的具体形式作限定。

需要说明的是，预设图标规范可以根据实际情况进行调整，例如，预设图标规范可以是准确、简洁和尺寸统一。其中，准确是指信息图形化，能够准确表达图标含义；屏显准确，减少锯齿的出现。简洁是指在保证表意的前提下，去除多余细节。尺寸统一是指保证图标大小、线条粗细、感情特征、端点特征、拐角特征、倾斜角度、基本形状等的统一性，例如，统一宽高比为1:1。在本实施例中不会对图标规范作具体限定。

预设结构也可以根据实际情况进行调整，在本实施例中，不对预设结构作具体限定。

图6是本发明提供的待处理图标的结构示意图。下面将结合图6对预设结构进行举例说明。

在一种实施例中，结合图6可知，预设结构可以是待处理图标包括外部描边区域10、外部填充区域20、内部描边区域30和内部填充区域40。在一示例中，可以将外部描边区域10设置为第一预设色号，将外部填充区域20设置为第二预设色号，将内部描边区域30设置为第三预设色号，以及将内部填充区域40设置为第四预设色号。

可以理解的是，与预设结构中不同区域对应的预设色号可以标识待处理图标的待处理图标属性。在应用过程中，当判断出某一区域为第一预设色号时，可以表征此区域为外部描边区域10，进一步的，基于外部描边区域10可以确定出与待处理图标对应的目标组件的目标组件属性，并基于目标组件属性可以确定出目标组件。在本实施例中，通过对初始图标进行标准化处理得到待处理图标，可以便于确定出待处理图标的待处理图标属性，进而为基于待处理图标的待处理图标属性，确定出目标组件的目标组件属性打下基础。

在步骤120中，采用预设工具将待处理图标转换为目标组件，其中，目标组件与待处理图标相对应，目标组件具有调整待处理图标的样式的能力。

在步骤130中，基于目标组件，构建目标制品包。

在步骤140中，基于目标制品包，得到目标图标，其中，目标图标为具有样式调整能力的待处理图标。

在一示例中，目标制品包可以是能够发布至NPM服务器的制品包。在应用过程中，目标制品包发布到NPM服务器，可以方便后续到该NPM服务器中去下载该目标制品包进行安装并引入。

在一种实施例中，可以采用预设工具将待处理图标转换为具有调整待处理图标的样式的能力的目标组件。其中，具有调整待处理图标的样式的能力可以理解为可以对目标组件进行多色调整和样式调整的能力，例如调整图标颜色、调整图标的描边粗细，以及调整图标的方向等。其中，预设工具可以为能够将待处理图标转换为目标组件的CLI工具。

进一步的，再基于多个目标组件，构建与多个待处理图标对应的目标制品包，能够实现基于目标制品包可以生产出具有样式调整能力的目标图标，进而能够提高同一目标图标在使用过程中的复用性和便利性。

需要说明的是，构建的目标制品包可以理解为是关于目标图标资产生产的过程，基于目标制品包可以得到具有高复用性和便利性的目标图标。

进一步的，基于目标制品包，得到目标图标可以理解为是关于目标图标消费的过程，在目标图标消费的过程中，提高了目标图标的复用性和便利性。

本发明提供的图标处理方法，基于预设工具将待处理图标转换为具有调整待处理图标的样式的能力目标组件，并基于多个目标组件，构建与多个待处理图标对应的目标制品包。由于目标组件具有调整待处理图标的样式的能力，因此，构成的目标制品包也具有调整待处理图标的样式的能力，从而基于目标制品包可以生产出具有样式调整能力的目标图标，进而能够提高同一图标在使用过程中的复用性和便利性。

为了进一步介绍本发明提供的图标处理方法，下面将结合图2进行说明。

图2是本发明提供的图标处理方法的流程示意图之二。

在本发明一示例性实施例中，结合图2可知，图标处理方法可以包括步骤210至步骤250，其中，步骤210至步骤230与前文所述的步骤110至步骤130相同或相似，其具体实施方式和有益效果请参照前文描述，在本实施例中不再赘述，下面将分别介绍步骤240和步骤250。

在步骤240中，获取目标指令，其中，目标指令为目标制品包的引入方式的指令。

在步骤250中，基于目标指令，引入目标制品包进行使用，以得到目标图标。

在一种实施例中，可以获取用户的目标指令。其中，目标指令可以理解为是采用何种方式使用目标制品包中的目标组件。例如，当用户进需要得到部分目标图标时，可以引用目标制品包中的部分目标组件进行使用，以得到与部分目标组件对应的部分目标图标。通过此种方式，在满足用户需求的前提下还可以减少数据运行量，提高得到目标图标的处理效率。

可以理解的是，目标指令可以根据实际情况进行调整，下面将分情况介绍在目标指令为不同情况的应用场景下，基于目标指令，引入目标制品包进行使用以得到目标图标的过程。

在本发明一示例性实施例中，目标指令可以包括第一目标指令，其中，第一目标指令为以全量引入方式引入目标制品包的指令。目标图标可以包括第一目标图标集，其中，第一目标图标集为由分别与目标制品包中各个目标组件对应的图标构成的集合。

基于目标指令，引入目标制品包进行使用以得到目标图标可以采用以下方式实现：

基于第一目标指令，以全量引入方式引入目标制品包进行使用，以得到第一目标图标集。

在一种实施例中，当用户需要对全部的待处理图标进行处理时，可以发起第一目标指令，即以全量引入方式引入目标制品包。由于目标制品包中包括全部的与待处理图标对应的目标组件，以全量引入方式引入目标制品包进行使用，可以满足用户的需求，即得到第一目标图标集。其中，第一目标图标集为由分别与目标制品包中各个目标组件对应的图标构成的集合，又可以理解为是与全部的待处理图标对应的目标图标的集合。

在本实施例中，由于目标制品包具有调整待处理图标的样式的能力，因此以全量引入方式引入目标制品包进行使用，可以提高第一目标图标集中各个目标图标在使用过程中的复用性和便利性。

在本发明又一示例性实施例中，目标指令可以包括第二目标指令，其中，第二目标指令为以部分引入方式引入预设目标组件的指令，部分引入方式为按照用户需求对目标制品包中预设目标组件进行引入的方式，预设目标组件为目标制品包中与部分引入方式对应的目标组件，也可以理解为是目标制品包中满足用户需求的目标组件。目标图标可以包括第二目标图标集，其中，第二目标图标集为由分别与预设目标组件对应的图标构成的集合。

需要说明的是，用户需求可以根据用户的实际情况进行确定，例如，根据用户需求可以在目标制品包中确定出需要引入目标组件A和目标组件B，其中，目标组件A和目标组件B可以理解为是预设目标组件。

基于目标指令，引入目标制品包进行使用，以得到目标图标可以采用以下方式实现：

基于第二目标指令，以部分引入方式引入目标制品包中的预设目标组件进行使用，以得到第二目标图标集。

在一种实施例中，当用户需要对部分的待处理图标进行处理时，可以发起第二目标指令，即以部分引入方式引入目标制品包。由于目标制品包中包括部分的与待处理图标对应的预设目标组件，以部分引入方式引入目标制品包进行使用，可以满足用户的需求，即得到第二目标图标集。其中，第二目标图标集为由分别与预设目标组件对应的图标构成的集合，又可以理解为是与部分的待处理图标对应的目标图标的集合。

通过本实施例，在满足用户需求的前提下还可以减少数据运行量，提高得到目标图标的处理效率，并且得到的目标图标在使用过程中具有高复用性和高便利性。

图3是本发明提供的图标处理方法的流程示意图之三。

下面将结合图3对图标处理方法的过程进行说明。

在本发明一示例性实施例中，图标处理方法可以包括步骤310至步骤380，其中，步骤310至步骤350与步骤210至步骤250相同或相似，其具体实施方式和有益效果请参照前文描述，在本实施例中不再赘述，下面将分别介绍步骤360至步骤380。

在步骤360中，获取样式调整指令，其中，样式调整指令为对目标图标的样式进行调整的指令。

在一种实施例中，为了满足用户的要求，实现图标的复用性，在应用过程中，还可以获取用户发起的样式调整指令。其中，样式调整指令可以根据实际情况进行确定，例如，可以是调整图标的图标颜色、调整图标的描边粗细、还可以是调整图标的旋转方向。

在步骤370中，基于样式调整指令，确定与样式调整指令对应的目标组件的调整属性。

在步骤380中，基于目标组件的调整属性，对目标图标进行调整，以得到调整后目标图标。

在一种实施例中，可以根据样式调整指令，确定出与样式调整指令对应的目标组件的调整属性。在一示例中，若样式调整指令是对图标的颜色进行调整，则目标组件的调整属性可以是关于调整图标颜色的属性。在应用过程中，通过目标组件的调整属性对目标图标进行调整，可以得到调整后目标图标。在本实施例中，基于样式调整指令确定出调整属性，再基于调整属性对目标组件进行调整，可以快速、便捷的实现对目标图标进行调整，从而实现了目标图标在应用过程中的复用性和移植性。

为了进一步介绍本发明提供的图标处理方法，下面将结合图4进行说明。

图4是本发明提供的将待处理图标转换为目标组件的流程示意图。

在本发明一示例性实施例中，结合图4可知，采用预设工具将待处理图标转换为目标组件可以包括步骤410和步骤430，下面将分别介绍各步骤。

在步骤410中，采用预设工具，解析得到待处理图标的待处理图标属性。

在一种实施例中，可以确定出待处理图标的待处理图标属性。在一示例中，继续结合图6进行说明，当判断出某一区域为第一预设色号时，可以表征此区域为外部描边区域10。待处理图标的第一预设色号可以表征为待处理图标属性。由于预设设置的映射表包括图标属性与组件属性的映射关系，例如，第一预设色号对应外部描边区域10。进一步的，基于外部描边区域10可以确定出与待处理图标对应的目标组件的目标组件属性，即第一预设色号所覆盖的区域为外部描边区域10。再基于目标组件属性，可以确定出目标组件。

在步骤420中，基于预设工具预先设置的映射表，确定与待处理图标属性对应的目标组件属性，其中，映射表中包括图标属性与组件属性的映射关系。

在步骤430中，基于目标组件属性，确定目标组件。

在一种实施例中，待处理图标属性可以是映射表中图标属性中的一个，目标组件属性可以是映射表中组件属性中的一个。由于映射表中包括各个图标属性分别对应的组件属性，因此，可以基于映射表，确定出与图标属性中的待处理图标属性对应的目标组件属性。

当目标组件的目标组件属性确定后，可以基于目标组件属性准确、唯一的确定出目标组件。又由于目标组件属性是与待处理图标的待处理图标属性相对应的，因此，基于目标组件属性确定的目标组件可以与待处理图标相对应。

需要说明的是，目标组件的调整属性可以理解为是关于调整目标组件属性的属性，当确定调整属性后，即可确定出如何对目标组件属性进行调整。在应用过程中，可以通过对目标组件属性进行调整来实现对目标图标进行调整，例如调整颜色、调整描边粗细等，从而可以快速、便捷的得到调整后目标图标。通过本实施例，可以提高同一图标在使用过程中的复用性和移植性。

可以理解的是，预设工具为一种处理图标处理和转换工具，具有以下功能：

对待处理图标进行解析，可以得到待处理图标的待处理图标属性；预先设置映射表，基于映射表可以确定待处理图标属性对应的目标组件属性，并可以基于目标组件属性，确定目标组件。

其中，待处理图标可以从SVG源文件中提取，预设工具能够支持将SVG源文件进行校验、标准化、构建成为Vue组件。

为了进一步介绍本发明提供的图标处理方法，下面将结合图5进行说明。

图5是本发明提供的构建与多个待处理图标对应的目标制品包流程示意图。

在本发明一示例性实施例中，结合图5可知，构建与多个待处理图标对应的目标制品包可以包括步骤510至步骤590，下面将分别介绍各步骤。

在步骤510中，创建目标制品包的制品目录。

在一种实施例中，可以创建制品目录，基于制品目录可以了解目标制品包的构成。在一示例中，制品目录可以包括vetur(代码提示)、docs(使用文档)和components(图标组件)等。

在步骤520中，拷贝静态文件，其中，静态文件中包括映射表。

在步骤530中，基于待处理图标，确定待处理图标的待处理图标属性。

在步骤540中，基于映射表，确定与待处理图标属性对应的目标组件属性，其中，映射表中包括图标属性与组件属性的映射关系。

在步骤550中，基于目标组件属性，确定目标组件。

在一种实施例中，可以拷贝静态文件，其中，静态文件中包括映射表。需要说明的是，映射表中包括图标属性与组件属性的映射关系。

在应用过程中，由于映射表中包括各个图标属性分别对应的组件属性，进一步的，可以基于映射表，确定出与图标属性中的待处理图标属性对应的目标组件属性。

在一示例中，可以匹配width和hight替换为双向绑定属性size。读取全局配置样式ICON_STYLE中的multiColor。其中，multiColor可以理解为待处理图标的待处理图标属性。进一步的，匹配stroke的值为multiColor.outStroke值替换为双向绑定属性outStroke；匹配fill的值为multiColor.outFill值替换为双向绑定属性outFill；匹配stroke的值为multiColor.innerStroke值替换为双向绑定属性innerStroke；匹配fill的值为multiColor.innerFill值替换为双向绑定属性innerFill。可以理解的是，匹配的对应关系即为前文所述的映射表中的映射关系。在本实施例中，通过确定出与待处理图标属性对应的目标组件属性，再基于目标组件属性确定目标组件，可以实现将待处理图标转换为目标组件。

需要说明的是，目标组件的调整属性可以理解为是关于调整目标组件属性的属性。当确定调整属性后，即可确定出如何对目标组件属性进行调整。在应用过程中，可以通过对目标组件属性进行调整来实现对目标图标进行调整，例如调整颜色、调整描边粗细等，从而可以快速、便捷的得到调整后目标图标。通过本实施例，可以提高同一图标在使用过程中的复用性和移植性，支持在运行时动态修改图标的样式。

在步骤560中，生成入口文件。

在步骤570中，生成代码提示文件。

在步骤580中，构建使用文档。

在步骤590中，基于目标组件、入口文件、代码提示文件和使用文档，得到目标制品包。

在一种实施例中，还可以基于静态文件生成入口文件、代码提示文件和使用文档。再基于目标组件、入口文件、代码提示文件和使用文档，得到目标制品包。由于目标组件具有调整待处理图标的样式的能力，因此，构成的目标制品包也具有调整待处理图标的样式的能力，从而基于目标制品包可以生产出具有样式调整能力的图标，进而提高同一图标在使用过程中的复用性和便利性。

图7是本发明提供的图标处理方法的流程示意图之四。为了进一步解释本发明提供的图标处理方法，下面将结合图7进行说明。

在本发明一示例性实施例中，结合图7可知，图标处理方法可以包括步骤710至步骤770，下面将分别介绍各步骤。

在步骤710中，匹配图标全局样式规范。

在步骤720中，设计图标。

在一种实施例中，图标全局样式规范可以理解为是前文所述的预设图标规范。例如，预设图标规范可以是准确、简洁和尺寸统一。其中，准确是指信息图形化，能够准确表达图标含义；屏显准确，减少锯齿的出现。简洁是指在保证表意的前提下，去除多余细节。尺寸统一是指保证图标大小、线条粗细、感情特征、端点特征、拐角特征、倾斜角度、基本形状等的统一性，例如，统一宽高比为1:1。在本实施例中不会对图标规范作具体限定。

进一步的，再设计图标(对应初始图标)。

在步骤730中，校验图标是否符合预设图标规范。

在步骤740中，若图标符合预设图标规范，则对图标进行标准化处理，得到待处理图标。

在一种实施例中，初始图标可以理解为是预先设计好的图标，但是初始图标并不一定满足转化为待处理图标的标准(对应规范)。在应用过程中，可以校验图标是否符合预设图标规范。在一示例中，当初始图标满足预设图标规范时，可以对初始图标进行标准化处理，以使得到的待处理图标具有预设结构。

在又一实施例中，若初始图标不预设图标规范，则可以返回步骤720，重新设计图标，直至图标满足预设图标规范。

在步骤750中，对待处理图标进行转换，得到目标组件。

在步骤760中，基于目标组件，得到目标制品包，并发布目标制品包。

在步骤770中，安装目标制品包并使用，以得到目标图标。

在一种实施例中，可以将待处理图标转换为具有调整待处理图标的样式的能力的目标组件。其中，具有调整待处理图标的样式的能力可以理解为对目标组件进行多色调整和样式调整的能力，例如调整图标颜色、调整图标的描边粗细，以及调整图标的方向等。进一步的，再基于多个目标组件，构建与多个待处理图标对应的目标制品包，可以实现基于目标制品包可以生产出具有样式调整能力的图标，进而能够提高图标在使用过程中的复用性和便利性。

根据上述描述可知，本发明提供的图标处理方法，将待处理图标转换为具有调整待处理图标的样式的能力目标组件，并基于多个目标组件，构建与多个待处理图标对应的目标制品包。由于目标组件具有调整待处理图标的样式的能力，因此，构成的目标制品包也具有调整待处理图标的样式的能力，从而基于目标制品包可以生产出具有样式调整能力的图标，进而能够提高图标在使用过程中的复用性和便利性。

基于相同的构思，本发明还提供一种图标处理装置。

下面对本发明提供的图标处理装置进行描述，下文描述的图标处理装置与上文描述的图标处理方法可相互对应参照。

图8是本发明提供的图标处理装置的结构示意图。

在本发明一示例性实施例中，结合图8可知，图标处理装置可以包括获取模块810、转换模块820、构建模块830和生成模块840，下面将分别介绍各模块。

获取模块810，可以被配置为用于获取待处理图标；

转换模块820，可以被配置为用于采用预设工具将待处理图标转换为目标组件，其中，目标组件与待处理图标相对应，目标组件具有调整待处理图标的样式的能力；

构建模块830，可以被配置为用于基于目标组件，构建目标制品包；

生成模块840，可以被配置为用于基于目标制品包，得到目标图标，其中，目标图标为具有样式调整能力的待处理图标。

需要说明的是，还可以基于获取模块810、转换模块820和构建模块830得到一种构建目标制品包的装置。其中，构建目标制品包的装置可以构建与多个待处理图标对应的目标制品包。需要说明的是，构建目标制品包的装置可以是一种命令行界面(Command-lineInterface，CLI)工具，在应用过程中，CLI工具可以支持将SVG源文件(对应待处理图标)进行校验、标准化并构建为对应的Vue组件(对应目标组件)，并基于目标组件形成目标制品包。

可以理解的是，基于构建目标制品包的装置构建的目标制品包，可以生产出具有高复用性和便利性的图标，进而能够提高图标在使用过程中的复用性和便利性。

在本发明一示例性实施例中，生成模块840还可以被配置为用于：

获取目标指令，其中，目标指令为目标制品包的引入方式的指令；

基于目标指令，引入目标制品包进行使用，以得到目标图标。

在本发明一示例性实施例中，目标指令可以包括第一目标指令，第一目标指令为以全量引入方式引入目标制品包的指令；目标图标可以包括第一目标图标集，第一目标图标集为由分别与目标制品包中各个目标组件对应的图标构成的集合；

生成模块840可以采用以下方式基于目标指令，引入目标制品包进行使用，以得到目标图标：

在本发明一示例性实施例中，目标指令可以包括第二目标指令，第二目标指令为以部分引入方式引入预设目标组件的指令，其中，部分引入方式为按照用户需求对目标制品包中预设目标组件进行引入的方式，预设目标组件为目标制品包中满足用户需求的目标组件；目标图标可以包括第二目标图标集，第二目标图标集为由分别与预设目标组件对应的图标构成的集合；

获取样式调整指令，其中，样式调整指令为对目标图标的样式进行调整的指令；

基于样式调整指令，确定与样式调整指令对应的目标组件的调整属性；

基于目标组件的调整属性，对目标图标进行调整，以得到调整后目标图标。

在本发明一示例性实施例中，转换模块820可以采用以下方式采用预设工具将待处理图标转换为目标组件：

采用预设工具，解析得到待处理图标的待处理图标属性；

基于预设工具预先设置的映射表，确定与待处理图标属性对应的目标组件属性，其中，映射表中包括图标属性与组件属性的映射关系；

基于目标组件属性，确定目标组件。

在本发明一示例性实施例中，获取模块810可以采用以下方式确定待处理图标：

获取初始图标；

图9示例了一种电子设备的实体结构示意图，如图9所示，该电子设备可以包括：处理器(processor)910、通信接口(Communications Interface)920、存储器(memory)930和通信总线940，其中，处理器910，通信接口920，存储器930通过通信总线940完成相互间的通信。处理器910可以调用存储器930中的逻辑指令，以执行图标处理方法，该方法包括：获取待处理图标；采用预设工具将所述待处理图标转换为目标组件，其中，所述目标组件与所述待处理图标相对应，所述目标组件具有调整所述待处理图标的样式的能力；基于所述目标组件，构建目标制品包；基于所述目标制品包，得到目标图标，其中，所述目标图标为具有样式调整能力的待处理图标。

此外，上述的存储器930中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

另一方面，本发明还提供一种计算机程序产品，所述计算机程序产品包括计算机程序，计算机程序可存储在非暂态计算机可读存储介质上，所述计算机程序被处理器执行时，计算机能够执行上述各方法所提供的图标处理方法，该方法包括：获取待处理图标；采用预设工具将所述待处理图标转换为目标组件，其中，所述目标组件与所述待处理图标相对应，所述目标组件具有调整所述待处理图标的样式的能力；基于所述目标组件，构建目标制品包；基于所述目标制品包，得到目标图标，其中，所述目标图标为具有样式调整能力的待处理图标。

又一方面，本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现以执行上述各方法提供的图标处理方法，该方法包括：获取待处理图标；采用预设工具将所述待处理图标转换为目标组件，其中，所述目标组件与所述待处理图标相对应，所述目标组件具有调整所述待处理图标的样式的能力；基于所述目标组件，构建目标制品包；基于所述目标制品包，得到目标图标，其中，所述目标图标为具有样式调整能力的待处理图标。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

进一步可以理解的是，本发明实施例中尽管在附图中以特定的顺序描述操作，但是不应将其理解为要求按照所示的特定顺序或是串行顺序来执行这些操作，或是要求执行全部所示的操作以得到期望的结果。在特定环境中，多任务和并行处理可能是有利的。

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims

1.一种图标处理方法，其特征在于，所述图标处理方法包括：

获取待处理图标；

采用预设工具将所述待处理图标转换为目标组件，其中，所述目标组件与所述待处理图标相对应，所述目标组件具有调整所述待处理图标的样式的能力；

基于所述目标组件，构建目标制品包；

基于所述目标制品包，得到目标图标，其中，所述目标图标为具有样式调整能力的待处理图标。

2.根据权利要求1所述的图标处理方法，其特征在于，所述基于所述目标制品包，得到目标图标，具体包括：

获取目标指令，其中，所述目标指令为所述目标制品包的引入方式的指令；

基于所述目标指令，引入所述目标制品包进行使用，以得到所述目标图标。

3.根据权利要求2所述的图标处理方法，其特征在于，所述目标指令包括第一目标指令，所述第一目标指令为以全量引入方式引入所述目标制品包的指令；所述目标图标包括第一目标图标集，所述第一目标图标集为由分别与所述目标制品包中各个所述目标组件对应的图标构成的集合；

所述基于所述目标指令，引入所述目标制品包进行使用，以得到所述目标图标，具体包括：

基于所述第一目标指令，以全量引入方式引入所述目标制品包进行使用，以得到所述第一目标图标集。

4.根据权利要求2所述的图标处理方法，其特征在于，所述目标指令包括第二目标指令，所述第二目标指令为以部分引入方式引入预设目标组件的指令，其中，所述部分引入方式为按照用户需求对所述目标制品包中预设目标组件进行引入的方式，所述预设目标组件为所述目标制品包中满足用户需求的目标组件；所述目标图标包括第二目标图标集，所述第二目标图标集为由分别与所述预设目标组件对应的图标构成的集合；

基于所述第二目标指令，以部分引入方式引入所述目标制品包中的所述预设目标组件进行使用，以得到所述第二目标图标集。

5.根据权利要求2所述的图标处理方法，其特征在于，在所述引入所述目标制品包进行使用，以得到所述目标图标之后，所述图标处理方法还包括：

获取样式调整指令，其中，所述样式调整指令为对所述目标图标的样式进行调整的指令；

基于所述样式调整指令，确定与所述样式调整指令对应的所述目标组件的调整属性；

基于所述目标组件的调整属性，对所述目标图标进行调整，以得到调整后目标图标。

6.根据权利要求1所述的图标处理方法，其特征在于，所述采用预设工具将所述待处理图标转换为目标组件，具体包括：

采用所述预设工具，解析得到所述待处理图标的待处理图标属性；

基于所述预设工具预先设置的映射表，确定与所述待处理图标属性对应的目标组件属性，其中，所述映射表中包括图标属性与组件属性的映射关系；

基于所述目标组件属性，确定所述目标组件。

7.根据权利要求1所述的图标处理方法，其特征在于，所述待处理图标采用以下方式确定：

获取初始图标；

在所述初始图标满足预设图标规范的情况下，对所述初始图标进行标准化处理，得到所述待处理图标，其中，所述待处理图标为具有预设结构的图标。

8.一种图标处理装置，其特征在于，所述图标处理装置包括：

获取模块，用于获取待处理图标；

转换模块，用于采用预设工具将所述待处理图标转换为目标组件，其中，所述目标组件与所述待处理图标相对应，所述目标组件具有调整所述待处理图标的样式的能力；

构建模块，用于基于所述目标组件，构建与目标制品包；

生成模块，用于基于所述目标制品包，得到目标图标，其中，所述目标图标为具有样式调整能力的待处理图标。

9.一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至7任一项所述的图标处理方法。

10.一种非暂态计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的图标处理方法。

11.一种计算机程序产品，包括计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的图标处理方法。