CN106855797A - 一种界面元素颜色的设置方法及装置 - Google Patents

Abstract

本申请公开了一种界面元素颜色的设置方法，用以提供一种设置界面元素的颜色属性的方案。方法包括：确定第一颜色值；根据所述第一颜色值，为界面元素的颜色属性赋值。本申请还公开了一种界面元素颜色的设置装置以及智能设备。

Description

一种界面元素颜色的设置方法及装置

技术领域

本申请涉及计算机技术领域，尤其涉及一种界面元素颜色的设置方法及装置。

背景技术

在实际场景中，用户在使用用户终端时，为了获得良好的用户体验，可能会期望为界面元素按照某种颜色进行显示。

然而，现有技术中还没有提供满足上述需求的解决方案。

发明内容

本申请实施例提供一种界面元素颜色的设置方法，用以提供一种设置界面元素的颜色属性的方案。

本申请实施例还提供一种界面元素颜色的设置装置，用以提供一种设置界面元素的颜色属性的方案。

本申请实施例还提供一种智能设备，用以提供一种设置界面元素的颜色属性的方案。

本申请实施例采用下述技术方案：

一种界面元素颜色的设置方法，包括：

确定第一颜色值；

根据所述第一颜色值，为界面元素的颜色属性赋值。

一种界面元素颜色的设置装置，包括：

颜色值确定单元，用于确定第一颜色值；

赋值单元，用于根据所述第一颜色值，为界面元素的颜色属性赋值。

一种智能设备，包括：

存储器，用于存储计算机程序指令；

处理器，耦合到所述存储器，用于读取所述存储器存储的计算机程序指令，并作为响应，执行如下操作：

确定第一颜色值；根据所述第一颜色值，为界面元素的颜色属性赋值。

本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：

由于可以利用确定的第一颜色值，实现为界面元素的颜色属性赋值，从而提供了一种设置界面元素颜色的方案。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1a为本申请实施例提供的界面元素颜色的设置方法的实现流程示意图；

图1b为本申请实施例提供的一种界面所包含的图标、文字、控件、显示区域分割线以及显示区域的示意图；

图1c为本申请实施例中根据第一颜色值以及系统Guideline色谱，为界面元素的颜色属性进行赋值的流程示意图；

图2a为本申请实施例提供的一种界面显示方法的实现流程示意图；

图2b为本申请实施例中预设的系统Guideline色谱所包括的9种颜色值，以及不同颜色值具备的相应的编号的示意图；

图2c为本申请实施例中不同的第一颜色值的编号，以及不同第一颜色值与第二颜色值的映射关系示意图；

图3为本申请实施例提供的一种界面元素颜色的设置装置的结构示意图。

具体实施方式

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

以下结合附图，详细说明本申请各实施例提供的技术方案。

实施例1

为解决现有技术只能为界面元素的颜色属性赋予默认颜色值而存在的灵活性较差的问题，本申请实施例1提供了一种界面元素颜色的设置方法。该方法的执行主体，可以但不限于为手机、平板电脑、个人电脑、智能电视以及任何具备操作系统的用户终端中的至少一种。此外，该方法的执行主体，也可以是可以安装在用户终端上的应用。

为便于描述，下文以该方法的执行主体为用户终端为例，对该方法的实施方式进行介绍。可以理解，该方法的执行主体为用户终端只是一种示例性的说明，并不应理解为对该方法的限定。

具体地，本申请实施例提供的界面元素颜色的设置方法的具体实现流程如图1a所示，包括如下步骤：

步骤11，用户终端确定颜色值(后文称第一颜色值)；

比如，用户终端可以根据下述至少一种信息，确定第一颜色值：

界面元素的状态；指定图片；指定事件；用户选取的颜色值。

以下介绍如何根据上述至少一种信息，确定第一颜色值：

1、根据界面元素的状态，确定第一颜色值。

其中，所述界面元素，一般是指颜色属性待设置的界面元素。所述界面元素，可以有不同状态。举例而言，若界面元素为控件“按钮”，而“按钮”具备三种状态，分别为“按下”、“常态”和“不可用”。本申请实施例中，可以预先设置这三种状态分别对应的颜色值。比如，可以设置“按下”对应表示深蓝色的颜色值；“常态”对应表示浅蓝色的颜色值；“不可用”对应表示灰色的颜色值。

那么，当“按钮”当前的状态为“按下”时，第三方应用可以利用“按下”对应的表示深蓝色的颜色值，对待设置图片的颜色属性进行设置。比如，可以直接将表示深蓝色的颜色值，设置为待设置图片的颜色属性的值；或者，也可以根据该表示深蓝色的颜色值，按照预设的颜色值计算方法计算颜色值，并将计算得到的颜色值，设置为待设置图片的颜色属性的值。

2、根据指定图片，确定第一颜色值。

所述指定图片，比如可以是用户终端本地保存的任意图片。所述图片，可以是矢量图，也可以是位图。如，可以默认所述图片是用户终端当前使用的壁纸，或者，所述图片可以是用户指定的某个图片。

所述壁纸，可以是桌面壁纸，也可以是锁屏壁纸，等等。

为了保证用户终端当前使用的壁纸发生变化后，能够高效地使得当前使用的壁纸的像素颜色值与界面元素的颜色值产生关联，本申请实施例中，当所述指定图片包括用户终端当前使用的壁纸时，步骤11具体可以包括下述子步骤Ⅰ～子步骤Ⅲ：

子步骤Ⅰ：用户终端接收壁纸设置指令；

子步骤Ⅱ：用户终端响应接收到的壁纸设置指令，将对应于壁纸设置指令的图像设置为用户终端当前使用的壁纸；

子步骤Ⅲ：根据对应于壁纸设置指令的图像的像素颜色值，确定第一颜色值。

