CN106372137A - 多窗口页面显示处理方法及装置 - Google Patents

Abstract

本发明实施例提供了一种多窗口页面显示处理方法及装置，该方法首先根据球体方程确定当前页面的截屏在多窗口页面中显示的位置，然后再确定显示当前页面的截屏的显示区域边界以及边界外围的梯度渐变效果，最后将页面截屏显示在对应位置上，使得该页面截屏图像能够在用户滑动屏幕时以垂直于屏幕的方向沿球体曲线滚动，同时在滚动的过程中呈现近大远小的立体效果，从而能够为用户呈现3D的多窗口页面，以供用户选择或切换。此外，由于整个处理过程是在GPU处执行的，GPU是专门的图形处理器，因此CPU就可以从图形处理的任务中解放出来，去执行其他更多的系统任务，使得整个页面截屏的滑动过程中不会出现卡顿的现象，从而不影响用户的使用。

Description

多窗口页面显示处理方法及装置

技术领域

本发明实施例涉及智能终端技术领域，尤其涉及一种多窗口页面显示处理方法及装置。

背景技术

目前的智能终端能够支持越来越多的功能，使得人们可以使用智能终端进行各式各样的操作。其中，通过智能终端中的浏览器访问网页，是人们获取各类信息的常用手段之一。人们只需在浏览器的搜索栏中输入待访问网页的网址，浏览器就可以通过移动网络访问发布该网页内容的网站服务器，从而使得人们可以通过浏览器浏览该网页发布的内容。

在使用浏览器浏览信息时，人们经常会打开多个网页浏览每个网页上的内容。当需要查看之前已打开的某一网页时，人们一般会按下切换键，浏览器界面上就会显示包含历史打开页面部分信息的多窗口展示切换页面，以供人们选择想要查看的网页。

现有的多窗口展示切换页面一般均以列表或单页横划等方式展示历史打开页面。然而，在实现本发明实施例的过程中发明人发现，这样的展示方式是通过CPU完成渲染和绘制的，由于CPU处理能力有限，在用户进行页面选择和切换时，采用这样的展示方式经常会出现卡顿现象，不够流畅美观，从而影响用户的使用。

发明内容

本发明实施例提供一种多窗口页面显示处理方法及装置，用以解决现有技术中多窗口展示采用CPU处理，在进行页面切换时不够流畅美观的缺陷。

第一方面，本发明实施例提供了一种多窗口页面显示处理方法，在GPU处执行如下步骤，包括：

若检测到打开多窗口页面的触发操作，则对当前页面按照预设规则进行截屏，获得所述当前页面对应的第一截屏图像；所述多窗口页面用于显示浏览器已打开的所有页面；

根据球体方程获取所述当前页面在所述多窗口页面中的位置，并根据所述当前页面在所述多窗口页面中位置和所述多窗口页面中的第一显示区域的大小，确定所述第一显示区域的边界，并在所述边界外围绘制梯度渐变效果的阴影图案；其中，所述第一显示区域用于显示所述第一截屏图像；

打开所述多窗口页面，并在所述第一显示区域内显示所述第一截屏图像。

可选地，所述对当前页面按照预设规则进行截屏包括：

根据预设的截屏图像大小，截取所述当前页面中顶部区域内的图像并进行存储。

可选地，在检测到打开多窗口页面的触发操作之后，所述方法还包括：

获取本地存储的历史页面对应的第二截屏图像；

根据所述球体方程获取所述历史页面在所述多窗口页面中的位置，并根据所述历史页面在所述多窗口页面中的位置和所述第二显示区域的大小，确定所述第二显示区域的边界，并在所述边界外围绘制梯度渐变的阴影图案；其中，所述第二显示区域用于显示所述第二截屏图像；

打开所述多窗口页面，在所述多窗口页面中的所述第二显示区域内显示所述第二截屏图像。

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

若检测到选取所述多窗口页面中的第二截屏图像的操作时，从页面列表中获取所述第二截屏图像对应的历史页面；

其中，所述页面列表记录有浏览器已打开的所有页面的关键信息，以及各页面对应的截屏图像；所述关键信息包括打开时间和URL地址。

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

若检测所述页面列表中的页面被关闭，则删除所述页面对应的关键信息和截屏图像。

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

在检测到在所述多窗口页面中的滑动操作时，根据所述球体方程，实时获取所述当前页面在所述多窗口页面中沿球体曲线滑动的动态位置；

