CN104391851A

CN104391851A - 一种基于手机的上滑、下滑实现数据详情浏览的方法

Info

Publication number: CN104391851A
Application number: CN201410422452.9A
Authority: CN
Inventors: 张鑫
Original assignee: Che Zhi Interconnect (beijing) Technology Co Ltd
Current assignee: Che Zhi Interconnect (beijing) Technology Co Ltd
Priority date: 2014-08-25
Filing date: 2014-08-25
Publication date: 2015-03-04

Abstract

本发明公开了一种基于手机的上滑、下滑实现数据详情浏览的方法，涉及手机移动阅读领域。该方法包括：S1，从列表页的标题链接到该标题对应的详情页，同时将所述列表页的数据传送至所述详情页；S2，判断所述详情页的滑动视图是否到达端部位置，如果到达所述端部位置，则执行步骤S3；S3，判断滑动手势的滑动距离是否达到预设值，如果达到所述预设值，则执行步骤S4；S4，判断滑动手势是否离开当前所述详情页，如果离开当前所述详情页，则执行步骤S5；S5，清除当前所述详情页的内容，初始化视图，展现所述标题相邻的标题对应的详情页的内容；S6，重复步骤S2-S5。便利了用户操作，同时使用户连续阅读，提高了阅读体验度。

Description

一种基于手机的上滑、下滑实现数据详情浏览的方法

技术领域

本发明涉及手机移动阅读领域，尤其涉及一种基于手机的上滑、下滑实现数据详情浏览的方法。

背景技术

在手机移动领域，由于屏幕显示内容小，因此，为了让读者能在同一页中看到更多的内容，从而更好的吸引用户，对于相同类别的内容，一般采用列表页和详情页的方式向读者展示。列表页中都过列表的方式将所有文章的标题展示给读者，读者要想浏览该文章的详情，需要点击列表中该文章的标题链接，进入详情页面。

当浏览完该文章，想浏览相邻的上一篇文章或下一篇文章的内容时，读者需要从当前的文章详情页面返回到列表页面，再次点击与当前的文章相邻的上一篇文章或下一篇文章的标题链接，才能进入文章的详情页面，进而浏览相邻的上一篇文章或下一篇文章的内容。

因此，在手机移动领域，要查看上一条或下一条信息的详情时，需要多次返回到列表页，需要多次在列表页和详情页之间来回跳转，产生了很多不必要的步骤，给用户的操作带来不便，同时不能使用户进行连续阅读，降低了阅读体验度。

发明内容

本发明的目的在于提供一种基于手机的上滑、下滑实现数据详情浏览的方法，从而解决现有技术中存在的前述问题。

为了实现上述目的，本发明采用的技术方案如下：

一种基于手机的上滑、下滑实现数据详情浏览的方法，包括如下步骤：

S1，从列表页的标题链接到该标题对应的详情页，同时将所述列表页的数据传送至所述详情页；

S2，判断所述详情页的滑动视图是否到达端部位置，如果到达所述端部位置，则执行步骤S3，否则，保持当前所述详情页；

S3，判断滑动手势的滑动距离是否达到预设值，如果达到所述预设值，则执行步骤S4，否则，保持当前所述详情页；

S4，判断滑动手势是否离开当前所述详情页，如果离开当前所述详情页，则执行步骤S5，否则，保持当前所述详情页；

S5，清除当前所述详情页的内容，初始化视图，展现所述标题相邻的标题对应的详情页的内容；

S6，重复步骤S2-S5。

进一步地，步骤S1之后，步骤S2之前，还包括步骤S1’，将与所述标题相邻的标题赋值在所述详情页的可滑动视图的顶端或底端；则步骤S6为重复步骤S1’-S5。

具体地，所述端部位置包括所述详情页的可滑动视图的顶端和底端。

具体地，将在所述列表页中位于当前所述标题之前的标题赋值在所述详情页的可滑动视图的顶端。

具体地，将在所述列表页中位于当前所述标题之后的标题赋值在所述详情页的可滑动视图的底端。

其中，步骤S3中，所述判断滑动手势的滑动距离是否达到预设值，具体为，当所述详情页的可滑动视图到达顶端时，判断下滑手势的滑动距离是否达到预设值；当所述详情页的可滑动视图到达底端时，判断上滑手势的滑动距离是否达到预设值。

具体地，所述预设值为40像素。

具体地，步骤S5中，所述详情页的展现采用动画的方式。

更具体地，所述动画的方式为先加速后减速的平移动画方式。

本发明的有益效果是：通过采用本发明实施例提供的上滑、下滑实现数据详情浏览的方法，可实现在任意的详情页中通过上滑切换到下一条详情页，下滑切换到上一条详情页，不需要返回列表页重新点击相邻的标题链接，即可查看存在于列表页中的相邻两个标题项对应的详情页的目的，给用户带来极大操作便利，同时能够使用户进行连续阅读，提高了阅读体验度。

附图说明

图1是本发明实施例提供的方法流程图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施方式仅仅用以解释本发明，并不用于限定本发明。

如图1所示，一种基于手机的上滑、下滑实现数据详情浏览的方法，包括如下步骤：

S4，判断滑动手势是否松开当前所述详情页，如果松开当前所述详情页，则执行步骤S5，否则，保持当前所述详情页；

S6，重复步骤S2-S5。

其中，步骤S2中，所述端部位置包括所述详情页的可滑动视图的顶端和底端。

