切换图标风格的方法、装置、设备、介质及产品

摘要

本公开提供了一种切换图标风格的方法、装置、设备、介质及产品，涉及计算机技术领域，尤其涉及应用开发领域，可用于云服务和智能云场景下。具体实现方案为：确定图标的待切换风格，以及待切换风格的样式信息；确定组成所述图标的各路径在所述待切换风格下的路径描述；基于所述样式信息中的路径属性值，以及所述各路径在路径描述中的路径属性，确定各路径的路径样式；基于所述图标中各路径的路径样式，切换所述图标风格。本公开通过待切换风格对应的路径属性值，确定各路径的路径属性对应的路径样式，以实现切换图标风格。相比于相关技术中实现图标风格切换的方法，无需在每次切换图标风格时标记图标中路径的路径属性，提高切换图标风格的效率。

说明书

技术领域

本公开涉及计算机技术领域，尤其涉及应用开发领域，可用于云服务和智能云场景下。

背景技术

视觉设计师需要针对不同的场景设计出不同风格的图标，这不仅需要更多的人力投入到设计工作中，而且也增大了研发使用时的资源体积。相关技术提出将一套图标变换为多种不同风格的方案。通过该方案设计人员仅需设计一套图标即可满足多种场景，研发人员也仅需引入一套资源即可转换出不同风格的图标，从而可实现页面主题的切换。

发明内容

本公开提供了一种用于切换图标风格的方法、装置、设备、介质及产品。

根据本公开的一方面，提供了一种切换图标风格的方法，包括：确定图标的待切换风格，以及所述待切换风格的样式信息；确定组成所述图标的各路径在所述待切换风格下的路径描述；基于所述样式信息中的路径属性值，以及所述各路径在路径描述中的路径属性，确定各路径的路径样式；基于所述图标中各路径的路径样式，切换所述图标风格。

根据本公开的另一方面，提供了一种切换图标风格的装置，包括：第一确定单元，用于确定图标的待切换风格，以及所述待切换风格的样式信息；第二确定单元，用于确定组成所述图标的各路径在所述待切换风格下的路径描述；路径样式确定单元，用于基于所述样式信息中的路径属性值，以及所述各路径在路径描述中的路径属性，确定各路径的路径样式；切换单元，用于基于所述图标中各路径的路径样式，切换所述图标风格。

根据本公开的又一方面，提供了一种电子设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行所述的方法。

根据本公开的又一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行所述的方法。

根据本公开的又一方面，提供了一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现所述的方法。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本公开的限定。其中：

图1a是根据本公开实施例提供的开放路径的图标示意图；

图1b是根据本公开实施例提供的闭合路径的图标示意图；

图2a是根据本公开实施例提供的升序图标在线性图标风格下的样式示意图；

图2b是根据本公开实施例提供的升序图标在面性图标风格下的样式示意图；

图3是根据本公开实施例提供的切换图标风格的方法流程图；

图4是根据本公开实施例提供的显示界面上显示图标风格的示意图；

图5是根据本公开实施例提供的显示界面上显示自定义样式信息的示意图；

图6是根据本公开实施例提供的确定待切换风格下的路径描述的流程图；

图7是根据本公开实施例提供的具体确定待切换风格下的路径描述的流程图；

图8是根据本公开实施例提供的图标中的开放路径在风格切换前后的样式示意图；

图9是根据本公开实施例提供的图标中切换端点类型的示意图；

图10是根据本公开实施例提供的图标中切换拐点类型的示意图；

图11是根据一示例性实施例示出的一种切换图标装置框图；

图12是用来实现本公开实施例的切换图标风格的方法的电子设备的框图。

具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

本公开应用于对图标(icon)进行风格切换的场景。本公开涉及的图标是指在电子设备的显示界面上显示的图标。显示界面上显示的图标可以是可缩放的矢量图形(scalable vector graphics，svg)格式的图标，也可以是流式网络图形(portablenetwork graphic，png)格式的图标。为了便于表述，本公开以svg格式的图标为例进行说明。

在实际应用中，为了满足显示需求，需要针对不同场景设计出不同图标风格的图标。该设计过程不仅需要更多的人力投入到设计工作中，而且也增大了研发使用时的资源体积。为了解决上述问题，相关技术提出一种可以将一套图标变换成多种风格的方案。通过该方案仅需设计出一套图标，对该套图标进行风格变换即可满足多种场景。相关技术中提供的方案主要是根据组成图标的路径(path)是否是闭合路径来切换风格。如图1a所示，当路径是开放路径时，该路径在不同图标风格下，仅可以改变描边。而如图1b所示，当路径是闭合路径时，该路径在线性图标风格下可以描边，在面性图标风格下，可以同时描边和填充。

上述方案依赖于图标路径是否闭合来切换风格，导致该方案在切换风格时存在局限性。换言之，当路径为开放路径时，在某些风格下该路径不可填充。但在更多的场景下，很多开放路径也需要按照一定的规则来填充。故，相关技术中提供的方案无法满足更为复杂的图标使用场景。

鉴于此，本公开提供了一种切换图标风格的方法。在该方法中，需要按照预设规则设计出一套图标。对该套图标中每个图标的svg路径进行解析，生成规范的svg json描述文件。按照待切换风格对应的样式信息改变路径的路径描述，以确定待切换风格下对应的路径样式。其中，路径描述可以理解为，通过路径id和路径属性描述路径样式。本公开通过改变路径描述改变路径的路径样式，从而完成图标风格的切换。按照上述方法对一套图标中的图标进行批量操作，实现将一套图标按需转换成不同风格的目的。通过该方法仅需引入一套资源即可通过改变路径描述转换出不同风格的图标，从而实现显示界面上页面主题的切换。

本公开实施例在设计图标时，从图标中的路径出发，通过路径id和路径属性限定路径在不同图标风格下的路径样式。基于组成图标的路径对应的路径样式，生成图标。为了便于批量处理，设定设计图标的规则。按照设定的规则设计组成图标的各路径在不同风格下的路径样式。

本公开中的路径属性包括填充、描边、反色和隐藏。但并不仅限于此，可以随着图标维度的提升，可以拓展路径属性。本公开通过填充、描边、反色和/或隐藏的组合，以及路径id，确定路径样式。

本公开在设计图标时，为组成图标的每条路径设计不同图标风格下的路径属性。本公开实施例以面性图标风格(也被称为填充图标风格)和线性图标风格为例进行说明。其他的图标风格还包括双色调图标风格，圆角图标风格等。例如限定双色调图标风格下路径属性的组合方式。除了单独限定外，还可以在面性图标风格或线性图标风格的基础上，通过调整路径属性参数值实现双色调图标风格或圆角图标风格。对于双色调图标风格可以通过在面性图标风格的基础上，对可描边的路径采用选定的描边颜色进行描边，而对可填充的路径采用填充色进行填充。其中描边颜色和填充色可以不同。另外，对于双色调图标风格，也可以通过在线性图标风格的基础上，对可描边的路径采用描边颜色进行描边，而对可填充的路径采用填充色进行填充。对于圆角图标风格，可以理解为，对图标中可描边的路径设置不同样式的拐角。

表1示出了本公开设定的规则。可以看出，对于同一图标中的各路径具备唯一的路径id。每种图标风格下对应有供选择的路径属性。表1中的F表征填充、L表征描边、W表征反色、N表征隐藏。

表1设定的规制示意表

以表1中所示的第一列id，第二列面性描述，以及第三列线性描述为例说明规则的含义。在设计同一路径的上述三列内容时，每列之间通过分隔符连接。分隔符可以为“-”和“&”等。

第一列中的路径id，从0开始计数，数字越大层级越高。例如，若路径的数字为0，则表明该路径显示在其他所有路径的下面。

第二列中的面性描述，可以对F(填充)、L(描边)、W(反色)和/或N(隐藏)进行任意组合。通过组合后的路径属性确定面性图标风格下的路径样式。示例的，若某一路径的面性描述为填充+反色，则表面该路径在面性图标风格下可以进行填充，且填充反色。

第三列中的线性描述：可以通过F(填充)、L(描边)、W(反色)和/或N(隐藏)的任意组合，确定线性图标风格下的路径样式。若该列为空则默认为描边。

