CN103631777A - 浏览图像的方法和系统 - Google Patents

Abstract

本发明涉及一种浏览图像的方法和系统。所述浏览图像的方法包括以下步骤：获取对图像的浏览请求；预先判断在预设的内存数组内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据，若是，则直接从内存数组内获取相应的图像数据进行渲染显示，若否，则从网络拉取图像数据，并对拉取的图像数据进行渲染显示，并将拉取的图像数据存储在所述内存数组内。上述浏览图像的方法和系统，能节省画面切换等待时间，因内存数组容量设定有限，存储的图像数据所占内存空间有限，不会过多占有内存空间，节省了内存空间。

Description

浏览图像的方法和系统

技术领域

本发明涉及计算机网络技术，特别是涉及一种浏览图像的方法和系统。

背景技术

随着移动互联网技术的飞速发展，人们对智能手机、平板电脑、电子阅读器等智能移动终端的要求越来越高，不仅仅满足于基本的电话短信功能，更希望能够方便快捷的获取和浏览感兴趣的信息。由于受到智能移动终端的硬件能力和移动互联网的带宽限制，智能移动终端每一屏幕展现内容的数量有限，展现的速度相对个人计算机来说，毫无优势。

智能移动终端为了满足用户浏览信息的流畅性，需要对展示信息的应用软件进行优化。如果要浏览的内容是大量图像数据，需要保证在不持续占用大量内存的前提下，选择合适的时机拉取图像并高效渲染。

智能移动终端浏览图像的传统方式是浏览前一屏图像时，采用异步方式提前预拉多屏的数据，一般提前2屏甚至更多屏拉取数据，考虑到不影响图像数据的拉取速度，就必须增加每次拉取图像的数量，但此时如果不释放已浏览过的图像的内存数据，会消耗大量的内存，导致内存不足而退出应用程序，若浏览到当前图像，释放最前或最后的多个图像，虽可保证内存占用不会持续增加，但会导致切换图像过程中因未及时获取相应的图像数据，展示画面出现卡顿现象。

发明内容

基于此，有必要提供一种能节省内存空间且能节省画面切换等待时间的浏览图像的方法。

此外，还有必要提供一种能节省内存空间且能节省画面切换等待时间的浏览图像的方法。

一种浏览图像的方法，包括以下步骤：

获取对图像的浏览请求；

预先判断在预设的内存数组内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据，若是，则直接从内存数组内获取相应的图像数据进行渲染显示，若否，则从网络拉取图像数据，并对拉取的图像数据进行渲染显示，并将拉取的图像数据存储在所述内存数组内。

在其中一个实施例中，还包括步骤：

预先设定内存数组的最大容量；

当所述内存数组存储已满时，将图像数据存储到所述内存数组时覆盖已存储的时间最早的图像数据。

在其中一个实施例中，在所述预先判断在内存数组内不存在与所述当前屏相邻的下一屏或上一屏的图像数据的步骤之后，还包括：

进一步判断在缓存内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据，若否，则从网络拉取图像数据。

在其中一个实施例中，在所述获取对图像的浏览请求的步骤之后，还包括步骤：

判断对图像的浏览请求是否为首次；

若是，则从预设的内存数组内获取离线图像数据进行渲染显示在当前屏，且拉取与浏览请求对应的图像数据，存储在所述内存数组内，并对所述对应的图像数据进行渲染显示在当前屏；若否，则进入预先判断在预设的内存数组内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据的步骤。

在其中一个实施例中，在所述对拉取的图像数据进行渲染显示的步骤之后，还包括步骤：

预先设置图像数据加载的阈值；

判断图像数据是否在所述阈值内，若否，则释放对所述图像数据渲染形成的视图图片数据及视图。

在其中一个实施例中，所述预先设置图像数据加载的阈值为当前屏图像数据、与所述当前屏相邻的上一屏图像数据及下一屏图像数据。

一种浏览图像的系统，包括：

获取模块，用于获取对图像的浏览请求；

判断模块，用于预先判断在内存数组内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据；

拉取模块，用于在判断出所述内存数组内不存在时，从网络拉取图像数据；

加载模块，用于对拉取的图像数据进行渲染显示；

存储模块，用于将拉取的图像数据存储在所述内存数组内；

所述加载模块还用于在判断出所述内存数组内存在时，直接从内存数组内获取相应的图像数据进行渲染显示。

在其中一个实施例中，还包括：

预设模块，用于预先设定内存数组的最大容量；

所述存储模块还用于当所述内存数组存储已满时，将图像数据存储到所述内存数组时覆盖已存储的时间最早的图像数据。

