CN108762622A - 一种页面的切换显示方法及装置 - Google Patents

Abstract

本申请公开了一种页面的切换显示方法及装置，首先缓存所有的页面信息，在滑动切换页面过程中，获取滑动切换经过的页面对应的图片数据，当滑动切换进入目标页面达到预设时间后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。所述页面的切换显示方法及装置一开始就缓存了所有的页面信息，避免了在页面滑动切换过程中，页面反复创建和销毁消耗大量内存，使得页面切换更加平滑；同时只有在进入一个页面达到预设时间后，才会绘制该页面的用户界面，避免在滑动切换过程中绘制用户界面易造成的卡顿现象，整体上提升了页面切换的流畅度，优化了用户体验。

Description

一种页面的切换显示方法及装置

技术领域

本发明涉及应用页面显示，更具体的说，是涉及一种页面的切换显示方法及装置。

背景技术

目前，网络电视已进入千千万万的家庭，各式各样的APP也不断推出TV端版本，为广大用户提供了丰富多样的TV端应用服务。

TV端中的应用APP，需要通过遥控器来控制使用。实际应用中，经常出现通过遥控器的按键对TV端的APP首页进行横向频繁来回切换页面的控制场景。现有技术中，页面控制的相关处理器通常会缓存当前的页面和左右相邻的两个页面，共缓存三个页面。而不相邻的其他页面，就会自动被销毁，在需要的时候再重新进行页面的创建。由于遥控器发送按键信号可以非常快，这样在页面来回的切换过程中会不断重复地进行页面创建和销毁操作，消耗大量的内存，造成页面切换不流畅，用户体验差。

发明内容

有鉴于此，本发明提供了一种页面的切换显示方法及装置，以克服页面切换过程不流畅的问题。

为实现上述目的，本发明提供如下技术方案：

一种页面的切换显示方法，包括：

缓存所有的页面信息；

在滑动切换页面过程中，获取滑动切换经过的页面对应的图片数据；

当滑动切换进入目标页面达到预设时间后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。

可选的，还包括：

在滑动切换进入目标页面达到预设时间后，删除所述目标页面外的其他页面的图片数据。

可选的，所述当滑动切换进入目标页面达到预设时间后，基于所述目标页面的图片数据绘制所述目标页面的用户界面，包括：

当滑动切换进入目标页面达到预设时间且所述目标页面的图片数据获取完毕后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。

可选的，所述页面信息为页面框架信息，则所述缓存所有的页面信息，包括：

缓存所有的页面框架信息。

可选的，所述在滑动过切换页面过程中，获取滑动切换经过的页面对应的图片数据，包括：

在滑动切换页面过程中，从服务器请求滑动切换经过的页面对应的图片数据；

加载所述滑动切换经过的页面对应的图片数据至内存。

一种页面的切换显示装置，包括：

页面缓存模块，用于缓存所有的页面信息；

数据获取模块，用于在滑动切换页面过程中，获取滑动切换经过的页面对应的图片数据；

界面绘制模块，用于当滑动切换进入目标页面达到预设时间后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。

可选的，还包括：

图片删除模块，用于在滑动切换进入目标页面达到预设时间后，删除所述目标页面外的其他页面的图片数据。

可选的，所述界面绘制模块具体用于：当滑动切换进入目标页面达到预设时间且所述目标页面的图片数据获取完毕后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。

可选的，所述页面信息为页面框架信息，则所述页面缓存模块用于：缓存所有的页面框架信息。

可选的，所述数据获取模块包括：

数据请求模块，用于在滑动切换页面过程中，从服务器请求滑动切换经过的页面对应的图片数据；

数据加载模块，用于加载所述滑动切换经过的页面对应的图片数据至内存。

经由上述的技术方案可知，与现有技术相比，本发明实施例公开了一种页面的切换显示方法及装置，首先缓存所有的页面信息，在滑动切换页面过程中，获取滑动切换经过的页面对应的图片数据，当滑动切换进入目标页面达到预设时间后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。所述页面的切换显示方法及装置一开始就缓存了所有的页面信息，避免了在页面滑动切换过程中，页面反复创建和销毁消耗大量内存，使得页面切换更加平滑；同时只有在进入一个页面达到预设时间后，才会绘制该页面的用户界面，避免在滑动切换过程中绘制用户界面易造成的卡顿现象，整体上提升了页面切换的流畅度，优化了用户体验。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本发明实施例公开的一种页面的切换显示方法流程图；

