CN104615764A - 一种显示方法及电子设备 - Google Patents

Abstract

本发明涉及互联网领域，公开了一种显示方法及电子设备，以解决现有技术中不能对页面变化区域进行有效提示的技术问题。该方法包括：确定电子设备的显示单元的显示内容所对应的第一图像，其中，第一图像与显示单元的显示内容发生变化所对应的第一区域相关，在显示内容发生变化前，第一区域显示有第一内容，在显示内容发生变化之后，第一区域上不显示第一内容或者显示模糊过的第一内容；对第一图像进行模糊处理获得第二图像；将第二图像在显示单元的第二区域输出，第二区域与第一区域至少有一边相接或重叠。达到了可以通过模糊后的第二图像对显示单元的显示内容发生变化所在的第一区域进行有效提示的技术效果。

Description

一种显示方法及电子设备

技术领域

本发明涉及互联网领域，尤其涉及一种显示方法及电子设备。

背景技术

随着科学技术的不断发展，电子技术也得到了飞速的发展，电子产品的种类也越来越多，人们也享受到了科技发展带来的各种便利。现在人们可以通过各种类型的电子设备，享受随着科技发展带来的舒适生活。例如，智能手机、平板电脑等电子设备已经成为人们生活中一个重要的组成部分，用户可以使用手机、平板电脑等电子设备来听音乐、玩游戏等等，以减轻现代快节奏生活所带来的压力。

现有技术中，基于用户的操作或者系统的变化，电子设备的显示单元上的显示内容会发生变化，例如：

①用户在浏览页面(例如:浏览网页、浏览文档等等)时，由于页面内容较多，故而在视口范围内无法呈现出所有的页面内容，在用户对更多的页面内容感兴趣的时候，需要滚动鼠标滚轮或者是点击滚动条区域，这时视口发生改变，进而视口范围内所显示的页面内容也发生变化；

②当用户浏览页面，需要和页面进行交互操作时需要用鼠标点击菜单栏或右键菜单，在鼠标点击处会弹出窗口，而弹出窗口会遮盖住页面的部分区域。

然后，不管是以上第①种还是第②种方案，都仅仅能够正常显示改变后的内容，但是对于变化区域除了内容上的变化之外，并无其它改变，从而导致现有技术中存在着对于页面变化区域不能进行有效提示的技术问题。

发明内容

本发明提供一种显示方法及电子设备，以解决现有技术中不能对页面变化区域进行有效提示的技术问题。

第一方面，本发明实施例提供一种显示方法，包括：

确定电子设备的显示单元的显示内容所对应的第一图像，其中，所述第一图像与所述显示单元的显示内容发生变化所对应的第一区域相关，在所述显示内容发生变化前，所述第一区域显示有第一内容，在所述显示内容发生变化之后，所述第一区域上不显示所述第一内容或者显示模糊过的所述第一内容；

对所述第一图像进行模糊处理获得第二图像；

将所述第二图像在所述显示单元的第二区域输出，所述第二区域与所述第一区域至少有一边相接或重叠。

可选的，在所述确定电子设备的显示单元的显示内容所对应的第一图像之前，所述方法还包括：

检测获得第一操作，所述第一操作用于将电子设备的显示单元的显示内容由第一显示内容调整为第二显示内容。

可选的，所述显示单元上显示有第一应用程序的编辑界面，所述编辑界面包括菜单栏和内容显示区域，所述显示单元的显示内容发生变化具体为：第一数据由所述内容显示区域的第一边缘朝向所述内容显示区域的第二边缘移动，所述确定电子设备的显示单元的显示内容所对应的第一图像，具体为：

确定所述第一数据的第一内容所对应的图像为所述第一图像，其中，所述第一内容具体为：在所述显示内容发生变化之后，于所述第二边缘与第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二内容具体为：所述内容显示区域的内容。

可选的，所述确定所述第一数据中的第一内容所对应的图像为所述第一图像，具体包括：

确定所述菜单栏的第一显示尺寸；

确定所述第一内容所对应的第二显示尺寸；

判断所述第一显示尺寸是否大于所述第二显示尺寸；

在所述第一显示尺寸不大于所述第二显示尺寸时，从所述第一内容所对应的图像中，确定出在所述第二边缘与所述第二内容相接且尺寸为所述第一显示尺寸的部分作为所述第一图像；

在所述第一显示尺寸大于所述第二显示尺寸时，将所述第一内容所对应的图像作为所述第一图像。

可选的，所述确定所述第一数据中的第一内容所对应的图像为所述第一图像，具体包括：

确定在所述显示内容发生变化之前所述第一区域显示内容所对应的图像为所述第一图像；或

确定所述第一区域的显示尺寸；

从所述第一内容所对应的图像中，确定出在所述第二边缘与所述第二内容相接且尺寸为所述第一区域的显示尺寸的部分作为所述第一图像。

可选的，所述显示单元上显示有第一应用程序的编辑界面，所述编辑界面包括菜单栏和内容显示区域，所述显示单元的显示内容发生变化具体为：第一数据由所述内容显示区域的第一边缘朝向所述内容显示区域的第二边缘移动，所述确定电子设备的显示单元的显示内容所对应的第一图像，具体为：

确定所述第一数据的第一子内容以及第二子内容所对应的图像为所述第一图像，其中所述第一子内容具体为：在所述显示内容发生变化之后，于所述第二边缘与第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二子内容具体为：在所述显示内容发生变化之后，于所述第一边缘与所述第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二内容具体为：所述内容显示区域的内容。

可选的，所述显示单元的显示内容发生变化具体为：所述显示单元上显示第一窗口，所述确定电子设备的显示单元的显示内容所对应的第一图像，具体为：

确定在所述显示内容发生变化之前，所述第一区域所对应的图像为所述第一图像。

