页面主题色更换方法、装置、电子设备和计算机可读介质与流程

文档序号:28864954发布日期:2022-02-12 03:16阅读:140来源:国知局
页面主题色更换方法、装置、电子设备和计算机可读介质与流程

1.本公开的实施例涉及计算机技术领域,具体涉及页面主题色更换方法、装置、电子设备和计算机可读介质。


背景技术:

2.前端研发人员在进行web应用开发时,常常会遇到主题换肤这一需求。主题换肤是指在保留用户界面基本结构的前提下,通过替换界面中一部分的颜色、图标、布局,从而呈现出一套拥有全新主题的用户界面。一套完整的web应用主题,往往由主题颜色、主题图标、主题布局等多种元素共同构成。目前,进行主题换肤,通常采用的方式为:向服务端发出主题换肤请求,服务端从皮肤样式库中选择对应的主题皮肤样式,然后展示到对应的web页面。
3.然而,采用上述方式通常会存在以下技术问题:
4.第一,在页面访问量较多时,向服务端发出主题换肤请求,导致服务端的运转压力较大,容易造成主题换肤的加载时间较长;
5.第二,研发人员若改动/增加主题皮肤样式的配色方案,需要相应地修改该主题皮肤样式的皮肤样式库,导致配置配色方案的时间较长。


技术实现要素:

6.本公开的内容部分用于以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
7.本公开的一些实施例提出了页面主题色更换方法、装置、电子设备和计算机可读介质,来解决以上背景技术部分提到的技术问题中的一项或多项。
8.第一方面,本公开的一些实施例提供了一种页面主题色更换方法,该方法包括:响应于接收到用户提交的对应于目标页面的主题色更换请求,从客户端数据库中读取对应上述主题色更换请求的配色算法对象作为目标配色算法对象,其中,上述配色算法对象为预先设置的、存储在上述客户端数据库中表征配色色值变化的算法对象;根据目标主题颜色色值和上述目标配色算法对象,生成配色信息;根据上述目标主题颜色色值和上述配色信息,生成目标颜色数据对象;根据上述目标颜色数据对象,对上述目标页面对应的主题色进行更换处理。
9.可选地,上述配色信息包括至少一个配色色值;以及上述根据上述目标颜色数据对象,对上述目标页面对应的主题色进行更换处理,包括:将上述目标颜色数据对象包括的各个颜色色值的格式转化为预设格式,以对上述目标颜色数据对象进行更新,其中,上述各个颜色色值包括上述目标主题颜色色值和上述至少一个配色色值;根据更新后的目标颜色数据对象,对上述目标页面进行渲染处理。
10.可选地,在上述根据目标主题颜色色值和上述目标配色算法对象,生成配色信息
之前,上述方法还包括:响应于接收到用户输入的主题颜色色值,将上述主题颜色色值的格式转化为目标格式,以对上述主题颜色色值进行更新;将更新后的主题颜色色值确定为目标主题颜色色值。
11.可选地,上述客户端数据库中的配色算法对象是通过以下处理步骤得到:响应于接收到目标用户输入的颜色信息,基于上述颜色信息,生成颜色数据对象,其中,上述颜色数据对象包括颜色类型组和对应上述颜色类型组中颜色类型的颜色色值;将上述颜色数据对象包括的各个颜色色值的格式转化为目标格式;确定目标颜色类型的转化颜色色值与备选颜色类型组中每一备选颜色类型的转化颜色色值的颜色差值,得到颜色差值组,其中,上述目标颜色类型为上述颜色类型组中颜色类型为主题颜色的颜色类型,上述备选颜色类型组为去除了上述主题颜色的颜色类型组;基于上述备选颜色类型组和上述颜色差值组,生成配色算法对象。
12.可选地,上述处理步骤还包括:将上述配色算法对象存储至上述客户端数据库。
13.可选地,上述方法还包括:响应于接收到目标用户提交的配色算法对象修改请求,从上述客户端数据库中读取对应上述配色算法对象修改请求的配色算法对象作为备选配色算法对象;响应于接收到上述目标用户提交的对应上述备选配色算法对象的修改信息,根据上述修改信息,对上述备选配色算法对象进行更新处理,得到更新配色算法对象;将上述客户端数据库中存储的备选配色算法对象更新为上述更新配色算法对象。
14.可选地,上述方法还包括:响应于接收到目标用户提交的配色算法对象删除请求,删除上述客户端数据库中对应上述配色算法对象删除请求的配色算法对象。
15.第二方面,本公开的一些实施例提供了一种页面主题色更换装置,装置包括:读取单元,被配置成响应于接收到用户提交的对应于目标页面的主题色更换请求,从客户端数据库中读取对应上述主题色更换请求的配色算法对象作为目标配色算法对象,其中,上述配色算法对象为预先设置的、存储在上述客户端数据库中表征配色色值变化的算法对象;配色信息生成单元,被配置成根据目标主题颜色色值和上述目标配色算法对象,生成配色信息;目标颜色数据对象生成单元,被配置成根据上述目标主题颜色色值和上述配色信息,生成目标颜色数据对象;更换单元,被配置成根据上述目标颜色数据对象,对上述目标页面对应的主题色进行更换处理。
16.可选地,更换单元进一步被配置成:将上述目标颜色数据对象包括的各个颜色色值的格式转化为预设格式,以对上述目标颜色数据对象进行更新,其中,上述各个颜色色值包括上述目标主题颜色色值和上述至少一个配色色值;根据更新后的目标颜色数据对象,对上述目标页面进行渲染处理。
17.可选地,在配色信息生成单元之前,装置还包括:格式转化单元,被配置成响应于接收到用户输入的主题颜色色值,将上述主题颜色色值的格式转化为目标格式,以对上述主题颜色色值进行更新;色值确定单元,被配置成将更新后的主题颜色色值确定为目标主题颜色色值。
18.可选地,上述客户端数据库中的配色算法对象是通过以下处理步骤得到:响应于接收到目标用户输入的颜色信息,基于上述颜色信息,生成颜色数据对象,其中,上述颜色数据对象包括颜色类型组和对应上述颜色类型组中颜色类型的颜色色值;将上述颜色数据对象包括的各个颜色色值的格式转化为目标格式;确定目标颜色类型的转化颜色色值与备
选颜色类型组中每一备选颜色类型的转化颜色色值的颜色差值,得到颜色差值组,其中,上述目标颜色类型为上述颜色类型组中颜色类型为主题颜色的颜色类型,上述备选颜色类型组为去除了上述主题颜色的颜色类型组;基于上述备选颜色类型组和上述颜色差值组,生成配色算法对象。
19.可选地,上述处理步骤还包括:将上述配色算法对象存储至上述客户端数据库。
20.可选地,装置还包括:配色算法对象读取单元,被配置成响应于接收到目标用户提交的配色算法对象修改请求,从上述客户端数据库中读取对应上述配色算法对象修改请求的配色算法对象作为备选配色算法对象;第一更新单元,被配置成响应于接收到上述目标用户提交的对应上述备选配色算法对象的修改信息,根据上述修改信息,对上述备选配色算法对象进行更新处理,得到更新配色算法对象;第二更新单元,被配置成将上述客户端数据库中存储的备选配色算法对象更新为上述更新配色算法对象。
21.可选地,装置还包括:删除单元,被配置成响应于接收到目标用户提交的配色算法对象删除请求,删除上述客户端数据库中对应上述配色算法对象删除请求的配色算法对象。
22.第三方面,本公开的一些实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现上述第一方面任一实现方式所描述的方法。
23.第四方面,本公开的一些实施例提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现上述第一方面任一实现方式所描述的方法。
24.本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的页面主题色更换方法,缩短了主题换肤的加载时间。具体来说,容易造成主题换肤的加载时间较长的原因在于:在页面访问量较多时,向服务端发出主题换肤请求,导致服务端的运转压力较大,容易造成主题换肤的加载时间较长。基于此,本公开的一些实施例的页面主题色更换方法,首先,响应于接收到用户提交的对应于目标页面的主题色更换请求,从客户端数据库中读取对应上述主题色更换请求的配色算法对象作为目标配色算法对象。由此,可以直接从客户端数据库读取配色方案(配色算法对象),无需与服务端进行交互。从而,缩短了主题换肤的加载时间。接着,根据目标主题颜色色值和上述目标配色算法对象,生成配色信息。由此,可以直接根据主题颜色与配色算法对象之间的色值变化关系,确定配色颜色的信息。然后,根据上述目标主题颜色色值和上述配色信息,生成目标颜色数据对象。最后,根据上述目标颜色数据对象,对上述目标页面对应的主题色进行更换处理。由此,完成了主题换肤。也因为是直接从客户端数据库读取的配色方案(配色算法对象),无需与服务端进行交互。从而,缩短了主题换肤的加载时间。
附图说明
25.结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,元件和元素不一定按照比例绘制。
26.图1是本公开的一些实施例的页面主题色更换方法的一个应用场景的示意图;
27.图2是根据本公开的页面主题色更换方法的一些实施例的流程图;
28.图3是根据本公开的页面主题色更换方法中生成配色算法对象的一些实施例的流程图;
29.图4是根据本公开的页面主题色更换方法的另一些实施例的流程图;
30.图5是根据本公开的页面主题色更换装置的一些实施例的结构示意图;
31.图6是适于用来实现本公开的一些实施例的电子设备的结构示意图。
具体实施方式
32.下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例。相反,提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
33.另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。
34.需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
35.需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
36.本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
37.下面将参考附图并结合实施例来详细说明本公开。
38.图1是根据本公开一些实施例的页面主题色更换方法的一个应用场景的示意图。
39.在图1的应用场景中,首先,计算设备101可以响应于接收到用户提交的对应于目标页面的主题色更换请求,从客户端数据库中读取对应上述主题色更换请求的配色算法对象作为目标配色算法对象102。其中,上述配色算法对象为预先设置的、存储在上述客户端数据库中表征配色色值变化的算法对象。接着,计算设备101可以根据目标主题颜色色值103和上述目标配色算法对象102,生成配色信息104。然后,计算设备101可以根据上述目标主题颜色色值103和上述配色信息104,生成目标颜色数据对象105。最后,计算设备101可以根据上述目标颜色数据对象105,对上述目标页面对应的主题色进行更换处理。
40.需要说明的是,上述计算设备101可以是硬件,也可以是软件。当计算设备为硬件时,可以实现成多个服务器或终端设备组成的分布式集群,也可以实现成单个服务器或单个终端设备。当计算设备体现为软件时,可以安装在上述所列举的硬件设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
41.应该理解,图1中的计算设备的数目仅仅是示意性的。根据实现需要,可以具有任意数目的计算设备。
42.进一步参考图2,示出了根据本公开的页面主题色更换方法的一些实施例。该页面主题色更换方法,包括以下步骤:
43.步骤201,响应于接收到用户提交的对应于目标页面的主题色更换请求,从客户端数据库中读取对应上述主题色更换请求的配色算法对象作为目标配色算法对象。
44.在一些实施例中,页面主题色更换方法的执行主体(例如图1所示的计算设备101)可以响应于接收到用户提交的对应于目标页面的主题色更换请求,从客户端数据库中读取对应上述主题色更换请求的配色算法对象作为目标配色算法对象。其中,上述配色算法对象为预先设置的、存储在上述客户端数据库中表征配色色值变化的算法对象。这里,页面主题色更换方法的执行主体可以是指基于react构建的一个前端sdk(software development kit,软件开发工具包)。该前端sdk具有配色算法对象的新增、修改和删除等功能。这里,目标页面可以是指当前用户浏览的页面。这里,主题色更换请求可以是指将上述目标页面当前主题配色(配色方案)更换为某一配色(配色算法对象)的请求指令。这里,客户端数据库可以是指客户端的本地存储(localstorage)。这里,配色算法对象可以是指包括了至少一个颜色类型和确定上述至少一个颜色类型中每一颜色类型的颜色色值的颜色差值的数据对象。这里,对应上述至少一个颜色类型中每一颜色类型的颜色色值的颜色格式可以为任意颜色格式。例如,颜色色值的颜色格式可以为以下中的一项:rgb(red,green,blue)格式,hex(十六进制颜色码)格式,hsv(hue,saturation,value)格式,hsl(hue,saturation,lightness)格式。这里,至少一个颜色类型中的颜色类型可以是根据颜色的实际应用所划分的类型。例如,颜色类型可以是主题颜色、同类色、背景色等。
45.实践中,上述执行主体可以响应于接收到用户提交的对应于目标页面的主题色更换请求,从客户端数据库中读取上述主题色更换请求所表征的配色算法对象作为目标配色算法对象。
46.步骤202,根据目标主题颜色色值和上述目标配色算法对象,生成配色信息。
47.在一些实施例中,上述执行主体可以根据目标主题颜色色值和上述目标配色算法对象,生成配色信息。这里,目标主题颜色色值可以是用户输入的,且转化为目标格式的主题颜色的颜色色值。这里,目标格式可以是表征颜色色值为数字的格式。例如,目标格式可以是hsv格式或rgb格式。实践中,首先,上述执行主体可以确定上述目标主题颜色色值与上述目标配色算法对象包括的每一配色类型对应的颜色差值的差值,从而生成对应上述配色类型的配色色值,得到配色色值组。然后,上述执行主体可以将上述目标配色算法对象包括的每一颜色类型(主题颜色/配色类型)和对应上述颜色类型的颜色色值(目标主题颜色色值/配色色值)进行组合处理,以生成颜色信息,得到颜色信息组。最后,上述执行主体可以将颜色信息组进行组合处理,得到配色信息。
48.可选地,在上述根据目标主题颜色色值和上述目标配色算法对象,生成配色信息之前,上述方法还包括:
49.第一步,响应于接收到用户输入的主题颜色色值,将上述主题颜色色值的格式转化为目标格式,以对上述主题颜色色值进行更新。这里,主题颜色色值可以指用户输入的主题颜色的颜色色值。这里,目标格式可以是表征颜色色值为数字的格式。例如,目标格式可以是hsv格式或rgb格式。实践中,上述执行主体可以通过颜色转换的方式(例如,colorsys模块)将上述主题颜色色值的格式转化为目标格式(例如,hsv格式),以对上述主题颜色色值进行更新。
50.第二步,将更新后的主题颜色色值确定为目标主题颜色色值。
51.步骤203,根据上述目标主题颜色色值和上述配色信息,生成目标颜色数据对象。
52.在一些实施例中,上述执行主体可以根据上述目标主题颜色色值和上述配色信
息,生成目标颜色数据对象。其中,上述配色信息包括至少一个配色色值。实践中,上述执行主体可以以上述目标主题颜色色值、上述目标主题颜色色值对应的主题颜色、至少一个配色色值和对应每一个配色色值的配色类型作为对象属性,创建目标颜色数据对象。实践中,上述执行主体可以对上述目标主题颜色色值、上述目标主题颜色色值对应的主题颜色、至少一个配色色值和对应每一个配色色值的配色类型进行实例化处理,以生成目标颜色数据对象。
53.步骤204,根据上述目标颜色数据对象,对上述目标页面对应的主题色进行更换处理。
54.在一些实施例中,上述执行主体可以将目标页面中对应的上述目标颜色数据对象中每一颜色类型的区域(例如,目标页面的背景区域)渲染为上述颜色类型的颜色色值所表征的颜色,以完成对上述目标页面对应的主题色的更换。
55.在一些实施例的一些可选的实现方式中,根据上述目标颜色数据对象,上述执行主体可以通过以下步骤对上述目标页面对应的主题色进行更换处理:
56.第一步,将上述目标颜色数据对象包括的各个颜色色值的格式转化为预设格式,以对上述目标颜色数据对象进行更新。其中,上述各个颜色色值包括上述目标主题颜色色值和上述至少一个配色色值。这里,预设格式可以是指十六进制颜色码格式。
57.第二步,根据更新后的目标颜色数据对象,对上述目标页面进行渲染处理。
58.本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的页面主题色更换方法,缩短了主题换肤的加载时间。具体来说,容易造成主题换肤的加载时间较长的原因在于:在页面访问量较多时,向服务端发出主题换肤请求,导致服务端的运转压力较大,容易造成主题换肤的加载时间较长。基于此,本公开的一些实施例的页面主题色更换方法,首先,响应于接收到用户提交的对应于目标页面的主题色更换请求,从客户端数据库中读取对应上述主题色更换请求的配色算法对象作为目标配色算法对象。由此,可以直接从客户端数据库读取配色方案(配色算法对象),无需与服务端进行交互。从而,缩短了主题换肤的加载时间。接着,根据目标主题颜色色值和上述目标配色算法对象,生成配色信息。由此,可以直接根据主题颜色与配色算法对象之间的色值变化关系,确定配色颜色的信息。然后,根据上述目标主题颜色色值和上述配色信息,生成目标颜色数据对象。最后,根据上述目标颜色数据对象,对上述目标页面对应的主题色进行更换处理。由此,完成了主题换肤。也因为是直接从客户端数据库读取的配色方案(配色算法对象),无需与服务端进行交互。从而,缩短了主题换肤的加载时间。
59.继续参考图3,示出了根据本公开的页面主题色更换方法中生成配色算法对象的一些实施例的流程300。该页面主题色更换方法中生成配色算法对象的方法,包括以下步骤:
60.步骤301,响应于接收到目标用户输入的颜色信息,基于上述颜色信息,生成颜色数据对象。
61.在一些实施例中,页面主题色更换方法的执行主体(例如图1所示的计算设备101)可以响应于接收到目标用户输入的颜色信息,基于上述颜色信息,生成颜色数据对象。其中,上述颜色数据对象包括颜色类型组和对应上述颜色类型组中颜色类型的颜色色值。这里,目标用户可以指研发人员。这里,颜色信息可以包括主题颜色、主题颜色的颜色色值,以
及其它配色类型和配色类型的颜色色值。这里,对应上述颜色类型组中颜色类型的颜色色值的颜色格式可以为任意颜色格式。例如,颜色色值的颜色格式可以为以下中的一项:rgb(red,green,blue)格式,hex(十六进制颜色码)格式,hsv(hue,saturation,value)格式,hsl(hue,saturation,lightness)格式。这里,颜色类型组中颜色类型可以是根据颜色的实际应用所划分的类型。例如,颜色类型可以是主题颜色、同类色、背景色等。
62.实践中,上述执行主体可以响应于接收到目标用户通过前端组件中的颜色输入框组件输入的颜色信息,基于上述颜色信息,生成颜色数据对象。这里,基于上述颜色信息,上述执行主体可以通过各种方法生成颜色数据对象。诸如,上述执行主体可以创建一个数据对象,再根据上述颜色信息,修改数据对象中的对象属性。上述执行主体还可以对上述颜色信息进行实例化处理,得到颜色数据对象。
63.作为示例,用户输入的颜色信息所包括的颜色色值的格式可以为hex格式,则目标用户输入的颜色信息可以是“[主题颜色,#5f69bd];[同类色,#e5edff];[背景色,#3b5275]”。上述执行主体可以创建以颜色信息为对象属性的数据对象,从而,得到颜色数据对象。
[0064]
步骤302,将上述颜色数据对象包括的各个颜色色值的格式转化为目标格式。
[0065]
在一些实施例中,上述执行主体可以将上述颜色数据对象包括的各个颜色色值的格式转化为目标格式。这里,目标格式可以是表征颜色色值为数字的格式。例如,目标格式可以是hsv格式或rgb格式。实践中,上述执行主体可以通过颜色转换的方式(例如,colorsys模块)将上述颜色数据对象包括的各个颜色色值的格式转化为目标格式(例如,hsv格式)。
[0066]
由此,可以将上述颜色数据对象包括的各个颜色色值的格式均转换为数字格式,便于后续确定主题颜色与其它配色之间的色值变化关系(颜色差值)。
[0067]
步骤303,确定目标颜色类型的转化颜色色值与备选颜色类型组中每一备选颜色类型的转化颜色色值的颜色差值,得到颜色差值组,得到颜色差值组。
[0068]
在一些实施例中,上述执行主体可以确定目标颜色类型的转化颜色色值与备选颜色类型组中每一备选颜色类型的转化颜色色值的颜色差值,得到颜色差值组。其中,上述目标颜色类型为上述颜色类型组中颜色类型为主题颜色的颜色类型。上述备选颜色类型组为去除了上述主题颜色的颜色类型组。这里,上述颜色类型组中颜色类型为主题颜色的颜色类型的转化颜色色值可以是指转化为目标格式的颜色色值。
[0069]
作为示例,以目标格式为hsv格式为例,即,转化颜色色值的格式为hsv格式。例如,上述颜色类型组中颜色类型为主题颜色的颜色类型的转化颜色色值可以是(233,50,74)。备选颜色类型组中的备选颜色类型可以是“同类色”。这里,备选颜色类型“同类色”的转化颜色色值可以是(221,10,100)。可以将转化颜色色值(233,50,74)中的“233、50、74”分别与转化颜色色值(221,10,100)中的“221、10、100”作差,得到颜色差值(12,40,-26)。
[0070]
步骤304,基于上述备选颜色类型组和上述颜色差值组,生成配色算法对象。
[0071]
在一些实施例中,上述执行主体可以基于上述备选颜色类型组和上述颜色差值组,生成配色算法对象。这里,上述执行主体通过各种方法生成配色算法对象。诸如,上述执行主体可以创建一个数据对象,再根据上述备选颜色类型组和上述颜色差值组,修改数据对象中的对象属性。上述执行主体还可以对上述备选颜色类型组和上述颜色差值组进行实
例化处理,得到配色算法对象。
[0072]
作为示例,备选颜色类型组可以是“同类色,背景色”。颜色差值组可以是“(-15,10,100),(-20,10,-30)”。其中,备选颜色类型“同类色”对应颜色差值“(-15,10,100)”。备选颜色类型“背景色”对应颜色差值“(-20,10,-30)”。上述执行主体可以创建以上述备选颜色类型组和上述颜色差值组为对象属性的数据对象,从而,得到配色算法对象。
[0073]
可选地,将上述配色算法对象存储至客户端数据库。
[0074]
在一些实施例中,上述执行主体可以将上述配色算法对象存储至客户端数据库。这里,客户端数据库可以是指客户端的本地存储(localstorage)。
[0075]
由此,可以将配色算法对象直接存储在客户端,在进行主题换肤时,无需与服务端进行信息交互,缩短了后续进行主题换肤时的加载时间。
[0076]
本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的页面主题色更换方法,缩短了配置配色方案的时间。具体来说,导致配置配色方案的时间较长的原因在于:研发人员若改动/增加主题皮肤样式的配色方案,需要相应地修改该主题皮肤样式的皮肤样式库,导致配置配色方案的时间较长。基于此,本公开的一些实施例的页面主题色更换方法,首先,响应于接收到目标用户输入的颜色信息,基于上述颜色信息,生成颜色数据对象。其中,上述颜色数据对象包括颜色类型组和对应上述颜色类型组中颜色类型的颜色色值。由此,便于后续建立主题颜色的颜色色值与其它颜色类型的颜色色值之间的色值变化关系。接着,将上述颜色数据对象包括的各个颜色色值的格式转化为目标格式。由此,便于后续确定主题颜色的颜色色值与其它颜色类型的颜色色值之间的颜色差值。然后,确定目标颜色类型的转化颜色色值与备选颜色类型组中每一备选颜色类型的转化颜色色值的颜色差值,得到颜色差值组。由此,可以确定出主题颜色的颜色色值与其它颜色类型的颜色色值之间的色值变化。最后,基于上述备选颜色类型组和上述颜色差值组,生成配色算法对象。由此,可以建立对应主题颜色的配色方案(配色算法对象)。也因为是依靠了配色与主题颜色的色值变化关系(颜色差值)建立的配色算法对象,后续可以利用配色算法对象与主题颜色之间的色值变化关系,构建主题皮肤样式,因此无需改动主题皮肤样式的皮肤样式库。从而,缩短了配置配色方案的时间。
[0077]
进一步参考图4,示出了根据本公开的页面主题色更换方法的另一些实施例。该页面主题色更换方法,包括以下步骤:
[0078]
步骤401,响应于接收到用户提交的对应于目标页面的主题色更换请求,从客户端数据库中读取对应上述主题色更换请求的配色算法对象作为目标配色算法对象。
[0079]
步骤402,根据目标主题颜色色值和上述目标配色算法对象,生成配色信息。
[0080]
步骤403,根据上述目标主题颜色色值和上述配色信息,生成目标颜色数据对象。
[0081]
步骤404,根据上述目标颜色数据对象,对上述目标页面对应的主题色进行更换处理。
[0082]
在一些实施例中,步骤401-404的具体实现及所带来的技术效果可以参考图2对应的那些实施例中的步骤201-204,在此不再赘述。
[0083]
步骤405,响应于接收到目标用户提交的配色算法对象修改请求,从上述客户端数据库中读取对应上述配色算法对象修改请求的配色算法对象作为备选配色算法对象。
[0084]
在一些实施例中,上述执行主体可以响应于接收到目标用户提交的配色算法对象
修改请求,从上述客户端数据库中读取对应上述配色算法对象修改请求的配色算法对象作为备选配色算法对象。这里,配色算法对象修改请求可以是对某一配色算法对象的进行修改的请求指令。这里,配色算法对象可以是指包括了至少一个颜色类型和确定上述至少一个颜色类型中每一颜色类型的颜色色值的颜色差值的数据对象。这里,目标用户可以指研发人员。实践中,上述执行主体可以响应于接收到目标用户提交的配色算法对象修改请求,通过有线连接或无线连接的方式从上述客户端数据库中读取对应上述配色算法对象修改请求所表征的配色算法对象作为备选配色算法对象。
[0085]
步骤406,响应于接收到上述目标用户提交的对应上述备选配色算法对象的修改信息,根据上述修改信息,对上述备选配色算法对象进行更新处理,得到更新配色算法对象。
[0086]
在一些实施例中,上述执行主体可以响应于接收到上述目标用户提交的对应上述备选配色算法对象的修改信息,根据上述修改信息,对上述备选配色算法对象进行更新处理,得到更新配色算法对象。这里,修改信息可以是指所修改的备选配色算法对象中的颜色类型或颜色类型对应的颜色色值。实践中,上述执行主体可以修改上述备选配色算法对象中对应上述修改信息的颜色类型或颜色类型对应的颜色色值,以对备选配色算法对象进行更新处理,得到更新配色算法对象。
[0087]
步骤407,将上述客户端数据库中存储的备选配色算法对象更新为上述更新配色算法对象。
[0088]
在一些实施例中,上述执行主体可以将上述客户端数据库中存储的上述备选配色算法对象更换为上述更新配色算法对象。
[0089]
可选地,响应于接收到目标用户提交的配色算法对象删除请求,删除上述客户端数据库中对应上述配色算法对象删除请求的配色算法对象。
[0090]
在一些实施例中,上述执行主体可以响应于接收到上述目标用户提交的配色算法对象删除请求,删除上述客户端数据库中对应上述配色算法对象删除请求的配色算法对象。这里,配色算法对象删除请求可以是指对某一配色算法对象的进行删除的请求指令。实践中,上述执行主体可以响应于接收到上述目标用户提交的配色算法对象删除请求,删除上述客户端数据库中上述配色算法对象删除请求表征的配色算法对象。
[0091]
从图4可以看出,与图2对应的一些实施例的描述相比,图4对应的一些实施例中的流程400完成了对客户端数据库中存储的配色算法对象的修改和更新。
[0092]
进一步参考图5,作为对上述各图所示方法的实现,本公开提供了一种页面主题色更换装置的一些实施例,这些装置实施例与图2所示的那些方法实施例相对应,该装置具体可以应用于各种电子设备中。
[0093]
如图5所示,一些实施例的页面主题色更换装置500包括:读取单元501、配色信息生成单元502、目标颜色数据对象生成单元503和更换单元504。其中,读取单元501,被配置成响应于接收到用户提交的对应于目标页面的主题色更换请求,从客户端数据库中读取对应上述主题色更换请求的配色算法对象作为目标配色算法对象,其中,上述配色算法对象为预先设置的、存储在上述客户端数据库中表征配色色值变化的算法对象;配色信息生成单元502,被配置成根据目标主题颜色色值和上述目标配色算法对象,生成配色信息;目标颜色数据对象生成单元503,被配置成根据上述目标主题颜色色值和上述配色信息,生成目
标颜色数据对象;更换单元504,被配置成根据上述目标颜色数据对象,对上述目标页面对应的主题色进行更换处理。
[0094]
可选地,上述配色信息包括至少一个配色色值。
[0095]
可选地,更换单元504进一步被配置成:将上述目标颜色数据对象包括的各个颜色色值的格式转化为预设格式,以对上述目标颜色数据对象进行更新,其中,上述各个颜色色值包括上述目标主题颜色色值和上述至少一个配色色值;根据更新后的目标颜色数据对象,对上述目标页面进行渲染处理。
[0096]
可选地,在配色信息生成单元502之前,装置500还包括:格式转化单元,被配置成响应于接收到用户输入的主题颜色色值,将上述主题颜色色值的格式转化为目标格式,以对上述主题颜色色值进行更新;色值确定单元,被配置成将更新后的主题颜色色值确定为目标主题颜色色值。
[0097]
可选地,上述客户端数据库中的配色算法对象是通过以下处理步骤得到:响应于接收到目标用户输入的颜色信息,基于上述颜色信息,生成颜色数据对象,其中,上述颜色数据对象包括颜色类型组和对应上述颜色类型组中颜色类型的颜色色值;将上述颜色数据对象包括的各个颜色色值的格式转化为目标格式;确定目标颜色类型的转化颜色色值与备选颜色类型组中每一备选颜色类型的转化颜色色值的颜色差值,得到颜色差值组,其中,上述目标颜色类型为上述颜色类型组中颜色类型为主题颜色的颜色类型,上述备选颜色类型组为去除了上述主题颜色的颜色类型组;基于上述备选颜色类型组和上述颜色差值组,生成配色算法对象。
[0098]
可选地,上述处理步骤还包括:将上述配色算法对象存储至上述客户端数据库。
[0099]
可选地,装置500还包括:配色算法对象读取单元,被配置成响应于接收到目标用户提交的配色算法对象修改请求,从上述客户端数据库中读取对应上述配色算法对象修改请求的配色算法对象作为备选配色算法对象;第一更新单元,被配置成响应于接收到上述目标用户提交的对应上述备选配色算法对象的修改信息,根据上述修改信息,对上述备选配色算法对象进行更新处理,得到更新配色算法对象;第二更新单元,被配置成将上述客户端数据库中存储的备选配色算法对象更新为上述更新配色算法对象。
[0100]
可选地,装置500还包括:删除单元,被配置成响应于接收到目标用户提交的配色算法对象删除请求,删除上述客户端数据库中对应上述配色算法对象删除请求的配色算法对象。
[0101]
可以理解的是,该装置500中记载的诸单元与参考图2描述的方法中的各个步骤相对应。由此,上文针对方法描述的操作、特征以及产生的有益效果同样适用于装置500及其中包含的单元,在此不再赘述。
[0102]
下面参考图6,其示出了适于用来实现本公开的一些实施例的电子设备(例如图1中的计算设备101)600的结构示意图。本公开的一些实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、pda(个人数字助理)、pad(平板电脑)、pmp(便携式多媒体播放器)等等的移动终端以及诸如数字tv、台式计算机等等的固定终端。图6示出的电子设备仅仅是一个示例,不应对本公开的实施例的功能和使用范围带来任何限制。
[0103]
如图6所示,电子设备600可以包括处理装置(例如中央处理器、图形处理器等)
601,其可以根据存储在只读存储器(rom)602中的程序或者从存储装置608加载到随机访问存储器(ram)603中的程序而执行各种适当的动作和处理。在ram 603中,还存储有电子设备600操作所需的各种程序和数据。处理装置601、rom602以及ram603通过总线604彼此相连。输入/输出(i/o)接口605也连接至总线604。
[0104]
通常,以下装置可以连接至i/o接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(lcd)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的存储装置608;以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图6中示出的每个方框可以代表一个装置,也可以根据需要代表多个装置。
[0105]
特别地,根据本公开的一些实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的一些实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的一些实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从rom602被安装。在该计算机程序被处理装置601执行时,执行本公开的一些实施例的方法中限定的上述功能。
[0106]
需要说明的是,本公开的一些实施例中记载的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的一些实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的一些实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、rf(射频)等等,或者上述的任意合适的组合。
[0107]
在一些实施方式中,客户端、服务器可以利用诸如http(hypertext transfer protocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“lan”),广域网(“wan”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
[0108]
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多
个程序被该电子设备执行时,使得该电子设备:响应于接收到用户提交的对应于目标页面的主题色更换请求,从客户端数据库中读取对应上述主题色更换请求的配色算法对象作为目标配色算法对象,其中,上述配色算法对象为预先设置的、存储在上述客户端数据库中表征配色色值变化的算法对象;根据目标主题颜色色值和上述目标配色算法对象,生成配色信息;根据上述目标主题颜色色值和上述配色信息,生成目标颜色数据对象;根据上述目标颜色数据对象,对上述目标页面对应的主题色进行更换处理。
[0109]
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的一些实施例的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如java、smalltalk、c++,还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
[0110]
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
[0111]
描述于本公开的一些实施例中的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括读取单元、配色信息生成单元、目标颜色数据对象生成单元和更换单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,更换单元还可以被描述为“根据上述目标颜色数据对象,对上述目标页面对应的主题色进行更新处理的单元”。
[0112]
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、片上系统(soc)、复杂可编程逻辑设备(cpld)等等。
[0113]
以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开的实施例中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1