一种图片显示方法及装置与流程

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

背景技术：

图片播放器一般都会在图片播放器的用户界面中提供预览界面，使用户能够根据预览界面中显示的预览列表中的图片预览信息进行图片浏览和上/下张的切换。在用户通过图片播放器打开所要观看的一张图片时，解码该图片的过程和将该图片所在目录中所有图片的图片预览信息加载到预览列表的过程通过不同的线程进行并发操作，但是这两个线程完成的时间很难做到完全一致。为了保证预览界面可以在图片显示后就能正常被调用和工作，图片播放器通常待预览列表生成之后才显示用户选择的图片。

由于生成预览列表所需的时间与用户所要观看的图片所在的目录中图片的数量有关，该目录中图片的数量越多，生成预览列表所需的时间越长，因此当存储设备中保存的图片数量较多时，用户点击所要观看的图片后，图片播放器的显示界面在较长的一段时间内处于加载状态(即loading状态)，直到预览列表生成后才显示用户所点击的图片和预览列表，导致用户需要等待的时间较长，用户体验差。

技术实现要素：

本发明实施例提供一种图片显示方法及装置，以提高图片的显示效率。

本发明实施例提供的具体技术方案如下：

第一方面，本发明实施例提供了一种图片显示方法，包括：

基于显示第一图片的请求，对所述第一图片对应的数据进行解码，并在所述第一图片所在目录中图片数量不小于第一阈值时，加载n张图片的图片预览信息到第一预览列表中，所述第一阈值为单张图片的解码时长内完成加载的图片预览信息对应的图片数量，n的大小等于所述第一阈值；

显示解码后的第一图片和所述第一预览列表中包括的部分或全部图片预览信息。

第二方面，本发明实施例提供了一种图片显示装置，包括：

解码模块，用于基于显示第一图片的请求，对所述第一图片对应的数据进行解码；

加载模块，用于在所述第一图片所在目录中图片数量不小于第一阈值时，加载n张图片的图片预览信息到第一预览列表，所述第一阈值为单张图片的解码时长内完成加载的图片预览信息对应的图片数量，n的大小等于所述第一阈值；

显示模块，用于显示解码后的第一图片和所述第一预览列表中包括的部分或全部图片预览信息。

第三方面，本发明实施例提供了一种显示设备，包括：

显示器；

存储器，用于存储计算机程序指令；

处理器，耦合到所述存储器，用于读取所述存储器存储的计算机程序指令，并作为响应，执行本发明实施例所提供的图片显示方法。

基于上述技术方案，本发明实施例中，图片播放器根据显示第一图片的请求，对第一图片对应的数据进行解码，并在第一图片所在目录中图片数量不小于第一阈值时，加载n张图片的图片预览信息到第一预览列表，第一阈值为单张图片解码时长内完成加载的图片预览信息对应的图片数量，n的大小等于所述第一阈值，使得图片播放器在第一图片的解码时长内，尽可能完成第一预览列表中图片预览信息的加载，进而使得图片播放器能够快速显示第一图片和第一预览列表中的部分或全部图片预览信息，提高了图片播放器显示图片和图片预览信息的效率，提高了用户体验。

附图说明

图1为本发明实施例提供的图片播放器的用户界面示意图；

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

图3为本发明提供的一种图片显示装置的结构示意图；

图4为本发明实施例提供的一种显示设备的结构示意图。

具体实施方式

本发明实施例中提供的图片预览列表和图片同步显示的方法通过图片播放器实现，图片播放器是指用于显示图片的应用程序，安装在具有显示功能的终端设备中，如智能电视、智能手机、平板电脑或笔记本电脑等。

图1示例性地示出了图片播放器的用户界面，图片播放器的用户界面包括菜单栏、预览区域和图片显示区域。其中，菜单栏用于提供可供用户选择的图片显示功能或图片处理功能，比如，图片放大、图片缩小、图片旋转等功能，可采用菜单控件或图标形式的控件提供上述功能。预览区域用于显示图片的预览信息，比如显示图片的缩略图。图片显示区域用于显示解码后的图片。

图2示例性地示出了本发明实施例中的一种图片显示方法的流程，该流程包括以下步骤：

