CN104808908B - 一种显示界面处理方法及装置 - Google Patents

Abstract

本申请提供了一种显示界面处理方法及装置，在显示设备上同时显示第一界面和第二界面的情况下，从第一界面中截取第一图像，并对第一图像进行处理，得到第二图像，将第二图像设置为所述第二界面的背景，因为所述处理使得所述第一图像与所述第二图像具备相关性，因此，能够使得第二界面与第二界面在视觉上保持一致性，并且，又因为第二界面的背景为从第一界面中截取的图像进行处理后的图像，即所述第一图像与所述第二图像不同，所以，第二界面又与第一界面中不完全相同，所以，本实施例所述的显示界面处理方法及装置，能够实现同时显示的界面在视觉上既能够一致又能够被区分的目的。

Description

一种显示界面处理方法及装置

技术领域

本申请涉及电子信息领域，尤其涉及一种显示界面处理方法及装置。

背景技术

随着电子设备的发展，为了提高用户的使用体验，电子设备的显示界面的设计显得尤为重要。

目前，大多数电子设备可以在显示界面中同时显示多个界面，例如，如图1所示，显示界面中显示某个应用的界面101的同时，在显示界面的顶部还显示系统的状态栏102。在此情况下，如何实现同时显示的几个界面之间在视觉上既能够一致又能够被区分，成为目前亟待解决的问题。

发明内容

本申请提供了一种显示界面处理方法及装置，目的在于解决的如何实现同时显示的界面之间在视觉上既能够一致又能够被区分的问题。

为了实现上述目的，本申请提供了以下技术方案：

一种显示界面处理方法，应用于具有显示单元的移动终端，包括：

在所述移动终端的所述显示单元上同时显示第一界面和第二界面的情况下，从所述第一界面中截取第一图像；

通过将所述第一图像进行处理，得到第二图像，所述处理使得所述第一图像与所述第二图像具备相关性且所述第一图像与所述第二图像不同；

将所述第二图像设置为所述第二界面的背景。

可选地，所述通过将所述第一图像进行处理，得到第二图像包括：

通过将所述第一图像进行模糊处理，得到第二图像。

可选地，所述方法还包括：

将所述第二界面中的内容的亮度设置在第一范围内，所述第一范围内的亮度与所述第二图像的亮度的差值在第二范围内，所述第二范围使得所述第二界面中的内容区分于所述第二界面的背景。

可选地，所述第一范围包括与所述第二图像的亮度相反的亮度。

可选地，所述第一界面包括应用界面，所述第二界面包括系统界面。

可选地，所述从所述第一界面中截取第一图像包括：

从所述第一界面中的预设区域截取第一图像，所述预设区域为所述应用界面中与所述系统界面相邻且尺寸参数与所述系统界面相同的区域。

一种显示界面处理装置，应用于具有显示单元的移动终端，包括：

图像截取模块，用于在所述移动终端的所述显示单元上同时显示第一界面和第二界面的情况下，从所述第一界面中截取第一图像；

图像处理模块，用于通过将所述第一图像进行处理，得到第二图像，所述处理使得所述第一图像与所述第二图像具备相关性且所述第一图像与所述第二图像不同；

设置模块，用于将所述第二图像设置为所述第二界面的背景。

可选地，所述图像处理模块用于通过将所述第一图像进行处理，得到第二图像包括：

所述图像处理模块具体用于，通过将所述第一图像进行模糊处理，得到第二图像。

可选地，所述设置模块还用于：

将所述第二界面中的内容的亮度设置在第一范围内，所述第一范围内的亮度与所述第二图像的亮度的差值在第二范围内，所述第二范围使得所述第二界面中的内容区分于所述第二界面的背景。

可选地，所述设置模块用于将所述第二界面中的内容的亮度设置在第一范围内包括：

所述设置模块具体用于，将所述第二界面中的内容的亮度设置在第一范围内，所述第一范围包括与所述第二图像的亮度相反的亮度。

可选地，所述图像截取模块用于在显示设备上同时显示第一界面和第二界面的情况下，从所述第一界面中截取第一图像包括：

所述图像截取模块具体用于，在显示设备上同时显示第一界面和第二界面的情况下，从所述第一界面中截取第一图像，所述第一界面包括应用界面，所述第二界面包括系统界面。

可选地，所述图像截取模块用于从所述第一界面中截取第一图像包括：

所述图像截取模块具体用于，从所述第一界面中的预设区域截取第一图像，所述预设区域为所述应用界面中与所述系统界面相邻且尺寸参数与所述系统界面相同的区域。

本申请所述的界面显示方法及装置，在显示设备上同时显示第一界面和第二界面的情况下，从第一界面中截取第一图像，并对第一图像进行处理，得到第二图像，将第二图像设置为所述第二界面的背景，因为所述处理使得所述第一图像与所述第二图像具备相关性，因此，能够使得第二界面与第二界面在视觉上保持一致性，并且，又因为第二界面的背景为从第一界面中截取的图像进行处理后的图像，即所述第一图像与所述第二图像不同，所以，第二界面又与第一界面中不完全相同，所以，本实施例所述的界面显示方法及装置，能够实现同时显示的界面在视觉上既能够一致又能够被区分的目的。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为显示设备上同时显示多个界面示意的图；

