页面控制方法及装置制造方法及图纸

本公开是关于页面控制方法及装置，该页面控制方法包括：检测是否满足预设的返回顶部条件；当检测到满足所述返回顶部条件时，控制页面返回页面顶部，所述页面在到达页面顶部时往页面底部方向滚动后再返回页面顶部。本公开实施例，在页面到达页面顶部时，页面将往页面底部方向滚动后，再返回页面顶部，从而可产生到达页面顶部后反弹的展示效果，利用到达页面顶部后反弹的方式能突出页面返回顶部的过程，从而提高页面控制的展示效果。

【技术实现步骤摘要】

本申请涉及通信
，尤其涉及页面控制方法及装置。
技术介绍
随着终端技术的快速发展，终端中安装的多种应用程序可以展示页面数据。例如，微博程序展示主页数据、浏览器程序展示页面数据、即时聊天程序展示聊天页面数据等。通常，大部分页面的页面数据较多，页面长度较长，当用户浏览到页面下方时需要返回到页面顶部，可以通过滑动页面、调整滚动条或触发返回顶部控件等方式使页面返回顶部。相关技术中，在控制页面返回顶部的过程中通常是将页面直接定位至顶部位置，该方式的展示效果较差。
技术实现思路
为克服相关技术中存在的问题，本公开提供了页面控制方法及装置。根据本公开实施例的第一方面，提供一种页面控制方法，所述方法包括：检测是否满足预设的返回顶部条件；当检测到满足所述返回顶部条件时，控制页面返回页面顶部，所述页面在到达页面顶部时往页面底部方向滚动后再返回页面顶部。可选的，所述控制页面返回页面顶部，包括：控制页面按照预设滚动曲线返回页面顶部，所述预设滚动曲线用于指示不同页面滚动距离与页面滚动时间的关系。可选的，所述预设滚动曲线包括贝塞尔曲线，所述贝塞尔曲线的参数至少包括曲线结束控制点坐标，所述曲线结束控制点的纵坐标大于1，以使所述页面在到达页面顶部时往页面底部方向滚动后再返回页面顶部。可选的，所述控制页面按照预设滚动轨迹返回页面顶部，包括：调用预设的类选择器，利用所述类选择器控制页面按照预设滚动曲线返回页面顶部，所述类选择器中包括所述贝塞尔曲线。可选的，所述类选择器中还包括如下参数：所述页面在到达页面顶部时往页面底部方向滚动的反弹距离以及页面返回页面顶部的时间。根据本公开实施例的第二方面，提供一种页面控制装置，所述装置包括：检测模块，被配置为检测是否满足预设的返回顶部条件；页面控制模块，被配置为当检测到满足所述返回顶部条件时，控制页面返回页面顶部，所述页面在到达页面顶部时往页面底部方向滚动后再返回页面顶部。可选的，所述页面控制模块，包括页面控制子模块，被配置为：控制页面按照预设滚动曲线返回页面顶部，所述预设滚动曲线用于指示不同页面滚动距离与页面滚动时间的关系。可选的，所述预设滚动曲线包括贝塞尔曲线，所述贝塞尔曲线的参数至少包括曲线结束控制点坐标，所述曲线结束控制点的纵坐标大于1，以使所述页面在到达页面顶部时往页面底部方向滚动后再返回页面顶部。可选的，所述页面控制子模块，包括调用子模块，被配置为：调用预设的类选择器，利用所述类选择器控制页面按照预设滚动曲线返回页面顶部，所述类选择器中包括所述贝塞尔曲线函数。可选的，所述类选择器中还包括如下参数：所述页面在到达页面顶部时往页面底部方向滚动的反弹距离或页面返回页面顶部的时间。根据本公开实施例的第三方面，提供一种页面控制装置，包括：处理器；用于存储处理器可执行指令的存储器；其中，所述处理器被配置为：检测是否满足预设的返回顶部条件；当检测到满足所述返回顶部条件时，控制页面返回页面顶部，所述页面在到达页面顶部时往页面底部方向滚动后再返回页面顶部。本公开的实施例提供的技术方案可以包括以下有益效果：本公开中，在页面到达页面顶部时，页面将往页面底部方向滚动后，再返回页面顶部，从而可产生到达页面顶部后反弹的展示效果，利用到达页面顶部后反弹的方式能突出页面返回顶部的过程，从而提高页面控制的展示效果。本公开中，按照滚动曲线控制页面在往上返回顶部的过程中，可以在不同滚动时间控制页面的滚动距离，从而控制页面按照不同的滚动速度进行滚动。本公开中，按照贝塞尔曲线控制页面返回页面顶部，可以使页面滚动速度更为平稳；同时，曲线结束控制点的纵坐标大于1，可以通过简单的设定使所述页面在到达页面顶部时往页面底部方向滚动后再返回页面顶部，该方式易于实现。本公开中，通过预设类选择器，利用所述类选择器控制页面按照预设滚动曲线返回页面顶部，该方式易于实现，能使页面实现返回顶部产生反弹的动画效果。本公开中，可以设置反弹距离参数和页面返回页面顶部的时间参数，使得页面返回顶部的展示效果更加丰富。应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。附图说明此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。图1A是本公开根据一示例性实施例示出的一种页面控制方法的流程图。图1B是本公开根据一示例性实施例示出的一种页面返回顶部示意图。图1C是本公开根据一示例性实施例示出的另一种页面返回顶部示意图。图2A是本公开根据一示例性实施例示出的另一种页面控制方法的流程图。图2B是本公开根据一示例性实施例示出的三种贝塞尔曲线的示意图。图2C是本公开根据一示例性实施例示出的另一种贝塞尔曲线的示意图。图3是本公开根据一示例性实施例示出的一种页面控制装置的框图。图4是本公开根据一示例性实施例示出的另一种页面控制装置的框图。图5是本公开根据一示例性实施例示出的另一种页面控制装置的框图。图6本公开根据一示例性实施例示出的一种用于页面控制装置的框图。具体实施方式这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。在本公开使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本公开。在本公开和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。应当理解，尽管在本公开可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本公开范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。如图1A所示，图1A是本公开根据一示例性实施例示出的一种页面控制方法的流程图，可以应用在终端中，包括以下步骤101至本文档来自技高网...

