CN114675911A - 视图显示方法、装置及存储介质 - Google Patents

Abstract

本申请实施例涉及计算机技术领域，公开了一种视图显示方法、装置及存储介质，该方法包括：在显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元，列表视图包括至少一个列表视图单元；若存在针对列表视图的滑动事件，则根据滑动事件对应的滑动距离以及目标尺寸，确定列表视图的第二区域；根据滑动距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域，并对目标列表视图单元进行调整，得到调整后的目标列表视图单元，调整后的目标列表视图单元包括位于滚动视图的目标区域中的内容；在显示屏幕中显示位于列表视图的第二区域中的第二列表视图单元，第二列表视图单元包括调整后的目标列表视图单元，可丰富长图文的显示方式。

Description

视图显示方法、装置及存储介质

技术领域

本申请涉及计算机技术领域，尤其涉及一种视图显示方法、装置及存储介质。

背景技术

随着计算机技术的飞速发展，视图显示设备可以以列表视图的形式对图片、文字等多个内容同时进行显示；当通过列表视图显示长图文时，通常只有在长图文的显示区域内检测到针对长图文的滑动事件，才可以将长图文进行滑动显示，即用户只有在长图文的显示区域内执行滑动操作才可以对长图文进行滑动，现有针对长图文的显示方式比较单一，使得用户体验单一。

发明内容

本申请实施例提供一种视图显示方法、装置及存储介质，可丰富长图文的显示方式。

一方面，本申请实施例提供了一种视图显示方法，包括：

在显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元，其中，所述列表视图包括至少一个列表视图单元，所述至少一个列表视图单元中存在包括了滚动视图的目标列表视图单元，所述滚动视图的尺寸大于所述目标列表视图单元的尺寸，所述第一区域与所述显示屏幕中可显示区域的目标尺寸匹配；

若存在针对所述列表视图的滑动事件，则根据所述滑动事件对应的滑动距离以及所述目标尺寸，确定所述列表视图的第二区域；

根据所述滑动距离以及所述目标列表视图单元在所述第二区域中的尺寸，确定所述滚动视图的目标区域，并对所述目标列表视图单元进行调整，得到调整后的目标列表视图单元，所述调整后的目标列表视图单元包括位于所述滚动视图的目标区域中的内容；

在所述显示屏幕中显示位于所述列表视图的第二区域中的第二列表视图单元，所述第二列表视图单元包括所述调整后的目标列表视图单元。

一方面，本申请实施例提供了一种视图显示装置，所述视图显示装置包括显示单元和处理单元，所述显示单元以及所述处理单元用于实现上述视图显示方法。

一方面，本申请实施例提供了一种视图显示设备，其特征在于，所述视图显示设备包括输入接口和输出接口，还包括：

处理器，适于实现一条或多条指令；以及，

计算机存储介质，所述计算机存储介质存储有一条或多条指令，所述一条或多条指令适于由所述处理器加载并执行上述视图显示方法。

一方面，本申请实施例提供了一种计算机存储介质，其特征在于，所述计算机存储介质中存储有计算机程序指令，所述计算机程序指令被处理器执行时，用于执行上述视图显示方法。

一方面，本申请实施例提供了一种计算机程序产品或计算机程序，所述计算机程序产品或所述计算机程序包括计算机指令，所述计算机指令存储在计算机可读存储介质中；视图显示设备的处理器从所述计算机可读存储介质中读取所述计算机指令，所述处理器执行所述计算机指令，所述计算机指令被处理器执行时，用于执行上述视图显示方法。

本申请实施例中，视图显示设备在其显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元，其中，列表视图包括至少一个列表视图单元，至少一个列表视图单元中存在包括了滚动视图的目标列表视图单元，滚动视图的尺寸大于目标列表视图单元的尺寸，第一区域与显示屏幕中可显示区域的目标尺寸匹配；若存在针对列表视图的滑动事件，则根据滑动事件对应的滑动距离以及目标尺寸，确定列表视图的第二区域；根据滑动距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域，并对目标列表视图单元进行调整，得到调整后的目标列表视图单元，调整后的目标列表视图单元包括位于滚动视图的目标区域中的内容；在显示屏幕中显示位于列表视图的第二区域中的第二列表视图单元，第二列表视图单元包括调整后的目标列表视图单元。当存在针对列表视图的滑动事件时，视图显示设备不但能够根据滑动事件对应的滑动距离以及目标尺寸，确定列表视图的第二区域，并显示位于列表视图的第二区域中的第二列表视图单元，以实现对列表视图的滑动显示；并且还能够根据滑动距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域，并显示位于滚动视图的目标区域中的内容，以实现对滚动视图的滑动显示，即可以根据针对列表视图的滑动事件实现对滚动视图的滑动显示；并且由于滚动视图的尺寸大于目标列表视图单元的尺寸，其表征在滚动视图为长图文的情况下，可以根据针对列表视图的滑动事件实现对长图文的滑动显示，丰富了长图文的显示方式。

附图说明

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

图1是本申请实施例提供的一种视图显示系统的结构示意图；

图2a是本申请实施例提供的一种内容数据与列表视图单元的关系示意图；

图2b是本申请实施例提供的一种列表视图完全显示时的示意图；

图2c是本申请实施例提供的一种显示屏幕中的可显示区域的示意图；

图2d是本申请实施例提供的一种基于列表视图控件中的可显示区域显示列表视图的示意图；

图3是本申请实施例提供的一种视图显示方法的流程示意图；

图4是本申请实施例提供的一种显示第一列表视图单元的示意图；

图5是本申请实施例提供的一种列表视图滑动显示的示意图；

图6是本申请实施例提供的一种滚动视图的绝对偏移距离的示意图；

图7a是本申请实施例提供的一种目标列表视图单元的初始偏移距离的示意图；

图7b是本申请实施例提供的另一种目标列表视图单元的初始偏移距离的示意图；

图8是本申请实施例提供的一种确定滚动视图的目标区域的示意图；

图9a是本申请实施例提供的一种针对列表视图执行第一次滑动操作的示意图；

图9b是本申请实施例提供的一种针对列表视图执行第二次滑动操作的示意图；

图9c是本申请实施例提供的一种针对列表视图执行第三次滑动操作的示意图；

图9d是本申请实施例提供的一种针对列表视图执行第四次滑动操作的示意图；

图10是本申请实施例提供的另一种视图显示方法的流程示意图；

图11是本申请实施例提供的一种执行视图显示方法的流程示意图；

图12是本申请实施例提供的一种视图显示装置的结构示意图；

图13是本申请实施例提供的一种视图显示设备的结构示意图。

具体实施方式

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

本申请实施例提供了一种视图显示方案，可以根据针对列表视图的滑动事件对应的滑动距离以及目标列表视图单元在列表视图的第二区域中的尺寸，确定滚动视图的目标区域，并显示位于滚动视图的目标区域中的内容，以实现对滚动视图的滑动显示，其中，目标列表视图单元为列表视图中包括了滚动视图的列表视图单元，列表视图的第二区域为根据针对列表视图的滑动事件确定出的对列表视图进行滑动显示的区域。

基于上述视图显示方案，本申请实施例提供了一种视图显示系统。参见图1，为本申请实施例提供的一种视图显示系统的结构示意图。图1所示的视图显示系统可以包括视图显示设备101以及服务器102。其中，视图显示设备101可以包括智能手机、平板电脑、笔记本电脑、台式计算机、智能车载以及智能可穿戴设备中的任意一种或多种。服务器102可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(Content Delivery Network，CDN)、以及大数据和人工智能平台等基础云计算服务的云服务器。视图显示设备101以及服务器102之间可以通过有线或无线通信方式进行直接或间接地通信连接，本申请在此不做限制。

在一个实施例中，视图显示设备101在检测到针对列表视图的显示触发事件之后，会向服务器102发送内容数据请求；服务器102接收到内容数据请求之后，会向视图显示设备101发送至少一个内容数据；视图显示设备101接收到服务器102发送的至少一个内容数据之后，可以将该至少一个内容数据以列表视图的形式显示在视图显示设备101的显示屏幕中，其中，内容数据可以为图片、文字、图文等。