图2为本申请实施例公开的一种显示界面处理方法的流程图；

图3为本申请实施例公开的又一种显示界面处理方法的流程图；

图4为本申请实施例公开的又一种显示界面处理方法的流程图；

图5为本申请实施例公开显示界面处理方法的使用效果示意图；

图6为本申请实施例公开的一种显示界面处理装置的结构示意图。

具体实施方式

本申请实施例公开了一种显示界面处理方法及装置，可以用于在移动终端上，所述移动终端具备显示单元，例如触摸显示屏，在移动终端的显示单元上，可以同时显示至少两个界面，例如某个应用的界面和系统的状态栏(图1中所示)。

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

本申请实施例公开的一种显示界面处理方法，如图2所示，包括以下步骤：

S201：在显示设备上同时显示第一界面和第二界面的情况下，从第一界面中截取第一图像；

本实施例中，第一界面和第二界面可以均为应用的界面，也可以一个为应用的界面，另一个为系统的界面，这里不做限定。

S202：通过对第一图像进行处理，得到第二图像；

本实施例中，对第一图像进行的处理使得所述第一图像与所述第二图像具备相关性且所述第一图像与所述第二图像不同，也就是说，实现以上效果的任意一种图像处理方式均可以被采用。

S203：将第二图像设置为第二界面的背景。

本实施例所述的方法，将从第一界面中截取的图像进行处理后，作为第二界面的背景，因为被截取的图像经过处理后，与处理前的图像相关但不完全相同，因此，既能够保证第一界面和第二界面在视觉上的一致性，又能够保证第二界面与第一界面能够被区分。

通常，界面中不仅包括背景，还包括显示内容，因此，在第一界面和第二界面达到一致且区分的效果下，还需要考虑显示内容的视觉效果。

本申请实施例公开的又一种显示界面处理方法，本实施例中，以显示界面中同时显示应用界面和系统界面为例进行说明。

如图3所示，本实施例中所述的方法包括以下步骤：

S301：检测到显示界面上同时显示应用界面和系统界面(第二界面)；

其中，系统界面可以为状态栏、工具栏及快速启动栏中的一种或多种。

S302：从应用界面中截取第一图像；

具体地，可以从应用界面中的预设区域截取第一图像，其中，预设区域可以为应用界面中与系统界面紧邻的区域，进一步地，本实施例中，应用界面中与系统界面紧邻的区域可以为：应用界面中与系统界面相邻、且尺寸参数与系统界面相同的区域。

本实施例中，可以使用现有的屏幕截取方式从应用的界面中截取第一图像。

S303：通过将第一图像进行模糊处理，得到第二图像；

S304：将第二图像设置为系统界面的背景；

S305：将系统界面中的内容的亮度设置在第一范围内，其中，第一范围内的亮度与第二图像的亮度的差值在第二范围内，第二范围使得系统界面中的内容区分于系统界面的背景。

本实施例中，可以将第二图像转换到HSI模式下，获得第二图像的亮度值。

也就是说，本实施例中，系统界面中的内容的显示亮度使得内容区分于系统界面的背景，从而使得在系统界面中，内容相对于背景具有醒目的视觉效果，从而提高用户的识别率，提升用户的使用体验。

下面以显示界面中同时包括应用界面(例如锁屏界面)及状态栏进行更为具体的说明。

本申请实施例公开的又一种显示界面处理方法，如图4所示，包括以下步骤：

S401：在应用界面发生变化后，确定显示界面上是否同时显示应用界面和状态栏；

S402：在显示界面上同时显示应用界面和状态栏的情况下，从应用界面中与状态栏相邻的、长宽高均与状态栏相同的区域中截取第一图像；

S403：使用高斯模糊算法对第一图像进行处理，得到第二图像；

S404：确定第二图像的亮度值，作为第一亮度值；

S405：将状态栏中的内容(例如文字和/或图标)的亮度值设置为第二亮度值，其中，第二亮度值与第一亮度值相反；

S406：将第二图像作为状态栏的背景。

现有技术中，有的将状态栏采用预设的方式设置成特定颜色，这样视觉效果差；有的为了提高状态栏与应用界面的视觉匹配度，通常将状态栏的背景设置为透明，使得状态栏能够完全显示出之下的应用界面的背景，这种沉浸式状态栏(背景完全透明)，使得状态栏本身的背景与应用界面完全相同，不仅丧失了状态栏的视觉独立性，并且，当状态栏中的内容与应用界面的背景的色调或亮度相近时，导致状态栏中的内容不容易被用户辨认。

本实施例中，如图5所示，将应用界面501的显示区域经过模糊后的图像设置为状态栏502及快速启动栏503的背景，与传统的沉浸式状态栏相比，既能保持与应用界面的一致性，又能与应用界面相区分，从而体现自身的独立性，并且，因为状态栏中的内容的亮度与状态栏的背景的亮度相反，因此，有利于用户辨识内容，从而提升用户的使用体验。

