CN111368240A - 页面显示方法、装置及设备、存储介质 - Google Patents

Abstract

本发明提供一种页面显示方法、装置及设备、存储介质。所述页面包含N个子页面，N个子页面包含相同内容行、且相邻子页面之间的高度差为M个内容行，M大于等于1，N大于等于2；该方法包括：当沿着指定方向执行页面切换时，确定目标显示窗口当前显示的第一子页面中的第L1个内容行；依据所述指定方向并按照设定的移动策略移动N个子页面，以使移动至目标显示窗口所在页面位置的第二子页面在所述目标显示窗口显示第L2个内容行，所述第L2个内容行依据所述高度差和所述第L1个内容行确定。增强通用性。

Description

页面显示方法、装置及设备、存储介质

技术领域

本发明涉及计算机技术领域，尤其涉及的是一种页面显示方法、装置及设备、存储介质。

背景技术

在一些页面显示时，会采用实现轮播显示的方式来显示不同的图片和/或文字(多张图片和/或多组文字轮流在显示窗口显示)，可以起到节省页面的显示空间等作用。轮播是指自动或手动切换多个图片或文字内容的显示隐藏，来达到前进后退的点播动效。

目前，在页面上实现显示的方式中，会在一个页面中横向设置多个子内容，每次显示窗口需显示的子内容都需预先规划好，显示时，通过左右滑动更改每次显示的子内容。

上述方式中，需要人工规划好每一子内容的位置(包括图像、文字)，在各个子内容的宽度、总量未知的情况下，无法实现该规划。比如，参看图1，显示窗口显示了四个宽度不一的子内容，在后面子内容的总数、宽度不定的情况下，无法预先规划好显示窗口下一次需显示的子内容，也就无法实现轮播。因此，该方式中，在各个子内容的宽度、总数未知的情况下无法实现轮播，通用性不强。

发明内容

有鉴于此，本发明提供一种页面显示方法、装置及设备、存储介质，增强通用性。

本发明第一方面提供一种页面显示方法，所述页面包含N个子页面，N个子页面包含相同内容行、且相邻子页面之间的高度差为M个内容行，M大于等于1，N大于等于2；该方法包括：

当沿着指定方向执行页面切换时，确定目标显示窗口当前显示的第一子页面中的第L1个内容行；

依据所述指定方向并按照设定的移动策略移动N个子页面，以使移动至目标显示窗口所在页面位置的第二子页面在所述目标显示窗口显示第L2个内容行，所述第L2个内容行依据所述高度差和所述第L1个内容行确定。

根据本发明的一个实施例，相邻页面位置的子页面中位于右侧的子页面比位于左侧的子页面高M个内容行；

所述依据所述指定方向并按照设定的移动策略移动N个子页面，包括：

针对每一子页面，检查该子页面是否为所述指定方向上最后一个子页面；

如果否，将所述子页面移动至所述指定方向上且与该子页面相邻的邻居子页面所处的第一页面位置；

如果是，将该子页面移动至所述指定方向的相反方向上的最后一个子页面所处的第二页面位置。

根据本发明的一个实施例，在依据所述指定方向并按照设定的移动策略移动N个子页面之前，进一步包括：

当所述指定方向为朝着所述目标显示窗口的左侧方向时，检查所述L1是否大于所述第一子页面中所有内容行的总行数与所述M之差，如果否，继续执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤；

当所述指定方向为朝着所述目标显示窗口的右侧方向时，检查所述L1是否小于或等于所述M，如果否，继续执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤。

根据本发明的一个实施例，

所述指定方向为朝着所述目标显示窗口的左侧方向；

所述L1小于或等于所述第一子页面中所有内容行的总行数与所述M之差时，所述L2为所述L1与所述M之和；所述L1大于所述第一子页面中所有内容行的总行数与所述M之差时，所述L2为所述L1与第一子页面中所有内容行的总行数的差与所述M之和；

或者，

所述指定方向为朝着所述目标显示窗口的右侧方向；

所述L1大于所述M时，所述L2为所述L1与所述M之差；所述L1小于或等于所述M时，所述L2为所述第一子页面中所有内容行的总行数与所述L1的和与所述M之差。

本发明第二方面提供一种页面显示装置，所述页面包含N个子页面，N个子页面包含相同内容行、且相邻子页面之间的高度差为M个内容行，M大于等于1，N大于等于2；该装置包括：

当前显示内容行确定模块，用于当沿着指定方向执行页面切换时，确定目标显示窗口当前显示的第一子页面中的第L1个内容行；

子页面移动模块，用于依据所述指定方向并按照设定的移动策略移动N个子页面，以使移动至目标显示窗口所在页面位置的第二子页面在所述目标显示窗口显示第L2个内容行，所述第L2个内容行依据所述高度差和所述第L1个内容行确定。

根据本发明的一个实施例，

相邻页面位置的子页面中位于右侧的子页面比位于左侧的子页面高M个内容行；