在一种实施方式中，按照上述规则设计图标，得到图标对应的svg文件。svg文件中包括“矩形(0-F-N)”，“向下的箭头(1-WL-L)”，“A(2-WL-L)”以及“Z(3-WL-L)”。该svg文件对应的图标为升序(SortAscending)图标。图2a为该升序(SortAscending)图标在线性图标风格下的样式。图2b为该升序(SortAscending)图标在面性图标风格下的样式。通过“矩形(0-F-N)”可以看出，F表示在面性描述下矩形为可填充，而在线性描述下设置矩形为隐藏，以此来控制矩形的显示和隐藏。即，本公开通过路径属性设置路径在不同图标风格下的路径样式。

根据以上规则设计出svg图标后，脚本代码首先使用svgson的parse函数将svg文件转换为svg json描述文件。通过递归循环的方式读取每条路径的id、面性描述和线性描述，并通过分隔符(“-”)将各列拆开。将组成图标的各路径的id、面性描述和线性描述，解析为路径描述(也可以称为json描述)。

在一种实施方式中，将“1-FW-F”的svg文件转换为svg json描述文件。对svg json描述文件进行解析，得到下述路径描述。

{

id：1，//路径id

line：{//线性图标风格下的路径描述

line：false，//是否支持描边

filled：true，//是否支持描边

color：‘#000’//默认颜色为白色

invertColor：false，//是否填充为反色

hidden:false，//是否需要隐藏

}，

filled：{//面性图标风格下的路径描述

line：false，//是否支持描边

filled：true，//是否支持描边

color：‘#000’//默认颜色为白色

invertColor：true//是否填充为反色

hidden:false，//是否需要隐藏

}

}

通过上述路径描述可知，通过解析svg json描述文件，可以确定组成图标的各路径在多种不同风格下的路径描述。

按照设定规则设计好图标后，确定组成图标的各路径在多种不同风格下的路径描述。在切换图标风格时，仅需根据待切换风格对应的样式信息，按照路径描述中的路径属性确定各路径样式，以完成图标风格切换。

本公开下述实施例将结合附图对一种切换图标风格的方法进行说明。

图3是根据本公开实施例提供的切换图标风格的方法流程图；如图3所示，本公开提供的一种切换图标风格的方法，包括以下步骤S301-S304。

在步骤S301中，确定图标的待切换风格，以及待切换风格的样式信息。

在本公开中，将用户在显示界面上选定的图标风格，确定为图标的待切换风格。如图4所示，在显示界面上设置有“图标风格”选项，在“图标风格”选项下设置有“线框”选项和“填充”选项。其中，“线框”选项对应的图标风格为线性图标风格。“填充”选项对应的图标风格为面性图标风格。若检测到用户选中“线框”选项，则确定图标的待切换风格为线性图标风格。若检测到用户选中“填充”选项，则确定图标的待切换风格为面性图标风格。

本公开中待切换风格的样式信息包括填充色、线段粗细、描边颜色、端点类型、拐点类型和/或图标大小等。

待切换风格的样式信息可以为默认值，也可以为自定义值。如图5所示在显示界面上可以自定义设置样式信息的选项。例如设置图标大小，线段粗细，以及端点类型等。根据自定义的样式信息生成同一“图标风格”下的不同表现形式。

在步骤S302中，确定组成图标的各路径在待切换风格下的路径描述。

在本公开实施例中，预先设置有组成同一图标的各路径在多种不同风格下的路径描述。将待切换风格与预先设置的多种不同风格进行匹配，获取与待切换风格相匹配的风格对应的路径描述。将获取到与待切换风格相匹配的风格对应的路径描述，确定为各路径在待切换风格下的路径描述。本公开中的各路径为组成图标的路径。

在步骤S303中，基于样式信息中的路径属性值，以及各路径在路径描述中的路径属性，确定各路径的路径样式。

基于样式信息中的路径属性值，为各路径在路径描述中的路径属性赋值，基于赋值后的各路径的路径属性，确定各路径的路径样式。

在步骤S304中，基于图标中各路径的路径样式，切换图标风格。

本公开通过待切换风格对应的路径属性值，确定各路径的路径属性对应的路径样式，并基于图标中各路径的路径样式，以实现切换图标风格。相比于相关技术中实现图标风格切换的方法，无需在每次切换图标风格时标记图标中路径的路径属性，提高切换图标风格的效率。