在一个实施例中，视图显示设备101可以基于不同的列表视图单元控件对不同的内容数据进行显示，一个内容数据中通过该内容数据对应的列表视图单元控件进行显示的部分为列表视图单元。举例来说，如图2a所示，为本申请实施例提供的一种内容数据与列表视图单元的关系示意图，若视图显示设备101接收到的至少一个内容数据中存在滚动视图，且该滚动视图的尺寸大于列表视图单元控件的尺寸，即该滚动视图完全显示时的尺寸大于列表视图单元控件的尺寸，那么，该滚动视图就会基于列表视图单元控件进行部分显示。假设该滚动视图为图片，若滚动视图完全显示时如201标记所示，则基于该列表视图单元控件对该滚动视图进行显示时所显示的滚动视图中的内容，即为该滚动视图对应的列表视图单元，若该列表视图单元控件的宽度与滚动视图的宽度相同，列表视图单元控件的高度小于滚动视图的高度，则该滚动视图对应的列表视图单元可以如202标记所示。进一步的，可以在列表视图单元控件中嵌入滚动视图控件，并基于滚动视图控件对尺寸大于列表视图单元控件的滚动视图进行滑动显示，以实现基于列表视图单元控件对尺寸大于列表视图单元控件的滚动视图的滑动显示。

在一个实施例中，列表视图包括至少一个列表视图单元，列表视图中的列表视图单元按照一定的顺序进行排列，例如可以按照一定的顺序从上至下进行排列。可选的，列表视图单元的排列顺序可以与视图显示设备101接收到的内容数据的时间的先后顺序相同，可选的，服务器102发送的内容数据中也可以携带指示该内容数据排列顺序的顺序指示信息，则列表视图单元的排列顺序可以由列表视图单元对应的内容数据的顺序指示信息确定。如图2b所示，为本申请实施例提供的一种列表视图完全显示时的示意图，若视图显示设备101接收到的8个内容数据，按内容数据的排列顺序依次为内容数据1、内容数据2、内容数据3、内容数据4、内容数据5、内容数据6、内容数据7以及内容数据8；该8个内容数据对应的列表视图单元分别为列表视图单元1、列表视图单元2、列表视图单元3、列表视图单元4、列表视图单元5、列表视图单元6、列表视图单元7以及列表视图单元8，则列表视图可以如211标记所示。

进一步的，视图显示设备101可以基于列表视图控件对列表视图进行显示，进一步的，可以通过设置列表视图的内边距确定列表视图在列表视图控件中的可显示区域，其中，列表视图的内边距指示列表视图在列表视图控件中的可显示区域的顶部与列表视图控件的顶部之间的距离，其中，列表视图控件的尺寸以及列表视图的内边距可以根据不同的需求进行设定。在一个应用场景中，若显示列表视图的页面中包括顶导航栏以及底导航栏，则可以设置列表视图控件的高度为视图显示设备101的显示屏幕的屏幕高度减去顶导航栏的高度和底导航栏的高度，设置列表视图控件的宽度为显示屏幕的宽度，并将列表视图的内边距设置为0，并在与显示屏幕的顶部相距顶导航栏高度的位置处开始基于列表视图控件对列表视图进行显示，则列表视图在显示屏幕中的可显示区域可以如图2c中221标记所示，其中图2c为本申请实施例提供的一种显示屏幕中的可显示区域的示意图，顶导航栏可以如222标记所示，底导航栏可以如223标记所示。可选的，也可以将列表视图控件的高度设置为视图显示设备101的显示屏幕的屏幕高度减去底导航栏的高度，并将列表视图的内边距设置为顶导航栏的高度，并从显示屏幕的顶部位置处开始基于列表视图控件对列表视图进行显示，也可以使得列表视图在显示屏幕中的显示区域与图2c中如221标记所示的区域相同。

举例来说，如图2d所示，为本申请实施例提供的一种基于列表视图控件中的可显示区域显示列表视图的示意图，假设列表视图完全显示时如231标记所示，该列表视图包括列表视图单元1、列表视图单元2、列表视图单元3、列表视图单元4、列表视图单元5、列表视图单元6、列表视图单元7以及列表视图单元8，则列表视图基于列表视图控件中的可显示区域显示列表视图时所显示的列表视图的内容可以如232标记所示，如233标记所示的列表视图的内容并未显示。

基于上述视图显示方案以及视图显示系统，本申请实施例提供了一种视图显示方法。参见图3，为本申请实施例提供的一种视图显示方法的流程示意图。图3所示的视图显示方法可由视图显示设备执行。图3所示的视图显示方法可包括如下步骤：

S301，在显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元。

其中，列表视图包括至少一个列表视图单元；第一列表视图单元为位于列表视图的第一区域中的列表视图单元；视图显示设备在其显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元，是指在显示屏幕中可显示区域对位于列表视图的第一区域中的第一列表视图单元进行显示，即通过显示屏幕基于列表视图控件中的可显示区域对位于列表视图的第一区域中的第一列表视图单元进行显示；列表视图的第一区域与显示屏幕中可显示区域的目标尺寸匹配，该显示屏幕中可显示区域的目标尺寸与列表视图控件中可显示区域的尺寸相同，列表视图的第一区域为列表视图中与目标尺寸匹配的任一区域。

其中，至少一个列表视图单元中存在包括了滚动视图的目标列表视图单元，滚动视图的尺寸大于目标列表视图单元的尺寸，即滚动视图的尺寸大于目标列表视图单元控件的尺寸。可选的，滚动视图可以为图片、文字或者图文等。

举例来说，如图4所示，为本申请实施例提供的一种显示第一列表视图单元的示意图，假设列表视图包括列表视图单元1、列表视图单元2、列表视图单元3、列表视图单元4、列表视图单元5、列表视图单元6、列表视图单元7以及列表视图单元8，假设每个列表视图单元的尺寸相同，列表视图控件中的可显示区域可以对4个完整的列表视图单元进行显示，即显示屏幕中可显示区域可以对4个完整的列表视图单元进行显示。在一个应用场景中，视图显示设备显示的第一列表视图单元可以如401标记所示，为列表视图单元1、列表视图单元2、列表视图单元3以及列表视图单元4，此时显示的第一列表视图单元为列表视图的默认列表显示单元，该默认列表视图单元是指：视图显示设备在检测到针对列表视图的显示触发操作之后，对列表视图进行首次显示时所显示的列表视图单元。在另一个应用场景中，视图显示设备显示的第一列表视图单元也可以为其余的列表视图单元，例如可以如402标记所示，此时第一列表视图单元为列表视图单元3、列表视图单元4、列表视图单元5以及列表视图单元6。

在一个实施例中，包括滚动视图的目标列表视图单元可以为列表视图的第一区域外的区域中所包括的列表视图单元，也可以为列表视图的第一区域中所包括的列表视图单元；当目标列表视图单元不在第一区域内时，视图显示设备在其显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元时，不会对目标列表视图单元进行显示；当目标列表视图单元在第一区域内时，视图显示设备在其显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元时，会对目标列表视图单元进行显示。举例来说，假设视图显示设备显示的第一列表视图单元为列表视图的默认列表视图单元，即为401标记所示时的列表视图单元，包括列表视图单元1、列表视图单元2、列表视图单元3、列表视图单元4；假设目标列表视图单元为列表视图单元7，则此时不会对该目标列表视图单元进行显示；假设目标列表视图单元为列表视图单元3，则此时会对该目标列表视图单元进行显示。

S302，若存在针对列表视图的滑动事件，则根据滑动事件对应的滑动距离以及目标尺寸，确定列表视图的第二区域。