图2为本发明实施例公开的获取图片数据的流程图；

图3为本发明实施例公开的另一种页面的切换显示方法流程图；

图4为本发明实施例公开的一种页面的切换显示装置的结构示意图；

图5为本发明实施例公开的数据获取模块的结构示意图；

图6为本发明实施例公开的另一种页面的切换显示装置的结构示意图。

具体实施方式

为了引用和清楚起见，下文中使用的技术名词的说明、简写或缩写总结如下：

Fragment：Android中的一个类，可以简单地把它看成一个页面。

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

图1为本发明实施例公开的一种页面的切换显示方法流程图，参见图1所示，页面的切换显示方法可以包括：

步骤101：缓存所有的页面信息。

其中，所述页面信息可以为页面框架信息。具体的，所述页面框架信息可以是Fragment页面。页面框架信息本身的大小并不大，不会占用过多的内存资源。因此所述缓存所有的页面信息可以包括：缓存所有的页面框架信息。

首先缓存所有的页面信息，可以减少Fragment页面在来回切换过程中频繁的创建和销毁所消耗的大量内存，避免内存出现不稳定抖动的情况，进而影响页面切换的流畅。

需要说明的是，本实施例中，所述所有的页面，指的是同一目录层级的页面，例如，某个应用APP的首页，可能包括5个页面，分别对应电视剧、电影、娱乐、儿童、新闻的标签，这5个页面在左右方向上依次排列，用户可以通过遥控器上控制焦点左右移动的按键控制在上述5个页面之间横向切换。

步骤102：在滑动切换页面过程中，获取滑动切换经过的页面对应的图片数据。

若用户控制在切换至一个页面后很短时间内继续切换至其他页面，则可以确定当前处于滑动切换页面状态。可以通过一个时间阈值来判断是否处于滑动切换状态，如所述时间阈值可以是0.5秒，即，当切换至一个页面后，0.5秒内又切换至其他的页面，则确定当前处于滑动切换状态。

在滑动切换页面的过程中，可以先从相应服务器请求切换经过的页面的图片数据，保存至本地，待用户控制停止滑动切换过程后，再控制将最终停止位置对应页面绘制展示。

步骤103：当滑动切换进入目标页面达到预设时间后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。

由于在在滑动切换进入某个页面达到预设时间后，如2秒，可以认为用户已经确定了自己想要观看的页面，即当前页面，此时确定滑动切换过程结束，可以开始基于当前页面，即所述目标页面的图片数据绘制所述目标页面的用户界面。

在一个示意性的示例中，所述当滑动切换进入目标页面达到预设时间后，基于所述目标页面的图片数据绘制所述目标页面的用户界面，可以包括：当滑动切换进入目标页面达到预设时间且所述目标页面的图片数据获取完毕后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。在另一个示意性的示例中，所述当滑动切换进入目标页面达到预设时间后，基于所述目标页面的图片数据绘制所述目标页面的用户界面，可以包括：在当滑动切换进入目标页面达到预设时间后，在获取所述目标页面的图片数据的同时，基于已经获取成功的图片数据绘制所述目标页面的用户界面。即一边获取目标页面的图片数据，一边绘制目标页面的用户界面。

需要说明的是，在滑动切换过程中，需要获取滑动经过的页面的图片数据，可能出现经过的第一页面的图片数据还没有获取完毕，已经滑动切换至第二页面的情况，此时，应优先获取当前显示的页面，即第二页面的图片数据。

本实施例中，所述页面的切换显示方法一开始就缓存了所有的页面信息，避免了在页面滑动切换过程中，页面反复创建和销毁消耗大量内存，使得页面切换更加平滑；同时只有在进入一个页面达到预设时间后，才会绘制该页面的用户界面，避免在滑动切换过程中绘制用户界面易造成的卡顿现象，整体上提升了页面切换的流畅度，优化了用户体验。

上述实施例中，所述在滑动过切换页面过程中，获取滑动切换经过的页面对应的图片数据的具体过程可以参见图2，图2为本发明实施例公开的获取图片数据的流程图，如图2所示，在一种实现方式中，获取图片数据可以包括：

步骤201：在滑动切换页面过程中，从服务器请求滑动切换经过的页面对应的图片数据。

在滑动切换页面的过程中，需要从服务器请求获取滑动经过的页面对应图片数据，所述图片数据可以但不限制为包括图片和动画。其中所述动画可以包括加载动画。

