CN104834429A - 一种界面显示方法及电子设备 - Google Patents

Abstract

本发明公开一种界面显示方法及电子设备。所述方法应用于具有显示单元的电子设备，所述显示单元显示有第一界面，所述方法包括：当在所述显示单元上显示第二界面时，判断第二界面是否与第一界面具有重叠区域，生成一判断结果；当所述判断结果为是时，对所述第一界面进行模糊处理。采用本发明的方法或电子设备，可以对弹出的窗口的底层界面上的内容进行弱化，避免底层界面上的内容对用户造成干扰，提高用户体验。

Description

一种界面显示方法及电子设备

技术领域

本发明涉及数据处理领域，特别是涉及一种界面显示方法及电子设备。

背景技术

时下的电子设备，通常都具有显示单元。电子设备通过显示单元可以显示各种界面。在各种界面中，弹出的窗口是一种比较特殊的界面。

例如，在智能手机上，当用户选中了一段文字之后，就可以弹出一个窗口。该窗口上可以提示复制、剪切、粘贴等选项。

然而，现有技术中，在弹出窗口以后，弹出的窗口的底层界面上的内容还会清晰地显示在显示单元上。底层界面上的内容会对用户造成干扰，导致用户不易识别弹出的窗口上的显示内容。

发明内容

本发明的目的是提供一种界面显示方法及电子设备，能够对弹出的窗口的底层界面上的内容进行弱化，避免底层界面上的内容对用户造成干扰，提高用户体验。

为实现上述目的，本发明提供了如下方案：

一种界面显示方法，应用于具有显示单元的电子设备，所述显示单元显示有第一界面，所述方法包括：

当在所述显示单元上显示第二界面时，

判断第二界面是否与第一界面具有重叠区域，生成一判断结果；

当所述判断结果为是时，对所述第一界面进行模糊处理。

可选的，所述对所述第一界面进行模糊处理，具体包括：

利用高斯函数，对第一界面的图像做卷积运算，从而实现对所述第一界面进行高斯模糊处理；其中，所述高斯函数为：

$G(x,y)=\frac{1}{2\mathrm{\π}{\mathrm{\σ}}^2}{e}^{-\frac{{(x-m/2)}^2+{(y-n/2)}^2}{{2\mathrm{\σ}}^2}}$

其中，x表示第一界面中的像素的横坐标，y表示该像素的纵坐标，σ表示正态分布的标准差，m/2表示被模糊点的横坐标，n/2表示被模糊点的纵坐标，G表示该像素的色值在对所述被模糊点进行模糊处理时的权重。

可选的，所述对所述第一界面的显示内容进行模糊处理之后，所述方法还包括：

获得用于呈现所述第一界面的第一图层；

获得用于呈现所述第二界面的第二图层；

在所述第一界面所在的第一图层与所述第二界面所在的第二图层之间添加第三图层，所述第三图层的透明度大于或等于第一预设透明度。

可选的，所述对所述第一界面进行模糊处理，具体包括：

对所述第一界面所在的第一图层进行高斯模糊处理；

在所述第一图层与所述第二界面所在的第二图层之间添加第四图层；所述第四图层的透明度大于或等于第二预设透明度。

一种电子设备，应用于具有显示单元的电子设备，所述显示单元显示有第一界面，所述电子设备包括：

判断单元，用于当在所述显示单元上显示第二界面时，

判断第二界面是否与第一界面具有重叠区域，生成一判断结果；

模糊处理单元，用于当所述判断结果为是时，对所述第一界面进行模糊处理。

可选的，所述模糊处理单元，具体包括：

卷积运算子单元，用于利用高斯函数，对第一界面的图像做卷积运算，从而实现对所述第一界面进行高斯模糊处理；其中，所述高斯函数为：

$G(x,y)=\frac{1}{2\mathrm{\π}{\mathrm{\σ}}^2}{e}^{-\frac{{(x-m/2)}^2+{(y-n/2)}^2}{{2\mathrm{\σ}}^2}}$

其中，x表示第一界面中的像素的横坐标，y表示该像素的纵坐标，σ表示正态分布的标准差，m/2表示被模糊点的横坐标，n/2表示被模糊点的纵坐标，G表示该像素的色值在对所述被模糊点进行模糊处理时的权重。

可选的，所述电子设备还包括：

第一图层获取单元，用于对所述第一界面的显示内容进行模糊处理之后，获得用于呈现所述第一界面的第一图层；

