WO2020103792A1 - 显示内容的加载方法、装置、终端设备及存储介质 - Google Patents

Abstract

本公开实施例公开了显示内容的加载方法、装置、终端设备及存储介质。该方法包括：在检测到针对屏幕的横向滑动操作时，获取横向滑动操作对应的屏幕滑动方向；根据屏幕滑动方向，对滚动视图控件执行横向滚动操作，以改变屏幕中当前显示的视图，其中，滚动视图控件中设置有至少三个视图，并且在执行横向滚动操作之前，滚动视图控件中的中间视图的显示内容在屏幕中显示；确定在横向滚动操作结束后，屏幕中显示的视图是否为滚动视图控件中的边缘视图，若是，则按照屏幕滑动方向更新设置于所述滚动视图控件中的各视图在滚动视图控件中的位置，并加载屏幕滑动方向上的下一视图的显示内容。通过本公开的技术方案，能够解决横向滑动屏幕时滑动卡顿的问题，保证滑动的流畅性。

Description

显示内容的加载方法、装置、终端设备及存储介质

相关申请的交叉引用

本公开要求于2018年11月22日在中国国家知识产权局提交的申请号为201811401665.8的中国专利申请的权益，该中国专利申请公开的内容通过引用整体并入本文。

技术领域

本公开实施例涉及计算机技术，尤其涉及一种显示内容的加载方法、装置、终端设备及存储介质。

背景技术

现今社会，智能终端作为人们生活中不可缺少的电子产品之一，越来越深刻地影响着人们的生活。不仅如此，智能终端中的应用软件也层出不穷，因此，用户对应用软件各方面的体验效果也提出了更高的要求。

一般情况下，在打开应用软件(例如，安装的APP)后，用户可以对屏幕进行滑动操作，以期望更新显示内容，其滑动方向通常包括上下滑动(即，纵向滑动)和左右滑动(即，横向滑动)。例如，对屏幕进行纵向滑动时，可查看当前用户的最近动态信息流，而通过横向滑动可以切换查看不同用户的信息流。

在现有技术中，用户在对屏幕进行横向滑动的同时，还需要加载下一屏的内容，从而会导致界面的滑动卡顿。

发明内容

本公开实施例提供显示内容的加载方法、装置、终端设备及存储介质，以解决横向滑动屏幕时滑动卡顿的问题，保证滑动的流畅性。

第一方面，本公开实施例提供了显示内容的加载方法，包括：

在检测到针对屏幕的横向滑动操作时，获取所述横向滑动操作对应的屏幕滑动方向；

根据所述屏幕滑动方向，对滚动视图控件执行横向滚动操作，以改变屏幕中当前显示的视图，其中，所述滚动视图控件中设置有至少三个视图，每个视图中预先加载有相应的显示内容，并且在执行横向滚动操作之前，在屏幕中显示所述滚动视图控件中的中间视图的显示内容；

确定在所述横向滚动操作结束后，屏幕中显示的视图是否为所述滚动视图控件中的边缘视图，并且在确定显示的视图是边缘视图时，按照所述屏幕滑动方向更新各视图在所述滚动视图控件中的位置，并加载所述屏幕滑动方向上的下一视图的显示内容。

根据本公开的实施例，在对滚动视图控件执行横向滚动操作的过程中，所述方法还包括：

更新所述滚动视图控件的视图滚动位置参数的取值，其中，所述视图滚动位置参数的初始取值为所述中间视图对应的位置值；

相应地，确定在所述横向滚动操作结束后，屏幕中显示的视图是否为所述滚动视图控件中的边缘视图，包括：

确定在所述横向滚动操作结束后，所述滚动视图控件的视图滚动位置参数的取值是否为所述滚动视图控件中的边缘视图对应的位置值，若是，则确定屏幕中显示的视图为所述滚动视图控件中的边缘视图。

根据本公开的实施例，所述滚动视图控件中设置有三个视图；相应地，所述视图滚动位置参数的初始取值设置为1倍的视图宽度，所述滚动视图控件中的边缘视图对应的位置值为0或2倍的视图宽度。

根据本公开的实施例，根据所述屏幕滑动方向，对滚动视图控件执行横向滚动操作，包括：

如果所述屏幕滑动方向为向左滑动，则对所述滚动视图控件执行向左滚动操作；

相应地，更新所述滚动视图控件的视图滚动位置参数的取值，包括：

将所述滚动视图控件的视图滚动位置参数的当前值加上滚动距离值所得到的和值，作为第一位置值；

将所述视图滚动位置参数的取值更新为所述第一位置值。

根据本公开的实施例，根据所述屏幕滑动方向，对滚动视图控件执行横向滚动操作，包括：

如果所述屏幕滑动方向为向右滑动，则对所述滚动视图控件执行向右滚动操作；

相应地，更新所述滚动视图控件的视图滚动位置参数的取值，包括：

将所述滚动视图控件的视图滚动位置参数的当前值减去滚动距离值所得到的差值，作为第二位置值；

将所述视图滚动位置参数的取值更新为所述第二位置值。

根据本公开的实施例，按照所述屏幕滑动方向更新各视图在所述滚动视图控件中的位置，包括：

如果所述屏幕滑动方向为向左滑动，则按照顺时针方向依次将各视图在所述滚动视图控件中的位置调整一个视图宽度；

如果所述屏幕滑动方向为向右滑动，则按照逆时针方向依次将各视图在所述滚动视图控件中的位置调整一个视图宽度。

根据本公开的实施例，在按照所述屏幕滑动方向更新各视图在所述滚动视图控件中的位置之后，所述方法还包括：

如果所述屏幕滑动方向为向左滑动，则将所述滚动视图控件的视图滚动位置参数的取值更新为当前值减去一个视图宽度所得到的差值；

如果所述屏幕滑动方向为向右滑动，则将所述滚动视图控件的视图滚动位置参数的取值更新为当前值加上一个视图宽度所得到的和值。

第二方面，本公开实施例还提供了显示内容的加载装置，该装置包括：

方向获取模块，被配置为在检测到针对屏幕的横向滑动操作时，获取所述横向滑动操作对应的屏幕滑动方向；

滚动执行模块，被配置为根据所述屏幕滑动方向，对滚动视图控件执行横向滚动操作，以改变屏幕中当前显示的视图，其中，所述滚动视图控件中设置有至少三个视图，每个视图中预先加载有相应的显示内容，并且在执行横向滚动操作之前，在屏幕中显示所述滚动视图控件中的中间视图的显示内容；

视图处理模块，被配置为确定在所述横向滚动操作结束后，屏幕中显示的视图是否为所述滚动视图控件中的边缘视图，并且在确定显示的视图是边缘视图时，按照所述屏幕滑动方向更新各视图在所述滚动视图控件中的位置，并加载所述屏幕滑动方向上的下一视图的显示内容。

根据本公开的实施例，显示内容的加载装置还包括：

取值更新模块，被配置为在对滚动视图控件执行横向滚动操作的过程中，更新所述滚动视图控件的视图滚动位置参数的取值，其中，所述视图滚动位置参数的初始取值为所述中间视图对应的位置值；

相应地，视图处理模块可以进一步被配置为：

确定在所述横向滚动操作结束后，所述滚动视图控件的视图滚动位置参数的取值是否为所述滚动视图控件中的边缘视图对应的位置值，若是，则确定屏幕中显示的视图为所述滚动视图控件中的边缘视图。

根据本公开的实施例，所述滚动视图控件中设置有三个视图；相应地，所述视图滚动位置参数的初始取值设置为1倍的视图宽度，所述滚动视图控件中的边缘视图对应的位置值为0或2倍的视图宽度。

根据本公开的实施例，滚动执行模块可以进一步被配置为：

如果所述屏幕滑动方向为向左滑动，则对所述滚动视图控件执行向左滚动操作。

相应地，取值更新模块可以进一步被配置为：

将所述滚动视图控件的视图滚动位置参数的当前值加上滚动距离值所得到的和值，作为第一位置值；

将所述视图滚动位置参数的取值更新为所述第一位置值。

根据本公开的实施例，滚动执行模块可以进一步被配置为：

如果所述屏幕滑动方向为向右滑动，则对所述滚动视图控件执行向右滚动操作。

相应地，取值更新模块可以进一步被配置为：

将所述滚动视图控件的视图滚动位置参数的当前值减去滚动距离值所得到的差值，作为第二位置值；

将所述视图滚动位置参数的取值更新为所述第二位置值。

根据本公开的实施例，视图处理模块可以进一步被配置为：

如果所述屏幕滑动方向为向左滑动，则按照顺时针方向依次将各视图在所述滚动视图控件中的位置调整一个视图宽度；

如果所述屏幕滑动方向为向右滑动，则按照逆时针方向依次将各视图在所述滚动视图控件中的位置调整一个视图宽度。

根据本公开的实施例，显示内容的加载装置还可以包括：

差值更新模块，被配置为在按照所述屏幕滑动方向更新各视图在所述滚动视图控件中的位置之后，如果所述屏幕滑动方向为向左滑动，则将所述滚动视图控件的视图滚动位置参数的取值更新为当前值减去一个视图宽度所得到的差值；

和值更新模块，被配置为如果所述屏幕滑动方向为向右滑动，则将所述滚动视图控件的视图滚动位置参数的取值更新为当前值加上一个视图宽度所得到的和值。

第三方面，本公开实施例还提供了终端设备，包括：

一个或多个处理器；

存储器，被配置为存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本公开任一实施例所述的显示内容的加载方法。

第四方面，本公开实施例还提供了计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本公开任一实施例所述的显示内容的加载方法。

本公开实施例通过获取针对屏幕的横向滑动操作所对应的屏幕滑动方向，对滚动视图控件执行横向滚动操作，以改变屏幕中当前显示的视图，当确定横向滚动操作结束后，屏幕中显示的视图为滚动视图控件中的边缘视图时，按照屏幕滑动方向更新各视图在滚动视图控件中的位置，并加载屏幕滑动方向上的下一视图的显示内容，从而使得在确定当前屏幕中显示的视图为边缘视图时才加载下一屏的显示内容，解决了现有技术中因采用在滑屏同时加载下一屏显示内容的方式而导致的横向滑动屏幕时滑动卡顿的问题，保证了滑动的流畅性。

附图说明

图1a是本公开实施例一提供的显示内容的加载方法的流程示意图；

图1b是本公开实施例一适用的滚动视图控件中视图显示示意图；

图1c是本公开实施例一适用的滚动视图控件中视图显示示意图；

图2a是本公开实施例二提供的显示内容的加载方法的流程示意图；

图2b是本公开实施例二适用的滚动视图控件中视图显示示意图；

图2c是本公开实施例二适用的滚动视图控件中视图显示示意图；