步骤202：加载所述滑动切换经过的页面对应的图片数据至内存。

将从所述服务器获取的图片数据加载至本地内存，以供绘制用户界面时使用。

图3为本发明实施例公开的另一种页面的切换显示方法流程图，如图3所示，页面的切换显示方法可以包括：

步骤301：缓存所有的页面信息。

步骤302：在滑动切换页面过程中，获取滑动切换经过的页面对应的图片数据。

步骤303：当滑动切换进入目标页面达到预设时间后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。

步骤304：在滑动切换进入目标页面达到预设时间后，删除所述目标页面外的其他页面的图片数据。

本实施例中，所述页面可以是Fragment页面，Fragment页面的内存消耗主要来自于图片加载，缓存所有的Fragment页面后，会造成内存占用率增大，所以在最后结束滑动切换过程后，对于除所述目标页面外的其他不可见页面的图片数据，可以删除，以减少大量的内存消耗。

本实施例中，除了缓存所有的页面信息，结束滑动切换过程后开始绘制用户界面，还增加了滑动切换过程结束后删除不可见页面的图片数据的内容，该过程可释放大量内存，有助于其他操作的高效进行。

对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本发明所必须的。

上述本发明公开的实施例中详细描述了方法，对于本发明的方法可采用多种形式的装置实现，因此本发明还公开了一种装置，下面给出具体的实施例进行详细说明。

图4为本发明实施例公开的一种页面的切换显示装置的结构示意图，参见图4所示，页面的切换显示装置40可以包括：

页面缓存模块401，用于缓存所有的页面信息。

其中，所述页面信息可以为页面框架信息。具体的，所述页面框架信息可以是Fragment页面。页面框架信息本身的大小并不大，不会占用过多的内存资源。因此所述页面缓存模块401具体可以用于：缓存所有的页面框架信息。

首先缓存所有的页面信息，可以减少Fragment页面在来回切换过程中频繁的创建和销毁所消耗的大量内存，避免内存出现不稳定抖动的情况，进而影响页面切换的流畅。

需要说明的是，本实施例中，所述所有的页面，指的是同一目录层级的页面，例如，某个应用APP的首页，可能包括5个页面，分别对应电视剧、电影、娱乐、儿童、新闻的标签，这5个页面在左右方向上依次排列，用户可以通过遥控器上控制焦点左右移动的按键控制在上述5个页面之间横向切换。

数据获取模块402，用于在滑动切换页面过程中，获取滑动切换经过的页面对应的图片数据。

若用户控制在切换至一个页面后很短时间内继续切换至其他页面，则可以确定当前处于滑动切换页面状态。可以通过一个时间阈值来判断是否处于滑动切换状态，如所述时间阈值可以是0.5秒，即，当切换至一个页面后，0.5秒内又切换至其他的页面，则确定当前处于滑动切换状态。

在滑动切换页面的过程中，可以先从相应服务器请求切换经过的页面的图片数据，保存至本地，待用户控制停止滑动切换过程后，再控制将最终停止位置对应页面绘制展示。

界面绘制模块403，用于当滑动切换进入目标页面达到预设时间后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。

由于在在滑动切换进入某个页面达到预设时间后，如2秒，可以认为用户已经确定了自己想要观看的页面，即当前页面，此时确定滑动切换过程结束，可以开始基于当前页面，即所述目标页面的图片数据绘制所述目标页面的用户界面。

在一个示意性的示例中，所述界面绘制模块403具体可以用于：当滑动切换进入目标页面达到预设时间且所述目标页面的图片数据获取完毕后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。在另一个示意性的示例中，所述界面绘制模块403具体可以用于：在当滑动切换进入目标页面达到预设时间后，在获取所述目标页面的图片数据的同时，基于已经获取成功的图片数据绘制所述目标页面的用户界面。即一边获取目标页面的图片数据，一边绘制目标页面的用户界面。

需要说明的是，在滑动切换过程中，需要获取滑动经过的页面的图片数据，可能出现经过的第一页面的图片数据还没有获取完毕，已经滑动切换至第二页面的情况，此时，应优先获取当前显示的页面，即第二页面的图片数据。

本实施例中，所述页面的切换显示装置首先可以就缓存所有的页面信息，避免了在页面滑动切换过程中，页面反复创建和销毁消耗大量内存，使得页面切换更加平滑；同时只有在进入一个页面达到预设时间后，才会绘制该页面的用户界面，避免在滑动切换过程中绘制用户界面易造成的卡顿现象，整体上提升了页面切换的流畅度，优化了用户体验。