可选的，所述显示单元的显示内容发生变化具体为：所述显示单元上显示第一窗口，所述确定电子设备的显示单元的显示内容所对应的第一图像，具体为：

确定所述第一区域之外的其它区域所对应的图像为所述第一图像。

可选的，所述显示单元的显示内容发生变化具体为：所述显示单元上显示第一窗口，所述确定电子设备的显示单元的显示内容所对应的第一图像，具体包括：

确定所述第一窗口的类型；

在所述第一窗口为提示型窗口时，确定所述第一区域之外的其它区域所对应的图像为所述第一图像；

否则，确定在所述显示内容发生变化之前，所述第一区域所对应的图像为所述第一图像。

可选的，所述第一窗口具体为：弹出窗口或者下拉菜单或者弹出菜单。

可选的，所述将所述第二图像在所述显示单元的第二区域输出，具体包括：

调整所述菜单栏或所述第一窗口或所述内容编辑区域的底边框的透明度，并将调整后的所述菜单栏或者所述第一窗口或者所述底边框与第二图像进行融合输出。

可选的，所述对所述第一图像进行模糊处理获得第二图像，具体包括：

将所述第一图像由第一尺寸缩小为第二尺寸；

对缩小处理过的所述第一图像进行模糊处理；

将模糊处理过的所述第一图像由所述第二尺寸放大为所述第一尺寸，进而获得所述第二图像。

第二方面，本发明提供一种电子设备，包括：

确定模块，用于确定电子设备的显示单元的显示内容所对应的第一图像，其中，所述第一图像与所述显示单元的显示内容发生变化所对应的第一区域相关，在所述显示内容发生变化前，所述第一区域显示有第一内容，在所述显示内容发生变化之后，所述第一区域上不显示所述第一内容或者显示模糊过的所述第一内容；

模糊模块，用于对所述第一图像进行模糊处理获得第二图像；

输出模块，用于将所述第二图像在所述显示单元的第二区域输出，所述第二区域与所述第一区域至少有一边相接或重叠。

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

检测模块，用于在确定电子设备的显示单元的显示内容对应的第一图像之前，检测获得第一操作，所述第一操作用于将电子设备的显示单元的显示内容由第一显示内容调整为第二显示内容。

可选的，所述显示单元上显示有第一应用程序的编辑界面，所述编辑界面包括菜单栏和内容显示区域，所述显示单元的显示内容发生变化具体为：第一数据由所述内容显示区域的第一边缘朝向所述内容显示区域的第二边缘移动，所述确定模块，具体用于：

确定所述第一数据的第一内容所对应的图像为所述第一图像，其中，所述第一内容具体为：在所述显示内容发生变化之后，于所述第二边缘与第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二内容具体为：所述内容显示区域的内容。

可选的，所述显示单元上显示有第一应用程序的编辑界面，所述编辑界面包括菜单栏和内容显示区域，所述显示单元的显示内容发生变化具体为：第一数据由所述内容显示区域的第一边缘朝向所述内容显示区域的第二边缘移动，所述确定模块，具体用于：

确定所述第一数据的第一子内容以及第二子内容所对应的图像为所述第一图像，其中所述第一子内容具体为：在所述显示内容发生变化之后，于所述第二边缘与第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二子内容具体为：在所述显示内容发生变化之后，于所述第一边缘与所述第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二内容具体为：所述内容显示区域的内容。

可选的，所述显示单元的显示内容发生变化具体为：所述显示单元上显示第一窗口，所述确定模块，具体用于：

确定在所述显示内容发生变化之前，所述第一区域所对应的图像为所述第一图像；或者

确定所述第一区域之外的其它区域所对应的图像为所述第一图像。

可选的，所述显示单元的显示内容发生变化具体为：所述显示单元上显示第一窗口，所述确定模块，具体用于：

确定所述第一窗口的类型；

在所述第一窗口为提示型窗口时，确定所述第一区域之外的其它区域所对应的图像为所述第一图像；

在所述第一窗口不为提示型窗口时，确定在所述显示内容发生变化之前，所述第一区域所对应的图像为所述第一图像。

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

调整模块，用于在调整所述菜单栏或所述第一窗口或所述内容编辑区域的底边框的透明度，并将调整后的所述菜单栏或者所述第一窗口或者所述底边框与第二图像进行融合输出。

可选的，所述模糊模块，具体包括：

缩小单元，用于将所述第一图像由第一尺寸缩小为第二尺寸；

模糊单元，用于对所述缩小单元处理过的所述第一图像进行模糊处理；

放大单元，用于将所述模糊单元处理过的所述第一图像由所述第二尺寸放大为所述第一尺寸，进而获得所述第二图像。本发明有益效果如下：

由于在本发明实施例中，首先确定电子设备的显示单元的显示内容所对应的第一图像，其中，第一图像与显示单元的显示内容发生变化所对应的第一区域相关，在显示内容发生变化前，第一区域显示有第一内容，在显示内容发生变化之后，第一区域上不显示第一内容或者显示模糊过的第一内容；然后对第一图像进行模糊处理获得第二图像；最后将第二图像在显示单元的第二区域输出，第二区域与第一区域至少有一边相接或重叠。故而，可以通过模糊后的第二图像对显示单元的显示内容发生变化所在的第一区域进行有效提示，从而较好的吸引用户的目光焦点，提高了用户读取页面内容的效率。

附图说明

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

图2a为本发明实施例第一方面的显示方法中在显示内容发生变化之前显示内容的示意图；

图2b为本发明实施例第一方面的显示方法中在第一数据发生移动之后显示内容的示意图；

图2c为本发明实施例第一方面的显示方法中显示单元上显示下拉菜单的示意图；

图2d为本发明实施例第一方面的显示方法中显示单元上显示弹出窗口的示意图；

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

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

图5为本发明实施例三的显示方法的流程图；

图6为本发明实施例中电子设备的结构图。

具体实施方式

本发明提供一种显示方法及电子设备，以解决现有技术中不能对页面变化区域进行有效提示的技术问题。

本申请实施例中的技术方案为解决上述的技术问题，总体思路如下：

首先确定电子设备的显示单元的显示内容所对应的第一图像，其中，第一图像与显示单元的显示内容发生变化所对应的第一区域相关，在显示内容发生变化前，第一区域显示有第一内容，在显示内容发生变化之后，第一区域上不显示第一内容或者显示模糊过的第一内容；然后对第一图像进行模糊处理获得第二图像；最后将第二图像在显示单元的第二区域输出，第二区域与第一区域至少有一边相接或重叠。故而，可以通过模糊后的第二图像对显示单元的显示内容发生变化所在的第一区域进行有效提示，从而较好的吸引用户的目光焦点，提高了用户读取页面内容的效率。

为了更好的理解上述技术方案，下面通过附图以及具体实施例对本发明技术方案做详细的说明，应当理解本发明实施例以及实施例中的具体特征是对本发明技术方案的详细的说明，而不是对本发明技术方案的限定，在不冲突的情况下，本发明实施例以及实施例中的技术特征可以相互组合。

第一方面，本发明实施例提供一种显示方法，请参考图1，包括以下步骤：

步骤S101：确定电子设备的显示单元的显示内容所对应的第一图像，其中，第一图像与显示单元的显示内容发生变化所对应的第一区域相关，在显示内容发生变化前，第一区域显示有第一内容，在显示内容发生变化之后，第一区域上不显示第一内容或者显示模糊过的第一内容；

步骤S102：对第一图像进行模糊处理获得第二图像；

步骤S103：将第二图像在显示单元的第二区域输出，第二区域与第一区域至少有一边相接或重叠。

在步骤S101之前，可以通过多种方式触发显示单元的显示内容发生变化，下面列举其中的两种方式进行介绍，当然，在具体实施过程中，不限于以下两种情况。

第一种，在确定电子设备的显示单元的显示内容所对应的第一图像之前，该方法还包括：

检测获得第一操作，第一操作用于将电子设备的显示单元的显示内容由第一显示内容调整为第二显示内容。

举例来说，第一操作用于控制第一数据进行移动，假设显示单元上显示有第一应用程序(例如为：网页浏览程序、文档编辑程序、图像浏览程序等等)的编辑界面，如图2a所示，第一应用程序的编辑界面包括菜单栏和内容显示区域，内容显示区域显示有第一数据，则第一操作例如为向上滚动鼠标的操作，在这种情况下，显示内容发生变化例如为第一数据自上向下移动；又或者，第一操作例如为向下拖动内容显示区域右侧滚动条的操作，在这种情况下，显示内容发生变化例如为第一数据自下朝上移动(如图2b所示，为第一数据自下朝上移动的结果)等等。

举例来说，第一操作用于确定在显示单元上显示第一窗口，其中第一窗口例如为弹出窗口或者下拉菜单或者弹出菜单，第一操作例如为点击菜单栏的下拉菜单的操作，在这种情况下，电子设备在接收到第一操作之后，会在显示单元上显示下拉菜单，如图2c所示；又或者第一操作例如为：点击鼠标右键的操作，在这种情况下，会在显示单元上显示弹出菜单；又或者，在电子设备上会显示提示信息，该提示信息用于电子设备的用户确认是否需要显示弹出窗口，如果第一操作为确认操作，则在显示单元上会显示弹出窗口；又或者，第一操作为点击默认的快捷键的操作，在电子设备的用户检测到点击第一操作之后，就调用对应的弹出窗口等等。

第二种，电子设备在系统参数发生变化之后，显示单元的显示内容可能也会自动发生变化，例如：在系统内存不足的时候，电子设备可能会产生一个弹出菜单，该弹出菜单用于显示内存不足的提示信息，如图2d所示；又例如，在下载文件时文件下载中断，电子设备也会产生提示信息，该提示信息用于提示文件下载中断等等，这些提示信息也会导致显示单元的显示内容发生变化。

步骤S101中，基于显示单元的显示内容发生变化的方式不同，确定第一图像的方式也不同，下面列举其中的几种进行介绍，当然，在具体实施过程中，不限于以下几种情况。

第一种，显示单元的显示内容发生变化具体为：第一数据由内容显示区域的第一边缘朝向内容显示区域的第二边缘移动，确定电子设备的显示单元的显示内容发生变化所对应的第一图像，具体为：

确定第一数据的第一内容所对应的图像为第一图像，其中，第一内容具体为：在显示内容发生变化之后，于第二边缘与第二内容相接且位于内容显示区域之外的第一数据的内容，第二内容具体为：内容显示区域的内容。

举例来说，第一数据由内容显示区域的第一边缘朝向第二边缘移动(图2b中是由内容显示区域底部朝顶部移动)之后，原先显示于第二边缘的内容则会移动至内容显示区域之外，以图2a和图2b所示的显示单元的显示内容发生变化的示意图为例，则内容显示区域之外的内容包括：

“惜牡丹花二首惆怅阶前红牡丹，晚来唯有两枝残。”

则第一内容则为上述内容显示区域之外的内容中，在第二边缘与内容编辑区域的内容相接的部分。

通过上述方案，达到了能够对内容编辑区域的数据的移动方向进行提示的技术效果，并且能够防止页面内容移出内容编辑区域之后突然消失的突兀感。

在具体实施过程中，可以确定出多种不同尺寸的第一图像，基于确定的第一图像的尺寸的不同，确定第一图像的方式也不同，下面列举其中的几种进行介绍，当然，在具体实施过程中，不限于以下几种情况。

①第一图像的尺寸与菜单栏的第一显示尺寸相同，确定第一数据中的第一内容所对应的图像为第一图像，具体包括：

确定菜单栏的第一显示尺寸；

确定第一内容所对应的第二显示尺寸；

判断第一显示尺寸是否大于第二显示尺寸；

在第一显示尺寸不大于第二显示尺寸时，从第一内容所对应的图像中，确定出在第二边缘与第二内容相接且尺寸为第一显示尺寸的部分作为第一图像；

在第一显示尺寸大于第二显示尺寸时，将第一内容所对应的图像作为第一图像。

举例来说，可以首先确定出菜单栏的第一显示尺寸并且确定出第一内容所对应的第二显示尺寸，然后比较第一显示尺寸和第二显示尺寸的大小，如果第一显示尺寸不大于第二显示尺寸的话，则说明菜单栏并不能完全显示第一内容所对应的图像，故而可以获取第一内容所对应的图像，接着从第一内容所对应的图像中截取出与第二边缘相接且尺寸为第一显示尺寸的部分作为第一图像，以图2a和图2b所示的显示内容的变化为例，则首先生成与内容““惜牡丹花二首惆怅阶前红牡丹，晚来唯有两枝残。”对应的图像，然后从这张图像中以底部为起始位置截取尺寸为第二显示尺寸的图像。

其中，如果菜单栏的高度较高的话，则最后所生成的第一图像则会包含第一区域所对应的所有内容，而如果菜单栏的高度较低的话，则最后所生成的第一图像则仅仅会包含第一区域所对应的部分内容，例如仅仅视口之外的最后一行内容“晚来唯有两枝残。”。

如果第一显示尺寸大于第二显示尺寸的话，则说明菜单栏能够完全显示第一内容所对应的图像，故而在这种情况下，则可以直接生成第一内容所对应图像并将其整体作为第一图像。

②第一图像的尺寸与第一区域的第二显示尺寸相同，在这种情况下，又可以通过多种方式确定第一图像，下面列举其中的两种进行介绍，当然，在具体实施过程中，不限于以下两种情况。

1)确定第一数据中的第一内容所对应的图像为第一图像，具体包括：

确定在显示内容发生变化之前，第一区域所对应的内容为第一内容。

举例来说，可以监控内容显示区域的内容变化，进而确定出对应的第一区域，然后获取在内容变化之前第一区域所对应的内容，最后基于内容变化之前第一区域所对应的内容生成对应的图像，该图像即为第一图像。

由于在上述方案中，可以直接基于内容变化之前第一区域所对应的内容生成对应的第一图像，而不需要对生成的图像进行裁剪，故而具有操作更加方便的技术效果。

2)确定第一数据中的第一内容所对应的图像为第一图像，具体包括：

确定第一区域的显示尺寸；

从第一内容所对应的图像中，确定出在第二边缘与第二内容相接且尺寸为第一区域的显示尺寸的部分作为第一图像。

以第一操作为鼠标操作为例，在检测到用户鼠标滚动时，根据滚动的量就可以确定出移出内容显示区域的数据所对应的显示尺寸(也即第一区域的显示尺寸)；又或者以第一操作为拖动滑动条为例，在检测到拖动滑动条的操作之后，就可以根据滑动条的移动量确定出第一区域的显示尺寸，然后将第一内容生成图像，最后从生成的图像中截取出尺寸为第一区域的显示尺寸且与第二边缘相接的部分作为第一图像。

第二种，显示单元的显示内容发生变化具体为：第一数据由内容显示区域的第一边缘朝向内容显示区域的第二边缘移动，确定电子设备的显示单元的显示内容发生变化所对应的第一图像，具体为：

确定所述第一数据的第一内容以及第二子内容所对应的图像为所述第一图像，其中所述第一内容具体为：在所述显示内容发生变化之后，于所述第二边缘与第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二子内容具体为：在所述显示内容发生变化之后，于所述第一边缘与第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二内容具体为：在所述显示内容发生变化之后所述内容显示区域的内容。

举例来说，假设第一边缘为内容编辑区域顶端(也即菜单栏)，第二边缘为内容编辑区域底端，在第一数据发生移动之后，确定第一数据没有显示于内容编辑区域的内容作为第一内容，然后将第一内容中与内容编辑区域顶部(也即第一边缘)相接的内容作为第一子内容，与内容编辑区域底部(也即第二边缘)相接的内容作为第二子内容。在这种情况下，第一区域包含两个部分：一部分为内容编辑区域的顶部区域、一部分为内容编辑区域的底部区域。

通过上述方案，能够防止页面内容移出内容编辑区域之后突然消失的突兀感，并且由于移除内容编辑之外的区域(例如：菜单栏、底边框)，还是会显示对应的上下文，故而可以通过上下文对当前内容进行提示。

第三种，显示单元的显示内容发生变化具体为：第一数据由内容显示区域的第一边缘朝向内容显示区域的第二边缘移动，确定电子设备的显示单元的显示内容发生变化所对应的第一图像，具体为：

确定菜单栏的显示尺寸；

在显示内容发生变化后的内容显示区域中选择与所述菜单栏的显示尺寸相同的部分作为第一图像。

举例来说，在显示内容发生变化之后，可以首先将内容显示区域所对应的内容生成图像；然后从内容显示区域所生成的图像中截取出与菜单栏的显示尺寸相同的部分作为第一图像；又或者，在显示内容发生变化之后，从内容显示区域中获取与菜单栏的显示尺寸相同的显示内容，然后将该显示内容生成第一图像等等。

第四种，显示单元的显示内容发生变化具体为：显示单元上显示第一窗口，在这种情况下，同样可以通过多种方式确定第一图像，下面列举其中的三种进行介绍，当然，在具体实施过程中，不限于以下三种情况。

①确定电子设备的显示单元的显示内容所对应的第一图像，具体为：确定在显示内容发生变化之前，第一区域所对应的图像为第一图像。

以第一窗口为图2c所示的下拉菜单为例，则在显示内容发生变化之前图2c中该下拉菜单所在位置所对应的图像则为第一图像；以第一窗口为图2d所示的弹出窗口为例，则在显示内容发生变化之前图2d所示的弹出窗口所在位置所对应的图像则为第一图像等等。

通过上述方案，达到了能够通过模糊过的第二图像对显示单元上出现第一窗口进行提示的技术效果，并且该方案中不会影响显示内容的正常显示。

②显示单元的显示内容发生变化具体为：显示单元上显示第一窗口，确定电子设备的显示单元的显示内容发生变化所对应的第一图像，具体为：

确定第一区域之外的其它区域所对应的图像为第一图像。

以第一窗口为图2c所示的下拉菜单为例，则图2c中该下拉菜单之外的其它区域所对应的图像为第一图像；以第一窗口为图2d所示的弹出窗口为例，则图2d中该弹出窗口之外的其它区域所对应的图像为第一图像等等。

其中，第一区域之外的其它区域可以为：第一应用程序的编辑区域中除第一区域之外的其它区域，也可以是整个显示单元的显示区域中除第一区域之外的其它区域，对此本发明实施例不作限制。

通过上述方案，达到了能够通过模糊过的第二图像对显示单元上出现第一窗口进行提示的技术效果，并且该方案中由于会对第一窗口之外的其它区域进行模糊，故而提示效果更加显著。

③确定电子设备的显示单元的显示内容发生变化所对应的第一图像，具体包括：确定第一窗口的类型；在第一窗口为提示型窗口时，确定第一区域之外的其它区域所对应的图像为第一图像；否则，确定在显示内容发生变化之前，第一区域所对应的图像为第一图像。

举例来说，有些窗口可能仅仅用于显示提示信息，这些显示提示信息的窗口则为提示型窗口；有些窗口则并非用于显示提示信息，而是用于对电子设备的相关信息进行处理，例如：用于对文档进行编辑的弹出窗口、获取其它跳转链接的窗口等等。由于提示型窗口仅仅用于引起电子设备的用户的注意，而不需要基于此对电子设备进行什么处理，故而如果第一窗口为提示型窗口的话，则可以确定第一区域之外的其它区域所对应的图像为第一图像，进而对其它区域所对应的图像进行模糊，在这种情况下，能够提高第一窗口的提示效果；而如果第一窗口不为提示型窗口的话，则第一窗口往往用于对电子设备的相关信息进行处理，故而电子设备的用户通常需要参考显示单元所显示的其它内容，故而在这种情况下，为了保证能够对第一窗口进行提示、同时不影响显示单元的显示内容的显示，则确定显示内容发生变化之前，第一区域所对应的内容作为第一图像。

步骤S102中，可以通过多种方式对第一图像进行模糊处理，例如：高斯模糊、表面模糊、径向模糊等等。

其中，在获取第一图像之后，可以直接对第一图像进行模糊处理进而获得第二图像。而作为进一步的优选实施例，对第一图像进行模糊处理获得第二图像，具体包括：将第一图像由第一尺寸缩小为第二尺寸；对缩小处理过的第一图像进行模糊处理；将模糊处理过的第一图像由第二尺寸放大为第一尺寸，进而获得第二图像。

由于在上述方案中，先缩小第一图像，然后以模糊算法进行模糊以期平滑和模糊第一图像，最后再将第一图像放大，故而可以在不使用大半径模板模糊算法的情况下就能够实现很好的模糊效果，同时计算速度较快，用户电脑资源的使用率较低。

并且，由于通过上述方案不使用大半径模糊算法，故而可以覆盖大部分电子设备，因为大半径模糊算法需要dx11、sm4.0支持，其中很多电子设备都不具备这一条件。

步骤S103中，如果第一区域和第二区域相同的话，则第一区域和第二区域自然是重叠的，而如果第一区域和第二区域是至少一边相接的话，若第一图像为第一区域所对应的图像，则第一区域第二区域存在一边相接；若第一图像为第一区域之外的其它区域所对应的图像，则第二区域与第一区域四边相接。

其中，可以通过多种方式对显示单元输出的显示内容进行控制，下面列举其中的两种进行介绍，当然，在具体实施过程中，不限于以下两种情况。

第一种，所述将所述第二图像在所述显示单元的第二区域输出，具体包括：调整所述菜单栏或所述第一窗口或所述内容编辑区域的底边框的透明度，并将调整后的所述菜单栏或者所述第一窗口或者所述底边框与第二图像进行融合输出。

举例来说，如果第二区域为菜单栏所在区域的话，则第二区域与第一区域存在一边相接；如果第二区域为弹出窗口所在区域的话，则第二区域与第一区域存在重叠；如果第一区域包含两个部分的话(一部分为内容编辑区域的顶部区域、一部分为内容编辑区域的底部区域)，则第二区域也包含两个部分，一部分为菜单栏，一部分为内容编辑区域的底边框。在这种情况下，由于第二图像之上还会有显示其他内容(例如：菜单栏、第一窗口、底边框等等)，故而为了保证第二图像的显示效果，则需要调整菜单栏或者第一窗口或者底边框的不透明度(例如：将不透明度降低至40％、30％等等)，并将调整后的菜单栏或者第一窗口或者底边框与第二图像融合输出。

在这种情况下，一方面能够保证通过第二图像对显示内容发生变化所在的第一区域进行有效提示，另一方面，又能够保证不会影响显示内容的正常提示。