图3a是本公开实施例三提供的显示内容的加载方法的流程示意图；

图3b是本公开实施例三适用的滚动视图控件中视图显示示意图；

图3c是本公开实施例三适用的滚动视图控件中视图显示示意图；

图4是本公开实施例四提供的显示内容的加载装置的结构示意图；以及

图5是本公开实施例五提供的终端设备的硬件结构示意图。

具体实施方式

下面结合附图和实施例对本公开作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本公开，而非对本公开的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本公开相关的部分而非全部结构。

下述各实施例中，各个实施例中同时提供了可选特征和示例，实施例中记载的各个特征可进行组合，形成多个可选方案，不应将每个编号的实施例仅视为一个技术方案。

实施例一

图1a为本公开实施例一提供的显示内容的加载方法的流程示意图。该方法可适用于对屏幕进行横向滑动操作时对屏幕显示内容进行加载的情况，该方法可以由显示内容的加载装置来执行，该装置可由硬件和/或软件组成，并一般可集成在手机、平板以及所有支持滑屏显示功能的终端设备中。该方法具体包括以下步骤：

S110、在检测到针对屏幕的横向滑动操作时，获取横向滑动操作对应 的屏幕滑动方向。

本实施例中，针对屏幕的横向滑动操作，可以是用户在接触屏幕的同时进行横向移动的操作。具体可通过调用事件监听函数来检测是否存在针对屏幕的横向滑动操作，并在确定检测到横向滑动操作时，判断横向滑动操作的滑动方向。其中，屏幕可以是触摸显示屏，并且相应地，用户可在屏幕上进行手势滑动操作。

示例性地，可根据横向滑动操作的滑动方向，来获取横向滑动操作对应的屏幕滑动方向。例如，当横向滑动操作的滑动方向为向右滑动、向右上方滑动或向右下方滑动时，可得到横向滑动操作对应的屏幕滑动方向为向右滑动；当横向滑动操作的滑动方向为向左滑动、向左上方滑动或向左下方滑动时，可得到横向滑动操作对应的屏幕滑动方向为向左滑动。

S120、根据屏幕滑动方向，对滚动视图控件执行横向滚动操作，以改变屏幕中当前显示的视图，其中，滚动视图控件中设置有至少三个视图，每个视图中预先加载有相应的显示内容，并在执行横向滚动操作之前，在屏幕中显示滚动视图控件中的中间视图的显示内容。

其中，滚动视图控件例如可以是UIScrollView控件。由于终端设备的屏幕大小是有限的，因此，能直接展示在用户眼前的内容也相当有限；当展示的内容较多而超出一个屏幕时，用户可通过滑动操作来查看下一屏的内容，UIScrollView控件是一个能够滚动的视图控件，可以用来展示大量的内容，并且可以通过对控件执行滚动操作，以查看前一显示界面之外的内容。

示例性地，可创建一个UIScrollView控件，并将UIScrollView控件的内容尺寸属性contentsize的取值设置为N倍的视图宽度，其中N为整数，且N≥3，以使UIScrollView控件中可设置至少三个视图(Cell)。在UIScrollView控件中加载N个Cell，每个Cell对应加载不同屏的显示内容。在初始状态下，也即在执行横向滚动操作之前，可在屏幕中显示UIScrollView控件中的中间视图的显示内容。其中，在对UIScrollView控件执行横向滚动操作之前或之后，屏幕中仅可对应显示一个Cell的显示内容。换言之，对UIScrollView控件执行横向滚动操作的过程，也就是对屏 幕中显示的Cell进行切换的过程。

本实施例中，中间视图可以是滚动视图控件内加载的各个视图中，除边缘视图之外的其他任意视图。例如，图1b中，滚动视图控件1包括三个视图：第一视图11、第二视图12以及第三视图13，其中，中间视图为第二视图12，也即可在初始状态下，在屏幕2中显示的是第二视图12。又如，图1c中，滚动视图控件1包括四个视图：第四视图14、第五视图15、第六视图16以及第七视图17，其中，中间视图为第五视图15以及第六视图16，也即可在初始状态下，在屏幕2中显示的可以是第五视图15，也可以是第六视图16，在此不作限定。

可选地，在对滚动视图控件执行横向滚动操作的过程中，该方法还包括：

更新滚动视图控件的视图滚动位置参数的取值，其中，视图滚动位置参数的初始取值为中间视图对应的位置值。

其中，视图滚动位置参数可以是用于表征滚动视图控件当前显示的视图位置的参数，例如该参数可以是UIScrollView控件中的属性ContentOffsetX的取值。示例性地，可将UIScrollView控件的属性ContentOffsetX的初始取值设置为中间视图对应的位置值，并在UIScrollView控件执行横向滚动操作的过程中，由系统实时更新属性ContentOffsetX的取值，以标记当前屏幕中显示的视图位置。

在如图1b所示的滚动视图控件1中，以滚动视图控件1的左边沿为视图滚动位置参数的起点，也即取值零点，向右为取值正方向，因此，可通过将视图滚动位置参数的初始取值设置为1倍的视图宽度，以保证初始状态下，屏幕中显示的是中间视图，即第二视图12。

S130、确定在横向滚动操作结束后，屏幕中显示的视图是否为滚动视图控件中的边缘视图，在确定显示的视图是边缘视图时，按照屏幕滑动方向更新各视图在滚动视图控件中的位置，并加载屏幕滑动方向上的下一视图的显示内容。

