CN109508213A - 一种视图渲染方法、装置、介质及智能终端 - Google Patents

Abstract

本发明提供一种视图渲染方法、装置、介质及智能终端，该方法包括：获取用于显示页面的正文数据的第一视图，所述第一视图为预先由页面视图控件根据所述正文数据生成高度不大于所述智能终端的屏幕的高度的滚动视图；以及，获取用于显示所述页面的列表数据的第二视图，所述第二视图为预先由列表视图控件根据所述列表数据生成高度不大于所述屏幕的高度的滚动视图；将所述第一视图和所述第二视图渲染至所述智能终端的显存，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。本发明能够节省智能终端的显存空间，提升智能终端的视图显示性能。

Description

一种视图渲染方法、装置、介质及智能终端

技术领域

本发明涉及计算机技术领域，尤其涉及一种视图渲染方法、装置、介质及智能终端。

背景技术

本部分旨在为权利要求书中陈述的本发明的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。

目前，越来越多的用户选择使用智能移动终端访问网络，因此，智能移动终端侧的APP(Application，应用程序)也越来越多，其中，不乏文章浏览类APP，比如天天快报APP、网易新闻APP等。用户进入文章浏览类APP后，选择其中一篇文章进入详情页(以下简称页面)，该页面的页面数据包括正文数据、用户对该页面的评论对应的列表数据以及推荐页面的列表数据。安装有安卓系统的智能终端可采用如下方式渲染得到用于显示页面数据的视图进行渲染：

获取用户查看的页面的正文数据和列表数据；利用页面视图(webview)控件根据所有正文数据全部渲染得到用于显示正文数据的正文视图；将该正文视图作为列表视图(listview)控件的第一个列表数据，由listview控件根据的一个列表数据以及页面的列表数据渲染得到用于显示列表数据的列表视图；将得到的列表视图保存至智能终端的显存中。

对页面数据进行渲染后，在屏幕上对渲染得到的列表视图进行显示，用户直接在屏幕上针对列表视图进行滑动操作即可查看正文数据对应的内容和列表数据对应的内容，其中，由列表视图控件处理用户的滑动操作。

发明人发现，在将一页面中的所有正文数据全部渲染到用于显示正文内容的正文视图中的情况下，在正文内容较多、所占的正文视图的高度较大时，渲染得到的正文视图则会占用较大显存，从而导致智能终端的视图显示性能差的问题。

发明内容

本发明提供一种视图渲染方法、装置、介质及智能终端，用于解决现有技术中由于正文视图过大占用较大显存而导致的智能终端的视图显示性能差的问题。

第一方面，本发明实施例提供一种视图渲染方法，应用于智能终端，包括：

获取用于显示页面的正文数据的第一视图，所述第一视图为预先由页面视图控件根据所述正文数据生成高度不大于所述智能终端的屏幕的高度的滚动视图；以及

获取用于显示所述页面的列表数据的第二视图，所述第二视图为预先由列表视图控件根据所述列表数据生成高度不大于所述屏幕的高度的滚动视图；

将所述第一视图和所述第二视图渲染至所述智能终端的显存，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。

可选地，所述方法中，若所述正文数据所占的视图高度大于或等于所述屏幕的高度，则所述第一视图的高度等于所述屏幕的高度；若所述正文数据所占的视图高度小于所述屏幕的高度，则所述第一视图的高度等于所述正文数据所占的视图高度；

若所述列表数据所占的视图高度大于或等于所述屏幕的高度，则所述第二视图的高度等于所述屏幕的高度；若所述列表数据所占的视图高度小于所述屏幕的高度，则所述第二视图的高度等于所述列表数据所占的视图高度。

可选地，所述方法，还包括：

在所述屏幕上对所述显存中的第一视图和第二视图进行显示控制。

可选地，所述方法中，在所述屏幕上对所述显存中的第一视图和第二视图进行显示控制，具体包括：

若所述第一视图的高度等于所述屏幕的高度，则在所述屏幕上仅显示第一视图；

在仅显示第一视图的情况下，若确定在所述正文数据未滚动至结尾处时监听到滑动事件，则将该滑动事件发送给所述页面视图控件，以使所述页面视图控件根据该滑动事件在所述第一视图中以滚动方式对所述正文数据进行加载。

可选地，所述方法，还包括：

在仅显示第一视图的情况下，若确定在所述正文数据滚动至结尾时监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。

可选地，所述方法中，在所述屏幕上对所述显存中的第一视图和第二视图进行显示控制，具体包括：

若所述第一视图的高度小于所述屏幕的高度，则在所述屏幕上同时显示第一视图以及部分第二视图，其中，第一视图的高度与第二视图的高度之和大于所述屏幕的高度；

若监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图。

可选地，所述方法，还包括：

若所述第二视图的高度等于所述屏幕的高度，则确定所述第一视图和所述第二视图向上移动的距离等于所述第一视图的高度时，在所述屏幕上仅显示所述第二视图；

在仅显示第二视图的情况下，若确定在所述列表数据未滚动至起始处时监听到滑动事件，则将该滑动事件发送给所述列表视图控件，以使所述列表视图控件根据该滑动事件在所述第二视图中以滚动方式对所述列表数据进行加载。

