页面控制方法及装置与流程

文档序号:11828497阅读:233来源:国知局
页面控制方法及装置与流程

本申请涉及互联网领域,尤其涉及一种页面控制方法及装置。



背景技术:

移动端长页面通常是指iOS、Andriod等操作系统中垂直展示超过3屏以上的页面,即用户需要上下滚动页面才能浏览到完整的页面内容。当用户浏览移动设备上的长页面时,在浏览过程中当用户想要回到页面的顶部或者底部时,需要在当前浏览的页面上连续地进行滑动操作,使当前页面不断地向下或者向上滚动,直到到达页面的顶部或者底部,显然,这种交互方式用户体验并不理想。

现有的解决这一问题的方案为:在与用户的交互界面上设置一块特定区域,作为返回页面顶部或底部的响应区域,利用iOS或Andirod系统提供的功能接口,使用户在该特定区域进行预定操作就能直接回到页面的顶部或底部,以目前常见的即时通讯应用(微信)的页面为例,在该应用的交互界面上设置一特定区域,例如,设置为交互界面顶部的标题栏,当用户在浏览过程中想要返回到页面顶部时(例如,查看最近更新的内容时需要返回到页面顶部),用户双击(连续触击两次)该应用的交互界面顶部的标题栏时,长页面自动滚动到页面顶部。

采用上述方案存在以下缺陷:一方面,设置的作为响应区域的特定区域用户一般很难找到并使用;另一方面移动端的界面大小有限,单独设定一个区域作为返回页面顶部或底部的响应区域,会让原本有限的操作区域更少,这样容易导致用户的误操作。

综上所述,需要提出一种控制移动端长页面滚动的方案,以解决上述问题。



技术实现要素:

本申请的主要目的在于提供一种页面控制方法及装置,以解决现有技术存在的单独设定返回页面顶部或底部的响应区域,占用有限的操作区域导致用户误操作问题,其中:

本申请提供了一种页面控制方法,包括:根据接收到的对当前页面的第一滑动操作滚动所述页面,并接收对所述页面的第二滑动操作,其中,所述第一滑动操作和第二滑动操作是在当前页面上进行的第一方向或第二方向的滑动操作,第一方向和第二方向为相反的两个方向;根据所述第一滑动操作和第二滑动操作,滚动所述页面至页面的顶部或底部。

根据本申请,在该方法中,所述根据所述第一滑动操作和第二滑动操作,滚动所述页面至页面的顶部或底部,具体包括:在所述页面停止滚动前,如果接收到对所述页面的第二滑动操作,则判断所述第二滑动操作是否符合第一预设条件;如果所述第二滑动操作符合第一预设条件,则判断所述第二滑动操作是否符合第二预设条件;如果所述第二滑动操作符合第二预设条件,则沿所述页面的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部。

根据本申请,在该方法中,判断所述第二滑动操作是否符合第一预设条件,包括:判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相同;如果是,则确定所述第二滑动操作符合第一预设条件。

根据本申请,在该方法中,判断所述第二滑动操作是否符合第一预设条件,包括:判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相反;如果是,则确定所述第二滑动操作符合第一预设条件。

根据本申请,在该方法中,判断所述第二滑动操作是否符合第二预设条件,包括:判断所述第二滑动操作的滑动速度是否大于或等于预定滑动速度;如果是,则确定所述第二滑动操作符合第二预设条件;或者,判断所述第二滑动操作与所述第一滑动操作的时间间隔是否小于预定阈值;如果是,则确定所述第二滑动操作符合第二预设条件;或者,判断所述页面的滚动速度是否大于或等于预定滚动速度,其中,所述预定滚动速度是根据所述页面滚动时的初速度确定的;如果是,则确定所述第二滑动操作符合第二预设条件。

根据本申请,在该方法中,判断所述第二滑动操作是否符合第一预设条件,包括:判断所述页面的滚动速度是否大于或等于预定滚动速度,其中,所述预定滚动速度是根据所述页面滚动时的初速度确定的;如果是,则确定所述第二滑动操作符合第一预设条件;判断所述第二滑动操作是否符合第二预设条件,包括:判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相同;如果是,则确定所述第二滑动操作符合第二预设条件。

根据本申请,在该方法中,沿所述页面当前的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部,包括:以所述第二滑动操作的滑动速度为初速度,沿所述页面当前的滚动方向以预定的加速度继续滚动所述页面,直到到达所述页面顶部或底部。

根据本申请,在该方法中,如果所述第二滑动操作不符合第一预设条件和/或第二预设条件,则根据所述第二滑动操作滚动所述页面。

根据本申请,在该方法中,还包括:在沿所述页面的滚动方向继续滚动所述页面时,如果接收到对所述页面的预定操作,则停止滚动所述页面,其中,所述预定操作包括:对所述页面任意区域的点击操作。

