CN114461212A - 软件换肤的方法和装置、存储介质及处理器 - Google Patents
软件换肤的方法和装置、存储介质及处理器 Download PDFInfo
- Publication number
- CN114461212A CN114461212A CN202210090169.5A CN202210090169A CN114461212A CN 114461212 A CN114461212 A CN 114461212A CN 202210090169 A CN202210090169 A CN 202210090169A CN 114461212 A CN114461212 A CN 114461212A
- Authority
- CN
- China
- Prior art keywords
- color
- software
- scheme
- target
- variable
- 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
- 238000000034 method Methods 0.000 title claims abstract description 65
- 230000000694 effects Effects 0.000 claims description 20
- 230000008859 change Effects 0.000 claims description 19
- 239000003086 colorant Substances 0.000 claims description 13
- 238000006243 chemical reaction Methods 0.000 claims description 4
- 238000001514 detection method Methods 0.000 claims description 3
- 230000003716 rejuvenation Effects 0.000 claims description 2
- 230000008569 process Effects 0.000 abstract description 7
- 238000004590 computer program Methods 0.000 description 10
- 238000010586 diagram Methods 0.000 description 10
- 230000006870 function Effects 0.000 description 5
- 230000004048 modification Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 1
- 238000012508 change request Methods 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/90—Determination of colour characteristics
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Human Computer Interaction (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请公开了一种软件换肤的方法和装置、存储介质及处理器。该方法包括:获取目标客户输入的配色方案,其中,所述配色方案用于更换目标软件上目标对象的颜色;将所述配色方案转换为预设格式的配置文件;依据所述配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件;依据所述修改后的CSS颜色变量文件,编译所述目标软件的代码,以实现对所述目标软件的换肤。通过本申请,解决了相关技术中软件换肤通过开发人员修改代码或者开发人员编写多套CSS文件,导致软件换肤效率比较低的问题。
Description
技术领域
本申请涉及软件技术领域,具体而言,涉及一种软件换肤的方法和装置、存储介质及处理器。
背景技术
随着B端(企业用户商家)市场的不断壮大,企业对所购买软件的使用界面有了更多的要求,例如,希望将公司元素(如主题色)体现在产品中,或希望软件能与标准版有辨识性的区别。于是有了软件界面换肤的需求。现有的软件界面换肤技术手段,主要有以下两种:
方式一:根据客户的要求,开发人员直接在代码层面进行修改,从而达到定制化的效果。虽然这种方式灵活性高,但是每次都需要开发人员进行代码修改,工作量大,耗时耗力,并且后期的维护难度也比较大。
方式二:编写多套CSS(层叠样式表:Cascading Style Sheets)文件,通过不同的CSS文件对相同模块设置不同的色值,通过修改软件中CSS文件的引用路径,切换不同的CSS文件,从而达到修改界面颜色的效果。但是这种方式颜色选择非常局限,只能在已存在的主题中选择,每次新增主题,都需要重新写一套CSS文件,且编写难度也比较大,需要对整个系统各个部分的样式名都很清楚,才能做好新增样式文件的工作。
针对相关技术中软件换肤通过开发人员修改代码或者开发人员编写多套CSS文件,导致软件换肤效率比较低的问题,目前尚未提出有效的解决方案。
发明内容
本申请的主要目的在于提供一种软件换肤的方法和装置、存储介质及处理器,以解决相关技术中软件换肤通过开发人员修改代码或者开发人员编写多套CSS文件,导对软件换肤的效果不佳的问题。
为了实现上述目的,根据本申请的一个方面,提供了一种软件换肤的方法。该方法包括:获取目标客户输入的配色方案,其中,所述配色方案用于更换目标软件上目标对象的颜色;将所述配色方案转换为预设格式的配置文件;依据所述配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件,其中,所述目标变量为用于标识所述目标对象,所述CSS颜色变量文件用于存储所述目标软件中可更换颜色的对象对应的变量信息,其中,所述变量信息中包括:变量和变量对应的颜色值;依据所述修改后的CSS颜色变量文件,编译所述目标软件的代码,以实现对所述目标软件的换肤。
进一步地,在获取所述目标客户输入的配色方案之前,所述方法还包括:采集所述目标客户在软件换肤平台中针对所述目标对象输入的配色信息;依据所述配色信息,在所述软件换肤平台展示对所述目标对象的换肤效果图;在检测到换肤请求时,响应所述换肤请求,将所述配色信息转换为配色方案,并为所述配色方案配置方案标识符,其中,所述方案标识符用于唯一标识所述配色方案;将所述方案标识符添加到软件编译命令中,得到处理后的软件编译命令,并发送所述处理后的软件编译命令至后端。
进一步地,获取目标客户输入的配色方案包括:接收所述处理后的软件编译命令;判断所述处理后的软件编译命令中是否存在所述方案标识符;当所述处理后的软件编译命令中存在所述方案标识符时,依据所述方案标识符从配色库中获取所述配色方案,其中,所述配色库中包括多个方案标识符以及每个方案标识符对应的配色方案。
进一步地,依据所述方案标识符从配色库中获取所述配色方案,包括:调用所述软件换肤平台的目标接口,依据所述方案标识符从配色库中获取所述配色方案。
进一步地,依据所述配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件之前,所述方法还包括:确定所述目标软件可配置的颜色;依据所述可配置的颜色,确定所述可配置的颜色的关联颜色;设置所述关联颜色的颜色更换规则。
进一步地,所述变量的名称由使用场景和所述颜色更换规则确定。
为了实现上述目的,根据本申请的另一方面,提供了一种软件换肤的装置。该装置包括:获取单元,用于获取目标客户输入的配色方案,其中,所述配色方案用于更换目标软件上目标对象的颜色;转换单元,用于将所述配色方案转换为预设格式的配置文件;修改单元,用于依据所述配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件,其中,所述目标变量为用于标识所述目标对象,所述CSS颜色变量文件用于存储所述目标软件中可更换颜色的对象对应的变量信息,其中,所述变量信息中包括:变量和变量对应的颜色值;编译单元,用于依据所述修改后的CSS颜色变量文件,编译所述目标软件的代码,以实现对所述目标软件的换肤。
进一步地,所述装置还包括:采集单元,用于在获取所述目标客户输入的配色方案之前,采集所述目标客户在软件换肤平台中针对所述目标对象输入的配色信息;展示单元,用于依据所述配色信息,在所述软件换肤平台展示对所述目标对象的换肤效果图;检测单元,用于在检测到换肤请求时,响应所述换肤请求,将所述配色信息转换为配色方案,并为所述配色方案配置方案标识符,其中,所述方案标识符用于唯一标识所述配色方案;处理单元,用于将所述方案标识符添加到软件编译命令中,得到处理后的软件编译命令,并发送所述处理后的软件编译命令至后端。
进一步地,所述获取单元包括:接收子单元,用于接收所述处理后的软件编译命令;判断子单元,用于判断所述处理后的软件编译命令中是否存在所述方案标识符;获取子单元,用于当所述处理后的软件编译命令中存在所述方案标识符时,依据所述方案标识符从配色库中获取所述配色方案,其中,所述配色库中包括多个方案标识符以及每个方案标识符对应的配色方案。
进一步地,所述获取子单元包括:调用模块,用于调用所述软件换肤平台的目标接口,依据所述方案标识符从配色库中获取所述配色方案。
进一步地,所述装置还包括:第一确定单元,用于依据所述配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件之前,确定所述目标软件可配置的颜色;第二确定单元,用于依据所述可配置的颜色,确定所述可配置的颜色的关联颜色;设置单元,用于设置所述关联颜色的颜色更换规则。
进一步地,所述变量的名称由使用场景和所述颜色更换规则确定。
为了实现上述目的,根据本申请的另一方面,提供了一种计算机可读存储介质,所述存储介质存储程序,其中,所述程序执行上述任意一项所述的软件换肤方法。
为了实现上述目的,根据本申请的另一方面,提供了一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行上述任意一项所述的软件换肤方法。
通过本申请,采用以下步骤:获取目标客户输入的配色方案,其中,配色方案用于更换目标软件上目标对象的颜色;将配色方案转换为预设格式的配置文件;依据配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件,其中,目标变量为用于标识目标对象,CSS颜色变量文件用于存储目标软件中可更换颜色的对象对应的变量信息,其中,变量信息中包括:变量和变量对应的颜色值;依据修改后的CSS颜色变量文件,编译目标软件的代码,以实现对目标软件的换肤,解决了相关技术中软件换肤通过开发人员修改代码或者开发人员编写多套CSS文件,导致软件换肤效率比较低的问题。通过目标客户的配色方案修改CSS颜色变量文件中目标变量的颜色值,依据修改后的CSS颜色变量文件,实现对目标软件的换肤,避免技术人员修改代码,进而达到了提高软件换肤效率的效果。
附图说明
构成本申请的一部分的附图用来提供对本申请的进一步理解,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是根据本申请实施例提供的软件换肤的方法的流程图;
图2是根据本申请实施例提供的可选的软件换肤平台的操作流程图;
图3是根据本申请实施例提供的可选的依据配色方案进行软件换肤的流程图;
图4是根据本申请实施例提供的可选的软件换肤的方法的流程图;
图5是根据本申请实施例提供的软件换肤的装置的示意图。
具体实施方式
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
下面结合优选的实施步骤对本发明进行说明,图1是根据本申请实施例提供的软件换肤的方法的流程图,如图1所示,该方法包括如下步骤:
步骤S101,获取目标客户输入的配色方案,其中,配色方案用于更换目标软件上目标对象的颜色。
获取目标客户关于目标软件上目标对象的配色方案,例如,目标客户关于目标软件中的按钮的颜色方案为蓝色。
步骤S102,将配色方案转换为预设格式的配置文件。
将获取到的目标客户的配色方案转换为配置文件。
步骤S103,依据配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件,其中,目标变量为用于标识目标对象,CSS颜色变量文件用于存储目标软件中可更换颜色的对象对应的变量信息,其中,变量信息中包括:变量和变量对应的颜色值。
根据配置文件,对CSS颜色变量文件中目标变量的颜色值进行修改。CSS颜色变量文件中存储目标软件中可更换颜色的对象对应的变量信息。例如,在CSS颜色变量文件中,按钮对应的变量信息为–btn-color,那么–btn-color表示按钮颜色。那么现在需要将目标软件中所有按钮的颜色变为蓝色,只需在CSS颜色变量文件中,将–btn-color的值定为blue。在目标软件的界面就可以看到,按钮颜色更改为了蓝色。这是因为在目标软件的代码中,按钮颜色样式的background Color的属性赋值为var(--btn-color),所以只需要改变CSS颜色变量文件中–btn-color的值就可以实现改变目标软件中全部按钮的颜色值。
步骤S104,依据修改后的CSS颜色变量文件,编译目标软件的代码,以实现对目标软件的换肤。
根据修改后的CSS颜色变量文件,对目标软件的代码进行编译,最终得到换肤后的目标软件包,将目标软件包部署到客户环境中后,就可以看到客户要求的配色界面。
综上,通过修改CSS颜色变量文件中目标变量的颜色值,就可以实现对目标软件中目标对象颜色的更换,简化目标软件的换肤的工作,提高目标软件的换肤效率。
可选地,在本申请实施例提供的软件换肤的方法中,在获取目标客户输入的配色方案之前,该方法还包括:采集目标客户在软件换肤平台中针对目标对象输入的配色信息;依据配色信息,在软件换肤平台展示对目标对象的换肤效果图;在检测到换肤请求时,响应换肤请求,将配色信息转换为配色方案,并为配色方案配置方案标识符,其中,方案标识符用于唯一标识配色方案;将方案标识符添加到软件编译命令中,得到处理后的软件编译命令,并发送处理后的软件编译命令至后端。
例如,搭建一个软件换肤平台,供目标客户填写配色信息。如图2所示,软件换肤平台采集目标客户针对目标对象输入的配色信息,软件换肤平台依据配色信息进行换肤效果展示,目标客户满意当前换肤效果后,进行提交。检测到换肤请求后,将配色信息转换为配色方案,并自动为配色方案生成具有唯一性的方案标识符。软件换肤平台下发带有方案标识符的软件编译命令至后端。
客户有新的配色需求时,只需要在软件换肤平台上新增配色信息,进行提交后,就可以得到新的定制软件包。并且软件换肤平台提供预览效果图,提高客户换肤体验的效果。
可选地,在本申请实施例提供的软件换肤的方法中,获取目标客户输入的配色方案包括:接收处理后的软件编译命令;判断处理后的软件编译命令中是否存在方案标识符;当处理后的软件编译命令中存在方案标识符时,依据方案标识符从配色库中获取配色方案,其中,配色库中包括多个方案标识符以及每个方案标识符对应的配色方案。
例如,如图3所示,接收从处理后的软件编译命令,判断是否有方案标识符。当存在方案标识符时,根据方案标识符,获取方案标识符对应的配色方案。当不存在方案标识符时,即客户对软件的配色没有特殊要求。通过方案标识符,可以准确得到方案标识符对应的配色方案。
可选地,在本申请实施例提供的软件换肤的方法中,依据方案标识符从配色库中获取配色方案,包括:调用软件换肤平台的目标接口,依据方案标识符从配色库中获取配色方案。
例如,在获取方案标识符对应的配色方案时,通过软件换肤平台的API,获取方案标识符对应的配色方案。软件换肤平台配置API,便于获取方案标识符对应的配色方案,提高软件换肤的工作效率。
可选地,在本申请实施例提供的软件换肤的方法中,依据配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件之前,该方法还包括:确定目标软件可配置的颜色;依据可配置的颜色,确定可配置的颜色的关联颜色;设置关联颜色的颜色更换规则。
首先确定目标软件可以配置的颜色(例如,红色,绿色,紫色,蓝色等)。根据可配置的颜色,确定可配置颜色的关联颜色,关联颜色以按钮为例进行说明,例如,按钮配色为蓝色,那么鼠标悬浮时按钮的颜色,鼠标点击时按钮的颜色,按钮的背景色以及按钮的边框色即为蓝色的关联颜色(也可以说是交互颜色)。为这些关联颜色设置颜色变化规则,即将蓝色对应的RGBA值,进行增加或减少或设置为固定值。RGBA中R:red红色,G:green绿色,B:blue蓝色,A:alpha透明度。例如,按钮配色为蓝色,鼠标悬浮时按钮的颜色为深蓝,鼠标点击时按钮的颜色为墨蓝。将关联颜色的颜色变化规则存储在目标软件的脚本中,在后续软件换肤时调用脚本中的颜色变化规则,以实现可配置颜色的关联颜色的更换。
通过设置颜色更换规则能满足各个颜色之间的渐变关系,达到更好的换肤效果。
可选地,在本申请实施例提供的软件换肤的方法中,变量的名称由使用场景和颜色更换规则确定。
对变量的名称进行规定,即变量的名称由使用场景和颜色更改规则组成,例如,登录按钮--login-btn,登录按钮背景色--login-btn-bg,登录按钮边框色--login-btn-border,此处的–login-btn表示为使用场景,--bg表示一种背景颜色更改规则,--border表示一种边框颜色更改规则。
本申请实施例提供的软件换肤的方法,通过获取目标客户输入的配色方案,其中,配色方案用于更换目标软件上目标对象的颜色;将配色方案转换为预设格式的配置文件;依据配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件,其中,目标变量为用于标识目标对象,CSS颜色变量文件用于存储目标软件中可更换颜色的对象对应的变量信息,其中,变量信息中包括:变量和变量对应的颜色值;依据修改后的CSS颜色变量文件,编译目标软件的代码,以实现对目标软件的换肤,解决了相关技术中软件换肤通过开发人员修改代码或者开发人员编写多套CSS文件,导致软件换肤效率比较低的问题。通过目标客户的配色方案修改CSS颜色变量文件中目标变量的颜色值,依据修改后的CSS颜色变量文件,实现对目标软件的换肤,避免技术人员修改代码,进而达到了提高软件换肤效率的效果。
如图4所示,为根据本申请实施例提供的可选的软件换肤的方法的流程图。客户填写新的配色方案,然后软件换肤平台自动生成方案标识符;软件换肤平台下发带有方案标识符的软件编译命令;获取方案标识符,并依据方案标识符得到对应的配色方案;根据配色方案中的配置内容,修改CSS颜色变量文件;根据当前CSS颜色变量文件,编译软件包,以实现软件换肤。
需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
本申请实施例还提供了一种软件换肤的装置,需要说明的是,本申请实施例的软件换肤的装置可以用于执行本申请实施例所提供的用于软件换肤的方法。以下对本申请实施例提供的软件换肤的装置进行介绍。
图5是根据本申请实施例的软件换肤的装置的示意图。如图5所示,该装置包括:获取单元501,转换单元502,修改单元503和编译单元504。
获取单元501,用于获取目标客户输入的配色方案,其中,配色方案用于更换目标软件上目标对象的颜色。
转换单元502,用于将配色方案转换为预设格式的配置文件。
修改单元503,用于依据配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件,其中,目标变量为用于标识目标对象,CSS颜色变量文件用于存储目标软件中可更换颜色的对象对应的变量信息,其中,变量信息中包括:变量和变量对应的颜色值。
编译单元504,用于依据修改后的CSS颜色变量文件,编译目标软件的代码,以实现对目标软件的换肤。
本申请实施例提供的软件换肤的装置,通过获取单元501获取目标客户输入的配色方案,其中,配色方案用于更换目标软件上目标对象的颜色;转换单元502将配色方案转换为预设格式的配置文件;修改单元503依据配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件,其中,目标变量为用于标识目标对象,CSS颜色变量文件用于存储目标软件中可更换颜色的对象对应的变量信息,其中,变量信息中包括:变量和变量对应的颜色值;编译单元504依据修改后的CSS颜色变量文件,编译目标软件的代码,以实现对目标软件的换肤,解决了相关技术中软件换肤通过开发人员修改代码或者开发人员编写多套CSS文件,导致软件换肤效率比较低的问题。通过目标客户的配色方案修改CSS颜色变量文件中目标变量的颜色值,依据修改后的CSS颜色变量文件,实现对目标软件的换肤,避免技术人员修改代码,进而达到了提高软件换肤效率的效果。
可选地,在本申请实施例提供的软件换肤的装置中,该装置还包括:采集单元,用于在获取目标客户输入的配色方案之前,采集目标客户在软件换肤平台中针对目标对象输入的配色信息;展示单元,用于依据配色信息,在软件换肤平台展示对目标对象的换肤效果图;检测单元,用于在检测到换肤请求时,响应换肤请求,将配色信息转换为配色方案,并为配色方案配置方案标识符,其中,方案标识符用于唯一标识配色方案;处理单元,用于将方案标识符添加到软件编译命令中,得到处理后的软件编译命令,并发送处理后的软件编译命令至后端。
可选地,在本申请实施例提供的软件换肤的装置中,获取单元包括:接收子单元,用于接收处理后的软件编译命令;判断子单元,用于判断处理后的软件编译命令中是否存在方案标识符;获取子单元,用于当处理后的软件编译命令中存在方案标识符时,依据方案标识符从配色库中获取配色方案,其中,配色库中包括多个方案标识符以及每个方案标识符对应的配色方案。
可选地,在本申请实施例提供的软件换肤的装置中,获取子单元包括:调用模块,用于调用软件换肤平台的目标接口,依据方案标识符从配色库中获取配色方案。
可选地,在本申请实施例提供的软件换肤的装置中,该装置还包括:第一确定单元,用于依据配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件之前,确定目标软件可配置的颜色;第二确定单元,用于依据可配置的颜色,确定可配置的颜色的关联颜色;设置单元,用于设置关联颜色的颜色更换规则。
可选地,在本申请实施例提供的软件换肤的装置中,变量的名称由使用场景和颜色更换规则确定。
所述软件换肤的装置包括处理器和存储器,上述获取单元501,转换单元502,修改单元503和编译单元504等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来实现软件换肤。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本发明实施例提供了一种计算机可读存储介质,其上存储有程序,该程序被处理器执行时实现所述软件换肤的方法。
本发明实施例提供了一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行所述软件换肤的方法。
本发明实施例提供了一种设备,设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序,处理器执行程序时实现以下步骤:获取目标客户输入的配色方案,其中,配色方案用于更换目标软件上目标对象的颜色;将配色方案转换为预设格式的配置文件;依据配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件,其中,目标变量为用于标识目标对象,CSS颜色变量文件用于存储目标软件中可更换颜色的对象对应的变量信息,其中,变量信息中包括:变量和变量对应的颜色值;依据修改后的CSS颜色变量文件,编译目标软件的代码,以实现对目标软件的换肤。
可选地,在获取目标客户输入的配色方案之前,该方法还包括:采集目标客户在软件换肤平台中针对目标对象输入的配色信息;依据配色信息,在软件换肤平台展示对目标对象的换肤效果图;在检测到换肤请求时,响应换肤请求,将配色信息转换为配色方案,并为配色方案配置方案标识符,其中,方案标识符用于唯一标识配色方案;将方案标识符添加到软件编译命令中,得到处理后的软件编译命令,并发送处理后的软件编译命令至后端。
可选地,获取目标客户输入的配色方案包括:接收处理后的软件编译命令;判断处理后的软件编译命令中是否存在方案标识符;当处理后的软件编译命令中存在方案标识符时,依据方案标识符从配色库中获取配色方案,其中,配色库中包括多个方案标识符以及每个方案标识符对应的配色方案。
可选地,依据方案标识符从配色库中获取配色方案,包括:调用软件换肤平台的目标接口,依据方案标识符从配色库中获取配色方案。
可选地,依据配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件之前,该方法还包括:确定目标软件可配置的颜色;依据可配置的颜色,确定可配置的颜色的关联颜色;设置关联颜色的颜色更换规则。
可选地,变量的名称由使用场景和颜色更换规则确定。本文中的设备可以是服务器、PC、PAD、手机等。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:获取目标客户输入的配色方案,其中,配色方案用于更换目标软件上目标对象的颜色;将配色方案转换为预设格式的配置文件;依据配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件,其中,目标变量为用于标识目标对象,CSS颜色变量文件用于存储目标软件中可更换颜色的对象对应的变量信息,其中,变量信息中包括:变量和变量对应的颜色值;依据修改后的CSS颜色变量文件,编译目标软件的代码,以实现对目标软件的换肤。
可选地,在获取目标客户输入的配色方案之前,该方法还包括:采集目标客户在软件换肤平台中针对目标对象输入的配色信息;依据配色信息,在软件换肤平台展示对目标对象的换肤效果图;在检测到换肤请求时,响应换肤请求,将配色信息转换为配色方案,并为配色方案配置方案标识符,其中,方案标识符用于唯一标识配色方案;将方案标识符添加到软件编译命令中,得到处理后的软件编译命令,并发送处理后的软件编译命令至后端。
可选地,获取目标客户输入的配色方案包括:接收处理后的软件编译命令;判断处理后的软件编译命令中是否存在方案标识符;当处理后的软件编译命令中存在方案标识符时,依据方案标识符从配色库中获取配色方案,其中,配色库中包括多个方案标识符以及每个方案标识符对应的配色方案。
可选地,依据方案标识符从配色库中获取配色方案,包括:调用软件换肤平台的目标接口,依据方案标识符从配色库中获取配色方案。
可选地,依据配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件之前,该方法还包括:确定目标软件可配置的颜色;依据可配置的颜色,确定可配置的颜色的关联颜色;设置关联颜色的颜色更换规则。
可选地,变量的名称由使用场景和颜色更换规则确定。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种软件换肤的方法,其特征在于,包括:
获取目标客户输入的配色方案,其中,所述配色方案用于更换目标软件上目标对象的颜色;
将所述配色方案转换为预设格式的配置文件;
依据所述配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件,其中,所述目标变量为用于标识所述目标对象,所述CSS颜色变量文件用于存储所述目标软件中可更换颜色的对象对应的变量信息,其中,所述变量信息中包括:变量和变量对应的颜色值;
依据所述修改后的CSS颜色变量文件,编译所述目标软件的代码,以实现对所述目标软件的换肤。
2.根据权利要求1所述的方法,其特征在于,在获取所述目标客户输入的配色方案之前,所述方法还包括:
采集所述目标客户在软件换肤平台中针对所述目标对象输入的配色信息;
依据所述配色信息,在所述软件换肤平台展示对所述目标对象的换肤效果图;
在检测到换肤请求时,响应所述换肤请求,将所述配色信息转换为配色方案,并为所述配色方案配置方案标识符,其中,所述方案标识符用于唯一标识所述配色方案;
将所述方案标识符添加到软件编译命令中,得到处理后的软件编译命令,并发送所述处理后的软件编译命令至后端。
3.根据权利要求2所述的方法,其特征在于,获取目标客户输入的配色方案包括:
接收所述处理后的软件编译命令;
判断所述处理后的软件编译命令中是否存在所述方案标识符;
当所述处理后的软件编译命令中存在所述方案标识符时,依据所述方案标识符从配色库中获取所述配色方案,其中,所述配色库中包括多个方案标识符以及每个方案标识符对应的配色方案。
4.根据权利要求3所述的方法,其特征在于,依据所述方案标识符从配色库中获取所述配色方案,包括:
调用所述软件换肤平台的目标接口,依据所述方案标识符从配色库中获取所述配色方案。
5.根据权利要求1所述的方法,其特征在于,依据所述配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件之前,所述方法还包括:
确定所述目标软件可配置的颜色;
依据所述可配置的颜色,确定所述可配置的颜色的关联颜色;
设置所述关联颜色的颜色更换规则。
6.根据权利要求5所述的方法,其特征在于,所述变量的名称由使用场景和所述颜色更换规则确定。
7.一种软件换肤的装置,其特征在于,包括:
获取单元,用于获取目标客户输入的配色方案,其中,所述配色方案用于更换目标软件上目标对象的颜色;
转换单元,用于将所述配色方案转换为预设格式的配置文件;
修改单元,用于依据所述配置文件,修改CSS颜色变量文件中目标变量的颜色值,得到修改后的CSS颜色变量文件,其中,所述目标变量为用于标识所述目标对象,所述CSS颜色变量文件用于存储所述目标软件中可更换颜色的对象对应的变量信息,其中,所述变量信息中包括:变量和变量对应的颜色值;
编译单元,用于依据所述修改后的CSS颜色变量文件,编译所述目标软件的代码,以实现对所述目标软件的换肤。
8.根据权利要求7所述的装置,其特征在于,所述装置还包括:
采集单元,用于在获取所述目标客户输入的配色方案之前,采集所述目标客户在软件换肤平台中针对所述目标对象输入的配色信息;
展示单元,用于依据所述配色信息,在所述软件换肤平台展示对所述目标对象的换肤效果图;
检测单元,用于在检测到换肤请求时,响应所述换肤请求,将所述配色信息转换为配色方案,并为所述配色方案配置方案标识符,其中,所述方案标识符用于唯一标识所述配色方案;
处理单元,用于将所述方案标识符添加到软件编译命令中,得到处理后的软件编译命令,并发送所述处理后的软件编译命令至后端。
9.一种计算机可读存储介质,其特征在于,所述存储介质存储程序,其中,所述程序执行权利要求1至6中任意一项所述的软件换肤的方法。
10.一种处理器,其特征在于,所述处理器用于运行程序,其中,所述程序运行时执行权利要求1至6中任意一项所述的软件换肤的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210090169.5A CN114461212A (zh) | 2022-01-25 | 2022-01-25 | 软件换肤的方法和装置、存储介质及处理器 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210090169.5A CN114461212A (zh) | 2022-01-25 | 2022-01-25 | 软件换肤的方法和装置、存储介质及处理器 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114461212A true CN114461212A (zh) | 2022-05-10 |
Family
ID=81411486
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210090169.5A Pending CN114461212A (zh) | 2022-01-25 | 2022-01-25 | 软件换肤的方法和装置、存储介质及处理器 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114461212A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115202535A (zh) * | 2022-08-01 | 2022-10-18 | 北京金山办公软件股份有限公司 | 一种图标编辑的方法及装置、电子设备、存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20170168782A1 (en) * | 2012-05-28 | 2017-06-15 | Ian Boyd | System and method for creating a universally compatible application development system |
CN111078221A (zh) * | 2019-12-30 | 2020-04-28 | 江苏满运软件科技有限公司 | 页面颜色主题的切换方法、装置、存储介质及电子设备 |
CN111142970A (zh) * | 2019-12-27 | 2020-05-12 | 深圳市思迪信息技术股份有限公司 | 移动app的智能换肤方法及装置 |
CN111435313A (zh) * | 2019-12-09 | 2020-07-21 | 杭州海康威视数字技术股份有限公司 | 一种软件换肤的方法及装置 |
CN111666123A (zh) * | 2020-05-28 | 2020-09-15 | 平安医疗健康管理股份有限公司 | 页面主题控制方法、系统和计算机设备 |
-
2022
- 2022-01-25 CN CN202210090169.5A patent/CN114461212A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20170168782A1 (en) * | 2012-05-28 | 2017-06-15 | Ian Boyd | System and method for creating a universally compatible application development system |
CN111435313A (zh) * | 2019-12-09 | 2020-07-21 | 杭州海康威视数字技术股份有限公司 | 一种软件换肤的方法及装置 |
CN111142970A (zh) * | 2019-12-27 | 2020-05-12 | 深圳市思迪信息技术股份有限公司 | 移动app的智能换肤方法及装置 |
CN111078221A (zh) * | 2019-12-30 | 2020-04-28 | 江苏满运软件科技有限公司 | 页面颜色主题的切换方法、装置、存储介质及电子设备 |
CN111666123A (zh) * | 2020-05-28 | 2020-09-15 | 平安医疗健康管理股份有限公司 | 页面主题控制方法、系统和计算机设备 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115202535A (zh) * | 2022-08-01 | 2022-10-18 | 北京金山办公软件股份有限公司 | 一种图标编辑的方法及装置、电子设备、存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109783388B (zh) | Ui自动化测试方法、装置及电子设备 | |
US9959336B2 (en) | Compiling extract, transform, and load job test data cases | |
CN108134812B (zh) | 数据处理方法和装置 | |
CN112631696B (zh) | 服务的编排方法、编排装置、处理器与服务的编排系统 | |
CN111651219A (zh) | 一种多模块项目配置文件管理的方法及设备 | |
CN114461212A (zh) | 软件换肤的方法和装置、存储介质及处理器 | |
CN110457010B (zh) | 基于协作平台批量更改任务单的方法及装置 | |
CN112783791B (zh) | 接口测试案例的生成方法及装置 | |
CN113987401A (zh) | 网络通用日志的记录方法、装置、存储介质及处理器 | |
CN106293890B (zh) | 一种基于复杂度的业务处理方法和装置 | |
CN113919683A (zh) | 工艺工时的计算方法、装置、存储介质及处理器 | |
CN112099782B (zh) | 一种游戏开发方法、装置、设备及存储介质 | |
CN114253845A (zh) | 异型架构集成体系的自动化测试方法和装置 | |
CN114791884A (zh) | 测试环境的构建方法、装置、存储介质及电子设备 | |
CN115048083A (zh) | 组件的可视化方法、装置、存储介质及电子设备 | |
CN113821219B (zh) | 一种实现应用程序容器化的方法及系统 | |
CN112445952B (zh) | 一种数据管理方法、装置、设备及存储介质 | |
CN114239098A (zh) | Cad图纸的处理方法、装置、存储介质及处理器 | |
US9628335B2 (en) | Building and transporting centrally modified software systems | |
JP6981124B2 (ja) | システム構築支援装置、システム構築支援方法、及びプログラム | |
CN112597121A (zh) | 逻辑脚本的处理方法、装置、电子设备及存储介质 | |
CN110597700A (zh) | 一种服务器测试方法及装置 | |
CN110969461A (zh) | 公众号信息的处理方法及装置、存储介质、处理器 | |
CN112579082A (zh) | 交互状态数据的建立方法、装置、存储介质及电子设备 | |
CN107479899B (zh) | 文件处理方法和装置、存储介质及处理器 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 100094 101, floors 1-5, building 7, courtyard 3, fengxiu Middle Road, Haidian District, Beijing Applicant after: Beijing Xingchen Tianhe Technology Co.,Ltd. Address before: 100097 room 806-1, block B, zone 2, Jinyuan times shopping center, indigo factory, Haidian District, Beijing Applicant before: Beijing Xingchen Tianhe Technology Co.,Ltd. |
|
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |