CN105607917B - 一种页面加载方法及装置 - Google Patents

Abstract

本申请公开了一种页面加载方法及装置，用以实现同一页面的页面内容的多层次加载，提高用户体验。本申请提供的一种页面加载方法，用于分层加载同一页面上的不同页面内容，该方法包括：确定需要加载页面；按照预设顺序依次加载每一显示层以及该显示层上的页面内容，其中，除了第一层显示层以外的其他每一显示层上的页面内容的显示位置与该显示层以上的显示层的透明区域的重叠区域相对应。

Description

一种页面加载方法及装置

技术领域

本申请涉及计算机技术领域，尤其涉及一种页面加载方法及装置。

背景技术

现有页面加载技术中，同一页面的页面内容叠加会产生无序后果，无法实现页面内容的多层次加载，分散用户精力。

参见图1，手机加载页面时，将页面中各个元素分步加载，首先加载背景(background)1，其次加载内容页(Content card)2，再次加载浮点(Floating Button)3，最后得到如图1所示的在系统状态栏4和系统导航栏5之间的页面样式。

然而，在页面元素过多时，此种堆叠式的页面加载方式容易在页面中出现多个重点，导致分散用户注意力，用户体验较差。

发明内容

本申请实施例提供了一种页面加载方法及装置，用以实现同一页面的页面内容的多层次加载，提高用户体验。

第一方面，本申请实施例提供的一种页面加载方法，用于分层加载同一页面上的不同页面内容，该方法包括：

确定需要加载页面；

按照预设顺序依次加载每一显示层以及该显示层上的页面内容，其中，除了第一层显示层以外的其他每一显示层上的页面内容的显示位置与该显示层以上的显示层的透明区域的重叠区域相对应。

通过该第一方面提供的页面加载方法，按照预设顺序依次加载每一显示层以及该显示层上的页面内容，其中，除了第一层显示层以外的其他每一显示层上的页面内容的显示位置与该显示层以上的显示层的透明区域的重叠区域相对应，从而实现了同一页面的页面内容的多层次加载，提高了用户体验。

结合第一方面，在第一种可能的实现方式中，所述按照预设顺序依次加载每一显示层以及该显示层上的页面内容，包括：

按照预设顺序，以及预设的相邻两个显示层的加载间隔时间，依次加载每一显示层以及该显示层上的页面内容。

通过结合第一方面的第一种可能的实现方式，进一步可以实现每一显示层的自动呈现。

结合第一方面，在第二种可能的实现方式中，所述按照预设顺序依次加载每一显示层以及该显示层上的页面内容，包括：

按照预设顺序，当接收到用户指示时，依次加载每一显示层以及该显示层上的页面内容。

通过结合第一方面的第二种可能的实现方式，进一步使得用户可以根据需要，主动触发每一显示层的呈现。

结合第一方面的第二种可能的实现方式，在第三种可能的实现方式中，按照预设顺序，当接收到用户指示时，依次加载每一显示层以及该显示层上的页面内容，包括：

按照预设顺序，当通过触控显示屏每接收到一次用户点击时，以点击区域为中心展开显示一个显示层以及该显示层上的页面内容。

通过结合第一方面的第三种可能的实现方式，进一步当受到用户触发时，可以实现以用户的点击区域为中心展开显示一个显示层以及该显示层上的页面内容，使得每层页面内容的呈现更加美观、自然、进一步提升用户体验。

结合第一方面，在第四种可能的实现方式中，不同的显示层的填充颜色或填充图案不同。

通过结合第一方面的第四种可能的实现方式，不同的显示层可以通过不同的填充颜色或填充图案进行区分，具体的填充方式可以是预设的，也可以根据用户喜好进行选择修改，从而进一步提升用户体验。

第二方面，本申请实施例提供的一种页面加载装置，用于分层加载同一页面上的不同页面内容，该装置包括：

第一单元，用于确定需要加载页面；

第二单元，用于按照预设顺序依次加载每一显示层以及该显示层上的页面内容，其中，除了第一层显示层以外的其他每一显示层上的页面内容的显示位置与该显示层以上的显示层的透明区域的重叠区域相对应。

通过该第二方面提供的页面加载装置，按照预设顺序依次加载每一显示层以及该显示层上的页面内容，其中，除了第一层显示层以外的其他每一显示层上的页面内容的显示位置与该显示层以上的显示层的透明区域的重叠区域相对应，从而实现了同一页面的页面内容的多层次加载，提高了用户体验。

结合第二方面，在第一种可能的实现方式中，所述第二单元，具体用于：

按照预设顺序，以及预设的相邻两个显示层的加载间隔时间，依次加载每一显示层以及该显示层上的页面内容。

通过结合第二方面的第一种可能的实现方式，进一步可以实现每一显示层的自动呈现。

结合第二方面，在第二种可能的实现方式中，所述第二单元，具体用于：

按照预设顺序，当接收到用户指示时，依次加载每一显示层以及该显示层上的页面内容。

通过结合第二方面的第二种可能的实现方式，进一步使得用户可以根据需要，主动触发每一显示层的呈现。

结合第二方面的第二种可能的实现方式，在第三种可能的实现方式中，所述第二单元，具体用于：

按照预设顺序，当通过触控显示屏每接收到一次用户点击时，以点击区域为中心展开显示一个显示层以及该显示层上的页面内容。

通过结合第二方面的第三种可能的实现方式，进一步当受到用户触发时，可以实现以用户的点击区域为中心展开显示一个显示层以及该显示层上的页面内容，使得每层页面内容的呈现更加美观、自然、进一步提升用户体验。

结合第二方面，在第四种可能的实现方式中，不同的显示层的填充颜色或填充图案不同。

通过结合第二方面的第四种可能的实现方式，不同的显示层可以通过不同的填充颜色或填充图案进行区分，具体的填充方式可以是预设的，也可以根据用户喜好进行选择修改，从而进一步提升用户体验。

附图说明

图1为现有技术中的页面加载过程示意图；

图2为本申请实施例提供的一种页面加载方法的流程示意图；

图3为本申请实施例提供的第一显示层的示意图；

图4为本申请实施例提供的第二显示层的示意图；

图5为本申请实施例提供的第三显示层的示意图；

图6为本申请实施例提供的页面加载完成后的整体效果示意图；

图7为本申请实施例提供的一种页面加载装置的结构示意图；

图8为本申请实施例提供的另一种页面加载装置的结构示意图。

具体实施方式

本申请实施例提供了一种页面加载方法及装置，用以实现同一页面的页面内容的多层次加载，提高用户体验。

下面结合附图对本申请实施例提供的技术方案进行说明。

实施例一：

参见图2，本申请实施例提供的一种页面加载方法，用于分层加载同一页面上的不同页面内容，该方法包括：

S101、确定需要加载页面；例如，可以通过手机等终端设备的触摸屏的特定位置接收用户的点击信号，或者滑动信号等，确定需要加载页面。

S102、按照预设顺序依次加载每一显示层以及该显示层上的页面内容，其中，除了第一层显示层以外的其他每一显示层上的页面内容的显示位置与该显示层以上的显示层的透明区域的重叠区域相对应。

通过该第一方面提供的页面加载方法，按照预设顺序依次加载每一显示层以及该显示层上的页面内容，其中，除了第一层显示层以外的其他每一显示层上的页面内容的显示位置与该显示层以上的显示层的透明区域的重叠区域相对应，从而实现了同一页面的页面内容的多层次加载，提高了用户体验。

例如，预设三个显示层，分别为第一显示层、第二显示层和第三显示层，每一显示层大小一致，且等于整个页面的显示区域大小，除了最后一显示层,每一显示层上都设置有镂空部分，也就是透明区域，用于显示下一显示层上的页面内容，当然，排在最后的显示层上也可以设置透明区域。

每一显示层上显示的页面内容，可以根据其重要程度预先设置好，并且，预先设置好页面内容在其显示层上的具体显示区域、样式等，需要加载的时候直接按照每一显示层预设的显示优先级依次进行加载即可。

第一显示层，例如，参见图3，该第一显示层21上包括两块透明区域，分别为透明区域22和透明区域23。

第二显示层，例如，参见图4，该第二显示层31上包括一块透明区域32，需要说明的是，该透明区域32与第一显示层的透明区域23重叠，即第一显示层的透明区域23完全覆盖透明区域32。第二显示层上的页面内容通过第一显示层21上的透明区域22和/或透明区域23透出并显示给用户。

第三显示层，例如，参见图5，第三显示层41上的页面内容通过第二显示层31上的透明区域32透出并显示给用户。

那么，从最后的叠加效果来看，用户可以看到的页面加载效果如图6所示，其中，第一显示层21位于最上层、然后第二显示层31通过第一显示层21上的透明区域22和透明区域23透出，第三显示层41通过第二显示层31上的透明区域32透出。

结合第一方面，在第一种可能的实现方式中，所述按照预设顺序依次加载每一显示层以及该显示层上的页面内容，包括：

按照预设顺序，以及预设的相邻两个显示层的加载间隔时间，例如每隔10秒加载一层，依次加载每一显示层以及该显示层上的页面内容。

通过结合第一方面的第一种可能的实现方式，进一步可以实现每一显示层的自动呈现。

