图片显示方法和装置、终端设备制造方法及图纸

本公开是关于一种图片显示方法和装置、终端设备，其中方法包括：接收页面滚动触发的对于目标图片的图片请求；将原始尺寸的目标图片解码成缩略图进行显示。本公开实现了随着页面滚动进行快速图片显示。

【技术实现步骤摘要】
图片显示方法和装置、终端设备
本公开涉及网络技术，尤其涉及图片显示方法和装置、终端设备。
技术介绍
相关技术中，用户查看的页面中可能会包括大量的联合图像专家小组(JointPhotographicExpertsGroup，简称：JPEG)图片，并且当进行页面快速滚动时，页面也需要尽快加载进入可视区域内的图片，以显示给用户。
技术实现思路
本公开提供一种图片显示方法和装置、终端设备，以实现随着页面滚动进行快速图片显示。根据本公开实施例的第一方面，提供一种图片显示方法，包括：接收页面滚动触发的对于目标图片的图片请求；将原始尺寸的目标图片解码成缩略图进行显示。根据本公开实施例的第二方面，提供一种图片显示装置，包括：请求接收模块，用于接收页面滚动触发的对于目标图片的图片请求；图片显示模块，用于将原始尺寸的目标图片解码成缩略图进行显示。根据本公开实施例的第三方面，提供一种终端设备，包括：处理器；用于存储处理器可执行指令的存储器；其中，所述处理器被配置为：接收页面滚动触发的对于目标图片的图片请求；将原始尺寸的目标图片解码成缩略图进行显示。本公开的实施例提供的技术方案可以包括以下有益效果：通过在接收到图片请求时，将原始尺寸的图片解码成缩略图再显示，由于缩略图的生成耗时相比于原始图将大大缩短，从而实现随着页面滚动进行快速图片显示。应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。附图说明此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本专利技术的实施例，并与说明书一起用于解释本专利技术的原理。图1是根据一示例性实施例示出的一种图片显示方法的应用场景一；图2是根据一示例性实施例示出的一种图片显示方法的应用场景二；图3是根据一示例性实施例示出的一种图片显示方法的流程图；图4是根据一示例性实施例示出的一种图片显示方法的原理图；图5是根据一示例性实施例示出的一种图片显示装置的框图；图6是根据一示例性实施例示出的另一种图片显示装置的框图；图7是根据一示例性实施例示出的一种终端设备的框图。具体实施方式这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本专利技术相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本专利技术的一些方面相一致的装置和方法的例子。随着互联网的普及和发展，人们经常浏览各种网页，并且可以通过多种设备浏览网页，例如，可以在电脑上通过浏览器打开网页，或者在智能手机上通过下载的应用客户端浏览网页。不论哪种方式浏览网页，都包括其中一种类型的网页页面，即图片列表页面，该页面中包括大量的图片，比如，可以是视频资源列表图片、风景展示图片、服装列表图片等。本公开实施例的图片显示方法，即为如何显示图片列表页面中的图片。参见图1所示例的场景，图1是以智能手机为例，用户可以在手机上通过视频应用的客户端，浏览视频资源的列表页面，该页面中要显示大量的图片，例如图1示例的，页面中显示图片A至图片F，并且假设该手机是触屏手机，手机屏幕只能显示页面的其中一部分，那么在屏幕上显示的页面部分可以称为“可视区域”，当用户想要查看页面的其他部分时，就可以进行触屏页面滚动，即用户可以使用手指11沿着点线箭头12所示的方向在手机屏幕13上滑动，就可以触发页面滚动，使得页面的其他部分也显示在可视区域。图2是以电脑为例，用户还可以在电脑21上通过浏览器浏览页面，页面中包括很多图片，例如图2中所示的图片a至图片d，同样的，用户也可以滚动页面，使得页面的其他部分图片进入可视区域中显示。只是在这种方式下，用户滚动页面的方式可以是通过鼠标滚轮触发页面滚动。参见图2示例，用户可以用手滚动鼠标22的滚轮23，使得在电脑上的页面中的滚动条24沿着点线箭头25的方向向下移动，从而进行页面滚动。当然除了图1和图2所示的例子，用户也可以使用其他设备，采用其他方式进行页面浏览，都可以执行滚动图片列表页面的操作。在上述的图片页面的滚动过程中，该页面需要及时的将进入到可视区域的图片显示出来，但是通常图片比较大(例如，JPEG图片)，图片的解码加载过程比较耗时，如果不能及时的将图片显示在可视区域的页面，从用户看来就是出现了卡顿、页面空白、滚动效果不连贯等问题，使得图片页面的滚动效果不佳。而本公开实施例的图片显示方法，将可以实现随着页面滚动进行快速图片显示，达到一个较理想的滚动可视效果。图3示例了本公开实施例的图片显示方法的流程图，包括：301、接收页面滚动触发的对于目标图片的图片请求；302、将原始尺寸的目标图片解码成缩略图进行显示。其中，图3的流程可以是客户端执行，该客户端是查看页面的客户端，比如，若用户在自己的智能手机上使用视频客户端浏览视频图片页面，那么该视频客户端就是执行图3所示流程的客户端。在步骤301中，接收到的图片请求是在用户进行页面滚动时触发的。例如，仍以图1和图2为例，当用户进行触屏页面滚动时，比如用手指滑动屏幕，实际上是请求查看页面中下一部分的图片，该下一部分图片即排在当前可视区域页面之后的下一个要进入可视区域的页面部分，将该下一页面部分的图片显示在当前可视区域内。当客户端检测到用户执行了划屏页面滚动操作时，相当于接收到了对下一页面部分的图片请求，请求在可视区域显示下一页面部分中的图片，这些图片可以称为目标图片。同理，当用户在电脑上滚动鼠标进行页面滚动时，客户端检测到用户在滚动滚动条，也是相当于接收到了对下一个要进入可视区域的页面部分的图片请求，请求显示目标图片。客户端在接收到301中的图片请求后，在302中将原始尺寸的目标图片解码成缩略图，并将所述缩略图拉伸至原始尺寸进行显示。参见图4的示例原理，客户端41是要进行页面显示的客户端，服务器42是存储图片的服务器，假设客户端侧的页面显示的图片都在服务器42存储(当然图片也可以是存储在客户端本地)，在302中处理的原始尺寸的目标图片也是存储在服务器42，这里的原始尺寸指的是图片在页面中显示的尺寸(包括图片的长度和宽度信息)。客户端由服务器42获取原始尺寸的目标图片的时间，可以是在接收到图片请求时，或者是在接收到图片请求之前都可以。比如，客户端在接收到图片请求时，再根据目标图片的地址信息(例如，在执行页面显示代码时，包括哪部分页面显示哪些图片的信息，该地址信息是图片在服务器侧的存储地址)向服务器42请求获取图片，服务器将存储的原始尺寸的目标图片发送至客户端用于执行302。或者，客户端还可以在接收到图片请求之前就获取图片，比如，用户在浏览某个页面，但是并未点击要打开页面中的图片列表链接，但是客户端可以预先将这些图片从服务器获取下来，做好用户查看的准备。继续结合图4的示例，客户端41可以将原始尺寸的目标图片存储在存储资源43中，该存储资源43例如是电脑硬盘中的某个存储空间，或者手机的存储器等。需要说明的是，服务器42发给客户端41的目标图片可以是编码后的图片，本实施例中，当客户端接收到301中的图片请求时，才将目标图片由存储资源43中取出，放入内存44中，对图片进行解码(或者，解码后的图片可以进一步发送至显存)，然后显示模块45才将解码后的图片本文档来自技高网...