通过上述子步骤Ⅰ～子步骤Ⅲ，可以实现在用户终端完成对于当前使用的壁纸的设置后，即可尽快确定第一颜色值。进一步结合图1a所示的步骤12，可以实现尽快使得用户终端当前使用的壁纸的像素颜色值与界面元素的颜色值产生关联，从而保证用户尽快获得较好的视觉体验。

所述用户指定的某个图片，比如可以是用户终端响应于接收到的图片选取指令而确定的某个图片。该图片选取指令，比如可以是针对图片的点击指令或者手势指令。

当所述指定图片为位图时，所述指定图片的各个像素具备颜色值，像素具备的颜色值也可称像素颜色值。各像素颜色值，均可以但不限于由一个或多个红绿蓝(Red Green Blue，RGB)数组表示，或者由根据RGB数组确定出的一个或多个参数值表示，等等。

所述的第一颜色值，是根据所述指定图片的像素颜色值确定的至少一个颜色值。具体而言，用户终端可以将所述指定图片的某个像素颜色值，确定为第一颜色值；或者，用户终端也可以计算所述指定图片的所有像素颜色值的均值，并将该均值确定为第一颜色值；或者，用户终端还可以统计所述指定图片中具备不同颜色值的像素的数量，并将统计出的所有数量中的最大数量所对应的颜色值，作为第一颜色值；或者，用户终端还可以确定用于表示所述指定图片的主色调的像素颜色值，并将该像素颜色值确定为第一颜色值；等等。

本申请实施例中，所述指定图片的像素颜色值，可以但不限于是用户终端通过对所述指定图片的像素的颜色值进行采样而获得的。

其中，上述“主色调”表示色彩外观的基本倾向。具体而言，一幅图像虽然用了多种颜色，但图像在色彩总体上是有一种倾向的，比如是偏蓝或偏红，是偏暖或偏冷等等，色彩外观的基本倾向就是一幅图像的主色调。通常，主色调从冷暖方面进行划分，可以有“暖色调”、“冷色调”和“中间色调”。一般地，红色、橙色、黄色为表示暖色调；绿色、蓝色、黑色表示冷色调；而灰色、紫色、白色则表示中间色调。冷色调的亮度越高，其整体感觉越偏暖，暖色调的亮度越高，其整体感觉越偏冷。

3、根据指定事件，确定第一颜色值。

所述指定事件，比如可以是与时间有关的事件，如节假日到来，或者用户生日到来，等等；或者，也可以是用户终端发生的事件，如用户终端接收到指定联系人的短消息、用户终端进行订单支付或者用户终端获取到指定类型的天气(如晴天或阴天)的预报信息，等等。

在当前存在指定事件时，可以根据各指定事件与颜色值的映射关系，确定与当前存在的该指定事件映射的颜色值。确定出的该颜色值，即可以作为所述的第一颜色值。

4、根据用户选取的颜色值，确定第一颜色值。

比如，可以显示包括至少两种颜色的颜色值界面；后续根据用户对显示的该颜色值界面中包括的颜色的选择，确定相应的颜色值；进而根据确定出的所述相应的颜色值，确定第一颜色值。比如，直接将确定出的所述相应的颜色值，确定为第一颜色值。

步骤12，用户终端根据确定的第一颜色值，为界面元素的颜色属性赋值。

一般地，界面元素具备各种与显示效果有关的属性，比如颜色属性、透明度属性、亮度属性，等等。用户终端通过利用属性值对所述与显示效果有关的属性进行赋值，可以实现在显示界面元素时，使得界面元素具备所述属性值对应的显示效果。

本申请实施例中，为界面元素的与显示效果有关的属性进行赋值，比如可以但不限于是指对作为界面元素背景图片的图片的属性进行赋值。该图片的大小和形状，可以是根据界面元素的预期显示效果来设置的。该图片可以是位图，也可以是矢量图。该图片可以具备，也可以不具备纹理特征或形状特征，本申请实施例对此不作限定。

本申请实施例中，用户终端可以根据根据指定图片确定的第一颜色值，为界面元素的颜色属性赋值，从而使得界面元素的颜色与第一颜色值产生关联。通过使界面元素的颜色与确定的第一颜色值产生关联，可以满足用户根据自身喜好而灵活设置界面元素颜色的需求。特别地，第一颜色值是根据指定图片确定的，且当所述指定图片为用户终端当前使用的壁纸时，通过使界面元素的颜色与所述当前使用的壁纸的颜色产生关联，还可以保证界面元素与所述当前使用的壁纸在颜色上的协调性，为用户带来赏心悦目的视觉体验。

本申请实施例中，针对具备不同状态的界面元素而言，根据确定的第一颜色值，为这样的界面元素的颜色属性赋值，具体可以包括：根据确定的第一颜色值，为界面元素处于第一状态时的颜色属性赋值。以前文所说的具备“按下”、“常态”和“不可用”三种状态的控件“按钮”为例，本申请实施例中，可以根据确定的第一颜色值，为“按钮”处于这三种状态中的任何一种状态时的颜色属性赋值。类似地，本申请实施例也可以实现对诸如功能图标处于开启状态时的颜色值赋值。其中，所述功能图标，比如可以但不限于包括蓝牙开关图标、无线网络开关图标以及飞行模式开关图标等功能图标中的至少一个。

本申请实施例中，可以根据第一颜色值，为一个界面元素的颜色属性赋值，也可以为多个界面元素的颜色属性赋值，本申请实施例对颜色属性被赋值的界面元素的数量不进行限定。

所述界面元素，可以但不限于包括图标、文字、控件、显示区域分割线以及显示区域等界面元素中的至少一种。本申请实施例中提供的一种界面所包含的图标、文字、控件、显示区域分割线以及显示区域的示意图如图1b所示。