可选地，所述方法，还包括：

在仅显示第二视图的情况下，若确定在所述列表数据滚动至起始处时监听到下滑事件，则按照该下滑动事件对应的滑动速度和滑动距离，同时向下移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。

可选地，所述方法，还包括：

在所述第一视图和所述第二视图同时显示在所述屏幕上的情况下，若监听到滑动事件，则根据该滑动事件对应的滑动速度、滑动距离，向该滑动事件对应的滑动方向同时移动所述第一视图和所述第二视图。

可选地，所述方法中，所述正文数据为所述页面的正文内容对应的数据，所述列表数据包括针对所述页面的推荐页面列表数据和/或用户针对所述正文内容的评论列表数据。

第二方面，本发明实施例提供一种视图渲染装置，设置于智能终端，包括：

第一获取模块，用于获取用于显示页面的正文数据的第一视图，所述第一视图为预先由页面视图控件根据所述正文数据生成高度不大于所述智能终端的屏幕的高度的滚动视图；

第二获取模块，用于获取用于显示所述页面的列表数据的第二视图，所述第二视图为预先由列表视图控件根据所述列表数据生成高度不大于所述屏幕的高度的滚动视图；

渲染模块，用于将所述第一视图和所述第二视图渲染至所述智能终端的显存，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。

可选地，所述装置中，若所述正文数据所占的视图高度大于或等于所述屏幕的高度，则所述第一视图的高度等于所述屏幕的高度；若所述正文数据所占的视图高度小于所述屏幕的高度，则所述第一视图的高度等于所述正文数据所占的视图高度；

若所述列表数据所占的视图高度大于或等于所述屏幕的高度，则所述第二视图的高度等于所述屏幕的高度；若所述列表数据所占的视图高度小于所述屏幕的高度，则所述第二视图的高度等于所述列表数据所占的视图高度。

可选地，所述装置，还包括：

显示控制模块，用于在所述屏幕上对所述显存中的第一视图和第二视图进行显示控制。

可选地，所述装置中，所述显示控制模块，具体用于：

若所述第一视图的高度等于所述屏幕的高度，则在所述屏幕上仅显示第一视图；

在仅显示第一视图的情况下，若确定在所述正文数据未滚动至结尾处时监听到滑动事件，则将该滑动事件发送给所述页面视图控件，以使所述页面视图控件根据该滑动事件在所述第一视图中以滚动方式对所述正文数据进行加载。

可选地，所述装置中，所述显示控制模块，还用于：

在仅显示第一视图的情况下，若确定在所述正文数据滚动至结尾时监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。

可选地，所述装置中，所述显示控制模块，具体用于：

若所述第一视图的高度小于所述屏幕的高度，则在所述屏幕上同时显示第一视图以及部分第二视图，其中，第一视图的高度与第二视图的高度之和大于所述屏幕的高度；

若监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图。

可选地，所述装置中，所述显示控制模块，还用于：

若所述第二视图的高度等于所述屏幕的高度，则确定所述第一视图和所述第二视图向上移动的距离等于所述第一视图的高度时，在所述屏幕上仅显示所述第二视图；

在仅显示第二视图的情况下，若确定在所述列表数据未滚动至起始处时监听到滑动事件，则将该滑动事件发送给所述列表视图控件，以使所述列表视图控件根据该滑动事件在所述第二视图中以滚动方式对所述列表数据进行加载。

可选地，所述装置中，所述显示控制模块，还用于：

在仅显示第二视图的情况下，若确定在所述列表数据滚动至起始处时监听到下滑事件，则按照该下滑动事件对应的滑动速度和滑动距离，同时向下移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。

可选地，所述装置中，所述显示控制模块，还用于：

在所述第一视图和所述第二视图同时显示在所述屏幕上的情况下，若监听到滑动事件，则根据该滑动事件对应的滑动速度、滑动距离，向该滑动事件对应的滑动方向同时移动所述第一视图和所述第二视图。

可选地，所述装置中，所述正文数据为所述页面的正文内容对应的数据，所述列表数据包括针对所述页面的推荐页面列表数据和/或用户针对所述正文内容的评论列表数据。

第三方面，本发明实施例提供一种非易失性计算机存储介质，所述计算机存储介质存储有可执行程序，该可执行程序被处理器执行实现上述任一视图渲染方法的步骤。

第四方面，本发明实施例提供一种智能终端，包括存储器、处理器及存储在存储器上的计算机程序，所述处理器执行所述程序时实现上述任一视图渲染方法的步骤。

利用本发明实施例提供视图渲染方法、装置、介质及智能终端，具有以下有益效果：分别利用独立运行的页面视图控件和列表视图控件生成不大于智能终端的屏幕的第一视图和第二视图，无需将输入页面视图控件的所有正文数据均渲染到第一视图，从而节省了智能终端的显存空间，进而提升智能终端的视图显示性能，并且，第一视图的底端与第二视图的顶端相邻且对齐，不会出现两个视图相互嵌套的情况，符合用户使用习惯。

附图说明

通过参考附图阅读下文的详细描述，本发明示例性实施例的上述以及其他目的、特征和优点将变得易于理解。在附图中，以示例性而非限制性的方式示出了本发明的若干实施方式，其中：

图1为本发明实施例一提供的视图渲染方法的流程示意图；

图2为本发明实施例一提供的第一视图的底端与第二视图的顶端相邻且对齐的示例性示意图；

图3为本发明实施例一提供的在屏幕上仅显示第一视图的显示效果的示例性示意图；

图4为本发明实施例一提供的第一视图和第二视图同时显示在屏幕上的显示效果的示例性示意图；

图5为本发明实施例一提供的在屏幕上仅显示第二视图的显示效果的示例性示意图；

图6为本发明实施例一提供的视图渲染方法的具体实施过程的流程图；

图7为本发明实施例二提供的视图渲染装置的结构示意图；

图8为本发明实施例四提供的智能终端的硬件结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明可能的实施方式作进一步描述。

实施例一

本发明实施例提供一种视图渲染方法，应用于智能终端，如图1所示，包括：

步骤101，获取用于显示页面的正文数据的第一视图，所述第一视图为预先由页面视图控件根据所述正文数据生成高度不大于所述智能终端的屏幕的高度的滚动视图。

步骤102，获取用于显示所述页面的列表数据的第二视图，所述第二视图为预先由列表视图控件根据所述列表数据生成高度不大于所述屏幕的高度的滚动视图。

具体实施时，页面视图控件和列表视图控件相互独立运行。

向页面视图控件输入正文数据后，页面视图控件根据正文数据生成高度不大于智能终端的屏幕的高度的滚动视图，该滚动视图即第一视图，该第一视图的宽度与智能终端的屏幕的宽度相同，第一视图的具体高度由页面视图控件根据实际应用场景确定。在输入页面视图控件的正文数据所占的视图高度大于屏幕的高度的情况下，页面视图控件可根据输入的正文数据的内容生成高度等于屏幕的高度的第一视图，即，若所述正文数据所占的视图高度大于所述屏幕的高度，则所述第一视图的高度等于所述屏幕的高度，此时，页面视图控件若接收到用户的滑动操作，则将新的正文数据加载至第一视图，同时，由于第一视图的高度固定，第一视图中加载新的正文数据后，需要第一视图中消除已显示的部分正文数据，以使新的正文数据可完全显示在第一视图，其中，消除的正文数据在第一视图中所占的显示区域大小与加载的新的正文数据在第一视图中所占的显示区域的大小相同。其中，当滑动操作为上滑操作时，新的正文数据从第一视图的底端开始显示，消除的已显示的部分正文数据为第一视图顶端的正文数据；当滑动操作为下滑操作时，新的正文数据从第一视图的顶端开始显示，消除的已显示的部分正文数据为第一视图底端的正文数据。需要说明的是，已显示的部分正文数据被消除后，作为新的待加载正文数据存储。在输入页面视图控件的正文数据所占的视图高度等于屏幕的高度的情况下，页面视图控件可根据输入的正文数据的内容生成高度等于屏幕的高度的第一视图，并在该第一视图中显示所有输入的正文数据，即，若所述正文数据所占的视图高度等于所述屏幕的高度，则所述第一视图的高度等于所述屏幕的高度。在输入页面视图控件的正文数据所占的视图高度小于屏幕的高度的情况下，页面视图控件可根据输入的正文数据的内容生成高度等于所述正文数据所占的视图高度的第一视图，并在该第一视图中显示所有输入的正文数据，即，若所述正文数据所占的视图高度小于所述屏幕的高度，则所述第一视图的高度等于所述正文数据所占的视图高度。本发明实施例中，第一视图相当于页面视图控件的容器。

向列表视图控件输入列表数据后，列表视图控件根据列表数据生成高度不大于智能终端的屏幕的高度的滚动视图，该滚动视图即第二视图，该第二视图的宽度与智能终端的屏幕的宽度相同，第二视图的具体高度由列表视图控件根据实际应用场景确定。在输入列表视图控件的列表数据所占的视图高度大于屏幕的高度的情况下，列表视图控件可根据输入的列表数据的内容生成高度等于屏幕的高度的第二视图，即，若所述列表数据所占的视图高度大于所述屏幕的高度，则所述第二视图的高度等于所述屏幕的高度，此时，列表视图控件若接收到用户的滑动操作，则将新的列表数据加载至第二视图，同时，由于第二视图的高度固定，第二视图中加载新的列表数据后，需要第二视图中消除已显示的部分列表数据，以使新的数据可完全显示在第二视图，其中，消除的列表数据在第二视图中所占的显示区域大小与加载的新的列表数据在第二视图中所占的显示区域的大小相同。其中，当滑动操作为上滑操作时，新的列表数据从第二视图的底端开始显示，消除的已显示的部分列表数据为第二视图顶端的列表数据；当滑动操作为下滑操作时，新的列表数据从第二视图的顶端开始显示，消除的已显示的部分列表数据为第二视图底端的列表数据。需要说明的是，已显示的部分列表数据被消除后，作为新的待加载列表数据存储。在输入列表视图控件的列表数据所占的视图高度等于屏幕的高度的情况下，列表视图控件可根据输入的列表数据的内容生成高度等于屏幕的高度的第二视图，用于显示所有输入的列表数据，即，若所述列表数据所占的视图高度等于所述屏幕的高度，则所述第二视图的高度等于所述屏幕的高度。在输入列表视图控件的列表数据所占的视图高度小于屏幕的高度的情况下，列表视图控件可根据输入的列表数据的内容生成高度等于列表数据所占的视图高度的第二视图，即，若所述列表数据所占的视图高度小于所述屏幕的高度，则所述第二视图的高度等于所述列表数据所占的视图高度。本发明实施例中，第二视图相当于列表视图控件的容器。