步骤201：基于显示第一图片的请求，对第一图片对应的数据进行解码，并在第一图片所在目录中图片数量不小于第一阈值时，加载n张图片的图片预览信息到第一预览列表中。

其中，第一阈值为单张图片的解码时长内完成加载的图片预览信息对应的图片数量，n的大小等于第一阈值，第一预览列表中至少包括第一图片的预览信息。

具体地，用户通过鼠标双击文件目录中的第一图片时，终端设备中的操作系统根据该用户操作行为生成显示第一图片的请求，并将该请求发送给该终端设备中的图片播放器。该过程中，若图片播放器尚未启动，则先启动图片播放器。当然，通过鼠标双击仅为一种用户操作行为的示例，本申请实施例对用于触发显示图片的用户操作行为不做限制。

需要说明的是，本发明实施例并不对第一图片的解码过程和第一预览列表的生成过程(加载n张图片的图片预览信息到第一预览列表)的先后顺序进行限定。可选地，第一线程根据所述显示第一图片的请求，对第一图片对应的数据进行解码，第二线程在第一图片所在目录中图片数量不小于第一阈值时，加载n张图片的图片预览信息到第一预览列表，其中，第一线程和第二线程并行执行。

具体地，图片播放器根据该该显示第一图片的请求，从该终端设备的存储器中获取该第一图片的编码数据，并对第一图片的编码数据进行解码，使得图片播放器能够在用户界面中的图片显示区域显示第一图片。

具体地，图片预览信息至少包括图片的缩略图，还可以包括图片名称、图片类型、图片大小、图片的拍摄时间以及图片的分辨率中的一种或多种。预览列表中可包括一个或多个图片的图片预览信息。预览列表具体可以是终端设备内存中的一个存储区域。加载图片预览信息到第一预览列表，即，从终端设备的存储器中获取所要加载的图片对应的数据中的图片预览信息，并将获取到的图片预览信息存储在终端设备内存中的相应存储区域。

第一预览列表中的n张图片可包括第一图片、位于第一图片之前的m张图片以及位于第一图片之后的n张图片，其中，m+n＝n-1，m和n为大于或等于1的整数。若第一图片为文件目录中的第一张图片，则第一预览列表中包括的n张图片中包括：第一图片和位于第一图片之后的n-1张图片。若第一图片为文件目录中的最后一张图片，则第一预览列表中包括的n张图片中包括第一图片和位于第一图片之前的n-1张图片。其中，m、n的取值可根据预先设定的取值并结合文件目录中包括的图片数量以及第一图片在该目录中的位置来确定。

图片播放器解码单张图片所需的时长(即单张图片的解码时长)可由图片的编码格式、图片播放器的解码方式、终端设备的硬件配置(比如内存大小、处理器速度)等因素决定。由于图片播放器的解码方式一般是固定的，终端设备的硬件配置也是固定的，因此图片播放器解码单张图片所需的时长主要取决于图片的编码格式。一个具体地实施方式中，图片播放器的单张图片的解码时长为针对各种编码格式的图片进行解码时耗时最长的时长。

图片播放器加载单张图片的预览信息所需的时长(单张图片的预览信息的加载时长)由所要加载的图片的预览信息的大小决定。图片播放器所加载的图片预览信息的种类通常是预先设置的，这样，加载单张图片的预览信息所需的时长可预先计算得到，因此加载单张图片的预览信息所需的时长可以预先设置。

如果单张图片的解码时长为td，单张图片的预览信息的加载时长为tc，则图片播放器在单张图片的解码时长内完成加载的图片预览信息对应的图片数量为

具体实施时，图片播放器中可预先配置单张图片的解码时长和单张图片的预览信息的加载时长以确定第一阈值，或者预先配置单张图片的解码时长内完成加载的图片预览信息对应的图片数量。

实施中，若第一阈值大于第一图片所在目录中图片的数量，图片播放器加载第一图片所在目录中所有图片的预览信息到第一预览列表中。

步骤202：显示解码后的第一图片和第一预览列表中包括的部分或全部图片预览信息。

其中，图片播放器在显示解码后的第一图片时所显示的部分图片预览信息至少包括第一图片的预览信息。

实施中，受到图片播放器用户界面大小和/或安装该图片播放器的显示设备的屏幕大小的限制，图片播放器每次能够显示的图片预览信息是有限的。因此，当第一预览列表中包括的图片预览信息对应的图片数量较少时，图片播放器显示第一预览列表中的全部图片预览信息，当第一预览列表中包括的图片预览信息对应的图片数量较多时，图片播放器显示第一预览列表中的部分图片预览信息。例如，第一预览列表中包括的图片预览信息对应的图片数量较多时，图片播放器将第一预览列表中包括的图片预览信息分成多页进行显示，当用户点击图片播放器预览区域中的上一页或下一页功能按钮时，图片播放器显示相应页所包括的图片预览信息，又如，当用户拖动图片播放器预览区域中的滚动条时，图片播放器显示第一预览列表中剩余图片预览信息。

实施中，若第一图片的解码时长大于生成第一预览列表所需的时长，则图片播放器确定第一图片的解码结束后，显示解码后的第一图片和第一预览列表中的预览信息，若第一图片的解码时长小于生成第一预览列表所需的时长，则图片播放器确定第一预览列表生成后，显示解码后的第一图片和第一预览列表中的预览信息，使得图片播放器显示第一图像后，就能够根据用户对显示的图片预览信息的操作切换到其他图片。并且，相比于现有技术，用户观看第一图片所需等待的时间较短。

可选地，若第一图片所在目录中图片的数量大于第一阈值，则图片播放器可在确定第一预览列表包括的图片预览信息对应的图片数量之后，通过但不限于以下两种方式加载该目录中除第一预览列表中包括的图片外的其他图片的预览信息：

方式一、图片播放器将第一图片所在目录中除第一预览列表中包括的图片外的其他图片的预览信息加载到第二预览列表。

针对上述第一方式，在一个例子中，当图片播放器确定图片显示区域当前显示的图片为第一预览列表中的最后一张图片，则更新显示的图片预览信息，更新后的图片预览信息包括第二预览列表中的图片预览信息和第一预览列表中的图片预览信息。比如，当图片播放器处于自动播放模式，即，按照设定顺序(如图片在文件目录中的排列顺序)每隔设定时长自动播放下一张图片，当播放到预览区域中显示的第一预览列表中的最后一张图片时，则更新预览区域，从而将第二预览列表中的图片预览信息增加到预览区域中。再比如，当用户双击预览区域中显示的第一预览列表中的最后一张图片时，图片播放器可确定出图片显示区域当前显示的图片为第一预览列表中的最后一张图片，则更新预览区域，从而将第二预览列表中的图片预览信息增加到预览区域中。

针对上述第一方式，在另外的一个例子中，图片播放器接收显示第二图片的请求，根据该显示第二图片的请求确定当前所要显示的第二图片不在第一预览列表中，则更新显示的图片预览信息，更新后的图片预览信息包括第二预览列表中的图片预览信息和第一预览列表中的图片预览信息。例如，图片播放器显示第一图片和第一预览列表之后，用户双击第一图片所在目录中的第二图片，图片播放器接收显示第二图片的请求，根据该显示第二图片的请求确定当前所要显示的第二图片不在第一预览列表中，更新预览区域，从而将第二预览列表中的图片预览信息增加到预览区域中，在预览区域中显示第一图片所在目录中所有图片的图片预览信息。

图片播放器确定图片显示区域当前显示的图片为第一预览列表中的最后一张图片或根据接收到的显示第二图片的请求确定当前所要显示的第二图片不在第一预览列表中时，更新显示的图片预览信息，使得用户能够浏览第一图片所在目录中所有图片的预览信息，以及根据更新后的图片预览信息，选择第一预览列中的图片以及第一图片所在目录中除第一预览列中的图片外其他图片进行观看。

方式二、图片播放器将第一图片所在目录中除第一预览列表中包括的图片外的图片预览信息加载到多个第三预览列表，其中，每个第三列表包括一组图片的预览信息，每组图片的数量不大于第一阈值，所述多个第三预览列表包括的图片数量为所述第一图片所在目录中除所述第一预览列表中包括的图片外的图片数量。