结合第一方面，在第二种可能的实现方式中，所述按照预设顺序依次加载每一显示层以及该显示层上的页面内容，包括：

按照预设顺序，当接收到用户指示时，依次加载每一显示层以及该显示层上的页面内容。

通过结合第一方面的第二种可能的实现方式，进一步使得用户可以根据需要，主动触发每一显示层的呈现。

结合第一方面的第二种可能的实现方式，在第三种可能的实现方式中，按照预设顺序，当接收到用户指示时，依次加载每一显示层以及该显示层上的页面内容，包括：

按照预设顺序，当通过触控显示屏每接收到一次用户点击时，以点击区域为中心展开显示一个显示层以及该显示层上的页面内容。

通过结合第一方面的第三种可能的实现方式，进一步当受到用户触发时，可以实现以用户的点击区域为中心展开显示一个显示层以及该显示层上的页面内容，使得每层页面内容的呈现更加美观、自然、进一步提升用户体验。

结合第一方面，在第四种可能的实现方式中，不同的显示层的填充颜色或填充图案不同。

通过结合第一方面的第四种可能的实现方式，不同的显示层可以通过不同的填充颜色或填充图案进行区分，具体的填充方式可以是预设的，也可以根据用户喜好进行选择修改，从而进一步提升用户体验。

参见图7，第二方面，本申请实施例提供的一种页面加载装置，用于分层加载同一页面上的不同页面内容，该装置包括：

第一单元11，用于确定需要加载页面；

第二单元12，用于按照预设顺序依次加载每一显示层以及该显示层上的页面内容，其中，除了第一层显示层以外的其他每一显示层上的页面内容的显示位置与该显示层以上的显示层的透明区域的重叠区域相对应。

通过该第二方面提供的页面加载装置，按照预设顺序依次加载每一显示层以及该显示层上的页面内容，其中，除了第一层显示层以外的其他每一显示层上的页面内容的显示位置与该显示层以上的显示层的透明区域的重叠区域相对应，从而实现了同一页面的页面内容的多层次加载，提高了用户体验。

结合第二方面，在第一种可能的实现方式中，所述第二单元，具体用于：

按照预设顺序，以及预设的相邻两个显示层的加载间隔时间，依次加载每一显示层以及该显示层上的页面内容。

通过结合第二方面的第一种可能的实现方式，进一步可以实现每一显示层的自动呈现。

结合第二方面，在第二种可能的实现方式中，所述第二单元，具体用于：

按照预设顺序，当接收到用户指示时，依次加载每一显示层以及该显示层上的页面内容。

通过结合第二方面的第二种可能的实现方式，进一步使得用户可以根据需要，主动触发每一显示层的呈现。

结合第二方面的第二种可能的实现方式，在第三种可能的实现方式中，所述第二单元，具体用于：

按照预设顺序，当通过触控显示屏每接收到一次用户点击时，以点击区域为中心展开显示一个显示层以及该显示层上的页面内容。

通过结合第二方面的第三种可能的实现方式，进一步当受到用户触发时，可以实现以用户的点击区域为中心展开显示一个显示层以及该显示层上的页面内容，使得每层页面内容的呈现更加美观、自然、进一步提升用户体验。

结合第二方面，在第四种可能的实现方式中，不同的显示层的填充颜色或填充图案不同。

通过结合第二方面的第四种可能的实现方式，不同的显示层可以通过不同的填充颜色或填充图案进行区分，具体的填充方式可以是预设的，也可以根据用户喜好进行选择修改，从而进一步提升用户体验。

参见图8，第三方面，本申请实施例提供的另一种页面加载装置，用于分层加载同一页面上的不同页面内容，该装置包括：

处理器600，用于读取存储器620中的程序，执行下列过程：

确定需要加载页面；

按照预设顺序依次加载每一显示层以及该显示层上的页面内容，其中，除了第一层显示层以外的其他每一显示层上的页面内容的显示位置与该显示层以上的显示层的透明区域的重叠区域相对应。

收发机610可以用于传输相关数据信息。

通过该第三方面提供的页面加载装置，按照预设顺序依次加载每一显示层以及该显示层上的页面内容，其中，除了第一层显示层以外的其他每一显示层上的页面内容的显示位置与该显示层以上的显示层的透明区域的重叠区域相对应，从而实现了同一页面的页面内容的多层次加载，提高了用户体验。

结合第三方面，在第一种可能的实现方式中，处理器600，具体用于：

按照预设顺序，以及预设的相邻两个显示层的加载间隔时间，依次加载每一显示层以及该显示层上的页面内容。

通过结合第三方面的第一种可能的实现方式，进一步可以实现每一显示层的自动呈现。

结合第三方面，在第二种可能的实现方式中，处理器600，具体用于：