与上述方法实施例相对应地，本申请实施例还公开了一种显示界面处理装置，如图6所示，包括图像截取模块601、图像处理模块602以及设置模块603，其中：

图像截取模块601，用于在移动终端的显示单元上同时显示第一界面和第二界面的情况下，从所述第一界面中截取第一图像。

具体地，本实施例中，所述第一界面可以包括应用界面，所述第二界面可以包括系统界面。

进一步地，图像截取模块从所述第一界面中截取第一图像的具体实现方式可以为：从所述第一界面中的预设区域截取第一图像，所述预设区域为所述应用界面中与所述系统界面相邻且尺寸参数与所述系统界面相同的区域。

图像处理模块602，用于通过将所述第一图像进行处理，得到第二图像，所述处理使得所述第一图像与所述第二图像具备相关性且所述第一图像与所述第二图像不同。

具体地，图像处理模块通过将所述第一图像进行处理，得到第二图像的具体实现方式可以为：通过将所述第一图像进行模糊处理，得到第二图像。

设置模块603，用于将所述第二图像设置为所述第二界面的背景。

进一步地，设置模块还可以用于：将所述第二界面中的内容的亮度设置在第一范围内，所述第一范围内的亮度与所述第二图像的亮度的差值在第二范围内，所述第二范围使得所述第二界面中的内容区分于所述第二界面的背景。具体地，所述第一范围可以包括与所述第二图像的亮度相反的亮度。

本实施例所述的装置，可以应用在电子设备中，能够保证电子设备的显示界面上同时显示的界面之间在视觉上的一致性和独立性，从而提高用户的使用体验。

本实施例所述的装置的在实现其功能的过程中的具体执行流程可以参见图2、图3及图4所示的实施例，这里不再赘述。

本申请实施例方法所述的功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个移动终端可读取存储介质中。基于这样的理解，本申请实施例对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该软件产品存储在一个存储介质中，包括若干指令用以使得一台移动终端(可以是手机，PAD等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random AccessMemory)、磁碟或者光盘等各种可以存储程序代码的介质。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似部分互相参见即可。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种显示界面处理方法，应用于具有显示单元的移动终端，其特征在于，包括：

在所述移动终端的所述显示单元上同时显示第一界面和第二界面的情况下，从所述第一界面中截取第一图像，其中，所述第一界面为应用界面，所述第二界面为系统界面；

通过将所述第一图像进行处理，得到第二图像，所述处理使得所述第一图像与所述第二图像具备相关性且所述第一图像与所述第二图像不同；

将所述第二图像设置为所述第二界面的背景。

2.根据权利要求1所述的方法，其特征在于，所述通过将所述第一图像进行处理，得到第二图像包括：

通过将所述第一图像进行模糊处理，得到第二图像。

3.根据权利要求1或2所述的方法，其特征在于，还包括：

将所述第二界面中的内容的亮度设置在第一范围内，所述第一范围内的亮度与所述第二图像的亮度的差值在第二范围内，所述第二范围使得所述第二界面中的内容区分于所述第二界面的背景。

4.根据权利要求3所述的方法，其特征在于，所述第一范围包括与所述第二图像的亮度相反的亮度。

5.根据权利要求1所述的方法，其特征在于，所述从所述第一界面中截取第一图像包括：

从所述第一界面中的预设区域截取第一图像，所述预设区域为所述应用界面中与所述系统界面相邻且尺寸参数与所述系统界面相同的区域。

6.一种显示界面处理装置，应用于具有显示单元的移动终端，其特征在于，包括：

图像截取模块，用于在所述移动终端的所述显示单元上同时显示第一界面和第二界面的情况下，从所述第一界面中截取第一图像，其中，所述第一界面为应用界面，所述第二界面为系统界面；

图像处理模块，用于通过将所述第一图像进行处理，得到第二图像，所述处理使得所述第一图像与所述第二图像具备相关性且所述第一图像与所述第二图像不同；

设置模块，用于将所述第二图像设置为所述第二界面的背景。

7.根据权利要求6所述的装置，其特征在于，所述图像处理模块用于通过将所述第一图像进行处理，得到第二图像包括：

所述图像处理模块具体用于，通过将所述第一图像进行模糊处理，得到第二图像。

8.根据权利要求6或7所述的装置，其特征在于，所述设置模块还用于：

将所述第二界面中的内容的亮度设置在第一范围内，所述第一范围内的亮度与所述第二图像的亮度的差值在第二范围内，所述第二范围使得所述第二界面中的内容区分于所述第二界面的背景。

9.根据权利要求8所述的装置，其特征在于，所述设置模块用于将所述第二界面中的内容的亮度设置在第一范围内包括：

所述设置模块具体用于，将所述第二界面中的内容的亮度设置在第一范围内，所述第一范围包括与所述第二图像的亮度相反的亮度。

10.根据权利要求6所述的装置，其特征在于，所述图像截取模块用于从所述第一界面中截取第一图像包括：

所述图像截取模块具体用于，从所述第一界面中的预设区域截取第一图像，所述预设区域为所述应用界面中与所述系统界面相邻且尺寸参数与所述系统界面相同的区域。