在其中一个实施例中，所述判断模块还用于在预先判断出所述内存数组内不存在与所述当前屏相邻的下一屏或上一屏的图像数据时，进一步判断在缓存内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据，若否，则所述拉取模块还用于从网络拉取图像数据。

在其中一个实施例中，所述判断模块还用于判断对图像的浏览请求是否为首次；

所述加载模块还用于在判断出对图像的浏览请求为首次时，从预设的内存数组内获取离线图像数据进行渲染显示在当前屏；

所述拉取模块还用于拉取与浏览请求对应的图像数据；

所述存储模块还用于将所述对应的图像数据存储在所述内存数组内；

所述加载模块还用于对所述对应的图像数据进行渲染显示在当前屏；

所述判断模块还用于在判断出对图像的浏览请求不为首次时，进一步预先判断在内存数组内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据。

在其中一个实施例中，还包括：

预设模块，用于预先设置图像数据加载的阈值；

所述判断模块还用于判断图像数据是否在所述阈值内；

释放模块，用于在判断出图像数据不在所述阈值内时，释放对所述图像数据渲染形成的视图图片数据及视图。

在其中一个实施例中，所述预先设置图像数据加载的阈值为当前屏图像数据、与所述当前屏相邻的上一屏图像数据及下一屏图像数据。

上述浏览图像的方法和系统，浏览图像时，预先判断在内存数组内是否存在下一屏或上一屏的图像数据，不存在时及时拉取图像数据，存在时直接从内存数组内获取图像数据，能节省画面切换等待时间，且设置内存数组存储图像数据，因内存数组容量设定有限，存储的图像数据所占内存空间有限，不会过多占有内存空间，节省了内存空间。

附图说明

图1为本发明第一实施例的浏览图像的方法流程示意图；

图2为本发明第二实施例的浏览图像的方法流程示意图；

图3为本发明第三实施例的浏览图像的方法流程示意图；

图4为本发明第四实施例提供的浏览图像的系统的结构示意图；

图5为本发明第五实施例提供的浏览图像的系统的结构示意图。

具体实施方式

下面结合具体的实施例及附图对浏览图像的方法和系统的技术方案进行详细的描述，以使其更加清楚。

如图1所示，在一个实施例中，一种浏览图像的方法，包括以下步骤：

步骤S110，获取对图像的浏览请求。

在一个实施例中，在步骤S110之后，还包括步骤：判断对图像的浏览请求是否为首次，若是，则从预设的内存数组内获取离线图像数据进行渲染显示在当前屏，且异步拉取与浏览请求对应的图像数据存储在所述内存数组内，并对该对应的图像数据进行渲染显示在当前屏，若否，进入步骤S120。

具体的，首次进入浏览器对图像进行浏览时，可先从预设的内存数组内拉取离线图像数据进行渲染显示在当前屏，同时异步从网络拉取图像数据。当网络图像数据未达到时，继续从内存数组内拉取离线图像数据显示在当前屏上；当网络图像数据达到时，清除所有离线图像数据，将网络图像数据保存到内存数组中，并及时将该网络图像数据渲染显示在当前屏。移动终端显示数据时一屏一屏的进行显示，当前屏图像数据是指正在显示的一屏图像数据。

对图像数据进行渲染是指对图像进行绘制成视图形式以便展示，可采用Image View进行渲染。

步骤S120，预先判断在该内存数组内是否存在与当前屏相邻的下一屏或上一屏的图像数据，若否，执行步骤S130，若是，执行步骤S140。

例如，以第二屏为当前屏，第一屏为上一屏，第三屏为下一屏，当前显示第二屏的图像数据，则提前判断在内存数组内是否存在第三屏的图像数据，不存在时从网络拉取图像数据，这样可保证每次从内存中读取图像数据，提高了读取数据的效率。

进一步的，在一个实施例中，在预先判断出内存数组内不存在与当前屏相邻的下一屏或上一屏的图像数据时，进一步判断在缓存内是否与当前屏相邻的下一屏或上一屏的图像数据，若否，则从网络拉取图像数据。

具体的，判断内存数组内是否存储有下一屏或上一屏的图像数据，若没有，则需进一步判断缓存内是否存在。当在内存数组内查找下一屏或上一屏的图像数据则可直接获取相应的图像数据进行渲染然后显示在屏幕上。当在内存数组内未查找到时，从缓存内查找下一屏或上一屏的图像数据则直接从缓存内获取相应的图像数据进行渲染，并显示在屏幕上。

步骤S130，从网络拉取图像数据，并对拉取的图像数据进行渲染显示，并将拉取的图像数据存储在内存数组内。

具体的，将拉取的图像数据进行渲染显示后，该显示的图像数据则变为当前屏图像数据。

步骤S140，直接从内存数组内获取相应的图像数据进行渲染显示。

具体的，当不需要从网络拉取下一屏的图像数据或上一屏的图像数据表示内存数组内相应的图像数据，则可直接从内存数据内获取相应的图像数据进行渲染显示。

上述浏览图像的方法，采用在首次浏览图像时，从内存数组内获取离线图像数据进行渲染显示，然后将异步拉取的图像数据进行渲染显示在当前屏上，能节省画面切换等待时间，且在不是首次浏览图像时，预先判断在内存数组内是否存在下一屏或上一屏的图像数据，不存在时及时拉取图像数据，能节省画面切换等待时间，且设置内存数组存储图像数据，因内存数组容量设定有限，存储的图像数据所占内存空间有限，不会过多占有内存空间，节省了内存空间。

进一步的，如图2所示，在一个实施例中，上述浏览图像的方法，还包括步骤：

步骤S210，预先设定内存数组的最大容量。

具体的，最大容量可根据内存的大小进行设定，如设定内存数组可最大容量为50张，但不限于此。

步骤S220，当内存数组存储已满时，将图像数据存储到内存数组时覆盖已存储的时间最早的图像数据。

具体的，内存数组存储满了，后续存储的图像数据会覆盖在内存数组内的一些部分图像数据，采用按照存储的时间先后顺序依次覆盖。例如在内存数组按时间先后存储有1-50的图像数据，第51张图像数据存储时将覆盖第1张图像的数据。

进一步的，在一个实施例中，如图3所示，上述浏览图像的方法，在对拉取的图像数据进行渲染显示的步骤之后，还包括步骤：

步骤S310，预先设置图像数据加载的阈值。

具体的，本实施例中，预先设置图像数据加载的阈值为当前屏图像数据、与当前屏相邻的上一屏图像数据及下一屏图像数据，但不限于此。采用在内存中保存当前屏、相邻的下一屏和上一屏的视图图片数据及视图，其占用内存的空间较小。

步骤S320，判断图像数据是否在阈值内，若否，则步骤S330，若是，返回步骤S320。

步骤S330，释放对图像数据渲染形成的视图图片数据及视图。

具体的，判断出图像数据不在阈值内，则释放渲染形成的视图图片数据及视图。例如，设置阈值，该阈值为当前屏大小的图像数据、下一屏大小的图像数据和上一屏大小的图像数据，通过ImageView检测出加载的图像数据超出阈值范围，则释放对应的图像数据形成的视图图片数据及视图，如此可保证内存占有较小空间且占有空间稳定。

进一步的，上述浏览图像的方法，还可根据网络环境预判请求拉取的网络数据大小。网络环境包括网络带宽、已用带宽、当前网速等。可设定网速阈值，当超过网速阈值时，请求拉取多屏的图像数据等，当未超过网速阈值时，请求较少数据。

进一步的，上述浏览图像的方法中对图像数据渲染采用动态渲染，即只对当前屏的图像数据进行渲染，在需展示下一屏或上一屏的图像数据时，进行逐屏渲染。

如图4所示，在一个实施例中，一种浏览图像的系统，包括获取模块110、判断模块120、拉取模块130、加载模块140和存储模块150。其中：

获取模块110用于获取对图像的浏览请求。

判断模块120还用于在判断出对图像的浏览请求不为首次时，预先判断在该内存数组内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据。

例如，以第二屏为当前屏，第一屏为上一屏，第三屏为下一屏，当前显示第二屏的图像数据，则提前判断在内存数组内是否存在第三屏的图像数据，不存在时从网络拉取图像数据，这样可保证每次从内存中读取图像数据，提高了读取数据的效率。

进一步的，判断模块120还用于预先判断出内存数组内不存在与所述当前屏相邻的下一屏或上一屏的图像数据时，进一步判断在缓存内是否与当前屏相邻的下一屏或上一屏的图像数据，若否，则拉取模块130还用于从网络拉取图像数据。

具体的，判断内存数组内是否存储有下一屏或上一屏的图像数据，若没有，则需进一步判断缓存内是否存在。当在内存数组内查找下一屏或上一屏的图像数据则可直接获取相应的图像数据进行渲染然后显示在屏幕上。当在内存数组内未查找到时，从缓存内查找下一屏或上一屏的图像数据则直接从缓存内获取相应的图像数据进行渲染，并显示在屏幕上。

拉取模块130还用于在判断出需要拉取时，从网络拉取图像数据。