在一个实施例中，若存在针对列表视图的滑动事件，则根据滑动事件对应的滑动距离确定列表视图的绝对偏移距离，然后根据列表视图的绝对偏移距离以及目标尺寸，确定列表视图的第二区域。其中，列表视图的绝对偏移距离与滑动距离呈正相关趋势，列表视图的绝对偏移距离指示列表视图的第二区域与列表视图的第三区域之间的偏移，其中列表视图的第三区域为包括了默认列表视图单元的区域，即视图显示设备在检测到针对列表视图的显示触发操作之后，对列表视图进行首次显示时所显示的列表视图单元对应的区域，此时位于第三区域中的第一个列表视图单元为列表视图中的第一个列表视图单元，此时列表视图的绝对偏移距离为零，具体的，可以用列表视图在可显示区域内实际显示出的内容的顶部在列表视图中所指示的位置，距离列表视图顶部的距离之差来表征列表视图的绝对偏移距离。举例来说，假设列表视图包括列表视图单元1、列表视图单元2、列表视图单元3、列表视图单元4、列表视图单元5、列表视图单元6、列表视图单元7以及列表视图单元8，假设每个列表视图单元的尺寸相同，可显示区域可以对4个完整的列表视图单元进行显示，假如列表视图在可显示区域内实际显示出的内容的顶部刚好为列表视图单元2的顶部，则列表视图的绝对偏移距离为列表视图单元2的顶部位置与列表视图顶部位置的距离之差，具体为列表视图单元1的高度。具体实现中，视图显示设备可以创建处理中心，处理中心可以基于观察者模式中的对象的键值对观察(key-value-observation，KVO)实现针对列表视图的滑动事件的监听，具体可以通过监听滑动事件对应的滑动距离，进而得到列表视图的绝对偏移距离。在获取到列表视图的绝对偏移距离之后，将列表视图中该列表视图的绝对偏移距离指示的位置确定为列表视图的第二区域的边界，将该边界下方与目标尺寸大小相同的区域确定为列表视图的第二区域。举例来说，如图5所示，为本申请实施例提供的一种列表视图滑动显示的示意图，假设视图显示设备在可显示区域显示的第一列表视图单元为列表视图的默认列表视图单元，具体如501标记所示，包括列表视图单元1、列表视图单元2、列表视图单元3以及列表视图单元4，假设每个列表视图单元的尺寸相同。若用户对列表视图执行了滑动操作，向上滑动了三个列表视图单元的高度之和的距离，则列表视图的绝对偏移距离为三个列表视图单元的高度之和的距离，则滑动之后在可显示区域显示进行显示的列表视图单元如502标记所示，包括列表视图单元4、列表视图单元5、列表视图单元6以及列表视图单元7。

S303，根据滑动距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域，并对目标列表视图单元进行调整，得到调整后的目标列表视图单元。

其中，调整后的目标列表视图单元包括位于滚动视图的目标区域中的内容。

在一个实施例中，视图显示设备根据滑动距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域，可以包括：根据滑动距离，确定滚动视图的绝对偏移距离，滚动视图的绝对偏移距离与滑动距离呈正相关趋势；根据滚动视图的绝对偏移距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域。其中，滚动视图的绝对偏移距离指示滚动视图在目标列表视图单元控件中进行显示时，可以显示的内容部分的顶部相较于滚动视图的顶部的距离。举例来说，如图6所示，为本申请实施例提供的一种滚动视图的绝对偏移距离的示意图，若滚动视图完全显示时如601标记所示，若滚动视图在目标列表视图单元控件中进行显示时，可以显示的内容部分如602标记所示，则滚动视图的绝对偏移距离如603标记所示。

在一个实施例中，视图显示设备根据滑动距离，确定滚动视图的绝对偏移距离，可以包括：根据滑动距离，确定列表视图的绝对偏移距离，根据列表视图的绝对偏移距离以及目标列表视图单元的初始偏移距离，确定滚动视图的绝对偏移距离。其中，列表视图的绝对偏移距离与滑动距离呈正相关趋势，目标列表视图单元的初始偏移距离指示目标列表视图单元在列表视图中所处位置相对列表视图的第三区域中任一位置的偏移，其中，位于第三区域中的第一个列表视图单元为列表视图中的第一个列表视图单元，且在显示屏幕中显示位于第三区域中的列表视图单元时列表视图的绝对偏移距离为零。在一个实施例中，目标列表视图的初始偏移距离可以为目标列表视图单元的底部所指示位置到第三区域的底部所指示位置之间的距离，且若目标列表视图单元为第三区域外的区域中所包括的列表视图单元，则目标列表视图的初始偏移距离为正值，若目标列表视图单元为第三区域中所包括的列表视图单元，则目标列表视图的初始偏移距离为负值。具体实现中，可以用目标列表视图单元的底部距离列表视图顶部的距离减去第三区域的高度之后的结果，来表征目标列表视图单元的初始偏移距离。可选的，当列表视图中的列表视图单元的尺寸相同时，目标列表视图单元的初始偏移距离可由以下公式(1)给出：

beginOffset＝index×h-h1 (1)

其中，beginOffset为目标列表视图单元的初始偏移距离，index为目标列表视图单元为在列表视图中的排列顺序，即在列表视图中目标列表视图单元为第几个列表视图单元，h为目标列表视图单元的高度，h1为第三区域的高度。

举例来说，如图7a所示，为本申请实施例提供的一种目标列表视图单元的初始偏移距离的示意图，若列表视图包括列表视图单元1、列表视图单元2、列表视图单元3、列表视图单元4、列表视图单元5、列表视图单元6、列表视图单元7以及列表视图单元8，列表视图的第三区域如701标记所示，假设目标列表视图单元为列表视图单元7，则目标列表视图单元的初始偏移距离如702标记所示，目标列表视图单元的初始偏移距离为列表视图单元5、列表视图单元6以及列表视图单元7的高度之和；若每个列表视图单元的尺寸相同为h，则此时目标列表视图单元的初始偏移距离为3h，具体为7×h-4h。如图7b所示，为本申请实施例提供的另一种目标列表视图单元的初始偏移距离的示意图，若列表视图包括列表视图单元1、列表视图单元2、列表视图单元3、列表视图单元4、列表视图单元5、列表视图单元6、列表视图单元7以及列表视图单元8，列表视图的第三区域如711标记所示，假设目标列表视图单元为列表视图单元3，则目标列表视图单元的初始偏移距离如712标记所示，目标列表视图单元的初始偏移距离为列表视图单元4的高度的相反数，若每个列表视图单元的尺寸相同为h，则此时目标列表视图单元的初始偏移距离为-h，具体为3×h-4h。

在一个实施例中，视图显示设备根据列表视图的绝对偏移距离以及目标列表视图单元的初始偏移距离，确定滚动视图的绝对偏移距离，可以包括：确定列表视图的绝对偏移距离与目标列表视图单元的初始偏移距离之间的距离差值；根据距离差值，确定滚动视图的绝对偏移距离，滚动视图的绝对偏移距离与距离差值呈正相关趋势。

具体实现中，视图显示设备可以预先确定滚动视图的尺寸与目标尺寸的比例关系，然后将距离差值基于比例关系进行映射，得到滚动视图的绝对偏移距离。具体实现中，视图显示设备根据滚动视图的高度以及可显示区域的目标尺寸中的高度，确定滚动视图的尺寸与目标尺寸的比例关系。举例来说，若滚动视图的尺寸与目标尺寸的比例关系为1:1，此时滚动视图的绝对偏移距离与距离差值以1:1进行映射，即滚动视图的绝对偏移距离与距离差值相同；若滚动视图的尺寸与目标尺寸的比例关系为N:1，N为任一大于1的实数，则滚动视图的绝对偏移距离与距离差值以N:1进行映射，即若距离差值为1，则得到的滚动视图的绝对偏移距离为N。其中，基于滚动视图的尺寸与目标尺寸的比例关系对距离差值进行映射可以很好的对尺寸大于可显示区域的目标尺寸的滚动视图进行等比例滑动显示。