根据所述动态位置以及在所述动态位置处预设的动态显示区域的大小，确定所述当前页面滑动至所述动态位置时对应的动态显示区域的边界，并在所述动态显示区域的边界外围绘制梯度渐变效果的阴影图案；其中，所述动态显示区域用于显示所述第一截屏图像；

在所述动态显示区域内显示对应的所述第一截屏图像。

第二方面，本发明实施例提供了一种多窗口页面显示处理装置，包括：

截屏单元，用于通过GPU在检测到打开多窗口页面的触发操作时，对当前页面按照预设规则进行截屏，获得所述当前页面对应的第一截屏图像；所述多窗口页面用于显示浏览器已打开的所有页面；

边界确定单元，用于通过GPU根据球体方程获取所述当前页面在所述多窗口页面中的位置，并根据所述当前页面在所述多窗口页面中位置和所述多窗口页面中的第一显示区域的大小，确定所述第一显示区域的边界，并在所述边界外围绘制梯度渐变效果的阴影图案；其中，所述第一显示区域用于显示所述第一截屏图像；

图像填充单元，用于通过GPU打开多窗口页面，在所述多窗口页面中的所述第一显示区域内显示所述第一截屏图像。

可选地，所述截屏单元，还用于通过GPU根据预设的截屏图像大小，截取所述当前页面中顶部区域内的图像并进行存储。

可选地，所述截屏单元，还用于通过GPU在检测到打开多窗口页面的触发操作时，获取本地存储的历史页面对应的第二截屏图像；

所述边界确定单元，还用于通过GPU根据所述球体方程获取所述历史页面在所述多窗口页面中的位置，并根据所述历史页面在所述多窗口页面中的位置和所述第二显示区域的大小，确定所述第二显示区域的边界，并在所述边界外围绘制梯度渐变的阴影图案；其中，所述第二显示区域用于显示所述第二截屏图像；

所述图像填充单元，还用于通过GPU打开所述多窗口页面，在所述多窗口页面中的所述第二显示区域内显示所述第二截屏图像。

可选地，所述装置还包括：

页面获取单元，用于通过GPU若检测到选取所述多窗口页面中的第二截屏图像的操作时，从页面列表中获取所述第二截屏图像对应的历史页面；

其中，所述页面列表记录有浏览器已打开的所有页面的关键信息，以及各页面对应的截屏图像；所述关键信息包括打开时间和URL地址。

可选地，所述页面获取单元，还用于通过GPU在检测所述页面列表中的页面被关闭时，删除所述页面对应的关键信息和截屏图像。

可选地，所述边界确定单元，还用于：

通过GPU在检测到在所述多窗口页面中的滑动操作时，根据所述球体方程，实时获取所述当前页面在所述多窗口页面中沿球体曲线滑动的动态位置；

通过GPU根据所述动态位置以及在所述动态位置处预设的动态显示区域的大小，确定所述当前页面滑动至所述动态位置时对应的动态显示区域的边界，并在所述动态显示区域的边界外围绘制梯度渐变效果的阴影图案；其中，所述动态显示区域用于显示所述第一截屏图像；

所述图像填充单元，还用于通过GPU在所述动态显示区域内显示对应的所述第一截屏图像。

本发明实施例提供的多窗口页面显示处理方法及装置中，首先根据球体方程确定当前页面的截屏在多窗口页面中显示的位置，然后再确定显示当前页面的截屏的显示区域边界以及边界外围的梯度渐变效果，最后将页面截屏显示在对应位置上，使得该页面截屏图像能够在用户滑动屏幕时以垂直于屏幕的方向沿球体曲线滚动，同时在滚动的过程中呈现近大远小的立体效果，从而能够为用户呈现3D的多窗口页面，以供用户选择或切换。此外，由于整个处理过程是在GPU处执行的，GPU是专门的图形处理器，因此CPU就可以从图形处理的任务中解放出来，去执行其他更多的系统任务，使得整个页面截屏的滑动过程中不会出现卡顿的现象，从而不影响用户的使用。

附图说明

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

图1为本发明提供的一种多窗口页面显示处理方法方施例流程图；

图2为本发明提供的多窗口显示页面示意图；

图3为本发明提供的又一种多窗口页面显示处理方法实施例流程图；

