网络图片展示方法、装置和电子终端制造方法及图纸

本发明专利技术实施例提供一种网络图片展示方法、装置和电子终端，该方法基于SDWeb Image框架实现，具体包括创建包括Key的图片视图并调用图片下载函数以下载网络图片，读取图片视图中的Key并根据所述Key中的图片绘制参数对下载完成的网络图片进行绘制，对完成绘制的网络图片进行解码并通过所述图片视图进行展示。本发明专利技术在SDWebImage框架加载网络图片的过程中实现对网络图片的绘制和缓存，并通过图片视图直接进行展示，从而有效降低了线程开销，同时也避免了电子终端中内存持续增大而不能及时释放的问题。

Network picture display method, device and electronic terminal

The embodiment of the invention provides a network picture display method and device and electronic terminal, the realization method based on SDWeb Image framework, including creating a picture view including Key and call the picture download function to download network picture, read the image in the view of Key according to the Key picture drawing parameters on the download is complete the network image rendering, rendering the decoding of the network and display pictures through the picture view. The invention realizes the drawing and picture in the process of network cache SDWebImage framework to load the network picture, through the picture and view directly display, thus effectively reducing the thread overhead, but also avoid the electronic terminal in memory continues to increase and can not timely release problem.

【技术实现步骤摘要】
网络图片展示方法、装置和电子终端
本专利技术涉及互联网应用开发
，具体而言，涉及一种网络图片展示方法、装置和电子终端。
技术介绍
在iOS等系统开发中经常遇到需要对网络图片进行圆角等参数绘制的情况，通常采用的绘制方法主要包括两种，一种是在每个图片视图中直接采用IOS等系统提供的圆角方法来绘制，但此种方法可能会导致离屏渲染等问题出现，加之，如果在同一图片视图中存在大量圆角的子视图将会引发严重性能问题，进而导致界面滑动不流畅，用户体验差。另一种常用方法是提供一张中间透明的固定圆角蒙版图，该方法虽不会触发离屏渲染，但每次需要将蒙版图加入到工程里，而且针对不同半径的圆角则需要不同蒙版图，处理过程相对较为麻烦。因此，针对现有技术中存在的问题，如何简化网络图片的圆角等参数绘制流程，同时又不会造成离屏渲染的问题出现，已成为本领域技术人员急需解决的技术问题。
技术实现思路
有鉴于此，本专利技术实施例提供一种网络图片展示方法、装置和电子终端，能有效解决上述问题，同时还能节约网络图片展示过程中的线程开销，避免电子终端中内存持续增长而无法及时释放的问题。本专利技术较佳实施例提供一种网络图片展示方法，应用于基于SDWebImage框架的电子终端，所述方法包括：创建包括Key的图片视图并调用图片下载函数以下载网络图片；读取所述图片视图中的Key并根据所述Key中的图片绘制参数对下载完成的网络图片进行绘制；对完成绘制的网络图片进行解码并通过所述图片视图进行展示。在本专利技术较佳实施例的选择中，所述方法还包括：根据所述SDWebImage框架下的网络图片缓存方式将完成绘制的网络图片缓存至所述电子终端中的内存和硬盘中。在本专利技术较佳实施例的选择中，所述图片视图的Key通过以下步骤生成：读取所述图片视图的URL，并将网络图片的图片绘制参数以前缀的形式拼接至所述URL以生成所述图片视图的Key。在本专利技术较佳实施例的选择中，在调用图片下载函数以下载网络图片的步骤之前，所述方法还包括：根据所述Key中的图片视图的URL查找所述内存中是否缓存有所述网络图片；若所述内存中缓存有所述网络图片，则直接回调该网络图片并通过所述图片视图进行展示；若所述内存中未缓存有所述网络图片，则执行调用图片下载函数以下载网络图片的步骤。在本专利技术较佳实施例的选择中，若所述内存中未缓存有所述网络图片，所述方法还包括：根据所述Key中的图片视图的URL继续查找所述硬盘中是否保存有所述网络图片；若所述硬盘中保存有所述网络图片，则直接回调该网络图片并通过所述图片视图进行展示；若所述硬盘中未保存有所述网络图片，则执行调用图片下载函数以下载网络图片的步骤。本专利技术较佳实施例还提供一种网络图片展示装置，应用于基于SDWebImage框架的电子终端，所述装置包括：视图创建模块，用于创建包括Key的图片视图并调用图片下载函数以下载网络图片；参数绘制模块，用于读取所述图片视图中的Key并根据所述Key中的图片绘制参数对下载完成的网络图片进行绘制；图片展示模块，用于对完成绘制的网络图片进行解码并通过所述图片视图进行展示。在本专利技术较佳实施例的选择中，所述装置还包括：图片缓存模块，用于根据所述SDWebImage框架下的网络图片缓存方式将完成绘制的网络图片缓存至所述电子终端中的内存和硬盘中。在本专利技术较佳实施例的选择中，所述参数绘制模块包括：Key生成单元，用于读取所述图片视图的URL，并将网络图片的图片绘制参数以前缀的形式拼接至所述URL以生成所述图片视图的Key。本专利技术较佳实施例还提供一种电子终端，基于ReactNative平台实现，所述电子终端包括存储器、处理器及上述的网络图片展示装置，所述网络图片展示装置安装于所述存储器并包括一个或多个由所述处理器执行的软件功能模块。本专利技术较佳实施例还提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序在执行时实现上述的网络图片展示方法中的步骤。与现有技术相比，本专利技术在SDWebImage框架加载并展示网络图片的过程中，对下载完成后的网络图片直接进行绘制处理后再进行解码展示，从而能够避免增加额外的线程开销，以及电子终端中内存持续增大而无法有效释放的问题。除此之外，本专利技术能够有效避免电子终端运行卡顿、不流畅的问题出现，改善用户体验。附图说明为了更清楚地说明本专利技术实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本专利技术的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。图1为本专利技术实施例提供的网络图片展示方法和装置的应用场景示意图。图2为图1中所示的电子终端的方框示意图。图3为本专利技术实施例提供的网络图片展示方法的流程示意图。图4为本专利技术实施例提供的网络图片展示装置的方框结构示意图。图标：10-电子终端；100-网络图片展示装置；110-视图创建模块；120-参数绘制模块；130-图片展示模块；140-图片缓存模块；200-存储器；300-存储控制器；400-处理器；20-网络；30-服务器。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本专利技术实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本专利技术的实施例的详细描述并非旨在限制要求保护的本专利技术的范围，而是仅仅表示本专利技术的选定实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。如图1所示，是本专利技术实施例提供的一种网络图片展示方法和装置的应用场景示意图。该应用场景可以包括电子终端10、网络20和服务器30，其中，电子终端10可以为多个。所述服务器30与多个所述电子终端10之间可通过所述网络20实现彼此之间的通信连接。可选地，所述电子终端10可以是，但不限于，智能手机、个人电脑(personalcomputer，PC)、平板电脑、个人数字助理(personaldigitalassistant，PDA)、移动上网设备(mobileInternetdevice，MID)等。所述网络20可以是，但不限于，有线网络或无线网络。所述服务器30可以是，但不限于，Web(网站)服务器、数据服务器等，还可以是电脑、移动上网设备(mobileInternetdevice，MID)等具有处理功能的电子设备。进一步地，所述电子终端10包括网络图片展示装置100、存储器200、存储控制器300以及处理器400。其中，所述存储器200、存储控制器300、处理器400各元件相互之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件之间通过一条或多条通讯总线或信号线实现电性连接。所述网络图片展示装置100包括至少一个可以软件或固件的形式存储于所述存储器200中或固化在所述电子终端10的操作系统中的软本文档来自技高网...