在一个实施例中，视图显示设备可以先确定列表视图的绝对偏移距离满足了预设条件之后，再确定滚动视图的绝对偏移距离，即先确定列表视图的绝对偏移距离大于目标列表视图单元的初始偏移距离与目标列表视图单元的高度之差，且列表视图的绝对偏移距离小于或等于目标列表视图单元的初始偏移距离与显示屏幕中可显示区域的高度之和之后，再确定滚动视图的绝对偏移距离。其中，确定列表视图的绝对偏移距离大于目标列表视图单元的初始偏移距离与目标列表视图单元的高度之差，且列表视图的绝对偏移距离小于或等于目标列表视图单元的初始偏移距离与显示屏幕中可显示区域的高度之和，是为了保证目标列表视图单元可以在列表视图控件中进行显示，因为当目标列表视图单元不在列表视图控件中进行显示时对滚动视图的相关操作都是没有必要的，故而可以不执行，所以在此种情况下可以节约计算资源。此种情况下，列表视图的绝对偏移距离的取值范围可由以下公式(2)给出：

beginOffset-h≤tableView.contentOffset.y≤beginOffset+h1 (2)

其中，beginOffset为目标列表视图单元的初始偏移距离，tableView.contentOffset.y为列表视图的绝对偏移距离，h为目标列表视图单元的高度，h1为显示屏幕中可显示区域的高度，因为其与第三区域的高度相同，所以可以用第三区域的高度来表征。

当列表视图中的列表视图单元尺寸相同时，上述公式(2)可以简化为以下公式(3)：

beginOffset-h≤tableView.contentOffset.y≤index×h (3)

其中，index为目标列表视图单元为在列表视图中的排列顺序，即在列表视图中目标列表视图单元为第几个列表视图单元，h为目标列表视图单元的高度。

在一个实施例中，若列表视图的绝对偏移距离大于目标列表视图单元的初始偏移距离与目标列表视图单元的高度之差，且小于或等于目标列表视图的初始偏移距离，则确定滚动视图的绝对偏移距离为零；若列表视图的绝对偏移距离大于目标列表视图单元的初始偏移距离，且小于或等于目标列表视图单元的初始偏移距离与显示屏幕中可显示区域的高度之和，则将距离差值基于比例关系进行映射，得到滚动视图的绝对偏移距离。

进一步的，由于视图显示设备可以在列表视图单元控件中嵌入滚动视图控件，并基于滚动视图控件对滚动视图进行滑动显示；由于列表视图单元控件中提供接口属性offsetY，所以视图显示设备可以先将得到的滚动视图的绝对偏移距离赋值给接口属性offsetY，再将接口属性offsetY赋值给滚动视图控件中用于控制滚动视图的绝对偏移的参数，该用于控制滚动视图的绝对偏移的参数可以为scrollView.contentOffset，然后基于得到滚动视图的绝对偏移距离确定滚动视图的目标区域。

在一个实施例中，视图显示设备根据滚动视图的绝对偏移距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域，可以包括：将滚动视图中滚动视图的绝对偏移距离指示的位置确定为滚动视图的目标区域的第一边界；将滚动视图中滚动视图的绝对偏移距离指示的位置下移目标高度后得到的位置确定为滚动视图的目标区域的第二边界，目标高度为目标列表视图单元在第二区域中的高度；将第二边界和第一边界之间的区域确定为滚动视图的目标区域。

举例来说，如图8所示，为本申请实施例提供的一种确定滚动视图的目标区域的示意图，假设滚动视图的尺寸与可显示区域的尺寸相同，假设目标视图单元的高度为h，假设滚动视图的高度为4h，滚动视图完全显示时如801标记所示；若滚动视图的绝对偏移距离为零，且目标列表视图单元在第二区域中的高度为目标视图单元的高度的一半0.5h，则滚动视图的目标区域如802标记所示；若滚动视图的绝对偏移距离为2*h，且目标列表视图单元在第二区域中的高度为目标列表视图单元的高度h，则滚动视图的目标区域如803标记所示；若滚动视图的绝对偏移距离为3.5*h，且目标列表视图单元在第二区域中的高度为目标视图单元的高度的一半0.5h，则滚动视图的目标区域如804标记所示。

S304，在显示屏幕中显示位于列表视图的第二区域中的第二列表视图单元。

其中，第二列表视图单元为位于列表视图的第二区域中的列表视图单元，第二列表视图单元包括调整后的目标列表视图单元。

举例来说，假设列表视图包括列表视图单元1、列表视图单元2、列表视图单元3、列表视图单元4、列表视图单元5、列表视图单元6、列表视图单元7以及列表视图单元8，其中目标列表视图单元为列表视图单元7，目标列表视图单元的高度为h，假设每个列表视图单元的尺寸相同，可显示区域可以对4个完整的列表视图单元进行显示，列表视图在可显示区域显示的第一列表视图单元为默认列表视图单元，则此时针对列表视图的绝对偏移距离的预设条件为列表视图的绝对偏移距离大于2h，且小于或等于7h。假设滚动视图的尺寸与目标尺寸的比例关系为1:1。若用户对列表视图执行了第一次滑动操作，向上滑动的滑动距离为h时，此时列表视图的绝对偏移距离为h，不满足预设条件，则不对目标列表视图单元进行显示，如图9a所示，为本申请实施例提供的一种针对列表视图执行第一次滑动操作的示意图，第一次滑动操作之前显示的列表视图可以如901标记所示，第一次滑动之后的显示的列表视图如902所示；若用户在第一次滑动操作之后对列表视图执行了第二次滑动操作，向上滑动的滑动距离为1.5*h，此时列表视图的绝对偏移距离2.5h，则目标列表视图单元在第二区域中的高度为0.5*h，则第二次滑动之后的显示的列表视图如903所示，此时滚动视图的绝对偏移距离为0，滚动视图的目标区域具体可以如913所示；若用户在第二次滑动操作之后对列表视图执行了第三次滑动操作，向上滑动的滑动距离为2.5*h，此时列表视图的绝对偏移距离5h，则目标列表视图单元在第二区域中的高度为h，则第三次滑动之后的显示的列表视图如904所示，此时滚动视图的绝对偏移距离为2h，滚动视图的目标区域具体可以如914所示；若用户在第三次滑动操作之后对列表视图执行了第四次滑动操作，向上滑动的滑动距离为1.5*h，此时列表视图的绝对偏移距离6.5h，则目标列表视图单元在第二区域中的高度为0.5h，则第三次滑动之后的显示的列表视图如905所示，此时滚动视图的绝对偏移距离为3.5h，滚动视图的目标区域具体可以如915所示。

本申请实施例中，视图显示设备在其显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元，其中，列表视图包括至少一个列表视图单元，至少一个列表视图单元中存在包括了滚动视图的目标列表视图单元，滚动视图的尺寸大于目标列表视图单元的尺寸，第一区域与显示屏幕中可显示区域的目标尺寸匹配；若存在针对列表视图的滑动事件，则根据滑动事件对应的滑动距离以及目标尺寸，确定列表视图的第二区域；根据滑动距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域，并对目标列表视图单元进行调整，得到调整后的目标列表视图单元，调整后的目标列表视图单元包括位于滚动视图的目标区域中的内容；在显示屏幕中显示位于列表视图的第二区域中的第二列表视图单元，第二列表视图单元包括调整后的目标列表视图单元。当存在针对列表视图的滑动事件时，视图显示设备不但能够根据滑动事件对应的滑动距离以及目标尺寸，确定列表视图的第二区域，并显示位于列表视图的第二区域中的第二列表视图单元，以实现对列表视图的滑动显示；并且还能够根据滑动距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域，并显示位于滚动视图的目标区域中的内容，以实现对滚动视图的滑动显示，即可以根据针对列表视图的滑动事件实现对滚动视图的滑动显示；并且由于滚动视图的尺寸大于目标列表视图单元的尺寸，其表征在滚动视图为长图文的情况下，可以根据针对列表视图的滑动事件实现对长图文的滑动显示，丰富了长图文的显示方式。