第二图层获取单元，用于对所述第一界面的显示内容进行模糊处理之后，获得用于呈现所述第二界面的第二图层；

第三图层添加单元，用于在所述第一界面所在的第一图层与所述第二界面所在的第二图层之间添加第三图层，所述第三图层的透明度大于或等于第一预设透明度。

可选的，所述模糊处理单元，具体包括：

高斯模糊子单元，用于对所述第一界面所在的第一图层进行高斯模糊处理；

第四图层添加子单元，用于在所述第一图层与所述第二界面所在的第二图层之间添加第四图层；所述第四图层的透明度大于或等于第二预设透明度。

根据本发明提供的具体实施例，本发明公开了以下技术效果：

本发明的界面显示方法及电子设备，通过判断第二界面是否与第一界面具有重叠区域，如果重叠，则对所述第一界面进行模糊处理，从而可以对弹出的窗口的底层界面上的内容进行弱化，避免底层界面上的内容对用户造成干扰，提高用户体验。

附图说明

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

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

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

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

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

图5为本发明的电子设备实施例的结构图；

图6为本发明实施例中的一种图层关系示意图；

图7为本发明实施例中的一种显示效果示意图。

具体实施方式

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

为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本发明作进一步详细的说明。

本发明的界面显示方法，应用于具有显示单元的电子设备。所述电子设备可以是手机、平板电脑或者其他具有显示单元的电子设备。所述显示单元可以是只具有显示功能的普通屏幕，也可以是包括触控输入功能的触控显示单元。

所述显示单元显示有第一界面。所述第一界面可以是操作系统的界面，例如包含有应用程序图标的桌面；也可以是应用程序的操作界面，例如音乐播放器的播放界面，或者网页浏览器的界面，等等。

图1为本发明的界面显示方法实施例1的流程图。如图1所示，该方法可以包括：

步骤101：当在所述显示单元上显示第二界面时，判断第二界面是否与第一界面具有重叠区域，生成一判断结果；

所述第二界面可以是其他应用程序的界面。例如，所述第二界面可以是通知栏的界面，也可以是短信的弹出窗口，还可以是系统设置的界面等等。

所述第二界面位于所述第一界面的上层，所述第二界面的显示面积可以小于所述第一界面，也可以大于或等于所述第一界面。

当所述第一界面是全屏显示的界面时，所述第二界面则必然与所述第一界面具有重叠区域。

当所述第一界面不是全屏显示的界面时，可以基于所述第一界面的显示区域的坐标与所述第二界面的显示区域的坐标进行判断，如果所述第二界面的显示区域中的某些点的坐标包含在所述第一界面的显示区域中，则所述第一界面与所述第二显示界面具有重叠区域。

步骤102：当所述判断结果为是时，对所述第一界面进行模糊处理。

由于所述第二界面显示的内容是用户需要查看的内容，所述第一界面显示的内容并不是用户需要查看的内容，为了使第一界面的内容不影响用户查看第二界面的内容，所以可以对所述第一界面进行模糊处理。

具体的，所述模糊处理的方式可以有多种。例如，可以对所述第一界面整体采用高斯函数进行高斯模糊处理，也可以在所述第一界面与所述第二界面之间添加一个具有模糊且半透明的图层。进行模糊处理的具体区域也可以有所选择。例如，可以只对第一界面中未被第二界面遮挡的区域进行模糊处理，也可以对第一界面整体进行模糊处理。

综上所述，本实施例中，通过判断第二界面是否与第一界面具有重叠区域，如果重叠，则对所述第一界面进行模糊处理，从而可以对弹出的窗口的底层界面上的内容进行弱化，避免底层界面上的内容对用户造成干扰，提高用户体验。

图2为本发明的界面显示方法实施例2的流程图。如图2所示，该方法可以包括：

步骤201：当在所述显示单元上显示第二界面时，判断第二界面是否与第一界面具有重叠区域，生成一判断结果；

步骤202：利用高斯函数，对第一界面的图像做卷积运算，从而实现对所述第一界面进行高斯模糊处理；其中，所述高斯函数为：

$G(x,y)=\frac{1}{2\mathrm{\π}{\mathrm{\σ}}^2}{e}^{-\frac{{(x-m/2)}^2+{(y-n/2)}^2}{{2\mathrm{\σ}}^2}}$