第二种，在第二区域第一区域四边相接时，则直接输出第二图像。

在这种情况下，由于第二图像为对第一图像进行模糊之后的图像，故而能够提高通过第二图像对显示内容的变化进行提示的提示效率。

以下通过几个具体的实施例来介绍本发明中的显示方法，下面的实施例主要介绍了该方法的几种可能的应用场景。需要说明的是，本发明中的实施例只用于解释本发明，而不能用于限制本发明。凡是符合本发明思想的实施例均在本发明的保护范围之内，本领域技术人员自然知道应如何根据本发明的思想进行变型。

实施例一

在本发明实施例中，以电子设备为手机、手机的显示单元上显示有如图2a所示的显示内容、第一区域与第二区域一边相接为例进行介绍，请参考图3，该显示方法包括以下步骤：

步骤S301：手机检测到控制鼠标的滚轮从上至下移动的滚动操作，进而控制显示内容由上至下移动，在控制显示内容移动之后，显示单元的显示内容如图2b所示；

步骤S302：手机确定出第一区域为内容显示区域中与菜单栏相接的区域，也即内容““惜牡丹花二首惆怅阶前红牡丹，晚来唯有两枝残。”所对应的区域；

步骤S303：手机将内容““惜牡丹花二首惆怅阶前红牡丹，晚来唯有两枝残。”生成对应的第一图像；

步骤S304：手机将第一图像的尺寸由第一尺寸缩小为第二尺寸；然后对第一图像进行高斯模糊；最后将第一图像放大为第二尺寸，进而获得第二图像；

步骤S305：手机调整菜单栏的透明度，并将调整后的菜单栏与第二图像进行融合输出。

实施例二

在本发明实施例中，以电子设备为手机、手机的显示单元上显示有如图2a所示的显示内容、第一区域与第二区域重叠为例进行介绍，请参考图4，该显示方法包括以下步骤：

步骤S401：检测到点击浏览器右侧的小三角的操作，进而确定需要在显示单元显示下拉菜单，从而确定出第一区域为下拉菜单所在区域；

步骤S402：将显示内容发生变化之前下拉菜单所在区域生成第一图像；

步骤S403：直接对第一图像进行表面模糊获得第二图像；

步骤S404：调整下拉菜单的透明度，并将调整后的下拉菜单与第二图像进行融合输出。

实施例三

在本发明实施例中，以电子设备为手机、手机的显示单元上显示有如图2a所示的显示内容、第一区域与第二区域四边相接为例进行介绍，请参考图5，该显示方法包括以下步骤：

步骤S501：手机的内存不足，进而在手机的显示单元上弹出如图2d所示的弹出菜单；

步骤S502：在检测到显示单元上弹出如图2d所示的弹出菜单之后，确定出弹出菜单所在区域为第一区域；

步骤S503：将第一区域(也即：弹出菜单)之外的内容生成第一图像；

步骤S504：将第一图像由第一尺寸缩小为第二尺寸；然后对第一图像进行径向模糊；将径向模糊过的第一图像由第二尺寸放大为第一尺寸，进而获得第二图像；

步骤S505：将第二图像显示于第二区域(也即第一区域之外区域)。

第二方面，基于同一发明构思，本发明实施例提供一种电子设备，请参考图6，包括：

确定模块60，用于确定电子设备的显示单元的显示内容所对应的第一图像，其中，第一图像与显示单元的显示内容发生变化所对应的第一区域相关，在显示内容发生变化前，第一区域显示有第一内容，在显示内容发生变化之后，第一区域上不显示第一内容或者显示模糊过的第一内容；

模糊模块61，用于对第一图像进行模糊处理获得第二图像；

输出模块62，用于将第二图像在显示单元的第二区域输出，第二区域与第一区域至少有一边相接或重叠。

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

检测模块，用于在确定电子设备的显示单元的显示内容对应的第一图像之前，检测获得第一操作，第一操作用于将电子设备的显示单元的显示内容由第一显示内容调整为第二显示内容。

可选的，显示单元上显示有第一应用程序的编辑界面，编辑界面包括菜单栏和内容显示区域，显示单元的显示内容发生变化具体为：第一数据由内容显示区域的第一边缘朝向内容显示区域的第二边缘移动，确定模块60，具体用于：

确定第一数据的第一内容所对应的图像为第一图像，其中，第一内容具体为：在显示内容发生变化之后，于第二边缘与第二内容相接且位于内容显示区域之外的第一数据的内容，第二内容具体为：内容显示区域的内容。

可选的，确定模块60，具体包括：

第一确定单元，用于确定菜单栏的第一显示尺寸；

第二确定单元，用于确定第一内容所对应的第二显示尺寸；

判断单元，用于判断第一显示尺寸是否大于第二显示尺寸；

第三确定单元，用于在第一显示尺寸不大于第二显示尺寸时，从第一内容所对应的图像中，确定出在第二边缘与第二内容相接且尺寸为第一显示尺寸的部分作为第一图像；

第四确定单元，用于在第一显示尺寸大于第二显示尺寸时，将第一内容所对应的图像整体作为第一图像。

可选的，确定模块60，具体用于：

确定在显示内容发生变化之前第一区域所对应的内容所对应的图像为第一图像；或

确定第一区域的第二显示尺寸；以及从第一内容所对应的图像中，确定出在第二边缘与第二内容相接且尺寸为第二显示尺寸的部分作为第一图像。

可选的，所述显示单元上显示有第一应用程序的编辑界面，所述编辑界面包括菜单栏和内容显示区域，所述显示单元的显示内容发生变化具体为：第一数据由所述内容显示区域的第一边缘朝向所述内容显示区域的第二边缘移动，所述确定模块60，具体用于：