本申请还提供了一种页面控制装置,包括:第一滚动模块,用于根据接收到的对当前页面的第一滑动操作滚动所述页面;接收模块,用于接收对所述页面的第二滑动操作;其中,所述第一滑动操作和第二滑动操作是在当前页面上进行的第一方向或第二方向的滑动操作,第一方向和第二方向为相反的两个方向;第二滚动模块,用于根据所述第一滑动操作和第二滑动操作,滚动所述页面至页面的顶部或底部。

根据本申请,在该装置中,所述第二滚动模块,包括:第一判断子模块,用于在所述页面停止滚动前,如果接收到对所述页面的第二滑动操作,则判断所述第二滑动操作是否符合第一预设条件;第二判断子模块,用于如果所述第二滑动操作符合第一预设条件,则判断所述第二滑动操作是否符合第二预设条件;滚动子模块,用于如果所述第二滑动操作符合第二预设条件,则沿所述页面的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部。

根据本申请,在该装置中,所述第一判断子模块,进一步用于:判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相同,如果是,则确定所述第二滑动操作符合第一预设条件。

根据本申请,在该装置中,所述第一判断子模块,进一步用于:判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相反,如果是,则确定所述第二滑动操作符合第一预设条件。

根据本申请,在该装置中,所述第二判断子模块,进一步用于:判断所述第二滑动操作的滑动速度是否大于或等于预定滑动速度;如果是,则确定所述第二滑动操作符合第二预设条件;或者,判断所述第二滑动操作与所述第一滑动操作的时间间隔是否小于预定阈值;如果是,则确定所述第二滑动操作符合第二预设条件;或者,判断所述页面的滚动速度是否大于或等于预定滚动速度;如果是,则确定所述第二滑动操作符合第二预设条件。

根据本申请,在该装置中,所述第一判断子模块,进一步用于:判断所述页面的滚动速度是否大于或等于预定滚动速度,其中,所述预定滚动速度是根据所述页面滚动时的初速度确定的;如果是,则确定所述第二滑动操作符合第一预设条件;所述第二判断子模块,进一步用于:判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相同;如果是,则确定所述第二滑动操作符合第一预设条件。

根据本申请,在该装置中,所述滚动子模块,进一步用于:以所述第二滑动操作的滑动速度为初速度,沿所述页面当前的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部。

根据本申请,在该装置中,所述滚动子模块,还用于:如果所述第二滑动操作不符合第一预设条件和/或第二预设条件,则根据所述第二滑动操作滚动所述页面。

根据本申请,在该装置中,还包括:停止模块,用于在沿所述页面的滚动方向继续滚动所述页面时,如果接收到对所述页面的预定操作,则停止滚动所述页面,其中,所述预定操作包括:对所述页面任意区域的点击操作。

本申请技术方案,可根据用户对页面的第一滑动操作和第二滑动操作,实现对页面滑动到页面的底部或顶部的指令输入,使得页面的操作更加方便 快捷;同时,该操作不用占用单独的页面空间。

附图说明

此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:

图1是根据本申请的页面控制方法的流程图;

图2是根据本申请一个实施例的页面控制方法的流程图;

图3是根据本申请另一个实施例的页面控制方法的流程图;

图4是根据本申请又一个实施例的页面控制方法的流程图;

图5是根据本申请再一个实施例的页面控制方法的流程图;以及

图6是根据本申请的页面控制装置的结构框图;

图7是根据本申请一个实施例的根据所述第一滑动操作和第二滑动操作,滚动所述页面至页面的顶部或底部的步骤的具体流程图。

具体实施方式

本申请技术方案中,在对页面进行操作时,可根据用户的两次滑动操作,来将页面滚到页面的顶部或底部,具体而言,当用户对页面进行的第一方向或第二方向的滑动操作滚动当前页面时,如果用户再次对当前页面进行滑动操作,则如果该操作满足预设的条件,就将该页面沿原来的滚动方向继续滚动直到到达该页面的底部或顶部,实现页面底部或顶部的直达,从而实现不需要在交互界面上单独设置用于返回页面顶部或底部响应区域,就能在用户浏览页面的过程中快速直达页面底部或顶部的操作。

其中,所述的第一方向和第二方向可以是指相对页面的展示时,例如网页展示时的向上和向下,或者也可以是向左或向右的方向。滑动操作也就是指用户在页面上的向上或向下的滑动方向上的滑动操作,或者指用户在页面的向左或向右的滑动方向上的滑动操作,上述的滑动到页面的顶部或底部,对应第一方向和第二方向为向上或向下时,指的是在页面在最上方的位置为 顶部,在最下方的位置为底部;对应的第一方向和第二方向为向左或向右时,指的是页面在最左方的位置为顶部,在最右方的位置为底部。可以理解,在不同场景下,根据第一方向和第二方向的具体方向,可设定页面的顶部或底部的位置。第一方向和第二方向为相反的两个方向。本实施例中,为便于描述,第一方向和第二方向均以向上或向下的方向来进行描述。

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