需要说明的是，以上针对页面视图控件以及列表视图控件中视图的显示方式以及根据滑动操作进行数据显示的方式均有现有的实现方式，更具体的实现方式可参见智能终端的操作系统提供的页面视图控件和列表视图控件，比如安卓系统的页面视图控件以及列表视图控件，向页面视图控件输入正文数据后，页面视图控件可自适应根据智能终端的型号、屏幕大小等参数，将正文数据渲染到相应的视图中，并在智能终端的屏幕上对该视图进行显示；向列表视图控件输入列表数据后，列表视图控件可自适应根据智能终端的型号、屏幕大小等参数，将列表数据渲染到相应的视图中，并在智能终端的屏幕上对该视图进行显示。

更具体的，屏幕的宽度为屏幕中用于显示视图的最大显示区域的宽度，屏幕的高度为屏幕中用于显示视图的最大显示区域的高度。

需要说明的是，可不限定步骤101和步骤102执行顺序的先后，可以先执行步骤102后执行步骤101，或者步骤101和步骤102同时执行。

步骤103，将所述第一视图和所述第二视图渲染至所述智能终端的显存，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。

具体实施时，将第一视图和第二视图渲染至智能终端的显存中，其中，第一视图的底端与第二视图的顶端相邻且对齐，并且，第一视图位于第二视图的上方。如图2所示，为第一视图的底端与第二视图的顶端相邻且对齐的示例性示意图，图2中，第一视图底部的宽边21与第二视图顶部的宽边22紧邻且对齐，由图2可知，本发明实施例渲染后的第一视图和第二视图互不相交。本发明实施例中，第一视图、第二视图以及屏幕均为长方形。

本发明实施例中，所述正文数据为所述页面的正文内容对应的数据，所述列表数据包括针对所述页面的推荐页面列表数据和/或用户针对所述正文内容的评论列表数据。本发明实施例可应用于显示正文数据和/或列表数据的场景中，比如应用于文章浏览类APP，在该APP的文章详情页面需要同时显示文章正文数据以及列表数据，文章浏览类APP可以为天天快报等新闻APP。

本发明实施例，分别利用独立运行的页面视图控件和列表视图控件生成不大于智能终端的屏幕的第一视图和第二视图，无需将输入页面视图控件的所有正文数据均渲染到第一视图，从而节省了智能终端的显存空间，进而提升智能终端的视图显示性能，并且，第一视图的底端与第二视图的顶端相邻且对齐，不会出现两个视图相互嵌套的情况，符合用户使用习惯。

可选地，本发明实施例提供的视图渲染方法，还包括：在所述屏幕上对所述显存中的第一视图和第二视图进行显示控制。

具体实施时，可根据第一视图的高度、第二视图的高度以及用户的滑动操作，在屏幕上对该显存中的第一视图和第二视图进行显示控制。

作为一种可能的实施方式，在所述屏幕上对所述显存中的第一视图和第二视图进行显示控制，具体包括：

若所述第一视图的高度等于所述屏幕的高度，则在所述屏幕上仅显示第一视图；

在仅显示第一视图的情况下，若确定在所述正文数据未滚动至结尾处时监听到滑动事件，则将该滑动事件发送给所述页面视图控件，以使所述页面视图控件根据该滑动事件在所述第一视图中以滚动方式对所述正文数据进行加载。

具体实施时，在第一视图的高度等于屏幕的高度时，在屏幕上仅显示第一视图，即在屏幕上仅显示正文数据对应的正文内容。如图3所示，为在屏幕上仅显示第一视图的示例性示意图，其中，第一视图中显示正文数据对应的正文内容，比如显示新闻的正文内容，该正文内容可以包括文字和/或图片，此时第二视图不在屏幕上显示。比如，在初始化后，若第一视图的高度等于屏幕的高度，则在屏幕上默认仅显示第一视图。在仅显示第一视图的情况下，若在正文数据未滚动至正文数据的结尾处时监听到来自用户的滑动事件，将该滑动事件发送给页面视图控件，由页面视图控件根据该滑动事件在第一视图中以滚动方式对正文数据进行加载，此时，监听到的滑动事件为上滑事件或者下滑事件。

页面视图控件接收到滑动事件后，根据该滑动事件在第一视图中以滚动方式对正文数据进行加载，页面视图控件根据滑动事件在第一视图中对正文数据进行加载的过程为现有过程，这里不做详述。

页面视图控件根据滑动事件在第一视图中对正文数据进行加载的过程中，若检测到正文数据滚动至正文数据的结尾，则向用于执行本发明实施例提供的视图渲染方法的装置、系统或终端发出正文数据滚动至结尾处的通知，用于执行本发明实施例提供的视图渲染方法的装置、系统或终端若确定接收到页面视图控件发送的正文数据滚动至结尾的通知时监听到上滑动事件，则按照所述该上滑动事件对应的滑动速度和滑动距离，同时向上移动第一视图和第二视图，即，在仅显示第一视图的情况下，若确定在所述正文数据滚动至结尾时监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。如图4所示，为第一视图和第二视图同时显示在屏幕上的显示效果示意图，其中，在同时向上移动第一视图和第二视图后，第一视图和第二视图同时显示在屏幕上，其中，第一视图中显示正文数据对应的正文内容，比如显示新闻的正文内容，该正文内容可以包括文字和/或图片，第二视图中显示列表数据对应的列表内容，该列表内容可以包括浏览该新闻的用户对该新闻正文的评论和/或与针对该新闻的推荐新闻的标题。

进一步地，在仅显示第一视图的情况下，若确定在所述正文数据滚动至结尾时监听到下滑事件，则依然将该下滑事件发送给页面视图控件，由页面视图控件对该下滑事件进行处理。

具体实施时，以页面视图控件接收到的滑动事件为快速上滑事件为例，说明本发明实施例中对滑动事件的处理方式：在屏幕上仅显示第一视图的情况下，页面视图控件接收到快速上滑事件时，按照设定周期从滑动速度衰减计算器中获取该计算器最新计算出的滑动速度，并按照该滑动速度在第一视图中对加载的正文数据进行滚动，页面视图控件检测到正文数据滚动至结尾时，向用于执行本发明实施例提供的视图渲染方法的装置、系统或终端发出正文数据滚动至结尾处的通知，用于执行本发明实施例提供的视图显示方法的装置、系统或终端接收到页面视图控件发送的正文数据滚动至结尾处的通知后，从滑动速度衰减计算器获取该计算器最新计算出的滑动速度，将获取到的该计算器最新计算出的滑动速度作为该上滑事件对应的滑动速度同时向上移动第一视图和第二视图，直到获取到的该计算器最新计算出的滑动速度等于零为止。

需要强调的是，本发明实施例所涉及的上滑事件包括快速上滑事件，下滑事件括快速下滑事件，其中，快速上滑事件和快速下滑事件按照一定的滑动速度衰减算法，对滑动速度进行衰减，具体过程为现有过程，这里不做详述。

作为一种可能的实施方式，在所述屏幕上对所述显存中的第一视图和第二视图进行显示控制，具体包括：

若所述第一视图的高度小于所述屏幕的高度，则在所述屏幕上同时显示第一视图以及部分第二视图，其中，第一视图的高度与第二视图的高度之和大于所述屏幕的高度；

若监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图。

具体实施时，在第一视图的高度小于屏幕的高度时，在屏幕上同时显示完整的第一视图以及部分第二视图，即在屏幕上同时显示正文数据对应的正文内容和列表数据对应的列表内容。这种情况下第一视图和第二视图的高度之和大于屏幕的高度。在屏幕上同时显示完整的第一视图以及部分第二视图的情况下，若监听到下滑事件，则保持当前的显示状态不变。在屏幕上同时显示完整的第一视图以及部分第二视图的显示效果示意图可参考图4，其中，假设图4中的第一视图的高度小于屏幕的高度，图4中显示了完整的第一视图以及部分第二视图。

若第一视图的高度小于屏幕的高度，并且，第一视图的高度和第二视图的高度之和小于或等于屏幕的高度，则在屏幕上显示完整的第一视图和完整的第二视图，此时，若监听到上滑事件或者下滑事件，则保持当前的显示状态不变。

作为一种可能的实施方式，若所述第二视图的高度等于所述屏幕的高度，则确定所述第一视图和所述第二视图向上移动的距离等于所述第一视图的高度时，在所述屏幕上仅显示所述第二视图；在仅显示第二视图的情况下，若确定在所述列表数据未滚动至起始处时监听到滑动事件，则将该滑动事件发送给所述列表视图控件，以使所述列表视图控件根据该滑动事件在所述第二视图中以滚动方式对所述列表数据进行加载。

具体实施时，当确定第一视图和第二视图向上移动的距离等于第一视图的高度时，则说明第一视图在屏幕上消失，此时屏幕上仅显示第二视图，即在屏幕上仅显示列表数据，如图5所示，为在屏幕上仅显示第二视图的显示效果示意图。在仅显示第二视图的情况下，若确定在列表数据未滚动至起始处时监听到滑动事件，将该滑动事件发送给列表视图控件，由列表视图控件根据该滑动事件在第二视图中以滚动方式对列表数据进行加载，此时，监听到的滑动事件为上滑事件或者下滑事件。

列表视图控件接收到滑动事件后，根据该滑动事件在第二视图中以滚动方式对列表数据进行加载，列表视图控件根据滑动事件在第二视图中对列表数据进行加载的过程为现有过程，这里不做详述。

