[发明专利]页面显示的方法及装置

说明书

本发明公开了一种页面显示的方法及装置，属于互联网技术领域。所述方法包括：检测对页面的滑动操作，确定所述滑动操作的页面滚动距离；当所述滑动操作的页面滚动方向为向下滚动时，根据网页控件的页面内容的显示状态和所述滑动操作的页面滚动距离，确定列表控件的目标页面滚动距离；根据所述列表控件的目标页面滚动距离，滚动显示所述列表控件的页面内容，保持所述网页控件的位置和所述列表控件的顶部控件的位置对齐。采用本发明，可以实现平滑衔接网页控件和列表控件的滚动显示过程。

技术领域

本发明涉及互联网技术领域，特别涉及一种页面显示的方法及装置。

背景技术

安卓操作系统中，一般可以用控件(View)作为页面的基本构建模块。一个控件可以占用终端的屏幕上的一个矩形区域，用于绘制页面内容和处理用户触发的事件，例如，处理用户的点击事件或者滑动事件。

如图1所示的资讯页面示意图，安卓操作系统的终端上可以安装有资讯类APP(Application，应用程序)，提供文章给用户阅读。资讯页面可以由网页控件(WebView)和列表控件(ListView)构成，可以显示文章内容和延展阅读的其它文章标题、评论内容等。其中，网页控件可以用于显示文章内容，一般采用HTML(HyperText Markup Language，超文本标记语言)编写相关代码；列表控件可以用于显示延展阅读列表或评论列表，一般采用Java语言编写相关代码。

如图2所示的网页控件和列表控件的位置示意图，文章底层页中，网页控件和列表控件一般呈上下摆放的关系，两控件之间相互独立。如果用户在屏幕上进行滑动操作，则终端在显示网页控件和列表控件的衔接处时，由于两控件的编写语言不同，需要通过滚动控件(ScrollView)进行衔接处理。例如，终端可以拦截用户的滑动事件，当屏幕中完全显示网页控件的页面内容时，将滑动事件转发给网页控件，由网页控件对滑动事件进行处理；当终端显示网页控件和列表控件的衔接处时，将滑动事件转发给滚动控件，由滚动事件对滑动事件进行处理；当网页控件完全移动出屏幕，屏幕中完全显示列表控件时，将滑动事件转发给列表控件，由列表控件对滑动事件进行处理。

但是，终端在转发滑动事件时仅仅将当前控件的终止速度传递给下一控件，而没有将加速度传递给下一控件，导致下一控件基于不同的加速度滚动页面内容，这样会在页面显示过程中出现卡顿现象。因此，亟需一种可以平滑衔接网页控件和列表控件的页面显示方法。

发明内容

本发明实施例提供了一种页面显示的方法及装置，能够减少在页面显示过程中出现的卡顿现象。所述技术方案如下：

一方面，提供了一种页面显示的方法，该方法包括：

检测对页面的滑动操作，确定所述滑动操作的页面滚动距离；

当所述滑动操作的页面滚动方向为向下滚动时，根据网页控件的页面内容的显示状态和所述滑动操作的页面滚动距离，确定列表控件的目标页面滚动距离；

根据所述列表控件的目标页面滚动距离，滚动显示所述列表控件的页面内容，保持所述网页控件的位置和所述列表控件的顶部控件的位置对齐。

一方面，提供了一种页面显示的装置，该装置包括：

检测模块，用于检测对页面的滑动操作，确定所述滑动操作的页面滚动距离；

第一确定模块，用于当所述滑动操作的页面滚动方向为向下滚动时，根据网页控件的页面内容的显示状态和所述滑动操作的页面滚动距离，确定列表控件的目标页面滚动距离；

第一滚动模块，用于根据所述列表控件的目标页面滚动距离，滚动显示所述列表控件的页面内容，保持所述网页控件的位置和所述列表控件的顶部控件的位置对齐。