基于上述视图显示系统实施例以及视图显示方法实施例，本申请实施例提供了另一种视图显示方法。参见图10，为本申请实施例提供的另一种视图显示方法的流程示意图。图10所示的视图显示方法可由视图显示设备执行。图10所示的视图显示方法可包括如下步骤：

S1001，在显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元。

其中，列表视图包括至少一个列表视图单元，至少一个列表视图单元中存在包括了滚动视图的目标列表视图单元，滚动视图的尺寸大于目标列表视图单元的尺寸，即滚动视图的尺寸大于目标列表视图单元控件的尺寸。可选的，滚动视图可以为图片、文字或者图文等。

S1002，若存在针对列表视图的滑动事件，则根据滑动事件对应的滑动距离，确定列表视图的绝对偏移距离。

S1003，根据列表视图的绝对偏移距离以及目标尺寸，确定列表视图的第二区域。

步骤S1001至步骤S1003所涉及的相关过程已在步骤S301至步骤S302中进行了介绍，在此不再赘述。

S1004，若列表视图的绝对偏移距离不满足预设条件，则在显示屏幕中显示位于列表视图的第二区域中的第二列表视图单元。

其中，预设条件为列表视图的绝对偏移距离大于目标列表视图单元的初始偏移距离与目标列表视图单元的高度之差，且列表视图的绝对偏移距离小于或等于目标列表视图单元的初始偏移距离与显示屏幕中可显示区域的高度之和。

其中，第二列表视图单元为位于列表视图的第二区域中的列表视图单元，第二列表视图单元中不包括目标列表视图单元。

S1005，若列表视图的绝对偏移距离满足预设条件，则根据滑动距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域，并对目标列表视图单元进行调整，得到调整后的目标列表视图单元。

其中，调整后的目标列表视图单元包括位于滚动视图的目标区域中的内容。

在一个实施例中，视图显示设备根据滑动距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域，可以包括：根据滑动距离，确定滚动视图的绝对偏移距离，滚动视图的绝对偏移距离与滑动距离呈正相关趋势；根据滚动视图的绝对偏移距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域。

在一个实施例中，视图显示设备根据滑动距离，确定滚动视图的绝对偏移距离，可以包括：根据滑动距离，确定列表视图的绝对偏移距离，根据列表视图的绝对偏移距离以及目标列表视图单元的初始偏移距离，确定滚动视图的绝对偏移距离。

在一个实施例中，视图显示设备根据滑动距离，确定滚动视图的绝对偏移距离，还可以包括：根据滑动距离，确定列表视图的相对偏移距离，列表视图的相对偏移距离与滑动距离呈正相关趋势；根据列表视图的相对偏移距离，确定滚动视图的相对偏移距离，滚动视图的相对偏移距离与列表视图的相对偏移距离呈正相关趋势；根据滚动视图的相对偏移距离以及滚动视图的当前偏移距离，确定滚动视图的绝对偏移距离。其中，滚动视图的当前偏移距离指示在显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元时滚动视图的绝对偏移距离，列表视图的相对偏移距离指示列表视图的第二区域与列表视图的第一区域之间的偏移，可以用第二区域的顶端与第一区域的顶端的距离之差来表征列表视图的相对偏移距离。

具体实现中，视图显示设备可以通过处理中心，基于观察者模式中的对象的键值对观察实现针对列表视图的滑动事件的监听，具体可以通过监听滑动事件对应的滑动距离，进而得到列表视图的相对偏移距离。

进一步的，若列表视图的绝对偏移距离大于目标列表视图单元的初始偏移距离与目标列表视图单元的高度之差，且小于或等于目标列表视图的初始偏移距离，则确定滚动视图的绝对偏移距离为零；若列表视图的绝对偏移距离大于目标列表视图单元的初始偏移距离，且小于或等于目标列表视图单元的初始偏移距离与显示屏幕中可显示区域的高度之和，则根据列表视图的相对偏移距离，确定滚动视图的相对偏移距离，然后再根据滚动视图的相对偏移距离以及滚动视图的当前偏移距离，确定滚动视图的绝对偏移距离，其中，滚动视图的绝对偏移距离为滚动视图的相对偏移距离与滚动视图的当前偏移距离之和。

具体实现中，视图显示设备根据列表视图的相对偏移距离，确定滚动视图的相对偏移距离，可以包括：将列表视图的相对偏移距离基于比例关系进行映射，得到滚动视图的相对偏移距离，其中，该比例关系为滚动视图的尺寸与目标尺寸的比例关系，具体可以为：滚动视图的高度与可显示区域的目标尺寸中的高度之间的比例关系。举例来说，若滚动视图的尺寸与目标尺寸的比例关系为1:1，此时滚动视图的相对偏移距离与列表视图的相对偏移距离以1:1进行映射，即滚动视图的相对偏移距离与列表视图的相对偏移距离相同；若滚动视图的尺寸与目标尺寸的比例关系为N:1，N为任一大于1的实数，则滚动视图的相对偏移距离与列表视图的相对偏移距离以N:1进行映射，即若列表视图的相对偏移距离为1，则得到的滚动视图的相对偏移距离为N。其中，基于滚动视图的尺寸与目标尺寸的比例关系对列表视图的相对偏移距离进行映射可以很好的对尺寸大于可显示区域的目标尺寸的滚动视图进行等比例滑动显示。

S1006，在显示屏幕中显示位于列表视图的第二区域中的第二列表视图单元。

其中，第二列表视图单元为位于列表视图的第二区域中的列表视图单元，第二列表视图单元包括调整后的目标列表视图单元。

本申请实施例中，视图显示设备在其显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元，其中，列表视图包括至少一个列表视图单元，至少一个列表视图单元中存在包括了滚动视图的目标列表视图单元，滚动视图的尺寸大于目标列表视图单元的尺寸，第一区域与显示屏幕中可显示区域的目标尺寸匹配；若存在针对列表视图的滑动事件，则根据滑动事件对应的滑动距离以及目标尺寸，确定列表视图的第二区域；根据滑动距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域，并对目标列表视图单元进行调整，得到调整后的目标列表视图单元，调整后的目标列表视图单元包括位于滚动视图的目标区域中的内容；在显示屏幕中显示位于列表视图的第二区域中的第二列表视图单元，第二列表视图单元包括调整后的目标列表视图单元。当存在针对列表视图的滑动事件时，视图显示设备不但能够根据滑动事件对应的滑动距离以及目标尺寸，确定列表视图的第二区域，并显示位于列表视图的第二区域中的第二列表视图单元，以实现对列表视图的滑动显示；并且还能够根据滑动距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域，并显示位于滚动视图的目标区域中的内容，以实现对滚动视图的滑动显示，即可以根据针对列表视图的滑动事件实现对滚动视图的滑动显示；并且由于滚动视图的尺寸大于目标列表视图单元的尺寸，其表征在滚动视图为长图文的情况下，可以根据针对列表视图的滑动事件实现对长图文的滑动显示，丰富了长图文的显示方式。

在一个实施例中，如图11所示，为本申请实施例提供的一种执行视图显示方法的流程示意图。首先，视图显示设备可以先创建处理中心(UImsgCenter)。视图显示设备可以通过处理中心实现对事件的处理、分发和回调等功能。例如，通过处理中心可以基于观察者模式中的对象的键值对观察实现针对列表视图的滑动事件的监听，并对监听得到的参数数值进行回调，例如可以对监听得到的滚动视图的绝对偏移距离和滚动视图的相对偏移距离进行回调；然后可以对回调得到的参数数值进行分发，例如可以将回调得到的滚动视图的绝对偏移距离分发给列表视图单元控件中的接口属性offsetY，进而实现对滚动视图控件中用于控制滚动视图的绝对偏移的参数进行赋值，进而实现对滚动视图进行滑动显示。具体的，需要将控件对应的代理设置为处理中心，才可以使得处理中心将回调得到的参数分发到该控件中，进而基于得到的参数对控件中的内容进行控制，例如可以基于处理中心分发得到的滚动视图的绝对偏移距离对滚动视图进行控制，即实现滚动视图的滚动显示。

