CN104850395A - 界面显示方法和系统 - Google Patents

Abstract

本发明涉及一种界面显示方法和系统。一种界面显示方法包括步骤：获取应用程序的颜色属性；根据应用程序的颜色属性设置通知栏的背景颜色。通过获取应用程序的颜色属性，根据应用程序的颜色属性设置通知栏的背景颜色，从而使得通知栏的背景颜色与应用程序的颜色相匹配，实现了通知栏的背景颜色的更换，增强了界面的视觉效果。

Description

界面显示方法和系统

技术领域

本发明涉及电子设备技术领域，特别是涉及一种界面显示方法和系统。

背景技术

随着智能电子产品的普及，人们对于智能终端的功能要求越来越多样化，例如，背景颜色的多样化，主体风格的多样化等。智能终端的显示主界面通常包含通知栏，以显示信号强度、时间和电量等信息。

传统的智能终端的通知栏的背景颜色通常为黑色，而且通知栏与应用界面的关系为非全屏应用，即应用程序的界面与通知栏的界面是相互独立的，打开应用程序的时候，通知栏的颜色并不会随应用程序界面的颜色而改变。因此，传统的智能终端界面的视觉效果不佳。

发明内容

基于此，有必要针对上述问题，提供一种可以改变通知栏颜色、增强界面视觉效果的界面显示方法和系统。

一种界面显示方法，包括如下步骤：

获取应用程序的颜色属性；

在所述应用程序启动后，根据所述应用程序的颜色属性设置通知栏的背景颜色。

一种界面显示系统，包括：

属性获取模块，用于获取应用程序的颜色属性；

设置模块，用于根据所述应用程序的颜色属性设置通知栏的背景颜色。

上述的一种界面显示方法和系统，通过获取应用程序的颜色属性，根据应用程序的颜色属性设置通知栏的背景颜色，从而使得通知栏的背景颜色与应用程序的颜色相匹配，实现了通知栏的背景颜色的更换，增强了界面的视觉效果。

附图说明

图1为本发明界面显示方法较佳实施例的流程图；

图2为将通知栏的背景颜色设置为与应用程序的颜色属性相同或者相搭配的搭配颜色的步骤的具体流程图；

图3为获取通知栏的背景颜色的步骤的具体流程图；

图4为将通知栏的背景颜色更改为搭配颜色中的任意一种的步骤的具体流程图；

图5为本发明界面显示方法另一实施例的流程图；

图6为本发明界面显示系统第一实施例的模块图；

图7为图6所示的具体单元图；

图8为本发明界面显示系统第二实施例的模块图；

图9为本发明界面显示系统第三实施例的模块图。

具体实施方式

参考图1，本发明一种界面显示方法的较佳实施例中，包括步骤S110和步骤S130。

S110：获取应用程序的颜色属性。

移动终端包括智能手机和平板等可移动的智能设备。开启移动终端上装载的应用程序时，可以获取该应用程序的颜色属性。应用程序的颜色属性可以包括应用程序的图标颜色和界面颜色。应用程序的图标颜色为该应用程序显示在移动终端上的图标的颜色。用户打开移动终端上装载的应用程序之后，移动终端界面会显示该应用程序的界面，应用程序的界面颜色为打开应用程序时，应用程序显示的界面颜色。

S130：在应用程序启动后，根据应用程序的颜色属性设置通知栏的背景颜色。

通知栏为智能终端界面上显示网络运营商、电池电量、时间等的状态栏，一般设置在智能终端界面的最上面一栏。可以理解，通知栏的位置也可以设置在智能终端界面的最下面一栏。

其中一实施例中，应用程序的颜色属性包括应用程序的图标颜色，即步骤S110为：获取应用程序的图标颜色。对应地，步骤S130中根据应用程序的颜色属性设置通知栏的背景颜色的步骤包括：根据应用程序的图标颜色设置通知栏的背景颜色。每一个应用程序均有各自对应的图标颜色。根据应用程序的图标颜色设置通知栏的颜色，使得通知栏的背景颜色与应用程序的图标颜色相适应，增强视觉效果。