【技术保护点】
一种网络图片展示方法，应用于基于SDWebImage框架的电子终端，其特征在于，所述方法包括：创建包括Key的图片视图并调用图片下载函数以下载网络图片；读取所述图片视图中的Key并根据所述Key中的图片绘制参数对下载完成的网络图片进行绘制；对完成绘制的网络图片进行解码并通过所述图片视图进行展示。

【技术特征摘要】
1.一种网络图片展示方法，应用于基于SDWebImage框架的电子终端，其特征在于，所述方法包括：创建包括Key的图片视图并调用图片下载函数以下载网络图片；读取所述图片视图中的Key并根据所述Key中的图片绘制参数对下载完成的网络图片进行绘制；对完成绘制的网络图片进行解码并通过所述图片视图进行展示。2.根据权利要求1所述的网络图片展示方法，其特征在于，所述方法还包括：根据所述SDWebImage框架下的网络图片缓存方式将完成绘制的网络图片缓存至所述电子终端中的内存和硬盘中。3.根据权利要求1所述的网络图片展示方法，其特征在于，所述图片视图的Key通过以下步骤生成：读取所述图片视图的URL，并将网络图片的图片绘制参数以前缀的形式拼接至所述URL以生成所述图片视图的Key。4.根据权利要求2所述的网络图片展示方法，其特征在于，在调用图片下载函数以下载网络图片的步骤之前，所述方法还包括：根据所述Key中的图片视图的URL查找所述内存中是否缓存有所述网络图片；若所述内存中缓存有所述网络图片，则直接回调该网络图片并通过所述图片视图进行展示；若所述内存中未缓存有所述网络图片，则执行调用图片下载函数以下载网络图片的步骤。5.根据权利要求4所述的网络图片展示方法，其特征在于，若所述内存中未缓存有所述网络图片，所述方法还包括：根据所述Key中的图片视图的URL继续查找所述硬盘中是否保存有所述网络图片；若所述硬盘中保存有所述网络图片，则直接回调该...

【专利技术属性】
技术研发人员：薛敏，张文明，陈少杰，
申请(专利权)人：武汉斗鱼网络科技有限公司，
类型：发明
国别省市：湖北,42