所述界面元素，可以为基础应用的界面元素和/或第三方应用的界面元素。其中，所述基础应用，是指用户终端的操作系统以及操作系统自带的应用程序；所述第三方应用，是指安装在用户终端中的除基础应用外的其他应用程序。当所述界面元素为基础应用的界面元素时，用户终端一般可以通过调用系统接口，实现根据第一颜色值为基础应用的界面元素的颜色属性赋值；当所述界面元素为第三方应用的界面元素时，用户终端可以通过调用第三方应用向用户终端的操作系统开放的接口，实现根据第一颜色值为第三方应用的界面元素的颜色属性赋值。

本申请实施例中，在通过执行步骤11确定出第一颜色值后，可以根据第一颜色值为本地所有应用的所有界面元素的颜色属性赋值。

或者，在执行步骤12前，用户终端也可以接收应用选取指令，并响应于该指令，确定被选取的应用作为待调色的应用。从而步骤12的具体实现方式可以包括：用户终端根据第一颜色值，为待调色的应用的部分或全部界面元素的颜色属性赋值。

本申请实施例中，根据第一颜色值为界面元素的颜色属性赋值，比如可以包括：将第一颜色值，赋值给界面元素的颜色属性；或，根据第一颜色值，确定与第一颜色值相映射的第二颜色值，并根据确定的第二颜色值，为界面元素的颜色属性赋值。

针对后一种实现方式，实际应用中，可以设置预设数量的颜色值集合，并建立起各颜色值集合与不同颜色值范围的映射关系(后称第一映射关系)。其中，各颜色值集合分别包含至少一个颜色值；各颜色值集合中包含的颜色值，均相当于上述第二颜色值；各颜色值集合的合集，可称为系统Guideline色谱。基于系统Guideline色谱，步骤12的具体实现方式可以包括：

根据第一颜色值以及所述不同颜色值范围，确定第一颜色值所落入的颜色值范围；

根据第一映射关系，从系统Guideline色谱中，确定第一颜色值所落入的颜色值范围映射的颜色值集合；

根据确定的颜色值集合中的颜色值，为界面元素的颜色属性赋值。

本申请实施例中，根据确定的颜色值集合中的颜色值，可以为一个界面元素的颜色属性赋值，也可以为至少两个界面元素的颜色属性赋值。当确定的颜色值集合中包含一个颜色值时，可以将该颜色值赋值给一个或几个界面元素；当确定的颜色值集合中包含至少两个颜色值时，可以将包含的所述至少两个颜色值，分别赋值给相应的至少两个界面元素。

为使得界面中不同界面元素的颜色能够协调，从而让用户得到更好的视觉体验，在一种实施方式中，在设置颜色值集合后，可以建立颜色值集合中的不同颜色值与界面元素类别之间的映射关系(后称第二映射关系)。基于该第二映射关系，在根据第一映射关系，从系统Guideline色谱中，确定出第一颜色值所落入的颜色值范围映射的颜色值集合后，可以根据该第二映射关系，确定确定出的颜色值集合中的不同颜色值分别映射的界面元素类别，从而可以将确定的颜色值集合中的不同颜色值，分别赋值给相应类别的界面元素。比如，将确定出的颜色值集合X中的颜色值A，赋值给“控件”这一类别的界面元素；将X中的颜色值B，赋值给“图标”这一类别的界面元素，等等。

以第一颜色值为表示用户终端当前使用的桌面壁纸的主色调的颜色值，且系统Guideline色谱包含9套配色方案为例，根据该第一颜色值以及系统Guideline色谱，为界面元素的颜色属性进行赋值的流程示意图如图1c所示。

图1c左侧的方框，表示在根据第一颜色值对界面元素颜色属性进行赋值前用户终端的桌面，该桌面中使用了壁纸(该壁纸即用户终端当前使用的桌面壁纸)。采用本申请实施例提供的方案，可以确定用于表示该壁纸的主色调的颜色值，作为所述第一颜色值。

图1c的中间位置，为系统Guideline色谱包含的9种配色方案的示意图，图中的配色1～配色9表示9种配色方案。这9种配色方案，可以为9个颜色值集合，也可以是9种颜色值计算方式，等等。采用本申请实施例提供的方案，可以根据所述第一颜色值，确定与第一颜色值相映射的配色方案——如确定出的配色方案为图中的配色3。

图1c右侧的方框，表示根据配色3进行颜色属性赋值后的界面元素所在的界面。本申请实施例中，该界面中的部分或全部界面元素的颜色属性，可以是根据配色3来赋值的。

本申请实施例中，颜色值集合中的各颜色值，以及各颜色值映射的界面元素类别，可以是由用户界面(User Interface，UI)设计师根据符合大众审美的标准来设置的。因此，采用同一颜色值集合中的不同颜色值为相应类别的界面元素的颜色属性进行赋值，可以得到界面元素颜色搭配符合大众审美的界面，从而保证了用户良好的视觉体验。

本申请实施例中，根据第一颜色值，确定与第一颜色值相映射的第二颜色值的方式，也可以采用下述方式实现：

根据第一颜色值，以及预设的颜色值映射规则，计算第二颜色值。举例而言，若第一颜色值为由RGB数组(R，G，B)表示的颜色值，预设的颜色值映射规则为(R-50，G-50，B-50)，则当第一颜色值具体为(128，100，128)时，根据该计算公式，可以计算出第二颜色值(78，50，78)。

一般地，可以根据第一颜色值以及预设的一个颜色值映射规则，计算一个第二颜色值；也可以根据第一颜色值，以及针对不同类别的界面元素所分别预设的第二颜色值确定规则(该规则比如可以是颜色值映射规则)，确定不同类别的界面元素所对应的第二颜色值。基于确定出的不同类别的界面元素所对应的第二颜色值，可以为所述不同类别的界面元素的颜色属性赋值。比如，若确定出“控件”所对应的第二颜色值为X，确定出“图标”所对应的第二颜色值为Y，则可以将X赋值给“控件”的颜色属性，将Y赋值给“图标”的颜色属性。