确定所述第一数据的第一子内容以及第二子内容所对应的图像为所述第一图像，其中所述第一子内容具体为：在所述显示内容发生变化之后，于所述第二边缘与第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二子内容具体为：在所述显示内容发生变化之后，于所述第一边缘与第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二内容具体为：所述内容显示区域的内容。

可选的，显示单元的显示内容发生变化具体为：显示单元上显示第一窗口，确定模块60，具体用于：

确定在显示内容发生变化之前，第一区域所对应的图像为第一图像；或者

确定第一区域之外的其它区域所对应的图像为第一图像。

可选的，显示单元的显示内容发生变化具体为：显示单元上显示第一窗口，确定模块60，具体用于：

确定第一窗口的类型；

在第一窗口为提示型窗口时，确定第一区域之外的其它区域所对应的图像为第一图像；

在第一窗口不为提示型窗口时，确定在显示内容发生变化之前，第一区域所对应的图像为第一图像。

可选的，第一窗口具体为：弹出窗口或者下拉菜单或者弹出菜单。

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

调整模块，用于调整所述菜单栏或所述第一窗口或所述内容编辑区域的底边框的透明度，并将调整后的所述菜单栏或者所述第一窗口或者所述底边框与第二图像进行融合输出。

可选的，模糊模块61，具体包括：

缩小单元，用于将第一图像由第一尺寸缩小为第二尺寸；

模糊单元，用于对所述缩小单元处理过的第一图像进行模糊处理；

放大单元，用于将所述模糊单元处理过的第一图像由第二尺寸放大为第一尺寸，进而获得第二图像。

本发明一个或多个实施例，至少具有以下有益效果：

由于在本发明实施例中，首先确定电子设备的显示单元的显示内容所对应的第一图像，其中，第一图像与显示单元的显示内容发生变化所对应的第一区域相关，在显示内容发生变化前，第一区域显示有第一内容，在显示内容发生变化之后，第一区域上不显示第一内容或者显示模糊过的第一内容；然后对第一图像进行模糊处理获得第二图像；最后将第二图像在显示单元的第二区域输出，第二区域与第一区域至少有一边相接或重叠。故而，可以通过模糊后的第二图像对显示单元的显示内容发生变化所在的第一区域进行有效提示，从而较好的吸引用户的目光焦点，提高了用户读取页面内容的效率。

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

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

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

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

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

显然，本领域的技术人员可以对本发明实施例进行各种改动和变型而不脱离本发明实施例的精神和范围。这样，倘若本发明实施例的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (20)

1.一种显示方法，其特征在于，包括：

确定电子设备的显示单元的显示内容所对应的第一图像，其中，所述第一图像与所述显示单元的显示内容发生变化所对应的第一区域相关，在所述显示内容发生变化前，所述第一区域显示有第一内容，在所述显示内容发生变化之后，所述第一区域上不显示所述第一内容或者显示模糊过的所述第一内容；

对所述第一图像进行模糊处理获得第二图像；

将所述第二图像在所述显示单元的第二区域输出，所述第二区域与所述第一区域至少有一边相接或重叠。

2.如权利要求1所述的方法，其特征在于，在所述确定电子设备的显示单元的显示内容所对应的第一图像之前，所述方法还包括：

检测获得第一操作，所述第一操作用于将电子设备的显示单元的显示内容由第一显示内容调整为第二显示内容。

3.如权利要求1所述的方法，其特征在于，所述显示单元上显示有第一应用程序的编辑界面，所述编辑界面包括菜单栏和内容显示区域，所述显示单元的显示内容发生变化具体为：第一数据由所述内容显示区域的第一边缘朝向所述内容显示区域的第二边缘移动，所述确定电子设备的显示单元的显示内容所对应的第一图像，具体为：

确定所述第一数据的第一内容所对应的图像为所述第一图像，其中，所述第一内容具体为：在所述显示内容发生变化之后，于所述第二边缘与第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二内容具体为：所述内容显示区域的内容。

4.如权利要求3所述的方法，其特征在于，所述确定所述第一数据中的第一内容所对应的图像为所述第一图像，具体包括：

确定所述菜单栏的第一显示尺寸；

确定所述第一内容所对应的第二显示尺寸；

判断所述第一显示尺寸是否大于所述第二显示尺寸；

在所述第一显示尺寸不大于所述第二显示尺寸时，从所述第一内容所对应的图像中，确定出在所述第二边缘与所述第二内容相接且尺寸为所述第一显示尺寸的部分作为所述第一图像；

在所述第一显示尺寸大于所述第二显示尺寸时，将所述第一内容所对应的图像作为所述第一图像。

5.如权利要求3所述的方法，其特征在于，所述确定所述第一数据中的第一内容所对应的图像为所述第一图像，具体包括：

确定在所述显示内容发生变化之前所述第一区域的显示内容所对应的图像为所述第一图像；或

确定所述第一区域的显示尺寸；

从所述第一内容所对应的图像中，确定出在所述第二边缘与所述第二内容相接且尺寸为所述第一区域的显示尺寸的部分作为所述第一图像。

6.如权利要求1所述的方法，其特征在于，所述显示单元上显示有第一应用程序的编辑界面，所述编辑界面包括菜单栏和内容显示区域，所述显示单元的显示内容发生变化具体为：第一数据由所述内容显示区域的第一边缘朝向所述内容显示区域的第二边缘移动，所述确定电子设备的显示单元的显示内容所对应的第一图像，具体为：

确定所述第一数据的第一子内容以及第二子内容所对应的图像为所述第一图像，其中所述第一子内容具体为：在所述显示内容发生变化之后，于所述第二边缘与第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二子内容具体为：在所述显示内容发生变化之后，于所述第一边缘与所述第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二内容具体为：在所述显示内容发生变化之后所述内容显示区域的内容。