在上述任意实施例中，通过解析按照预设规则设置的图标的描述文件，确定组成图标的各路径在待切换风格下的路径描述。

图6是根据本公开实施例提供的确定待切换风格下的路径描述的流程图；如图6所示，本公开确定组成图标的各路径在待切换风格下的路径描述，包括以下步骤S601-S603。

在步骤S601中，确定组成图标的各路径在多种不同风格下的路径描述。

图7是根据本公开实施例提供的具体确定待切换风格下的路径描述的流程图；如图7所示，确定组成图标的各路径在多种不同风格下的路径描述，包括以下步骤S701-S703。

在步骤S701中，获取按照预设规则设计的图标的描述文件。

在步骤S702中，解析描述文件，得到组成图标的各路径，各路径对应的ID，以及各路径在多种不同风格下的路径属性。

在步骤S703中，将各路径对应的ID，以及各路径在多种不同风格下的路径属性，确定为组成图标的各路径在多种不同风格下的路径描述。

步骤S701-S703中具体过程已在上述实施例中说明，此处不再赘述。

本公开通过设定设计图标的规则，在设计阶段就已经通过路径属性设计出各路径在多种不同风格下的路径样式。通过组成图标的各路径的路径属性能够更准确的实现图标风格切换。使切换后的图标更符合预设期望。

在步骤S602中，针对每一路径，在多种不同风格下的路径描述中，提取与待切换风格对应的路径描述。

在步骤S603中，将提取到的各路径的路径描述，确定为各路径在待切换风格下的路径描述。

本公开预先设定有组成图标的各路径在多种不同风格下的路径描述，确定待切换风格后，可以提高风格切换的速度。

本公开实施例为了实现对开放路径的风格切换，在设计图标是设定隐藏属性。通过隐藏属性控制不同图标风格下图标中路径的显示或隐藏。换言之，将线性图标风格的图标切换为面性图标风格时，可以控制图标中隐藏的路径显示，通过显示后的路径与其他路径组成闭合区域，进而可以对组成的闭合区域进行填充。图8是根据本公开实施例提供的图标中的开放路径在风格切换前后的样式示意图；如图8所示，801a、802a、803a和804a为线性图标风格下的图标样式。801b、802b、803b和804b为面性图标风格下的图标样式。通过图8可知，对于线性图标风格下图标中开放路径，在切换为面性图标风格下时，通过控制图标中路径的隐藏属性，将开放路径转换为闭合路径，并对闭合路径进行填充。

控制图标中路径的隐藏属性过程为：确定组成图标的各路径在待切换风格下的路径描述之后，遍历各路径在待切换风格下的路径描述；若路径描述中路径属性为需要隐藏，则将路径描述对应的路径确定为需要隐藏的路径；删除需要隐藏的路径。

本公开通过控制路径属性中的隐藏属性，在确定待切换风格后将需要隐藏的路径删除。反之，在无需删除该隐藏路径的风格下，可以与开放路径组成闭合区域，从而实现对任意形式的路径在线性图标风格及面性图标风格下的描边和填充。

本公开中的路径属性包括填充、描边、反色和隐藏，通过填充、描边、反色和/或隐藏的组合，生成不同样式的路径，从而得到不同样式的图标。例如某路径在线性图标风格下的路径属性为可填充和反色。又例如，上述某路径在面性图标风格下的路径属性为隐藏，即说明该路径在面性图标风格下需要隐藏。

在上述任意实施的基础上，路径属性值包括端点类型、拐点类型、描边颜色和/或线段粗细；路径属性为描边；基于样式信息中的路径属性值，以及各路径在路径描述中的路径属性，确定各路径的路径样式，包括：在各路径对应的路径属性中，确定路径属性为描边的路径；基于端点类型、拐点类型、描边颜色和/或线段粗细，确定描边的路径对应的路径样式。

图9是根据本公开实施例提供的图标中切换端点类型的示意图；图9的右侧为选中不同样式的端点类型，图9的左侧为选中的端点类型对应的图标样式。图10是根据本公开实施例提供的图标中切换拐点类型的示意图；图10的右侧为选中不同样式的拐点类型，图10的左侧为选中的拐点类型对应的图标样式。图9和图10中的ic_release表示发送信息的图标。