比较根据预设的颜色值映射规则计算第二颜色值的方式，和基于预先设置颜色值集合确定第二颜色值的方式，前者的优势在于，可以节省预先设置的颜色值集合所占用的存储空间，后者的优势在于，确定第二颜色值的效率较高。在实际应用中，可以视实际需求从这两种方式中择一使用。当然，本申请实施例也可以采用其他方式确定第二颜色值。

在实际应用中，同一界面元素可能会具有不同的状态。比如，界面元素“控件”可能就会存在常态(normal)、被用户选中或按下(pressed)和不可用(disable)这三种状态。本申请实施例中，考虑到在界面元素具有不同的状态的场景下，为了避免用户的误操作，可以为界面元素的对应于不同状态的颜色属性赋值。比如，步骤12的具体实现方式可以包括下述子步骤1和子步骤1：

子步骤1：根据确定的第二颜色值，以及针对界面元素的至少一种状态分别设置的颜色值确定规则，确定对应于界面元素的至少一种状态的颜色值；

比如，继续沿用上述界面元素“控件”的例子，本申请实施例中，可以预先针对“控件”的三种状态normal、pressed和disable，分别设置相应的颜色值确定规则a、b、c。从而通过子步骤1，可以根据确定的第二颜色值，以及设置的颜色值确定规则a、b、c，分别确定出对应于“控件”的三种状态normal、pressed和disable的颜色值。

其中，上述颜色值确定规则，可以是简单的一个颜色值对应于另一个颜色值的映射关系，也可以是复杂的计算公式，本申请实施例对此不作限定。

子步骤2：根据通过执行子步骤1确定出的对应于界面元素的至少一种状态的颜色值，分别为界面元素的对应于至少一种状态的颜色属性赋值。

比如，继续沿用上例，当根据颜色值确定规则a，确定出对应于“控件”的normal状态的颜色值为Q时，以及根据颜色值确定规则b，确定出对应于“控件”的pressed状态的颜色值为O时，可以将Q赋值给“控件”的对应于normal状态的颜色属性，将O赋值给“控件”的对应于disable状态的颜色属性。

通过上述子步骤1和子步骤2，可以支持为界面元素的不同状态的颜色属性赋予不同的颜色值，从而实现对处于不同状态的界面元素的进行区分显示，使得用户能够得到较佳的视觉体验，并有效避免用户由于无法区分界面元素的不同状态而可能导致误操作，从而浪费系统处理资源的问题。

从用户的视觉体验出发，考虑到在对界面元素的颜色属性进行赋值的同时，若对界面元素的除颜色属性值外的其他与显示效果有关的属性进行赋值，能够使得界面元素的展现形式变得丰富，因此，在一种实施方式中，本申请实施例提供的该方法还可以进一步包括下述步骤：

根据针对界面元素的至少一种状态分别设置的、除颜色属性值外的与非颜色的显示效果有关的属性值的确定规则，确定对应于所述界面元素的至少一种状态的所述与非颜色的显示效果有关的属性值；

根据确定的所述与非颜色的显示效果有关的属性值，为所述界面元素的对应于至少一种状态的、除颜色属性值外的其他与显示效果有关的属性赋值。

其中，所述与非颜色的显示效果有关的属性值，可以包括但不限于下述至少一种：

透明度值；亮度值；灰度值。

本申请实施例中，步骤12的执行时机，比如可以是在接收到包含界面元素的界面的显示指令后，也可以是其他时机。本申请实施例对步骤12的执行时机不做限定。

本申请实施例中，考虑到颜色可以反映操作系统安全等级的一些界面元素等，其颜色往往表示一些固定的含义——如表示安全风险等级的界面元素，其颜色为蓝色，表示安全风险低；其颜色为红色，表示安全风险高。因此，这样的界面元素，其颜色值往往可以不用与第一颜色值产生关联。

针对上述这样的界面元素，本申请实施例中，在根据所述第一颜色值，为界面元素的颜色属性赋值前，可以判断界面元素是否为预先设置的、颜色属性值不可调整的界面元素。

若得到为是的判断结果，则可以不根据所述第一颜色值为界面元素的颜色属性赋值。若得到为否的判断结果，则可以执行步骤12，即根据所述第一颜色值，为界面元素的颜色属性赋值。

为了实现对界面元素是否为预先设置的、颜色属性值不可调整的界面元素进行辨识，本申请实施例中，比如可以为颜色属性值不可调整的界面元素，设置用于表示界面元素的颜色属性值不可调整的标识。基于该标识，可以判断界面元素是否为预先设置的、颜色属性值不可调整的界面元素。

采用本申请实施例提供的上述方法，由于可以利用确定的第一颜色值，实现为界面元素的颜色属性赋值，从而提供了一种设置界面元素颜色的方案。此外，该方案由于可以支持自动根据用户设置的壁纸等进行界面元素的颜色属性的调整，从而是一种非常高效的界面元素颜色属性值设置方案，相比于现有技术中采用调整用户终端的系统主题改变界面元素属性的方式相比，本方案由于效率较高，从而可以在达到调整界面元素颜色的目的的同时，节省用户终端处理器的处理资源。

需要说明的是，实施例1所提供方法的各步骤的执行主体均可以是同一设备，如同一用户终端或者同一服务器；或者，该方法也由不同设备作为执行主体。比如，步骤11的执行主体可以为用户终端，步骤12的执行主体可以为服务器。用户终端在通过执行步骤11确定出第一颜色值后，可以将该第一颜色值发送给服务器，从而触发服务器执行步骤12。