其中一实施例中，应用程序的颜色属性包括应用程序的界面颜色，即步骤S110为：获取应用程序的界面颜色。对应地，步骤S130中根据应用程序的颜色属性设置通知栏的背景颜的步骤具体包括：根据应用程序的界面颜色设置通知栏的背景颜色。不同的应用程序的界面颜色可能不一样，从而根据不同的界面颜色设置通知栏的不同的背景颜色。上述的一种界面显示方法，通过获取应用程序的颜色属性，根据应用程序的颜色属性设置通知栏的背景颜色，从而使得通知栏的背景颜色与应用程序的颜色相匹配，实现了通知栏的背景颜色的更换，增强了界面的视觉效果。

其中一实施例中，在应用程序启动后，步骤S130中根据应用程序的颜色属性设置通知栏的背景颜色具体包括：将通知栏的背景颜色设置为与应用程序的颜色属性相同或者相搭配的搭配颜色。

具体地，参考图2，将通知栏的背景颜色设置为与应用程序的颜色属性相同或者相搭配的搭配颜色的步骤包括步骤S210-步骤S213。

S210：获取应用程序的颜色属性的搭配颜色。

不同的应用程序的界面颜色或图标颜色可能不一样。因此，通过获取应用程序的界面颜色或图标颜色，根据界面颜色或图标颜色可以得到相匹配的搭配颜色。应用程序的颜色属性的搭配颜色包括与该颜色属性相同或者相搭配的颜色。

S211：获取通知栏的背景颜色。

S212：判断通知栏的背景颜色是否与搭配颜色相匹配。若是，则停止。若否，则执行下一步骤。

S213：根据搭配颜色对通知栏的背景颜色进行更改。

通过获取应用程序的颜色属性相匹配的搭配颜色，将通知栏的背景颜色与搭配颜色比较，当通知栏的背景颜色与搭配颜色不匹配时，根据搭配颜色更改通知栏的背景颜色，从而使得通知栏的背景颜色与应用程序的界面颜色相匹配，实现了通知栏的背景颜色的更换，增强了界面的视觉效果。当通知栏的背景颜色与搭配颜色匹配时，则不需要对通知栏的背景颜色进行更改，避免了重复设置通知栏的背景颜色。

应用程序的颜色属性包括应用程序的界面颜色时，在其中一实施例中，获取应用程序的界面颜色的步骤具体包括：获取应用程序的界面主颜色，得到界面颜色。主颜色为整体区域的多种颜色中，占用比例最多的颜色，得到的搭配颜色为与界面主颜色相匹配的颜色，提高了通知栏的背景颜色与界面颜色的匹配程度。

其中一实施例中，获取应用程序的界面颜色的步骤具体包括：获取应用程序与通知栏的相邻区域的主颜色，得到界面颜色。通过选择应用程序与通知栏的相邻区域的主颜色，增加了背景颜色与界面颜色的相互连接性。

上述获取应用程序的界面主颜色，得到界面颜色的步骤或获取应用程序与通知栏的相邻区域的主颜色，得到界面颜色的步骤对应的实施例中，对应的获取通知栏的背景颜色的步骤S211包括：获取通知栏的背景主颜色，得到通知栏的背景颜色。

其中一实施例中，获取应用程序的界面颜色的步骤包括步骤：

对应用程序的整体区域进行分区。

获取各分区的整体分区主颜色，得到界面颜色；或

获取各分区与通知栏的相邻区域的相邻分区主颜色，得到界面颜色。

对应地，此实施例中，参考图3，获取通知栏的背景颜色的步骤S211包括步骤S2110和步骤S2111。

S2110：对通知栏的整体区域进行与应用界面同样的分区。

S2111：获取各分区的分区背景主颜色，得到通知栏的背景颜色。