所述子页面移动模块依据所述指定方向并按照设定的移动策略移动N个子页面时，具体用于：

针对每一子页面，检查该子页面是否为所述指定方向上最后一个子页面；

如果否，将所述子页面移动至所述指定方向上且与该子页面相邻的邻居子页面所处的第一页面位置；

如果是，将该子页面移动至所述指定方向的相反方向上的最后一个子页面所处的第二页面位置。

根据本发明的一个实施例，所述子页面移动模块在依据所述指定方向并按照设定的移动策略移动N个子页面之前，进一步用于：

当所述指定方向为朝着所述目标显示窗口的左侧方向时，检查所述L1是否大于所述第一子页面中所有内容行的总行数与所述M之差，如果否，继续执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤；

当所述指定方向为朝着所述目标显示窗口的右侧方向时，检查所述L1是否小于或等于所述M，如果否，继续执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤。

根据本发明的一个实施例，

所述指定方向为朝着所述目标显示窗口的左侧方向；

所述L1小于或等于所述第一子页面中所有内容行的总行数与所述M之差时，所述L2为所述L1与所述M之和；所述L1大于所述第一子页面中所有内容行的总行数与所述M之差时，所述L2为所述L1与第一子页面中所有内容行的总行数的差与所述M之和；

或者，

所述指定方向为朝着所述目标显示窗口的右侧方向；

所述L1大于所述M时，所述L2为所述L1与所述M之差；所述L1小于或等于所述M时，所述L2为所述第一子页面中所有内容行的总行数与所述L1的和与所述M之差。

本发明第三方面提供一种电子设备，包括处理器及存储器；所述存储器存储有可被处理器调用的程序；其中，所述处理器执行所述程序时，实现如前述实施例所述的页面显示方法。

本发明第四方面提供一种机器可读存储介质，其上存储有程序，该程序被处理器执行时，实现如前述实施例所述的页面显示方法。

本发明实施例具有以下有益效果：

本发明实施例中，设置了N个子页面，无论需轮播的内容中各子内容的宽度、数量是否已确定，都可以将该内容布局成每个子页面中的多个内容行，并且，依据所述指定方向并按照设定的移动策略移动N个子页面，可以使得当前显示的第一子页面中的第L1个内容行移出目标显示窗口，且移动至目标显示窗口所在页面位置的第二子页面在所述目标显示窗口显示第L2个内容行，实现了轮播效果。通过本发明实施例的方式，既能实现需轮播内容的各子内容的宽度和数量一定的情况下轮播效果；也能实现需轮播内容的各子内容的宽度和数量不定的情况下轮播效果，相比于现有方式而言，增强了通用性。

附图说明

图1是现有方式中无法实现轮播效果情况下的示意图；

图2是本发明一实施例的页面显示方法的流程示意图；

图3是本发明一实施例的一个子页面的示意图；

图4是本发明一实施例的页面切换的示意图；

图5是本发明一实施例的页面显示装置的结构框图；

图6是本发明一实施例的三个子页面之间位置关系的简略示意图；

图7是本发明一实施例的三个子页面之间一种位置关系的具体示意图；

图8是本发明另一实施例的页面切换的示意图；

图9是本发明一实施例的电子设备的结构框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。

在本发明使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本发明。在本发明和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本发明可能采用术语第一、第二、第三等来描述各种器件，但这些信息不应限于这些术语。这些术语仅用来将同一类型的器件彼此区分开。例如，在不脱离本发明范围的情况下，第一器件也可以被称为第二器件，类似地，第二器件也可以被称为第一器件。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

瀑布流式布局：又称瀑布流，是一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。

下面对本发明实施例的页面显示方法进行更具体的描述，但不应以此为限。

在一个实施例中，参看图2，一种页面显示方法，所述页面包含N个子页面，N个子页面包含相同内容行、且相邻子页面之间的高度差为M个内容行，M大于等于1，N大于等于2；该方法包括：

S100：当沿着指定方向执行页面切换时，确定目标显示窗口当前显示的第一子页面中的第L1个内容行；

S200：依据所述指定方向并按照设定的移动策略移动N个子页面，以使移动至目标显示窗口所在页面位置的第二子页面在所述目标显示窗口显示第L2个内容行，所述第L2个内容行依据所述高度差和所述第L1个内容行确定。

本发明实施例的执行主体可以为电子设备，电子设备可以是计算机设备或者移动终端设备等，具体类型不限，只要是能够实现页面显示的设备即可。电子设备上可以安装有用于页面显示的浏览器、APP等。

本发明实施例中，页面中设置有N个子页面，N可以为2、3、4或者更多，具体数量并不限制。如果考虑到页面切换时可尽快地显示相应方向上的内容行，以及页面设计的简洁性，N优选为3个。子页面可以是页面中的dom元素。

N个子页面中的内容是相同的，每个子页面的内容分成了多个内容行，N个子页面的内容行也是相同的。子页面中的内容可以由多个子内容组成，每个子内容可以包括图片、和/或文字，一个子内容可以作为显示时不可拆分的最小单元。

