CN103136208A - 一种显示图片的方法及装置 - Google Patents

Abstract

本发明公开了一种显示图片的方法及装置，属于计算机领域。所述方法包括：接收显示待显示图片的指令，根据所述指令读取所述待显示图片的图片信息；根据所述图片信息获取预先存储的所述待显示图片的解码结果；根据所述解码结果绘制所述待显示图片。本发明通过为已经解码过的图片存储解码结果，当再次绘制该图片时可以直接根据预先存储的解码结果来绘制该图片，以避免对解码过的图片重复解码，达到提高显示图片的流畅度和响应速度的目的。

Description

一种显示图片的方法及装置

技术领域

本发明涉及计算机领域，特别涉及一种显示图片的方法及装置。

背景技术

随着计算机领域的不断发展，网络在移动设备中已经越来越普及，基于移动设备的第三方应用软件也越来越丰富，而浏览器是这些应用中安装量最大的软件之一。为了给用户提供良好的用户体验，网页中的高分辨率图片越来越多，能否快速流畅的为用户显示网页中的图片成为评价一款浏览器优劣的重要指标。

现有的浏览器在每次显示网页里的图片时，都需要根据不同的图片类型，调用对应的图片解码器对图片进行解码，再根据解码结果绘制图片并显示在屏幕上。

在实现本发明的过程中，发明人发现现有技术至少存在以下问题：

图片解码对设备的配置有一定的要求，而每次绘制图片时都需要对图片进行解码，导致图片解码会耗费大量的时间，焦点移动和滑屏就会很不流畅，响应很慢，用户体验很差。

发明内容

为了提高显示图片的响应速度，并提高用户体验，本发明实施例提供了一种显示图片的方法及装置。所述技术方案如下：

一方面，提供了一种显示图片的方法，所述方法包括：

接收显示待显示图片的指令，根据所述指令读取所述待显示图片的图片信息；

根据所述图片信息获取预先存储的所述待显示图片的解码结果；

根据所述解码结果绘制所述待显示图片。

所述根据所述图片信息获取预先存储的所述待显示图片的解码结果之前，还包括：

解码所述待显示图片，得到解码结果；

存储所述解码结果，并建立所述解码结果与所述图片信息的对应关系；

所述根据所述图片信息获取预先存储的所述待显示图片的解码结果，具体包括：

根据所述图片信息查询建立的对应关系，得到预先存储的所述待显示图片的解码结果。

所述接收显示待显示图片的指令，根据所述指令读取所述待显示图片的图片信息，具体包括：

接收显示待显示图片的指令，所述指令中携带与所述待显示图片的图片信息相对应的图片统一资源定位符URL，根据所述图片URL查找并读取所述待显示图片的图片信息。

所述图片信息至少包括所述待显示图片的类型、图片原始数据；

所述解码所述待显示图片，得到解码结果，具体包括：

根据所述待显示图片的类型，将所述待显示图片的原始数据传给对应的解码器进行解码，得到所述待显示图片的解码结果。

所述存储所述解码结果之后，所述方法还包括：

在所述待显示图片被删除时，根据所述建立的解码结果与图片信息的对应关系查找与所述待显示图片相对应的解码结果，并将查找到的解码结果删除。

如果所述根据所述图片信息获取预先存储的所述待显示图片的解码结果出错，所述方法还包括：

根据所述图片信息，重新解码所述待显示图片，得到重新解码所得到的解码结果，并根据所述重新解码所得到的解码结果绘制所述待显示图片；

存储所述重新解码所得到的解码结果，并建立所述重新解码所得到的解码结果与所述图片信息的对应关系。

另一方面，提供了一种显示图片的装置，所述装置包括：

接收模块，用于接收显示待显示图片的指令；

读取模块，用于根据所述指令读取所述待显示图片的图片信息；

查询模块，用于根据所述图片信息获取预先存储的所述待显示图片的解码结果；

绘制模块，用于根据所述解码结果绘制图片。

所述装置还包括：

解码模块，用于解码所述待显示图片，得到解码结果；

存储模块，用于存储所述解码结果，并建立所述解码结果与所述图片信息的对应关系；

所述查询模块，具体用于根据所述图片信息查询建立的对应关系，得到预先存储的所述待显示图片的解码结果。

所述接收模块，具体用于接收显示待显示图片的指令，所述指令中携带与所述待显示图片的图片信息相对应的图片统一资源定位符URL；

所述读取模块，具体用于根据所述图片URL查找并读取与所述待显示图片对应的图片信息。

所述读取模块读取的图片信息至少包括所述待显示图片的类型、图片原始数据；

所述解码模块，具体用于根据所述待显示图片的类型，将所述待显示图片的原始数据传给对应的解码器进行解码，得到所述待显示图片的解码结果。

所述存储模块，还用于在所述待显示图片被删除时，根据所述建立的解码结果与图片信息的对应关系查找与所述待显示图片相对应的解码结果，并将所述查找到的解码结果删除。

如果所述查询模块根据所述图片信息在缓存中查找预先存储的所述待显示图片的解码结果出错，

所述解码模块，还用于根据所述图片信息，重新解码所述待显示图片，得到解码结果；

所述绘制模块，还用于根据所述重新解码所得到的解码结果绘制所述待显示图片；

所述存储模块，还用于存储所述重新解码所得到的解码结果，并建立所述重新解码所得到的解码结果与所述图片信息的对应关系。

本发明提供的技术方案带来的有益效果是：

通过存储已经解码过的图片的解码结果，当再次绘制该图片时可以直接根据预先存储的解码结果来绘制该图片，以避免对解码过的图片重复解码，达到提高显示图片的流畅度和响应速度的目的；同时，当图片被删除时，删除与图片信息相对应的解码结果，以避免占用过多的缓存空间。

附图说明

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

图1是本发明实施例一提供的一种显示图片的方法流程图；

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

图3是本发明实施例三提供的一种显示图片的装置结构示意图；

图4是本发明实施例三提供的一种显示图片的装置结构示意图。

具体实施方式

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

实施例一

参见图1，本实施例提供了一种显示图片的方法，该方法流程具体如下：

101：接收显示待显示图片的指令，根据指令读取待显示图片的图片信息；

接收显示某图片的指令，根据该待显示图片的图片URL(Uniform Resource Locator，统一资源定位符)在图片管理器中查找并读取该待显示图片的图片信息。

102：根据图片信息获取预先存储的待显示图片的解码结果；

根据读取的图片信息在预先存储的图片信息和图片的解码结果对应关系中，获取相应的图片解码结果。

103：根据解码结果绘制待显示图片。

根据从缓存中查找到的预先存储的解码结果绘制该图片，此步骤为现有技术，本实施例不再赘述。

本实施例提供的方法，通过存储已经解码过的图片的解码结果，当再次绘制该图片时可以直接根据已经存储的解码结果来绘制该图片，以避免对解码过的图片重复解码，达到提高显示图片的流畅度和响应速度的目的。

实施例二

本实施例提供了一种显示图片的方法，以浏览器显示图片，为每幅图片建立一个对应的用于存储解码结果的缓存文件为例，对本实施例提供的方法进行详细说明，参见图2，该方法流程具体如下：

201：浏览器接收显示图片的指令，读取待显示图片的图片信息；

具体地，浏览器接收显示某图片的指令，根据指令中携带的该图片URL查找并读取该图片的图片信息。

其中，每个带图片的页面内都有一个图片管理器，图片管理器保存有图片信息，浏览器可以通过图片URL读取图片管理器中的图片信息。

202：判断浏览器读取的图片信息中是否存在缓存文件ID，如果是，进入步骤205，否则，进入步骤203；

该步骤用于判断待显示图片是首次绘制还是重绘，本实施例将图片信息对应的缓存文件名作为缓存文件ID保存在图片信息中，通过查询图片信息中是否存在缓存文件ID来判断待显示图片是首次绘制还是重绘，缓存文件的建立和命名在后续步骤中详细描述；在实际使用中，还可以根据解码结果存储和对应方式的不同而采取其他判断待显示图片是否为重绘的方法，比如指针、重绘标记等，本发明对具体的判断方法不做具体限定。

在本实施例中，浏览器读取待显示图片信息后，首先判断图片信息中是否存在缓存文件ID，如果图片信息中存在缓存文件ID，则判定已经预先存储有该图片信息对应的解码结果，此次绘制图片为重绘，进入步骤205；如果不存在缓存文件ID，则判定没有预先存储该图片信息对应的解码结果，此次绘制图片为首次绘制，进入步骤203。

203：根据图片信息对该待显示图片进行解码，得到解码结果并绘制图片；

其中，图片信息包括但不限于待显示图片的原始数据、类型、尺寸大小，图片类型为浏览器所支持的图片格式，包括JPEG(Joint Photographic Experts Group，联合照片专家组)、GIF(Graphics Interchange Format，图像互换格式)等，不同的图片类型对应各自的解码器。浏览器根据待显示图片的图片类型将图片原始数据传给相应的解码器进行解码，得到解码结果。

204：为该待显示图片建立一个缓存文件，将解码结果写入缓存文件中，并将缓存文件名以缓存文件ID的形式存入图片信息；

