CN108803974B - 一种页面处理方法、装置以及相关设备 - Google Patents

一种页面处理方法、装置以及相关设备 Download PDF

Info

Publication number
CN108803974B
CN108803974B CN201810574649.2A CN201810574649A CN108803974B CN 108803974 B CN108803974 B CN 108803974B CN 201810574649 A CN201810574649 A CN 201810574649A CN 108803974 B CN108803974 B CN 108803974B
Authority
CN
China
Prior art keywords
page
scale mark
navigation
title information
target
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.)
Active
Application number
CN201810574649.2A
Other languages
English (en)
Other versions
CN108803974A (zh
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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201810574649.2A priority Critical patent/CN108803974B/zh
Publication of CN108803974A publication Critical patent/CN108803974A/zh
Application granted granted Critical
Publication of CN108803974B publication Critical patent/CN108803974B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Abstract

本发明实施例公开了一种页面处理方法、装置以及相关设备,方法包括:显示页面集合中的目标页面,并在目标页面上显示与页面集合对应的导航刻度栏;页面集合包括多个标题信息以及与标题信息对应的页面位置信息;当接收到与所显示的导航刻度栏对应的刻度标识触发指令时,将刻度标识触发指令所触发的刻度标识作为目标刻度标识;根据目标刻度标识对应的页面位置信息,从目标页面跳转至目标刻度标识对应的标题信息所在的页面,并在跳转后的页面中更新显示导航刻度栏中的目标刻度标识对应的展示方式。采用本发明,可以降低导航页面耗时,提高导航页面的效率,并丰富导航页面的展示方式。

Description

一种页面处理方法、装置以及相关设备
技术领域
本发明涉及计算机技术领域,尤其涉及一种页面处理方法、装置以及相关设备。
背景技术
当用户在网页或者APP(Application,计算机应用程序)中阅读长篇文章或者电子书时,为了快速定位到文章或者电子书中的某一章节,需要从当前阅读的页面退出,回到文章或者电子书的首页,在首页中找到“目录”按钮,并手动点击“目录”按钮,以显示该长篇文章或者电子书的目录菜单导航。在该目录菜单导航中寻找所需求的某个章节,点击该章节对应的章节按钮,屏幕的显示页面就会滚动并定位到上述章节按钮所对应的章节页面。
为了导航文章或者电子书中的任意章节,需要从当前阅读的页面返回到首页,在首页中显示目录导航菜单,并执行页面跳转。整个内容导航过程步骤繁琐,会增加导航文章或者电子书内容的耗时,进而降低导航文章或者电子书内容的效率。而且目前的目录菜单导航的展示方式是始终固定不变的,进而也导致了目录菜单导航的展示方式过于单一。
发明内容
本发明实施例提供一种页面处理方法、装置以及相关设备,可以降低导航页面耗时,提高导航页面的效率,并丰富导航页面的展示方式。
本发明一方面提供了一种页面处理方法,包括:
显示页面集合中的目标页面,并在所述目标页面上显示与所述页面集合对应的导航刻度栏;所述页面集合包括多个标题信息以及与所述标题信息对应的页面位置信息;所述导航刻度栏包括多个用于在屏幕中进行显示的刻度标识,且每个刻度标识对应一个标题信息和一个页面位置信息;
当接收到与所显示的导航刻度栏对应的刻度标识触发指令时,将所述刻度标识触发指令所触发的刻度标识作为目标刻度标识;
根据所述目标刻度标识对应的页面位置信息,从所述目标页面跳转至所述目标刻度标识对应的标题信息所在的页面,并在跳转后的页面中更新显示所述导航刻度栏中的所述目标刻度标识对应的展示方式。
其中,还包括:
获取所述页面集合,根据所述页面集合所包含的标题信息,确定每个标题信息在所述页面集合中的页面位置信息;
根据所述页面集合所包含的标题信息和每个标题信息对应的页面位置信息,构建与所述页面集合对应的导航刻度栏。
其中,所述当接收到与所显示的导航刻度栏对应的刻度标识触发指令时,将所述刻度标识触发指令所触发的刻度标识作为目标刻度标识,包括:
接收屏幕移动指令,若所述屏幕移动指令中的移动方向满足预设方向,且所述屏幕移动指令中的移动距离满足预设距离,则生成标题信息显示指令;
根据所述标题信息显示指令,触发所述导航刻度栏显示与所述每个刻度标识对应的标题信息;
若接收到标题信息点击指令,则将所述标题信息点击指令所点击的标题信息作为选取标题信息,根据所述选取标题信息对应的刻度标识,生成所述与所显示的导航刻度栏对应的刻度标识触发指令;
将所述刻度标识触发指令所触发的刻度标识作为所述目标刻度标识。
其中,在所述生成所述与所显示的导航刻度栏对应的刻度标识触发指令之后,还包括:
对所述导航刻度栏所触发显示的每个刻度标识对应的标题信息进行渐退动画处理,在执行完所述渐退动画处理操作后,触发所述导航刻度栏显示所述导航刻度栏中的刻度标识。
其中,所述当接收到与所显示的导航刻度栏对应的刻度标识触发指令时,将所述刻度标识触发指令所触发的刻度标识作为目标刻度标识,包括:
接收所述导航刻度栏所在区域内的导航刻度栏滑动指令,根据所述导航刻度栏滑动指令确定目标滑动位置;
若所述目标滑动位置包括所述导航刻度栏中的刻度标识,则根据所述目标滑动位置上的刻度标识,生成所述与所显示的导航刻度栏对应的刻度标识触发指令;
将所述刻度标识触发指令所触发的刻度标识作为所述目标刻度标识。
其中,还包括:
当接收到与所显示的导航刻度栏对应的滚动触发指令时,根据所述滚动触发指令所包含的刻度标识滑动距离和刻度标识滑动方向,确定页面滑动距离和页面滑动方向;所述刻度标识滑动距离和所述刻度标识滑动方向是根据刻度标识在所述导航刻度栏中的滑动轨迹所确定的;
按照所述页面滑动距离和所述页面滑动方向,从所述目标页面滚动显示至更新页面,并在页面滚动显示时显示与屏幕中的页面对应的标题信息;所述目标页面和所述更新页面之间的距离等于所述页面滑动距离;所述目标页面至所述更新页面的方向与所述页面滑动方向相同。
其中,所述当接收到与所显示的导航刻度栏对应的滚动触发指令时,根据所述滚动触发指令所包含的刻度标识滑动距离和刻度标识滑动方向,确定页面滑动距离和页面滑动方向,包括:
接收所述导航刻度栏所在区域内的导航刻度栏滑动指令,根据所述导航刻度栏滑动指令,确定在所述导航刻度栏中的刻度标识滑动距离和刻度标识滑动方向;
根据所述刻度标识滑动距离和所述刻度标识滑动方向,生成所述与所显示的导航刻度栏对应的滚动触发指令;
根据所述滚动触发指令所包含的刻度标识滑动距离和刻度标识滑动方向,确定所述页面滑动距离和所述页面滑动方向。
其中,所述根据所述目标刻度标识对应的页面位置信息,从所述目标页面跳转至所述目标刻度标识对应的标题信息所在的页面,包括:
提取与所述目标刻度标识对应的标题信息,作为目标标题信息,提取与所述目标标题信息对应的索引链接;所述索引链接包括所述目标刻度标识对应的页面位置信息;
跳转至所述索引链接所指示的页面;所述索引链接所指示的页面中包括所述目标标题信息。
其中,还包括:
若接收到页面退出请求,则将屏幕中的页面作为历史页面,根据所述历史页面计算滚动距离;所述滚动距离是根据所述历史页面和所述页面集合中的起始页面之间的页面距离,或是根据所述历史页面在所述导航刻度栏中对应的刻度标识与所述导航刻度栏中位于首位的刻度标识之间的刻度标识距离生成的;
当再次访问所述页面集合时,根据所述滚动距离,确定所述历史页面对应的页面位置信息,并根据所述历史页面对应的页面位置信息跳转至所述历史页面,并在所显示的所述历史页面中显示页面恢复提示信息。
其中,还包括:
若接收到页面退出请求,则将屏幕中的页面作为历史页面,提取与所述历史页面对应的标题信息,作为历史标题信息;
当再次访问所述页面集合时,获取所述历史标题信息对应的页面位置信息,根据所述历史标题信息对应的页面位置信息,跳转至所述历史标题信息所在的页面,并在所显示的所述历史标题信息所在的页面中显示页面恢复提示信息。。
本发明另一方面提供了一种页面处理装置,包括:
显示模块,用于显示页面集合中的目标页面,并在所述目标页面上显示与所述页面集合对应的导航刻度栏;所述页面集合包括多个标题信息以及与所述标题信息对应的页面位置信息;所述导航刻度栏包括多个用于在屏幕中进行显示的刻度标识,且每个刻度标识对应一个标题信息和一个页面位置信息;
第一确定模块,用于当接收到与所显示的导航刻度栏对应的刻度标识触发指令时,将所述刻度标识触发指令所触发的刻度标识作为目标刻度标识;
跳转模块,用于根据所述目标刻度标识对应的页面位置信息,从所述目标页面跳转至所述目标刻度标识对应的标题信息所在的页面;
所述显示模块,还用于在跳转后的页面中更新显示所述导航刻度栏中的所述目标刻度标识对应的展示方式。
其中,还包括:
获取模块,用于获取所述页面集合,根据所述页面集合所包含的标题信息,确定每个标题信息在所述页面集合中的页面位置信息;
构建模块,用于根据所述页面集合所包含的标题信息和每个标题信息对应的页面位置信息,构建与所述页面集合对应的导航刻度栏。
其中,所述第一确定模块,包括:
接收单元,用于接收屏幕移动指令,若所述屏幕移动指令中的移动方向满足预设方向,且所述屏幕移动指令中的移动距离满足预设距离,则生成标题信息显示指令;
所述接收单元,还用于根据所述标题信息显示指令,触发所述导航刻度栏显示与所述每个刻度标识对应的标题信息;
第一确定单元,用于若接收到标题信息点击指令,则将所述标题信息点击指令所点击的标题信息作为选取标题信息,根据所述选取标题信息对应的刻度标识,生成所述与所显示的导航刻度栏对应的刻度标识触发指令;
所述第一确定单元,还用于将所述刻度标识触发指令所触发的刻度标识作为所述目标刻度标识。
其中,所述第一确定模块,还包括:
动画处理单元,用于对所述导航刻度栏所触发显示的每个刻度标识对应的标题信息进行渐退动画处理,在执行完所述渐退动画处理操作后,触发所述导航刻度栏显示所述导航刻度栏中的刻度标识。
其中,所述第一确定模块,还包括:
所述接收单元,还用于接收所述导航刻度栏所在区域内的导航刻度栏滑动指令,根据所述导航刻度栏滑动指令确定目标滑动位置;
第一生成单元,用于若所述目标滑动位置包括所述导航刻度栏中的刻度标识,则根据所述目标滑动位置上的刻度标识,生成所述与所显示的导航刻度栏对应的刻度标识触发指令;
所述第一确定单元,还用于将所述刻度标识触发指令所触发的刻度标识作为所述目标刻度标识。
其中,还包括:
第二确定模块,用于当接收到与所显示的导航刻度栏对应的滚动触发指令时,根据所述滚动触发指令所包含的刻度标识滑动距离和刻度标识滑动方向确定页面滑动距离和页面滑动方向;所述刻度标识滑动距离和所述刻度标识滑动方向是根据刻度标识在所述导航刻度栏中的滑动轨迹所确定的;
所述显示模块,还用于按照所述页面滑动距离和所述页面滑动方向,从所述目标页面滚动显示至更新页面,并在页面滚动显示时显示与屏幕中的页面对应的标题信息;所述目标页面和所述更新页面之间的距离等于所述页面滑动距离;所述目标页面至所述更新页面的方向与所述页面滑动方向相同。
其中,所述第二确定模块,包括:
第二确定单元,用于接收所述导航刻度栏所在区域内的导航刻度栏滑动指令,根据所述导航刻度栏滑动指令,确定在所述导航刻度栏中的刻度标识滑动距离和刻度标识滑动方向;
第二生成单元,用于根据所述刻度标识滑动距离和所述刻度标识滑动方向,生成所述与所显示的导航刻度栏对应的滚动触发指令;
所述第二确定单元,还用于根据所述滚动触发指令所包含的刻度标识滑动距离和刻度标识滑动方向,确定所述页面滑动距离和所述页面滑动方向。
其中,所述跳转模块,包括:
提取单元,用于提取与所述目标刻度标识对应的标题信息,作为目标标题信息,提取与所述目标标题信息对应的索引链接;所述索引链接包括所述目标刻度标识对应的页面位置信息;
跳转单元,用于跳转至所述索引链接所指示的页面;所述索引链接所指示的页面中包括所述目标标题信息。
其中,还包括:
计算模块,用于若接收到页面退出请求,则将屏幕中的页面作为历史页面,根据所述历史页面计算滚动距离;所述滚动距离是根据所述历史页面和所述页面集合中的起始页面之间的页面距离,或是根据所述历史页面在所述导航刻度栏中对应的刻度标识与所述导航刻度栏中位于首位的刻度标识之间的刻度标识距离生成的;
所述计算模块,还用于当再次访问所述页面集合时,根据所述滚动距离,确定所述历史页面对应的页面位置信息,并根据所述历史页面对应的页面位置信息跳转至所述历史页面,并在所显示的所述历史页面中显示页面恢复提示信息。
其中,还包括:
提取模块,用于若接收到页面退出请求,则将屏幕中的页面作为历史页面,提取与所述历史页面对应的标题信息,作为历史标题信息;
所述获取模块,还用于当再次访问所述页面集合时,获取所述历史标题信息对应的页面位置信息,根据所述历史标题信息对应的页面位置信息,跳转至所述历史标题信息所在的页面,并在所显示的所述历史标题信息所在的页面中显示页面恢复提示信息。
本发明另一方面提供了一种电子设备,包括:处理器和存储器;
所述处理器和存储器相连,其中,所述存储器用于存储程序代码,所述处理器用于调用所述程序代码,以执行如本发明实施例中一方面中的方法。
本发明另一方面提供了一种计算机存储介质,所述计算机存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时,执行如本发明实施例中一方面中的方法。
本发明实施例通过显示页面集合中的目标页面,并在目标页面上显示与页面集合对应的导航刻度栏;页面集合包括多个标题信息以及与标题信息对应的页面位置信息;导航刻度栏包括多个刻度标识,且每个刻度标识对应一个标题信息和一个页面位置信息;当接收到刻度标识触发指令时,将刻度标识触发指令所触发的刻度标识作为目标刻度标识;从目标页面跳转至目标刻度标识对应的标题信息和页面位置信息所在的页面。上述可知,航刻度栏在目标页面和跳转后的页面中均可以显示,即在任意页面中都可以始终显示导航刻度栏,因此,在用户要进行页面导航时,可以直接对屏幕中的导航刻度栏进行操作以实现页面导航跳转,即无需在每次进行页面导航时都要返回首页,从而可以降低导航页面耗时,提高导航页面的效率。而且发生页面跳转后,可以更新显示导航刻度栏中的目标刻度标识对应的展示方式,因此,在不同的页面中,导航刻度栏的展示方式并不完全相同,从而可以丰富导航页面的展示方式。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1a-图1h是本发明实施例提供的一种页面处理方法的场景示意图;
图2是本发明实施例提供的一种页面处理方法的流程示意图;
图3是本发明实施例提供的另一种页面处理方法的流程示意图;
图4a是本发明实施例提供的另一种页面处理方法的流程示意图;
图4b-图4e是本发明实施例提供的另一种页面处理方法的场景示意图;
图5a是本发明实施例提供的另一种页面处理方法的流程示意图;
图5b-图5e是本发明实施例提供的另一种页面处理方法的场景示意图;
图6是本发明实施例提供的一种页面处理装置的结构示意图;
图7是本发明实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
请参见图1a—图1h,是本发明实施例提供的一种页面处理方法的场景示意图。如图1a所示,屏幕正在显示关于“春节如何预防流感?”的文章页面,由于该文章页面的篇幅较长,需要上下滑动该文章页面,才能完整地阅读文章。为了更方便地导航文章内容,快速定位文章中的任意章节,首先提取该文章页面所包含的标题信息,以及每个标题信息的页面位置信息,根据获取到的标题信息和页面位置信息,构建导航刻度栏10a,其中页面位置信息是对应的页面在整个文章页面中的位置信息。导航刻度栏包含至少一个刻度标识,且所包含的刻度标识的数量和文章页面中所包含的标题信息的数量相等(如图1a中文章页面包含5个标题信息,那么导航刻度栏10a中就包含5个刻度标识),也就是说,导航刻度栏中的每一个刻度标识都对应一个标题信息和一个页面位置信息。需要说明的是,构建导航刻度栏是一个预设操作行为,在屏幕显示文章页面之前,就已经构建完成。当用户访问文章页面时,在屏幕上直接显示该导航刻度栏,而不需要用户手动点击“目录”导航按钮。当然,为了使用户能够感知到当前阅读的进度,可以提取在屏幕中的页面对应的标题信息,将提取出来的标题信息对应的刻度标识用另外一种颜色或者加粗进行显示,以和其余的刻度标识区分。当用户需要阅读其他章节的内容时,如图1b所示,可以在屏幕上执行向右滑动的操作,以生成滑动命令。移动终端接收滑动命令后,若滑动命令中的滑动距离和滑动方向均满足预设的条件时,触发导航刻度栏显示与每个刻度标识对应的标题信息,只有当滑动命令中的滑动距离和滑动方向满足预设的条件时,才显示标题信息是为了避免由于用户的误操作导致显示出标题信息。如图1c所示,触发导航刻度栏显示5个标题信息,分别为:标题信息“1.1、保证充足睡眠”、标题信息1.2、进行适当运动”、标题信息“1.3、注意饮食”、标题信息“1.4、避免与患流感的人群接触”、标题信息“1.5、后记”。如图1d所示,用户在上述5个标题信息中选中标题信息“1.4、避免与患流感的人群接触”,确定与标题信息“1.4、避免与患流感的人群接触”对应的刻度标识,并提取与该刻度标识对应的页面位置信息。如图1e所示,跳转至上述页面位置信息所指示的页面,当然该页面中是包含了标题信息“1.4、避免与患流感的人群接触”的,同样可以将当前屏幕中的页面所对应的刻度标识用另外一种颜色或者加粗进行显示,而其余的刻度标识用同一种颜色或者非加粗进行信息,就是将标题信息“1.4、避免与患流感的人群接触”对应的刻度标识另外一种颜色或者加粗进行显示,以和其余的刻度标识进行区分。
可选的,当用户需要阅读其他章节的内容时,如图1f所示,可以在屏幕的导航刻度栏所在的区域上执行向下滑动的操作或者向上滑动的操作,以生成滑动指令。移动终端接收滑动指令后,根据该滑动指令确定在导航刻度栏中的滑动位置,若滑动位置包括刻度标识,就提取与该刻度标识对应的页面位置信息,并跳转至上述页面位置信息所指示的页面。若用户向下滑动的距离较长,滑过至少两个刻度标识,就会检测到多个刻度标识,每检测到一个刻度标识,就会跳转至刻度标识对应的页面。当然为了显示实时性,用户在执行滑动操作时,就生成滑动指令,进而根据滑动指令检测滑动位置是否包括刻度标识,若检测到包括刻度标识,执行页面跳转。也就是说用户在执行滑动操作的同时,屏幕会显示滑过的刻度标识对应的标题信息所在的页面。如图1f所示,用户从位于首位的第一刻度标识滑过第三刻度标识,在滑动到第二刻度标识时,该滑动指令所指示的滑动位置就为刻度标识,因此就跳转至该刻度标识(也就是第二刻度标识)所对应的页面位置信息所在的页面,在滑动到第三刻度标识时,滑动指令所指示的滑动位置也是刻度标识,如图1g所示,跳转至该刻度标识(也就是第三刻度标识)所对应的页面位置信息所在的页面,即是跳转到第三刻度标识对应的标题信息“1.3、注意饮食”所在的页面。如图1g所示,若用户点击“退出”按钮,就将标题信息“1.3、注意饮食”所在的页面作为历史页面,计算历史页面与文章页面中位于起始页面之间的页面距离,将该页面距离作为滚动距离,并记录该滚动距离。当然,也可以首先确定历史页面在导航刻度栏中所对应的刻度标识位置,然后计算该刻度标识位置与导航刻度栏中位于首位的刻度标识之间的刻度标识距离,通过比例换算,将刻度标识距离换算为页面距离,同样将该页面距离作为滚动距离,并记录该滚动距离。当用户再次进入该文章页面时,根据记录的滚动距离,确定页面位置信息,该页面位置信息即是历史页面的页面位置信息,根据历史页面的页面位置信息跳转至历史页面。如图1h所示,由于历史页面是标题信息“1.3、注意饮食”所在的页面,因此再次访问该文章页面时,屏幕就直接显示历史页面,即是显示标题信息“1.3、注意饮食”所在的页面,并在该页面上显示页面恢复提示信息:上次读到这。
通过构建导航刻度栏,并直接在屏幕上显示该导航刻度栏可以节约导航页面的耗时,提高导航页面的效率;根据刻度标识,跳转到该刻度标识对应的标题信息所在的页面,可以准确、高效地导航页面。
其中,构建导航刻度栏、跳转页面的具体过程可以参见以下图2至图5e所对应的实施例。
进一步地,请参见图2,是本发明实施例提供的一种页面处理方法的流程示意图。如图2所示,所述页面处理方法可以包括:
步骤S101,显示页面集合中的目标页面,并在所述目标页面上显示与所述页面集合对应的导航刻度栏。
具体的,当前在屏幕中显示页面称为目标页面,目标页面属于页面集合,页面集合可以是由多个页面组合而成的集合,也可以是页面长度大于屏幕显示区域长度的一个页面。页面集合中包括多个标题信息,以及每个标题信息对应的页面位置信息,也就是说,每个标题信息都对应一个页面位置信息。标题信息可以是不同等级的标题信息,例如,1级标题的标题信息、2级标题的标题信息;页面位置信息是标题信息在页面集合中的位置信息,页面位置信息可以用坐标表示,例如,页面位置信息为:(100,20)、(130,25),表示在目标页面的中,位于坐标(100,20)和坐标(130,25)之间的区域为标题信息所在的区域。在目标页面上显示与页面集合对应的导航刻度栏(如上述1a所对应实施例中的导航刻度栏10a),导航刻度栏包括至少一个在屏幕中进行显示的刻度标识,且每个刻度标识对应一个标题信息和该标题信息对应的一个页面位置信息,导航刻度栏中刻度标识的数量等于页面集合中标题信息的数量,其中导航刻度栏可以在目标页面的任意区域显示。导航刻度栏中的刻度标识可以是均匀排布,也可以非均匀排布,若是非均匀排布,那么刻度标识之间的距离可以是根据每个标题信息下辖的页面的数量决定的,例如,若标题信息1下辖的页面的数量是标题信息2下辖的页面的数量的2倍,那么标题信息1对应的刻度标识到标题信息2对应的刻度标识的距离,是标题信息2对应的刻度标识到标题信息3对应的刻度标识的距离的2倍。需要说明的是,在屏幕上显示目标页面之前,导航刻度栏已经构建完成,当屏幕显示目标页面时,一并在目标页面上显示页面集合对应的导航刻度栏。构建导航刻度栏的具体过程可以是:获取页面集合,根据页面集合所包含的标题信息,确定每个标题信息在该页面集合中的页面位置信息。根据所有的标题信息和每个标题信息对应的页面位置信息,构建该页面集合对应的导航刻度栏,导航刻度栏中包括至少一个刻度标识,每个刻度标识都对应一个标题信息和该标题信息对应的一个页面位置信息。
步骤S102,当接收到与所显示的导航刻度栏对应的刻度标识触发指令时,将所述刻度标识触发指令所触发的刻度标识作为目标刻度标识。
具体的,监听是否存在屏幕移动指令,若存在屏幕移动指令,则获取该屏幕移动指令,可以理解的是,用户可以通过手指、操控笔等在屏幕上执行移动操作,用于生成上述屏幕移动指令。屏幕移动指令中包括移动方向和移动距离,检测移动方向和移动距离,若检测出移动方向和预设的预设方向相同,则认为移动方向满足预设方方向;若检测出移动距离大于或等于预设的预设距离,则认为移动距离满足预设距离。当移动方向满足预设方向,且移动距离满足预设距离(即是移动方向与预设方向相同,且移动距离大于或等于预设距离)时,生成标题信息显示指令。检测移动距离和移动方向是为了避免由于用户的误操作导致生成标题信息显示指令。根据生成的标题信息显示指令,触发导航刻度栏显示与每个刻度标识对应的标题信息,也就是说,触发导航刻度栏显示页面集合中的所有的标题信息。监听是否存在标题信息点击指令,若存在标题信息点击指令,则获取该标题信息点击指令。用户可以通过手指、操控笔等在屏幕上执行点击标题信息的操作,用于生成标题信息点击指令。获取到标题信息点击指令后,将标题信息点击指令所点击的标题信息作为选取标题信息,可以知道,选取标题信息就是用户在导航刻度栏触发显示的多个标题信息中选中的标题信息。根据选取标题信息对应的刻度标识,生成与所显示的导航刻度栏对应的刻度标识触发指令,将刻度标识触发指令所触发的(所对应的)刻度标识作为目标刻度标识,也即是选取标题信息对应的刻度标识就是目标刻度标识。在生成刻度标识触发指令之后,对在屏幕中显示的标题信息进行渐退动画处理(例如,渐退动画可以是旋转式退出、弹跳式退出、翻转式退出等),以使显示的标题信息不再目标页面中显示。在执行完渐退动画处理操作后,触发导航刻度栏显示导航刻度栏中的刻度标识,即是显示包括多个刻度标识的导航刻度栏。
可选的,监听并获取导航刻度栏滑动指令,用户可以通过手指、操控笔等在屏幕上的导航刻度栏所在的区域上执行滑动操作,用于生成上述导航刻度栏滑动指令。根据获取到的导航栏滑动指令,确定在导航刻度栏上滑过的位置,称为目标滑动位置。若目标滑动位置包括导航刻度栏中的刻度标识,即是用户在导航刻度栏上执行滑动操作时,滑过导航刻度栏上的刻度标识,根据滑过的刻度标识,生成与所显示的导航刻度栏对应的刻度标识触发指令。将刻度标识触发指令所触发的(所对应的)刻度标识作为目标刻度标识,也即是用户在导航刻度栏上执行滑动操作时,所滑过的刻度标识即是目标刻度标识。若滑动指令所对应的目标滑动位置包括多个刻度标识,那么就要生成多个刻度标识触发指令,每个刻度标识触发指令都对应一个目标刻度标识。目标滑动位置包括的刻度标识的数量等于生成的刻度标识触发指令的数量,也等于目标刻度标识的数量。上述可知,生成刻度标识触发指令的方式有两种,一种是通过滑动屏幕任意区域,弹出标题信息,根据选中的标题信息,来生成刻度标识触发指令;另一种是通过滑动导航刻度栏所在的区域,根据判断目标滑动位置是否包括刻度标识,来生成刻度标识触发指令。当然,不论是哪种刻度标识触发指令生成方式,刻度标识触发生成指令所对应的刻度标识都称为目标刻度标识。
步骤S103,根据所述目标刻度标识对应的页面位置信息,从所述目标页面跳转至所述目标刻度标识对应的标题信息所在的页面,并在跳转后的页面中更新显示所述导航刻度栏中的所述目标刻度标识对应的展示方式。
具体的,提取目标刻度标识所对应的标题信息和页面位置信息,根据目标刻度标识对应的页面位置信息,从目标页面跳转至目标刻度标识对应的标题信息所在的页面。其中可以首先将页面位置信息封装为链接,也就是说每个标题信息所在的页面都对应一个唯一的链接,且链接包括页面位置信息,例如每个网页都对应唯一的一个URL(UniformResource Locator,统一资源定位符),该URL就是一个链接。然后提取目标刻度标识对应的标题信息,作为目标标题信息,提取目标标题信息所对应的链接,称为索引链接。跳转至该索引链接所指示页面,由于索引链接对应的是目标标题信息所在的页面,因此也即是是跳转至目标标题信息所在的页面,且由索引链接跳转的页面中包括目标标题信息。页面跳转后,对跳转后的导航刻度栏中的目标刻度标识的展示方式进行更新,当然跳转后的页面中仍然显示导航刻度栏。例如,对目标刻度标识进行加粗显示或者用另外一种颜色进行显示,以将导航刻度栏中的目标刻度标识和导航刻度栏中的非目标刻度标识进行区分。
本发明实施例通过显示页面集合中的目标页面,并在目标页面上显示与页面集合对应的导航刻度栏;页面集合包括多个标题信息以及与标题信息对应的页面位置信息;导航刻度栏包括多个刻度标识,且每个刻度标识对应一个标题信息和一个页面位置信息;当接收到刻度标识触发指令时,将刻度标识触发指令所触发的刻度标识作为目标刻度标识;从目标页面跳转至目标刻度标识对应的标题信息和页面位置信息所在的页面。上述可知,航刻度栏在目标页面和跳转后的页面中均可以显示,即在任意页面中都可以始终显示导航刻度栏,因此,在用户要进行页面导航时,可以直接对屏幕中的导航刻度栏进行操作以实现页面导航跳转,即无需在每次进行页面导航时都要返回首页,从而可以降低导航页面耗时,提高导航页面的效率。而且发生页面跳转后,可以更新显示导航刻度栏中的目标刻度标识对应的展示方式,因此,在不同的页面中,导航刻度栏的展示方式并不完全相同,从而可以丰富导航页面的展示方式。
请一并参见图3,是本发明实施例提供的一种另一种页面处理方法的流程示意图,页面处理方法包括如下步骤:
步骤S201,显示页面集合中的目标页面,并在所述目标页面上显示与所述页面集合对应的导航刻度栏。
其中,步骤S201的具体实现方式可以参见上述图2所对应实施例中的步骤S101,此处不再赘述。
步骤S202,接收屏幕移动指令,若所述屏幕移动指令中的移动方向满足预设方向,且所述屏幕移动指令中的移动距离满足预设距离,则生成标题信息显示指令。
具体的,用户可以通过手指、操控笔等在屏幕上的任意区域执行移动操作,用于移动终端生成屏幕移动指令。获取该屏幕移动指令,屏幕移动指令中包括移动方向和移动距离,检测获取到的移动方向和移动距离,若检测出移动方向和预设的预设方向相同,则认为移动方向满足预设方向;若检测出移动距离大于或等于预设的预设距离,则认为移动距离满足预设距离。当移动方向与预设方向相同,且移动距离大于或等于预设距离时,就生成标题信息显示指令。举例来说,预设方向为水平向右,预设距离为1cm,当检测到屏幕移动指令中的移动方向为水平向右,且屏幕移动指令中的移动距离为2cm时,可以确定移动方向满足预设方向,且移动距离满足预设距离,进而生成标题信息显示指令。
步骤S203,根据所述标题信息显示指令,触发所述导航刻度栏显示与所述每个刻度标识对应的标题信息。
具体的,根据生成的标题信息显示指令,在目标页面上设置浮层,并触发导航刻度栏在浮层上显示与每个刻度标识对应的标题信息,也就是说,触发导航刻度栏在浮层上显示页面集合中的所有的标题信息。
步骤S204,若接收到标题信息点击指令,则将所述标题信息点击指令所点击的标题信息作为选取标题信息,根据所述选取标题信息对应的刻度标识,生成所述与所显示的导航刻度栏对应的刻度标识触发指令。
具体的,用户通过手指、操控笔等在屏幕上点击标题信息所对应的按钮,或者在屏幕上点击任意一个标题信息,用于生成标题信息点击指令。将标题信息点击指令所点击的标题信息作为选取标题信息,可以知道,选取标题信息就是用户在导航刻度栏触发显示的多个标题信息中选中的标题信息。将选取标题信息对应的刻度标识封装为指令,该指令称为刻度标识触发指令,该刻度标识触发指令是与所显示的导航刻度栏对应的刻度标识触发指令。
步骤S205,将所述刻度标识触发指令所触发的刻度标识作为所述目标刻度标识。
具体的,在生成刻度标识触发指令之后,对在屏幕中显示的标题信息进行渐退动画处理(例如,渐退动画可以是旋转式退出、弹跳式退出、翻转式退出等),以使显示的标题信息不再目标页面中显示。若目标页面上覆盖了浮层,就是在浮层上进行渐退动画处理,使得所有的标题信息在浮层上逐渐消失,同时也可以对浮层进行渐退动画处理,也使得浮层在目标页面中逐渐消失。将接收到的刻度标识触发指令所对应的刻度标识作为目标刻度标识。
步骤S206,根据所述目标刻度标识对应的页面位置信息,从所述目标页面跳转至所述目标刻度标识对应的标题信息所在的页面,并在跳转后的页面中更新显示所述导航刻度栏中的所述目标刻度标识对应的展示方式。
其中,步骤S206的具体实现方式可以参见上述图2所对应实施例中的步骤S103,此处不再赘述。
本发明实施例通过显示页面集合中的目标页面,并在目标页面上显示与页面集合对应的导航刻度栏;页面集合包括多个标题信息以及与标题信息对应的页面位置信息;导航刻度栏包括多个刻度标识,且每个刻度标识对应一个标题信息和一个页面位置信息;当接收到刻度标识触发指令时,将刻度标识触发指令所触发的刻度标识作为目标刻度标识;从目标页面跳转至目标刻度标识对应的标题信息和页面位置信息所在的页面。航刻度栏在目标页面和跳转后的页面中均可以显示,即在任意页面中都可以始终显示导航刻度栏,因此,在用户要进行页面导航时,可以直接对屏幕中的导航刻度栏进行操作以实现页面导航跳转,即无需在每次进行页面导航时都要返回首页,从而可以降低导航页面耗时,提高导航页面的效率。而且发生页面跳转后,可以更新显示导航刻度栏中的目标刻度标识对应的展示方式,因此,在不同的页面中,导航刻度栏的展示方式并不完全相同,从而可以丰富导航页面的展示方式。
请一并参见图4a,是本发明实施例提供的一种另一种页面处理方法的流程示意图,页面处理方法包括如下步骤:
步骤S301,显示页面集合中的目标页面,并在所述目标页面上显示与所述页面集合对应的导航刻度栏。
其中,步骤S301的具体实现方式可以参见上述图2所对应实施例中的步骤S101,此处不再赘述。
步骤S302,接收所述导航刻度栏所在区域内的导航刻度栏滑动指令,根据所述导航刻度栏滑动指令确定目标滑动位置。
具体的,用户可以通过手指、操控笔等在屏幕上的导航刻度栏所在的区域上执行滑动操作,用于移动终端生成导航刻度栏滑动指令。该导航刻度栏滑动指令在导航刻度栏中所对应的位置称为目标滑动位置,换句话说,用户执行滑动操作时,在导航刻度栏中滑过的位置均称为目标滑动位置。
步骤S303,若所述目标滑动位置包括所述导航刻度栏中的刻度标识,则根据所述目标滑动位置上的刻度标识,生成所述与所显示的导航刻度栏对应的刻度标识触发指令。
具体的,检测目标滑动位置是否包括导航刻度栏中的刻度标识,若检测到目标滑动位置包括刻度标识,那么将检测到的刻度标识封装为指令,该指令称为刻度标识触发指令,该刻度标识触发指令是与所显示的导航刻度栏对应的刻度标识触发指令。需要注意的是,若检测到目标滑动位置包括多个刻度标识,那么为每个刻度标识都生成一个刻度标识触发指令,即是目标滑动位置包括的刻度标识的数量等于生成的刻度标识触发指令的数量。
步骤S304,将所述刻度标识触发指令所触发的刻度标识作为所述目标刻度标识。
具体的,解析刻度标识触发指令,解析后得到刻度标识,将解析得到的刻度标识作为目标刻度标识。若有多个刻度标识触发指令,那么将每个刻度标识触发指令对应的刻度标识均作为目标刻度标识。
步骤S305,根据所述目标刻度标识对应的页面位置信息,从所述目标页面跳转至所述目标刻度标识对应的标题信息所在的页面,并在跳转后的页面中更新显示所述导航刻度栏中的所述目标刻度标识对应的展示方式。
其中,步骤S305的具体实现方式可以参见上述图2所对应实施例中的步骤S103,此处不再赘述。为了显示实时性,用户在执行滑动操作时,就生成滑动指令,进而根据滑动指令检测目标滑动位置是否包括刻度标识,若检测到目标滑动位置包括刻度标识,那么执行页面跳转。也就是说用户在执行滑动操作的同时,屏幕会显示滑过的刻度标识对应的标题信息所在的页面。
请一并参见图4b-图4e,是本发明实施例提供的另一种页面处理方法的场景示意图。用户在屏幕上的导航刻度栏所在的区域上执行滑动操作时,生成导航刻度栏滑动指令。该导航刻度栏滑动指令在导航刻度栏中所对应的位置称为目标滑动位置,检测目标滑动位置是否包括刻度标识,如图4b所示,用户的滑动位置还没有到达刻度标识,因此生成的导航刻度栏指令所对应的目标滑动位置不包括刻度标识。如图4c所示,用户的滑动位置到达刻度标识,因此生成的导航刻度栏指令所对应的目标滑动位置就包括刻度标识,将在导航刻度栏中位于第二位的刻度标识封装为刻度标识触发指令,并将页面跳转至上述刻度标识触发指令所对应的页面,也即是跳转至所有标题信息中第二个标题信息所在的页面。如图4d所示,用户继续执行滑动操作,且滑动位置未到达刻度标识,因此生成的导航刻度栏指令所对应的目标滑动位置不包括刻度标识,在屏幕显示的页面保持不动,即仍显示所有标题信息中第二个标题信息所在的页面。如图4e所示,用户的滑动位置到达刻度标识,生成的导航刻度栏指令所对应的目标滑动位置就包括刻度标识,将在导航刻度栏中位于第三位的刻度标识封装为刻度标识触发指令,并将页面跳转至该刻度标识触发指令所对应的页面,也即是跳转至所有标题信息中第三个标题信息所在的页面。只有目标滑动位置包括刻度标识(用户的滑过导航刻度栏中的任意一个刻度标识),才生成刻度标识触发指令,进而跳转页面。
本发明实施例通过显示页面集合中的目标页面,并在目标页面上显示与页面集合对应的导航刻度栏;页面集合包括多个标题信息以及与标题信息对应的页面位置信息;导航刻度栏包括多个刻度标识,且每个刻度标识对应一个标题信息和一个页面位置信息;当接收到刻度标识触发指令时,将刻度标识触发指令所触发的刻度标识作为目标刻度标识;从目标页面跳转至目标刻度标识对应的标题信息和页面位置信息所在的页面。航刻度栏在目标页面和跳转后的页面中均可以显示,即在任意页面中都可以始终显示导航刻度栏,因此,在用户要进行页面导航时,可以直接对屏幕中的导航刻度栏进行操作以实现页面导航跳转,即无需在每次进行页面导航时都要返回首页,从而可以降低导航页面耗时,提高导航页面的效率。而且发生页面跳转后,可以更新显示导航刻度栏中的目标刻度标识对应的展示方式,因此,在不同的页面中,导航刻度栏的展示方式并不完全相同,从而可以丰富导航页面的展示方式。
请参见图5a,是本发明实施例提供的另一种页面处理方法的流程示意图。页面处理方法包括:
步骤S401,显示页面集合中的目标页面,并在所述目标页面上显示与所述页面集合对应的导航刻度栏。
其中,步骤S401的具体实现方式可以参见上述图2所对应实施例中的步骤S101,此处不再赘述。
步骤S402,当接收到与所显示的导航刻度栏对应的滚动触发指令时,根据所述滚动触发指令所包含的刻度标识滑动距离和刻度标识滑动方向,确定页面滑动距离和页面滑动方向。
具体的,用户可以通过手指、操控笔等在屏幕上的导航刻度栏所在的区域上执行滑动操作,用于移动终端生成导航刻度栏滑动指令。根据导航刻度栏滑动指令确定刻度标识滑动距离和刻度标识滑动方向,刻度标识滑动距离是用户在导航刻度栏所在的区域上的滑动距离,刻度标识滑动方向是用户在导航刻度栏所在的区域上的滑动方向。将确定的刻度标识滑动距离和刻度标识滑动方向封装为指令,称为滚动触发指令。根据预设比例,将滚动触发指令中的刻度标识滑动距离比例换算后,得到页面滑动距离,页面滑动方向和刻度标识滑动方向相同。举例来说,刻度标识滑动距离为2cm,滑动方向为垂直向下,预设比例为3,那么页面滑动距离为:3*2cm=6cm,页面滑动方向为垂直向下。
步骤S403,按照所述页面滑动距离和所述页面滑动方向,从所述目标页面滚动显示至更新页面,并在页面滚动显示时显示与屏幕中的页面对应的标题信息。
具体的,从目标页面滚动显示至更新页面,其中,目标页面和更新页面之间的距离等于页面滑动距离,且目标页面到更新页面的方向等于页面滑动方向。在从目标页面滚动至更新页面时,提取屏幕中的页面对应的标题信息,并显示提取出来的标题信息。例如,目标页面是1.2章节的首页,更新页面是1.5章节的尾页,在从目标页面滚动显示至更新页面时,屏幕中的页面对应的标题信息是1.2章节的标题信息、1.3章节的标题信息、1.4章节的标题信息和1.5章节的标题信息,因此当滚动显示1.2章节的内容时,显示1.2章节的标题信息;当滚动显示1.3章节的内容时,显示1.3章节的标题信息;当滚动显示1.4章节的内容时,显示1.4章节的标题信息;当滚动显示1.5章节的内容时,显示1.5章节的标题信息。若标题信息存在多个等级,如一级标题信息、二级标题信息,那么一个页面可能对应多个标题信息,可以将等级最小的标题信息作为页面对应的标题信息,举例来说,标题信息1包括标题信息1.1和标题信息1.2,且标题信息1.1包括页面1和页面2,对于页面1来说,页面1对应的标题信息是标题信息1.1(标题信息1.1比标题信息1等级小);对于页面2来说,页面2对应的标题信息是标题信息1.1(标题信息1.1比标题信息1等级小)。为了表现出实时性,可以用户在屏幕上的导航刻度栏所在的区域上执行滑动操作时,就生成导航刻度栏滑动指令,进而根据刻度标识滑动距离和刻度标识滑动方向,生成滚动触发指令,从目标页面滚动显示至更新页面。用户在执行滑动操作的过程中,导航刻度栏滑动指令是不断叠加生成地,这样可以马上对用户的操作做出响应,提高页面导航的实时性。
请一并参见图5b-图5e,是本发明实施例提供的另一种页面处理方法的场景示意图。如图5b所示,用户开始在屏幕上的导航刻度栏所在的区域上执行滑动操作时,生成导航刻度栏滑动指令。如图5b所示,根据用户的滑动操作所生成的导航刻度栏滑动指令,确定在导航刻度栏上的刻度标识滑动距离(2cm)和刻度标识滑动方向(垂直向下),并将确定的刻度标识滑动距离和刻度标识滑动方向封装为滚动触发指令。将滚动触发指令中的刻度标识滑动距离比例换算后,得到页面滑动距离(4cm),页面滑动方向仍是垂直向下,因此按照上述页面滑动距离(4cm)和页面滑动方向,可以从图5b所示的页面滚动显示至图5c所示的页面,且滚页过程中,显示标题信息“1、你不能跑步”,该标题信息是当前屏幕中的页面对应的标题信息。用户继续执行滑动操作,如图5c所示,根据用户的滑动操作所生成的导航刻度栏滑动指令,确定在导航刻度栏上的刻度标识滑动距离(3cm,将上一次导航刻度栏滑动指令所对应的结束位置作为本次导航刻度栏滑动指令的起始位置)和刻度标识滑动方向(垂直向下),并将确定的刻度标识滑动距离和刻度标识滑动方向封装为滚动触发指令。将滚动触发指令中的刻度标识滑动距离比例换算后,得到页面滑动距离(6cm),页面滑动方向仍是垂直向下,因此按照页面滑动距离(6cm)和页面滑动方向,可以从所述图5c所示的页面滚动显示至图5d所示的页面,且滚页过程中,还显示标题信息“1、你不能跑步”,该标题信息是当前屏幕中的页面对应的标题信息。用户还执行滑动操作,如图5d所示,根据用户的滑动操作所生成的导航刻度栏滑动指令,确定在导航刻度栏上的刻度标识滑动距离(3cm,将上一次导航刻度栏滑动指令所对应的结束位置作为本次导航刻度栏滑动指令的起始位置)和刻度标识滑动方向(垂直向下),将刻度标识滑动距离比例换算后,得到页面滑动距离(6cm),页面滑动方向仍是垂直向下,因此按照上述页面滑动距离(6cm)和页面滑动方向,从所述图5d所示的页面滚动显示至图5e所示的页面,且滚页过程中,显示标题信息“2、学会规划饮食”,这是因为已经滚页至导航刻度栏中位于第二位刻度标识对应的页面,因此显示的标题信息是位于第二刻度标识所对应的标题信息。
步骤S404,若接收到页面退出请求,则将屏幕中的页面作为历史页面,根据所述历史页面计算滚动距离。
具体的,用户点击屏幕中的页面的“退出”按钮,生成页面退出请求。将获取到页面退出请求时,屏幕中显示的页面作为历史页面,可以计算历史页面和页面集合中的起始页面之间的的页面距离,根据页面距离生成滚动距离,此处的页面距离和滚动距离相等。也可以确定历史页面在导航刻度栏中所对应的刻度标识位置,然后计算该刻度标识位置与导航刻度栏中位于首位的刻度标识之间的距离,称为刻度标识距离。将刻度标识距离比例换算后,得到滚动距离。
步骤S405,当再次访问所述页面集合时,根据所述滚动距离,确定所述历史页面对应的页面位置信息,并根据所述历史页面对应的页面位置信息跳转至所述历史页面,并在所显示的所述历史页面中显示页面恢复提示信息。
具体的,当再次访问该页面集合时,根据滚动距离,可以确定历史页面对应的页面位置信息,根据上述页面位置信息,跳转至历史页面,在历史页面中显示页面恢复提示信息,例如,页面恢复提示信息为:已为您跳转至上次离开时的页面。举例来说,若历史页面是章节1.5的尾页,那么再次访问该页面集合时,根据滚动距离,跳转至章节1.5的尾页,也就是说在屏幕上仍显示章节1.5的尾页。
可选的,用户点击屏幕中的页面的“退出”按钮,生成页面退出请求。获取到页面退出请求时,将屏幕中显示的页面作为历史页面,提取与历史页面对应的标题信息,作为历史标题信息,若标题信息存在多个等级,如一级标题信息、二级标题信息,那么一个页面可能对应多个标题信息,可以将等级最小的标题信息作为页面对应的标题信息,也就是说将页面对应的等级最小的标题信息作为历史标题信息。当再次访问页面集合时,获取历史标题信息对应的页面位置信息,根据该页面位置信息跳转至历史标题信息所在的页面,并在历史标题信息所在的页面中显示页面恢复提示信息。举例来说,若历史页面是章节1.5的尾页,那么再次访问该页面集合时,根据章节1.5的尾页对应的标题信息(就是章节1.5的标题信息),跳转至章节1.5的首页,也就是说在屏幕上显示的是章节1.5的首页。
本发明实施例通过显示页面集合中的目标页面,并在目标页面上显示与页面集合对应的导航刻度栏;页面集合包括多个标题信息以及与标题信息对应的页面位置信息;导航刻度栏包括多个刻度标识,且每个刻度标识对应一个标题信息和一个页面位置信息;当接收到刻度标识触发指令时,将刻度标识触发指令所触发的刻度标识作为目标刻度标识;从目标页面跳转至目标刻度标识对应的标题信息和页面位置信息所在的页面。航刻度栏在目标页面和跳转后的页面中均可以显示,即在任意页面中都可以始终显示导航刻度栏,因此,在用户要进行页面导航时,可以直接对屏幕中的导航刻度栏进行操作以实现页面导航跳转,即无需在每次进行页面导航时都要返回首页,从而可以降低导航页面耗时,提高导航页面的效率。而且发生页面跳转后,可以更新显示导航刻度栏中的目标刻度标识对应的展示方式,因此,在不同的页面中,导航刻度栏的展示方式并不完全相同,从而可以丰富导航页面的展示方式。
进一步的,请参见图6,是本发明实施例提供的一种页面处理装置的结构示意图。如图6所示,页面处理装置1可以包括:显示模块11、第一确定模块12、跳转模块13;
显示模块11,用于显示页面集合中的目标页面,并在所述目标页面上显示与所述页面集合对应的导航刻度栏;所述页面集合包括多个标题信息以及与所述标题信息对应的页面位置信息;所述导航刻度栏包括多个用于在屏幕中进行显示的刻度标识,且每个刻度标识对应一个标题信息和一个页面位置信息;
具体的,显示模块11显示目标页面,其中当前在屏幕中显示页面称为目标页面,目标页面属于页面集合,页面集合可以是由多个页面组合而成的集合,也可以是页面长度大于屏幕显示区域长度的一个页面。页面集合中包括多个标题信息,以及每个标题信息对应的页面位置信息。标题信息可以是不同等级的标题信息,例如,1级标题的标题信息、2级标题的标题信息;页面位置信息是标题信息在页面集合中的位置信息,页面位置信息可以用坐标表示。在目标页面上显示与页面集合对应的导航刻度栏,导航刻度栏包括至少一个在屏幕中进行显示的刻度标识,且每个刻度标识对应一个标题信息和该标题信息对应的一个页面位置信息,导航刻度栏中刻度标识的数量等于页面集合中标题信息的数量,其中导航刻度栏可以在目标页面的任意区域显示。导航刻度栏中的刻度标识可以是均匀排布,也可以非均匀排布,若是非均匀排布,那么刻度标识之间的距离可以是根据每个标题信息下辖的页面的数量决定的。需要说明的是,在屏幕上显示目标页面之前,导航刻度栏已经构建完成,当屏幕显示目标页面时,一并在目标页面上显示页面集合对应的导航刻度栏。
第一确定模块12,用于当接收到与所显示的导航刻度栏对应的刻度标识触发指令时,将所述刻度标识触发指令所触发的刻度标识作为目标刻度标识;
具体的,第一确定模块12监听是否存在屏幕移动指令,若存在屏幕移动指令,则获取该屏幕移动指令,可以理解的是,用户可以通过手指、操控笔等在屏幕上执行移动操作,用于生成上述屏幕移动指令。屏幕移动指令中包括移动方向和移动距离,检测移动方向和移动距离,若检测出移动方向和预设的预设方向相同,则认为移动方向满足预设方方向;若检测出移动距离大于或等于预设的预设距离,则认为移动距离满足预设距离。当移动方向满足预设方向,且移动距离满足预设距离时,第一确定模块12生成标题信息显示指令。第一确定模块12根据生成的标题信息显示指令,触发导航刻度栏显示与每个刻度标识对应的标题信息。第一确定模块12监听是否存在标题信息点击指令,若存在标题信息点击指令,则获取该标题信息点击指令。获取到标题信息点击指令后,将标题信息点击指令所点击的标题信息作为选取标题信息。第一确定模块12根据选取标题信息对应的刻度标识,生成与所显示的导航刻度栏对应的刻度标识触发指令,将刻度标识触发指令所对应的刻度标识作为目标刻度标识。在生成刻度标识触发指令之后,对在屏幕中显示的标题信息进行渐退动画处理,以使显示的标题信息不再目标页面中显示。在执行完渐退动画处理操作后,第一确定模块12触发导航刻度栏显示导航刻度栏中的刻度标识。
可选的,第一确定模块12监听并获取导航刻度栏滑动指令,用于生成上述导航刻度栏滑动指令。第一确定模块12根据获取到的导航栏滑动指令,确定在导航刻度栏上滑过的位置,称为目标滑动位置。若目标滑动位置包括导航刻度栏中的刻度标识,即是用户在导航刻度栏上执行滑动操作时,滑过导航刻度栏上的刻度标识,根据滑过的刻度标识,生成与所显示的导航刻度栏对应的刻度标识触发指令。将刻度标识触发指令所触发的刻度标识作为目标刻度标识,也即是用户在导航刻度栏上执行滑动操作时,所滑过的刻度标识即是目标刻度标识。若滑动指令所对应的目标滑动位置包括多个刻度标识,那么就要生成多个刻度标识触发指令,每个刻度标识触发指令都对应一个目标刻度标识。上述可知,生成刻度标识触发指令的方式有两种,一种是通过滑动屏幕任意区域,弹出标题信息,根据选中的标题信息,来生成刻度标识触发指令;另一种是通过滑动导航刻度栏所在的区域,根据判断目标滑动位置是否包括刻度标识,来生成刻度标识触发指令。
跳转模块13,用于根据所述目标刻度标识对应的页面位置信息,从所述目标页面跳转至所述目标刻度标识对应的标题信息所在的页面;
具体的,跳转模块13提取目标刻度标识所对应的标题信息和页面位置信息,根据目标刻度标识对应的页面位置信息,从目标页面跳转至目标刻度标识对应的标题信息所在的页面。其中可以首先将页面位置信息封装为链接,也就是说每个标题信息所在的页面都对应一个唯一的链接,且链接包括页面位置信息。然后提取目标刻度标识对应的标题信息,作为目标标题信息,提取目标标题信息所对应的链接,称为索引链接。跳转模块13跳转至该索引链接所指示页面,由于索引链接对应的是目标标题信息所在的页面,因此也即是是跳转至目标标题信息所在的页面,且由索引链接跳转的页面中包括目标标题信息。
所述显示模块11,还用于在跳转后的页面中更新显示所述导航刻度栏中的所述目标刻度标识对应的展示方式。
具体的,页面跳转后,显示模块11对跳转后的导航刻度栏中的目标刻度标识的展示方式进行更新,当然跳转后的页面中仍然显示导航刻度栏。例如,对目标刻度标识进行加粗显示或者用另外一种颜色进行显示,以将导航刻度栏中的目标刻度标识和导航刻度栏中的非目标刻度标识进行区分。
其中,显示模块11、第一确定模块12、跳转模块13的具体功能实现方式可以参见上述图2对应实施例中的步骤S101-步骤S103,这里不再进行赘述。
请参见图6,页面处理装置1可以包括:显示模块11、第一确定模块12、跳转模块13,还可以包括:获取模块14、构建模块15。
获取模块14,用于获取所述页面集合,根据所述页面集合所包含的标题信息,确定每个标题信息在所述页面集合中的页面位置信息;
构建模块15,用于根据所述页面集合所包含的标题信息和每个标题信息对应的页面位置信息,构建与所述页面集合对应的导航刻度栏。
其中,获取模块14、构建模块15的具体功能实现方式可以参见上述图2对应实施例中的步骤S101,这里不再进行赘述。
请参见图6,第一确定模块12可以包括:接收单元121、第一确定单元122。
接收单元121,用于接收屏幕移动指令,若所述屏幕移动指令中的移动方向满足预设方向,且所述屏幕移动指令中的移动距离满足预设距离,则生成标题信息显示指令;
所述接收单元121,还用于根据所述标题信息显示指令,触发所述导航刻度栏显示与所述每个刻度标识对应的标题信息;
第一确定单元122,用于若接收到标题信息点击指令,则将所述标题信息点击指令所点击的标题信息作为选取标题信息,根据所述选取标题信息对应的刻度标识,生成所述与所显示的导航刻度栏对应的刻度标识触发指令;
所述第一确定单元122,还用于将所述刻度标识触发指令所触发的刻度标识作为所述目标刻度标识。
其中,接收单元121、第一确定单元122的具体功能实现方式可以参见上述图3对应实施例中的步骤S201-步骤S204,这里不再进行赘述。
请参见图6,第一确定模块12可以包括:接收单元121、第一确定单元122,还可以包括:动画处理单元123。
动画处理单元123,用于对所述导航刻度栏所触发显示的每个刻度标识对应的标题信息进行渐退动画处理,在执行完所述渐退动画处理操作后,触发所述导航刻度栏显示所述导航刻度栏中的刻度标识。
其中,动画处理单元123的具体功能实现方式可以参见上述图2对应实施例中的步骤S102,这里不再进行赘述。
请参见图6,第一确定模块12可以包括:接收单元121、第一确定单元122、动画处理单元123,还可以包括:第一生成单元124。
所述接收单元121,还用于接收所述导航刻度栏所在区域内的导航刻度栏滑动指令,根据所述导航刻度栏滑动指令确定目标滑动位置;
第一生成单元124,用于若所述目标滑动位置包括所述导航刻度栏中的刻度标识,则根据所述目标滑动位置上的刻度标识,生成所述与所显示的导航刻度栏对应的刻度标识触发指令;
所述第一确定单元122,还用于将所述刻度标识触发指令所触发的刻度标识作为所述目标刻度标识。
其中,接收单元121、第一生成单元124、所述第一确定单元122的具体功能实现方式可以参见上述图4a对应实施例中的步骤S302-步骤S304,这里不再进行赘述。
请参见图6,页面处理装置1可以包括:显示模块11、第一确定模块12、跳转模块13、获取模块14、构建模块15,还可以包括:第二确定模块16。
第二确定模块16,用于当接收到与所显示的导航刻度栏对应的滚动触发指令时,根据所述滚动触发指令所包含的刻度标识滑动距离和刻度标识滑动方向确定页面滑动距离和页面滑动方向;所述刻度标识滑动距离和所述刻度标识滑动方向是根据刻度标识在所述导航刻度栏中的滑动轨迹所确定的;
所述显示模块11,还用于按照所述页面滑动距离和所述页面滑动方向,从所述目标页面滚动显示至更新页面,并在页面滚动显示时显示与屏幕中的页面对应的标题信息;所述目标页面和所述更新页面之间的距离等于所述页面滑动距离;所述目标页面至所述更新页面的方向与所述页面滑动方向相同。
其中,第二确定模块16、显示模块11的具体功能实现方式可以参见上述图5a对应实施例中的步骤S402-步骤S403,这里不再进行赘述。
请再参见图6,第二确定模块16可以包括:提取单元161、跳转单元162。
第二确定单元161,用于接收所述导航刻度栏所在区域内的导航刻度栏滑动指令,根据所述导航刻度栏滑动指令,确定在所述导航刻度栏中的刻度标识滑动距离和刻度标识滑动方向;
第二生成单元162,用于根据所述刻度标识滑动距离和所述刻度标识滑动方向,生成所述与所显示的导航刻度栏对应的滚动触发指令;
所述第二确定单元161,还用于根据所述滚动触发指令所包含的刻度标识滑动距离和刻度标识滑动方向,确定所述页面滑动距离和所述页面滑动方向。
其中,第二确定单元161、第二生成单元162的具体功能实现方式可以参见上述图5a对应实施例中的步骤S402,这里不再进行赘述。
请参见图6,跳转模块13可以包括:提取单元131、跳转单元132。
提取单元131,用于提取与所述目标刻度标识对应的标题信息,作为目标标题信息,提取与所述目标标题信息对应的索引链接;所述索引链接包括所述目标刻度标识对应的页面位置信息;
跳转单元132,用于跳转至所述索引链接所指示的页面;所述索引链接所指示的页面中包括所述目标标题信息。
其中,提取单元131、跳转单元132的具体功能实现方式可以参见上述图2对应实施例中的步骤S103,这里不再进行赘述。
如图6所示,页面处理装置1可以包括:显示模块11、第一确定模块12、跳转模块13、获取模块14、构建模块15、第二确定模块16,页面处理装置1还可以包括:计算模块17。
计算模块17,用于若接收到页面退出请求,则将屏幕中的页面作为历史页面,根据所述历史页面计算滚动距离;所述滚动距离是根据所述历史页面和所述页面集合中的起始页面之间的页面距离,或是根据所述历史页面在所述导航刻度栏中对应的刻度标识与所述导航刻度栏中位于首位的刻度标识之间的刻度标识距离生成的;
所述计算模块17,还用于当再次访问所述页面集合时,根据所述滚动距离,确定所述历史页面对应的页面位置信息,并根据所述历史页面对应的页面位置信息跳转至所述历史页面,并在所显示的所述历史页面中显示页面恢复提示信息。
其中,计算模块17的具体功能实现方式可以参见上述图5a对应实施例中的步骤S406-步骤S407,这里不再进行赘述。
请一并参见图6,页面处理装置1可以包括:显示模块11、第一确定模块12、跳转模块13、获取模块14、构建模块15、第二确定模块16、计算模块17,页面处理装置1还可以包括:提取模块18。
提取模块18,用于若接收到页面退出请求,则将屏幕中的页面作为历史页面,提取与所述历史页面对应的标题信息,作为历史标题信息;
所述获取模块14,还用于当再次访问所述页面集合时,获取所述历史标题信息对应的页面位置信息,根据所述历史标题信息对应的页面位置信息,跳转至所述历史标题信息所在的页面,并在所显示的所述历史标题信息所在的页面中显示页面恢复提示信息。
其中,提取模块18和获取模块14的具体功能实现方式可以参见上述图5a对应实施例中的步骤S407,这里不再进行赘述
本发明实施例通过显示页面集合中的目标页面,并在目标页面上显示与页面集合对应的导航刻度栏;页面集合包括多个标题信息以及与标题信息对应的页面位置信息;导航刻度栏包括多个刻度标识,且每个刻度标识对应一个标题信息和一个页面位置信息;当接收到刻度标识触发指令时,将刻度标识触发指令所触发的刻度标识作为目标刻度标识;从目标页面跳转至目标刻度标识对应的标题信息和页面位置信息所在的页面。航刻度栏在目标页面和跳转后的页面中均可以显示,即在任意页面中都可以始终显示导航刻度栏,因此,在用户要进行页面导航时,可以直接对屏幕中的导航刻度栏进行操作以实现页面导航跳转,即无需在每次进行页面导航时都要返回首页,从而可以降低导航页面耗时,提高导航页面的效率。而且发生页面跳转后,可以更新显示导航刻度栏中的目标刻度标识对应的展示方式,因此,在不同的页面中,导航刻度栏的展示方式并不完全相同,从而可以丰富导航页面的展示方式。
进一步地,请参见图7,是本发明实施例提供的一种电子设备的结构示意图。如图7所示,上述图7中的页面处理装置1可以应用于所述电子设备1000,所述电子设备1000可以包括:处理器1001,网络接口1004和存储器1005,此外,所述电子设备1000还可以包括:用户接口1003,和至少一个通信总线1002。其中,通信总线1002用于实现这些组件之间的连接通信。其中,用户接口1003可以包括显示屏(Display)、键盘(Keyboard),可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1005可以是高速RAM存储器,也可以是非不稳定的存储器(non-volatile memory),例如至少一个磁盘存储器。存储器1005可选的还可以是至少一个位于远离前述处理器1001的存储装置。如图7所示,作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及设备控制应用程序。
在图7所示的电子设备1000中,网络接口1004可提供网络通讯功能;而用户接口1003主要用于为用户提供输入的接口;而处理器1001可以用于调用存储器1005中存储的设备控制应用程序,以实现:
显示页面集合中的目标页面,并在所述目标页面上显示与所述页面集合对应的导航刻度栏;所述页面集合包括多个标题信息以及与所述标题信息对应的页面位置信息;所述导航刻度栏包括多个用于在屏幕中进行显示的刻度标识,且每个刻度标识对应一个标题信息和一个页面位置信息;
当接收到与所显示的导航刻度栏对应的刻度标识触发指令时,将所述刻度标识触发指令所触发的刻度标识作为目标刻度标识;
根据所述目标刻度标识对应的页面位置信息,从所述目标页面跳转至所述目标刻度标识对应的标题信息所在的页面,并在跳转后的页面中更新显示所述导航刻度栏中的所述目标刻度标识对应的展示方式。
在一个实施例中,所述处理器1001还执行以下步骤:
获取所述页面集合,根据所述页面集合所包含的标题信息,确定每个标题信息在所述页面集合中的页面位置信息;
根据所述页面集合所包含的标题信息和每个标题信息对应的页面位置信息,构建与所述页面集合对应的导航刻度栏。
在一个实施例中,所述处理器1001在执行当接收到与所显示的导航刻度栏对应的刻度标识触发指令时,将所述刻度标识触发指令所触发的刻度标识作为目标刻度标识,具体执行以下步骤:
接收屏幕移动指令,若所述屏幕移动指令中的移动方向满足预设方向,且所述屏幕移动指令中的移动距离满足预设距离,则生成标题信息显示指令;
根据所述标题信息显示指令,触发所述导航刻度栏显示与所述每个刻度标识对应的标题信息;
若接收到标题信息点击指令,则将所述标题信息点击指令所点击的标题信息作为选取标题信息,根据所述选取标题信息对应的刻度标识,生成所述与所显示的导航刻度栏对应的刻度标识触发指令;
将所述刻度标识触发指令所触发的刻度标识作为所述目标刻度标识。
在一个实施例中,所述处理器1001在执行生成所述与所显示的导航刻度栏对应的刻度标识触发指令之后,还执行以下步骤:
对所述导航刻度栏所触发显示的每个刻度标识对应的标题信息进行渐退动画处理,在执行完所述渐退动画处理操作后,触发所述导航刻度栏显示所述导航刻度栏中的刻度标识。
在一个实施例中,所述处理器1001在执行当接收到与所显示的导航刻度栏对应的刻度标识触发指令时,将所述刻度标识触发指令所触发的刻度标识作为目标刻度标识时,具体执行以下步骤:
接收所述导航刻度栏所在区域内的导航刻度栏滑动指令,根据所述导航刻度栏滑动指令确定目标滑动位置;
若所述目标滑动位置包括所述导航刻度栏中的刻度标识,则根据所述目标滑动位置上的刻度标识,生成所述与所显示的导航刻度栏对应的刻度标识触发指令;
将所述刻度标识触发指令所触发的刻度标识作为所述目标刻度标识。
在一个实施例中,所述处理器1001还执行以下步骤:
当接收到与所显示的导航刻度栏对应的滚动触发指令时,根据所述滚动触发指令所包含的刻度标识滑动距离和刻度标识滑动方向,确定页面滑动距离和页面滑动方向;所述刻度标识滑动距离和所述刻度标识滑动方向是根据刻度标识在所述导航刻度栏中的滑动轨迹所确定的;
按照所述页面滑动距离和所述页面滑动方向,从所述目标页面滚动显示至更新页面,并在页面滚动显示时显示与屏幕中的页面对应的标题信息;所述目标页面和所述更新页面之间的距离等于所述页面滑动距离;所述目标页面至所述更新页面的方向与所述页面滑动方向相同。
在一个实施例中,所述处理器1001在执行当接收到与所显示的导航刻度栏对应的滚动触发指令时,根据所述滚动触发指令所包含的刻度标识滑动距离和刻度标识滑动方向,确定页面滑动距离和页面滑动方向时,具体执行以下步骤:
接收所述导航刻度栏所在区域内的导航刻度栏滑动指令,根据所述导航刻度栏滑动指令,确定在所述导航刻度栏中的刻度标识滑动距离和刻度标识滑动方向;
根据所述刻度标识滑动距离和所述刻度标识滑动方向,生成所述与所显示的导航刻度栏对应的滚动触发指令;
根据所述滚动触发指令所包含的刻度标识滑动距离和刻度标识滑动方向,确定所述页面滑动距离和所述页面滑动方向。
在一个实施例中,所述处理器1001在执行根据所述目标刻度标识对应的页面位置信息,从所述目标页面跳转至所述目标刻度标识对应的标题信息所在的页面时,具体执行以下步骤:
提取与所述目标刻度标识对应的标题信息,作为目标标题信息,提取与所述目标标题信息对应的索引链接;所述索引链接包括所述目标刻度标识对应的页面位置信息;
跳转至所述索引链接所指示的页面;所述索引链接所指示的页面中包括所述目标标题信息。
在一个实施例中,所述处理器1001还执行以下步骤:
若接收到页面退出请求,则将屏幕中的页面作为历史页面,根据所述历史页面计算滚动距离;所述滚动距离是根据所述历史页面和所述页面集合中的起始页面之间的页面距离,或是根据所述历史页面在所述导航刻度栏中对应的刻度标识与所述导航刻度栏中位于首位的刻度标识之间的刻度标识距离生成的;
当再次访问所述页面集合时,根据所述滚动距离,确定所述历史页面对应的页面位置信息,并根据所述历史页面对应的页面位置信息跳转至所述历史页面,并在所显示的所述历史页面中显示页面恢复提示信息。
在一个实施例中,所述处理器1001还执行以下步骤:
若接收到页面退出请求,则将屏幕中的页面作为历史页面,提取与所述历史页面对应的标题信息,作为历史标题信息;
当再次访问所述页面集合时,获取所述历史标题信息对应的页面位置信息,根据所述历史标题信息对应的页面位置信息,跳转至所述历史标题信息所在的页面,并在所显示的所述历史标题信息所在的页面中显示页面恢复提示信息。
本发明实施例通过显示页面集合中的目标页面,并在目标页面上显示与页面集合对应的导航刻度栏;页面集合包括多个标题信息以及与标题信息对应的页面位置信息;导航刻度栏包括多个刻度标识,且每个刻度标识对应一个标题信息和一个页面位置信息;当接收到刻度标识触发指令时,将刻度标识触发指令所触发的刻度标识作为目标刻度标识;从目标页面跳转至目标刻度标识对应的标题信息和页面位置信息所在的页面。航刻度栏在目标页面和跳转后的页面中均可以显示,即在任意页面中都可以始终显示导航刻度栏,因此,在用户要进行页面导航时,可以直接对屏幕中的导航刻度栏进行操作以实现页面导航跳转,即无需在每次进行页面导航时都要返回首页,从而可以降低导航页面耗时,提高导航页面的效率。而且发生页面跳转后,可以更新显示导航刻度栏中的目标刻度标识对应的展示方式,因此,在不同的页面中,导航刻度栏的展示方式并不完全相同,从而可以丰富导航页面的展示方式。
应当理解,本发明实施例中所描述的电子设备1000可执行前文图2到图5e所对应实施例中对所述页面处理方法的描述,也可执行前文图6所对应实施例中对所述页面处理装置1的描述,在此不再赘述。另外,对采用相同方法的有益效果描述,也不再进行赘述。
此外,这里需要指出的是:本发明实施例还提供了一种计算机存储介质,且所述计算机存储介质中存储有前文提及的页面处理装置1所执行的计算机程序,且所述计算机程序包括程序指令,当所述处理器执行所述程序指令时,能够执行前文图2到图5e所对应实施例中对所述页面处理方法的描述,因此,这里将不再进行赘述。另外,对采用相同方法的有益效果描述,也不再进行赘述。对于本发明所涉及的计算机存储介质实施例中未披露的技术细节,请参照本发明方法实施例的描述。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(Random AccessMemory,RAM)等。
以上所揭露的仅为本发明较佳实施例而已,当然不能以此来限定本发明之权利范围,因此依本发明权利要求所作的等同变化,仍属本发明所涵盖的范围。

Claims (15)

1.一种页面处理方法,其特征在于,包括:
显示页面集合中的目标页面,并在所述目标页面上显示与所述页面集合对应的导航刻度栏;所述页面集合包括多个标题信息以及与所述标题信息对应的页面位置信息;所述导航刻度栏包括多个用于在屏幕中进行显示的刻度标识,且每个刻度标识对应一个标题信息和一个页面位置信息;
当接收到与所显示的导航刻度栏对应的刻度标识触发指令时,将所述刻度标识触发指令所触发的刻度标识作为目标刻度标识;
根据所述目标刻度标识对应的页面位置信息,从所述目标页面跳转至所述目标刻度标识对应的标题信息所在的页面,并在跳转后的页面中更新显示所述导航刻度栏中的所述目标刻度标识对应的展示方式;
当接收到与所显示的导航刻度栏对应的滚动触发指令时,根据所述滚动触发指令确定针对所述目标页面的页面滑动距离和页面滑动方向;
按照所述页面滑动距离和所述页面滑动方向,从所述目标页面滚动显示至更新页面,并在页面滚动显示时根据所述导航刻度栏滚动显示与屏幕中的页面对应的标题信息。
2.根据权利要求1所述的方法,其特征在于,还包括:
获取所述页面集合,根据所述页面集合所包含的标题信息,确定每个标题信息在所述页面集合中的页面位置信息;
根据所述页面集合所包含的标题信息和每个标题信息对应的页面位置信息,构建与所述页面集合对应的导航刻度栏。
3.根据权利要求1所述的方法,其特征在于,所述当接收到与所显示的导航刻度栏对应的刻度标识触发指令时,将所述刻度标识触发指令所触发的刻度标识作为目标刻度标识,包括:
接收屏幕移动指令,若所述屏幕移动指令中的移动方向满足预设方向,且所述屏幕移动指令中的移动距离满足预设距离,则生成标题信息显示指令;
根据所述标题信息显示指令,触发所述导航刻度栏显示与所述每个刻度标识对应的标题信息;
若接收到标题信息点击指令,则将所述标题信息点击指令所点击的标题信息作为选取标题信息,根据所述选取标题信息对应的刻度标识,生成所述与所显示的导航刻度栏对应的刻度标识触发指令;
将所述刻度标识触发指令所触发的刻度标识作为所述目标刻度标识。
4.根据权利要求3所述的方法,其特征在于,在所述生成所述与所显示的导航刻度栏对应的刻度标识触发指令之后,还包括:
对所述导航刻度栏所触发显示的每个刻度标识对应的标题信息进行渐退动画处理,在执行完所述渐退动画处理操作后,触发所述导航刻度栏显示所述导航刻度栏中的刻度标识。
5.根据权利要求1所述的方法,其特征在于,所述当接收到与所显示的导航刻度栏对应的刻度标识触发指令时,将所述刻度标识触发指令所触发的刻度标识作为目标刻度标识,包括:
接收所述导航刻度栏所在区域内的导航刻度栏滑动指令,根据所述导航刻度栏滑动指令确定目标滑动位置;
若所述目标滑动位置包括所述导航刻度栏中的刻度标识,则根据所述目标滑动位置上的刻度标识,生成所述与所显示的导航刻度栏对应的刻度标识触发指令;
将所述刻度标识触发指令所触发的刻度标识作为所述目标刻度标识。
6.根据权利要求1所述的方法,其特征在于,所述滚动触发指令包含刻度标识滑动距离和刻度标识滑动方向;所述刻度标识滑动距离和所述刻度标识滑动方向是根据刻度标识在所述导航刻度栏中的滑动轨迹所确定的;所述页面滑动距离和所述页面滑动方向根据所述刻度标识滑动距离和所述刻度标识滑动方向所确定;所述目标页面和所述更新页面之间的距离等于所述页面滑动距离;所述目标页面至所述更新页面的方向与所述页面滑动方向相同。
7.根据权利要求6所述的方法,其特征在于,所述当接收到与所显示的导航刻度栏对应的滚动触发指令时,根据所述滚动触发指令确定针对所述目标页面的页面滑动距离和页面滑动方向,包括:
接收所述导航刻度栏所在区域内的导航刻度栏滑动指令,根据所述导航刻度栏滑动指令,确定在所述导航刻度栏中的所述刻度标识滑动距离和所述刻度标识滑动方向;
根据所述刻度标识滑动距离和所述刻度标识滑动方向,生成所述与所显示的导航刻度栏对应的滚动触发指令;
根据所述滚动触发指令所包含的所述刻度标识滑动距离和所述刻度标识滑动方向,确定所述页面滑动距离和所述页面滑动方向。
8.根据权利要求3或5所述的方法,其特征在于,所述根据所述目标刻度标识对应的页面位置信息,从所述目标页面跳转至所述目标刻度标识对应的标题信息所在的页面,包括:
提取与所述目标刻度标识对应的标题信息,作为目标标题信息,提取与所述目标标题信息对应的索引链接;所述索引链接包括所述目标刻度标识对应的页面位置信息;
跳转至所述索引链接所指示的页面;所述索引链接所指示的页面中包括所述目标标题信息。
9.根据权利要求1所述的方法,其特征在于,还包括:
若接收到页面退出请求,则将屏幕中的页面作为历史页面,根据所述历史页面计算滚动距离;所述滚动距离是根据所述历史页面和所述页面集合中的起始页面之间的页面距离,或是根据所述历史页面在所述导航刻度栏中对应的刻度标识与所述导航刻度栏中位于首位的刻度标识之间的刻度标识距离生成的;
当再次访问所述页面集合时,根据所述滚动距离,确定所述历史页面对应的页面位置信息,并根据所述历史页面对应的页面位置信息跳转至所述历史页面,并在所显示的所述历史页面中显示页面恢复提示信息。
10.根据权利要求1所述的方法,其特征在于,还包括:
若接收到页面退出请求,则将屏幕中的页面作为历史页面,提取与所述历史页面对应的标题信息,作为历史标题信息;
当再次访问所述页面集合时,获取所述历史标题信息对应的页面位置信息,根据所述历史标题信息对应的页面位置信息,跳转至所述历史标题信息所在的页面,并在所显示的所述历史标题信息所在的页面中显示页面恢复提示信息。
11.一种页面处理装置,其特征在于,包括:
显示模块,用于显示页面集合中的目标页面,并在所述目标页面上显示与所述页面集合对应的导航刻度栏;所述页面集合包括多个标题信息以及与所述标题信息对应的页面位置信息;所述导航刻度栏包括多个用于在屏幕中进行显示的刻度标识,且每个刻度标识对应一个标题信息和一个页面位置信息;
第一确定模块,用于当接收到与所显示的导航刻度栏对应的刻度标识触发指令时,将所述刻度标识触发指令所触发的刻度标识作为目标刻度标识;
跳转模块,用于根据所述目标刻度标识对应的页面位置信息,从所述目标页面跳转至所述目标刻度标识对应的标题信息所在的页面;
所述显示模块,还用于在跳转后的页面中更新显示所述导航刻度栏中的所述目标刻度标识对应的展示方式;
所述显示模块,还用于当接收到与所显示的导航刻度栏对应的滚动触发指令时,根据所述滚动触发指令确定针对所述目标页面的页面滑动距离和页面滑动方向;按照所述页面滑动距离和所述页面滑动方向,从所述目标页面滚动显示至更新页面,并在页面滚动显示时根据所述导航刻度栏滚动显示与屏幕中的页面对应的标题信息。
12.根据权利要求11所述的装置,其特征在于,还包括:
获取模块,用于获取所述页面集合,根据所述页面集合所包含的标题信息,确定每个标题信息在所述页面集合中的页面位置信息;
构建模块,用于根据所述页面集合所包含的标题信息和每个标题信息对应的页面位置信息,构建与所述页面集合对应的导航刻度栏。
13.根据权利要求11所述的装置,其特征在于,所述第一确定模块,包括:
接收单元,用于接收屏幕移动指令,若所述屏幕移动指令中的移动方向满足预设方向,且所述屏幕移动指令中的移动距离满足预设距离,则生成标题信息显示指令;
所述接收单元,还用于根据所述标题信息显示指令,触发所述导航刻度栏显示与所述每个刻度标识对应的标题信息;
第一确定单元,用于若接收到标题信息点击指令,则将所述标题信息点击指令所点击的标题信息作为选取标题信息,根据所述选取标题信息对应的刻度标识,生成所述与所显示的导航刻度栏对应的刻度标识触发指令;
所述第一确定单元,还用于将所述刻度标识触发指令所触发的刻度标识作为所述目标刻度标识。
14.一种电子设备,其特征在于,包括:处理器和存储器;
所述处理器和存储器相连,其中,所述存储器用于存储程序代码,所述处理器用于调用所述程序代码,以执行如权利要求1-10任一项所述的方法。
15.一种计算机存储介质,其特征在于,所述计算机存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时,执行如权利要求1-10任一项所述的方法。
CN201810574649.2A 2018-06-06 2018-06-06 一种页面处理方法、装置以及相关设备 Active CN108803974B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810574649.2A CN108803974B (zh) 2018-06-06 2018-06-06 一种页面处理方法、装置以及相关设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810574649.2A CN108803974B (zh) 2018-06-06 2018-06-06 一种页面处理方法、装置以及相关设备

Publications (2)

Publication Number Publication Date
CN108803974A CN108803974A (zh) 2018-11-13
CN108803974B true CN108803974B (zh) 2021-07-27

Family

ID=64087399

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810574649.2A Active CN108803974B (zh) 2018-06-06 2018-06-06 一种页面处理方法、装置以及相关设备

Country Status (1)

Country Link
CN (1) CN108803974B (zh)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109542296A (zh) * 2018-11-30 2019-03-29 北京字节跳动网络技术有限公司 一种标题的切换方法、装置、电子设备及可读介质
CN109656444B (zh) * 2018-12-13 2021-06-08 广州市百果园信息技术有限公司 列表定位方法、装置、设备及存储介质
CN111460352A (zh) * 2019-01-21 2020-07-28 北京金山办公软件股份有限公司 一种页面跳转方法、系统、存储介质和终端
CN110069309B (zh) * 2019-04-23 2021-02-12 广州方硅信息技术有限公司 一种页面配置方法、系统及客户端
CN112051946B (zh) * 2020-08-06 2022-03-25 北京达佳互联信息技术有限公司 文档数据的展示方法、装置、系统、电子设备及存储介质
CN112799754B (zh) * 2021-01-19 2023-03-24 网易(杭州)网络有限公司 信息处理方法、装置、存储介质及计算机设备
CN114297536B (zh) * 2021-11-17 2022-12-20 北京城市网邻信息技术有限公司 信息的显示方法、装置、电子设备及可读介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101963888A (zh) * 2010-09-30 2011-02-02 宇龙计算机通信科技(深圳)有限公司 一种电子终端及其控制页面滚动条的方法
CN103472983A (zh) * 2013-08-08 2013-12-25 广州市动景计算机科技有限公司 定位页面内容的方法及装置
CN103488423A (zh) * 2013-09-18 2014-01-01 百度在线网络技术(北京)有限公司 实现电子阅读器中书签功能的方法和装置
CN103635901A (zh) * 2011-06-03 2014-03-12 苹果公司 使用阅读列表面板呈现文档的方法
CN107092652A (zh) * 2017-03-14 2017-08-25 口碑控股有限公司 目标页面的导航方法及装置

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8370746B2 (en) * 1992-12-14 2013-02-05 Monkeymedia, Inc. Video player with seamless contraction
KR20080086265A (ko) * 2007-03-22 2008-09-25 삼성전자주식회사 디스플레이 화면의 스크롤 시스템 및 스크롤 방법, 그시스템을 포함하는 모바일 단말과 그 방법을 수행하는프로그램이 기록된 기록 매체
US9804729B2 (en) * 2013-03-15 2017-10-31 International Business Machines Corporation Presenting key differences between related content from different mediums

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101963888A (zh) * 2010-09-30 2011-02-02 宇龙计算机通信科技(深圳)有限公司 一种电子终端及其控制页面滚动条的方法
CN103635901A (zh) * 2011-06-03 2014-03-12 苹果公司 使用阅读列表面板呈现文档的方法
CN103472983A (zh) * 2013-08-08 2013-12-25 广州市动景计算机科技有限公司 定位页面内容的方法及装置
CN103488423A (zh) * 2013-09-18 2014-01-01 百度在线网络技术(北京)有限公司 实现电子阅读器中书签功能的方法和装置
CN107092652A (zh) * 2017-03-14 2017-08-25 口碑控股有限公司 目标页面的导航方法及装置

Also Published As

Publication number Publication date
CN108803974A (zh) 2018-11-13

Similar Documents

Publication Publication Date Title
CN108803974B (zh) 一种页面处理方法、装置以及相关设备
US10331300B2 (en) Device and methods for control including presentation of a list of selectable display elements
CN110417988B (zh) 一种界面显示方法、装置及设备
US10417297B2 (en) Webpage loading method and system
US8914496B1 (en) Tracking user behavior relative to a network page
CN107783714B (zh) 一种页面展示方法、装置、电子设备及存储介质
US20110022957A1 (en) Web browsing method and web browsing device
CN106095917B (zh) 一种书签保存、展示方法、装置及浏览器
JP4475408B2 (ja) 表示装置
CN107045414B (zh) 控制具有触控屏的终端的方法及终端
CN104008114A (zh) 一种wap浏览器的页面跳转方法及装置
CN106681616B (zh) 一种浏览器功能栏显示方法、装置及设备
KR100983003B1 (ko) 이동통신 단말기의 표적 광고 시스템 및 방법
WO2014032589A1 (en) Window switching method and apparatus
CN107193880B (zh) 一种页面跳转方法与装置
CN112130729B (zh) 页面处理方法、装置、计算机设备和存储介质
CN103257782A (zh) 一种移动设备的标题栏路径导航方法和系统
CN110362766B (zh) 一种页面显示控制方法及终端
CN111475239A (zh) 应用程序的页面处理方法、系统、电子设备及存储介质
US20130262445A1 (en) Browsing real-time search results reliably on a mobile computing device
KR101361410B1 (ko) 웹 관리 장치, 웹 관리 방법, 웹 관리 프로그램을 기록하는 컴퓨터 판독 가능한 기록 매체, 및 웹 시스템
CN110781427A (zh) 一种首屏时间的计算方法、装置、设备和存储介质
JP2010244126A (ja) 小型情報端末向け注目語推定方式および検索方式
CN107957842B (zh) 一种用户生成内容的展示方法和终端设备
JP2010140497A (ja) 表示装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant