CN110908655B - 换肤方法、装置、计算机设备和可读存储介质 - Google Patents
换肤方法、装置、计算机设备和可读存储介质 Download PDFInfo
- Publication number
- CN110908655B CN110908655B CN201910982881.4A CN201910982881A CN110908655B CN 110908655 B CN110908655 B CN 110908655B CN 201910982881 A CN201910982881 A CN 201910982881A CN 110908655 B CN110908655 B CN 110908655B
- Authority
- CN
- China
- Prior art keywords
- theme
- content
- theme variable
- end application
- skin
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 43
- 230000008859 change Effects 0.000 claims abstract description 21
- 239000003086 colorant Substances 0.000 claims description 17
- 238000004590 computer program Methods 0.000 claims description 14
- 230000006870 function Effects 0.000 claims description 10
- 238000004891 communication Methods 0.000 claims description 7
- 230000007246 mechanism Effects 0.000 claims description 6
- 238000011161 development Methods 0.000 description 5
- 238000004364 calculation method Methods 0.000 description 3
- 238000010586 diagram Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000013461 design Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 239000000284 extract Substances 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 238000004422 calculation algorithm Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本申请涉及一种换肤方法、装置、计算机设备和可读存储介质,其中,换肤方法包括:读取产品资源目录下的主题变量内容;将所述主题变量内容配置到前端应用中;将所述主题变量内容对应覆盖所述前端应用中默认的主题变量内容,以对所述前端应用进行换肤。上述换肤方法通过将主题变量设置在产品资源目录下,同一产品下的所有前端应用都可以从统一的地方获取皮肤主题变量,从而可以使产品内部的用户界面风格更加统一。不需要修改整个代码即可实现换肤,使换肤更便捷,对不同的企业客户定制产品采用不同的皮肤几乎没有成本。
Description
技术领域
本发明涉及前端网页开发技术领域,特别是涉及一种换肤方法、装置、计算机设备和可读存储介质。
背景技术
随着业务不断增长,产品也逐渐增多,并且单一产品可能会对应多个企业级客户。不同的产品或者企业客户有自己的品牌色,每个产品包含的前端应用在开发时需要使用对应产品的品牌色,以保证同一个产品的风格统一。然而这样无法解决一些技术场景,比如通用前端应用会被多个产品使用,或者单个产品服务于多个企业用户,这种场景要求前端应用根据不同产品或者客户展示不同品牌色,这就需要一种动态换肤方案来满足这种需求。
传统地,针对这种场景的解决方案是根据前端应用所在产品的名称判断使用哪种品牌色。但是随着产品增多,这种硬编码方案的缺点也凸现出来:一是新增一个产品需要修改整个代码;二是增加主题变量也需要修改整个代码,导致维护成本会越来越高。
发明内容
本申请提供一种换肤方法、装置、计算机设备和可读存储介质,可以对前端应用程序动态换肤,不需要修改整个代码,使换肤更便捷且成本较低。
一种换肤方法,所述方法包括:
读取产品资源目录下的主题变量内容;
将所述主题变量内容配置到前端应用中;
将所述主题变量内容对应覆盖所述前端应用中默认的主题变量内容,以对所述前端应用进行换肤。
在一实施例中,所述读取产品资源目录下的主题变量内容包括:
接入所述产品对应的插件,通过所述插件读取产品资源目录下的主题变量内容;其中,所述插件中预设有多种工作状态。
在一实施例中,所述通过所述插件读取产品资源目录下的主题变量内容包括:
通过所述插件读取产品资源目录下的主题变量文件,并提取所述主题变量文件中的第一数据内容;
通过预设函数对所述第一数据内容进行计算,得到对应不同工作状态的第二数据内容,并将所述第二数据内容作为所述主题变量内容。
在一实施例中,所述将所述主题变内容量配置到前端应用中包括:
获取所述主题变量内容的名称,所述主题变量内容的名称用于标识所述主题变量内容;所述主题变量内容包括颜色、形状、阴影和图标;
根据所述名称和所述前端应用与操作系统之间的通信协议,将所述主题变量内容配置到前端应用中。
在一实施例中,所述将所述主题变量内容覆盖所述前端应用中默认的主题变量内容,以对所述前端应用进行换肤包括:
获取所述前端应用当前的工作状态;
根据所述工作状态获取对应的第二数据内容及所述第二数据内容的名称;
根据所述第二数据内容的名称以及平台的样式变量机制,将所述第二数据内容对应覆盖所述前端应用中默认的主题变量内容。
在一实施例中,所述方法还包括对所述主题变量内容进行扩展。
在一实施例中,所述对所述主题变量进行扩展包括:
在产品资源目录下增加主题变量;和/或
以前端应用为单位,增加主题变量文件。
一种换肤装置,所述装置包括:
读取模块,用于读取产品资源目录下的主题变量内容;
配置模块,用于将所述主题变量内容配置到前端应用中;
覆盖模块,用于将所述主题变量内容对应覆盖所述前端应用中默认的主题变量,以对所述前端应用进行换肤。
一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现上述方法的步骤。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述方法的步骤。
本申请实施例提供的换肤方法、装置、计算机设备和可读存储介质,包括读取产品资源目录下的主题变量内容;将所述主题变量内容配置到前端应用中;将所述主题变量内容对应覆盖所述前端应用中默认的主题变量内容,以对所述前端应用进行换肤。上述换肤方法通过将主题变量内容设置在产品资源目录下,同一产品下的所有前端应用都可以从统一的地方获取皮肤主题变量内容,从而可以使产品内部的用户界面风格更加统一。不需要修改整个代码即可实现换肤,使换肤更便捷,对不同的企业客户定制产品采用不同的皮肤几乎没有成本。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为一实施例提供的换肤方法的流程图;
图2为一实施例提供的通过插件读取产品资源目录下的主题变量内容的流程图;
图3为一个实施例中提供的换肤装置的结构框图;
图4为一个实施例中计算机设备的内部结构图。
具体实施方式
为了便于理解本申请,为使本申请的上述目的、特征和优点能够更加明显易懂,下面结合附图对本申请的具体实施方式做详细的说明。在下面的描述中阐述了很多具体细节以便于充分理解本申请,附图中给出了本申请的较佳实施方式。但是,本申请可以以许多不同的形式来实现,并不限于本文所描述的实施方式。相反地,提供这些实施方式的目的是使对本申请的公开内容理解的更加透彻全面。本申请能够以很多不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本申请内涵的情况下做类似改进,因此本申请不受下面公开的具体实施例的限制。
除非另有定义,本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述具体的实施方式的目的,不是旨在于限制本申请。本文所使用的术语“及/或”包括一个或多个相关的所列项目的任意的和所有的组合。
图1为一实施例提供的换肤方法的流程图,如图1所示,换肤方法包括步骤110和步骤120,其中:
步骤110,读取产品资源目录下的主题变量内容。
在开发工程师对产品的皮肤进行开发前,用户界面设计师可以根据产品特点设计一套主题变量。主题变量内容包括颜色、形状、阴影和图标等,其中颜色包括品牌色、品牌文本色、警告色,成功色等十余种,且该套主题变量的风格一致,该套主题变量内容对应的皮肤主题可以覆盖前端应用中大部分的使用场景。用户界面设计师设计好产品对应的一套主题变量后,由产品的开发工程师将这套主题变量写到产品的资源目录中的主题变量文件中。定义的该套主题变量文件可以以json文件的格式放在对应产品的资源目录下。在开发过程中,开发人员可以直接调用产品资源目录下存储的主题变量文件,并将获取的主题变量文件提供给前端应用即可。
在一实施例中,所述读取产品资源目录下的主题变量内容包括:
接入所述产品对应的插件,通过所述插件读取产品资源目录下的主题变量内容;其中,所述插件中预设有多种工作状态。
开发人员可以编写一个产品对应的插件,通过将产品接入该插件读取产品资源目录下的主题变量内容。插件可以以SDK形式编写,产品直接依赖SDK,在代码中通过bridge注册这个插件,使用系统的方法读取资源目录下的theme.json文件以获取主题变量内容。
插件中预设的工作状态包括启用状态和禁用状态,不同工作状态对应的主题变量内容是不同的。
在一实施例中,所述通过所述插件读取产品资源目录下的主题变量内容包括步骤210和步骤220;其中:
步骤210,通过所述插件读取产品资源目录下的主题变量文件,并提取所述主题变量文件中的第一数据内容;
步骤220,通过预设函数对所述第一数据内容进行计算,得到对应不同工作状态的第二数据内容,并将所述第二数据内容作为所述主题变量内容。
插件在读取到产品资源目录下的主题变量文件后,提取主题变量文件中的第一数据内容,第一数据内容可以理解为主题变量文件下的一级数据内容。第一数据内容具体包括:颜色、形状、阴影和图标等。由于不同工作前端应用的不同工作状态对应不同的主题变量内容,例如对于品牌色来说,在前端应用处于启用状态下,品牌色亮度较高,指示可以进行操作;在前端应用处于禁用状态下,品牌色亮度较低,指示当前无法进行操作。本实施例中,在插件提取出主题变量文件中的第一数据内容后,通过预设函数对所述第一数据内容进行计算,得到对应不同工作状态的第二数据内容,并将所述第二数据内容作为所述主题变量内容。第二数据内容可以理解为主题变量文件的二级数据内容。例如针对品牌色,插件从主题变量文件中提取到一个第一数据内容,通过预设函数对所述第一数据内容进行计算,得到对应不同工作状态的多个第二数据内容,计算得到的多个第二数据内容与插件中预设的工作状态一一匹配。其中,预设函数可以为贝塞尔曲线与颜色混合算法的结合。
在一实施例中,以品牌色为例子,通过预设函数进行RGB的预设定值的计算,将从产品资源目录下的第一数据内容计算得到对应多个不同工作状态的第二数据内容的具体计算过程如下:
需要说明的是,上述计算过程仅作为例子进行说明,并不对具体地计算方式进行限定。
在一实施例中,将所述主题变内容量配置到前端应用中包括:
获取所述主题变量内容的名称,所述主题变量内容的名称用于标识所述主题变量内容;所述主题变量内容包括颜色、形状、阴影和图标;
根据所述名称和所述前端应用与操作系统之间的通信协议,将所述主题变量内容配置到前端应用中。
在获取到主题变量内容后,对应获取主题变量内容的名称,通过主题变量内容的名称可以唯一确定所述主题变量内容。例如可以将颜色的名称定义为colour,将形状的名称定义为shape,阴影的名称定义为shadow,图标的名称定义为Icon。需要说明的是,前端应用中的定义主题变量的名称与产品资源目录下定义的主题变量内容的名称一致,从而可以根据主题变量内容的名称将主题变量内容对应配置到前端应用中。
在一实施例中,可以通过产品与原生之间的“桥”来把主题变量提供给前端应用。这个“桥”对HTML5应用来说就是webview提供的一个通信协议,对于React Native(RN)应用来说就是React Native技术本身提供的基于JSC的通信协议。JSC是JavaScript Core的缩写,是JavaS cript的解释器,RN通过它实现APP与H5的通信。HTML5应用是指基于浏览器的前端应用,React Native应用是一个使用JavaScript编程语言编写安卓或IOS应用的开源项目。事实上,本实施例中的原生就是指前端应用与操作系统之间的通信协议,例如Java(Android)和Object C(iOS)环境。
以RN为例,插件在APP内注册一个NativeModule,实现getConstants方法,这个方法就实现了从产品资源目录中读取主题变量文件theme.json并返回。这个json文件在前端应用启动前会被获取然后通过NDK传给C++,C++会启动一个JS解释器,这个json会被C++挂载到JS环境的全局变量上,在启动RN前端应用后,可以从global上读取到这个json文件,从而可以覆盖前端应用中默认的主题变量内容。
在一实施例中,所述将所述主题变量内容覆盖所述前端应用中默认的主题变量内容,以对所述前端应用进行换肤包括:
获取所述前端应用当前的工作状态;
根据所述工作状态获取对应的第二数据内容及所述第二数据内容的名称;
根据所述第二数据内容的名称以及平台的样式变量机制,将所述第二数据内容对应覆盖所述前端应用中默认的主题变量内容。
前端应用通常会默认一套主题变量,在启动前端应用后,主题变量内容已经挂载global变量上了,前端应用可以直接在global变量(也就是内存)上读取主题变量内容,用于覆盖前端应用默认的主题变量内容。具体地,启动前端应用后,获取前端应用中不同模块的工作状态,根据工作状态对应获取第二数据内容,并将获取的主题变量内容的名称覆盖掉默认的主题变量内容名称即可以实现对前端应用的换肤。前端应用换肤需要使用主题变量内容名称配合平台的样式变量机制实现。比如品牌色对于RN和H5平台分别是:JS/theme('color_primary'),CSS/--color-primary,若当前使用的平台为RN,则将color_primary用获取的品牌色覆盖掉即可实现对前端应用的换肤;若当前使用的平台为H5,则将color-primary用获取的品牌色覆盖掉即可实现对前端应用的换肤。可以理解的是,主题变量内容的其他属性值,例如字号大小、图标或阴影效果等也可以根据获取的主题变量名称和平台的样式变量机制进行替换,进而实现对前端应用的换肤。
根据主题变量内容的名称选取相应的主题变量,并将主题变量替换原皮肤代码中的相应变量实现换肤,避免在更换主题皮肤时对整个代码进行重新编写,使换肤更为便捷。
在前端应用启动时,使用产品提供的主题变量覆盖前端应用默认的主题变量。对于H5应用使用CSS变量技术,对于RN应用来说,样式是通过JS定义的,所以直接覆盖JS变量即可。
本实施例提供的换肤方法包括:读取产品资源目录下的主题变量内容,并将所述主题变量内容配置到前端应用中;将所述主题变量内容对应覆盖所述前端应用中默认的主题变量内容,以对所述前端应用进行换肤。上述换肤方法通过将主题变量设置在产品资源目录下,同一产品下的所有前端应用都可以从统一的地方获取皮肤主题变量,从而可以使产品内部的用户界面风格更加统一,对不同的企业客户定制产品采用不同的皮肤几乎没有成本。
在一实施例中,所述方法还包括对所述主题变量进行扩展。
由于部分产品或者客户有控制更多主题变量的要求,比如控制第二品牌色、字号、图标或者阴影效果等样式的变量。本申请以APP产品为例,在上述方案的基础上,提供了两种扩展主题变量的功能:1、以APP为单位,在产品资源目录下增加主题变量;2、以前端应用为单位,在前端应用中增加主题变量文件,对于H5来说就是CSS文件,对于RN来说就是style.js文件。
本实施例通过以上两种方式对主题变量进行扩展,当需要实现更多主题变量的控制时,仅需要修改对应产品资源目录中的主题变量配置或前端应用中的主题变量文件即可,从而更加灵活方便地实现对主题变量的扩展。
在一实施例中,所述产品资源目录下的主题变量和前端应用主题变量均可覆盖所述前端应用默认的主题变量,且所述前端应用主题变量的优先级高于产品资源目录下的的主题变量。
在没有使用换肤方案的情况下,前端应用使用的是默认主题变量。对前端应用换肤时,可以通过上述提供的换肤方法,使用产品提供的主题变量实现换肤,也可以直接定义前端应用中对应的主题变量,即前端应用主题变量,且定义的前端应用主题变量可以覆盖掉产品提供的主题变量。即前端应用主题变量的优先级高于产品资源目录下的的主题变量,从而可以满足前端应用的特殊需求。
应该理解的是,虽然图1和图2的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图1和图2中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图3所示,提供了一种换肤装置,包括:读取模块310、配置模块320和覆盖模块330,其中:
读取模块310,用于读取产品资源目录下的主题变量内容。
配置模块320,用于将所述主题变量内容配置到前端应用中。
覆盖模块330,用于将所述主题变量内容对应覆盖所述前端应用中默认的主题变量,以对所述前端应用进行换肤。
在一实施例中,读取模块310读取产品资源目录下的主题变量内容包括:
接入所述产品对应的插件,通过所述插件读取产品资源目录下的主题变量内容;其中,所述插件中预设有多种工作状态。
在一实施例中,读取模块310通过所述插件读取产品资源目录下的主题变量内容包括:
通过所述插件读取产品资源目录下的主题变量文件,并提取所述主题变量文件中的第一数据内容;
通过预设函数对所述第一数据内容进行计算,得到对应不同工作状态的第二数据内容,并将所述第二数据内容作为所述主题变量内容。
在一实施例中,配置模块320将所述主题变内容量配置到前端应用中包括:
获取所述主题变量内容的名称,所述主题变量内容的名称用于标识所述主题变量内容;所述主题变量内容包括颜色、形状、阴影和图标;
根据所述名称和所述前端应用与操作系统之间的通信协议,将所述主题变量内容配置到前端应用中。
在一实施例中,覆盖模块330将所述主题变量内容覆盖所述前端应用中默认的主题变量内容,以对所述前端应用进行换肤包括:
获取所述前端应用当前的工作状态;
根据所述工作状态获取对应的第二数据内容及所述第二数据内容的名称;
根据所述第二数据内容的名称以及平台的样式变量机制,将所述第二数据内容对应覆盖所述前端应用中默认的主题变量内容。
在一实施例中,换肤装置还包括扩展模块,用于对所述主题变量进行扩展。
在一实施例中,扩展模块对所述主题变量进行扩展包括:
在产品资源目录下增加主题变量;和/或
以前端应用为单位,增加主题变量文件。
在一实施例中,所述产品资源目录下的主题变量和前端应用主题变量均可覆盖所述前端应用默认的主题变量,且产品资源目录下的的主题变量的优先级高于所述前端应用主题变量的优先级。
本实施例提供的换肤装置包括读取模块310、配置模块320和覆盖模块330,通过读取模块310读取产品资源目录下的主题变量内容;通过配置模块320将所述主题变量内容配置到前端应用中;通过覆盖模块330将所述主题变量内容对应覆盖所述前端应用中默认的主题变量内容,以对所述前端应用进行换肤。上述换肤装置通过将主题变量设置在产品资源目录下,同一产品下的所有前端应用都可以从统一的地方获取皮肤主题变量,从而可以使产品内部的用户界面风格更加统一,对不同的企业客户定制产品采用不同的皮肤几乎没有成本。
关于换肤装置的具体限定可以参见上文中对于换肤方法的限定,在此不再赘述。上述换肤装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图4所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种换肤方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图4中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现以下步骤:
读取产品资源目录下的主题变量内容;
将所述主题变量内容配置到前端应用中;
将所述主题变量内容对应覆盖所述前端应用中默认的主题变量内容,以对所述前端应用进行换肤。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:
读取产品资源目录下的主题变量内容;
将所述主题变量内容配置到前端应用中;
将所述主题变量内容对应覆盖所述前端应用中默认的主题变量内容,以对所述前端应用进行换肤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(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 (8)
1.一种换肤方法,其特征在于,所述方法包括:
读取产品资源目录下的主题变量内容;
将所述主题变量内容配置到前端应用中;
将所述主题变量内容对应覆盖所述前端应用中默认的主题变量内容,以对所述前端应用进行换肤;
所述读取产品资源目录下的主题变量内容包括:接入所述产品对应的插件;所述插件中预设有多种工作状态,通过所述插件读取产品资源目录下的主题变量文件,并提取所述主题变量文件中的第一数据内容;通过预设函数对所述第一数据内容进行计算,得到对应不同工作状态的第二数据内容,并将所述第二数据内容作为所述主题变量内容,其中,所述第一数据内容为所述主题变量文件下的一级数据内容,所述第二数据内容为所述主题变量文件下的二级数据内容。
2.根据权利要求1所述的方法,其特征在于,所述将所述主题变内容量配置到前端应用中包括:
获取所述主题变量内容的名称,所述主题变量内容的名称用于标识所述主题变量内容;所述主题变量内容包括颜色、形状、阴影和图标;
根据所述名称和所述前端应用与操作系统之间的通信协议,将所述主题变量内容配置到前端应用中。
3.根据权利要求1所述的方法,其特征在于,所述将所述主题变量内容覆盖所述前端应用中默认的主题变量内容,以对所述前端应用进行换肤包括:
获取所述前端应用当前的工作状态;
根据所述工作状态获取对应的第二数据内容及所述第二数据内容的名称;
根据所述第二数据内容的名称以及平台的样式变量机制,将所述第二数据内容对应覆盖所述前端应用中默认的主题变量内容。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括对所述主题变量内容进行扩展。
5.根据权利要求4所述的方法,其特征在于,所述对所述主题变量进行扩展包括:
在产品资源目录下增加主题变量;和/或
以前端应用为单位,增加主题变量文件。
6.一种换肤装置,其特征在于,所述装置包括:
读取模块,用于读取产品资源目录下的主题变量内容;
配置模块,用于将所述主题变量内容配置到前端应用中;
覆盖模块,用于将所述主题变量内容对应覆盖所述前端应用中默认的主题变量,以对所述前端应用进行换肤;
读取模块读取产品资源目录下的主题变量内容包括:接入所述产品对应的插件对应的插件;所述插件中预设有多种工作状态,通过所述插件读取产品资源目录下的主题变量文件,并提取所述主题变量文件中的第一数据内容;通过预设函数对所述第一数据内容进行计算,得到对应不同工作状态的第二数据内容,并将所述第二数据内容作为所述主题变量内容,其中,所述第一数据内容为所述主题变量文件下的一级数据内容,所述第二数据内容为所述主题变量文件下的二级数据内容。
7.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至5中任一项所述方法的步骤。
8.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至5中任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910982881.4A CN110908655B (zh) | 2019-10-16 | 2019-10-16 | 换肤方法、装置、计算机设备和可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910982881.4A CN110908655B (zh) | 2019-10-16 | 2019-10-16 | 换肤方法、装置、计算机设备和可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110908655A CN110908655A (zh) | 2020-03-24 |
CN110908655B true CN110908655B (zh) | 2023-12-05 |
Family
ID=69815614
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910982881.4A Active CN110908655B (zh) | 2019-10-16 | 2019-10-16 | 换肤方法、装置、计算机设备和可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110908655B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111767103A (zh) * | 2020-04-23 | 2020-10-13 | 北京沃东天骏信息技术有限公司 | 一种更换页面主题的方法和装置 |
CN112269605A (zh) * | 2020-11-12 | 2021-01-26 | 北京百度网讯科技有限公司 | 一种皮肤更换方法、装置、电子设备及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987854A (zh) * | 2005-12-20 | 2007-06-27 | 北京亿中邮信息技术有限公司 | 一种个性化替换网页主题的方法 |
CN106020849A (zh) * | 2016-06-14 | 2016-10-12 | 浪潮软件股份有限公司 | 一种基于web开发框架的多主题实现方法 |
WO2017185606A1 (zh) * | 2016-04-29 | 2017-11-02 | 乐视控股(北京)有限公司 | 基于overlay机制的APK开发方法及系统 |
CN107608674A (zh) * | 2017-09-22 | 2018-01-19 | 深圳市创维软件有限公司 | 一种应用换肤方法、装置、计算机及存储介质 |
CN108228178A (zh) * | 2017-12-15 | 2018-06-29 | 阿里巴巴集团控股有限公司 | 一种对app的页面进行换肤的方法和装置 |
CN109213564A (zh) * | 2018-10-22 | 2019-01-15 | 珠海格力电器股份有限公司 | 智能家居控制界面调整方法、装置、智能终端和介质 |
CN110187944A (zh) * | 2019-04-25 | 2019-08-30 | 深圳市布谷鸟科技有限公司 | 一种基于安卓系统快速换肤的方法 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080092057A1 (en) * | 2006-10-05 | 2008-04-17 | Instrinsyc Software International, Inc | Framework for creation of user interfaces for electronic devices |
-
2019
- 2019-10-16 CN CN201910982881.4A patent/CN110908655B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987854A (zh) * | 2005-12-20 | 2007-06-27 | 北京亿中邮信息技术有限公司 | 一种个性化替换网页主题的方法 |
WO2017185606A1 (zh) * | 2016-04-29 | 2017-11-02 | 乐视控股(北京)有限公司 | 基于overlay机制的APK开发方法及系统 |
CN106020849A (zh) * | 2016-06-14 | 2016-10-12 | 浪潮软件股份有限公司 | 一种基于web开发框架的多主题实现方法 |
CN107608674A (zh) * | 2017-09-22 | 2018-01-19 | 深圳市创维软件有限公司 | 一种应用换肤方法、装置、计算机及存储介质 |
CN108228178A (zh) * | 2017-12-15 | 2018-06-29 | 阿里巴巴集团控股有限公司 | 一种对app的页面进行换肤的方法和装置 |
CN109213564A (zh) * | 2018-10-22 | 2019-01-15 | 珠海格力电器股份有限公司 | 智能家居控制界面调整方法、装置、智能终端和介质 |
CN110187944A (zh) * | 2019-04-25 | 2019-08-30 | 深圳市布谷鸟科技有限公司 | 一种基于安卓系统快速换肤的方法 |
Also Published As
Publication number | Publication date |
---|---|
CN110908655A (zh) | 2020-03-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111552473B (zh) | 一种应用程序的处理方法、装置及设备 | |
CN109933322B (zh) | 一种页面编辑方法、装置及计算机可读存储介质 | |
CN110020323B (zh) | 混合应用的页面切换方法、系统、计算机设备及存储介质 | |
CN110908655B (zh) | 换肤方法、装置、计算机设备和可读存储介质 | |
CN110119352A (zh) | 应用程序的ui调试方法、装置、计算机设备和存储介质 | |
CN111984902A (zh) | 可视化页面配置方法、系统、计算机设备和存储介质 | |
CN111459541B (zh) | 应用程序的打包方法、装置、计算机设备和存储介质 | |
CN109213564A (zh) | 智能家居控制界面调整方法、装置、智能终端和介质 | |
CN104699503A (zh) | 一种替换安卓系统中函数的执行逻辑的方法及装置 | |
CN111033465B (zh) | 终端装置、ui扩展方法和记录介质 | |
CN111008290A (zh) | 电网地理沿布图显示方法、装置、计算机设备和存储介质 | |
CN111045707B (zh) | 小程序的更新方法、装置、计算机设备和存储介质 | |
CN112306486B (zh) | 一种界面生成方法、装置、服务器及存储介质 | |
CN115526978A (zh) | 车载系统用户界面的三维控件实现方法、设备及存储介质 | |
CN111857803A (zh) | 页面更新方法、装置、服务器及存储介质 | |
CN111506312B (zh) | 页面生成方法、装置、计算机设备及存储介质 | |
CN110781653B (zh) | 利用vue绘制svg图表的方法、装置、计算机设备和存储介质 | |
CN106293679A (zh) | 一种元素名称冲突处理方法及装置 | |
CN112613275A (zh) | 单据生成方法、装置、计算机设备和存储介质 | |
CN110989986A (zh) | 基于软件模板的软件生成方法、装置和计算机设备 | |
CN111857782B (zh) | 界面更新方法、装置、计算机设备和存储介质 | |
CN114625459A (zh) | 一种页面主题风格切换的方法、系统、装置和介质 | |
CN115221852A (zh) | 基于vxe-table的动态计算表格实现方法、装置和计算机设备 | |
CN111597151A (zh) | 文件生成方法、装置、计算机设备和存储介质 | |
CN112486378A (zh) | 图形生成方法、装置、终端及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | 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 |