按照预设顺序，当接收到用户指示时，依次加载每一显示层以及该显示层上的页面内容。

通过结合第三方面的第二种可能的实现方式，进一步使得用户可以根据需要，主动触发每一显示层的呈现。

结合第三方面的第二种可能的实现方式，在第三种可能的实现方式中，处理器600，具体用于：

按照预设顺序，当通过触控显示屏每接收到一次用户点击时，以点击区域为中心展开显示一个显示层以及该显示层上的页面内容。

通过结合第三方面的第三种可能的实现方式，进一步当受到用户触发时，可以实现以用户的点击区域为中心展开显示一个显示层以及该显示层上的页面内容，使得每层页面内容的呈现更加美观、自然、进一步提升用户体验。

结合第三方面，在第四种可能的实现方式中，不同的显示层的填充颜色或填充图案不同。

通过结合第三方面的第四种可能的实现方式，不同的显示层可以通过不同的填充颜色或填充图案进行区分，具体的填充方式可以是预设的，也可以根据用户喜好进行选择修改，从而进一步提升用户体验。

收发机610，具体是在处理器600的控制下接收和发送数据信息。

其中，在图8中，总线架构可以包括任意数量的互联的总线和桥，具体由处理器600代表的一个或多个处理器和存储器620代表的存储器的各种电路链接在一起。总线架构还可以将诸如外围设备、稳压器和功率管理电路等之类的各种其他电路链接在一起，这些都是本领域所公知的，因此，本文不再对其进行进一步描述。总线接口提供接口。收发机610可以是多个元件，即包括发送机和接收机，提供用于在传输介质上与各种其他装置通信的单元。针对不同的用户设备，用户接口630还可以是能够外接内接需要设备的接口，连接的设备包括但不限于小键盘、显示器、扬声器、麦克风、操纵杆等。

处理器600负责管理总线架构和通常的处理，存储器620可以存储处理器600在执行操作时所使用的数据。

综上所述，本申请按照预设顺序依次加载每一显示层以及该显示层上的页面内容，其中，除了第一层显示层以外的其他每一显示层上的页面内容的显示位置与该显示层以上的显示层的透明区域的重叠区域相对应，从而实现了同一页面的页面内容的多层次加载，提高了用户体验。

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

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

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

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

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

Claims (8)

1.一种页面加载方法，其特征在于，用于分层加载同一页面上的不同页面内容，该方法包括：

确定需要加载页面；

按照预设顺序依次加载每一显示层以及该显示层上的页面内容，其中，除了第一层显示层以外的其他每一显示层上的页面内容的显示位置与该显示层以上的显示层的透明区域的重叠区域相对应，其中，每一显示层包括页面元素；

其中，所述按照预设顺序依次加载每一显示层以及该显示层上的页面内容，包括：

按照预设顺序，以及预设的相邻两个显示层的加载间隔时间，依次加载每一显示层以及该显示层上的页面内容。

2.根据权利要求1所述的方法，其特征在于，所述按照预设顺序依次加载每一显示层以及该显示层上的页面内容，包括：

按照预设顺序，当接收到用户指示时，依次加载每一显示层以及该显示层上的页面内容。

3.根据权利要求2所述的方法，其特征在于，按照预设顺序，当接收到用户指示时，依次加载每一显示层以及该显示层上的页面内容，包括：

按照预设顺序，当通过触控显示屏每接收到一次用户点击时，以点击区域为中心展开显示一个显示层以及该显示层上的页面内容。

4.根据权利要求1所述的方法，其特征在于，不同的显示层的填充颜色或填充图案不同。

5.一种页面加载装置，其特征在于，用于分层加载同一页面上的不同页面内容，该装置包括：

第一单元，用于确定需要加载页面；

第二单元，用于按照预设顺序依次加载每一显示层以及该显示层上的页面内容，其中，除了第一层显示层以外的其他每一显示层上的页面内容的显示位置与该显示层以上的显示层的透明区域的重叠区域相对应，其中，每一显示层包括页面元素；

其中，所述第二单元，具体用于按照预设顺序，以及预设的相邻两个显示层的加载间隔时间，依次加载每一显示层以及该显示层上的页面内容。

6.根据权利要求5所述的装置，其特征在于，所述第二单元，具体用于：

按照预设顺序，当接收到用户指示时，依次加载每一显示层以及该显示层上的页面内容。

7.根据权利要求6所述的装置，其特征在于，所述第二单元，具体用于：

按照预设顺序，当通过触控显示屏每接收到一次用户点击时，以点击区域为中心展开显示一个显示层以及该显示层上的页面内容。

8.根据权利要求5所述的装置，其特征在于，不同的显示层的填充颜色或填充图案不同。