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

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

Info

Publication number
CN104391851A
CN104391851A CN201410422452.9A CN201410422452A CN104391851A CN 104391851 A CN104391851 A CN 104391851A CN 201410422452 A CN201410422452 A CN 201410422452A CN 104391851 A CN104391851 A CN 104391851A
Authority
CN
China
Prior art keywords
title
details page
page
view
preset value
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201410422452.9A
Other languages
English (en)
Inventor
张鑫
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Che Zhi Interconnect (beijing) Technology Co Ltd
Original Assignee
Che Zhi Interconnect (beijing) Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Che Zhi Interconnect (beijing) Technology Co Ltd filed Critical Che Zhi Interconnect (beijing) Technology Co Ltd
Priority to CN201410422452.9A priority Critical patent/CN104391851A/zh
Publication of CN104391851A publication Critical patent/CN104391851A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

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所示，一种基于手机的上滑、下滑实现数据详情浏览的方法，包括如下步骤：
S1，从列表页的标题链接到该标题对应的详情页，同时将所述列表页的数据传送至所述详情页；
S2，判断所述详情页的滑动视图是否到达端部位置，如果到达所述端部位置，则执行步骤S3，否则，保持当前所述详情页；
S3，判断滑动手势的滑动距离是否达到预设值，如果达到所述预设值，则执行步骤S4，否则，保持当前所述详情页；
S4，判断滑动手势是否松开当前所述详情页，如果松开当前所述详情页，则执行步骤S5，否则，保持当前所述详情页；
S5，清除当前所述详情页的内容，初始化视图，展现所述标题相邻的标题对应的详情页的内容；
S6，重复步骤S2-S5。
其中，步骤S2中，所述端部位置包括所述详情页的可滑动视图的顶端和底端。
步骤S3中，所述判断滑动手势的滑动距离是否达到预设值，具体为，当所述详情页的可滑动视图到达顶端时，判断下滑手势的滑动距离是否达到预设值；当所述详情页的可滑动视图到达底端时，判断上滑手势的滑动距离是否达到预设值。
所述预设值为40像素。
在实际使用过程中，当用户向下滑动当前详情页视图至顶端并且继续下拉页面时，若用户手势继续下滑且下滑手势的滑动距离达到或超过预设值，之后用户手势松开当前详情页时，则清除当前所述详情页的内容，初始化视图，展现所述标题相邻的上一标题对应的详情页的内容；当用户向下滑动当前详情页视图至顶端并且继续下拉页面时，若用户手势继续下滑但下滑手势的滑动距离小于预设值时，return抛出，不作处理，当前视图保持当前所述详情页。
当用户向上滑动当前详情页视图至底端并且继续上拉页面时，若用户手势继续上滑且上滑手势的滑动距离达到或超过预设值，之后用户手势松开当前详情页时，则清除当前所述详情页的内容，初始化视图，展现所述标题相邻的下一标题对应的详情页的内容；当用户向上滑动当前详情页视图至底端并且继续上拉页面时，若用户手势继续上滑但上滑手势的滑动距离小于预设值时，return抛出，不作处理，当前视图保持当前所述详情页。
在现有技术中，读者在列表页中点击感兴趣的标题，则系统会从选中的标题链接到该标题对应的详情页，并在视图中显示该对应的详情页。但是，当前显示的详情页只包含列表页中该被选中的标题对应的内容，而不包含其他的信息。
本发明实施例中，读者在列表页中点击感兴趣的标题，系统从选中的标题链接到该标题对应的详情页，并在视图中显示该对应的详情页的同时，还会将列表页的数据传送至该详情页；并通过上滑或下滑手势，将相邻的标题对应的详情页加载到当前视图中。而不需要返回列表页重新点击相邻的标题链接，即可查看存在于列表页中的相邻两个标题项对应的详情页的目的，给用户带来极大操作便利，同时能够使用户进行连续阅读，提高了阅读体验度。
在本发明的另一个实施例中，为了能够使读者在当前的详情页中看到下一条内容的概述，判断是否继续浏览，从而进行有目的的浏览，不会造成时间的浪费，在步骤S1之后，步骤S2之前，还包括步骤S1’，将与所述标题相邻的标题赋值在所述详情页的可滑动视图的顶端或底端；则步骤S6为重复步骤S1’-S5。从而可以使读者根据在当前详情页中显示的上一条标题或下一条标题，判断是否继续阅读。
另外，为了符合读者的思维习惯和使用的方便，本发明实施例中，将在所述列表页中位于当前所述标题之前的标题赋值在所述详情页的可滑动视图的顶端；将在所述列表页中位于当前所述标题之后的标题赋值在所述详情页的可滑动视图的底端。
则在实际使用过程中，当用户向下滑动当前详情页视图至顶端并且继续下拉页面时，此时滑动视图顶端会呈现出即将展示的与当前内容的标题相邻的上一条内容的标题；当用户向上滑动当前详情页视图至底端并且继续上拉页面时，此时滑动视图底端会呈现出即将展示的与当前内容的标题相邻的下一条内容的标题。
另外，详情页的展现采用动画的方式。如本领域技术人员可以理解的，还可以采用其他方式完成详情页的展现。但是，采用动画的方式展现，详情页进入时会更加自然美观，其视觉效果更好，从而提高了用户的体验度。另外，本发明实施例中，采用先加速后减速的平移动画方式。
通过采用本发明公开的上述技术方案，得到了如下有益的效果：通过采用本发明实施例提供的上滑、下滑实现数据详情浏览的方法，可实现在任意的详情页中通过上滑切换到下一条详情页，下滑切换到上一条详情页，不需要返回列表页重新点击相邻的标题链接，即可查看存在于列表页中的相邻两个标题项对应的详情页的目的，给用户带来极大操作便利，同时能够使用户进行连续阅读，提高了阅读体验度。
以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视本发明的保护范围。

Claims (9)

1.一种基于手机的上滑、下滑实现数据详情浏览的方法，其特征在于，包括如下步骤：
S1，从列表页的标题链接到该标题对应的详情页，同时将所述列表页的数据传送至所述详情页；
S2，判断所述详情页的滑动视图是否到达端部位置，如果到达所述端部位置，则执行步骤S3，否则，保持当前所述详情页；
S3，判断滑动手势的滑动距离是否达到预设值，如果达到所述预设值，则执行步骤S4，否则，保持当前所述详情页；
S4，判断滑动手势是否离开当前所述详情页，如果离开当前所述详情页，则执行步骤S5，否则，保持当前所述详情页；
S5，清除当前所述详情页的内容，初始化视图，展现所述标题相邻的标题对应的详情页的内容；
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所述的方法，其特征在于，所述动画的方式为先加速后减速的平移动画方式。
CN201410422452.9A 2014-08-25 2014-08-25 一种基于手机的上滑、下滑实现数据详情浏览的方法 Pending CN104391851A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410422452.9A CN104391851A (zh) 2014-08-25 2014-08-25 一种基于手机的上滑、下滑实现数据详情浏览的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410422452.9A CN104391851A (zh) 2014-08-25 2014-08-25 一种基于手机的上滑、下滑实现数据详情浏览的方法

Publications (1)

Publication Number Publication Date
CN104391851A true CN104391851A (zh) 2015-03-04

Family

ID=52609755

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410422452.9A Pending CN104391851A (zh) 2014-08-25 2014-08-25 一种基于手机的上滑、下滑实现数据详情浏览的方法

Country Status (1)