图4为本发明提供的又一多窗口显示页面示意图；

图5为本发明提供的一种多窗口页面显示处理装置实施例结构框图；

图6为本发明提供的又一种多窗口页面显示处理装置实施例结构框图。

具体实施方式

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

第一方面，本发明实施例提供了一种多窗口页面显示处理方法，在GPU(GraphicsProcessing Unit，图形处理器)处执行如下步骤，如图1所示，包括：

S101、若检测到打开多窗口页面的触发操作，则对当前页面按照预设规则进行截屏，获得当前页面对应的第一截屏图像；多窗口页面用于显示浏览器已打开的所有页面；

具体来说，用户在通过浏览器浏览信息时一般都会打开多个页面，当需对某一已打开的页面进行查看时，用户会点击对应的按钮触发打开多窗口页面的操作。其中，这里的多窗口页面用于显示用户在本次对浏览器的操作中已经打开的所有页面。在检测到这一操作时，首先对当前用户查看的页面按照预设的规则进行截屏(包括可以按预设的大小或预设的位置进行截屏)，得到对应的第一截屏图像。

S102、根据球体方程获取当前页面在多窗口页面中的位置，并根据当前页面在多窗口页面中位置和多窗口页面中的第一显示区域的大小，确定第一显示区域的边界，并在边界外围绘制梯度渐变效果的阴影图案；其中，第一显示区域用于显示第一截屏图像；

具体来说，在经过步骤S101对当前页面进行截屏之后，可以得到第一截屏图像。由于当前页面是用户最近浏览的页面，因此第一截屏图像要显示在多窗口页面的最前方。因此首先需要通过球体方程来确定显示在多窗口页面最前方的第一截屏图像的位置，如图2所示，也即首先需要确定第一截屏图像1的位置。下面结合附图3，对如何根据球体方程确定第一显示区域的边界的过程进行说明。本发明实施例中，包括当前页面的各个页面上的一个标志性点(如图3所示的各个黑点)位于球体的滚动的轨迹61上，且滚动的轨迹61所在屏幕与终端5的屏幕垂直。具体地，本实施例可以借助球体方程，根据球体所具备的属性，获取当前页面在多窗口页面中沿轨迹61的位置。当前页面位于屏幕的最下方，其他各个历史页面按时间顺序依次向上排列。在确定了当前页面所在的位置之后，根据这一位置对应的预设的第一显示区域的大小，确定当前页面对应的第一显示区域的边界，并在第一显示区域的边界外围绘制梯度渐变效果的阴影图案。

接着，如图2所示，需要确定第一截屏图像在已确定的位置处的第一显示区域1的大小。可以理解的是，若显示的第一截屏图像在多窗口页面中的第一显示区域1过大，例如占满图2中屏幕下方的整个显示区域，则有可能会遮挡其他页面，使用户无法选择，且过大的显示也会影响用户观赏的效果；若显示的第一显示区域1过小，则会使得用户无法看清页面的内容，从而无法辨别哪一个是需要选择的页面。因此这里的第一显示区域1的大小需要根据屏幕的尺寸来设置。例如，第一显示区域1的宽度可以占据整个屏幕宽度的3/5-3/4，且与左右两边的距离相等；第一显示区域1的高度可以为整个屏幕高度的1/3-1/2，并位于屏幕的底部。

最后，在获知第一截屏图像的显示位置以及第一显示区域1的大小之后，就可以确定用于第一显示区域1的边界。这里的确定第一显示区域1的边界可以通过以下方式实施：确定显示第一显示区域1边界的位置，也即在显示屏幕上的横纵坐标，在边界区域的外围(如图2所示的点状填充区域)绘制梯度渐变效果的阴影图案，并通过这一阴影图案将第一显示区域1显现出来。

此外，为了提升第一显示区域1外围阴影图案的显示效果，这里的阴影图案可以为某一幅背景图片或某一页面截屏的毛玻璃效果的阴影图案，还可以为其他的动态效果图案，本发明对此不作具体限定。

S103、打开多窗口页面，在多窗口页面中的第一显示区域内显示第一截屏图像。