本实施例中，边缘视图可以是滚动视图控件中位置处于最左端或最右端的视图，例如图1b中的第一视图11和第三视图13，又如图1c中的第 四视图14和第七视图17。示例性地，若横向滚动操作结束后，也即滚动视图控件滚动停止后，检测屏幕中显示的视图是否为滚动视图控件中的边缘视图，若是，则对滚动视图控件中各视图的位置进行调整，并加载下一屏的显示内容；若否，则继续检测针对屏幕的横向滑动操作。

当确定显示的视图是边缘视图时，说明屏幕滑动方向上已不存在下一屏，因此，为了保证继续进行横向滑动操作时，不会因为临时加载显示内容而导致卡顿，可对滚动视图控件中各视图的位置按照屏幕滑动方向进行更新调整，使得当前显示的视图不再是滚动视图控件中的边缘视图后，在屏幕滑动方向上的下一视图中加载下一屏的显示内容。其中，位置更新的方式包括但不限于，在滚动视图控件中屏幕滑动方向上增加新的视图，或进行循环视图位置调整，也即按照顺时针或逆时针的方向依次调整各视图在滚动视图控件中的位置。因此，下一视图可以是视图控件中各视图按照顺时针或逆时针的方向依次调整后的视图，例如，如图1b所示，在各视图按照顺时针方向调整的情况下，所述滚动视图控件中的中间视图的下一视图为第三视图。

可选地，确定在横向滚动操作结束后，屏幕中显示的视图是否为滚动视图控件中的边缘视图，包括：确定在横向滚动操作结束后，滚动视图控件的视图滚动位置参数的取值是否为滚动视图控件中的边缘视图对应的位置值，若是，则确定屏幕中显示的视图为滚动视图控件中的边缘视图。

由于在对滚动视图控件执行横向滚动操作的过程中，可实时更新视图滚动位置参数的取值，以标记屏幕中显示的视图对应的位置，因此，可通过监测视图滚动位置参数的取值是否为边缘视图对应的位置值，来确定当前显示的视图是否为边缘视图。例如，对于UIScrollView控件中的属性ContentOffsetX而言，边缘视图对应的位置值可以是属性ContentOffsetX取值范围中的最小值或最大值，或者预先设置的取值范围，例如大于某个取值或者小于某个取值。

可选地，滚动视图控件中设置有三个视图；相应地，视图滚动位置参数的初始取值可以设置为1倍的视图宽度，则滚动视图控件中的边缘视图对应的位置值可以为0或2倍的视图宽度。例如，在本公开的一个实施例 中，视图滚动位置参数的初始位置取值可以为1U(U为任意单位(arbitrary unit,AU))，则滚动视图控件中的边缘视图对应的位置取值可以是0U或2U。

例如，如图1b所示，若检测到滚动视图控件1对应的视图滚动位置参数的取值为0时，即可确定当前显示在屏幕2中的视图为第一视图11；若检测到滚动视图控件1对应的视图滚动位置参数的取值为2倍的视图宽度时，即可确定当前显示在屏幕2中的视图为第三视图13。此时，可确定屏幕2中显示的视图为滚动视图控件1中的边缘视图。

本实施例的技术方案，通过获取针对屏幕的横向滑动操作所对应的屏幕滑动方向，对滚动视图控件执行横向滚动操作，以改变屏幕中当前显示的视图，当确定横向滚动操作结束后，屏幕中显示的视图为滚动视图控件中的边缘视图时，按照屏幕滑动方向更新各视图在滚动视图控件中的位置，并加载屏幕滑动方向上的下一视图的显示内容，从而使得在确定当前屏幕中显示的视图为边缘视图时才加载下一屏的显示内容，解决了现有技术中因采用在滑屏同时加载下一屏显示内容的方式，而导致的横向滑动屏幕时滑动卡顿的问题，保证了滑动的流畅性。

实施例二

图2a为本公开实施例二提供的显示内容的加载方法的流程示意图。本实施例以上述实施例中各个可选方案为基础进行具体化，提供了可选的显示内容的加载方法，具体是，对根据屏幕滑动方向、对滚动视图控件执行横向滚动操作进行了进一步优化。该方法具体包括以下步骤：

S210、在检测到针对屏幕的横向滑动操作时，获取横向滑动操作对应的屏幕滑动方向。

S220、如果屏幕滑动方向为向左滑动，则对滚动视图控件执行向左滚动操作，以改变屏幕中当前显示的视图。

其中，滚动视图控件中设置有至少三个视图，每个视图中预先加载有相应的显示内容，并在执行横向滚动操作之前，在屏幕中显示滚动视图控件中的中间视图的显示内容。

本实施例中，主要针对屏幕滑动方向为向左滑动时对应执行的具体操作步骤，进行进一步描述。若屏幕滑动方向为向左滑动，相应地，可对滚动视图控件执行向左滚动操作，例如图1b中，在对滚动视图控件1执行向左滚动操作时，屏幕中当前显示的视图将由第二视图12，滚动至第三视图13，也即切换为如图2b所示的视图显示情况，滚动视图控件1中第三视图13显示在屏幕2中，而第一视图11和第二视图12不显示。

S230、将滚动视图控件的视图滚动位置参数的当前值加上滚动距离值所得到的和值，作为第一位置值；将视图滚动位置参数的取值更新为第一位置值。

其中，视图滚动位置参数的初始取值为中间视图对应的位置值。