可选地，多个第三预览列表中的图片预览信息的加载可以在多个线程中并发进行，减少加载第一图片所在目录中除第一预览列表中包括的图片外的图片预览信息所需的时长。

为了节约终端设备的资源，减少终端设备中并行执行的线程的个数，每个第三预览列表中包括的图片预览信息对应的图片数量尽可能接近播放器在单张图片的解码时长内完成加载的图片预览信息对应的图片数量，使得图片播放器得到的多个第三预览列表中最多有一个第三预览列表中的图片预览信息对应的图片数量小于该图片播放器在单张图片的解码时长内完成加载的图片预览信息对应的图片数量，其他的第三预览列表中的图片预览信息对应的图片数量等于该图片播放器在单张图片的解码时长内完成加载的图片预览信息对应的图片数量。

针对上述方式二，在一个例子中，图片播放器将第一图片所在目录中除第一预览列表中包括的图片外的图片预览信息加载到多个第三预览列表之后，若确定当前显示的图片为第一预览列表中的最后一张图片，则更新显示的图片预览信息，更新后的图片预览信息至少包括一个第三预览列表中的图片预览信息和第一预览列表中的图片预览信息。比如，当图片播放器处于自动播放模式，即，按照设定顺序(如图片在文件目录中的排列顺序)每隔设定时长自动播放下一张图片，当播放到预览区域中显示的第一预览列表中的最后一张图片时，则更新预览区域，从而将包括第三图片的第三预览中的图片预览信息增加到预览区域中，或者将包括第三图片的第三预览中的图片预览信息，以及包括第四图片的第三预览中的图片预览信息增加到预览区域中，其中，第三图片是文件目录中第一预览列表中的最后一张图片的下一张图片，第四图片是文件目录中包括第三图片的第三预览中的最后一张图片的下一张图片，每个第三预览列表中的图片预览信息按照该图片预览信息对应的图片在文件目录中的排列方式(如按图片的名称排序、按图片的大小排序或按照图片的类型排序等)排序。再比如，当用户点击预览区域中显示的第一预览列表中的最后一张图片时，图片播放器可确定出图片显示区域当前显示的图片为第一预览列表中的最后一张图片，则更新预览区域，从而包括第三图片的第三预览中的图片预览信息增加到预览区域中，或者将包括第三图片的第三预览中的图片预览信息，以及包括第四图片的第三预览中的图片预览信息增加到预览区域中。

针对上述方式二，在另外的例子中，图片播放器接收显示第二图片的请求，根据该显示第二图片的请求确定第二图片不在所述第一预览列表中，则根据该显示第二图片的请求确定第二图片所在的第三预览列表，并更新显示的图片预览信息，更新后的图片预览信息至少包括第二图片所在的第三预览列表中的图片预览信息和第一预览列表中的图片预览信息。

图片播放器确定图片显示区域当前显示的图片为第一预览列表中的最后一张图片或根据接收到的显示第二图片的请求确定当前所要显示的第二图片不在第一预览列表中时，更新显示的图片预览信息，使得播放器在显示第一预览列表中的图片预览信息的同时，显示第一图片所在目录中除第一预览列中的图片外的其他图片中的部分或全部图片的预览信息，使得用户能够浏览第一预览列表中的图片预览信息和第一图片所在目录中除第一预览列中的图片外其他图片的预览信息，以及根据更新后的图片预览信息，选择第一预览列中的图片以及第一图片所在目录中除第一预览列中的图片外其他图片进行观看。

基于上述技术方案，本发明实施例中，图片播放器基于显示第一图片的请求，对第一图片对应的数据进行解码，并在第一图片所在目录中图片数量不小于第一阈值时，加载n张图片的图片预览信息到第一预览列表，第一阈值为单张图片解码时长内完成加载的图片预览信息对应的图片数量，n的大小等于所述第一阈值，使得图片播放器在第一图片的解码时长内，尽可能完成第一预览列表中图片预览信息的加载，进而使得图片播放器能够快速显示第一图片和第一预览列表中的图片预览信息，提高了图片播放器显示图片和图片预览信息的效率，提高了用户体验。