具体来说，在步骤S102确定好第一显示区域1之后，再将步骤S101中已录制好的第一截屏图像填充在显示区域内，从而浏览器就可以呈现一个包含已浏览页面第一截屏图像的多窗口页面。该多窗口页面中的第一截屏图像会随着用户的向上或向下滑动呈车轮状滚动，滚动的方向垂直于屏幕。且随着第一截屏图像的显示位置向屏幕顶部移动，第一截屏图像会逐渐减小，形成近大远小的立体观赏效果，从而能够为用户提供一种具有3D显示效果的多窗口页面，以供用户进行各个浏览页面的选择或切换。

本发明实施例提供的多窗口页面显示处理方法中，首先根据球体方程确定当前页面的截屏在多窗口页面中显示的位置，然后再确定显示当前页面的截屏的显示区域边界以及边界外围的梯度渐变效果，最后将页面截屏显示在对应位置上，使得该页面截屏图像能够在用户滑动屏幕时以垂直于屏幕的方向沿球体曲线滚动，同时在滚动的过程中呈现近大远小的立体效果，从而能够为用户呈现3D的多窗口页面，以供用户选择或切换。此外，由于整个处理过程是在GPU处执行的，GPU是专门的图形处理器，因此CPU就可以从图形处理的任务中解放出来，去执行其他更多的系统任务，使得整个页面截屏的滑动过程中不会出现卡顿的现象，从而不影响用户的使用。

在具体实施时，可以理解的是，由于在多窗口页面中显示的某一网页的内容仅仅只是该网页的部分内容，如果将用户当前浏览的页面全部截屏，那么在多窗口页面进行显示时，势必会有一部分截屏的内容显示不出来。既然无法显示，那么这一部分内容对于浏览器来说就是无用的内容，同时还会占用一定的内存空间。因此，为了避免无用的图像占用过多的内存，上述方法实施例的步骤S101中在对当前页面进行截屏操作时，可以根据预设的截屏图像大小截取当前页面中顶部区域内的图像并进行存储。其中，这里的预设截屏图像大小可以根据实际需要而进行适应性设置。例如，可以截取400像素×400像素的画面。这样做的好处是，只截取了能够在多窗口页面中显示的画面，从而减少各个页面截屏图像的占用空间，有助于提高浏览器运行的流畅性，为用户提供更好的使用体验。

可以理解的是，多窗口页面上除了包含当前页面的截屏图像，还包含历史页面的截屏图像。因此，在上述所述的方法实施例的基础上，如图3所示，本发明实施例提供的多窗口页面显示处理方法还可以包括：

S201、在检测到打开多窗口页面的触发操作后，获取本地存储的历史页面对应的第二截屏图像；

可以理解的是，为了使多窗口页面能够显示用户已打开的所有网页，在用户每一次重新打开一个页面，浏览器就会对上一个浏览的页面进行截屏，并存储在本地，以供在页面切换时显示。因此，上述方法实施例的步骤S101中，在获取当前页面的第一截屏图像的同时，还获取本地存储的历史页面对应的第二截屏图像。其中，这里的第二截屏图像的数量可能为多个。

S202、根据所述球体方程获取所述历史页面在所述多窗口页面中的位置，并根据所述历史页面在所述多窗口页面中的位置和所述第二显示区域的大小，确定所述第二显示区域的边界，并在所述边界外围绘制梯度渐变的阴影图案；其中，所述第二显示区域用于显示所述第二截屏图像；

具体来说，在步骤S102对第一截屏图像的位置确定的同时，也需要确定其他历史页面的第二截屏图像的位置。这里同样可以根据球体方程计算各个历史页面在多窗口页面中的位置。其中，如图2所示当前页面的第一截屏图像与各个历史页面的第二截屏图像的位置可以按照打开的时间来排序，最近打开的页面位于多窗口页面的最前方，最先打开的页面位于多窗口页面的最后方。

对于各个第二显示区域大小的设置也与步骤S102中第一显示区域大小的设置相同，在此不再赘述。

在确定了各个页面的位置和对应的显示区域的大小之后，就需要确定各个显示区域的边界。同样地，首先确定各个显示区域1-4的边界的位置，然后在各个显示区域1-4整体边界的外围绘制阴影图案，最后通过绘制的阴影图案将各个显示区域1-4显现出来。

S203、打开多窗口页面，在第二显示区域内显示第二截屏图像。