可以根据目标显示窗口来确定子页面中内容行的宽度。一个内容行的尺寸与显示窗口的尺寸是适配的，比如可以是：内容行的尺寸与显示窗口的尺寸相同，或者，内容行的尺寸比显示窗口的尺寸略小。

在页面显示前，可以将内容加载到子页面中，当一个子内容在一个内容行中放不下时，可以放到下一个内容行中，并不需要预先知晓各子内容的宽度、数量。即使子内容的数量及宽度均是未知的，在页面加载内容的时候也会自动完成子内容的排布。

N个子页面的布局是相同的，每个子页面可以采用瀑布流式布局方式进行布局。采用瀑布流式布局方式对子页面进行布局，在加载内容时会自动布局成多个内容行，当一个内容行放不下某个子内容时，这个子内容会自动地被放置到下一个内容行中。

通常来说，瀑布流式布局是用在页面滚动显示中，在页面滚动时，加载数据，动态地渲染到页面上，实现滚动显示。但是，目前还没有将瀑布流式布局用在实现轮播的技术中。

本发明实施例中，赋予了瀑布流式布局新的用法，结合瀑布流式布局技术来实现页面内容的轮播，即使在字内容的总数、宽度未知的情况下，也可以实现轮播。

子页面的布局具体可以参看图3，一个子页面中可以有多个内容行，每个内容行中子内容的宽度不定。显示窗口每次显示一个内容行，其余的内容行作为未显示部分。N个子页面中内容的布局是完全一样的。比如，每个子页面都有纵向排布的100个相同的内容行。

步骤S100中，当沿着指定方向执行页面切换时，确定目标显示窗口当前显示的第一子页面中的第L1个内容行。

可以由外部输入的指令触发执行页面切换，实现手动切换页面，在此情况下，指定方向可以为指令中携带的方向。或者，也可以周期执行页面切换，实现定时自动切换页面，在此情况下，指定方向可以为预设的方向，每次切换都以该预设的方向来实现页面切换。

每次页面切换完成时，可以记录当前显示的行数currentLineNum。如此，在执行页面切换时，可以根据已记录的currentLineNum确定第L1个内容行，将当前显示的行数currentLineNum对应的内容行确定为第L1个内容行，即currentLineNum＝L1。

每个子页面可以分配有一个子页面标识ID，子页面ID可以用数字、和/或字符等表示。每次页面切换完成时，可以记录当前显示子页面ID，即当前处于目标显示窗口所在区域的子页面ID，比如可以记录当前显示子页面的序号currentIndex。在执行页面切换时，可以将已记录的当前显示子页面ID对应的子页面确定为第一子页面。

以N为3为例，参看图4，页面中包括子页面P1、子页面P2、子页面P3，子页面P1、子页面P2、子页面P3中有相同的LN个内容行。目标显示窗口当前显示子页面P2中的第2个内容行，则该子页面P2为第一子页面，L1为2。

步骤S200中，依据所述指定方向并按照设定的移动策略移动N个子页面，以使移动至目标显示窗口所在页面位置的第二子页面在所述目标显示窗口显示第L2个内容行，所述第L2个内容行依据所述高度差和所述第L1个内容行确定。

指定方向可以为朝着目标显示窗口的左侧方向，或者，指定方向可以为朝着目标显示窗口的右侧方向。设定的移动策略可以与指定方向相关，保证在移动N个子页面后，移动至目标显示窗口所在页面位置的第二子页面在所述目标显示窗口显示第L2个内容行即可。

第二子页面可以是与第一子页面相邻的子页面中的一个，具体可以根据指定方向而定。比如，在指定方向为朝着目标显示窗口的左侧方向时，第二子页面可以是位于第一子页面右侧且与第一子页面相邻的子页面；在指定方向为朝着目标显示窗口的右侧方向时，第二子页面可以是位于第一子页面左侧且与第一子页面相邻的子页面。当然，此处不作为限制，当N等于2时，即只有两个子页面时，第二子页面即为第一子页面之外唯一的一个子页面。

第L2个内容行依据所述高度差和所述第L1个内容行确定。为了轮播时内容行显示的连续性，高度差可以为1个内容行即M为1，如此，朝着目标显示窗口的左侧方向切换页面时，第L2个内容行是第L1个内容行的下一个内容行，即，L2＝L1+1；朝着目标显示窗口的右侧方向切换页面时，第L2个内容行是第L1个内容行的上一个内容行，即，L2＝L1-1。当然，M也可以大于1，如此，在切换页面时，会隔M-1行显示。

每次只有移动至目标显示窗口处的内容行会被显示，该内容行所在的子页面中的其他内容行、以及其他子页面中的内容行都不会被显示。切屏后，显示的内容行从第L1个内容行切换为第L2个内容行，实现了轮播效果。

举例来说，继续参看图4，当前显示的是子页面P2的第2内容行，如果向左切换，移动，子页面P2的第2个内容行移出显示窗口，第三子页面的第3个内容行移入至目标显示窗口进行显示。

可以理解，本发明实施例中的左右方向是根据朝向目标显示窗口的用户而言的。比如，用户手指接触目标显示窗口所在屏幕后向左滑动，表示向左切换。

本发明实施例中，设置了N个子页面，无论需轮播的内容中各子内容的宽度、数量是否已确定，都可以将该内容布局成每个子页面中的多个内容行，并且，依据所述指定方向并按照设定的移动策略移动N个子页面，可以使得当前显示的第一子页面中的第L1个内容行移出目标显示窗口，且移动至目标显示窗口所在页面位置的第二子页面在所述目标显示窗口显示第L2个内容行，实现了轮播效果。通过本发明实施例的方式，既能实现需轮播内容的各子内容的宽度和数量一定的情况下轮播效果；也能实现需轮播内容的各子内容的宽度和数量不定的情况下轮播效果，相比于现有方式而言，增强了通用性。

在一个实施例中，本发明实施例的方法可以由页面显示装置来实现，参看图5，页面显示装置100可以包括当前显示内容行确定模块101和子页面移动模块102。当前显示内容行确定模块101用于执行步骤S100，子页面移动模块102用于执行步骤S200。

在一个实施例中，相邻页面位置的子页面中位于右侧的子页面比位于左侧的子页面高M个内容行；

步骤S200中，所述依据所述指定方向并按照设定的移动策略移动N个子页面，包括以下步骤：

S201：针对每一子页面，检查该子页面是否为所述指定方向上最后一个子页面；

S202：如果否，将所述子页面移动至所述指定方向上且与该子页面相邻的邻居子页面所处的第一页面位置；

S203：如果是，将该子页面移动至所述指定方向的相反方向上的最后一个子页面所处的第二页面位置。

目标显示窗口当前显示的是第一子页面的第L1个内容行。以第一子页面为参考，可以确定其他页面位置的子页面。

在页面显示过程中各个子页面之间所有可能出现的位置关系，是可以根据移动策略确定出的。比如，参看图6，以3个子页面P1-P3为例，3个子页面P1-P3的位置关系A1中，子页面P1、子页面P2和子页面P3从左往右依次排布；子页面P1-P3的位置关系A2中，子页面P3、子页面P1和子页面P2从左往右依次排布；子页面P1-P3的位置关系A3中，子页面P2、子页面P3和子页面P1从左往右依次排布。

基于图6的这几种位置关系，可以根据第一子页面确定其他页面位置的子页面。参看图4，子页面P2处于目标显示窗口所在的页面位置，所以子页面P2为第一子页面，那么，位于子页面P2左侧的必然是子页面P1，位于子页面P2右侧的必然是子页面P3。

当然，上述仅是用3个子页面进行举例，在子页面更多的情况下，也可以根据相互之间的位置关系确定各页面位置的子页面。

因此，可以确定各子页面是否为所述指定方向上最后一个子页面。

比如，以N为9为例，9个子页面的序号分别为1-9，第1-9个子页面从左至右依次排布，假设第5个子页面为第一子页面，指定方向为朝着所述目标显示窗口的左侧方向的情况下，那么第1个子页面就是指定方向上最后一个子页面；指定方向为朝着所述目标显示窗口的右侧方向的情况下，那么第9个子页面就是指定方向上最后一个子页面。

又如，以N为2为例，2个子页面的序号分别为1和2，第1个子页面和第2个子页面从左至右依次排布，假设第1个子页面为第一子页面，指定方向为朝着所述目标显示窗口的左侧方向的情况下，那么第1个子页面就是指定方向上最后一个子页面；指定方向为朝着所述目标显示窗口的右侧方向的情况下，那么第2个子页面就是指定方向上最后一个子页面。

针对每一子页面，可以基于第一子页面以及子页面之间的位置关系，检查该子页面是否为所述指定方向上最后一个子页面。在指定方向为朝着所述目标显示窗口的左侧方向时，指定方向上最后一个子页面即为位于目标显示窗口左侧的子页面中处于最左侧的子页面。在指定方向为朝着所述目标显示窗口的右侧方向，指定方向上最后一个子页面即为位于目标显示窗口右侧的子页面中处于最右侧的子页面。

当然，检查方式不限于此，还可以有其他方式，比如可以每次切换完成时记录指定方向上最后一个子页面，下一次切换时，根据记录的信息来确定子页面是否为指定方向上最后一个子页面。

如果一个子页面不是指定方向上最后一个子页面，未处在指定方向上最后一个页面位置，还可以继续往指定方向移动，将所述子页面移动至所述指定方向上且与该子页面相邻的邻居子页面所处的第一页面位置。

优选的，当所述指定方向为朝着所述目标显示窗口的左侧方向时，移动至第一页面位置的子页面比第一页面位置原有的子页面高所述M个内容行；当所述指定方向为朝着所述目标显示窗口的右侧方向时，移动至第一页面位置的子页面比第一页面位置原有的子页面低所述M个内容行。

