显示网络图片的方法、装置以及用户终端与流程

本发明涉及移动互联网领域，具体而言，涉及一种显示网络图片的方法、装置以及用户终端。

背景技术：

大多数应用的界面都是由各种图片组成，例如应用市场里app列表的图标或者界面上的小图片。当用户首次打开app或者网页时，需要从网络上加载这些图标或者小图片。现有技术中，用户需要通过网络加载这些图标或者小图片时，需要将图标或者小图片数据写入本地磁盘，再从本地磁盘中读取，存在较多io耗时，从开始执行命令到图像真正渲染到界面上的总耗时较长，图片的加载性能差。

技术实现要素：

有鉴于此，本发明实施例的目的在于提供一种显示网络图片的方法、装置以及用户终端，用以缩短通过网络加载图标或者图片时，所需总耗时较长的问题。

第一方面，本发明实施例提供了一种显示网络图片的方法，所述方法适用于客户端加载待渲染图片，所述方法包括：所述客户端将从网络请求的待渲染图片存储到内存中；渲染存储到所述内存中的所述待渲染图片。该方法可以缩短通过网络加载图标或者待渲染图片时，所需总耗时较长的问题。

第二方面，本发明实施例提供了一种显示网络图片的装置，所述装置适用于加载待渲染图片，所述装置包括：存储模块，用于将从网络请求的待渲染图片存储到内存中；渲染模块，用于渲染存储到所述内存中的所述待渲染图片。该显示网络图片的装置可以缩短通过网络加载图标或者待渲染图片时，所需总耗时较长的问题。

第三方面，本发明实施例提供了一种显示网络图片的用户终端，所述用户终端包括处理器以及存储器，所述存储器耦接到所述处理器，所述存储器存储指令，当所述指令由所述处理器执行时，所述用户终端执行以下操作：所述用户终端将从网络请求的待渲染图片存储到内存中；所述用户终端渲染存储到所述内存中的所述待渲染图片。该显示网络图片的用户终端可以缩短用户通过网络加载图标或者待渲染图片时，所需总耗时较长的问题。

本发明各实施例提出的显示网络图片的方法、装置以及用户终端，通过在向网络请求加载待渲染图片时，直接将待渲染图片存储到内存中，在显示待渲染图片时，将存储在内存中的待渲染图片渲染出来。与现有技术相比，在向网络请求加载待渲染图片时省去了将待渲染图片先存储到本地文件的io耗时，也省去了渲染待渲染图片前将待渲染图片从本地文件夹读取出来的io耗时，从而缓解了通过网络加载图标或者待渲染图片时，所需总耗时较长的问题，极大提升了用户的体验感。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本发明实施例提供的用户终端的方框示意图；

图2为本发明第一实施例提供的显示图片的方法的流程图；

图3为本发明第二实施例提供的显示图片的方法的一种实施方式的流程图；

图4为本发明第二实施例提供的显示图片的方法的另一种实施方式的流程图；

图5为本发明第三实施例提供的显示网络图片的装置的结构框图；

图6为本发明第四实施例提供的显示网络图片的装置的一种实施方式的结构框图；

图7为本发明第四实施例提供的显示网络图片的装置的另一种实施方式的结构框图。

具体实施方式

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本发明的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

如图1所示，是本发明实施例提供的客户端所在的用户终端100的方框示意图。所述用户终端100包括：显示网络图片的装置、存储器110、存储控制器120、处理器130、外设接口140、输入输出单元150、音频单元160、显示单元170。

所述存储器110、存储控制器120、处理器130、外设接口140、输入输出单元150、音频单元160以及显示单元170各元件相互之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。所述显示网络图片的装置包括至少一个可以软件或固件(firmware)的形式存储于所述存储器中或固化在客户端设备的操作系统(operatingsystem，os)中的软件功能模块。所述处理器130用于执行存储器110中存储的可执行模块，例如所述显示网络图片的装置包括的软件功能模块或计算机程序。

其中，存储器110可以是，但不限于，随机存取存储器(randomaccessmemory，ram)，只读存储器(readonlymemory，rom)，可编程只读存储器(programmableread-onlymemory，prom)，可擦除只读存储器(erasableprogrammableread-onlymemory，eprom)，电可擦除只读存储器(electricerasableprogrammableread-onlymemory，eeprom)等。其中，存储器110用于存储程序，所述处理器130在接收到执行指令后，执行所述程序。例如，于本发明实施例中，当所述程序由所述处理器130执行时，所述用户终100可以执行：将从网络请求的待渲染图片存储到内存中；渲染存储到所述内存中的所述待渲染图片。前述本发明实施例任意实施例揭示的过程定义的用户终端100所执行的方法可以应用于处理器130中，或者由处理器130实现。