同样地，在确定了第一显示区域以及各个第二显示区域之后，将第一截屏图像以及各个第二截屏图像的内容填充至对应的显示区域，使多窗口页面能够显示多个截屏图像，各个截屏图像呈现近大远小的状态，从而能够为用户提供一种具有3D显示效果的多窗口页面。且由于这个处理过程都是在GPU上实现的，因此打开多窗口页面之后显示各个截屏图像的变化可以非常流畅，不会出现卡顿，从而不影响用户使用，为用户提供良好的使用体验。

在具体实施时，为了在用户滑动多窗口页面时各个页面能够跟随用户的滑动手势实现3D滚动的效果，本发明实施例提供的方法还包括：

S301、在检测到在多窗口页面中的滑动操作时，根据球体方程，实时获取当前页面在多窗口页面中沿球体曲线滑动的动态位置；

可以理解的是，本发明实施例所要实现的滚动效果为各个页面能够沿着球体曲线滚动，且滚动的轨迹所在的平面与屏幕垂直。为便于理解，可以参见图3，本发明实施例所要显示的是各个页面能够沿着球体6的表面曲线进行滚动，各个页面上的一个标志点(例如，页面上边界的中心点)(如图3所示的各个黑点)位于滚动的轨迹61上，且滚动的轨迹61所在屏幕与终端5的屏幕垂直。球体6可以沿着箭头方向或箭头的反方向转动，各个页面也跟着球体转动，转动的方向也即轨迹61所在的球面与屏幕5垂直。而此时屏幕5相当于一个平面，各个页面随着球体转动的画面被投影在这个平面上，从而使得位于屏幕5正面的用户在球体沿着箭头方向转动时可以看见一个个页面逐渐向自己靠近，反之，在球体沿着箭头反方向转动时可以看见一个个页面逐渐向自己远离，从而形成近大远小的3D显示效果。

由上述叙述可以看出，这里可以借助球体方程，根据球体所具备的属性，实时获取当前页面在多窗口页面中沿球体曲线滑动的动态位置，也即如果当前页面为最下方的页面，那么可以根据球体6所具备的属性，根据球体方程，获取当前页面在沿着轨迹61滑动过程中的动态位置。不难理解的是，除了当前页面以外，其他历史页面的动态位置的获取方法与当前页面相同，从而可以获得当前页面以及各个历史页面在沿着轨迹61滑动过程中对应的动态位置。

S302、根据动态位置以及在动态位置处预设的动态显示区域的大小，确定当前页面滑动至各个动态位置时对应的动态显示区域的边界，并在动态显示区域的边界外围绘制梯度渐变效果的阴影图案；其中，动态显示区域用于显示第一截屏图像；

如上述所述，屏幕5为一个平面，当球体6沿箭头方向转动时，用户在屏幕5上看到的是各个页面逐渐靠近的效果。因此可以理解的是，在球体的滚动的轨迹61上每一个位置对应的动态显示区域的大小是不同的，越靠近屏幕显示区域的大小越大。因此这里可以根据轨迹61上的动态位置以及在动态位置处预设的动态显示区域的大小，确定当前页面滑动至动态位置时对应的动态显示区域的边界。其中，确定第一显示区域的边界具体可以通过以下方式实施：如图2所示，可以根据当前页面在多窗口页面中的位置以及预设的第一显示区域的大小计算第一显示区域1边界在显示屏幕上的横纵坐标，也即计算该边界对应屏幕上的哪些像素单元。不难理解的是，GPU此时只是获取了边界对应坐标，并没有被将该边界绘制在屏幕上。可以理解的是，其他历史页面的边界获取方式与当前页面相同，在此不再赘述。

接着可以在当前页面以及各个历史页面边界位置的外围(在如图2中所示的斜纹填充区域)绘制梯度渐变效果的阴影图案，并通过梯度渐变效果的阴影图案将第一显示区域1突显出来。不难理解的是，在检测到用户滑动多窗口页面的操作时，各个页面随着滑动的方向沿着轨迹滚动，而此时的阴影图案也可以随着各个页面的滚动而变化。

S303、在动态显示区域内显示对应的第一截屏图像。

在各个显示区域内显示了对应的截屏图像后，就可以得到包含多个页面截屏图像的多窗口页面。该多窗口页面中的各个截屏图像会随着用户的向上或向下滑动沿球体轨迹滚动。且随着各个截屏图像的显示位置向屏幕顶部移动，截屏图像的尺寸会逐渐减小，也即越往顶部移动图像越小，从而使得各个截屏图像形成近大远小的立体观赏效果，为用户提供一种具有3D显示效果的多窗口页面，以供用户进行各个浏览页面的选择或切换。