在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flashRAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitory media),如调制的数据信号和载波。

还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语 句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

根据本申请的实施例,提供了一种页面控制方法。该方法可以应用于iOS或Android操作系统的移动设备(如,智能手机、平板电脑等)上的客户端应用(APP)中,例如,即时通讯应用,社交网络应用,浏览器应用等。

参考图1,图1是本申请的页面控制方法的流程图,如图1所示,该方法至少包括:

步骤S110,根据接收到的对当前页面的第一滑动操作滚动所述页面,并接收对所述页面的第二滑动操作。

所述第一滑动操作和第二滑动操作是在当前页面上进行的向下或向上的滑动操作,当接收到用户对当前页面进行的第一滑动操作时,根据该第一滑动操作滚动当前页面,并接收对所述页面的第二滑动操作。

具体而言,所述第一滑动操作可以为用户在交互界面上当前显示的页面上进行的使该页面向下或向上滚动的滑动操作,当接收到该第一滑动操作时,可以根据所述第一滑动操作的滑动方向和滑动速度滚动当前页面。具体地,可以以所述第一滑动操作的滑动速度为初速度,沿所述第一滑动操作的滑动方向并以预定的加速度滚动当前页面,其中,所述加速度的方向与页面滚动的方向相反,也就是说,以第一滑动操作的滑动速度为初速度,沿第一滑动操作的滑动方向减速滚动当前页面。并且在滚动该页面时,接收对该页面的第二滑动操作。

步骤S120,根据所述第一滑动操作和第二滑动操作,滚动所述页面至页面的顶部或底部。

具体地,可以参考图7,图7为根据本申请一个实施例的根据所述第一 滑动操作和第二滑动操作,滚动所述页面至页面的顶部或底部的步骤的具体流程图。如图7所示,步骤S120可以包括:

步骤S710,在所述页面停止滚动前,如果接收到对所述页面的第二滑动操作,则判断所述第二滑动操作是否符合第一预设条件。

具体而言,在根据所述第一滑动操作滚动当前页面时,可以以所述第一滑动操作的滑动速度为初速度,沿所述第一滑动操作的滑动方向并以预定加速度减速滚动当前页面,也就是说,该页面以预定加速度匀减速滚动,直到速度减小到零,即该页面停止滚动,因此,如果在该页面停止滚动前,如果接收到第二滑动操作,则判断该第二滑动操作是否符合第一预设条件。

其中,所述第一预设条件可以包括:所述第二滑动操作的滑动方向与所述页面滚动的方向是否相同,则判断所述第二滑动操作是否符合第一预设条件的步骤可以包括:判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相同;如果是,则确定所述第二滑动操作符合第一预设条件。

或者,所述第一预设条件可以包括:所述第二滑动操作的滑动方向与所述页面滚动的方向是否相反。则判断所述第二滑动操作是否符合第一预设条件的步骤可以包括:判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相反;如果是,则确定所述第二滑动操作符合第一预设条件。

步骤S720,如果所述第二滑动操作符合第一预设条件,则判断所述第二滑动操作是否符合第二预设条件。也就是说,当判断该第二滑动操作符合第一预设条件时,进一步判断该第二滑动操作是否符合第二预设条件。

具体地,所述第二预设条件可以包括:所述第二滑动操作的滑动速度是否大于或等于预定滑动速度,则判断所述第二滑动操作是否符合第二预设条件的步骤可以包括:判断所述第二滑动操作的滑动速度是否大于或等于预定滑动速度;如果是,则确定所述第二滑动操作符合第二预设条件。

或者,所述第二预设条件可以包括:所述第二滑动操作与所述第一滑动操作的时间间隔是否小于预定阈值;则判断所述第二滑动操作是否符合第二预设条件的步骤可以包括:判断所述第二滑动操作与所述第一滑动操作的时间间隔是否小于预定阈值;如果是,则确定所述第二滑动操作符合第二预设条件。

或者,所述第二预设条件可以包括:所述页面的滚动速度是否大于或等于预定滚动速度。则判断所述第二滑动操作是否符合第二预设条件的步骤可以包括:判断所述页面的滚动速度是否大于或等于预定滚动速度;如果是,则确定所述第二滑动操作符合第二预设条件。

上述判断第二滑动操作是否符合第二预设条件的判断方式,在实际应用时可以采用至少一种判断方式,当采用上述判断方式中的一种以上进行判断时,只需在任意一种方式下确定所述第二滑动操作符合第二预设条件。也就是说,如果所述第二滑动操作满足上述条件中任意一种,即可确定所述第二滑动操作符合第二预设条件。

步骤S730,如果所述第二滑动操作符合第二预设条件,则沿所述页面的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部。

根据本申请的一个实施例,在判断所述第二滑动操作的滑动方向与所述页面滚动的方向相同时,可以以所述第二滑动操作的滑动速度为初速度,沿所述页面当前的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部。