如果一个子页面是指定方向上最后一个子页面，已经处在指定方向上最后一个页面位置了，无法继续往指定方向移动，将该子页面移动至所述指定方向的相反方向上的最后一个子页面所处的第二页面位置。

优选的，当所述指定方向为朝着所述目标显示窗口的左侧方向时，移动至第二页面位置的子页面比第二页面位置原有的子页面高所述M个内容行；当所述指定方向为朝着所述目标显示窗口的右侧方向时，移动至第二页面位置的子页面比第二页面位置原有的子页面低所述M个内容行。

N个子页面经过移动之后，第一子页面会移出目标显示窗口所在的页面位置(第一子页面不是指定方向最后一个子页面时，会往指定方向移动一个页面位置；否则，会移动至指定方向的反方向上的最后一个页面位置)；同时，另一子页面会移动至目标显示窗口所在的页面位置，即该子页面作为第二子页面。相应的，第L1个内容行随第一子页面的移动而移出目标显示窗口，第L2个内容行随第二子页面的移动而移入目标显示窗口进行显示。

本实施例中，相邻页面位置的子页面中位于右侧的子页面比位于左侧的子页面高M个内容行，可以减少每次页面切换时所需的计算量。

在指定方向为朝着所述目标显示窗口的左侧方向移动时，如果一个子页面不是指定方向上最后一个子页面，只需往指定方向平移1个子页面位置即可，高度维持不变，移动后该子页面处于第二页面位置上并且比原有的子页面高M个内容行；如果一个子页面是指定方向上最后一个子页面，则往指定方向的相反方向移动N-1个子页面位置，并向上移动N*M个内容行，移动后该子页面处于第二页面位置上并且比原有的子页面高M个内容行。

在指定方向为朝着所述目标显示窗口的右侧方向移动时，如果一个子页面不是指定方向上最后一个子页面，只需往指定方向平移1个子页面位置即可，高度维持不变，移动后该子页面处于第二页面位置上并且比原有的子页面低M个内容行；如果一个子页面是指定方向上最后一个子页面，则往指定方向的相反方向移动N-1个子页面位置，并向下移动N*M个内容行，移动后该子页面处于第二页面位置上并且比原有的子页面低M个内容行。

比如，继续以3个子页面为例，参看图7，以目标显示窗口左上角为参考点，子页面P1、子页面P2和子页面P3与目标显示窗口的垂直距离分别为top1、top2、top3，水平距离分别为left1、left2、left3。通过改变top1、top2、top3以及left1、left2、left3的值，来移动子页面。

假设left2与left1之差为k(k为一个子页面的宽度与相邻子页面之间的间距之和)。在指定方向为朝着所述目标显示窗口的左侧方向移动时，子页面P1为指定方向上最后一个子页面，只需将left2减去k即可确定子页面P2所需移动至的页面位置(top2无需改变)，将left3减去k即可确定子页面P3所需移动至的页面位置(top3无需改变)，将left1加上2k并将top1加上3h(h为一个内容行的高度)即可确定子页面P1所需移动至的页面位置。

继续参看图4，在指定方向为朝着所述目标显示窗口的左侧方向移动时，子页面P2往左平移距离k后，子页面P2到达子页面P1原来所处的页面位置并且比处于该页面位置时的子页面P1高1个内容行；子页面P3往左平移距离k后，子页面P3到达子页面P2原来所处的页面位置并且比处于该页面位置时的子页面P2高1个内容行；子页面P1往右移动2k并且向上移动3h之后，子页面P1到达子页面P3原来所处的页面位置并且比处于该页面位置时的子页面P3高1个内容行。

继续参看图7，在指定方向为朝着所述目标显示窗口的右侧方向移动时，子页面P3为指定方向上最后一个子页面，只需将left1加上k即可确定子页面P1所需移动至的页面位置(top1无需改变)，将left2加上k即可确定子页面P2所需移动至的页面位置(top2无需改变)，将left3减去2k并将top3减去3h即可确定子页面P3所需移动至的页面位置。大大减少了每次页面切换时所需的计算量，提升页面切换的处理效率。

继续参看图4，在指定方向为朝着所述目标显示窗口的右侧方向移动时，子页面P1往右平移距离k后，子页面P1到达子页面P2原来所处的页面位置并且比处于该页面位置时的子页面P2低1个内容行；子页面P2往右平移距离k后，子页面P2到达子页面P3原来所处的页面位置并且比处于该页面位置时的子页面P3低1个内容行；子页面P3往左移动2k并且向下移动3h之后，子页面P3到达子页面P1原来所处的页面位置并且比处于该页面位置时的子页面P1低1个内容行。