在具体实施时，在应用上述方法实施例实现多窗口页面显示历史网页后，本发明实施例提供的方法还包括：若检测到选取多窗口页面中的第二截屏图像的操作时，从页面列表中获取第二截屏图像对应的历史页面。

具体来说，当用户打开新的页面时，之前浏览的页面的关键信息以及各页面对应的截屏图像就被存储在页面列表中。这里的关键信息可以包括页面打开的时间以及页面的URL地址。若检测到用户在多窗口页面中选取了某一第二截屏图像的操作时，可以从页面列表中获取该第二截屏图像对应的历史页面，并显示在显示屏上，从而用户可以查看该历史页面上的信息。

不难理解的是，上述方法实施例的基础上，若检测到页面列表中的某一页面被关闭，则删除页面对应的关键信息和截屏图像，从而节约存储的空间，有利于浏览器顺畅无卡顿的运行。

第二方面，本发明实施例提供了一种多窗口页面显示处理装置，如图5所示，包括截屏单元401、边界确定单元402以及图像填充单元403。

其中，截屏单元401用于通过GPU在检测到打开多窗口页面的触发操作时，对当前页面按照预设规则进行截屏，获得当前页面对应的第一截屏图像；多窗口页面用于显示浏览器已打开的所有页面；边界确定单元402用于通过GPU根据球体方程获取当前页面在多窗口页面中的位置，并根据当前页面在多窗口页面中位置和多窗口页面中的第一显示区域的大小，确定第一显示区域的边界，并在边界外围绘制梯度渐变效果的阴影图案；其中，第一显示区域用于显示第一截屏图像；图像填充单元403用于通过GPU打开多窗口页面，在多窗口页面中的第一显示区域内显示第一截屏图像。

具体来说，在检测到用户预切换网页的操作时，截屏单元401对当前用户查看的页面按照预设的规则进行截屏，得到对应的第一截屏图像。

在获得第一截屏图像之后，边界确定单元402要确定第一截屏图像的位置和边界。边界确定单元402首先通过球体方程来确定显示在多窗口页面最前方的第一截屏图像的位置。接着，如图2所示，边界确定单元402进一步确定第一截屏图像在已确定的位置处的第一显示区域1的大小。关于第一显示区域1的大小的设置在前文已经进行了详细的描述在此不再赘述。最后，边界确定单元402确定显示第一显示区域1边界的位置，并在边界区域的外围(如图2所示的点状填充区域)绘制水波纹阴影图案，通过绘制的阴影图案将第一显示区域1显现出来。对于如何根据球体方程获取第一显示区域1边界，在前文已经进行了详细的说明，在此不再赘述。

最后图像填充单元403将截屏单元401已录制好的第一截屏图像填充在第一显示区域内，从而浏览器就可以呈现一个包含已浏览页面第一截屏图像的多窗口页面，以供用户进行各个浏览页面的选择或切换。

本发明实施例提供的多窗口页面显示处理装置中，边界确定单元402首先根据球体方程确定当前页面的截屏在多窗口页面中显示的位置，然后再确定显示当前页面的截屏的显示区域边界以及边界外围的梯度渐变效果，最后图像填充单元403将页面截屏显示在对应位置上，使得该页面截屏图像能够在用户滑动屏幕时以垂直于屏幕的方向沿球体曲线滚动，同时在滚动的过程中呈现近大远小的立体效果，从而能够为用户呈现3D的多窗口页面，以供用户选择或切换。此外，由于整个处理过程是在GPU处执行的，GPU是专门的图形处理器，因此CPU就可以从图形处理的任务中解放出来，去执行其他更多的系统任务，使得整个页面截屏的滑动过程中不会出现卡顿的现象，从而不影响用户的使用。

在上述装置实施例的基础上，为了节约截屏的存储空间，在具体实施时，这里的截屏单元401还用于在GPU处根据预设的截屏图像大小，截取当前页面中顶部区域内的图像并进行存储。这样做的好处是，无需截取无法在多窗口页面上显示的截屏图像的内容，从而减小各个页面截屏图像的存储空间。