通过对应用程序的整体区域和通知栏的整体区域进行分区，获取各分区的主颜色，增加了界面颜色显示的多样性。步骤S212将应用程序和通知栏各分区颜色均分别进行匹配判断，颜色相匹配的分区无需进行步骤S213，颜色不匹配的分区进行步骤S213。

其中一实施例中，当搭配颜色为与应用程序的图标颜色或者界面颜色相同的颜色时，即搭配颜色只有一种，在此实施例中，步骤S212具体包括：判断通知栏的背景颜色是否与搭配颜色相同。步骤S213具体包括：将通知栏的背景颜色更改为搭配颜色。因此，通知栏的背景颜色与应用程序的颜色相同，使得智能终端界面视觉效果更好。

其中一实施例中，当搭配颜色为与应用程序的图标颜色或者界面颜色相搭配颜色时，搭配颜色有多种。具体地，与应用程序的图标颜色或者界面颜色相搭配的颜色可以为与界面颜色相同色系的颜色。通过设置多种搭配颜色，提供多种颜色搭配的风格，提高多样性。可以理解，与界面颜色或图标颜色相搭配的颜色也可以是与界面颜色或图标颜色非同色系但是视觉上相配的颜色。

搭配颜色包括多种颜色的实施例中，步骤S212具体包括：判断通知栏的背景颜色是否为搭配颜色中的一种。若通知栏的背景颜色属于搭配颜色中的一种，则不需要进行步骤S213，若否，则执行步骤S213。此实施例中，步骤S213具体包括：将通知栏的背景颜色更改为搭配颜色中的任意一种。因此，通知栏的背景颜色与应用程序的界面颜色相适，使得智能终端界面视觉效果更好。

其中一实施例中，参考图4，判断通知栏的背景颜色是否为搭配颜色中的一种的步骤之后，将通知栏的背景颜色更改为搭配颜色中的任意一种的步骤包括步骤S220-步骤S222。

S220：显示搭配颜色。

S221：根据接收的选择指令从搭配颜色中获取选定颜色。

S222：根据选定颜色对通知栏的背景颜色进行更改。

用户可以通过显示的搭配颜色进行自由选择，实现了用户的自主选择性。

其中一实施例中，参考图5，界面显示方法的步骤S130之后还包括步骤：

S150：将更改后的通知栏的背景颜色与应用程序匹配存储。对应地，界面显示方法的步骤S110之前还包括步骤：

S100：判断是否存储有与应用程序对应的更改后的通知栏的背景颜色。若是，则设置当前通知栏的背景颜色为存储的更改后的通知栏的背景颜色。否则，执行步骤S110。

通过存储应用程序和与该应用程序相对应的更改后的通知栏的背景颜色，该应用程序再次被打开时，首先判断是否存储有该应用程序对应的通知栏的背景颜色，若无，则执行步骤S110。若有，则可以直接设置当前通知栏的背景颜色，而不需要重新获取应用程序的界面颜色，节省了程序，提高了处理速度。

参考图6，一种界面显示系统，包括：属性获取模块110和设置模块130。属性获取模块110用于获取应用程序的颜色属性。设置模块130用于根据应用程序的颜色属性设置通知栏的背景颜色。

移动终端包括智能手机和平板等可移动的智能设备。开启移动终端上装载的应用程序时，可以获取该应用程序的颜色属性。应用程序的颜色属性可以包括应用程序的图标颜色和界面颜色。

通知栏为智能终端界面上显示网络运营商、电池电量、时间等的状态栏，一般设置在智能终端界面的最上面一栏。可以理解，通知栏的位置也可以设置在智能终端界面的最下面一栏。

其中一实施例中，应用程序的颜色属性包括应用程序的图标颜色，设置模块130根据应用程序的图标颜色设置通知栏的背景颜色。应用程序的图标颜色为该应用程序显示在移动终端上的图标的颜色。当获取到应用程序的图标颜色时，根据该图标颜色设置通知栏的背景颜色。