列表视图控件根据滑动事件在第二视图中对列表数据进行加载的过程中，若检测到列表数据滚动至列表数据的起始处，则向用于执行本发明实施例提供的视图渲染方法的装置、系统或终端发出列表数据滚动至起始处的通知，用于执行本发明实施例提供的视图渲染方法的装置、系统或终端若确定接收到列表视图控件发送的列表数据滚动至起始处的通知时监听到下滑动事件，则按照所述该下滑动事件对应的滑动速度和滑动距离，同时向下移动第一视图和第二视图，即，在仅显示第二视图的情况下，若确定在所述列表数据滚动至起始处时监听到下滑事件，则按照该下滑动事件对应的滑动速度和滑动距离，同时向下移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。

具体实施时，以列表视图控件接收到的滑动事件为快速下滑事件为例，说明本发明实施例中对滑动事件的处理方式：在屏幕上仅显示第二视图的情况下，列表视图控件接收到快速下滑事件时，按照设定周期从滑动速度衰减计算器中获取该计算器最新计算出的滑动速度，并按照该滑动速度在第二视图中对加载的列表数据进行滚动，列表视图控件检测到列表数据滚动至起始处时，向用于执行本发明实施例提供的视图渲染方法的装置、系统或终端发出列表数据滚动至起始处的通知，用于执行本发明实施例提供的视图显示方法的装置、系统或终端接收到列表视图控件发送的列表数据滚动至起始处的通知后，从滑动速度衰减计算器获取该计算器最新计算出的滑动速度，将获取到的该计算器最新计算出的滑动速度作为该下滑事件对应的滑动速度同时向下移动第一视图和第二视图，直到获取到的该计算器最新计算出的滑动速度等于零为止。

可选地，本发明实施例提供的视图渲染方法，还包括：

在所述第一视图和所述第二视图同时显示在所述屏幕上的情况下，若监听到滑动事件，则根据该滑动事件对应的滑动速度、滑动距离，向该滑动事件对应的滑动方向同时移动所述第一视图和所述第二视图。

具体实施时，在屏幕上同时显示第一视图和第二视图的情况下，若监听到滑动事件，则根据该滑动事件同时移动第一视图和第二视图，该滑动事件为上滑事件或者下滑事件。更具体的，在第一视图的高度与第二视图的高度之和大于屏幕的高度，且，在第一视图和第二视图同时显示在所述屏幕上的情况下，若监听到滑动事件，则根据该滑动事件对应的滑动速度、滑动距离，向该滑动事件对应的滑动方向同时移动第一视图和第二视图。本发明实施例中，第一视图和第二视图同时显示在屏幕上的显示效果示意图可参考图4。

需要说明的是，本发明实施例所涉及的智能终端的屏幕为触摸屏。

下面结合图6示例性说明本发明实施例提供的视图渲染方法的具体实施过程：

步骤601，获取用于显示页面的正文数据的第一视图，所述第一视图为预先由页面视图控件根据所述正文数据生成高度不大于所述智能终端的屏幕的高度的滚动视图。

步骤602，获取用于显示所述页面的列表数据的第二视图，所述第二视图为预先由列表视图控件根据所述列表数据生成高度不大于所述屏幕的高度的滚动视图。

步骤603，将所述第一视图和所述第二视图渲染至所述智能终端的显存，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。

步骤604，判断所述第一视图的高度是否等于所述屏幕的高度，若是，执行步骤605，否则，执行步骤608。

具体实施时，由于第一视图的高度不大于屏幕的高度，当第一视图的高度不等于屏幕的高度时，即可直接确定第一视图的高度小于屏幕的高度，当第一视图的高度小于屏幕的高度时，执行步骤608。

步骤605，在所述屏幕上仅显示第一视图。

步骤606，若确定在所述正文数据未滚动至结尾处时监听到滑动事件，则将该滑动事件发送给所述页面视图控件，以使所述页面视图控件根据该滑动事件在所述第一视图中以滚动方式对所述正文数据进行加载。

步骤607，若确定在所述正文数据滚动至结尾时监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。

具体实施时，步骤607后，执行步骤610。

步骤608，在所述屏幕上同时显示第一视图以及部分第二视图，其中，第一视图的高度与第二视图的高度之和大于所述屏幕的高度。

步骤609，若监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图。

具体实施时，步骤607后，执行步骤610。

步骤610，若所述第二视图的高度等于所述屏幕的高度，则确定所述第一视图和所述第二视图向上移动的距离等于所述第一视图的高度时，在所述屏幕上仅显示所述第二视图。

步骤611，若确定在所述列表数据未滚动至起始处时监听到滑动事件，则将该滑动事件发送给所述列表视图控件，以使所述列表视图控件根据该滑动事件在所述第二视图中以滚动方式对所述列表数据进行加载。

步骤612，若确定在所述列表数据滚动至起始处时监听到下滑事件，则按照该下滑动事件对应的滑动速度和滑动距离，同时向下移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。

实施例二

本发明实施例提供一种视图渲染装置，设置于智能终端，如图7所示，包括：

第一获取模块701，用于获取用于显示页面的正文数据的第一视图，所述第一视图为预先由页面视图控件根据所述正文数据生成高度不大于所述智能终端的屏幕的高度的滚动视图；

第二获取模块702，用于获取用于显示所述页面的列表数据的第二视图，所述第二视图为预先由列表视图控件根据所述列表数据生成高度不大于所述屏幕的高度的滚动视图；

渲染模块703，用于将所述第一视图和所述第二视图渲染至所述智能终端的显存，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。

可选地，所述装置中，若所述正文数据所占的视图高度大于或等于所述屏幕的高度，则所述第一视图的高度等于所述屏幕的高度；若所述正文数据所占的视图高度小于所述屏幕的高度，则所述第一视图的高度等于所述正文数据所占的视图高度；

若所述列表数据所占的视图高度大于或等于所述屏幕的高度，则所述第二视图的高度等于所述屏幕的高度；若所述列表数据所占的视图高度小于所述屏幕的高度，则所述第二视图的高度等于所述列表数据所占的视图高度。

可选地，所述装置，还包括：

显示控制模块704，用于在所述屏幕上对所述显存中的第一视图和第二视图进行显示控制。

可选地，所述装置中，所述显示控制模块，具体用于：

若所述第一视图的高度等于所述屏幕的高度，则在所述屏幕上仅显示第一视图；

在仅显示第一视图的情况下，若确定在所述正文数据未滚动至结尾处时监听到滑动事件，则将该滑动事件发送给所述页面视图控件，以使所述页面视图控件根据该滑动事件在所述第一视图中以滚动方式对所述正文数据进行加载。

可选地，所述装置中，所述显示控制模块，还用于：

在仅显示第一视图的情况下，若确定在所述正文数据滚动至结尾时监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。

可选地，所述装置中，所述显示控制模块，具体用于：

若所述第一视图的高度小于所述屏幕的高度，则在所述屏幕上同时显示第一视图以及部分第二视图，其中，第一视图的高度与第二视图的高度之和大于所述屏幕的高度；

若监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图。

可选地，所述装置中，所述显示控制模块，还用于：

若所述第二视图的高度等于所述屏幕的高度，则确定所述第一视图和所述第二视图向上移动的距离等于所述第一视图的高度时，在所述屏幕上仅显示所述第二视图；

在仅显示第二视图的情况下，若确定在所述列表数据未滚动至起始处时监听到滑动事件，则将该滑动事件发送给所述列表视图控件，以使所述列表视图控件根据该滑动事件在所述第二视图中以滚动方式对所述列表数据进行加载。

可选地，所述装置中，所述显示控制模块，还用于：

在仅显示第二视图的情况下，若确定在所述列表数据滚动至起始处时监听到下滑事件，则按照该下滑动事件对应的滑动速度和滑动距离，同时向下移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。

可选地，所述装置中，所述显示控制模块，还用于：

在所述第一视图和所述第二视图同时显示在所述屏幕上的情况下，若监听到滑动事件，则根据该滑动事件对应的滑动速度、滑动距离，向该滑动事件对应的滑动方向同时移动所述第一视图和所述第二视图。

可选地，所述装置中，所述正文数据为所述页面的正文内容对应的数据，所述列表数据包括针对所述页面的推荐页面列表数据和/或用户针对所述正文内容的评论列表数据。

实施例三

本发明实施例提供一种非易失性计算机存储介质，所述计算机存储介质存储有可执行程序，该可执行程序被处理器执行实现上述实施例提供的任一视图渲染方法的步骤。

实施例四

本发明实施例提供一种智能终端，包括存储器、处理器及存储在存储器上的计算机程序，所述处理器执行所述程序时实现上述任一视图渲染方法的步骤。

本发明实施例提供一种智能终端，用于执行实施例一中的视图渲染方法，如图8所示，为本发明实施四中所述的智能终端的硬件结构示意图，该智能终端具体可以为的桌面计算机、便携式计算机、智能手机、平板电脑等。具体地，该智能终端可以包括存储器801、处理器802及存储在存储器上的计算机程序，所述处理器执行所述程序时实现实施例一的视图渲染方法的步骤。其中，存储器801可以包括只读存储器(ROM)和随机存取存储器(RAM)，并向处理器802提供存储器801中存储的程序指令和数据。

进一步地，本发明实施例四中所述的智能终端还可以包括输入装置803以及输出装置804等。输入装置803可以包括键盘、鼠标、触摸屏等；输出装置804可以包括显示设备，如液晶显示器(Liquid Crystal Display，LCD)、阴极射线管(Cathode Ray Tube，CRT)，触摸屏等。存储器801，处理器802、输入装置803和输出装置804可以通过总线或者其他方式连接，图8中以通过总线连接为例。

处理器802调用存储器801存储的程序指令并按照获得的程序指令执行实施例一提供的视图渲染方法。

利用本发明实施例提供视图渲染方法、装置、介质及智能终端，具有以下有益效果：分别利用独立运行的页面视图控件和列表视图控件生成不大于智能终端的屏幕的第一视图和第二视图，无需将输入页面视图控件的所有正文数据均渲染到第一视图，从而节省了智能终端的显存空间，进而提升智能终端的视图显示性能，并且，第一视图的底端与第二视图的顶端相邻且对齐，不会出现两个视图相互嵌套的情况，符合用户使用习惯。。