步骤S3中，所述判断滑动手势的滑动距离是否达到预设值，具体为，当所述详情页的可滑动视图到达顶端时，判断下滑手势的滑动距离是否达到预设值；当所述详情页的可滑动视图到达底端时，判断上滑手势的滑动距离是否达到预设值。

所述预设值为40像素。

在实际使用过程中，当用户向下滑动当前详情页视图至顶端并且继续下拉页面时，若用户手势继续下滑且下滑手势的滑动距离达到或超过预设值，之后用户手势松开当前详情页时，则清除当前所述详情页的内容，初始化视图，展现所述标题相邻的上一标题对应的详情页的内容；当用户向下滑动当前详情页视图至顶端并且继续下拉页面时，若用户手势继续下滑但下滑手势的滑动距离小于预设值时，return抛出，不作处理，当前视图保持当前所述详情页。

当用户向上滑动当前详情页视图至底端并且继续上拉页面时，若用户手势继续上滑且上滑手势的滑动距离达到或超过预设值，之后用户手势松开当前详情页时，则清除当前所述详情页的内容，初始化视图，展现所述标题相邻的下一标题对应的详情页的内容；当用户向上滑动当前详情页视图至底端并且继续上拉页面时，若用户手势继续上滑但上滑手势的滑动距离小于预设值时，return抛出，不作处理，当前视图保持当前所述详情页。

在现有技术中，读者在列表页中点击感兴趣的标题，则系统会从选中的标题链接到该标题对应的详情页，并在视图中显示该对应的详情页。但是，当前显示的详情页只包含列表页中该被选中的标题对应的内容，而不包含其他的信息。

本发明实施例中，读者在列表页中点击感兴趣的标题，系统从选中的标题链接到该标题对应的详情页，并在视图中显示该对应的详情页的同时，还会将列表页的数据传送至该详情页；并通过上滑或下滑手势，将相邻的标题对应的详情页加载到当前视图中。而不需要返回列表页重新点击相邻的标题链接，即可查看存在于列表页中的相邻两个标题项对应的详情页的目的，给用户带来极大操作便利，同时能够使用户进行连续阅读，提高了阅读体验度。

在本发明的另一个实施例中，为了能够使读者在当前的详情页中看到下一条内容的概述，判断是否继续浏览，从而进行有目的的浏览，不会造成时间的浪费，在步骤S1之后，步骤S2之前，还包括步骤S1’，将与所述标题相邻的标题赋值在所述详情页的可滑动视图的顶端或底端；则步骤S6为重复步骤S1’-S5。从而可以使读者根据在当前详情页中显示的上一条标题或下一条标题，判断是否继续阅读。

另外，为了符合读者的思维习惯和使用的方便，本发明实施例中，将在所述列表页中位于当前所述标题之前的标题赋值在所述详情页的可滑动视图的顶端；将在所述列表页中位于当前所述标题之后的标题赋值在所述详情页的可滑动视图的底端。

则在实际使用过程中，当用户向下滑动当前详情页视图至顶端并且继续下拉页面时，此时滑动视图顶端会呈现出即将展示的与当前内容的标题相邻的上一条内容的标题；当用户向上滑动当前详情页视图至底端并且继续上拉页面时，此时滑动视图底端会呈现出即将展示的与当前内容的标题相邻的下一条内容的标题。

另外，详情页的展现采用动画的方式。如本领域技术人员可以理解的，还可以采用其他方式完成详情页的展现。但是，采用动画的方式展现，详情页进入时会更加自然美观，其视觉效果更好，从而提高了用户的体验度。另外，本发明实施例中，采用先加速后减速的平移动画方式。

通过采用本发明公开的上述技术方案，得到了如下有益的效果：通过采用本发明实施例提供的上滑、下滑实现数据详情浏览的方法，可实现在任意的详情页中通过上滑切换到下一条详情页，下滑切换到上一条详情页，不需要返回列表页重新点击相邻的标题链接，即可查看存在于列表页中的相邻两个标题项对应的详情页的目的，给用户带来极大操作便利，同时能够使用户进行连续阅读，提高了阅读体验度。

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视本发明的保护范围。

Claims

1.一种基于手机的上滑、下滑实现数据详情浏览的方法，其特征在于，包括如下步骤：

S6，重复步骤S2-S5。

2.根据权利要求1所述的方法，其特征在于，步骤S1之后，步骤S2之前，还包括步骤S1’，将与所述标题相邻的标题赋值在所述详情页的可滑动视图的端部位置；则步骤S6为重复步骤S1’-S5。

3.根据权利要求1或2所述的方法，其特征在于，所述端部位置包括所述详情页的可滑动视图的顶端和底端。

4.根据权利要求3所述的方法，其特征在于，将在所述列表页中位于当前所述标题之前的标题赋值在所述详情页的可滑动视图的顶端。

5.根据权利要求3所述的方法，其特征在于，将在所述列表页中位于当前所述标题之后的标题赋值在所述详情页的可滑动视图的底端。

6.根据权利要求1或2所述的方法，其特征在于，步骤S3中，所述判断滑动手势的滑动距离是否达到预设值，具体为，当所述详情页的可滑动视图到达顶端时，判断下滑手势的滑动距离是否达到预设值；当所述详情页的可滑动视图到达底端时，判断上滑手势的滑动距离是否达到预设值。

7.根据权利要求6所述的方法，其特征在于，所述预设值为40像素。

8.根据权利要求1或2所述的方法，其特征在于，步骤S5中，所述详情页的展现采用动画的方式。

9.根据权利要求8所述的方法，其特征在于，所述动画的方式为先加速后减速的平移动画方式。