还需要说明的是，本申请实施例中为各步骤设置编号，是为了有条理地描述各步骤，并不是对步骤的执行顺序进行限制，即，本申请实施例中为各步骤设置的编号并不能视为限制步骤执行顺序的特征。

实施例2

为详细说明本申请实施例1提供的方法在实际应用中的实现方式，本申请实施例2结合实际应用场景，提供一种界面显示方法。该方法应用于手机的操作系统，具体包括如图2a所示的步骤。对于图2a包含的各步骤的详细介绍如下：

步骤21，手机接收元素颜色调整指令。

本申请实施例中，用户针对桌面上显示的、包含文字“界面元素颜色调整”的按钮发出的点击指令，即为该元素颜色调整指令；或者，用户在进行桌面壁纸(或者锁屏壁纸)设置时，针对“设置该图片为桌面壁纸”(或“设置该图片为锁屏壁纸”)选项发出的点击指令，也可作为该元素颜色调整指令。

步骤22，手机响应于接收到的元素颜色调整指令，对桌面壁纸(或者锁屏壁纸)的各像素的颜色值进行采集。

步骤23，手机根据采集到的所述各像素的颜色值，确定表示桌面壁纸(或者锁屏壁纸)的主色调的颜色值，即确定前文所述的第一颜色值。

步骤24，手机根据第一颜色值和预设的系统Guideline色谱，确定与第一颜色值相映射的颜色值，选取的该颜色值即确定前文所述的第二颜色值。

比如，假设预设的系统Guideline色谱包括如图2b所示的9种颜色值，且不同颜色值具备相应的编号，分别为图2b中所示的“#f8f8f8”、“#363636”等等。

进一步地，若假设确定的第一颜色值为表示主色调“白色”的颜色值，且该颜色值所映射的颜色值，为系统Guideline色谱中编号为“#f8f8f8”的颜色值(也为白色)，则确定出的第二颜色值，为该编号为“#f8f8f8”的颜色值。

类似地，除表示主色调为“白色”的第一颜色值外的其他第一颜色值，也可以分别映射系统Guideline色谱中其他编号的颜色值。各第一颜色值，也可以具备编号。本申请实施例中，不同的第一颜色值的编号，以及不同第一颜色值与第二颜色值的映射关系，可以参见图2c。

图2c中，每幅图像右上角中，均标注有相应的两个方框。两个方框中处于上方的方框中的颜色，表示该幅图像的主色调对应的颜色，该方框中的字符，表示该颜色的颜色值的编号；两个方框中处于下方的方框中的颜色，表示该幅图像的主色调所映射的系统Guideline色谱中的颜色值对应的颜色，该方框中的字符，表示系统Guideline色谱中的该颜色值的编号。可见，不同图像的主色调往往对应不同的颜色，而不同图像的主色调分别对应的颜色，又可以分别映射于系统Guideline色谱中的不同颜色值。

步骤25，假设指定界面元素，为基础应用的界面元素，则手机通过调用操作系统的接口，将确定的第二颜色值，赋值给处于normal状态的指定界面元素的颜色属性；

手机按照设定的颜色值计算公式，计算第三颜色值C3，并将第三颜色值，赋值给处于pressed状态的所述指定界面元素的颜色属性。此外，手机从第一透明度值范围(如[65％，90％])内选取一个透明度值，并将选取的该透明度值，赋值给处于pressed状态的所述指定界面元素的透明度属性；

手机将确定的第二颜色值，赋值给处于disable状态的所述指定界面元素的颜色属性，此外，从第二透明度值范围(如[20％，60％])内选取一个透明度值，并将选取的该透明度值，赋值给处于disable状态的所述指定界面元素的透明度属性。

步骤26，手机在检测到当前出现符合针对指定界面元素的展示条件的事件时，根据所述指定界面元素当前的状态，通过调用操作系统的接口，获取所述指定界面元素的、与所述当前的状态对应的颜色属性值以及透明度属性值，并根据获取到的颜色属性值以及透明度属性值，渲染包含所述指定界面元素的界面并对渲染得到的界面进行显示。

其中，当所述指定界面元素为桌面上的指定界面元素时，针对指定界面元素的展示条件，可以是触发手机展示所述桌面的条件，比如，可以是接收到用户针对“HOME”键的点击指令。当所述指定界面元素为下拉通知中心中的图标时，针对界面元素的展示条件，可以是触发手机展示所述下拉通知中心的条件，比如，可以是接收到用户通过桌面输入的由桌面上方滑向桌面下方的滑动手势指令。其中，所述下拉通知中心，是指用于对系统通知、系统功能开关(如蓝牙开关或飞行模式开关等)和/或用户常用的应用等进行展示的界面，其一般处于隐藏状态，当手机检测到展示所述下拉通知中心的条件时，会对该界面进行展示。

采用本申请实施例2提供的上述方案，可以实现根据用户终端当前使用的壁纸的像素颜色值，实现为基础应用的指定界面元素的颜色属性赋值，从而提供了一种灵活地设置界面元素颜色的方案，避免了现有技术只能为界面元素的颜色属性赋予默认颜色值而存在的灵活性较差的问题。在实际应用中，若指定界面元素为第三方应用的界面元素，则若第三方应用向手机的操作系统开放了数据访问接口，手机就可以采用上述类似步骤实现对于第三方应用的界面的渲染与显示。特别地，针对步骤25而言，手机可以通过调用该数据访问接口，实现对于界面元素的颜色属性(或透明度属性等)进行赋值。

本申请实施例2提供的该方案，可以支持用户每调整一次当前使用的壁纸(桌面壁纸或锁屏壁纸)，就进行一次界面元素颜色的自适应调整，从而用户可以享受到非常愉悦的视觉体验。纵观现有技术中的各种移动设备，还没有哪一种移动设备，能够实现界面元素颜色根据壁纸的调整而自适应调整，因此本方案也是提供了一种开创性的发明。