其中一实施例中，应用程序的颜色属性包括应用程序的界面颜色，设置模块130根据应用程序的界面颜色设置通知栏的背景颜色。用户打开移动终端上装载的应用程序之后，移动终端界面会显示该应用程序的界面，不同的应用程序界面的颜色可能不一样，从而根据不同的界面颜色设置通知栏的不同的背景颜色。

上述的一种界面显示系统，同样可以使得通知栏的背景颜色与应用程序的颜色相匹配，实现了通知栏的背景颜色的更换，增强了界面的视觉效果。

其中一实施例中，参考图7，属性获取模块110包括第一获取单元111和第二获取单元113。第一获取单元111用于获取应用程序的界面主颜色，得到界面颜色。第二获取单元113用于获取应用程序与通知栏的相邻区域的主颜色，得到界面颜色。第一获取单元111和第二获取单元113均用于获取界面颜色。主颜色为整体区域的多种颜色中，占用比例最多的颜色。

其中一实施例中，继续参考图7，设置模块130包括配色单元131和处理单元132。配色单元131用于获取与应用程序的颜色属性相同或者相搭配的搭配颜色。处理单元132用于将通知栏的背景颜色设置为搭配颜色。

其中一实施例中，属性获取模块110还包括用于获取通知栏的背景颜色的背景颜色获取单元(图未示)。处理单元132可用于判断通知栏的背景颜色是否与搭配颜色相匹配，并在通知栏的背景颜色与搭配颜色不匹配时将通知栏的背景颜色设置为搭配颜色。

其中一实施例中，背景颜色获取单元具体获取通知栏的主颜色，得到通知栏的背景颜色。

其中一实施例中，配色单元131得到的搭配颜色为与应用程序的颜色属性相同的颜色，即搭配颜色只有一种。在此实施例中，处理单元132判断通知栏的背景颜色是否与搭配颜色相同。若否，则处理单元132将通知栏的背景颜色更改为搭配颜色。因此，通知栏的背景颜色与应用程序的图标颜色或界面颜色相同，使得智能终端界面视觉效果更好。

其中一实施例中，配色单元131得到的搭配颜色为与应用程序的颜色属性相搭配的多种颜色。具体地，与界面颜色相搭配的颜色为与界面颜色相同色系的颜色。通过设置多种搭配颜色，提供多种颜色搭配的风格，提高多样性。可以理解，与应用属性的搭配颜色相搭配的颜色也可以是与应用程序的颜色属性非同色系但是视觉上相配的颜色。

搭配颜色包括多种颜色的实施例中，处理单元132判断背景颜色是否为搭配颜色中的一种。若背景颜色属于搭配颜色中的一种，则处理单元132将通知栏的背景颜色更改为搭配颜色中的任意一种。因此，通知栏的背景颜色与应用程序的颜色相适，使得智能终端界面视觉效果更好。

通过配色单元131获取应用程序的颜色属性相匹配的搭配颜色，处理单元132将通知栏的背景颜色与搭配颜色比较，当通知栏的背景颜色与搭配颜色不匹配时，根据搭配颜色更改通知栏的背景颜色，从而使得通知栏的背景颜色与应用程序的界面颜色相匹配，实现了通知栏的背景颜色的更换，增强了界面的视觉效果。

其中一实施例中，参考图8，界面显示系统还包括连接设置模块130的分区模块140，用于对应用程序的整体区域和通知栏的整体区域进行分区后将各分区区域发送至设置模块130，具体为发送至处理单元132。第一获取单元111根据处理单元132的分区区域获取各分区的整体分区主颜色，得到界面颜色，第二获取单元113根据处理单元132的分区区域获取各分区与通知栏的相邻区域的相邻分区主颜色，得到界面颜色。背景颜色获取单元获取各分区的分区背景主颜色，得到通知栏的背景颜色。通过对应用程序的整体区域和通知栏的整体区域进行分区，获取各分区的主颜色，从而处理单元132对各分区分别进行颜色匹配的判断，增加了界面颜色显示的多样性。处理单元132将应用程序和通知栏各分区的颜色均分别进行匹配判断，颜色相同的分区无需进行通知栏的颜色更改，颜色不匹配的分区进行颜色更改。