具体而言,可以获取所述页面当前显示部分(当前显示在交互界面上的部分)与所述页面顶部或底部之间的距离,根据所述距离和所述第二滑动操作的滑动速度,确定滚动所述页面的加速度,并以所述第二滑动操作的滑动速度为初速度沿所述页面当前的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部。

更具体而言,可以根据所述页面的长度和所述第二滑动操作的滑动速度,确定沿所述页面当前的滚动方向继续滚动所述页面的加速度,其中,所述加速度的方向与所述页面当前的滚动方向相反;以所述第二滑动操作的滑动速度为初速度,沿所述页面当前的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部。

其中,如果所述页面当前的滚动方向为向下,则继续向下滚动所述页面,直到到达所述页面顶部;如果所述页面当前的滚动方向为向上,则继续向上滚动所述页面,直到到达所述页面底部。

根据本申请的一个实施例,所述第一预设条件可以包括:所述页面的滚 动速度是否大于或等于预定滚动速度;判断所述第二滑动操作是否符合第一预设条件的步骤,包括:判断所述页面的滚动速度是否大于或等于预定滚动速度;如果是,则确定所述第二滑动操作符合第一预设条件。进一步地,所述第二预设条件包括:所述第二滑动操作的滑动方向与所述页面滚动的方向是否相同;则判断所述第二滑动操作是否符合第二预设条件,包括:判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相同;如果是,则确定所述第二滑动操作符合第一预设条件。

可选地,该方法还可以包括:如果所述第二滑动操作不符合第一预设条件或第二预设条件,则根据所述第二滑动操作滚动所述页面。也就是说,如果该第二滑动操作不符合第一预设条件,或者符合第一预设条件但不符合第二预设条件,则该第二滑动操作为普通的控制页面滚动的操作(与第一滑动操作相同),则根据所述第二滑动操作滚动所述页面。

具体而言,可以根据所述第二滑动操作的滑动方向和滑动速度,并以预定加速度滚动所述页面,也就是说,沿所述第二滑动操作的滑动方向,以预定加速度滚动所述页面,实际上,由于该第二滑动操作不符合第一预设条件或第二预设条件,也就是说该第二滑动操作不符合将当前页面快捷滚动到页面顶部或底部的条件,因此,根据接收的该第二滑动操作进行相应的页面滚动控制。

可选地,该方法还可以包括:在沿所述页面的滚动方向继续滚动所述页面时,如果接收到对所述页面的预定操作,则停止滚动所述页面。也即是说,当在步骤S730处沿所述页面的滚动方向继续滚动所述页面时,如果接收到对所述页面的预定操作,则停止滚动所述页面。其中,所述预定操作可以为对所述页面任意区域的点击操作,本申请不限于此,该预定操作可以为其他任意的操作,例如双击任意区域等。

以下结合图2以一个具体实施例对本申请的页面控制方法进行具体描述。本实施例中,第一预设条件为所述第二滑动操作的滑动方向与所述页面滚动的方向(该滚动的方向与第一滑动操作的方向相同)是否相同,第二预设条件为所述第二滑动操作的滑动速度是否大于或等于预定滑动速度,也就是说,当检测到对页面进行的两次方向相同的滑动操作,并且第二次滑动操 作的滑动速度大于或等于一预定滑动速度时,滚动该页面至页面的顶部或底部。

参考图2,图2是根据本申请一个实施例的页面控制方法的流程图,如图2所示,

步骤S210,根据接收到的对当前页面的第一滑动操作滚动所述页面,并接收对所述页面的第二滑动操作。

具体而言,当接收到用户对当前页面进行的第一滑动操作时,根据该第一滑动操作的滑动方向和滑动速度滚动当前页面,并接收对所述页面的第二滑动操作。

步骤S220,在所述页面停止滚动前,如果接收到对所述页面的第二滑动操作,则判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相同。

也即是说,若该页面的滚动方向为向上(或向下),则判断该第二滑动操作的滑动方向是否为向上(或向下)。当前页面滚动方向与第一滑动操作的滑动方向相同,因此,还可以判断该第二滑动操作的滑动方向是否与第一滑动操作的滑动方向相同。

步骤S230,如果所述第二滑动操作的滑动方向与所述页面滚动的方向相同,则判断所述第二滑动操作的滑动速度是否大于或等于预定滑动速度。

所述预定滑动速度可以为根据第一滑动操作的滑动速度确定的,例如,该预定滑动速度可以等于第一滑动操作的滑动速度,也就是说,判断所述第二滑动操作的滑动速度是否大于或等于第一滑动操作的滑动速度。

如果所述第二滑动操作的滑动方向与所述页面滚动的方向不同,则根据该第二滑动操作的滑动方向和滑动速度滚动当前页面,具体而言,可以沿该第二滑动操作的滑动方向,以该第二滑动操作的滑动速度为初速度,并以预定的加速度匀减速滚动当前页面。

步骤S240,如果所述第二滑动操作的滑动速度大于或等于预定滑动速度,则沿所述页面的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部。

其中,如果所述第二滑动操作的滑动速度小于预定滑动速度,则根据该第二滑动操作的滑动方向和滑动速度滚动当前页面。

在实际中,例如用户在某一应用的交互界面上进行浏览时,当浏览某一长页面时,如果想要返回到该页面的顶部,则用户先在该页面上进行一次向下的滑动操作,即,第一滑动操作,如果接收到该第一滑动操作,则根据该第一滑动操作减速向下滚动当前页面,如果用户在页面未停止滚动之前又进行一次滑动操作,即,第二滑动操作,则判断该第二滑动操作是否为向下,如果不是,则根据该第二滑动操作以预定加速度减速向下滚动该页面,当滚动速度为零时,该页面停止滚动;如果该第二滑动操作与该页面当前的滚动方向相同为方向向下,则继续判断第二滑动操作的滑动速度是否大于或等于预定滑动速度,如果第二滑动操作的滑动速度小于预定滑动速度,则根据该第二滑动操作以预定加速度减速向下滚动该页面,如果第二滑动操作的滑动速度大于或等于预定滑动速度,则继续向下滚动该页面,直到到达所述页面顶部。因此,采用本实施例使用户可以通过对页面进行两次方向相同的滑动操作,并使第二次滑动操作的滑动速度大于或等于一预定滑动速度,来实现将页面滑动到页面的底部或顶部的指令输入,从而实现直达页面底部或顶部的操作。

以下结合图3,再以一个具体实施例对本申请的页面控制方法进行具体描述。本实施例中,第一预设条件为所述第二滑动操作的滑动方向与所述页面滚动的方向(该滚动的方向与第一滑动操作的方向相同)是否相同,第二预设条件为所述页面的滚动速度是否大于或等于预定滚动速度,也就是说,当检测到对当前页面进行的两次方向相同的滑动操作,并且进行第二次滑动操作时,该页面的滚动速度大于或等于预定滚动速度时,滚动该页面至页面的顶部或底部。

参考图3,图3是根据本申请另一个实施例的页面控制方法的流程图,如图3所示,

步骤S310,根据接收到的对当前页面的第一滑动操作滚动所述页面,并接收对所述页面的第二滑动操作。

当接收到用户对当前页面进行的第一滑动操作时,根据该第一滑动操作 的滑动方向和滑动速度滚动当前页面,并接收对所述页面的第二滑动操作。

步骤S320,在所述页面停止滚动前,如果接收到对所述页面的第二滑动操作,则判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相同。

也即是说,若该页面的滚动方向为向上(或向下),则判断该第二滑动操作的滑动方向是否为向上(或向下)。当前页面滚动方向与第一滑动操作的滑动方向相同,因此,还可以判断该第二滑动操作的滑动方向是否与第一滑动操作的滑动方向相同。

步骤S330,如果所述第二滑动操作的滑动方向与所述页面滚动的方向相同,则判断所述页面的滚动速度是否大于或等于预定滚动速度。

具体地,该预定滚动速度是根据所述页面滚动时的初速度确定的,也就是根据第一滑动操作滚动所述页面时的初速度,例如,该预定滚动速度可以设置为所述页面滚动时初速度的预定比例,例如,可以设置为初速度的1/2。

如果所述页面的滚动速度小于预定滚动速度,则根据该第二滑动操作的滑动方向和滑动速度滚动当前页面。具体地,可以沿该第二滑动操作的滑动方向,以该第二滑动操作的滑动速度为初速度,并以预定的加速度匀减速滚动当前页面。

步骤S340,如果所述页面的滚动速度大于或等于预定滚动速度,则沿所述页面的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部。

其中,还包括:如果所述页面的滚动速度小于预定滚动速度,则根据该第二滑动操作的滑动方向和滑动速度滚动当前页面。

本实施例与如图2所示的实施例都是先判断第二滑动操作的滑动方向与所述页面滚动的方向(第一滑动操作的方向)是否相同,与图2所示实施例不同的是,本实施例在判断第二滑动操作的滑动方向与页面滚动的方向相同时,接下来判断所述页面的滚动速度是否大于或等于预定滚动速度(第一预设条件相同,而第二预设条件不同)。采用本实施例,使用户可以通过对页面进行两次方向相同的滑动操作,并且,在页面的滚动速度大于或等于预定滚动速度时进行第二次滑动操作,实现将页面滑动到页面的底部或顶部的指 令输入,从而实现直达页面底部或顶部的操作。