基于同一发明构思，本发明实施例中还提供了一种图片显示装置300，该装置的具体实施可参见方法实施例部分的描述，重复之处不再赘述，如图3所示，该装置主要包括：

解码模块301，用于基于显示第一图片的请求，对所述第一图片对应的数据进行解码；

加载模块302，用于在所述第一图片所在目录中图片数量不小于第一阈值时，加载n张图片的图片预览信息到所述第一预览列表，所述第一阈值为单张图片的解码时长内完成加载的图片预览信息对应的图片数量，n的大小等于所述第一阈值；

显示模块303，用于显示解码后的第一图片和所述第一预览列表中包括的部分或全部图片预览信息。

可选地，所述解码模块301通过第一线程对第一图片对应的数据进行解码，加载模块302通过第二线程生成第一预览列表，其中，所述第一线程和所述第二线程并行执行。

可选地，所述加载模块302还用于：将所述第一图片所在目录中除所述第一预览列表中包括的图片外的其他图片的图片预览信息加载到第二预览列表；或者，将所述第一图片所在目录中除所述第一预览列表中包括的图片外的其他图片的图片预览信息加载到多个第三预览列表，每个第三列表包括一组图片的预览信息，每组图片的数量不大于第一阈值，所述多个第三预览列表包括的图片数量为所述第一图片所在目录中除所述第一预览列表中包括的图片外的图片数量。

可选地，所述显示模块303还用于：若确定所述图片显示区域当前显示的图片为所述第一预览列表中的最后一张图片，则更新显示的图片预览信息，更新后的图片预览信息包括所述第二预览列表中的图片预览信息和所述第一预览列表中的图片预览信息；或者，若根据接收到的显示第二图片的请求确定当前所要显示的第二图片不在所述第一预览列表中，则更新显示的图片预览信息，更新后的图片预览信息包括所述第二预览列表中的图片预览信息和所述第一预览列表中的图片预览信息。

可选地，所述显示模块303还用于：若确定当前显示的图片为所述第一预览列表中的最后一张图片，则更新显示的图片预览信息，更新后的图片预览信息至少包括一个第三预览列表包括的图片预览信息和所述第一预览列表中的图片预览信息；或者，若根据接收到的显示第二图片的请求确定所述第二图片不在所述第一预览列表中，则根据所述显示第二图片的请求确定所述第二图片所在的第三预览列表，并更新显示的图片预览信息，更新后的图片预览信息至少包括所述第二图片所在的第三预览列表中的图片预览信息和所述第一预览列表中的图片预览信息。

可选地，所述加载模块302还用于：若所述第一阈值大于所述第一图片所在目录中图片的数量，则加载所述第一图片所在目录中所有图片的预览信息到第一预览列表中。

基于同一发明构思，本发明实施例还提供了一种显示设备400，该显示设备400可实现图2所示的流程。

如图4所示，本发明实施例提供的一种显示设备400包括：显示器401、存储器402和处理器403。

其中，显示器401用于显示图片和图片预览信息。存储器402具体可包括内部存储器和/或外部存储器，比如随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质。处理器403可以是通用处理器(比如微处理器或者任何常规的处理器等)、数字信号处理器、专用集成电路、现场可编程门阵列或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

处理器403与其他各模块之间存在数据通信连接，比如可基于总线架构进行数据通信。总线架构可以包括任意数量的互联的总线和桥，具体由处理器403代表的一个或多个处理器和存储器402代表的存储器的各种电路链接在一起。总线架构还可以将诸如外围设备、稳压器和功率管理电路等之类的各种其他电路链接在一起，这些都是本领域所公知的，因此，本文不再对其进行进一步描述。总线接口提供接口。处理器403负责管理总线架构和通常的处理，存储器402可以存储处理器403在执行操作时所使用的数据。

本发明实施例揭示的流程，可以应用于处理器403中，或者由处理器403实现。在实现过程中，前述实施例描述的流程的各步骤可以通过处理器403中的硬件的集成逻辑电路或者软件形式的指令完成。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。结合本发明实施例所公开的方法的步骤可以直接体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。

具体地，处理器403，耦合到存储器402，用于读取存储器402存储的计算机程序指令，并作为响应，执行本发明实施例提供的图片显示方法。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可加载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。