视图显示设备在检测到针对列表视图的显示触发事件之后，会向服务器发送内容数据请求，并初始化列表视图所属页面的页面元素；然后视图显示设备将会根据显示屏幕的尺寸以及列表视图所属页面具有的顶导航栏以及底导航栏尺寸，确定列表视图控件的尺寸以及列表视图在列表视图控件中的可显示区域；然后视图显示设备将获取到的至少一个内容数据进行解析与组装，并按排列顺序组装合成页面所用的元素，使得一个内容数据可以基于一个列表视图单元控件进行承载，以得到列表视图，并设置列表视图单元控件以及列表视图控件对应的代理为处理中心，将列表视图单元控件对应的代理设置为代理中心是因为列表视图控件本身不具有交互的能力，所以将具有交互能力的处理中心设置为其代理，使其具备交互能力，例如可以使其根据针对列表视图的滑动事件对列表视图单元控件中承载的滚动视图进行滑动显示。

其中，若至少一个内容数据中存在滚动视图，则需要对滚动视图控件进行配置，以使滚动视图可以基于滚动视图控件在列表视图单元控件中进行显示，其中，对滚动视图控件的设置主要包括对滚动视图控件尺寸的设置以及对滚动视图控件的容量的尺寸进行设置，设置滚动视图控件的容量的尺寸为滚动视图的尺寸，以使可以通过滚动视图控件对滚动视图进行滑动显示。

视图显示设备基于列表视图控件对列表视图进行显示，显示位于列表视图的第一区域中的第一列表视图单元，此时的第一列表视图单元为默认列表视图单元；若视图显示设备检测到针对列表视图的滑动事件，则根据滑动事件对应的滑动距离以及目标尺寸，确定列表视图的第二区域，并根据滑动事件对应的滑动距离确定列表视图的绝对偏移距离，若列表视图的绝对偏移距离满足预设条件，则基于列表视图的绝对偏移距离确定滚动视图的绝对偏移距离；并将该确定出的滚动视图的绝对偏移距离赋值给承载滚动视图的列表视图单元控件中提供的接口属性offsetY，基于滚动视图的绝对偏移距离改变用于控制滚动视图的绝对偏移的参数，使得可以根据该确定出的滚动视图的绝对偏移距离确定滚动视图的目标区域；最后对位于列表视图的第二区域中的第二列表视图单元进行显示以及对滚动视图的目标区域的内容进行显示。

基于上述系统及方法实施例，本申请实施例提供了一种视图显示装置。参见图12，为本申请实施例提供的一种视图显示装置的结构示意图，该视图显示装置可包括显示单元1201以及处理单元1202。图12所示的视图显示装置可运行如下单元：

显示单元1201，用于在显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元，其中，所述列表视图包括至少一个列表视图单元，所述至少一个列表视图单元中存在包括了滚动视图的目标列表视图单元，所述滚动视图的尺寸大于所述目标列表视图单元的尺寸，所述第一区域与所述显示屏幕中可显示区域的目标尺寸匹配；

处理单元1202，用于若存在针对所述列表视图的滑动事件，则根据所述滑动事件对应的滑动距离以及所述目标尺寸，确定所述列表视图的第二区域；

所述处理单元1202，还用于根据所述滑动距离以及所述目标列表视图单元在所述第二区域中的尺寸，确定所述滚动视图的目标区域，并对所述目标列表视图单元进行调整，得到调整后的目标列表视图单元，所述调整后的目标列表视图单元包括位于所述滚动视图的目标区域中的内容；

所述显示单元1201，还用于在所述显示屏幕中显示位于所述列表视图的第二区域中的第二列表视图单元，所述第二列表视图单元包括所述调整后的目标列表视图单元。

在一个实施例中，所述处理单元1202根据所述滑动距离以及所述目标列表视图单元在所述第二区域中的尺寸，确定所述滚动视图的目标区域时，具体执行如下操作：

根据所述滑动距离，确定所述滚动视图的绝对偏移距离，所述滚动视图的绝对偏移距离与所述滑动距离呈正相关趋势；

根据所述滚动视图的绝对偏移距离以及所述目标列表视图单元在所述第二区域中的尺寸，确定所述滚动视图的目标区域。

在一个实施例中，所述处理单元1202根据所述滑动距离，确定所述滚动视图的绝对偏移距离时，具体执行如下操作：

根据所述滑动距离，确定所述列表视图的绝对偏移距离，所述列表视图的绝对偏移距离与所述滑动距离呈正相关趋势；

根据所述列表视图的绝对偏移距离以及所述目标列表视图单元的初始偏移距离，确定所述滚动视图的绝对偏移距离，所述目标列表视图单元的初始偏移距离指示所述目标列表视图单元在所述列表视图中所处位置相对所述列表视图的第三区域中任一位置的偏移，其中，位于所述第三区域中的第一个列表视图单元为所述列表视图中的第一个列表视图单元，且在所述显示屏幕中显示位于所述第三区域中的列表视图单元时所述列表视图的绝对偏移距离为零。

在一个实施例中，所述处理单元1202根据所述列表视图的绝对偏移距离以及所述目标列表视图单元的初始偏移距离，确定所述滚动视图的绝对偏移距离时，具体执行如下操作：

确定所述列表视图的绝对偏移距离与所述目标列表视图单元的初始偏移距离之间的距离差值；

根据所述距离差值，确定所述滚动视图的绝对偏移距离，所述滚动视图的绝对偏移距离与所述距离差值呈正相关趋势。

在一个实施例中，所述处理单元1202根据所述距离差值，确定所述滚动视图的绝对偏移距离之前，还用于：

确定所述滚动视图的尺寸与所述目标尺寸的比例关系；

所述处理单元1202根据所述距离差值，确定所述滚动视图的绝对偏移距离时，具体执行如下操作：

将所述距离差值基于所述比例关系进行映射，得到所述滚动视图的绝对偏移距离。

在一个实施例中，所述处理单元1202确定所述列表视图的绝对偏移距离与所述目标列表视图单元的初始偏移距离之间的距离差值之前，还用于：

确定所述列表视图的绝对偏移距离大于所述目标列表视图单元的初始偏移距离与所述目标列表视图单元的高度之差，且所述列表视图的绝对偏移距离小于或等于所述目标列表视图单元的初始偏移距离与所述显示屏幕中可显示区域的高度之和。

在一个实施例中，所述处理单元1202根据所述滑动距离，确定所述滚动视图的绝对偏移距离时，具体执行如下操作：

根据所述滑动距离，确定所述列表视图的相对偏移距离，所述列表视图的相对偏移距离与所述滑动距离呈正相关趋势；

根据所述列表视图的相对偏移距离，确定所述滚动视图的相对偏移距离，所述滚动视图的相对偏移距离与所述列表视图的相对偏移距离呈正相关趋势；

根据所述滚动视图的相对偏移距离以及所述滚动视图的当前偏移距离，确定所述滚动视图的绝对偏移距离，所述滚动视图的当前偏移距离指示在所述显示屏幕中显示位于所述列表视图的第一区域中的第一列表视图单元时所述滚动视图的绝对偏移距离。

在一个实施例中，所述处理单元1202根据所述滚动视图的绝对偏移距离以及所述目标列表视图单元在所述第二区域中的尺寸，确定所述滚动视图的目标区域时，具体执行如下操作：

将所述滚动视图中所述滚动视图的绝对偏移距离指示的位置确定为所述滚动视图的目标区域的第一边界；

将所述滚动视图中所述滚动视图的绝对偏移距离指示的位置下移目标高度后得到的位置确定为所述滚动视图的目标区域的第二边界，所述目标高度为所述目标列表视图单元在所述第二区域中的高度；

将所述第二边界和所述第一边界之间的区域确定为所述滚动视图的目标区域。