可以理解的是，多窗口页面上除了包含当前页面的截屏图像，还包含历史页面的截屏图像。因此，本发明提供的装置实施例中，截屏单元401还用于通过GPU在检测到打开多窗口页面的触发操作时，获取本地存储的历史页面对应的第二截屏图像；边界确定单元402还用于通过GPU根据球体方程获取历史页面在多窗口页面中的位置，并根据历史页面在多窗口页面中的位置和第二显示区域的大小，确定第二显示区域的边界，并在边界外围绘制梯度渐变的阴影图案；其中，第二显示区域用于显示第二截屏图像。具体的处理过程与对前文中已叙述过的对于当前页面的处理过程类似，在此不再赘述。

在具体实施时，为了使得本发明实施例提供的装置能够使得多窗口页面在展示各个页面时呈现的3D显示效果，上述装置实施例中的边界确定单元402，还用于通过GPU根据球体方程获取当前页面在多窗口页面中的位置，并根据当前页面在多窗口页面中的位置和多窗口页面中的第一显示区域的大小，确定第一显示区域的边界，并在第一显示区域的边界外围绘制梯度渐变效果的阴影图案。

由于前文的方法实施例中已经对如何根据球体方程获取该位置以及如何绘制阴影最后如何实现动态以及的3D效果进行了详细说明，在此不再赘述。

在实现多窗口界面显示当前页面和历史页面后，如图6所示，本发明实施例提供的装置还包括页面获取单元404，用于在检测到选取多窗口页面中的第二截屏图像的操作时，从页面列表中获取第二截屏图像对应的历史页面。

具体来说，当用户打开新的页面时，之前浏览的页面的关键信息以及各页面对应的截屏图像就被存储在页面列表中。这里的关键信息可以包括页面打开的时间以及页面的URL地址。此时，若页面获取单元404检测到用户在多窗口页面中选取了某一第二截屏图像的操作，可以从页面列表中获取该第二截屏图像对应的历史页面，并显示在显示屏上，从而用户可以查看该历史页面上的信息。

不难理解的是，页面获取单元404还用于在检测所述页面列表中的页面被关闭时，删除所述页面对应的关键信息和截屏图像，从而节约存储空间，为浏览器能够流畅运行提供支持。

由于本实施例所介绍的多窗口页面显示处理装置为可以执行本发明实施例中的多窗口页面显示处理方法的装置，故而基于本发明实施例中所介绍的多窗口页面显示处理方法，本领域所属技术人员能够了解本实施例的多窗口页面显示处理装置的具体实施方式以及其各种变化形式，所以在此对于该多窗口页面显示处理装置如何实现本发明实施例中的多窗口页面显示处理方法不再详细介绍。只要本领域所属技术人员实施本发明实施例中多窗口页面显示处理方法所采用的装置，都属于本申请所欲保护的范围。

不难理解的是，上述实施例中的举例说明只是为了便于更好地理解本发明实施例提供的方法或装置，并不能构成对本发明的具体限定。且上述的各个优选实施方式之间不会相互影响，各个优选实施方式之间的任意组合所得到的方案均应该落入本发明的保护范围。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

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

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (12)

1.一种多窗口页面显示处理方法，其特征在于，通过GPU执行如下步骤，包括：

若检测到打开多窗口页面的触发操作，则对当前页面按照预设规则进行截屏，获得所述当前页面对应的第一截屏图像；所述多窗口页面用于显示浏览器已打开的所有页面；

根据球体方程获取所述当前页面在所述多窗口页面中的位置，并根据所述当前页面在所述多窗口页面中位置和所述多窗口页面中的第一显示区域的大小，确定所述第一显示区域的边界，并在所述边界外围绘制梯度渐变效果的阴影图案；其中，所述第一显示区域用于显示所述第一截屏图像；

打开所述多窗口页面，并在所述第一显示区域内显示所述第一截屏图像。

2.根据权利要求1所述的方法，其特征在于，所述对当前页面按照预设规则进行截屏包括：

根据预设的截屏图像大小，截取所述当前页面中顶部区域内的图像并进行存储。

3.根据权利要求1所述的方法，其特征在于，在检测到打开多窗口页面的触发操作之后，所述方法还包括：

获取本地存储的历史页面对应的第二截屏图像；

根据所述球体方程获取所述历史页面在所述多窗口页面中的位置，并根据所述历史页面在所述多窗口页面中的位置和所述第二显示区域的大小，确定所述第二显示区域的边界，并在所述边界外围绘制梯度渐变的阴影图案；其中，所述第二显示区域用于显示所述第二截屏图像；