其中，x表示第一界面中的像素的横坐标，y表示该像素的纵坐标，σ表示正态分布的标准差，m/2表示被模糊点的横坐标，n/2表示被模糊点的纵坐标，G表示该像素的色值在对所述被模糊点进行模糊处理时的权重。

高斯模糊（Gaussian Blur）是一种图像处理方法。一个具体实例可以是美国Adobe图像软件公司开发的一个图像处理软件：Adobe Photoshop中的一个滤镜。

高斯模糊的原理，是根据高斯曲线调节像素色值，有选择地模糊图像。具体的，高斯模糊能够把某一点周围的像素色值按照正态分布计算权重，然后对于该点的像素色值重新计算，计算时，是将距离该点一定范围内的各个像素的色值按照前面计算的权重进行加权平均，最终得到该点的模糊后的色值。

在二维空间中，这个公式生成的曲面的等高线是从中心开始呈正态分布的同心圆。分布不为零的像素组成的卷积矩阵与原始图像做变换。每个像素的值都是周围相邻像素值的加权平均。原始像素的值有最大的高斯分布值，所以有最大的权重，相邻像素随着距离原始像素越来越远，其权重也越来越小。这样进行模糊处理比其它的均衡模糊滤波器更高地保留了边缘效果。

实际应用中，进行高斯模糊时的模糊半径可以根据实际需要进行设定。如果需要得到模糊效果很明显的图像，可以采用较大的模糊半径；反之，可以采用较小的模糊半径。本实施例中的公式中的坐标值为（x，y）的像素点，均可以位于距离被模糊点的距离小于等于模糊半径r的范围内。σ可以表示模糊半径r的范围内的各个像素的色值的正态分布的标准差。

综上所述，本实施例提供了一种按照高斯函数对第一界面的图像进行模糊处理的具体方式。

实际应用中，为了进一步提高用户在观察第二界面时的体验，还可以对第一界面的内容的透明度进行处理。

图3为本发明的界面显示方法实施例3的流程图。如图3所示，该方法可以包括：

步骤301：当在所述显示单元上显示第二界面时，判断第二界面是否与第一界面具有重叠区域，生成一判断结果；

步骤302：当所述判断结果为是时，对所述第一界面进行模糊处理。

步骤303：获得用于呈现所述第一界面的第一图层；

在显示单元的显示区域上，可以同时呈现多个图层。图层之间具有层次顺序。底层的图层会被上层的图层所遮挡。不同的界面可以在不同的图层进行呈现。本实施例中，呈现所述第一界面的图层可以称为第一图层。

步骤304：获得用于呈现所述第二界面的第二图层；

相应的，呈现所述第二界面的图层可以称为第二图层。

步骤305：在所述第一界面所在的第一图层与所述第二界面所在的第二图层之间添加第三图层，所述第三图层的透明度大于或等于第一预设透明度。

对第一图层的显示内容进行模糊处理之后，虽然第一图层的显示内容已经不易被看清，但是第一图层的显示内容的亮度等参数可能仍然较高。过高的亮度也会影响用户对于第二界面的观察。

因此，本实施例中，在第一图层与第二图层之间添加第三图层。第三图层上可以只是一个透明图层，透明度可以大于或等于第一预设透明度。这可以使用户在观察第二界面时，更加不会被第一界面的内容所干扰。

实际应用中，本发明的实施例还可以结合使用。具体可以参见下面的实施例。

图4为本发明的界面显示方法实施例4的流程图。如图4所示，该方法可以包括：

步骤401：当在所述显示单元上显示第二界面时，判断第二界面是否与第一界面具有重叠区域，生成一判断结果；

步骤402：当所述判断结果为是时，对所述第一界面所在的第一图层进行高斯模糊处理；

步骤403：在所述第一图层与所述第二界面所在的第二图层之间添加第四图层；所述第四图层的透明度大于或等于第二预设透明度。

本实施例与前述实施例的区别在于，第四图层的作用是为了加强对第一界面进行模糊处理的效果，使第一界面的内容看起来更加模糊。

本发明还公开了一种电子设备。所述电子设备具有显示单元。所述电子设备可以是手机、平板电脑或者其他具有显示单元的电子设备。所述显示单元可以是只具有显示功能的普通屏幕，也可以是包括触控输入功能的触控显示单元。