当然，上述例子是以N为3为例进行的说明，N为2或者N大于3时也是同理。比如，参看图8，N为2，两个子页面分别为子页面P4和子页面P5。在指定方向为朝着所述目标显示窗口的左侧方向移动时，子页面P4为指定方向上最后一个子页面，所以，将子页面P4移动至指定方向的相反方向(即朝着所述目标显示窗口的右侧方向)上的最后一个子页面所处的页面位置，即移动至子页面P5所处的页面位置，并且移动至该页面位置的子页面P4比该页面位置原有子页面P5高1个内容行；子页面P5不为指定方向上最后一个子页面，所以，将子页面P5移动至指定方向上与子页面P5相邻的子页面P4所处的页面位置，并且移动至该页面位置的子页面P5比该页面位置原有子页面P4高1个内容行。在指定方向为朝着所述目标显示窗口的右侧方向移动时类似，在此不再赘述。

在一个实施例中，在依据所述指定方向并按照设定的移动策略移动N个子页面之前，进一步包括以下步骤：

当所述指定方向为朝着所述目标显示窗口的左侧方向时，检查所述L1是否大于所述第一子页面中所有内容行的总行数与所述M之差，如果否，继续执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤；

当所述指定方向为朝着所述目标显示窗口的右侧方向时，检查所述L1是否小于或等于所述M，如果否，继续执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤。

如果L1大于所述第一子页面中所有内容行的总行数与所述M之差，第L1个内容行后面已经不足M个内容行了。比如，M为1时，第L1个内容行为第一子页面的最后一行，即目标显示窗口当前显示最后一个内容行时，没有比最后一个内容行更后面的内容行了，一般来说，在此情况下不应再向左切，以便提醒用户已经显示到最后一个内容行，保证子页面可被有序地轮播显示。

因而本实施例中，当所述指定方向为朝着所述目标显示窗口的左侧方向时，只有在L1小于或等于所述第一子页面中所有内容行的总行数与所述M之差时，继续执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤。L1大于所述第一子页面中所有内容行的总行数与所述M之差时，不移动N个子页面。

总行数可以在内容加载到任一个子页面上时确定，在内容加载完成后，可以获取内容在子页面上的总高度th，每个内容行的高度为h，那么总行数lineNum＝th/h。

如果L1小于或等于所述M，第L1个内容行之前已经不足M个内容行了。比如，M为1时，第L1个内容行为第一子页面的第一行，即目标显示窗口当前显示第一个内容行时，没有比第一个内容行更前面的内容行了，一般来说，在此情况下不应再向右切，以便提醒用户已经显示到第一个内容行，保证子页面可被有序地轮播显示。

因而本实施例中，当所述指定方向为朝着所述目标显示窗口的右侧方向时，只有在L1大于M时，继续执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤。L1小于或等于所述M时，不移动N个子页面。

当然，上述方式也不作为限制，也可以不执行检查的操作，直接执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤。

在一个实施例中，所述指定方向为朝着所述目标显示窗口的左侧方向；

所述L1小于或等于所述第一子页面中所有内容行的总行数与所述M之差时，所述L2为所述L1与所述M之和；所述L1大于所述第一子页面中所有内容行的总行数与所述M之差时，所述L2为所述L1与第一子页面中所有内容行的总行数的差与所述M之和。

由于第一子页面上的第L1个内容行是切换之前显示的内容行，第二子页面上的第L2个内容行是切换之后显示的内容行，所以，第二子页面移动到了第一子页面原处于的页面位置上。

L1小于或等于所述第一子页面中所有内容行的总行数与所述M之差时，在第L1个内容行之后还有至少M个内容行，比如，若M为1，则第L1个内容行不为所述第一子页面的最后一行，此时，L2为所述L1与所述M之和，即L2＝L1+M。

L1小于或等于所述第一子页面中所有内容行的总行数与所述M之差时，在M为1的情况下，第L2个内容行为第L1个内容行之后的第1个内容行；在M为2的情况下，第L2个内容行为第L1个内容行之后的第2个内容行，其余以此类推。如此，移动至第一子页面原处于的页面位置上的第二子页面比该页面位置上原有的第一子页面高出了M个内容行。

L1大于所述第一子页面中所有内容行的总行数与所述M之差时，在第L1个内容行之后已经不足M个内容行了，比如，若M为1，则所述第L1个内容行为所述第一子页面的最后一行，此时，可以回到最前面的内容行进行显示，L2为所述L1与第一子页面中所有内容行的总行数的差与所述M之和，即L2＝L1-lineNum+M，lineNum为总行数。

L1大于所述第一子页面中所有内容行的总行数与所述M之差时，在M为1的情况下，第L2个内容行为第1个内容行；在M为2的情况下，假使总行数为50行，L1为49，则第L2个内容行为第1个内容行，其余亦可根据上述公式计算确定。

当然，如果仅在L1小于或等于所述第一子页面中所有内容行的总行数与所述M之差时，执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤，则，在L1大于所述第一子页面中所有内容行的总行数与所述M之差时，可以不进行页面切换，继续维持显示第L1个内容行。

在一个实施例中，

所述指定方向为朝着所述目标显示窗口的右侧方向；