需要说明的是,在本实施例中的步骤S330处,如果所述第二滑动操作的滑动方向与所述页面滚动的方向相同,可以不进行判断所述页面的滚动速度是否大于或等于预定滚动速度的步骤,而是进行判断所述第二滑动操作与所述第一滑动操作的时间间隔是否小于预定阈值的步骤,则进一步地,在步骤S340处,如果所述第二滑动操作与所述第一滑动操作的时间间隔小于预定阈值,则沿所述页面的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部。如果所述第二滑动操作与所述第一滑动操作的时间间隔大于或等于预定阈值,则可以沿第二滑动操作的滑动方向,以预定加速度(与速度方向相反的加速度)减速滚动该页面。从而,可以使用户通过对页面进行两次方向相同的滑动操作,并使两次滑动操作的时间间隔小于预定阈值,来实现直达页面顶部的操作。

以下结合图4,再以一个具体实施例对本申请的页面控制方法进行具体描述。本实施例中,第一预设条件为所述第二滑动操作的滑动方向与所述页面滚动的方向(该滚动的方向与第一滑动操作的方向相同)是否相反,第二预设条件为所述第二滑动操作与所述第一滑动操作的时间间隔是否小于预定阈值,也就是说,当检测到对当前页面进行的两次方向相反的滑动操作,并且两次滑动操作的时间间隔小于预定阈值时,滚动该页面至页面的顶部或底部。

参考图4,图4是根据本申请又一个实施例的页面控制方法的流程图,如图4所示,

步骤S410,根据接收到的对当前页面的第一滑动操作滚动所述页面,并接收对所述页面的第二滑动操作。

具体地,当接收到用户对当前页面进行的第一滑动操作时,根据该第一滑动操作减速滚动当前页面,并接收对所述页面的第二滑动操作。

步骤S420,在所述页面停止滚动前,如果接收到对所述页面的第二滑动操作,则判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相反。

也就是说,若该页面的滚动方向为向上(或向下),则判断该第二滑动 操作的滑动方向是否为向下(或向上)。当前页面滚动方向与第一滑动操作的滑动方向相同,因此,还可以判断该第二滑动操作的滑动方向是否与第一滑动操作的滑动方向相反。

步骤S430,如果所述第二滑动操作的滑动方向与所述页面滚动的方向相反,则判断所述第二滑动操作与所述第一滑动操作的时间间隔是否小于预定阈值。

其中,所述预定阈值例如可以预先设置为0.5秒。也就是说,如果用户进行的两次滑动操作方向相反,则判断用户在该页面上进行的两次滑动操作的时间间隔是否小于0.5秒。

可选地,如果在步骤S430中,判断所述第二滑动操作的滑动方向与所述页面滚动的方向不相反(即,相同),则可以根据该第二滑动操作以预定加速度减速向下滚动该页面(或者先停止该页面的滚动,再根据该第二滑动操作以预定加速度减速向下滚动该页面)。

步骤S440,如果所述第二滑动操作与所述第一滑动操作的时间间隔小于预定阈值,则沿所述页面的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部。其中,如果所述第二滑动操作与所述第一滑动操作的时间间隔大于或等于预定阈值,则可以沿第二滑动操作的滑动方向,以预定加速度减速滚动该页面。

在实际中,例如用户在某一应用的交互界面上进行浏览时,当浏览某一长页面时,如果想要返回到该页面的顶部,则用户先在该页面上进行一次向下的滑动操作,即,第一滑动操作,系统接收到该第一滑动操作,则根据该第一滑动操作减速向下滚动当前页面,如果用户在页面未停止滚动之前又进行一次滑动操作,即,第二滑动操作,则判断该第二滑动操作的滑动方向与该页面滚动的方向是否相反,即,该第二滑动操作的滑动方向是否为向上,如果不是,则根据该第二滑动操作以预定加速度,减速向下滚动该页面,如果该第二滑动操作的滑动方向与该页面滚动的方向相反,即,为方向向上的滑动操作,则进一步继续判断该第二滑动操作与该第一滑动操作的时间间隔是否小于预定阈值,也就是说判断用户进行的两次滑动操作的时间间隔是否小于预定阈值,如果是,则继续向下滚动该页面,直到到达所述页面顶部。

本实施例中,用户可以通过对页面连续进行两次方向相反的滑动操作,并使两次滑动操作的时间间隔小于预定阈值来实现将页面滑动到页面的底部或顶部的指令输入,从而实现直达页面底部或顶部的操作。

需要说明的是,在上述实施例中的步骤S430处,如果所述第二滑动操作的滑动方向与所述页面滚动的方向相反,可以不进行判断所述第二滑动操作与所述第一滑动操作的时间间隔是否小于预定阈值的步骤,而是进行判断所述第二滑动操作的滑动速度是否大于或等于预定滑动速度,或者判断所述页面的滚动速度是否大于或等于预定滚动速度的步骤,则进一步地,在步骤S440处,如果所述第二滑动操作的滑动速度是否大于或等于预定滑动速度,或者所述页面的滚动速度是否大于或等于预定滚动速度,则沿所述页面的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部,否则,则可以沿第二滑动操作的滑动方向,以预定加速度(与速度方向相反的加速度)减速滚动该页面。从而,可以使用户通过对页面进行两次方向相反的滑动操作,来实现直达页面顶部的操作。

本实施例与图2、图3所示的实施例不同的是,本实施例在判断所述第二滑动操作的滑动方向与所述页面滚动的方向相反时(与图2、图3所示的实施例的第一预设条件不同),再进行后续的判断(是否符合第二预设条件的判断),其中,后续进行判断的方式可以采用与图2、图3所示的实施例中相同的判断方式(第二预设条件)。

以下结合图5,再以一个具体实施例对本申请的页面控制方法进行具体描述。本实施例中,第一预设条件为所述页面的滚动速度是否大于或等于预定滚动速度,第二预设条件为所述第二滑动操作的滑动方向与所述页面滚动的方向(该滚动的方向与第一滑动操作的方向相同)是否相同,也就是说,当根据对当前页面进行的滑动操作滚动当前页面时,如果在当前页面的滚动速度大于或等于预定滚动速度时,再次接收到对该页面进行的滑动操作,且两次滑动操作的滑动方向相同时,滚动该页面至页面的顶部或底部。

参考图5,图5是根据本申请再一个实施例的页面控制方法的流程图,如图5所示,

步骤S510,根据接收到的对当前页面的第一滑动操作滚动所述页面,并 接收对所述页面的第二滑动操作。

具体而言,所述第一滑动操作和第二滑动操作是在当前页面上进行的向下或向上的滑动操作,当接收到用户对当前页面进行的第一滑动操作时,根据该第一滑动操作的滑动方向和滑动速度滚动当前页面,并接收对所述页面的第二滑动操作。

步骤S520,在所述页面停止滚动前,如果接收到对所述页面的第二滑动操作,则判断所述页面的滚动速度是否大于或等于预定滚动速度。

具体地,如果在当前页面停止滚动前,接收到对当前页面的第二滑动操作,则判断所述页面当前(接收到所述第二滑动操作时)的滚动速度是否大于或等于预定滚动速度。其中,该预定滚动速度是根据所述页面滚动时的初速度确定的,也就是根据第一滑动操作滚动所述页面时的初速度,例如,该预定滚动速度可以设置为所述页面滚动时初速度的预定比例,例如,可以设置为初速度的1/2。

步骤S530,如果所述页面的滚动速度大于或等于预定滚动速度,则判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相同。其中,如果所述页面的滚动速度小于预定滚动速度,则根据该第二滑动操作,以预定加速度减速滚动所述页面。

由于当前页面的滚动是根据第一滑动操作进行的滚动,也就是说,当前页面的滚动方向与该第一滑动操作的方向相同,因此,判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相同,也即是判断该第二滑动操作是否与第一滑动操作的方向相同。

步骤S540,如果所述第二滑动操作的滑动方向与所述页面滚动的方向相同,则沿所述页面的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部。其中,如果所述第二滑动操作的滑动方向与所述页面滚动的方向不相同,则根据该第二滑动操作,以预定加速度减速滚动所述页面。

在实际中,例如用户在某一应用的交互界面上进行浏览时,当浏览某一长页面时,如果想要返回到该页面的顶部,则用户先在该页面上进行一次向下的滑动操作,即,第一滑动操作,系统接收到该第一滑动操作,则根据该第一滑动操作减速向下滚动当前页面,如果用户在页面未停止滚动之前又进 行一次滑动操作,即,第二滑动操作,则判断当前该页面的滚动速度是否大于或等于预定滚动速度,如果当前该页面的滚动速度小于预定滚动速度,则根据该第二滑动操作以预定加速度减速向下滚动该页面,如果当前该页面的滚动速度大于或等于预定滚动速度,则进一步继续判断第二滑动操作的滑动方向与该页面滚动的方向是否相同,也就是说判断该第二滑动操作的滑动方向是否向下,如果是,则继续向下滚动该页面,直到到达所述页面顶部。

与图3所示的实施例相比,本实施例是先判断页面的滚动速度是否大于或等于预定滚动速度,再判断第二滑动操作的滑动方向与所述页面滚动的方向是否相同。本实施例中,用户可以通过连续对页面进行两次方向相同的向下或向上的滑动操作,并且,在页面的滚动速度大于或等于预定滚动速度时进行第二次滑动操作,实现将页面滑动到页面的底部或顶部的指令输入,从而实现直达页面顶部或底部的操作。

根据以上几个实施例中对本申请的页面控制方法的详细描述可以看出,采用本申请的技术方案,可以根据用户对当前浏览的页面进行的两次滑动操作,判断是否为将该页面滑动到页面顶部或底部的指令输入,并根据两次滑动操作将该页面滚动至页面的顶部或底部,从而实现页面顶部或底部的直达。应当注意,本申请不限于采用上述几个实施例中所描述的实施方式,还可以采用任何适合本申请技术方案的实施方式。

本申请还提供了一种页面控制装置。在对页面进行操作时,可根据用户的两次滑动操作,来将页面滚到页面的顶部或底部,具体而言,当用户对页面进行的第一方向或第二方向的滑动操作滚动当前页面时,如果用户再次对当前页面进行滑动操作,则如果该操作满足预设的条件,就将该页面沿原来的滚动方向继续滚动直到到达该页面的底部或顶部,实现页面底部或顶部的直达,从而实现不需要在交互界面上单独设置用于返回页面顶部或底部响应区域,就能在用户浏览页面的过程中快速直达页面底部或顶部的操作。

其中,所述的第一方向和第二方向可以是指相对页面的展示时,例如网页展示时的向上和向下,或者也可以是向左或向右的方向。滑动操作也就是指用户在页面上的向上或向下的滑动方向上的滑动操作,或者指用户在页面的向左或向右的滑动方向上的滑动操作,上述的滑动到页面的顶部或底部, 对应第一方向和第二方向为向上或向下时,指的是在页面在最上方的位置为顶部,在最下方的位置为底部;对应的第一方向和第二方向为向左或向右时,指的是页面在最左方的位置为顶部,在最右方的位置为底部。可以理解,在不同场景下,根据第一方向和第二方向的具体方向,可设定页面的顶部或底部的位置。第一方向和第二方向为相反的两个方向。本实施例中,为便于描述,第一方向/第二方向均以向上/向下的方向来进行描述。

图6示意性地示出了根据本申请一个实施例的页面控制装置的结构框图。根据本申请的一个实施例,该装置600包括:

第一滚动模块610,用于根据接收到的对当前页面的第一滑动操作滚动所述页面;

接收模块620,用于接收对所述页面的第二滑动操作;

其中,所述第一滑动操作和第二滑动操作是在当前页面上进行的向上或向下的滑动操作;

第二滚动模块630,用于根据所述第一滑动操作和第二滑动操作,滚动所述页面至页面的顶部或底部。

根据本申请的一个实施例,所述第二滚动模块630包括:

第一判断子模块631,用于在所述页面停止滚动前,如果接收到对所述页面的第二滑动操作,则判断所述第二滑动操作是否符合第一预设条件;

第二判断子模块632,用于如果所述第二滑动操作符合第一预设条件,则判断所述第二滑动操作是否符合第二预设条件;

滚动子模块633,用于如果所述第二滑动操作符合第二预设条件,则沿所述页面的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部。

根据本申请的一个实施例,所述第一判断子模块631可以进一步用于:判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相同,如果是,则确定所述第二滑动操作符合第一预设条件。

根据本申请的一个实施例,所述第一判断子模块631可以进一步用于:判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相反,如果是,则确定所述第二滑动操作符合第一预设条件。

根据本申请的一个实施例,所述第二判断子模块632可以进一步用于:判断所述第二滑动操作的滑动速度是否大于或等于预定滑动速度;如果是,则确定所述第二滑动操作符合第二预设条件;或者,判断所述第二滑动操作与所述第一滑动操作的时间间隔是否小于预定阈值;如果是,则确定所述第二滑动操作符合第二预设条件;或者,判断所述页面的滚动速度是否大于或等于预定滚动速度;如果是,则确定所述第二滑动操作符合第二预设条件。

根据本申请的一个实施例,所述第一判断子模块631可以进一步用于:判断所述页面的滚动速度是否大于或等于预定滚动速度,其中,所述预定滚动速度是根据所述页面滚动时的初速度确定的;如果是,则确定所述第二滑动操作符合第一预设条件。

进一步地,所述第二判断子模块632可以进一步用于:判断所述第二滑动操作的滑动方向与所述页面滚动的方向是否相同;如果是,则确定所述第二滑动操作符合第一预设条件。

根据本申请的一个实施例,所述滚动子模块633可以进一步用于:以所述第二滑动操作的滑动速度为初速度,沿所述页面当前的滚动方向继续滚动所述页面,直到到达所述页面顶部或底部。

根据本申请的一个实施例,所述滚动子模块633还可以用于:如果所述第二滑动操作不符合第一预设条件和/或第二预设条件,则根据所述第二滑动操作滚动所述页面。

根据本申请的一个实施例,该装置还可以包括停止模块,该模块用于在沿所述页面的滚动方向继续滚动所述页面时,如果接收到对所述页面的预定操作,则停止滚动所述页面,其中,所述预定操作可以包括:对所述页面任意区域的点击操作。

由于本实施例的装置所实现的功能基本相应于前述图1~图5、图7所示的方法实施例,故本实施例的描述中未详尽之处,可以参见前述实施例中的相关说明,在此不做赘述。

以上所述仅为本申请的实施例而已,并不用于限制本申请,对于本领域的技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原则 之内,所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。

当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1