在对滚动视图控件执行向左滚动操作的过程中，可实时更新视图滚动位置参数的取值。例如图1b中，视图滚动位置参数的当前值为1倍的视图宽度，在对滚动视图控件1执行向左滚动操作的过程中，若当前滚动距离值为0.5倍的视图宽度，则第一位置值为1.5倍的视图宽度，此时，将视图滚动位置参数的取值更新为1.5倍的视图宽度。当向左滚动操作结束，如图2b所示，滚动视图控件1对应的视图滚动位置参数的取值将更新为2倍的视图宽度。

S240、确定在向左滚动操作结束后，滚动视图控件的视图滚动位置参数的取值是否为滚动视图控件中的边缘视图对应的位置值，若是，则执行S250；若否，则返回执行S210。

S250、确定屏幕中显示的视图为滚动视图控件中的边缘视图，在确定显示的视图是边缘视图时，按照顺时针方向依次将各视图在滚动视图控件中的位置调整一个视图宽度。

其中，按照顺时针方向进行位置调整可以是，除当前屏幕中显示的边缘视图，也即右边缘视图之外，将另一边缘视图，也即左边缘视图在滚动视图控件中的位置调整至滚动视图控件的最右端，而包括当前屏幕中显示的视图在内的其他所有视图依次向左进行位置调整。

示例性地，向左滚动操作结束后，若屏幕中显示的视图为滚动视图控件中的边缘视图，例如，如图2b所示，屏幕中显示的视图为滚动视图控 件1中的第三视图13时，则按照顺时针方向将第一视图11、第二视图12以及第三视图13在滚动视图控件1中的位置分别调整一个视图宽度，也即将第一视图11调整至第三视图13的位置处，将第二视图12调整至第一视图11的位置处，将第三视图13调整至第二视图12的位置处，使得各视图在滚动视图控件1中的位置调整为如图2c所示的位置排布，也即第三视图13位于第一视图11和第二视图12之间。

S260、将滚动视图控件的视图滚动位置参数的取值更新为当前值减去一个视图宽度所得到的差值。

在将滚动视图控件的视图位置调整完毕后，为了使向左滚动操作结束后，屏幕中显示的视图依旧显示在屏幕中，可对滚动视图控件的视图滚动位置参数的取值进行更新，使其更新为当前值减去一个视图宽度所得到的差值。

例如，如图2c所示，向左滚动操作结束后，由于滚动视图控件1中各视图的位置发生了变化，为了使第三视图13仍旧显示在屏幕2中，可将视图滚动位置参数的取值由当前值2倍的视图宽度，更新为1倍的视图宽度，如此，可保证屏幕2中当前显示的是第三视图13。最后，可在第一视图11中加载和渲染下一屏的显示内容。需要说明的是，虽然图2a中示出了顺序地执行S250和S260，但是本领域技术人员可以根据实际应用场景来同时地或逆序地执行S250和S260，也可以只执行其中一个步骤。

S270、加载屏幕滑动方向上的下一视图的显示内容。

本实施例的技术方案，通过在获取针对屏幕的横向滑动操作所对应的屏幕滑动方向时，若该屏幕滑动方向为向左滑动，则对滚动视图控件执行向左滚动操作，并将滚动视图控件的视图滚动位置参数更新为当前值加上滚动距离值所得到的第一位置值，在确定向左滚动操作结束后，当视图滚动位置参数的取值为滚动视图控件中的边缘视图对应的位置值时，确定屏幕中显示的视图为边缘视图，进而按照顺时针方向依次将各视图在滚动视图控件中的位置调整一个视图宽度，同时将视图滚动位置参数的取值更新为当前值减去一个视图宽度所得到的差值，并加载屏幕滑动方向上的下一视图的显示内容，从而使得在确定向左滑动操作结束后，当前屏幕中显示 的视图为边缘视图时才加载下一屏的显示内容，解决了向左滑动屏幕时滑动卡顿的问题，保证了滑动的流畅性。

实施例三

图3a为本公开实施例三提供的显示内容的加载方法的流程示意图。本实施例以上述实施例中各个可选方案为基础进行具体化，提供了可选的显示内容的加载方法，具体是，对根据屏幕滑动方向、对滚动视图控件执行横向滚动操作进行了进一步优化。该方法具体包括以下步骤：

S310、在检测到针对屏幕的横向滑动操作时，获取横向滑动操作对应的屏幕滑动方向。

S320、如果屏幕滑动方向为向右滑动，则对滚动视图控件执行向右滚动操作，以改变屏幕中当前显示的视图。

其中，滚动视图控件中设置有至少三个视图，每个视图中预先加载有相应的显示内容，并在执行横向滚动操作之前，在屏幕中显示滚动视图控件中的中间视图的显示内容。

本实施例中，主要针对屏幕滑动方向为向右滑动时对应执行的具体操作步骤，进行进一步描述。若屏幕滑动方向为向右滑动，相应地，可对滚动视图控件执行向右滚动操作，例如图1b中，在对滚动视图控件1执行向右滚动操作时，屏幕中当前显示的视图将由第二视图12，滚动至第一视图11，也即切换为如图3b所示的视图显示情况，滚动视图控件1中第一视图11显示在屏幕2中，而第二视图12和第三视图13不显示。

S330、将滚动视图控件的视图滚动位置参数的当前值减去滚动距离值所得到的差值，作为第二位置值；将视图滚动位置参数的取值更新为第二位置值。