【技术保护点】
一种页面控制方法，其特征在于，所述方法包括：检测是否满足预设的返回顶部条件；当检测到满足所述返回顶部条件时，控制页面返回页面顶部，所述页面在到达页面顶部时往页面底部方向滚动后再返回页面顶部。

【技术特征摘要】
1.一种页面控制方法，其特征在于，所述方法包括：
检测是否满足预设的返回顶部条件；
当检测到满足所述返回顶部条件时，控制页面返回页面顶部，所述页面
在到达页面顶部时往页面底部方向滚动后再返回页面顶部。
2.根据权利要求1所述的方法，其特征在于，所述控制页面返回页面顶
部，包括：
控制页面按照预设滚动曲线返回页面顶部，所述预设滚动曲线用于指示
不同页面滚动距离与页面滚动时间的关系。
3.根据权利要求2所述的方法，其特征在于，所述预设滚动曲线包括贝
塞尔曲线，所述贝塞尔曲线的参数至少包括曲线结束控制点坐标，所述曲线
结束控制点的纵坐标大于1，以使所述页面在到达页面顶部时往页面底部方
向滚动后再返回页面顶部。
4.根据权利要求3所述的方法，其特征在于，所述控制页面按照预设滚
动轨迹返回页面顶部，包括：
调用预设的类选择器，利用所述类选择器控制页面按照预设滚动曲线返
回页面顶部，所述类选择器中包括所述贝塞尔曲线。
5.根据权利要求4所述的方法，其特征在于，所述类选择器中还包括如
下参数：所述页面在到达页面顶部时往页面底部方向滚动的反弹距离或页面
返回页面顶部的时间。
6.一种页面控制装置，其特征在于，所述装置包括：
检测模块，被配置为检测是否满足预设的返回顶部条件；
页面控制模块，被配置为当检测到满足所述返回顶部条件时，控制页面
返回页面顶部...

【专利技术属性】
技术研发人员：杨伟贤，刘黎，余鹏，
申请(专利权)人：小米科技有限责任公司，
类型：发明
国别省市：北京;11