7.如权利要求1所述的方法，其特征在于，所述显示单元的显示内容发生变化具体为：所述显示单元上显示第一窗口，所述确定电子设备的显示单元的显示内容所对应的第一图像，具体为：

确定在所述显示内容发生变化之前，所述第一区域所对应的图像为所述第一图像。

8.如权利要求1所述的方法，其特征在于，所述显示单元的显示内容发生变化具体为：所述显示单元上显示第一窗口，所述确定电子设备的显示单元的显示内容所对应的第一图像，具体为：

确定所述第一区域之外的其它区域所对应的图像为所述第一图像。

9.如权利要求1所述的方法，其特征在于，所述显示单元的显示内容发生变化具体为：所述显示单元上显示第一窗口，所述确定电子设备的显示单元的显示内容所对应的第一图像，具体包括：

确定所述第一窗口的类型；

在所述第一窗口为提示型窗口时，确定所述第一区域之外的其它区域所对应的图像为所述第一图像；

否则，确定在所述显示内容发生变化之前，所述第一区域所对应的图像为所述第一图像。

10.如权利要求7-9任一所述的方法，其特征在于，所述第一窗口具体为：弹出窗口或者下拉菜单或者弹出菜单。

11.如权利要求3-7任一所述的方法，其特征在于，所述将所述第二图像在所述显示单元的第二区域输出，具体包括：

调整所述菜单栏或所述第一窗口或所述内容编辑区域的底边框的透明度，并将调整后的所述菜单栏或者所述第一窗口或者所述底边框与第二图像进行融合输出。

12.如权利要求1-9任一所述的方法，其特征在于，所述对所述第一图像进行模糊处理获得第二图像，具体包括：

将所述第一图像由第一尺寸缩小为第二尺寸；

对缩小处理过的所述第一图像进行模糊处理；

将模糊处理过的所述第一图像由所述第二尺寸放大为所述第一尺寸，进而获得所述第二图像。

13.一种电子设备，其特征在于，包括：

确定模块，用于确定电子设备的显示单元的显示内容所对应的第一图像，其中，所述第一图像与所述显示单元的显示内容发生变化所对应的第一区域相关，在所述显示内容发生变化前，所述第一区域显示有第一内容，在所述显示内容发生变化之后，所述第一区域上不显示所述第一内容或者显示模糊过的所述第一内容；

模糊模块，用于对所述第一图像进行模糊处理获得第二图像；

输出模块，用于将所述第二图像在所述显示单元的第二区域输出，所述第二区域与所述第一区域至少有一边相接或重叠。

14.如权利要求13所述的电子设备，其特征在于，所述电子设备还包括：

检测模块，用于在确定电子设备的显示单元的显示内容对应的第一图像之前，检测获得第一操作，所述第一操作用于将电子设备的显示单元的显示内容由第一显示内容调整为第二显示内容。

15.如权利要求13所述的电子设备，其特征在于，所述显示单元上显示有第一应用程序的编辑界面，所述编辑界面包括菜单栏和内容显示区域，所述显示单元的显示内容发生变化具体为：第一数据由所述内容显示区域的第一边缘朝向所述内容显示区域的第二边缘移动，所述确定模块，具体用于：

确定所述第一数据的第一内容所对应的图像为所述第一图像，其中，所述第一内容具体为：在所述显示内容发生变化之后，于所述第二边缘与第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二内容具体为：所述内容显示区域的内容。

16.如权利要求13所述的电子设备，其特征在于，所述显示单元上显示有第一应用程序的编辑界面，所述编辑界面包括菜单栏和内容显示区域，所述显示单元的显示内容发生变化具体为：第一数据由所述内容显示区域的第一边缘朝向所述内容显示区域的第二边缘移动，所述确定模块，具体用于：

确定所述第一数据的第一子内容以及第二子内容所对应的图像为所述第一图像，其中所述第一子内容具体为：在所述显示内容发生变化之后，于所述第二边缘与第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二子内容具体为：在所述显示内容发生变化之后，于所述第一边缘与所述第二内容相接且位于所述内容显示区域之外的所述第一数据的内容，所述第二内容具体为：所述显示内容发生变化之后所述内容显示区域的内容。

17.如权利要求13所述的电子设备，其特征在于，所述显示单元的显示内容发生变化具体为：所述显示单元上显示第一窗口，所述确定模块，具体用于：

确定在所述显示内容发生变化之前，所述第一区域所对应的图像为所述第一图像；或者

确定所述第一区域之外的其它区域所对应的图像为所述第一图像。

18.如权利要求13所述的电子设备，其特征在于，所述显示单元的显示内容发生变化具体为：所述显示单元上显示第一窗口，所述确定模块，具体用于：

确定所述第一窗口的类型；

在所述第一窗口为提示型窗口时，确定所述第一区域之外的其它区域所对应的图像为所述第一图像；

在所述第一窗口不为提示型窗口时，确定在所述显示内容发生变化之前，所述第一区域所对应的图像为所述第一图像。

19.如权利要求15-17任一所述的电子设备，其特征在于，所述电子设备还包括：

调整模块，用于调整所述菜单栏或所述第一窗口或所述内容编辑区域的底边框的透明度，并将调整后的所述菜单栏或者所述第一窗口或者所述底边框与第二图像进行融合输出。

20.如权利要求13-19任一所述的电子设备，其特征在于，所述模糊模块，具体包括：

缩小单元，用于将所述第一图像由第一尺寸缩小为第二尺寸；

模糊单元，用于对所述缩小单元处理过的所述第一图像进行模糊处理；

放大单元，用于将所述模糊单元处理过的所述第一图像由所述第二尺寸放大为所述第一尺寸，进而获得所述第二图像。