其中，视图滚动位置参数的初始取值为中间视图对应的位置值。

在对滚动视图控件执行向右滚动操作的过程中，可实时更新视图滚动位置参数的取值。例如图1b中，视图滚动位置参数的当前值为1倍的视图宽度，在对滚动视图控件1执行向右滚动操作的过程中，若当前滚动距离值为0.3倍的视图宽度，则第一位置值为0.7倍的视图宽度，此时，将 视图滚动位置参数的取值更新为0.7倍的视图宽度。当向右滚动操作结束，如图3b所示，滚动视图控件1对应的视图滚动位置参数的取值将更新为0。

S340、确定在向右滚动操作结束后，滚动视图控件的视图滚动位置参数的取值是否为滚动视图控件中的边缘视图对应的位置值，若是，则执行S350；若否，则返回执行S310。

S350、确定屏幕中显示的视图为滚动视图控件中的边缘视图，在确定显示的视图是边缘视图时，按照逆时针方向依次将各视图在滚动视图控件中的位置调整一个视图宽度。

其中，按照逆时针方向进行位置调整可以是，除当前屏幕中显示的边缘视图，也即左边缘视图之外，将另一边缘视图，也即右边缘视图在滚动视图控件中的位置调整至滚动视图控件的最左端，而包括当前屏幕中显示的视图在内的其他所有视图依次向右进行位置调整。

示例性地，向右滚动操作结束后，若屏幕中显示的视图为滚动视图控件中的边缘视图，例如，如图3b所示，屏幕中显示的视图为滚动视图控件1中的第三视图13时，则按照逆时针方向将第一视图11、第二视图12以及第三视图13在滚动视图控件1中的位置分别调整一个视图宽度，也即将第三视图13调整至第一视图11的位置处，将第二视图12调整至第三视图13的位置处，将第一视图11调整至第二视图12的位置处，使得各视图在滚动视图控件1中的位置调整为如图3c所示的位置排布，也即第一视图11位于第三视图13和第二视图12之间。

S360、将滚动视图控件的视图滚动位置参数的取值更新为当前值加上一个视图宽度所得到的和值。

为了使向右滚动操作结束后，屏幕中显示的视图依旧显示在屏幕中，可对滚动视图控件的视图滚动位置参数的取值进行更新，使其更新为当前值加上一个视图宽度所得到的差值。

例如，如图3c所示，向右滚动操作结束后，由于滚动视图控件1中各视图的位置发生了变化，为了使第一视图11仍旧显示在屏幕2中，可将视图滚动位置参数的取值由当前值0，更新为1倍的视图宽度，如此， 可保证屏幕2中当前显示的是第一视图11。最后，可在第三视图13中加载和渲染下一屏的显示内容。需要说明的是，虽然图3a中示出了顺序地执行S350和S360，但是本领域技术人员可以根据实际应用场景来同时地或逆序地执行S350和S360，也可以只执行其中一个步骤。

S370、加载屏幕滑动方向上的下一视图的显示内容。

本实施例的技术方案，通过在获取针对屏幕的横向滑动操作所对应的屏幕滑动方向时，若该屏幕滑动方向为向右滑动，则对滚动视图控件执行向右滚动操作，并将滚动视图控件的视图滚动位置参数更新为当前值减去滚动距离值所得到的第一位置值，在确定向右滚动操作结束后，当视图滚动位置参数的取值为滚动视图控件中的边缘视图对应的位置值时，确定屏幕中显示的视图为边缘视图，进而按照逆时针方向依次将各视图在滚动视图控件中的位置调整一个视图宽度，同时将视图滚动位置参数的取值更新为当前值加上一个视图宽度所得到的差值，并加载屏幕滑动方向上的下一视图的显示内容，从而使得在确定向右滑动操作结束后，当前屏幕中显示的视图为边缘视图时才加载下一屏的显示内容，解决了向右滑动屏幕时滑动卡顿的问题，保证了滑动的流畅性。

实施例四

图4为本公开实施例四提供的一种显示内容的加载装置的结构示意图。参考图4，显示内容的加载装置包括：方向获取模块410、滚动执行模块420以及视图处理模块430，下面对各模块进行具体说明。

方向获取模块410，可以在检测到针对屏幕的横向滑动操作时，获取横向滑动操作对应的屏幕滑动方向；

滚动执行模块420，可以根据屏幕滑动方向，对滚动视图控件执行横向滚动操作，以改变屏幕中当前显示的视图，其中，滚动视图控件中设置有至少三个视图，每个视图中预先加载有相应的显示内容，并在执行横向滚动操作之前，在屏幕中显示滚动视图控件中的中间视图的显示内容；

视图处理模块430，可以确定在横向滚动操作结束后，屏幕中显示的视图是否为滚动视图控件中的边缘视图，在确定显示的视图是边缘视图时， 按照屏幕滑动方向更新各视图在滚动视图控件中的位置，并加载屏幕滑动方向上的下一视图的显示内容。

本实施例提供的显示内容的加载装置，通过获取针对屏幕的横向滑动操作所对应的屏幕滑动方向，对滚动视图控件执行横向滚动操作，以改变屏幕中当前显示的视图，当确定横向滚动操作结束后，屏幕中显示的视图为滚动视图控件中的边缘视图时，按照屏幕滑动方向更新各视图在滚动视图控件中的位置，并加载屏幕滑动方向上的下一视图的显示内容，从而使得在确定当前屏幕中显示的视图为边缘视图时才加载下一屏的显示内容，解决了现有技术中因采用在滑屏同时加载下一屏显示内容的方式，而导致的横向滑动屏幕时滑动卡顿的问题，保证了滑动的流畅性。