根据本申请的一个实施例，图3以及图10所示的视图显示方法所涉及各个步骤可以是由图12所示的视图显示装置中的各个单元来执行的。例如，图3所示的步骤S301以及步骤S304可由图12所示的视图显示装置中的显示单元1201来执行，图3所示的步骤S302以及步骤S303可由图12所示的视图显示装置中的处理单元1202来执行。再如，图10所示的步骤S1001、步骤S1004以及步骤S1006可由图12所示的视图显示装置中的显示单元1201来执行，图10所示的步骤S1002、步骤S1003以及步骤S1005可由图12所示的视图显示装置中的处理单元1202来执行。

根据本申请的另一个实施例，图12所示的视图显示装置中的各个单元可以分别或全部合并为一个或若干个另外的单元来构成，或者其中的某个(些)单元还可以再拆分为功能上更小的多个单元来构成，这可以实现同样的操作，而不影响本申请的实施例的技术效果的实现。上述单元是基于逻辑功能划分的，在实际应用中，一个单元的功能也可以由多个单元来实现，或者多个单元的功能由一个单元实现。在本申请的其它实施例中，基于逻辑功能划分的视图显示装置也可以包括其它单元，在实际应用中，这些功能也可以由其它单元协助实现，并且可以由多个单元协作实现。

根据本申请的另一个实施例，可以通过在包括中央处理单元(CPU)、随机存取存储介质(RAM)、只读存储介质(ROM)等处理元件和存储元件的例如计算机的通用计算设备上运行能够执行如图3以及图10所示的相应方法所涉及的各步骤的计算机程序(包括程序代码)，来构造如图12中所示的视图显示装置，以及来实现本申请实施例视图显示方法。所述计算机程序可以记载于例如计算机可读存储介质上，并通过计算机可读存储介质装载于上述计算设备中，并在其中运行。

本申请实施例中，基于显示单元1201在显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元，其中，列表视图包括至少一个列表视图单元，至少一个列表视图单元中存在包括了滚动视图的目标列表视图单元，滚动视图的尺寸大于目标列表视图单元的尺寸，第一区域与显示屏幕中可显示区域的目标尺寸匹配；若存在针对列表视图的滑动事件，则处理单元1202根据滑动事件对应的滑动距离以及目标尺寸，确定列表视图的第二区域；根据滑动距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域，并对目标列表视图单元进行调整，得到调整后的目标列表视图单元，调整后的目标列表视图单元包括位于滚动视图的目标区域中的内容；然后基于显示单元1201在显示屏幕中显示位于列表视图的第二区域中的第二列表视图单元，第二列表视图单元包括调整后的目标列表视图单元。当存在针对列表视图的滑动事件时，不但能够根据滑动事件对应的滑动距离以及目标尺寸，确定列表视图的第二区域，并显示位于列表视图的第二区域中的第二列表视图单元，以实现对列表视图的滑动显示；并且还能够根据滑动距离以及目标列表视图单元在第二区域中的尺寸，确定滚动视图的目标区域，并显示位于滚动视图的目标区域中的内容，以实现对滚动视图的滑动显示，即可以根据针对列表视图的滑动事件实现对滚动视图的滑动显示；并且由于滚动视图的尺寸大于目标列表视图单元的尺寸，其表征在滚动视图为长图文的情况下，可以根据针对列表视图的滑动事件实现对长图文的滑动显示，丰富了长图文的显示方式。

基于上述的方法实施例以及装置实施例，本申请还提供了一种视图显示设备。参见图13，为本申请实施例提供的一种视图显示设备的结构示意图。图13所示的视图显示设备可至少包括处理器1301、输入接口1302、输出接口1303以及计算机存储介质1304。其中，处理器1301、输入接口1302、输出接口1303以及计算机存储介质1304可通过总线或其他方式连接。

计算机存储介质1304可以存储在视图显示设备的存储器中，计算机存储介质1304用于存储计算机程序，计算机程序包括程序指令，处理器1301用于执行计算机存储介质1304存储的程序指令。处理器1301(或称CPU(Central Processing Unit，中央处理器))是视图显示设备的计算核心以及控制核心，其适于实现一条或多条指令，具体适于加载并执行一条或多条指令从而实现上述视图显示方法流程或相应功能。

本申请实施例还提供了一种计算机存储介质(Memory)，计算机存储介质是视图显示设备中的记忆设备，用于存放程序和数据。可以理解的是，此处的计算机存储介质既可以包括终端中的内置存储介质，当然也可以包括终端所支持的扩展存储介质。计算机存储介质提供存储空间，该存储空间存储了终端的操作系统。并且，在该存储空间中还存放了适于被处理器1301加载并执行的一条或多条的指令，这些指令可以是一个或一个以上的计算机程序(包括程序代码)。需要说明的是，此处的计算机存储介质可以是高速随机存取存储器(random access memory，RAM)存储器，也可以是非不稳定的存储器(non-volatilememory)，例如至少一个磁盘存储器；可选的还可以是至少一个位于远离前述处理器的计算机存储介质。

在一个实施例中，可由处理器1301以及输出接口1303加载并执行计算机存储介质中存放的一条或多条指令，以实现上述有关图3以及图10的视图显示方法实施例中的方法的相应步骤，具体实现中，计算机存储介质中的一条或多条指令由处理器1301以及输出接口1303加载并执行如下步骤：

输出接口1303，用于在显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元，其中，所述列表视图包括至少一个列表视图单元，所述至少一个列表视图单元中存在包括了滚动视图的目标列表视图单元，所述滚动视图的尺寸大于所述目标列表视图单元的尺寸，所述第一区域与所述显示屏幕中可显示区域的目标尺寸匹配；

处理器1301，用于若存在针对所述列表视图的滑动事件，则根据所述滑动事件对应的滑动距离以及所述目标尺寸，确定所述列表视图的第二区域；

所述处理器1301，还用于根据所述滑动距离以及所述目标列表视图单元在所述第二区域中的尺寸，确定所述滚动视图的目标区域，并对所述目标列表视图单元进行调整，得到调整后的目标列表视图单元，所述调整后的目标列表视图单元包括位于所述滚动视图的目标区域中的内容；

所述输出接口1303，还用于在所述显示屏幕中显示位于所述列表视图的第二区域中的第二列表视图单元，所述第二列表视图单元包括所述调整后的目标列表视图单元。

在一个实施例中，所述处理器1301根据所述滑动距离以及所述目标列表视图单元在所述第二区域中的尺寸，确定所述滚动视图的目标区域时，具体执行如下操作：

根据所述滑动距离，确定所述滚动视图的绝对偏移距离，所述滚动视图的绝对偏移距离与所述滑动距离呈正相关趋势；

根据所述滚动视图的绝对偏移距离以及所述目标列表视图单元在所述第二区域中的尺寸，确定所述滚动视图的目标区域。

在一个实施例中，所述处理器1301根据所述滑动距离，确定所述滚动视图的绝对偏移距离时，具体执行如下操作：

根据所述滑动距离，确定所述列表视图的绝对偏移距离，所述列表视图的绝对偏移距离与所述滑动距离呈正相关趋势；

根据所述列表视图的绝对偏移距离以及所述目标列表视图单元的初始偏移距离，确定所述滚动视图的绝对偏移距离，所述目标列表视图单元的初始偏移距离指示所述目标列表视图单元在所述列表视图中所处位置相对所述列表视图的第三区域中任一位置的偏移，其中，位于所述第三区域中的第一个列表视图单元为所述列表视图中的第一个列表视图单元，且在所述显示屏幕中显示位于所述第三区域中的列表视图单元时所述列表视图的绝对偏移距离为零。

在一个实施例中，所述处理器1301根据所述列表视图的绝对偏移距离以及所述目标列表视图单元的初始偏移距离，确定所述滚动视图的绝对偏移距离时，具体执行如下操作：

确定所述列表视图的绝对偏移距离与所述目标列表视图单元的初始偏移距离之间的距离差值；

根据所述距离差值，确定所述滚动视图的绝对偏移距离，所述滚动视图的绝对偏移距离与所述距离差值呈正相关趋势。