实施例3

本申请实施例提供一种界面元素颜色的设置装置，用以提供一种设置界面元素的颜色属性的方案。该装置的具体结构示意图如图3所示，包括颜色值确定单元31和赋值单元32。

其中：

颜色值确定单元31，主要用于确定第一颜色值。

比如，颜色值确定单元31具体可以用于根据下述至少一种信息，确定第一颜色值：

所述界面元素的状态；指定图片；指定事件；用户选取的颜色值。

具体而言，颜色值确定单元31可以根据用户终端当前使用的壁纸的颜色值，和/或图片选取指令所对应的图片的颜色值，确定第一颜色值；或者，颜色值确定单元31可以根据所述界面元素的不同状态与颜色值的映射关系，确定所述界面元素的当前状态映射的颜色值；或者，颜色值确定单元31可以在当前存在第一指定事件时，根据各指定事件与颜色值的映射关系，确定与所述第一指定事件映射的颜色值；或者，颜色值确定单元31可以显示包括至少两种颜色的颜色值界面，并根据用户对所述颜色值界面中包括的颜色的选择，确定第一颜色值。

赋值单元32，主要用于根据颜色值确定单元31确定的第一颜色值，为界面元素的颜色属性赋值。

在一种实施方式中，赋值单元32可以根据颜色值确定单元31确定的第一颜色值，为界面元素处于第一状态时的颜色属性赋值。

在一种实施方式中，所述界面元素包括：功能图标；所述第一状态包括：所述功能图标表征的相应功能处于开启状态。

本申请实施例中，赋值单元32，具体可以用于将颜色值确定单元31确定的第一颜色值，赋值给界面元素的颜色属性；或，根据颜色值确定单元31确定的第一颜色值，确定与所述第一颜色值相映射的第二颜色值；并根据确定的第二颜色值，为界面元素的颜色属性赋值。

在一种实施方式中，赋值单元32，可以用于根据颜色值确定单元31确定的第一颜色值，从预先设置的第二颜色值集合包含的各第二颜色值中确定第二颜色值；或，根据第一颜色值以及预设的颜色值映射规则，计算第二颜色值。

在一种实施方式中，赋值单元32，可以用于根据第一颜色值，以及针对不同类别的界面元素所分别预设的第二颜色值确定规则，确定所述不同类别的界面元素所对应的第二颜色值；并根据所述不同类别的界面元素所对应的第二颜色值，为所述不同类别的界面元素的颜色属性赋值。

为了使得用户能够直观地获知界面元素当前所处的状态，在一种实施方式中，赋值单元32可以用于：根据颜色值确定单元31确定的第二颜色值，以及针对所述界面元素的至少一种状态分别设置的颜色值确定规则，确定对应于所述界面元素的至少一种状态的颜色值；以及，根据对应于所述界面元素的至少一种状态的颜色值，分别为所述界面元素的对应于至少一种状态的颜色属性赋值。

为了使得用户能够直观地获知界面元素当前所处的状态，在一种实施方式中，本申请实施例提供的该装置还可以包括：其他属性值确定单元。该其他属性值确定单元，用于确定对应于界面元素的与非颜色的显示效果有关的属性值。相应地，赋值单元32，还用于根据其他属性值确定单元确定的与非颜色的显示效果有关的属性值，为界面元素的与非颜色的显示效果有关的属性赋值。

本申请实施例中，所述与非颜色的显示效果有关的属性值，可以包括下述至少一种：

透明度值；

亮度值；

灰度值。

在一种实施方式中，当所述指定图片包括用户终端当前使用的壁纸时，颜色值确定单元31可以用于：

接收壁纸设置指令；

响应于壁纸设置指令，将对应于所述壁纸设置指令的图像设置为用户终端当前使用的壁纸；

根据所述对应于所述壁纸设置指令的图像的像素颜色值，确定第一颜色值。

本申请实施例提供的该装置，还可以支持根据确定的第一颜色值，为满足指定条件的界面元素赋值。比如，赋值单元还可以用于：根据确定的第一颜色值，为界面元素的颜色属性赋值前，判断所述界面元素是否为预先设置的、颜色属性值不可调整的界面元素；得到为否的判断结果。

在一种实施方式中，所述界面元素，可以包括下述至少一种：

图标；文字；控件；显示区域分割线；显示区域。

在一种实施方式中，所述界面元素，可以为基础应用的界面元素，和/或第三方应用的界面元素。

采用本申请实施例提供的上述装置，由于可以利用确定的第一颜色值，实现为界面元素的颜色属性赋值，从而提供了一种设置界面元素颜色的方案。此外，该方案由于可以支持自动根据用户设置的壁纸等进行界面元素的颜色属性的调整，从而是一种非常高效的界面元素颜色属性值设置方案，相比于现有技术中采用调整用户终端的系统主题改变界面元素属性的方式相比，本方案由于效率较高，从而可以在达到调整界面元素颜色的目的的同时，节省用户终端处理器的处理资源。

实施例4

本申请实施例提供一种智能设备，用以提供一种设置界面元素的颜色属性的方案。该智能设备，主要包括下述功能单元：

存储器，用于存储计算机程序指令；

处理器，耦合到存储器，用于读取存储器存储的计算机程序指令，并作为响应，执行如下操作：确定第一颜色值；根据第一颜色值，为界面元素的颜色属性赋值。

在一种实施方式中，处理器具体可以用于：为界面元素处于第一状态时的颜色属性赋值。

在一种实施方式中，所述界面元素包括：功能图标；所述第一状态包括：所述功能图标表征的相应功能处于开启状态。

在一种实施方式中，处理器具体可以用于：

根据下述至少一种信息，确定第一颜色值：

所述界面元素的状态；指定图片；指定事件；用户选取的颜色值。