可选地，显示内容的加载装置还可以包括：

取值更新模块，可以在对滚动视图控件执行横向滚动操作的过程中，更新滚动视图控件的视图滚动位置参数的取值，其中，视图滚动位置参数的初始取值为中间视图对应的位置值；

相应地，视图处理模块430，具体可以：

确定在横向滚动操作结束后，滚动视图控件的视图滚动位置参数的取值是否为滚动视图控件中的边缘视图对应的位置值，若是，则确定屏幕中显示的视图为滚动视图控件中的边缘视图。

可选地，滚动视图控件中设置有三个视图；相应地，视图滚动位置参数的初始取值设置为1倍的视图宽度，滚动视图控件中的边缘视图对应的位置值为0或2倍的视图宽度。

可选地，滚动执行模块420，具体可以：

如果屏幕滑动方向为向左滑动，则对滚动视图控件执行向左滚动操作；

相应地，取值更新模块具体可以：

将滚动视图控件的视图滚动位置参数的当前值加上滚动距离值所得到的和值，作为第一位置值；

将视图滚动位置参数的取值更新为第一位置值。

可选地，滚动执行模块420，具体还可以：

如果屏幕滑动方向为向右滑动，则对滚动视图控件执行向右滚动操作；

相应地，取值更新模块具体还可以：

将滚动视图控件的视图滚动位置参数的当前值减去滚动距离值所得到的差值，作为第二位置值；

将视图滚动位置参数的取值更新为第二位置值。

可选地，视图处理模块430，具体还可以：

如果屏幕滑动方向为向左滑动，则按照顺时针方向依次将各视图在滚动视图控件中的位置调整一个视图宽度；

如果屏幕滑动方向为向右滑动，则按照逆时针方向依次将各视图在滚动视图控件中的位置调整一个视图宽度。

可选地，显示内容的加载装置还可以包括：

差值更新模块，可以在按照屏幕滑动方向更新各视图在滚动视图控件中的位置之后，如果屏幕滑动方向为向左滑动，则将滚动视图控件的视图滚动位置参数的取值更新为当前值减去一个视图宽度所得到的差值；

和值更新模块，可以如果屏幕滑动方向为向右滑动，则将滚动视图控件的视图滚动位置参数的取值更新为当前值加上一个视图宽度所得到的和值。

上述产品可执行本公开任意实施例所提供的方法，具备执行方法相应的功能模块和有益效果。

实施例五

图5是图示根据本公开实施例的终端设备的硬件结构示意图。终端设备可以以各种形式来实施，本公开中的终端设备可以包括但不限于诸如移动电话机、智能电话机、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、导航装置或车载终端设备(例如，车载显示终端和车载电子后视镜智能终端)等的移动终端设备以及诸如数字TV、台式计算机等等的固定终端设备。

如图5所示，终端设备510可以包括无线通信单元501、A/V(音频/视频)输入单元502、用户输入单元503、感测单元504、输出单元505、存储器506、接口单元507、处理器508和电源单元509等等。图5示出 了具有各种组件的终端设备，但是应理解的是，并不要求实施所有示出的组件。可以替代地实施更多或更少的组件。

其中，无线通信单元501允许终端设备510与无线通信系统或网络之间的无线电通信。A/V输入单元502用于接收音频或视频信号。用户输入单元503可以根据用户输入的命令生成键输入数据以控制终端设备的各种操作。感测单元504检测终端设备510的当前状态、终端设备510的位置、用户对于终端设备510的触摸输入的有无、终端设备510的取向、终端设备510的加速或减速移动和方向等等，并且生成用于控制终端设备510的操作的命令或信号。接口单元507用作至少一个外部装置与终端设备510连接可以通过的接口。输出单元505被构造为以视觉、音频和/或触觉方式提供输出信号。存储器506可以存储由处理器508执行的处理和控制操作的软件程序等，或者可以暂时地存储己经输出或将要输出的数据。存储器506可以包括至少一种类型的存储介质。而且，终端设备510可以与通过网络连接执行存储器506的存储功能的网络存储装置协作。处理器508通常控制终端设备的总体操作。另外，处理器508可以包括用于再现或回放多媒体数据的多媒体模块。处理器508可以执行模式识别处理，以将在触摸屏上执行的手写输入或者图片绘制输入识别为字符或图像。电源单元509在处理器508的控制下接收外部电力或内部电力并且提供操作各元件和组件所需的适当的电力。

处理器508通过运行存储在存储器506中的程序，从而执行各种功能应用以及数据处理，例如实现本公开实施例所提供的菜单显示方法。

实施例六

本公开实施例六还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被显示内容的加载装置执行时实现如本公开实施例提供的显示内容的加载方法。

当然，本公开实施例所提供的计算机可读存储介质，其上存储的计算机程序被执行时不限于实现如上所述的方法操作，还可以实现本公开任意实施例所提供的显示内容的加载方法中的相关操作。

通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本公开可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本公开的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、闪存(FLASH)、硬盘或光盘等，包括若干指令用以使得计算机设备(可以是个人计算机、服务器或者网络设备等)执行本公开各个实施例所述的方法。

值得注意的是，上述显示内容的加载装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本公开的保护范围。