在一个实施例中，所述处理器1301根据所述距离差值，确定所述滚动视图的绝对偏移距离之前，还用于：

确定所述滚动视图的尺寸与所述目标尺寸的比例关系；

所述处理器1301根据所述距离差值，确定所述滚动视图的绝对偏移距离时，具体执行如下操作：

将所述距离差值基于所述比例关系进行映射，得到所述滚动视图的绝对偏移距离。

在一个实施例中，所述处理器1301确定所述列表视图的绝对偏移距离与所述目标列表视图单元的初始偏移距离之间的距离差值之前，还用于：

确定所述列表视图的绝对偏移距离大于所述目标列表视图单元的初始偏移距离与所述目标列表视图单元的高度之差，且所述列表视图的绝对偏移距离小于或等于所述目标列表视图单元的初始偏移距离与所述显示屏幕中可显示区域的高度之和。

在一个实施例中，所述处理器1301根据所述滑动距离，确定所述滚动视图的绝对偏移距离时，具体执行如下操作：

根据所述滑动距离，确定所述列表视图的相对偏移距离，所述列表视图的相对偏移距离与所述滑动距离呈正相关趋势；

根据所述列表视图的相对偏移距离，确定所述滚动视图的相对偏移距离，所述滚动视图的相对偏移距离与所述列表视图的相对偏移距离呈正相关趋势；

根据所述滚动视图的相对偏移距离以及所述滚动视图的当前偏移距离，确定所述滚动视图的绝对偏移距离，所述滚动视图的当前偏移距离指示在所述显示屏幕中显示位于所述列表视图的第一区域中的第一列表视图单元时所述滚动视图的绝对偏移距离。

在一个实施例中，所述处理器1301根据所述滚动视图的绝对偏移距离以及所述目标列表视图单元在所述第二区域中的尺寸，确定所述滚动视图的目标区域时，具体执行如下操作：

将所述滚动视图中所述滚动视图的绝对偏移距离指示的位置确定为所述滚动视图的目标区域的第一边界；

将所述滚动视图中所述滚动视图的绝对偏移距离指示的位置下移目标高度后得到的位置确定为所述滚动视图的目标区域的第二边界，所述目标高度为所述目标列表视图单元在所述第二区域中的高度；

将所述第二边界和所述第一边界之间的区域确定为所述滚动视图的目标区域。

本申请实施例提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。视图显示设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该视图显示设备执行上述如图3或图10所示的方法实施例。其中，计算机可读存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存储记忆体(Random AccessMemory，RAM)等。

以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。

Claims (10)

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

在显示屏幕中显示位于列表视图的第一区域中的第一列表视图单元，其中，所述列表视图包括至少一个列表视图单元，所述至少一个列表视图单元中存在包括了滚动视图的目标列表视图单元，所述滚动视图的尺寸大于所述目标列表视图单元的尺寸，所述第一区域与所述显示屏幕中可显示区域的目标尺寸匹配；

若存在针对所述列表视图的滑动事件，则根据所述滑动事件对应的滑动距离以及所述目标尺寸，确定所述列表视图的第二区域；

根据所述滑动距离以及所述目标列表视图单元在所述第二区域中的尺寸，确定所述滚动视图的目标区域，并对所述目标列表视图单元进行调整，得到调整后的目标列表视图单元，所述调整后的目标列表视图单元包括位于所述滚动视图的目标区域中的内容；

在所述显示屏幕中显示位于所述列表视图的第二区域中的第二列表视图单元，所述第二列表视图单元包括所述调整后的目标列表视图单元。

2.如权利要求1所述的方法，其特征在于，所述根据所述滑动距离以及所述目标列表视图单元在所述第二区域中的尺寸，确定所述滚动视图的目标区域，包括：

根据所述滑动距离，确定所述滚动视图的绝对偏移距离，所述滚动视图的绝对偏移距离与所述滑动距离呈正相关趋势；

根据所述滚动视图的绝对偏移距离以及所述目标列表视图单元在所述第二区域中的尺寸，确定所述滚动视图的目标区域。

3.如权利要求2所述的方法，其特征在于，所述根据所述滑动距离，确定所述滚动视图的绝对偏移距离，包括：

根据所述滑动距离，确定所述列表视图的绝对偏移距离，所述列表视图的绝对偏移距离与所述滑动距离呈正相关趋势；

根据所述列表视图的绝对偏移距离以及所述目标列表视图单元的初始偏移距离，确定所述滚动视图的绝对偏移距离，所述目标列表视图单元的初始偏移距离指示所述目标列表视图单元在所述列表视图中所处位置相对所述列表视图的第三区域中任一位置的偏移，其中，位于所述第三区域中的第一个列表视图单元为所述列表视图中的第一个列表视图单元，且在所述显示屏幕中显示位于所述第三区域中的列表视图单元时所述列表视图的绝对偏移距离为零。

4.如权利要求3所述的方法，其特征在于，所述根据所述列表视图的绝对偏移距离以及所述目标列表视图单元的初始偏移距离，确定所述滚动视图的绝对偏移距离，包括：

确定所述列表视图的绝对偏移距离与所述目标列表视图单元的初始偏移距离之间的距离差值；

根据所述距离差值，确定所述滚动视图的绝对偏移距离，所述滚动视图的绝对偏移距离与所述距离差值呈正相关趋势。

5.如权利要求4所述的方法，其特征在于，所述根据所述距离差值，确定所述滚动视图的绝对偏移距离之前，还包括：

确定所述滚动视图的尺寸与所述目标尺寸的比例关系；

所述根据所述距离差值，确定所述滚动视图的绝对偏移距离，包括：

将所述距离差值基于所述比例关系进行映射，得到所述滚动视图的绝对偏移距离。

6.如权利要求4或5所述的方法，其特征在于，所述确定所述列表视图的绝对偏移距离与所述目标列表视图单元的初始偏移距离之间的距离差值之前，还包括：

确定所述列表视图的绝对偏移距离大于所述目标列表视图单元的初始偏移距离与所述目标列表视图单元的高度之差，且所述列表视图的绝对偏移距离小于或等于所述目标列表视图单元的初始偏移距离与所述显示屏幕中可显示区域的高度之和。

7.如权利要求2所述的方法，其特征在于，所述根据所述滑动距离，确定所述滚动视图的绝对偏移距离，包括：

根据所述滑动距离，确定所述列表视图的相对偏移距离，所述列表视图的相对偏移距离与所述滑动距离呈正相关趋势；

根据所述列表视图的相对偏移距离，确定所述滚动视图的相对偏移距离，所述滚动视图的相对偏移距离与所述列表视图的相对偏移距离呈正相关趋势；

根据所述滚动视图的相对偏移距离以及所述滚动视图的当前偏移距离，确定所述滚动视图的绝对偏移距离，所述滚动视图的当前偏移距离指示在所述显示屏幕中显示位于所述列表视图的第一区域中的第一列表视图单元时所述滚动视图的绝对偏移距离。

8.如权利要求2所述的方法，其特征在于，所述根据所述滚动视图的绝对偏移距离以及所述目标列表视图单元在所述第二区域中的尺寸，确定所述滚动视图的目标区域，包括：

将所述滚动视图中所述滚动视图的绝对偏移距离指示的位置确定为所述滚动视图的目标区域的第一边界；

将所述滚动视图中所述滚动视图的绝对偏移距离指示的位置下移目标高度后得到的位置确定为所述滚动视图的目标区域的第二边界，所述目标高度为所述目标列表视图单元在所述第二区域中的高度；

将所述第二边界和所述第一边界之间的区域确定为所述滚动视图的目标区域。

9.一种视图显示装置，其特征在于，所述视图显示装置包括显示单元和处理单元，所述显示单元以及所述处理单元用于执行如权利要求1-8任一项所述的视图显示方法。

10.一种计算机存储介质，其特征在于，所述计算机存储介质中存储有计算机程序指令，所述计算机程序指令被处理器执行时，用于执行如权利要求1-8任一项所述的视图显示方法。

Images