所述L1大于所述M时，所述L2为所述L1与所述M之差；所述L1小于或等于所述M时，所述L2为所述第一子页面中所有内容行的总行数与所述L1的和与所述M之差。

L1大于所述M时，在第L1个内容行之前还有至少M个内容行，比如，若M为1，则所述第L1个内容行不为所述第一子页面的第一行，此时，L2为所述L1与所述M之差，即L2＝L1-M。

L1大于所述M时，在M为1的情况下，第L2个内容行为第L1个内容行的前一个内容行；在M为2的情况下，第L2个内容行为第L1个内容行的前一个内容行的前一个内容行，其余以此类推。

L1小于或等于所述M时，在第L1个内容行之前已经不足M个内容行了，比如，若M为1，则所述第L1个内容行为所述第一子页面的第一行，此时，可以回到返回到后面的内容行进行显示，即L2为所述第一子页面中所有内容行的总行数与所述L1的和与所述M之差，总行数用lineNum表示，则L2＝lineNum+L1-M。

L1小于或等于所述M时，在M为1的情况下，第L2个内容行为倒数第1个内容行(即第lineNum个内容行)；在M为2的情况下，假使总行数为50行，L1为2，第L2个内容行为倒数第1个内容行，其余亦可根据上述公式计算确定。

可以理解，此处的前后是从内容行的顺序来说的，比如第1个内容行是第2个内容行之前的内容行。

本发明还提供一种页面显示装置，所述页面包含N个子页面，N个子页面包含相同内容行、且相邻子页面之间的高度差为M个内容行，M大于等于1，N大于等于2；参看图5，该页面显示装置100包括：

当前显示内容行确定模块101，用于当沿着指定方向执行页面切换时，确定目标显示窗口当前显示的第一子页面中的第L1个内容行；

子页面移动模块102，用于依据所述指定方向并按照设定的移动策略移动N个子页面，以使移动至目标显示窗口所在页面位置的第二子页面在所述目标显示窗口显示第L2个内容行，所述第L2个内容行依据所述高度差和所述第L1个内容行确定。

在一个实施例中，

相邻页面位置的子页面中位于右侧的子页面比位于左侧的子页面高M个内容行；

所述子页面移动模块依据所述指定方向并按照设定的移动策略移动N个子页面时，具体用于：

针对每一子页面，检查该子页面是否为所述指定方向上最后一个子页面；

如果否，将所述子页面移动至所述指定方向上且与该子页面相邻的邻居子页面所处的第一页面位置；

如果是，将该子页面移动至所述指定方向的相反方向上的最后一个子页面所处的第二页面位置。

在一个实施例中，所述子页面移动模块在依据所述指定方向并按照设定的移动策略移动N个子页面之前，进一步用于：

当所述指定方向为朝着所述目标显示窗口的左侧方向时，检查所述L1是否大于所述第一子页面中所有内容行的总行数与所述M之差，如果否，继续执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤；

当所述指定方向为朝着所述目标显示窗口的右侧方向时，检查所述L1是否小于或等于所述M，如果否，继续执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤。

在一个实施例中，所述指定方向为朝着所述目标显示窗口的左侧方向；

所述L1小于或等于所述第一子页面中所有内容行的总行数与所述M之差时，所述L2为所述L1与所述M之和；所述L1大于所述第一子页面中所有内容行的总行数与所述M之差时，所述L2为所述L1与第一子页面中所有内容行的总行数的差与所述M之和；

或者，

所述指定方向为朝着所述目标显示窗口的右侧方向；

所述L1大于所述M时，所述L2为所述L1与所述M之差；所述L1小于或等于所述M时，所述L2为所述第一子页面中所有内容行的总行数与所述L1的和与所述M之差。

上述装置中各个单元的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程，在此不再赘述。

对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元。

本发明还提供一种电子设备，包括处理器及存储器；所述存储器存储有可被处理器调用的程序；其中，所述处理器执行所述程序时，实现如前述实施例中所述的页面显示方法。

本发明页面显示装置的实施例可以应用在电子设备上。以软件实现为例，作为一个逻辑意义上的装置，是通过其所在电子设备的处理器将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。从硬件层面而言，如图9所示，图9是本发明根据一示例性实施例示出的页面显示装置100所在电子设备的一种硬件结构图，除了图9所示的处理器510、内存530、接口520、以及非易失性存储器540之外，实施例中装置100所在的电子设备通常根据该电子设备的实际功能，还可以包括其他硬件，对此不再赘述。

本发明还提供一种机器可读存储介质，其上存储有程序，该程序被处理器执行时，实现如前述实施例中任意一项所述的页面显示方法。

本发明可采用在一个或多个其中包含有程序代码的存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。机器可读存储介质包括永久性和非永久性、可移动和非可移动媒体，可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。机器可读存储介质的例子包括但不限于：相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。

Claims (10)

1.一种页面显示方法，其特征在于，所述页面包含N个子页面，N个子页面包含相同内容行、且相邻子页面之间的高度差为M个内容行，M大于等于1，N大于等于2；该方法包括：