Country Link
CN (1) CN104391851A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105224225A (zh) * 2015-09-23 2016-01-06 百度在线网络技术（北京）有限公司 详情页的切换方法及装置
CN108268196A (zh) * 2017-08-29 2018-07-10 广州市动景计算机科技有限公司 连续阅读方法、装置和终端
CN111538453A (zh) * 2020-04-20 2020-08-14 掌阅科技股份有限公司 书籍详情页面的显示方法、终端及计算机存储介质
CN112416216A (zh) * 2020-01-21 2021-02-26 上海哔哩哔哩科技有限公司 作品的显示方法、电子设备和存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103002144A (zh) * 2012-11-27 2013-03-27 魏新成 在手机程序窗口的专用翻页区域拖放手指进行翻页操作
CN103412717A (zh) * 2013-08-06 2013-11-27 厦门美图移动科技有限公司 一种快速定位列表顶端或末端的方法及移动设备
CN103488398A (zh) * 2013-09-16 2014-01-01 深圳市同洲电子股份有限公司 一种页面显示方法、装置和智能终端

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103002144A (zh) * 2012-11-27 2013-03-27 魏新成 在手机程序窗口的专用翻页区域拖放手指进行翻页操作
CN103412717A (zh) * 2013-08-06 2013-11-27 厦门美图移动科技有限公司 一种快速定位列表顶端或末端的方法及移动设备
CN103488398A (zh) * 2013-09-16 2014-01-01 深圳市同洲电子股份有限公司 一种页面显示方法、装置和智能终端

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
手机中国安卓手机应用: ""扎客（ZAKER）v3.3.2"", 《HTTP://APP.CNMO.COM/ANDROID/201650/》 *

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105224225A (zh) * 2015-09-23 2016-01-06 百度在线网络技术（北京）有限公司 详情页的切换方法及装置
CN105224225B (zh) * 2015-09-23 2019-05-03 百度在线网络技术（北京）有限公司 详情页的切换方法及装置
CN108268196A (zh) * 2017-08-29 2018-07-10 广州市动景计算机科技有限公司 连续阅读方法、装置和终端
CN112416216A (zh) * 2020-01-21 2021-02-26 上海哔哩哔哩科技有限公司 作品的显示方法、电子设备和存储介质
CN111538453A (zh) * 2020-04-20 2020-08-14 掌阅科技股份有限公司 书籍详情页面的显示方法、终端及计算机存储介质

Similar Documents

Publication Publication Date Title
CN104391851A (zh) 一种基于手机的上滑、下滑实现数据详情浏览的方法
CN104268221A (zh) 基于Ios系统WebView的翻页方法和翻页系统
CN107066174A (zh) 浮层显示方法、装置及用户终端
CN104216606B (zh) 基于安卓操作系统的WebView翻页特效方法
CN105187564B (zh) 一种手机端文件断点续传的方法
US20160188149A1 (en) Scroll end effects for websites and content
CN103257782B (zh) 一种移动设备的标题栏路径导航方法和系统
CN103019589A (zh) 一种滑动删除列表条目的方法
CN105630289A (zh) 一种图标切换方法以及手持移动终端
CN111142729A (zh) 目标对象推荐方法及装置
CN106155521A (zh) 一种在终端上进行返回操作的方法和装置
CN105022585A (zh) 一种消息显示方法及终端
CN104933074A (zh) 新闻排序方法、装置和终端设备
CN105573635A (zh) 网络信息存储方法及装置
CN109522505A (zh) 信息发布方法、装置、存储介质和电子装置
CN106250038A (zh) 一种人机交互界面的实现方法及移动终端
CN109697281A (zh) 在线合并文档的方法、装置及电子设备
CN106294832A (zh) 浏览器页面缓存处理方法及装置
CN104572981A (zh) 一种网页页面缓存处理方法和移动终端设备
CN106648339B (zh) 一种窗口切换方法及装置
CN105912195B (zh) 一种消息显示方法和装置
CN104462528A (zh) 基于移动终端的网页图片浏览方法及装置
CN106708364A (zh) 一种多媒体文件显示方法和终端设备
CN107608590A (zh) 图片浏览方法和装置
CN103198080B (zh) 首页显示系统及方法

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
WD01 Invention patent application deemed withdrawn after publication
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20150304