上述实施例中，所述数据获取模块402的具体结构可以参见图5，图5为本发明实施例公开的数据获取模块的结构示意图，如图5所示，在一种实现方式中，所述数据获取模块402可以包括：

数据请求模块501，用于在滑动切换页面过程中，从服务器请求滑动切换经过的页面对应的图片数据。

在滑动切换页面的过程中，需要从服务器请求获取滑动经过的页面对应图片数据，所述图片数据可以但不限制为包括图片和动画。其中所述动画可以包括加载动画。

数据加载模块502，用于加载所述滑动切换经过的页面对应的图片数据至内存。

将从所述服务器获取的图片数据加载至本地内存，以供绘制用户界面时使用。

图6为本发明实施例公开的另一种页面的切换显示装置的结构示意图，如图6所示，页面的切换显示装置60可以包括：

页面缓存模块401，用于缓存所有的页面信息。

数据获取模块402，用于在滑动切换页面过程中，获取滑动切换经过的页面对应的图片数据。

界面绘制模块403，用于当滑动切换进入目标页面达到预设时间后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。

图片删除模块601，用于在滑动切换进入目标页面达到预设时间后，删除所述目标页面外的其他页面的图片数据。

本实施例中，所述页面可以是Fragment页面，Fragment页面的内存消耗主要来自于图片加载，缓存所有的Fragment页面后，会造成内存占用率增大，所以在最后结束滑动切换过程后，对于除所述目标页面外的其他不可见页面的图片数据，可以删除，以减少大量的内存消耗。

本实施例中，除了缓存所有的页面信息，结束滑动切换过程后开始绘制用户界面，还增加了滑动切换过程结束后删除不可见页面的图片数据的内容，该过程可释放大量内存，有助于其他操作的高效进行。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。

还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种页面的切换显示方法，其特征在于，包括：

缓存所有的页面信息；

在滑动切换页面过程中，获取滑动切换经过的页面对应的图片数据；

当滑动切换进入目标页面达到预设时间后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。

2.根据权利要求1所述的页面的切换显示方法，其特征在于，还包括：

在滑动切换进入目标页面达到预设时间后，删除所述目标页面外的其他页面的图片数据。

3.根据权利要求1所述的页面的切换显示方法，其特征在于，所述当滑动切换进入目标页面达到预设时间后，基于所述目标页面的图片数据绘制所述目标页面的用户界面，包括：

当滑动切换进入目标页面达到预设时间且所述目标页面的图片数据获取完毕后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。

4.根据权利要求1所述的页面的切换显示方法，其特征在于，所述页面信息为页面框架信息，则所述缓存所有的页面信息，包括：

缓存所有的页面框架信息。

5.根据权利要求1所述的页面的切换显示方法，其特征在于，所述在滑动过切换页面过程中，获取滑动切换经过的页面对应的图片数据，包括：

在滑动切换页面过程中，从服务器请求滑动切换经过的页面对应的图片数据；

加载所述滑动切换经过的页面对应的图片数据至内存。

6.一种页面的切换显示装置，其特征在于，包括：

页面缓存模块，用于缓存所有的页面信息；

数据获取模块，用于在滑动切换页面过程中，获取滑动切换经过的页面对应的图片数据；

界面绘制模块，用于当滑动切换进入目标页面达到预设时间后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。

7.根据权利要求6所述的页面的切换显示装置，其特征在于，还包括：

图片删除模块，用于在滑动切换进入目标页面达到预设时间后，删除所述目标页面外的其他页面的图片数据。

8.根据权利要求6所述的页面的切换显示装置，其特征在于，所述界面绘制模块具体用于：当滑动切换进入目标页面达到预设时间且所述目标页面的图片数据获取完毕后，基于所述目标页面的图片数据绘制所述目标页面的用户界面。

9.根据权利要求6所述的页面的切换显示装置，其特征在于，所述页面信息为页面框架信息，则所述页面缓存模块用于：缓存所有的页面框架信息。

10.根据权利要求6所述的页面的切换显示装置，其特征在于，所述数据获取模块包括：

数据请求模块，用于在滑动切换页面过程中，从服务器请求滑动切换经过的页面对应的图片数据；

数据加载模块，用于加载所述滑动切换经过的页面对应的图片数据至内存。