本公开，通过描边属性设置不同图标风格下的路径的端点类型、拐点类型、描边颜色和/或线段粗细。通过描边属性实现对可描边路径的风格切换。

在上述任意实施的基础上，路径属性值包括填充色；路径属性为填充；基于样式信息中的路径属性值，以及各路径在路径描述中的路径属性，确定各路径的路径样式，包括：在各路径对应的路径属性中，确定路径属性为填充的路径；在路径组成的闭合区域内，填充路径属性值中的填充色；将填充有填充色的闭合区域，确定为填充的路径对应的路径样式。

本公开通过填充属性设置不同图标风格下的路径是否可以填充。通过填充属性实现对风格切换后路径组成的闭合区域进行填充。

在上述任意实施的基础上，路径属性值包括填充色和/或描边颜色；路径属性为反色；基于样式信息中的路径属性值，以及各路径在路径描述中的路径属性，确定各路径的路径样式，包括：在各路径对应的路径属性中，确定路径属性为反色的路径；将路径属性为反色的路径的颜色切换为默认颜色，或与填充色相反的颜色，或与描边颜色相反的颜色；将切换颜色后的路径样式，确定为反色的路径对应的路径样式。

通过图2a和图2b可以很好的理解反色属性。对于路径A而言，在线性图标风格下路径A的颜色与在面性图标风格下路径A的颜色相反。在本公开中所有路径的反色可以设置为白色，也可以为与用户选定的填充色相反的颜色，或与描边颜色相反的颜色。当所有路径的反色默认为白色时，可以理解为若设计路径是选中路径属性为反色时，该路径的颜色为白色。若设计路径是未选中反色属性，则路径的颜色可以为用户选定的任意颜色。

本公开通过反色属性可以快速切换路径在不同图标风格下的路径颜色，确保按照预期进行风格切换。

在上述任意实施例的基础上，路径属性值包括颜色、端点类型、拐点类型和/或线段粗细；路径属性为描边、填充和/或反色的组合；基于样式信息中的路径属性值，以及各路径在路径描述中的路径属性，确定各路径的路径样式，包括：基于颜色、端点类型、拐点类型和/或线段粗细，按照预设的路径属性优先级，依次确定各路径在路径属性组合下的路径样式。

在本公开中路径属性的优先级依次为，隐藏，填充，描边，反色。

通过路径属性的组合可以丰富路径样式，使图标风格切换更加灵活。

在上述任意实施例的基础上，路径属性值包括图标大小；基于图标中各路径的路径样式，切换图标风格，包括：基于图标中各路径的路径样式，以及图标大小，切换图标风格。

本公开中还可以调整图标大小，通过调整图标大小实现图标风格的切换。

在一种实施方式中，通过对待切换风格的样式信息，图标的路径描述，以及图标的svg文件进行路径整合，得到一个待切换风格对应的新的svg文件。上述路径整合的过程包括：通过scanSvg函数遍历待切换风格下的路径描述，删除需要隐藏的路径。通过setPathStyle函数将待切换风格的样式信息描述传递给删除隐藏路径后的图标的路径描述。再通过svgson的stringify函数将路径描述转换成svg字符串。进一步的，还可以通过svgo的optimize函数优化svg字符串(如删除无用标签、无用注释、优化合并路径等)，从而得到待切换风格对应的最优的svg文件。

基于相同的构思，本公开实施例还提供一种切换图标风格的装置。

可以理解的是，本公开实施例提供的切换图标风格的装置为了实现上述功能，其包含了执行各个功能相应的硬件结构和/或软件模块。结合本公开实施例中所公开的各示例的单元及算法步骤，本公开实施例能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行，取决于技术方案的特定应用和设计约束条件。本领域技术人员可以对每个特定的应用来使用不同的方法来实现所描述的功能，但是这种实现不应认为超出本公开实施例的技术方案的范围。

图11是根据一示例性实施例示出的一种切换图标装置框图；参照图11，该装置1100包括第一确定单元1101，第二确定单元1102，路径样式确定单元1103和切换单元1104。