加载模块140还用于对拉取的图像数据进行渲染显示。

具体的，将拉取的图像数据进行渲染显示后，该显示的图像数据则变为当前屏图像数据。

存储模块150还用于将拉取的图像数据存储在内存数组内。

具体的，将拉取的图像数据存储在内存数组内，方便下次浏览时直接从内存数组内读取图像数据，提高读取数据的效率。

加载模块140还用于当预先判断内存数组内存在与当前屏相邻的下一屏或上一屏的图像数据时，直接从内存数组内获取相应的图像数据进行渲染显示。具体的，当不需要从网络拉取下一屏的图像数据或上一屏的图像数据表示内存数组内相应的图像数据，则可直接从内存数据内获取相应的图像数据进行渲染显示。

上述浏览图像的系统，采用在首次浏览图像时，加载模块140从内存数组内获取离线图像数据进行渲染显示，然后将拉取的图像数据进行渲染显示在当前屏上，能节省画面切换等待时间，且在不是首次浏览图像时，判断模块120预先判断在内存数组内是否存在下一屏或上一屏的图像数据，不存在时拉取模块130及时拉取图像数据，能节省画面切换等待时间，且设置内存数组存储图像数据，因内存数组容量设定有限，存储的图像数据所占内存空间有限，不会过多占有内存空间，节省了内存空间。

进一步的，在一个实施例中，判断模块120用于判断对图像的浏览请求是否为首次。

加载模块140用于在判断出对图像的浏览请求为首次时，从预设的内存数组内获取离线图像数据显示在当前屏。

拉取模块130用于拉取与浏览请求对应的图像数据。

存储模块150用于将对应的图像数据存储在内存数组内。

加载模块140还用于对对应的图像数据进行渲染显示在当前屏。

具体的，首次进入浏览器对图像进行浏览时，加载模块140可先从预设的内存数组内拉取离线图像数据进行渲染显示在当前屏，同时拉取模块130异步从网络拉取图像数据。当网络图像数据未达到时，加载模块140继续从内存数组内拉取离线图像数据显示在当前屏上；当网络图像数据达到时，清除所有离线图像数据，存储模块150将网络图像数据保存到内存数组中，加载模块140及时将该网络图像数据渲染显示在当前屏。移动终端显示数据时一屏一屏的进行显示，当前屏图像数据是指正在显示的一屏图像数据。对图像数据进行渲染是指对图像进行绘制成视图形式以便展示，可采用Image View进行渲染。

判断模块120还用于在判断出用于在判断出对图像的浏览请求不为首次时，进一步预先判断在内存数组内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据。

如图5所示，在一个实施例中，上述浏览图像的系统，除了包括获取模块110、判断模块120、拉取模块130、加载模块140和存储模块150，还包括预设模块160和释放模块170。其中：

预设模块160用于预先设定内存数组的最大容量。

具体的，最大容量可根据内存的大小进行设定，如设定内存数组可最大容量为50张，但不限于此。

存储模块150还用于当所述内存数组存储已满时，将图像数据存储到所述内存数组时覆盖已存储的时间最早的图像数据。

具体的，内存数组存储满了，后续存储的图像数据会覆盖在内存数组内的一些部分图像数据，采用按照存储的时间先后顺序依次覆盖。例如在内存数组按时间先后存储有1-50的图像数据，第51张图像数据存储时将覆盖第1张图像的数据。

预设模块160还用于预先设置图像数据加载的阈值。

具体的，本实施例中，预先设置图像数据加载的阈值为当前屏图像数据、与当前屏相邻的上一屏图像数据及下一屏图像数据，但不限于此。采用在内存中保存当前屏、相邻的下一屏和上一屏的视图图片数据及视图，其占用内存的空间较小。

判断模块120还用于判断图像数据是否在该阈值内。

释放模块170用于在判断出图像数据不在该阈值内时，释放对所述图像数据渲染形成的视图图片数据及视图。

具体的，判断出图像数据不在阈值内，则释放渲染形成的视图图片数据及视图。例如，设置阈值，该阈值为当前屏大小的图像数据、下一屏大小的图像数据和上一屏大小的图像数据，通过ImageView检测出加载的图像数据超出阈值范围，则释放对应的图像数据形成的视图图片数据及视图，如此可保证内存占有较小空间且占有空间稳定。

进一步的，上述浏览图像的系统，拉取模块130还可根据网络环境预判请求拉取的网络数据大小。网络环境包括网络带宽、已用带宽、当前网速等。预设模块160可设定网速阈值，当超过网速阈值时，拉取模块130请求拉取多屏的图像数据等，当未超过网速阈值时，拉取模块130请求较少数据。