处理器130可能是一种集成电路芯片，具有信号的处理能力。上述的处理器130可以是通用处理器，包括中央处理器(centralprocessingunit，简称cpu)、网络处理器(networkprocessor，简称np)等；还可以是数字信号处理器(dsp)、专用集成电路(asic)、现成可编程门阵列(fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

所述外设接口140将各种输入/输入装置耦合至处理器130以及存储器110。在一些实施例中，外设接口140，处理器130以及存储控制器120可以在单个芯片中实现。在其他一些实例中，他们可以分别由独立的芯片实现。

输入输出单元150用于提供给用户输入数据实现用户与用户终端100的交互。所述输入输出单元150可以是，但不限于，鼠标和键盘等。

音频单元160向用户提供音频接口，其可包括一个或多个麦克风、一个或者多个扬声器以及音频电路。

显示单元170在用户终端100与用户之间提供一个交互界面(例如用户操作界面)或用于显示图像数据给用户参考。在本实施例中，所述显示单元170可以是液晶显示器或触控显示器。若为触控显示器，其可为支持单点和多点触控操作的电容式触控屏或电阻式触控屏等。支持单点和多点触控操作是指触控显示器能感应到来自该触控显示器上一个或多个位置处同时产生的触控操作，并将该感应到的触控操作交由处理器130进行计算和处理。

第一实施例

请参照图2，图2是本发明第一实施例提供的一种显示网络图片的方法的流程图，所述方法应用于客户端。下面将对图2所示的流程进行详细阐述，所述方法包括：

步骤s110：客户端将从网络请求的待渲染图片存储到内存中。

当客户端需要加载某个带有图片的页面或者界面时，可以通过网络向服务器或者其他终端发起下载待渲染图片的请求。客户端接收到从网络请求的待渲染图片后，将待渲染图片直接保存到内存中。

由于是直接将待渲染图片存储到内存中，为了防止内存溢出，本发明中所提及的待渲染图片均是指其所占存储空间小于预设值或者其分辨率小于预设分辨率值的图片。其中，所述预设值可以是100kb、200kb等具体数值，所述预设分辨率值可以是180*220像素、100*100像素等。进一步地，所述待渲染图片可以是应用市场里各个界面列表上展示的app的logo图标，可以是qq或者微信等软件内头像列表内的头像图标，可以是音乐app中的歌手列表或者专辑列表的图片等等。值得指出的是，本发明中所提及的待渲染图片不包括需要高清浏览的壁纸、需要高清浏览的照片等图片资源。

步骤s120：渲染存储到所述内存中的所述待渲染图片。

进一步地，所述客户端直接在内存中将存储到内存中的所述待渲染图片按照预设压缩比进行解码，得到解码后的待渲染图片，并将解码后的待渲染图片渲染到界面控件上，以使用户浏览。

由于传统的显示图片的方法中，客户端需要先将待渲染图片存储到本地文件(假设需耗时t1)，再将本地中的待渲染图片读取出来(假设需耗时t2)解码转存到内存中，再将解码到内存中的待渲染图片渲染到界面控件上。与传统方法相比，本发明实施例所提供的显示网络图片的方法省去了t1与t2，因此减少了总耗时。

本发明实施例所提供的显示网络图片的方法的有益效果：通过在向网络请求加载待渲染图片时，直接将待渲染图片存储到内存中，在显示待渲染图片时，将存储在内存中的待渲染图片渲染出来，省去了将待渲染图片先存储到本地文件的io耗时，也省去了解码渲染待渲染图片前将待渲染图片从本地文件夹读取出来的io耗时，从而缓解了用户通过网络加载图标或者图片时，所需总耗时较长的问题，优化了图片加载性能，极大提升了用户的浏览体验感。

第二实施例

请参照图3，图3是本发明第二实施例提供的一种显示网络图片的方法的流程图，所述方法应用于客户端。下面将对图3所示的流程进行详细阐述，所述方法包括：

步骤s210：客户端将从网络请求的待渲染图片存储到内存中。

步骤s220：渲染存储到所述内存中的所述待渲染图片。

步骤s230：所述客户端将所述待渲染图片写入本地缓存文件。

对于同一待渲染图片，客户端可能存在需要重复多次加载显示的情况。因此，为了避免在重复多次加载显示同一待渲染图片的过程中，重复向网络请求同一待渲染图片这一问题，客户端可以将保存在内存中的待渲染图片写入本地缓存文件中，当客户端需要再次加载该待渲染图片时，可以直接调用本地缓存文件中的待渲染图片，避免了重复向网络发起请求下载待渲染图片，减少了io耗时。

其中，为了不影响客户端加载网络图片，作为一种实施方式，所述客户端可以开启异步线程将所述待渲染图片写入本地缓存文件。

更进一步地，请参看图4，作为一种实施方式，在客户端将从网络请求的待渲染图片存储到内存中之前，所述方法还包括：

步骤s201：所述客户端获取待渲染图片的标识信息。

网络中的每张图片都有对应的下载链接，通过这个链接就可以将链接所对应的图片从网络上下载并加载出来，该链接具有唯一性。因此，可以将图片链接的md5值作为图片的标识信息。客户端在从网络请求的待渲染图片存储到内存中之前，可以先获取待渲染图片的标识信息。

步骤s202：基于所述标识信息查找本地缓存文件中是否存储有所述待渲染图片。

一般而言，下载后的待渲染图片都是以待渲染图片链接的md5值作为文件名。由于客户端会将下载后的待渲染图片写入本地缓存文件，因此，客户端可以基于待渲染图片链接的md5值查找本地缓存文件中是否存储有所述待渲染图片，即索引本地缓存文件中是否有待渲染图片链接的md5值。

步骤s203：如果有，则从所述本地缓存文件获取所述待渲染图片，并渲染所述待渲染图片。

如果没有，则向网络请求所述待渲染图片。

本发明实施例所提供的显示网络图片的方法的有益效果：在向网络请求前，先在本地缓存文件中查找是否已经缓存有待渲染图片，减少了重复下载网络待渲染图片所需的耗时。若本地缓存文件中没有待渲染图片，再通过在向网络请求加载待渲染图片时，直接将待渲染图片存储到内存中，在显示待渲染图片时，将存储在内存中的待渲染图片渲染出来，省去了将待渲染图片先存储到本地文件的io耗时，也省去了解码渲染待渲染图片前将待渲染图片从本地文件夹读取出来的io耗时，从而缓解了通过网络加载图标或者待渲染图片时，所需总耗时较长的问题，优化了待渲染图片加载性能，极大提升了用户的浏览体验感。

第三实施例

请参照图5，图5是本发明第三实施例提供的一种显示网络图片的装置400的结构框图。下面将对图5所示的结构框图进行阐述，所示装置包括：

存储模块410，用于将从网络请求的待渲染图片存储到内存中；

渲染模块420，用于渲染存储到所述内存中的所述待渲染图片。

本实施例对显示网络图片的装置400的各功能模块实现各自功能的过程，请参见上述图1至图4所示实施例中描述的内容，此处不再赘述。

第四实施例

请参照图6，图6是本发明第四实施例提供的一种显示网络图片的装置500的结构框图。下面将对图6所示的结构框图进行阐述，所示装置包括：

存储模块510，用于将从网络请求的待渲染图片存储到内存中；

渲染模块520，用于渲染存储到所述内存中的所述待渲染图片；

缓存模块530，用于将所述待渲染图片写入本地缓存文件。

请参看图7，作为一种实施方式，所述显示网络图片的装置500还可以包括：

获取模块540，用于获取待渲染图片的标识信息；

查找模块550，用于基于所述标识信息查找本地缓存文件中是否存储有所述待渲染图片；

判断模块560，用于判断如果没有，则向网络请求所述待渲染图片，如果有，则从所述本地缓存文件获取所述待渲染图片，并渲染所述待渲染图片。

本实施例对显示网络图片的装置500的各功能模块实现各自功能的过程，请参见上述图1至图4所示实施例中描述的内容，此处不再赘述。

综上所述，本发明实施例提出的显示网络图片的方法、装置以及用户终端，通过在向网络请求加载待渲染图片时，直接将待渲染图片存储到内存中，在显示待渲染图片时，将存储在内存中的待渲染图片渲染出来。与现有技术相比，在向网络请求加载待渲染图片时省去了将待渲染图片先存储到本地文件的io耗时，也省去了解码渲染待渲染图片前将待渲染图片从本地文件夹读取出来的io耗时，缩短了待渲染图片从下载到真正渲染到界面上的总耗时，从而缓解了通过网络加载图标或者待渲染图片时，所需总耗时较长的问题，从而极大提升了用户的体验感。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。