具体而言，处理器可以根据指定图片的像素颜色值，确定用于表示所述指定图片的主色调的颜色值，作为第一颜色值；或者，处理器可以根据界面元素的不同状态与颜色值的映射关系，确定所述界面元素的当前状态映射的颜色值，作为第一颜色值；或者，处理器可以在当前存在第一指定事件时，根据各指定事件与颜色值的映射关系，确定与所述第一指定事件映射的颜色值，作为第一颜色值；或者，处理器可以显示包括至少两种颜色的颜色值界面，并根据用户对所述颜色值界面中包括的颜色的选择，确定第一颜色值。

就如何实现对界面元素的颜色属性赋值而言，所述处理器，比如可以将所述第一颜色值，赋值给所述界面元素的颜色属性；或，根据所述第一颜色值，确定与所述第一颜色值相映射的第二颜色值；并根据确定的第二颜色值，为所述界面元素的颜色属性赋值。

在一种实施方式中，所述处理器可以根据所述第一颜色值，从预先设置的第二颜色值集合包含的各第二颜色值中确定第二颜色值；或，根据所述第一颜色值以及预设的颜色值映射规则，计算第二颜色值。

在一种实施方式中，所述处理器可以用于：根据所述第一颜色值，以及针对不同类别的界面元素所分别预设的第二颜色值确定规则，确定所述不同类别的界面元素所对应的第二颜色值；根据所述不同类别的界面元素所对应的第二颜色值，为所述不同类别的界面元素的颜色属性赋值。

在一种实施方式中，所述处理器可以用于根据所述确定的第二颜色值，以及针对所述界面元素的至少一种状态分别设置的颜色值确定规则，确定对应于所述界面元素的至少一种状态的颜色值；根据对应于所述界面元素的至少一种状态的颜色值，分别为所述界面元素的对应于至少一种状态的颜色属性赋值。

本申请实施例提供的该智能设备，还可以实现对界面元素的与非颜色的显示效果有关的属性赋值。具体而言，该智能设备中的处理器，还可以用于确定对应于所述界面元素的与非颜色的显示效果有关的属性值；根据其他属性值确定单元确定的所述与非颜色的显示效果有关的属性值，为所述界面元素的与非颜色的显示效果有关的属性赋值。

所述与非颜色的显示效果有关的属性值，可以但不限于包括下述至少一种：

透明度值；亮度值；灰度值。

采用本申请实施例提供的上述智能设备，由于可以利用确定的第一颜色值，实现为界面元素的颜色属性赋值，从而提供了一种设置界面元素颜色的方案。此外，该方案由于可以支持自动根据用户设置的壁纸等进行界面元素的颜色属性的调整，从而是一种非常高效的界面元素颜色属性值设置方案，相比于现有技术中采用调整用户终端的系统主题改变界面元素属性的方式相比，本方案由于效率较高，从而可以在达到调整界面元素颜色的目的的同时，节省用户终端处理器的处理资源。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (34)

1.一种界面元素颜色的设置方法，其特征在于，包括：

确定第一颜色值；

根据所述第一颜色值，为界面元素的颜色属性赋值。

2.如权利要求1所述的方法，其特征在于，为界面元素的颜色属性赋值，包括：

为界面元素处于第一状态时的颜色属性赋值。

3.如权利要求2所述的方法，其特征在于，所述界面元素包括：功能图标；所述第一状态包括：所述功能图标表征的相应功能处于开启状态。

4.如权利要求1所述的方法，其特征在于，确定第一颜色值，包括：

根据下述至少一种信息，确定第一颜色值：

所述界面元素的状态；

指定图片；

指定事件；

用户选取的颜色值。

5.如权利要求1所述的方法，其特征在于，根据所述第一颜色值，为界面元素的颜色属性赋值，包括：

将所述第一颜色值，赋值给所述界面元素的颜色属性；或，

根据所述第一颜色值，确定与所述第一颜色值相映射的第二颜色值；并根据确定的第二颜色值，为所述界面元素的颜色属性赋值。

6.如权利要求5所述的方法，其特征在于，根据所述第一颜色值，确定与所述第一颜色值相映射的第二颜色值，包括：

根据所述第一颜色值，从预先设置的第二颜色值集合包含的各第二颜色值中确定第二颜色值；或，

根据所述第一颜色值以及预设的颜色值映射规则，计算第二颜色值。

7.如权利要求5所述的方法，其特征在于：

根据所述第一颜色值，确定与所述第一颜色值相映射的第二颜色值，包括：

根据所述第一颜色值，以及针对不同类别的界面元素所分别预设的第二颜色值确定规则，确定所述不同类别的界面元素所对应的第二颜色值；

根据确定的第二颜色值，为所述界面元素的颜色属性赋值，包括：

根据所述不同类别的界面元素所对应的第二颜色值，为所述不同类别的界面元素的颜色属性赋值。

8.如权利要求5所述的方法，其特征在于，根据确定的第二颜色值，为所述界面元素的颜色属性赋值，包括：

根据所述确定的第二颜色值，以及针对所述界面元素的至少一种状态分别设置的颜色值确定规则，确定对应于所述界面元素的至少一种状态的颜色值；

根据对应于所述界面元素的至少一种状态的颜色值，分别为所述界面元素的对应于至少一种状态的颜色属性赋值。

9.如权利要求1所述的方法，其特征在于，所述方法还包括：

确定对应于所述界面元素的与非颜色的显示效果有关的属性值；

根据确定的所述与非颜色的显示效果有关的属性值，为所述界面元素的与非颜色的显示效果有关的属性赋值。

10.如权利要求9所述的方法，其特征在于，所述与非颜色的显示效果有关的属性值，包括下述至少一种：

透明度值；

亮度值；

灰度值。

11.如权利要求4所述的方法，其特征在于，根据指定图片，确定第一颜色值，包括：