所述显示单元显示有第一界面。所述第一界面可以是操作系统的界面，例如包含有应用程序图标的桌面；也可以是应用程序的操作界面，例如音乐播放器的播放界面，或者网页浏览器的界面，等等。

图5为本发明的电子设备实施例的结构图。如图5所示，所述电子设备可以包括：

判断单元501，用于当在所述显示单元上显示第二界面时，判断第二界面是否与第一界面具有重叠区域，生成一判断结果；

所述第二界面可以是其他应用程序的界面。例如，所述第二界面可以是通知栏的界面，也可以是短信的弹出窗口，还可以是系统设置的界面等等。

所述第二界面位于所述第一界面的上层，所述第二界面的显示面积可以小于所述第一界面，也可以大于或等于所述第一界面。

当所述第一界面是全屏显示的界面时，所述第二界面则必然与所述第一界面具有重叠区域。

当所述第一界面不是全屏显示的界面时，可以基于所述第一界面的显示区域的坐标与所述第二界面的显示区域的坐标进行判断，如果所述第二界面的显示区域中的某些点的坐标包含在所述第一界面的显示区域中，则所述第一界面与所述第二显示界面具有重叠区域。

模糊处理单元502，用于当所述判断结果为是时，对所述第一界面进行模糊处理。

由于所述第二界面显示的内容是用户需要查看的内容，所述第一界面显示的内容并不是用户需要查看的内容，为了使第一界面的内容不影响用户查看第二界面的内容，所以可以对所述第一界面进行模糊处理。

具体的，所述模糊处理的方式可以有多种。例如，可以对所述第一界面整体采用高斯函数进行高斯模糊处理，也可以在所述第一界面与所述第二界面之间添加一个具有模糊且半透明的图层。进行模糊处理的具体区域也可以有所选择。例如，可以只对第一界面中未被第二界面遮挡的区域进行模糊处理，也可以对第一界面整体进行模糊处理。

综上所述，本实施例中，通过判断第二界面是否与第一界面具有重叠区域，如果重叠，则对所述第一界面进行模糊处理，从而可以对弹出的窗口的底层界面上的内容进行弱化，避免底层界面上的内容对用户造成干扰，提高用户体验。

实际应用中，所述模糊处理单元502，具体可以包括

卷积运算子单元，用于利用高斯函数，对第一界面的图像做卷积运算，从而实现对所述第一界面进行高斯模糊处理；其中，所述高斯函数为：

$G(x,y)=\frac{1}{2\mathrm{\π}{\mathrm{\σ}}^2}{e}^{-\frac{{(x-m/2)}^2+{(y-n/2)}^2}{{2\mathrm{\σ}}^2}}$

其中，x表示第一界面中的像素的横坐标，y表示该像素的纵坐标，σ表示正态分布的标准差，m/2表示被模糊点的横坐标，n/2表示被模糊点的纵坐标，G表示该像素的色值在对所述被模糊点进行模糊处理时的权重。

实际应用中，所述电子设备还可以包括：

第一图层获取单元，用于对所述第一界面的显示内容进行模糊处理之后，获得用于呈现所述第一界面的第一图层；

第二图层获取单元，用于对所述第一界面的显示内容进行模糊处理之后，获得用于呈现所述第二界面的第二图层；

第三图层添加单元，用于在所述第一界面所在的第一图层与所述第二界面所在的第二图层之间添加第三图层，所述第三图层的透明度大于或等于第一预设透明度。

实际应用中，所述模糊处理单元502，具体可以包括：

高斯模糊子单元，用于对所述第一界面所在的第一图层进行高斯模糊处理；

第四图层添加子单元，用于在所述第一图层与所述第二界面所在的第二图层之间添加第四图层；所述第四图层的透明度大于或等于第二预设透明度。

图6为本发明实施例中的一种图层关系示意图。如图6所示，第一图层601是承载第一界面的图层。当需要显示第二界面时，可以对第一图层601进行高斯模糊处理。图6中第一图层601中的点阵填充效果表示第一图层601已经经过高斯模糊处理。第二图层602是承载第二界面的图层。第二图层601位于第一图层601的上方（即图6中的左侧）。第二图层602上可以显示第二界面上需要显示的图文信息。第三图层603为半透明图层，其透明度大于或等于预设透明度。第三图层603位于第一图层601与第二图层602之间。