其中一实施例中，参考图9，界面显示系统还包括连接设置模块130的显示模块160和指令接收模块180，显示模块160用于显示配色单元131得到的多种搭配颜色，指令接收模块180用于接收选择指令并发送至处理单元132，处理单元132根据接收的选择指令从搭配颜色中选定颜色，并根据选定颜色对通知栏的背景颜色进行更改。用户根据显示的搭配颜色，通过指令接收模块180选择想要的颜色，实现了用户的自主选择性。

其中一实施例中，继续参考图9，界面显示系统还包括连接设置模块130的存储模块190，用于将更改后的通知栏的背景颜色与应用程序匹配存储。相应地，处理单元132还用于判断是否存储有与应用程序对应的更改后的通知栏的背景颜色。若是，则处理单元132设置当前通知栏的背景颜色为存储的更改后的通知栏的背景颜色。否则，属性获取模块110获取应用程序的颜色属性。

通过存储应用程序和与该应用程序相对应的更改后的通知栏的背景颜色，该应用程序再次被打开时，首先判断是否存储有该应用程序对应的通知栏的背景颜色，若无，则属性获取模块110获取应用程序的颜色属性。若有，则处理单元132可以直接设置当前通知栏的背景颜色，而不需要重新获取应用程序的界面颜色，节省了程序，提高了处理速度。

以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种界面显示方法，其特征在于，包括如下步骤：

获取应用程序的颜色属性；

在所述应用程序启动后，根据所述应用程序的颜色属性设置通知栏的背景颜色。

2.根据权利要求1所述的界面显示方法，其特征在于，

所述获取应用程序的颜色属性，包括：

获取应用程序的图标颜色；

所述根据所述应用程序的颜色属性设置通知栏的背景颜色，包括：

根据所述应用程序的图标颜色设置所述通知栏的背景颜色。

3.根据权利要求1所述的界面显示方法，其特征在于，

所述获取应用程序的颜色属性，包括：

获取应用程序的界面颜色；

所述根据所述应用程序的颜色属性设置通知栏的背景颜色，包括：

根据所述应用程序的界面颜色设置所述通知栏的背景颜色。

4.根据权利要求3所述的界面显示方法，其特征在于，

所述获取所述应用程序的界面颜色，包括：

获取所述应用程序的界面主颜色，得到所述界面颜色；或

获取所述应用程序与所述通知栏的相邻区域的主颜色，得到所述界面颜色。

5.根据权利要求1所述的界面显示方法，其特征在于，

所述根据所述应用程序的颜色属性设置通知栏的背景颜色的步骤，包括：

将所述通知栏的背景颜色设置为与所述应用程序的颜色属性相同或者相搭配的搭配颜色。

6.一种界面显示系统，其特征在于，包括：

属性获取模块，用于获取应用程序的颜色属性；

设置模块，用于根据所述应用程序的颜色属性设置通知栏的背景颜色。

7.根据权利要求6所述的界面显示系统，其特征在于，所述颜色属性包括所述应用程序的图标颜色；

所述设置模块根据所述应用程序的图标颜色设置所述通知栏的背景颜色。

8.根据权利要求6所述的界面显示系统，其特征在于，所述颜色属性包括所述应用程序的界面颜色；

所述设置模块根据所述应用程序的界面颜色设置所述通知栏的背景颜色。

9.根据权利要求8所述的界面显示系统，其特征在于，所述属性获取模块包括第一获取单元和第二获取单元；

所述第一获取单元用于获取所述应用程序的界面主颜色，得到所述界面颜色；

所述第二获取单元用于获取所述应用程序与所述通知栏的相邻区域的主颜色，得到所述界面颜色。

10.根据权利要求6所述的界面显示系统，其特征在于，所述设置模块包括配色单元和处理单元；

所述配色单元用于获取与所述应用程序的颜色属性相同或者相搭配的搭配颜色；

所述处理模块用于将所述通知栏的背景颜色设置为所述搭配颜色。