第一确定单元1101，用于确定图标的待切换风格，以及待切换风格的样式信息；第二确定单元1102，用于确定组成图标的各路径在待切换风格下的路径描述；路径样式确定单元1103，用于基于样式信息中的路径属性值，以及各路径在路径描述中的路径属性，确定各路径的路径样式；切换单元1104，用于基于图标中各路径的路径样式，切换图标风格。

在一种实施方式中，第二确定单元1102，用于：确定组成图标的各路径在多种不同风格下的路径描述；针对每一路径，在多种不同风格下的路径描述中，提取与待切换风格对应的路径描述；将提取到的各路径的路径描述，确定为各路径在待切换风格下的路径描述。

在一种实施方式中，第二确定单元，还用于：获取按照预设规则设计的图标的描述文件；解析描述文件，得到组成图标的各路径，各路径对应的ID，以及各路径在多种不同风格下的路径属性，风格包括面性图标风格和线性图标风格；将各路径对应的ID，以及各路径在多种不同风格下的路径属性，确定为组成图标的各路径在多种不同风格下的路径描述。

在一种实施方式中，第二确定单元1102，还用于：确定组成图标的各路径在待切换风格下的路径描述之后，遍历各路径在待切换风格下的路径描述；若路径描述中路径属性为需要隐藏，则将路径描述对应的路径确定为需要隐藏的路径；删除需要隐藏的路径。

在一种实施方式中，路径属性值包括端点类型、拐点类型、描边颜色和/或线段粗细；路径属性为描边；路径样式确定单元1103，用于：在各路径对应的路径属性中，确定路径属性为描边的路径；基于端点类型、拐点类型、描边颜色和/或线段粗细，确定描边的路径对应的路径样式。

在一种实施方式中，路径属性值包括填充色；路径属性为填充；路径样式确定单元1103，还用于：在各路径对应的路径属性中，确定路径属性为填充的路径；在路径组成的闭合区域内，填充填充色；将填充有填充色的闭合区域，确定为填充的路径对应的路径样式。

在一种实施方式中，路径属性值包括填充色和/或描边颜色；路径属性为反色；路径样式确定单元1103，还用于：在各路径对应的路径属性中，确定路径属性为反色的路径；将路径属性为反色的路径的颜色切换为默认颜色，或与填充色相反的颜色，或与描边颜色相反的颜色；将切换颜色后的路径样式，确定为反色的路径对应的路径样式。

在一种实施方式中，路径属性值包括颜色、端点类型、拐点类型和/或线段粗细；路径属性为描边、填充和/或反色的组合；路径样式确定单元1103，还用于：基于颜色、端点类型、拐点类型和/或线段粗细，按照预设的路径属性优先级，依次确定各路径在路径属性组合下的路径样式。

在一种实施方式中，路径属性值包括图标大小；路径样式确定单元1103，还用于：基于图标中各路径的路径样式，以及图标大小，切换图标风格。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

本公开的技术方案中，所涉及的用户个人信息的获取，存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。

根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

图12示出了可以用来实施本公开的实施例的示例电子设备1200的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图12所示，设备1200包括计算单元1201，其可以根据存储在只读存储器(ROM)1202中的计算机程序或者从存储单元1208加载到随机访问存储器(RAM)1203中的计算机程序，来执行各种适当的动作和处理。在RAM 1203中，还可存储设备1200操作所需的各种程序和数据。计算单元1201、ROM 1202以及RAM 1203通过总线1204彼此相连。输入/输出(I/O)接口1205也连接至总线1204。

设备1200中的多个部件连接至I/O接口1205，包括：输入单元1206，例如键盘、鼠标等；输出单元1207，例如各种类型的显示器、扬声器等；存储单元1208，例如磁盘、光盘等；以及通信单元1209，例如网卡、调制解调器、无线通信收发机等。通信单元1209允许设备1200通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元1201可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元1201的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元1201执行上文所描述的各个方法和处理，例如切换图标风格的方法。例如，在一些实施例中，切换图标风格的方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元1208。在一些实施例中，计算机程序的部分或者全部可以经由ROM 1202和/或通信单元1209而被载入和/或安装到设备1200上。当计算机程序加载到RAM 1203并由计算单元1201执行时，可以执行上文描述的切换图标风格的方法的一个或多个步骤。备选地，在其他实施例中，计算单元1201可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行切换图标风格的方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。