需要注意的是，上述仅为本公开的较佳实施例及所运用技术原理。本领域技术人员会理解，本公开不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本公开的保护范围。因此，虽然通过以上实施例对本公开进行了较为详细的说明，但是本公开不仅仅限于以上实施例，在不脱离本公开构思的情况下，还可以包括更多其他等效实施例，而本公开的范围由所附的权利要求范围决定。

Claims (10)

1. 一种显示内容的加载方法，包括：

   在检测到针对屏幕的横向滑动操作时，获取所述横向滑动操作对应的屏幕滑动方向；

   根据所述屏幕滑动方向，对滚动视图控件执行横向滚动操作，以改变屏幕中当前显示的视图，其中，所述滚动视图控件中设置有至少三个视图，每个视图中预先加载有相应的显示内容，并且在执行横向滚动操作之前，所述滚动视图控件中的中间视图的显示内容在屏幕中显示；

   确定在所述横向滚动操作结束后，屏幕中显示的视图是否为所述滚动视图控件中的边缘视图，并且在确定显示的视图是边缘视图时，按照所述屏幕滑动方向更新设置于所述滚动视图控件中的各视图在所述滚动视图控件中的位置，并加载所述屏幕滑动方向上的下一视图的显示内容。
2. 根据权利要求1所述的方法，其中，所述对滚动视图控件执行横向滚动操作包括：

   更新所述滚动视图控件的视图滚动位置参数的取值，其中，所述视图滚动位置参数的初始取值为所述中间视图对应的位置值，并且

   确定在所述横向滚动操作结束后，屏幕中显示的视图是否为所述滚动视图控件中的边缘视图，包括：

   确定在所述横向滚动操作结束后，所述滚动视图控件的视图滚动位置参数的取值是否为所述滚动视图控件中的边缘视图对应的位置值，若是，则确定屏幕中显示的视图为所述滚动视图控件中的边缘视图。
3. 根据权利要求2所述的方法，其中，所述滚动视图控件中设置有三个视图，所述视图滚动位置参数的初始取值设置为1倍的视图宽度，所述滚动视图控件中的边缘视图对应的位置值为0或2倍的视图宽度。
4. 根据权利要求2所述的方法，其中，根据所述屏幕滑动方向，对滚 动视图控件执行横向滚动操作，包括：

   如果所述屏幕滑动方向为向左滑动，则对所述滚动视图控件执行向左滚动操作，并且

   更新所述滚动视图控件的视图滚动位置参数的取值，包括：

   将所述滚动视图控件的视图滚动位置参数的当前值加上滚动距离值所得到的和值，作为第一位置值；以及

   将所述视图滚动位置参数的取值更新为所述第一位置值。
5. 根据权利要求2所述的方法，其中，根据所述屏幕滑动方向，对滚动视图控件执行横向滚动操作，包括：

   如果所述屏幕滑动方向为向右滑动，则对所述滚动视图控件执行向右滚动操作，并且

   更新所述滚动视图控件的视图滚动位置参数的取值，包括：

   将所述滚动视图控件的视图滚动位置参数的当前值减去滚动距离值所得到的差值，作为第二位置值；以及

   将所述视图滚动位置参数的取值更新为所述第二位置值。
6. 根据权利要求2-5任一项所述的方法，其中，

   按照所述屏幕滑动方向更新各视图在所述滚动视图控件中的位置，包括：

   如果所述屏幕滑动方向为向左滑动，则按照顺时针方向依次将所述各视图在所述滚动视图控件中的位置调整一个视图宽度；并且

   如果所述屏幕滑动方向为向右滑动，则按照逆时针方向依次将所述各视图在所述滚动视图控件中的位置调整一个视图宽度。
7. 根据权利要求2-5任一项所述的方法，其中，

   在按照所述屏幕滑动方向更新各视图在所述滚动视图控件中的位置之后，所述方法还包括：

   如果所述屏幕滑动方向为向左滑动，则将所述滚动视图控件的各视图 滚动位置参数的取值更新为当前值减去一个视图宽度所得到的差值；并且

   如果所述屏幕滑动方向为向右滑动，则将所述滚动视图控件的各视图滚动位置参数的取值更新为当前值加上一个视图宽度所得到的和值。
8. 一种显示内容的加载装置，包括：

   方向获取模块，被配置为在检测到针对屏幕的横向滑动操作时，获取所述横向滑动操作对应的屏幕滑动方向；

   滚动执行模块，被配置为根据所述屏幕滑动方向，对滚动视图控件执行横向滚动操作，以改变屏幕中当前显示的视图，其中，所述滚动视图控件中设置有至少三个视图，每个视图中预先加载有相应的显示内容，并且在执行横向滚动操作之前，在屏幕中显示所述滚动视图控件中的中间视图的显示内容；

   视图处理模块，被配置为确定在所述横向滚动操作结束后，屏幕中显示的视图是否为所述滚动视图控件中的边缘视图，并且在确定显示的视图是边缘视图时，按照所述屏幕滑动方向更新各视图在所述滚动视图控件中的位置，并加载所述屏幕滑动方向上的下一视图的显示内容。
9. 一种终端设备，包括：

   一个或多个处理器；

   存储器，被配置为存储一个或多个程序；

   当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-7中任一所述的显示内容的加载方法。
10. 一种计算机可读存储介质，其上存储有计算机程序，其中，该程序被处理器执行时实现如权利要求1-7中任一所述的显示内容的加载方法。

Images