应当注意，尽管在上文详细描述中提及了视图渲染装置的若干模块，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本发明的实施方式，上文描述的两个或更多模块的特征和功能可以在一个模块中具体化。反之，上文描述的一个模块的特征和功能可以进一步划分为由多个模块来具体化。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (13)

1.一种视图渲染方法，其特征在于，应用于智能终端，包括：

获取用于显示页面的正文数据的第一视图，所述第一视图为预先由页面视图控件根据所述正文数据生成高度不大于所述智能终端的屏幕的高度的滚动视图；以及

获取用于显示所述页面的列表数据的第二视图，所述第二视图为预先由列表视图控件根据所述列表数据生成高度不大于所述屏幕的高度的滚动视图；

将所述第一视图和所述第二视图渲染至所述智能终端的显存，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。

2.根据权利要求1所述的方法，其特征在于：

若所述正文数据所占的视图高度大于或等于所述屏幕的高度，则所述第一视图的高度等于所述屏幕的高度；若所述正文数据所占的视图高度小于所述屏幕的高度，则所述第一视图的高度等于所述正文数据所占的视图高度；

若所述列表数据所占的视图高度大于或等于所述屏幕的高度，则所述第二视图的高度等于所述屏幕的高度；若所述列表数据所占的视图高度小于所述屏幕的高度，则所述第二视图的高度等于所述列表数据所占的视图高度。

3.根据权利要求2所述的方法，其特征在于，还包括：

在所述屏幕上对所述显存中的第一视图和第二视图进行显示控制。

4.根据权利要求3所述的方法，其特征在于，在所述屏幕上对所述显存中的第一视图和第二视图进行显示控制，具体包括：

若所述第一视图的高度等于所述屏幕的高度，则在所述屏幕上仅显示第一视图；

在仅显示第一视图的情况下，若确定在所述正文数据未滚动至结尾处时监听到滑动事件，则将该滑动事件发送给所述页面视图控件，以使所述页面视图控件根据该滑动事件在所述第一视图中以滚动方式对所述正文数据进行加载。

5.根据权利要求4所述的方法，其特征在于，还包括：

在仅显示第一视图的情况下，若确定在所述正文数据滚动至结尾时监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。

6.根据权利要求3所述的方法，其特征在于，在所述屏幕上对所述显存中的第一视图和第二视图进行显示控制，具体包括：

若所述第一视图的高度小于所述屏幕的高度，则在所述屏幕上同时显示第一视图以及部分第二视图，其中，第一视图的高度与第二视图的高度之和大于所述屏幕的高度；

若监听到上滑事件，则按照该上滑动事件对应的滑动速度和滑动距离，同时向上移动所述第一视图和所述第二视图。

7.根据权利要求4或6所述的方法，其特征在于，还包括：

若所述第二视图的高度等于所述屏幕的高度，则确定所述第一视图和所述第二视图向上移动的距离等于所述第一视图的高度时，在所述屏幕上仅显示所述第二视图；

在仅显示第二视图的情况下，若确定在所述列表数据未滚动至起始处时监听到滑动事件，则将该滑动事件发送给所述列表视图控件，以使所述列表视图控件根据该滑动事件在所述第二视图中以滚动方式对所述列表数据进行加载。

8.根据权利要求7所述的方法，其特征在于，还包括：

在仅显示第二视图的情况下，若确定在所述列表数据滚动至起始处时监听到下滑事件，则按照该下滑动事件对应的滑动速度和滑动距离，同时向下移动所述第一视图和所述第二视图，以使所述第一视图和所述第二视图同时显示在所述屏幕上。

9.根据权利要求5或8所述的方法，其特征在于，还包括：

在所述第一视图和所述第二视图同时显示在所述屏幕上的情况下，若监听到滑动事件，则根据该滑动事件对应的滑动速度、滑动距离，向该滑动事件对应的滑动方向同时移动所述第一视图和所述第二视图。

10.根据权利要求1-6任一所述的方法，其特征在于，所述正文数据为所述页面的正文内容对应的数据，所述列表数据包括针对所述页面的推荐页面列表数据和/或用户针对所述正文内容的评论列表数据。

11.一种视图渲染装置，其特征在于，设置于智能终端，包括：

第一获取模块，用于获取用于显示页面的正文数据的第一视图，所述第一视图为预先由页面视图控件根据所述正文数据生成高度不大于所述智能终端的屏幕的高度的滚动视图；

第二获取模块，用于获取用于显示所述页面的列表数据的第二视图，所述第二视图为预先由列表视图控件根据所述列表数据生成高度不大于所述屏幕的高度的滚动视图；

渲染模块，用于将所述第一视图和所述第二视图渲染至所述智能终端的显存，其中，所述第一视图的底端与所述第二视图的顶端相邻且对齐。

12.一种非易失性计算机存储介质，其特征在于，所述计算机存储介质存储有可执行程序，该可执行程序被处理器执行实现权利要求1-10任一所述方法的步骤。

13.一种智能终端，其特征在于，包括存储器、处理器及存储在存储器上的计算机程序，所述处理器执行所述程序时实现权利要求1-10任一所述方法的步骤。