图7为本发明实施例中的一种显示效果示意图。如图7所示，第一区域701处的第一界面的内容已经被进行高斯模糊处理，第二区域702处的第二界面的内容被清晰地显示。第二区域702可以是第一界面与第二界面的重叠区域。图7中，对于第二界面的显示内容以外的区域，均可以进行模糊处理。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本发明可借助软件加必需的硬件平台的方式来实现，当然也可以全部通过硬件来实施，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案对背景技术做出贡献的全部或者部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）执行本发明各个实施例或者实施例的某些部分所述的方法。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的电子设备而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。

本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处。综上所述，本说明书内容不应理解为对本发明的限制。

Claims (8)

1.一种界面显示方法，应用于具有显示单元的电子设备，其特征在于，所述显示单元显示有第一界面，所述方法包括：

当在所述显示单元上显示第二界面时，

判断第二界面是否与第一界面具有重叠区域，生成一判断结果；

当所述判断结果为是时，对所述第一界面进行模糊处理。

2.根据权利要求1所述的方法，其特征在于，所述对所述第一界面进行模糊处理，具体包括：

利用高斯函数，对第一界面的图像做卷积运算，从而实现对所述第一界面进行高斯模糊处理；其中，所述高斯函数为：

$G(x,y)=\frac{1}{2\mathrm{\π}{\mathrm{\σ}}^2}{e}^{-\frac{{(x-m/2)}^2+{(y-n/2)}^2}{{2\mathrm{\σ}}^2}}$

其中，x表示第一界面中的像素的横坐标，y表示该像素的纵坐标，σ表示正态分布的标准差，m/2表示被模糊点的横坐标，n/2表示被模糊点的纵坐标，G表示该像素的色值在对所述被模糊点进行模糊处理时的权重。

3.根据权利要求1或2所述的方法，其特征在于，所述对所述第一界面的显示内容进行模糊处理之后，所述方法还包括：

获得用于呈现所述第一界面的第一图层；

获得用于呈现所述第二界面的第二图层；

在所述第一界面所在的第一图层与所述第二界面所在的第二图层之间添加第三图层，所述第三图层的透明度大于或等于第一预设透明度。

4.根据权利要求1所述的方法，其特征在于，所述对所述第一界面进行模糊处理，具体包括：

对所述第一界面所在的第一图层进行高斯模糊处理；

在所述第一图层与所述第二界面所在的第二图层之间添加第四图层；所述第四图层的透明度大于或等于第二预设透明度。

5.一种电子设备，应用于具有显示单元的电子设备，其特征在于，所述显示单元显示有第一界面，所述电子设备包括：

判断单元，用于当在所述显示单元上显示第二界面时，

判断第二界面是否与第一界面具有重叠区域，生成一判断结果；

模糊处理单元，用于当所述判断结果为是时，对所述第一界面进行模糊处理。

6.根据权利要求5所述的电子设备，其特征在于，所述模糊处理单元，具体包括：

卷积运算子单元，用于利用高斯函数，对第一界面的图像做卷积运算，从而实现对所述第一界面进行高斯模糊处理；其中，所述高斯函数为：

$G(x,y)=\frac{1}{2\mathrm{\π}{\mathrm{\σ}}^2}{e}^{-\frac{{(x-m/2)}^2+{(y-n/2)}^2}{{2\mathrm{\σ}}^2}}$

其中，x表示第一界面中的像素的横坐标，y表示该像素的纵坐标，σ表示正态分布的标准差，m/2表示被模糊点的横坐标，n/2表示被模糊点的纵坐标，G表示该像素的色值在对所述被模糊点进行模糊处理时的权重。

7.根据权利要求5或6所述的电子设备，其特征在于，所述电子设备还包括：

第一图层获取单元，用于对所述第一界面的显示内容进行模糊处理之后，获得用于呈现所述第一界面的第一图层；

第二图层获取单元，用于对所述第一界面的显示内容进行模糊处理之后，获得用于呈现所述第二界面的第二图层；

第三图层添加单元，用于在所述第一界面所在的第一图层与所述第二界面所在的第二图层之间添加第三图层，所述第三图层的透明度大于或等于第一预设透明度。

8.根据权利要求5所述的电子设备，其特征在于，所述模糊处理单元，具体包括：

高斯模糊子单元，用于对所述第一界面所在的第一图层进行高斯模糊处理；

第四图层添加子单元，用于在所述第一图层与所述第二界面所在的第二图层之间添加第四图层；所述第四图层的透明度大于或等于第二预设透明度。