打开所述多窗口页面，在所述第二显示区域内显示所述第二截屏图像。

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

若检测到选取所述多窗口页面中的第二截屏图像的操作时，从页面列表中获取所述第二截屏图像对应的历史页面；

其中，所述页面列表记录有浏览器已打开的所有页面的关键信息，以及各页面对应的截屏图像；所述关键信息包括打开时间和URL地址。

5.根据权利要求4所述的方法，其特征在于，所述方法还包括：

若检测所述页面列表中的页面被关闭，则删除所述页面对应的关键信息和截屏图像。

6.根据权利要求1-5任一项所述的方法，其特征在于，所述方法还包括：

在检测到在所述多窗口页面中的滑动操作时，根据所述球体方程，实时获取所述当前页面在所述多窗口页面中沿球体曲线滑动的动态位置；

根据所述动态位置以及在所述动态位置处预设的动态显示区域的大小，确定所述当前页面滑动至所述动态位置时对应的动态显示区域的边界，并在所述动态显示区域的边界外围绘制梯度渐变效果的阴影图案；其中，所述动态显示区域用于显示所述第一截屏图像；

在所述动态显示区域内显示对应的所述第一截屏图像。

7.一种多窗口页面显示处理装置，其特征在于，包括：

截屏单元，用于通过GPU在检测到打开多窗口页面的触发操作时，对当前页面按照预设规则进行截屏，获得所述当前页面对应的第一截屏图像；所述多窗口页面用于显示浏览器已打开的所有页面；

边界确定单元，用于通过GPU根据球体方程获取所述当前页面在所述多窗口页面中的位置，并根据所述当前页面在所述多窗口页面中位置和所述多窗口页面中的第一显示区域的大小，确定所述第一显示区域的边界，并在所述边界外围绘制梯度渐变效果的阴影图案；其中，所述第一显示区域用于显示所述第一截屏图像；

图像填充单元，用于通过GPU打开多窗口页面，在所述多窗口页面中的所述第一显示区域内显示所述第一截屏图像。

8.根据权利要求7所述的装置，其特征在于，

所述截屏单元，还用于通过GPU根据预设的截屏图像大小，截取所述当前页面中顶部区域内的图像并进行存储。

9.根据权利要求7所述的装置，其特征在于，

所述截屏单元，还用于通过GPU在检测到打开多窗口页面的触发操作时，获取本地存储的历史页面对应的第二截屏图像；

所述边界确定单元，还用于通过GPU根据所述球体方程获取所述历史页面在所述多窗口页面中的位置，并根据所述历史页面在所述多窗口页面中的位置和所述第二显示区域的大小，确定所述第二显示区域的边界，并在所述边界外围绘制梯度渐变的阴影图案；其中，所述第二显示区域用于显示所述第二截屏图像；

所述图像填充单元，还用于通过GPU打开所述多窗口页面，在所述第二显示区域内显示所述第二截屏图像。

10.根据权利要求9所述的装置，其特征在于，所述装置还包括：

页面获取单元，用于通过GPU若检测到选取所述多窗口页面中的第二截屏图像的操作时，从页面列表中获取所述第二截屏图像对应的历史页面；

其中，所述页面列表记录有浏览器已打开的所有页面的关键信息，以及各页面对应的截屏图像；所述关键信息包括打开时间和URL地址。

11.根据权利要求10所述的装置，其特征在于，

所述页面获取单元，还用于通过GPU在检测所述页面列表中的页面被关闭时，删除所述页面对应的关键信息和截屏图像。

12.根据权利要求7-11任一项所述的装置，其特征在于，

所述边界确定单元，还用于：

通过GPU在检测到在所述多窗口页面中的滑动操作时，根据所述球体方程，实时获取所述当前页面在所述多窗口页面中沿球体曲线滑动的动态位置；

通过GPU根据所述动态位置以及在所述动态位置处预设的动态显示区域的大小，确定所述当前页面滑动至所述动态位置时对应的动态显示区域的边界，并在所述动态显示区域的边界外围绘制梯度渐变效果的阴影图案；其中，所述动态显示区域用于显示所述第一截屏图像；

所述图像填充单元，还用于通过GPU在所述动态显示区域内显示对应的所述第一截屏图像。