根据用户终端当前使用的壁纸的颜色值，和/或图片选取指令所对应的图片的颜色值，确定第一颜色值。

12.如权利要求11所述的方法，其特征在于，根据指定图片的颜色值，确定第一颜色值，包括：

根据所述指定图片的像素颜色值，确定用于表示所述指定图片的主色调的颜色值。

13.如权利要求11或12所述的方法，其特征在于，当所述指定图片包括用户终端当前使用的壁纸时，根据指定图片的颜色值，确定第一颜色值，包括：

接收壁纸设置指令；

响应于壁纸设置指令，将对应于所述壁纸设置指令的图像设置为用户终端当前使用的壁纸；

根据所述对应于所述壁纸设置指令的图像的像素颜色值，确定第一颜色值。

14.如权利要求4所述的方法，其特征在于，根据所述界面元素的状态，确定第一颜色值，包括：

根据所述界面元素的不同状态与颜色值的映射关系，确定所述界面元素的当前状态映射的颜色值。

15.如权利要求4所述的方法，其特征在于，根据指定事件，确定第一颜色值，包括：

在当前存在第一指定事件时，根据各指定事件与颜色值的映射关系，确定与所述第一指定事件映射的颜色值。

16.如权利要求4所述的方法，其特征在于，根据用户选取的颜色值，确定第一颜色值，包括：

显示包括至少两种颜色的颜色值界面，并根据用户对所述颜色值界面中包括的颜色的选择，确定第一颜色值。

17.如权利要求1所述的方法，其特征在于，根据所述第一颜色值，为界面元素的颜色属性赋值前，所述方法还包括：

判断所述界面元素是否为预先设置的、颜色属性值不可调整的界面元素；

得到为否的判断结果。

18.如权利要求1～8、10～12、14～17任一权项所述的方法，其特征在于，所述界面元素，包括下述至少一种：

图标；文字；控件；显示区域分割线；显示区域。

19.如权利要求1所述的方法，其特征在于，所述界面元素，包括基础应用的界面元素，和/或第三方应用的界面元素。

20.一种界面元素颜色的设置装置，其特征在于，包括：

颜色值确定单元，用于确定第一颜色值；

赋值单元，用于根据所述第一颜色值，为界面元素的颜色属性赋值。

21.如权利要求20所述的装置，其特征在于，赋值单元具体用于：

为界面元素处于第一状态时的颜色属性赋值。

22.如权利要求20所述的装置，其特征在于，所述界面元素包括：功能图标；所述第一状态包括：所述功能图标表征的相应功能处于开启状态。

23.如权利要求20所述的装置，其特征在于，颜色值确定单元具体用于：

根据下述至少一种信息，确定第一颜色值：

所述界面元素的状态；

指定图片；

指定事件；

用户选取的颜色值。

24.如权利要求20所述的装置，其特征在于，赋值单元，用于：

将所述第一颜色值，赋值给所述界面元素的颜色属性；或，

根据所述第一颜色值，确定与所述第一颜色值相映射的第二颜色值；并根据确定的第二颜色值，为所述界面元素的颜色属性赋值。

25.如权利要求24所述的装置，其特征在于，赋值单元，用于：

根据所述第一颜色值，从预先设置的第二颜色值集合包含的各第二颜色值中确定第二颜色值；或，

根据所述第一颜色值以及预设的颜色值映射规则，计算第二颜色值。

26.如权利要求24所述的装置，其特征在于，赋值单元，用于：

根据所述第一颜色值，以及针对不同类别的界面元素所分别预设的第二颜色值确定规则，确定所述不同类别的界面元素所对应的第二颜色值；

根据所述不同类别的界面元素所对应的第二颜色值，为所述不同类别的界面元素的颜色属性赋值。

27.如权利要求24所述的装置，其特征在于，赋值单元，用于：

根据所述确定的第二颜色值，以及针对所述界面元素的至少一种状态分别设置的颜色值确定规则，确定对应于所述界面元素的至少一种状态的颜色值；

根据对应于所述界面元素的至少一种状态的颜色值，分别为所述界面元素的对应于至少一种状态的颜色属性赋值。

28.如权利要求20所述的装置，其特征在于，所述装置还包括：

其他属性值确定单元，用于确定对应于所述界面元素的与非颜色的显示效果有关的属性值；

所述赋值单元，还用于根据其他属性值确定单元确定的所述与非颜色的显示效果有关的属性值，为所述界面元素的与非颜色的显示效果有关的属性赋值。

29.如权利要求28所述的装置，其特征在于，所述与非颜色的显示效果有关的属性值，包括下述至少一种：

透明度值；

亮度值；

灰度值。

30.如权利要求23所述的装置，其特征在于，颜色值确定单元，具体用于：

根据所述指定图片的像素颜色值，确定用于表示所述指定图片的主色调的颜色值。

31.如权利要求23所述的装置，其特征在于，颜色值确定单元，具体用于：

根据所述界面元素的不同状态与颜色值的映射关系，确定所述界面元素的当前状态映射的颜色值。

32.如权利要求23所述的装置，其特征在于，颜色值确定单元，具体用于：

在当前存在第一指定事件时，根据各指定事件与颜色值的映射关系，确定与所述第一指定事件映射的颜色值。

33.如权利要求23所述的装置，其特征在于，颜色值确定单元，具体用于：

显示包括至少两种颜色的颜色值界面，并根据用户对所述颜色值界面中包括的颜色的选择，确定第一颜色值。

34.一种智能设备，其特征在于，包括：

存储器，用于存储计算机程序指令；

处理器，耦合到所述存储器，用于读取所述存储器存储的计算机程序指令，并作为响应，执行如下操作：

确定第一颜色值；根据所述第一颜色值，为界面元素的颜色属性赋值。