针对该步骤，该步骤用于为图片信息和解码结果建立对应关系，实际应用中，可以为每个图片建立一个用于存储解码结果的缓存文件，通过缓存文件与图片信息的对应关系来实现图片信息与解码结果的一一对应，除此之外，还可以有其他为图片信息和解码结果建立对应关系的方法，比如将所有图片的解码结果存储到同一个缓存文件并以设置指针或者建立表格的方式使图片信息和解码结果一一对应，本发明实施例不对图片信息和解码结果的存储和对应方式做具体限定。

为该待显示图片建立一个用于存储解码结果的缓存文件时，将解码所得的解码结果写入缓存文件，为缓存文件设置文件名，并将缓存文件名以缓存文件ID的形式存储在图片信息中，以使图片信息和缓存文件一一对应；为了防止不同的图片的缓存名冲突，可以取一个唯一的值作为图片缓存文件名，比如当前时间的秒数。

205：根据图片信息中的缓存文件ID在缓存中查找与该图片信息对应的缓存文件，读取缓存文件中的解码结果并绘制图片；

其中，解码结果为该待显示图片的RGB(Red，Green，Blue，红绿蓝三色彩模式)位图值，RGB为工业界的一种色彩标准；

需要说明的是，在本实施例中，浏览器通过为每幅待显示图片的图片信息所对应的解码结果建立一个缓存文件来保存该解码结果，并将缓存文件名作为缓存文件ID写入图片信息以建立图片信息和解码结果的对应关系，因此，重绘待显示图片时，可以根据缓存文件ID查找缓存文件，读取缓存文件中的解码结果并绘制图片；实际应用中，当采用其他方式存储解码结果时，可以根据具体的存储和对应方式采用不同的解码结果读取方法，本发明对此不做具体限定。

作为上述步骤的优选，如果步骤205中根据图片信息从缓存中读取解码结果出错，则重新根据待显示图片类型将待显示图片原始数据传给相应解码器进行解码，根据重新解码所得到的解码结果绘制图片，并将该重新解码所得到的解码结果存储在缓存中，具体方法和步骤203和步骤204类似，此处不再赘述。

206：页面关闭时，根据图片信息中的缓存文件ID查找并删除图片信息对应的缓存文件。

该步骤为优选步骤，为了节省缓存文件占用的存储空间，当显示图片的页面关闭时，页面中的图片也随之删除，此时，根据图片信息中的缓存文件ID查找并删除图片信息对应的缓存文件。

该步骤用于删除缓存中无效的解码结果，类似的，实际应用中，当采用其他方式存储解码结果时，可以根据具体的存储和对应方式而采用不同的解码结果删除方法，对此，本实施例不做具体限定。

本实施例提供的方法通过为已经解码过的图片存储解码结果，当再次绘制该图片时可以直接根据存储的解码结果来绘制该图片，以避免对解码过的图片重复解码，达到提高显示图片的流畅度和响应速度的目的；同时，当图片被删除时，随之删除与图片信息相对应的解码结果，以避免占用过多的缓存空间。

实施例三

参见图3，本实施例提供了一种显示图片的装置，该装置具体包括：

接收模块301，用于接收显示待显示图片的指令；

读取模块302，用于根据接收模块301接收的指令读取待显示图片的图片信息；

查询模块303，用于根据读取模块302读取的图片信息获取预先存储的待显示图片的解码结果；

绘制模块304，用于根据查询模块303获取的解码结果绘制图片。

参见图4，该装置还包括：

解码模块305，用于解码待显示图片，得到解码结果；

存储模块306，用于存储解码模块305解码得到的解码结果，并建立解码结果与图片信息的对应关系；

查询模块303，具体用于根据读取模块302读取的图片信息查询存储模块306建立的对应关系，得到存储模块306存储的待显示图片的解码结果。

接收模块301，具体用于接收显示待显示图片的指令，指令中携带有与待显示图片的图片信息相对应的图片统一资源定位符URL；

读取模块302，具体用于根据待显示图片URL查找并读取与待显示图片对应的图片信息；

其中，读取模块302读取的图片信息至少包括待显示图片的类型和图片原始数据；

解码模块305，具体用于根据待显示图片的类型，将待显示图片的原始数据传给对应的解码器进行解码，得到待显示图片的解码结果。

存储模块306，还用于在待显示图片被删除时，根据存储模块306建立的解码结果与图片信息的对应关系查找与待显示图片相对应的解码结果，并将查找到的解码结果删除。

作为上述方案的优选，如果查询模块303根据图片信息在缓存中查找预先存储的待显示图片的解码结果出错，

解码模块305，还用于根据读取模块302读取的图片信息，重新解码该待显示图片，得到解码结果；

绘制模块304，还用于根据解码模块305重新解码所得到的解码结果绘制图片；

存储模块306，还用于存储解码模块305重新解码所得到的解码结果，并建立解码模块305重新解码所得到的解码结果与图片信息的对应关系。