当沿着指定方向执行页面切换时，确定目标显示窗口当前显示的第一子页面中的第L1个内容行；

依据所述指定方向并按照设定的移动策略移动N个子页面，以使移动至目标显示窗口所在页面位置的第二子页面在所述目标显示窗口显示第L2个内容行，所述第L2个内容行依据所述高度差和所述第L1个内容行确定。

2.如权利要求1所述的页面显示方法，其特征在于，相邻页面位置的子页面中位于右侧的子页面比位于左侧的子页面高M个内容行；

所述依据所述指定方向并按照设定的移动策略移动N个子页面，包括：

针对每一子页面，检查该子页面是否为所述指定方向上最后一个子页面；

如果否，将所述子页面移动至所述指定方向上且与该子页面相邻的邻居子页面所处的第一页面位置；

如果是，将该子页面移动至所述指定方向的相反方向上的最后一个子页面所处的第二页面位置。

3.如权利要求1或2所述的页面显示方法，其特征在于，

在依据所述指定方向并按照设定的移动策略移动N个子页面之前，进一步包括：

当所述指定方向为朝着所述目标显示窗口的左侧方向时，检查所述L1是否大于所述第一子页面中所有内容行的总行数与所述M之差，如果否，继续执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤；

当所述指定方向为朝着所述目标显示窗口的右侧方向时，检查所述L1是否小于或等于所述M，如果否，继续执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤。

4.如权利要求1或2所述的页面显示方法，其特征在于，

所述指定方向为朝着所述目标显示窗口的左侧方向；

所述L1小于或等于所述第一子页面中所有内容行的总行数与所述M之差时，所述L2为所述L1与所述M之和；所述L1大于所述第一子页面中所有内容行的总行数与所述M之差时，所述L2为所述L1与第一子页面中所有内容行的总行数的差与所述M之和；

或者，

所述指定方向为朝着所述目标显示窗口的右侧方向；

所述L1大于所述M时，所述L2为所述L1与所述M之差；所述L1小于或等于所述M时，所述L2为所述第一子页面中所有内容行的总行数与所述L1的和与所述M之差。

5.一种页面显示装置，其特征在于，所述页面包含N个子页面，N个子页面包含相同内容行、且相邻子页面之间的高度差为M个内容行，M大于等于1，N大于等于2；该装置包括：

当前显示内容行确定模块，用于当沿着指定方向执行页面切换时，确定目标显示窗口当前显示的第一子页面中的第L1个内容行；

子页面移动模块，用于依据所述指定方向并按照设定的移动策略移动N个子页面，以使移动至目标显示窗口所在页面位置的第二子页面在所述目标显示窗口显示第L2个内容行，所述第L2个内容行依据所述高度差和所述第L1个内容行确定。

6.如权利要求5所述的页面显示装置，其特征在于，

相邻页面位置的子页面中位于右侧的子页面比位于左侧的子页面高M个内容行；所述子页面移动模块依据所述指定方向并按照设定的移动策略移动N个子页面时，具体用于：

针对每一子页面，检查该子页面是否为所述指定方向上最后一个子页面；

如果否，将所述子页面移动至所述指定方向上且与该子页面相邻的邻居子页面所处的第一页面位置；

如果是，将该子页面移动至所述指定方向的相反方向上的最后一个子页面所处的第二页面位置。

7.如权利要求5或6所述的页面显示装置，其特征在于，

所述子页面移动模块在依据所述指定方向并按照设定的移动策略移动N个子页面之前，进一步用于：

当所述指定方向为朝着所述目标显示窗口的左侧方向时，检查所述L1是否大于所述第一子页面中所有内容行的总行数与所述M之差，如果否，继续执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤；

当所述指定方向为朝着所述目标显示窗口的右侧方向时，检查所述L1是否小于或等于所述M，如果否，继续执行依据所述指定方向并按照设定的移动策略移动N个子页面的步骤。

8.如权利要求5或6所述的页面显示装置，其特征在于，

所述指定方向为朝着所述目标显示窗口的左侧方向；

所述L1小于或等于所述第一子页面中所有内容行的总行数与所述M之差时，所述L2为所述L1与所述M之和；所述L1大于所述第一子页面中所有内容行的总行数与所述M之差时，所述L2为所述L1与第一子页面中所有内容行的总行数的差与所述M之和；

或者，

所述指定方向为朝着所述目标显示窗口的右侧方向；

所述L1大于所述M时，所述L2为所述L1与所述M之差；所述L1小于或等于所述M时，所述L2为所述第一子页面中所有内容行的总行数与所述L1的和与所述M之差。

9.一种电子设备，其特征在于，包括处理器及存储器；所述存储器存储有可被处理器调用的程序；其中，所述处理器执行所述程序时，实现如权利要求1-4中任意一项所述的页面显示方法。

10.一种机器可读存储介质，其特征在于，其上存储有程序，该程序被处理器执行时，实现如权利要求1-4中任意一项所述的页面显示方法。

Images