【技术保护点】
一种图片显示方法，其特征在于，包括：接收页面滚动触发的对于目标图片的图片请求；将原始尺寸的目标图片解码成缩略图进行显示。

【技术特征摘要】
1.一种图片显示方法，其特征在于，包括：接收页面滚动触发的对于目标图片的图片请求；由服务器获取原始尺寸的目标图片；将所述原始尺寸的目标图片解码成缩略图，并将所述缩略图拉伸至期望的尺寸在页面滚动的过程中进行显示；将所述原始尺寸的目标图片按照原始尺寸进行解码；当页面滚动停止或停止预定时间后，将所述缩略图替换成按照原始尺寸解码的图片。2.根据权利要求1所述的方法，其特征在于，所述接收页面滚动触发的对于目标图片的图片请求，包括：接收通过鼠标滚轮触发的页面滚动对应的图片请求；或者，接收触屏页面滚动触发的图片请求。3.根据权利要求1所述的方法，其特征在于，所述目标图片的数量为至少一个。4.根据权利要求1所述的方法，其特征在于，所述缩略图，包括如下任意一种：1/2、1/4或者1/8的缩略图。5.一种图片显示装置，其特征在于，包括：请求接收模块，用于接收页面滚动触发的对于目标图片的图片请求；图片获取模块，用于由服务器获取原始尺寸的目标图片；图片显...

【专利技术属性】
技术研发人员：江波，蒋黎峰，丁晓亮，
申请(专利权)人：小米科技有限责任公司，
类型：发明
国别省市：北京;11