本实施例提供的装置，通过存储模块为已经解码过的图片存储解码结果，当再次绘制该图片时可以直接根据预先存储的解码结果来绘制该图片，以避免对解码过的图片重复解码，达到提高显示图片的流畅度和响应速度的目的；同时，当图片被删除时，存储模块随之删除与图片信息相对应的解码结果，以避免占用过多的缓存空间。

需要说明的是：上述实施例提供的一种显示图片的装置在对图片进行缓存显示操作时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的一种显示图片的装置与一种显示图片的方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (12)

1.一种显示图片的方法，其特征在于，所述方法包括：

接收显示待显示图片的指令，根据所述指令读取所述待显示图片的图片信息；

根据所述图片信息获取预先存储的所述待显示图片的解码结果；

根据所述解码结果绘制所述待显示图片。

2.根据权利要求1所述的方法，其特征在于，所述根据所述图片信息获取预先存储的所述待显示图片的解码结果之前，还包括：

解码所述待显示图片，得到解码结果；

存储所述解码结果，并建立所述解码结果与所述图片信息的对应关系；

所述根据所述图片信息获取预先存储的所述待显示图片的解码结果，具体包括：

根据所述图片信息查询建立的对应关系，得到预先存储的所述待显示图片的解码结果。

3.根据权利要求1所述的方法，其特征在于，所述接收显示待显示图片的指令，根据所述指令读取所述待显示图片的图片信息，具体包括：

接收显示待显示图片的指令，所述指令中携带与所述待显示图片的图片信息相对应的图片统一资源定位符URL，根据所述图片URL查找并读取所述待显示图片的图片信息。

4.根据权利要求2所述的方法，其特征在于，所述图片信息至少包括所述待显示图片的类型、图片原始数据；

所述解码所述待显示图片，得到解码结果，具体包括：

根据所述待显示图片的类型，将所述待显示图片的原始数据传给对应的解码器进行解码，得到所述待显示图片的解码结果。

5.根据权利要求2所述的方法，其特征在于，所述存储所述解码结果之后，所述方法还包括：

在所述待显示图片被删除时，根据所述建立的解码结果与图片信息的对应关系查找与所述待显示图片相对应的解码结果，并将查找到的解码结果删除。

6.根据权利要求1所述的方法，其特征在于，如果所述根据所述图片信息获取预先存储的所述待显示图片的解码结果出错，所述方法还包括：

根据所述图片信息，重新解码所述待显示图片，得到重新解码所得到的解码结果，并根据所述重新解码所得到的解码结果绘制所述待显示图片；

存储所述重新解码所得到的解码结果，并建立所述重新解码所得到的解码结果与所述图片信息的对应关系。

7.一种显示图片的装置，其特征在于，所述装置包括：

接收模块，用于接收显示待显示图片的指令；

读取模块，用于根据所述指令读取所述待显示图片的图片信息；

查询模块，用于根据所述图片信息获取预先存储的所述待显示图片的解码结果；

绘制模块，用于根据所述解码结果绘制图片。

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

解码模块，用于解码所述待显示图片，得到解码结果；

存储模块，用于存储所述解码结果，并建立所述解码结果与所述图片信息的对应关系；

所述查询模块，具体用于根据所述图片信息查询建立的对应关系，得到预先存储的所述待显示图片的解码结果。

9.根据权利要求7所述的装置，其特征在于，所述接收模块，具体用于接收显示待显示图片的指令，所述指令中携带与所述待显示图片的图片信息相对应的图片统一资源定位符URL；

所述读取模块，具体用于根据所述图片URL查找并读取与所述待显示图片对应的图片信息。

10.根据权利要求8所述的装置，其特征在于，所述读取模块读取的图片信息至少包括所述待显示图片的类型、图片原始数据；

所述解码模块，具体用于根据所述待显示图片的类型，将所述待显示图片的原始数据传给对应的解码器进行解码，得到所述待显示图片的解码结果。

11.根据权利要求8所述的装置，其特征在于，所述存储模块，还用于在所述待显示图片被删除时，根据所述建立的解码结果与图片信息的对应关系查找与所述待显示图片相对应的解码结果，并将所述查找到的解码结果删除。

12.根据权利要求7所述的装置，其特征在于，如果所述查询模块根据所述图片信息在缓存中查找预先存储的所述待显示图片的解码结果出错，

所述解码模块，还用于根据所述图片信息，重新解码所述待显示图片，得到解码结果；

所述绘制模块，还用于根据所述重新解码所得到的解码结果绘制所述待显示图片；

所述存储模块，还用于存储所述重新解码所得到的解码结果，并建立所述重新解码所得到的解码结果与所述图片信息的对应关系。

Images