进一步的，上述浏览图像的系统中对图像数据渲染采用动态渲染，即加载模块140只对当前屏的图像数据进行渲染，在需展示下一屏或上一屏的图像数据时，进行逐屏渲染。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体（Read-Only Memory，ROM）或随机存储记忆体（Random Access Memory，RAM）等。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (12)

1.一种浏览图像的方法，包括以下步骤：

获取对图像的浏览请求；

预先判断在预设的内存数组内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据，若是，则直接从内存数组内获取相应的图像数据进行渲染显示，若否，则从网络拉取图像数据，并对拉取的图像数据进行渲染显示，并将拉取的图像数据存储在所述内存数组内。

2.根据权利要求1所述的浏览图像的方法，其特征在于，还包括步骤：

预先设定内存数组的最大容量；

当所述内存数组存储已满时，将图像数据存储到所述内存数组时覆盖已存储的时间最早的图像数据。

3.根据权利要求1所述的浏览图像的方法，其特征在于，在所述预先判断在内存数组内不存在与所述当前屏相邻的下一屏或上一屏的图像数据的步骤之后，还包括：

进一步判断在缓存内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据，若否，则从网络拉取图像数据。

4.根据权利要求1所述的浏览图像的方法，其特征在于，在所述获取对图像的浏览请求的步骤之后，还包括步骤：

判断对图像的浏览请求是否为首次；

若是，则从预设的内存数组内获取离线图像数据进行渲染显示在当前屏，且拉取与浏览请求对应的图像数据，存储在所述内存数组内，并对所述对应的图像数据进行渲染显示在当前屏；

若否，则进入预先判断在预设的内存数组内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据的步骤。

5.根据权利要求1所述的浏览图像的方法，其特征在于，在所述对拉取的图像数据进行渲染显示的步骤之后，还包括步骤：

预先设置图像数据加载的阈值；

判断图像数据是否在所述阈值内，若否，则释放对所述图像数据渲染形成的视图图片数据及视图。

6.根据权利要求5所述的浏览图像的方法，其特征在于，所述预先设置图像数据加载的阈值为当前屏图像数据、与所述当前屏相邻的上一屏图像数据及下一屏图像数据。

7.一种浏览图像的系统，其特征在于，包括：

获取模块，用于获取对图像的浏览请求；

判断模块，用于预先判断在内存数组内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据；

拉取模块，用于在判断出所述内存数组内不存在时，从网络拉取图像数据；

加载模块，用于对拉取的图像数据进行渲染显示；

存储模块，用于将拉取的图像数据存储在所述内存数组内；

所述加载模块还用于在判断出所述内存数组内存在时，直接从内存数组内获取相应的图像数据进行渲染显示。

8.根据权利要求7所述的浏览图像的系统，其特征在于，还包括：

预设模块，用于预先设定内存数组的最大容量；

所述存储模块还用于当所述内存数组存储已满时，将图像数据存储到所述内存数组时覆盖已存储的时间最早的图像数据。

9.根据权利要求7所述的浏览图像的系统，其特征在于，所述判断模块还用于在预先判断出所述内存数组内不存在与所述当前屏相邻的下一屏或上一屏的图像数据时，进一步判断在缓存内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据，若否，则所述拉取模块还用于从网络拉取图像数据。

10.根据权利要求7所述的浏览图像的系统，其特征在于，

所述判断模块还用于判断对图像的浏览请求是否为首次；

所述加载模块还用于在判断出对图像的浏览请求为首次时，从预设的内存数组内获取离线图像数据进行渲染显示在当前屏；

所述拉取模块还用于拉取与浏览请求对应的图像数据；

所述存储模块还用于将所述对应的图像数据存储在所述内存数组内；

所述加载模块还用于对所述对应的图像数据进行渲染显示在当前屏；

所述判断模块还用于在判断出对图像的浏览请求不为首次时，进一步预先判断在内存数组内是否存在与所述当前屏相邻的下一屏或上一屏的图像数据。

11.根据权利要求7所述的浏览图像的系统，其特征在于，还包括：

预设模块，用于预先设置图像数据加载的阈值；

所述判断模块还用于判断图像数据是否在所述阈值内；

释放模块，用于在判断出图像数据不在所述阈值内时，释放对所述图像数据渲染形成的视图图片数据及视图。

12.根据权利要求11所述的浏览图像的系统，其特征在于，所述预先设置图像数据加载的阈值为当前屏图像数据、与所述当前屏相邻的上一屏图像数据及下一屏图像数据。

Images