CN111061531B - 一种图片显示方法及电子设备 - Google Patents

Abstract

本发明实施例提供了一种图片显示方法及电子设备，涉及通信技术领域，以解决现有电子设备显示长图的效果较差的问题。该方法包括：接收用户在目标图片中的第一图像区域上的第一输入，该目标图片的长度与宽度的比值大于预设值；并响应于该第一输入，在第一屏幕区域显示放大后的第一图像，并在第二屏幕区域显示压缩后的第二图像；其中，该第一图像为目标图片中第一图像区域的图像，该第二图像为目标图片中除第一图像区域之外的第二图像区域的图像，第一屏幕区域和第二屏幕区域为电子设备的屏幕中的不同区域。该方法可以应用于电子设备显示长图的场景中。

Description

一种图片显示方法及电子设备

技术领域

本发明实施例涉及通信技术领域，尤其涉及一种图片显示方法及电子设备。

背景技术

用户可以使用电子设备，通过相机全景功能，拍摄得到全景图；也可以通过进行长截屏操作，得到长截屏图片。对于长截屏图片、全景图等图片，由于图片的长度与宽度的差异较大，因此这类图片可称为长图。

目前，电子设备显示长图的方式通常为：可以将长图等比例压缩至屏幕大小显示；或者将长图放大后，在屏幕上只显示长图的一部分。

然而，由于长图的长度和宽度的差异较大，长图压缩后，虽然用户可以看到整图，但只能看到细长的压缩图，因此用户无法看清长图的细节。如果放大显示长图，用户又只能看到其中的一小部分，缺少“大局感”，不能快速了解到当前所浏览的部分在长图中的位置。如此，导致电子设备显示长图的效果较差。

发明内容

本发明实施例提供一种图片显示方法及电子设备，以解决现有电子设备显示长图的效果较差的问题。

为了解决上述技术问题，本申请是这样实现的：

第一方面，本发明实施例提供了一种图片显示方法，应用于电子设备，该方法包括：接收用户在目标图片中的第一图像区域上的第一输入，该目标图片的长度与宽度的比值大于预设值；并响应于该第一输入，在第一屏幕区域显示放大后的第一图像，并在第二屏幕区域显示压缩后的第二图像；其中，该第一图像为目标图片中与第一输入对应的第一图像区域的图像，该第二图像为目标图片中除第一图像区域之外的第二图像区域的图像，第一屏幕区域和第二屏幕区域为电子设备的屏幕中的不同区域。

第二方面，本发明实施例提供了一种电子设备，该电子设备包括接收模块和显示模块。接收模块用于接收用户在目标图片中的第一图像区域上的第一输入，该目标图片的长度与宽度的比值大于预设值。显示模块用于响应于接收模块接收的该第一输入，在第一屏幕区域显示放大后的第一图像，并在第二屏幕区域显示压缩后的第二图像。其中，该第一图像为目标图片中与第一输入对应的第一图像区域的图像，该第二图像为目标图片中除第一图像区域之外的第二图像区域的图像，第一屏幕区域和第二屏幕区域为电子设备的屏幕中的不同区域。

第三方面，本发明实施例提供了一种电子设备，该电子设备包括处理器、存储器及存储在存储器上并可在处理器上运行的计算机程序，该计算机程序被处理器执行时实现上述第一方面中的图片显示方法的步骤。

第四方面，本发明实施例提供了一种计算机可读存储介质，该计算机可读存储介质上存储计算机程序，该计算机程序被处理器执行时实现上述第一方面中的图片显示方法的步骤。

在本发明实施例中，可以接收用户在目标图片中的第一图像区域上的第一输入，该目标图片的长度与宽度的比值大于预设值；并响应于该第一输入，在第一屏幕区域显示放大后的第一图像，并在第二屏幕区域显示压缩后的第二图像；其中，该第一图像为目标图片中与第一输入对应的第一图像区域的图像，该第二图像为目标图片中除第一图像区域之外的第二图像区域的图像，第一屏幕区域和第二屏幕区域为电子设备的屏幕中的不同区域。本发明实施例提供的图片显示方法应用于显示长宽差异较大的目标图片的场景下，一方面，目标图片中与第一输入对应的第一图像区域的图像(即用户关注区域的图像)可以被放大显示，从而用户可以更清楚地查看关注区域图像的细节；另一方面，目标图片中除第一图像区域之外的图像(即用户非关注区域的图像)可以被压缩显示；即，电子设备既可以放大显示关注区域图像的细节，也可以压缩显示非关注区域的图像，从而可以在有限大小的屏幕上显示目标图片的完整图像，从而可以提升电子设备显示图片的效果。如此，用户既可以像浏览普通图片一样查看图片的细节，又能够有“大局感”看到整张长图的样貌，避免了“只见树木不见森林”的问题，从而可以提升用户查看长图的体验感。

附图说明

图1为本发明实施例提供的一种可能的安卓操作系统的架构示意图；

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

图3为本发明实施例提供的图片显示方法显示的目标图片的示意图；

图4为本发明实施例提供的图片显示方法应用的界面示意图之一；

图5为本发明实施例提供的图片显示方法应用的界面示意图之二；

图6为本发明实施例提供的图片显示方法应用的界面示意图之三；

图7为本发明实施例提供的图片显示方法应用的界面示意图之四；

图8为本发明实施例提供的电子设备的结构示意图之一；

图9为本发明实施例提供的电子设备的结构示意图之二；

图10为本发明实施例提供的电子设备的硬件示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

本文中术语“和/或”，是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。本文中符号“/”表示关联对象是或者的关系，例如A/B表示A或者B。

本文中的说明书和权利要求书中的术语“第一”和“第二”等是用于区别不同的对象，而不是用于描述对象的特定顺序。例如，第一屏幕区域和第二屏幕区域等是用于区别不同的屏幕区域，而不是用于描述屏幕区域的特定顺序。

在本发明实施例中，“示例性的”或者“例如”等词用于表示作例子、例证或说明。本发明实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言，使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。

在本发明实施例的描述中，除非另有说明，“多个”的含义是指两个或者两个以上，例如，多个处理单元是指两个或者两个以上的处理单元等；多个元件是指两个或者两个以上的元件等。

本发明实施例提供一种图片显示方法及电子设备，接收用户在目标图片中的第一图像区域上的第一输入，该目标图片的长度与宽度的比值大于预设值；并响应于该第一输入，在第一屏幕区域显示放大后的第一图像，并在第二屏幕区域显示压缩后的第二图像；其中，该第一图像为目标图片中与第一输入对应的第一图像区域的图像，该第二图像为目标图片中除第一图像区域之外的第二图像区域的图像，第一屏幕区域和第二屏幕区域为电子设备的屏幕中的不同区域。本发明实施例提供的图片显示方法应用于显示长宽差异较大的目标图片的场景下，一方面，目标图片中与第一输入对应的第一图像区域的图像(即用户关注区域的图像)可以被放大显示，从而用户可以更清楚地查看关注区域图像的细节；另一方面，目标图片中除第一图像区域之外的图像(即用户非关注区域的图像)可以被压缩显示；即，电子设备既可以放大显示关注区域图像的细节，也可以压缩显示非关注区域的图像，从而可以在有限大小的屏幕上显示目标图片的完整图像，从而可以提升电子设备显示图片的效果。如此，用户既可以像浏览普通图片一样查看图片的细节，又能够有“大局感”看到整张长图的样貌，避免了“只见树木不见森林”的问题，从而可以提升用户查看长图的体验感。

本发明实施例中的电子设备可以为具有操作系统的电子设备。该操作系统可以为安卓(Android)操作系统，可以为ios操作系统，还可以为其他可能的操作系统，本发明实施例不作具体限定。

下面以安卓操作系统为例，介绍一下本发明实施例提供的图片显示方法所应用的软件环境。

如图1所示，为本发明实施例提供的一种可能的安卓操作系统的架构示意图。在图1中，安卓操作系统的架构包括4层，分别为：应用程序层、应用程序框架层、系统运行库层和内核层(具体可以为Linux内核层)。

其中，应用程序层包括安卓操作系统中的各个应用程序(包括系统应用程序和第三方应用程序)。

应用程序框架层是应用程序的框架，开发人员可以在遵守应用程序的框架的开发原则的情况下，基于应用程序框架层开发一些应用程序。

系统运行库层包括库(也称为系统库)和安卓操作系统运行环境。库主要为安卓操作系统提供其所需的各类资源。安卓操作系统运行环境用于为安卓操作系统提供软件环境。

内核层是安卓操作系统的操作系统层，属于安卓操作系统软件层次的最底层。内核层基于Linux内核为安卓操作系统提供核心系统服务和与硬件相关的驱动程序。

以安卓操作系统为例，本发明实施例中，开发人员可以基于上述如图1所示的安卓操作系统的系统架构，开发实现本发明实施例提供的图片显示方法的软件程序，从而使得该图片显示方法可以基于如图1所示的安卓操作系统运行。即处理器或者电子设备可以通过在安卓操作系统中运行该软件程序实现本发明实施例提供的图片显示方法。

本发明实施例中的电子设备可以为移动终端，也可以为非移动终端。示例性的，移动终端可以为手机、平板电脑、笔记本电脑、掌上电脑、车载终端、可穿戴设备、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本或者个人数字助理(personaldigital assistant，PDA)等，非移动终端可以为个人计算机(personal computer，PC)、电视机(television，TV)、柜员机或者自助机等，本发明实施例不作具体限定。

本发明实施例提供的图片显示方法的执行主体可以为上述的电子设备，也可以为该电子设备中能够实现该图片显示方法的功能模块和/或功能实体，具体的可以根据实际使用需求确定，本发明实施例不作限定。下面以电子设备为例，对本发明实施例提供的图片显示方法进行示例性的说明。

下面结合各个附图对本发明实施例提供的图片显示方法进行示例性的说明。

如图2所示，本发明实施例提供一种图片显示方法，该图片显示方法可以包括下述的步骤201-步骤203。

步骤201、电子设备接收用户在目标图片中的第一图像区域上的第一输入。

其中，该目标图片的长度与宽度的比值大于预设值。如图3所示，目标图片的长度与宽度的差异较大，图片长度值y远大于宽度值x，因此目标图片可称为长图。其中，预设值为大于1的值，例如预设值可以为2，或者可以为5，或者可以为其它任意可能的数值，具体可以根据实际使用需求确定，本发明实施例不作限定。

示例性的，目标图片可以为长截屏图片，或者可以为全景图，或者可以为其它任意图片长度值远大于宽度值的图片。

如图4中的(a)所示，电子设备可以根据目标图片的尺寸和其屏幕的尺寸，将目标图片等比例压缩至屏幕大小显示，压缩后，用户可以看到目标图片的整个图像31，但是看到的是细长的压缩图，因此用户无法看清目标图片的细节。如图4中的(b)所示，电子设备还可以目标图片放大显示，此时用户又只能看到其中的一部分图像32，无法看到整体图像。

本发明实施例中，在上述电子设备显示目标图片的场景下，如果用户既需要查看目标图片的整个图像有需要查看图像的细节，那么此时用户可以对目标图片进行第一输入，以触发电子设备将目标图片中用户选中的第一图像区域的图像放大显示，以及目标图片中除第一图像区域之外的图片区域的图像压缩显示。

可选的，本发明实施例中，上述第一输入可以为用户对目标图片的双击输入，或者为针对目标图片的功能控件的选择输入，或者可以为其它任意满足实际使用需求的输入，具体可以根据实际使用需求确定，本发明实施例不作限定。

步骤202、电子设备响应于第一输入，在第一屏幕区域显示放大后的第一图像。

其中，该第一图像为目标图片中第一图像区域的图像。

可选的，在一种可能的实现方式中，在第一输入为滑动输入的情况下，第一图像区域可以为第一输入的轨迹对应的区域。

可选的，在另一种可能的实现方式中，在第一输入为点击输入的情况下，第一图像区域可以为以第一输入所在位置点为中心的任意形状的区域，例如第一图像区域可以为以第一输入所在位置点为中心的矩形区域，且该矩形区域的宽度与屏幕宽度相等。如此，可以实现等比例放大目标图片中通过第一输入选中的图像，从而可以避免出现放大失真的现象。

可以理解，第一图像区域还可以为与第一输入对应的其他任意满足实际使用需求的区域，具体可以根据实际使用需求确定，本发明实施例不作限定。

本发明实施例中，第一屏幕区域可以为电子设备的屏幕中位于预设位置且具有预设尺寸的区域。例如，该第一屏幕区域可以为位于屏幕的中间部分且该区域占屏幕总面积的三分之二的区域(例如该区域宽度与屏幕宽度相等)，从而可以突出显示用户的第一输入对应的图像。第一屏幕区域的显示位置和显示尺寸，具体可以根据实际使用需求确定，本发明实施例不做限定。

可选的，上述的步骤202具体可以通过下述的步骤202A-步骤202C实现。

步骤202A、电子设备根据第一屏幕区域的尺寸和第一图像区域的尺寸，确定第一放大参数。

步骤202B、电子设备按照第一放大参数，放大第一图像，得到放大后的第一图像。

步骤202C、电子设备在第一屏幕区域显示该放大后的第一图像。

本发明实施例中，电子设备可以通过计算第一屏幕区域的尺寸与第一图像区域的尺寸的比值，将该比值确定为第一放大参数。

示例性的，假设第一屏幕区域的尺寸是一定的，即第一屏幕区域的宽度等于屏幕宽度，第一屏幕区域的长度等于预设长度，那么可以计算第一屏幕区域的宽度和第一图像区域的宽度的比值，作为第一放大参数。

按照等比例放大原则，在第一屏幕区域的长度等于预设长度的情况下，第一图像区域放大后的长度等于第一屏幕区域的长度，如此可以实现第一图像区域在第一屏幕区域上的等比例放大，避免出现失真现象。

步骤203、电子设备响应于第一输入，在第二屏幕区域显示压缩后的第二图像。

其中，该第二图像为目标图片中除第一图像区域之外的第二图像区域的图像，第二屏幕区域和第一屏幕区域为电子设备的屏幕中的不同区域。

可选的，上述的步骤203具体可以通过下述的步骤203A-步骤203C实现。

步骤203A、电子设备根据第二屏幕区域的尺寸和第二图像区域的尺寸，确定第一压缩参数。

步骤203B、电子设备按照第一压缩参数，将第二图像沿目标图片的长度所在方向进行压缩，得到压缩后的第二图像。

步骤203C、电子设备在第二屏幕区域显示该压缩后的第二图像。

本发明实施例中，电子设备可以通过计算第二屏幕区域的尺寸与第二图像区域的尺寸的比值，将该比值确定为第一放大参数。

示例性的，假设第二屏幕区域的尺寸是一定的，即第二屏幕区域的长度等于屏幕宽度，第二屏幕区域的宽度等于预设长度，那么可以计算第二屏幕区域的宽度和第二图像区域的长度的比值，作为第一压缩参数。

针对长度远大于宽度的目标图片，可以根据第一压缩参数，将目标图片中的第二图像沿目标图片的长度所在方向进行压缩，从而可以在有限大小的屏幕上显示完整的目标图片。

需要说明的是，在第二图像沿目标图片的长度所在方向进行压缩的情况下，第二图像的另一边长在缩放后等于屏幕宽度，如此可以保证图像的连续性和完整性。

本发明实施例中，若用户对目标图片进行第一输入，则电子设备可以将目标图片中与第一输入对应的第一图像区域的第一图像进行放大处理(例如等比例放大)，并在第一屏幕区域显示放大后的第一图像；并且将目标图片中除第一图像区域之外的第二图像区域的图像进行压缩处理(例如沿图片的某一方向压缩)，并在与第一屏幕区域不同的第二屏幕区域显示压缩后的第二图像。

可选的，在一种可能的实现方式中，电子设备可以响应于用户在目标图像中的第一图像区域上的第一输入，按照第一放大参数对目标图像整体进行放大，得到放大后的目标图像(其中包括放大后的第一图像)，并按照第一压缩参数对放大后的目标图片中的第二图像进行压缩，得到压缩后的第二图像。然后，电子设备在第一屏幕区域显示放大后的第一图像，并在第二屏幕区域显示压缩后的第二图像。其中，第一图像为目标图片中第一图像区域的图像，第二图像为目标图片中除第一图像区域之外的第二图像区域的图像，第一屏幕区域和第二屏幕区域为电子设备的屏幕中的不同区域。

需要说明的是，第一屏幕区域和第二屏幕区域为屏幕中位置相邻的不同区域，相应地，在第一屏幕区域显示的放大后的第一图像以及在第二屏幕区域显示的压缩后的第二图像，整体上可以显示目标图片的完整图像。在此情况下，一方面，目标图片中与第一输入对应的第一图像区域的图像(即用户关注区域的图像)可以被放大显示，从而用户可以更清楚地查看关注区域图像的细节；另一方面，目标图片中除第一图像区域之外的图像(即用户非关注区域的图像)可以被压缩显示；即，电子设备既可以放大显示关注区域图像的细节，也可以压缩显示非关注区域的图像，从而可以在有限大小的屏幕上显示目标图片的完整图像，从而可以提升电子设备显示图片的效果，进而可以提升用户查看长图的体验感。

可选的，本发明实施例中，上述第二屏幕区域包括第一子屏幕区域和第二子屏幕区域，上述第一屏幕区域位于该第一子屏幕区域和第二子屏幕区域之间；并且，上述第二图像包括第一子图像和第二子图像，该第一子图像所在区域和该第二子图像所在区域分别位于目标图片的沿目标图片的长度所在方向的两端。

在此情况下，上述的步骤203具体可以通过下述的步骤203D和步骤203E实现。

步骤203D、电子设备在第一子屏幕区域显示压缩后的第一子图像。

步骤203E、电子设备在第二子屏幕区域显示压缩后的第二子图像。

本发明实施例中，目标图片中除与第一输入对应的图像之外的其他图像可以分区压缩显示，从而可以提升电子设备显示图片的效果。

下面结合图4和图5，示意性地描述本发明实施例提供的图片显示方法的具体实现方式。

如图4中的(a)所示，电子设备当前显示的目标图片为形状细长的压缩图形式，若用户双击目标图片31，则如图5所示，电子设备在第一屏幕区域显示放大后的第一图像33，并在第二屏幕区域显示压缩后的第二图像。如图5所示，电子设备在第一子屏幕区域显示压缩后的第一子图像33，并在第二子屏幕区域显示压缩后的第二子图像34和35。从而电子设备可以在有限大小的屏幕上显示目标图片的完整图像。这样，用户既可以查看关注区域图像的细节，又可以整体上浏览该图片的完整图像。

可选的，本发明实施例中，压缩后的第二图像的第一边的长度小于压缩后的第二图像的第二边的长度，该第一边为压缩后的第二图像的与第一图像远离的边，该第二边为压缩后的第二图像的与第一图像相邻的边。

也就是说，电子设备将第二图像沿目标图片的长度所在方向上，按照第一压缩参数进行压缩，并且在沿目标图片的宽度所在方向上，按照递变的压缩参数进行压缩，例如，第二图像中与第一图像远离的一侧的压缩倍率大于第二图像中与第一图像相邻的一侧的压缩倍率，使得压缩后的第二图像呈梯形形状或三角形形状。

在将目标图片中的第二图像沿目标图片的长度所在方向进行压缩的情况下，电子设备可以在有限大小的屏幕上显示完整的目标图片，且压缩后的第二图像压缩成梯形形状，从视觉效果上来看，具有三维立体的显示效果。

示例性的，若用户双击如图4中的(a)所示的目标图片，则如图6所示，目标图片中点击位置处的部分图像36放大显示，并且目标图片的上下两端的部分图像37、38通过三维立体透视效果压缩显示。其中，目标图片的上下两端的显示规则可以如下：

示例性的，以19:9的屏幕为例，则上端第一子屏幕区域(3D透视区域)、中间第一屏幕区域(正常2D显示区域)、下端第一子屏幕区域(3D透视区域)的高度比例为2:15:2。假如目标图片为长宽比为27:9的图片，那么如图7所示，第一屏幕区域的长度为15，宽度为9，位于上下两端的第一子屏幕区域和第二子屏幕区域的长度均为9，宽度均为2。放大后的第一图像的宽度9等于屏幕宽度9，放大后的第一图像的长度15。假设位于上端的第一子图像的高度8，位于下端的第二子图像的高度4，那么需要将上端高度为8的图像压缩显示在高度为2的第一子屏幕区域上，并将下端高度为4的图像压缩显示在高度为2的第二子屏幕区域上。如图7中的两个梯形区域所示，梯形长边均为9，对于上端的梯形短边可以为y＝(2×9)/8＝2.25，下端的梯形短边可以为y＝(2×9)/4＝4.5。

需要说明的是，一方面，当3D透视要显示的高度恰好与屏幕区域等高，y＝(2×9)/2＝9，即3D透视区域呈矩形的2D平面显示，与中间2D区域平滑衔接。另一方面，当3D透视要显示的高度趋向于无穷大，则y＝(2×9)/∞＝0，即3D透视区域呈三角形状显示。

本发明实施例可以将长图的头部、尾部(或者左端、右端)，通过三维立体形式显示，中间部位则是二维形式显示。这样，既能看到图片的关键细节，又能有“大局感”，看到整张图片。

此外，对于曲面屏，在弯曲部位显示三维立体透视效果，能够充分发挥曲面优势，实现完美结合。例如，对于全景图，可以结合瀑布屏，完美地通过3D效果显示出来。若电子设备的屏幕上下边缘呈曲面屏，则对于长截屏，也可以完美地通过3D效果显示出来。

需要说明的是，对于横向的长图，比如全景图，上述图片显示方法仍然适用，此处不予赘述。

可选的，对于图片列表，或者桌面界面，或者其它长列表的界面，同样可以采用上述图片显示方式，通过2D正常显示中间部位的图片缩略图、应用图标，并通过3D透视压缩显示未显示的列表部分，从而将整个列表全部显示。例如，桌面显示的应用图标可以呈横屏列表的方式显示。若用户双击长列表的两端，可以快速切换到头部或者尾部。如此，可以以全局的方式显示图片列表，更有大局感，且可以响应用户对头部或尾部的双击操作，快速到达列表的头部与尾部，方便长列表的切换。对于各种长列表的场景，均可使用类似3D透视的效果，让用户操作更加方便、快捷。

另外，对于2D效果与3D效果的过渡区域，可以使用渐变过渡效果，减少折线的现象。

需要说明的是，本发明实施例可以不限定步骤202和步骤203的执行顺序。即本发明实施例可以先执行步骤202，后执行步骤203；也可以先执行步骤203，后执行步骤202；还可以同时执行步骤202和步骤203。可以理解，上述图2是以先执行步骤202后执行步骤203为例示意的。

本发明实施例提供的图片显示方法收用户在目标图片中的第一图像区域上的第一输入，该目标图片的长度与宽度的比值大于预设值；并响应于该第一输入，在第一屏幕区域显示放大后的第一图像，并在第二屏幕区域显示压缩后的第二图像；其中，该第一图像为目标图片中与第一输入对应的第一图像区域的图像，该第二图像为目标图片中除第一图像区域之外的第二图像区域的图像，第一屏幕区域和第二屏幕区域为电子设备的屏幕中的不同区域。本发明实施例提供的图片显示方法应用于显示长宽差异较大的目标图片的场景下，一方面，目标图片中与第一输入对应的第一图像区域的图像(即用户关注区域的图像)可以被放大显示，从而用户可以更清楚地查看关注区域图像的细节；另一方面，目标图片中除第一图像区域之外的图像(即用户非关注区域的图像)可以被压缩显示；即，电子设备既可以放大显示关注区域图像的细节，也可以压缩显示非关注区域的图像，从而可以在有限大小的屏幕上显示目标图片的完整图像，从而可以提升电子设备显示图片的效果。如此，用户既可以像浏览普通图片一样查看图片的细节，又能够有“大局感”看到整张长图的样貌，避免了“只见树木不见森林”的问题，从而可以提升用户查看长图的体验感。

可选的，本发明实施例中，在上述的步骤203之后，本发明实施例提供的图片显示方法还可以包括下述的步骤204和步骤205。

步骤204、电子设备接收用户对第二图像的第二输入。

步骤205、电子设备响应于第二输入，显示放大后的第二图像，并显示压缩后的第一图像。

本发明实施例中，如图6所示，若用户双击(第三输入)上端的梯形区域，则电子设备可以通过动画，迅速将图片向下移动到底，显示目标图片的顶部区域，方便用户快速切换到目标图片的顶部区域浏览。同样的，若用户双击下端的梯形区域，则电子设备显示目标图片的底部区域，方便用户快速切换到目标图片的顶部区域浏览。如此，可以以全局的方式显示目标图片，更有大局感，并且可以响应用户对图片中头部或尾部的双击操作，可以快速到达长图的头部或尾部，方便长图不同区域的切换显示。

通过该方案，既可以像浏览普通图片一样查看图片的细节，又能够有“大局感”看到整张长图的样貌，避免了“只见树木不见森林”的问题。并且，通过上下区域的不同点击效果，可以快速实现图片的上下部位查看。

可选的，本发明实施例中，在上述的步骤202之后，本发明实施例提供的图片显示方法还可以包括下述的步骤206-步骤209。

步骤206、电子设备接收用户对第一图像的第三输入。

步骤207、电子设备响应于第三输入，以全屏的方式显示第一图像。

步骤208、电子设备接收用户的第四输入。

其中，该第四输入为用户在屏幕上沿目标图片的长度所在方向的滑动输入。

步骤209、电子设备响应于第四输入，以全屏的方式显示第三图像。

其中，该第三图像为目标图片中与第四输入对应的区域的图像。

本发明实施例中，若用户双击(即第三输入)图片中间2D显示区域(如图5所示)，则恢复到传统的放大图片显示(如图4中的(b)所示)，可以兼顾传统的用户使用习惯。若用户在图片上继续向下滑动输入或向上滑动输入(即第四输入)，则电子设备以全屏的方式显示与滑动输入对应区域的图像。

如此，用户可以根据实际使用需求，自由切换目标图像在屏幕上的显示形式，从而可以方便用户操作。

进一步可选的，在上述的步骤209之后，本发明实施例提供的图片显示方法还可以包括下述的步骤210-步骤212。

步骤210、电子设备接收用户对第三图像的第五输入。

步骤211、电子设备响应于第五输入，根据目标图片的尺寸和屏幕的尺寸，确定第二压缩参数，并按照第二压缩参数，压缩目标图片。

步骤212、电子设备显示压缩后的目标图片。

本发明实施例中，若用户再次双击中间2D显示区域，则电子设备可以恢复到小图界面(如图4中的(a)所示)。

如此，用户可以根据实际使用需求，自由切换目标图像在屏幕上的显示形式，从而可以方便用户操作。

如图8所示，本发明实施例提供一种电子设备700，该电子设备700可以包括接收模块701和显示模块702。接收模块701用于接收用户在目标图片中的第一图像区域上的第一输入，该目标图片的长度与宽度的比值大于预设值。显示模块702用于响应于接收模块701接收的该第一输入，在第一屏幕区域显示放大后的第一图像，并在第二屏幕区域显示压缩后的第二图像。其中，该第一图像为目标图片中与第一输入对应的第一图像区域的图像，该第二图像为目标图片中除第一图像区域之外的第二图像区域的图像，第一屏幕区域和第二屏幕区域为电子设备的屏幕中的不同区域。

可选的，本发明实施例中，接收模块701还用于在显示模块702在第二屏幕区域显示压缩后的第二图像之后，接收用户对该第二图像的第二输入；

显示模块702，还用于响应于接收模块701接收的该第二输入，显示放大后的该第二图像，并显示压缩后的第一图像。

可选的，本发明实施例中，显示模块702具体用于根据第二屏幕区域的尺寸和第二图像区域的尺寸，确定第一压缩参数；并按照该第一压缩参数，将该第二图像沿目标图片的长度所在方向进行压缩，得到压缩后的第二图像；且在该第二屏幕区域显示该压缩后的第二图像。

可选的，本发明实施例中，压缩后的第二图像的第一边的长度小于压缩后的第二图像的第二边的长度，该第一边为压缩后的第二图像的与第一图像远离的边，该第二边为压缩后的第二图像的与第一图像相邻的边。

可选的，本发明实施例中，上述第二屏幕区域包括第一子屏幕区域和第二子屏幕区域，上述第一屏幕区域位于该第一子屏幕区域和第二子屏幕区域之间；上述第二图像包括第一子图像和第二子图像，该第一子图像所在区域和该第二子图像所在区域分别位于目标图片的沿目标图片的长度所在方向的两端。在此情况下，显示模块702具体用于在该第一子屏幕区域显示压缩后的第一子图像，并在该第二子屏幕区域显示压缩后的第二子图像。

可选的，本发明实施例中，显示模块702具体用于根据第一屏幕区域的尺寸和第一图像区域的尺寸，确定第一放大参数；并按照该第一放大参数，放大第一图像，得到放大后的第一图像；且在第一屏幕区域显示该放大后的第一图像。

可选的，本发明实施例中，接收模块701还用于在显示模块702在第一屏幕区域显示放大后的第一图像之后，接收用户对该第一图像的第三输入；

显示模块702，还用于响应于接收模块701接收的第三输入，以全屏的方式显示该第一图像；

接收模块701，还用于接收用户的第四输入，该第四输入为在屏幕上沿目标图片的长度所在方向的滑动输入；

显示模块702，还用于响应于接收模块701接收的第四输入，以全屏的饭食显示第三图像，该第三图像为目标图片中与该第四输入对应的区域的图像。

可选的，本发明实施例中，结合图8，如图9所示，本发明实施例提供的电子设备还包括处理模块703；

接收模块701，还用于在显示模块702以全屏的方式显示第三图像之后，接收用户对该第三图像的第五输入；

处理模块703，用于响应于接收模块701接收的第五输入，根据目标图片的尺寸和屏幕的尺寸，确定第二压缩参数；并按照该第二压缩参数，压缩该目标图片；

显示模块702，还用于显示处理模块703处理得到的压缩后的目标图片。

本发明实施例提供的电子设备能够实现上述方法实施例中电子设备实现的各个过程，为避免重复，这里不再赘述。

本发明实施例提供的电子设备，接收用户在目标图片中的第一图像区域上的第一输入，该目标图片的长度与宽度的比值大于预设值；并响应于该第一输入，在第一屏幕区域显示放大后的第一图像，并在第二屏幕区域显示压缩后的第二图像；其中，该第一图像为目标图片中与第一输入对应的第一图像区域的图像，该第二图像为目标图片中除第一图像区域之外的第二图像区域的图像，第一屏幕区域和第二屏幕区域为电子设备的屏幕中的不同区域。本发明实施例提供的图片显示方法应用于显示长宽差异较大的目标图片的场景下，一方面，目标图片中与第一输入对应的第一图像区域的图像(即用户关注区域的图像)可以被放大显示，从而用户可以更清楚地查看关注区域图像的细节；另一方面，目标图片中除第一图像区域之外的图像(即用户非关注区域的图像)可以被压缩显示；即，电子设备既可以放大显示关注区域图像的细节，也可以压缩显示非关注区域的图像，从而可以在有限大小的屏幕上显示目标图片的完整图像，从而可以提升电子设备显示图片的效果。如此，用户既可以像浏览普通图片一样查看图片的细节，又能够有“大局感”看到整张长图的样貌，避免了“只见树木不见森林”的问题，从而可以提升用户查看长图的体验感。

图10为实现本发明各个实施例的一种电子设备的硬件结构示意图。如图10所示，该电子设备800包括但不限于：射频单元801、网络模块802、音频输出单元803、输入单元804、传感器805、显示单元806、用户输入单元807、接口单元808、存储器809、处理器810、以及电源811等部件。本领域技术人员可以理解，图10中示出的电子设备结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。在本发明实施例中，电子设备包括但不限于手机、平板电脑、笔记本电脑、掌上电脑、车载终端、可穿戴设备、以及计步器等。

其中，用户输入单元807，用于接收用户在目标图片中的第一图像区域上的第一输入，该目标图片的长度与宽度的比值大于预设值；显示单元806，用于用户输入单元807接收的第一输入，在第一屏幕区域显示放大后的第一图像，并在第二屏幕区域显示压缩后的第二图像；其中，该第一图像为目标图片中与第一输入对应的第一图像区域的图像，该第二图像为目标图片中除第一图像区域之外的第二图像区域的图像，第一屏幕区域和第二屏幕区域为电子设备的屏幕中的不同区域。

本发明实施例提供一种电子设备，该电子设备应用于显示长宽差异较大的目标图片的场景下，一方面，目标图片中与第一输入对应的第一图像区域的图像(即用户关注区域的图像)可以被放大显示，从而用户可以更清楚地查看关注区域图像的细节；另一方面，目标图片中除第一图像区域之外的图像(即用户非关注区域的图像)可以被压缩显示；即，电子设备既可以放大显示关注区域图像的细节，也可以压缩显示非关注区域的图像，从而可以在有限大小的屏幕上显示目标图片的完整图像，从而可以提升电子设备显示图片的效果。如此，用户既可以像浏览普通图片一样查看图片的细节，又能够有“大局感”看到整张长图的样貌，避免了“只见树木不见森林”的问题，从而可以提升用户查看长图的体验感。

应理解的是，本发明实施例中，射频单元801可用于收发信息或通话过程中，信号的接收和发送，具体的，将来自基站的下行数据接收后，给处理器810处理；另外，将上行的数据发送给基站。通常，射频单元801包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等。此外，射频单元801还可以通过无线通信系统与网络和其他设备通信。

电子设备800通过网络模块802为用户提供了无线的宽带互联网访问，如帮助用户收发电子邮件、浏览网页和访问流式媒体等。

音频输出单元803可以将射频单元801或网络模块802接收的或者在存储器809中存储的音频数据转换成音频信号并且输出为声音。而且，音频输出单元803还可以提供与电子设备800执行的特定功能相关的音频输出(例如，呼叫信号接收声音、消息接收声音等等)。音频输出单元803包括扬声器、蜂鸣器以及受话器等。

输入单元804用于接收音频或视频信号。输入单元804可以包括图形处理器(graphics processing unit，GPU)8041和麦克风8042，图形处理器8041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。处理后的图像帧可以显示在显示单元806上。经图形处理器8041处理后的图像帧可以存储在存储器809(或其它存储介质)中或者经由射频单元801或网络模块802进行发送。麦克风8042可以接收声音，并且能够将这样的声音处理为音频数据。处理后的音频数据可以在电话通话模式的情况下转换为可经由射频单元801发送到移动通信基站的格式输出。

电子设备800还包括至少一种传感器805，比如光传感器、运动传感器以及其他传感器。具体地，光传感器包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板8061的亮度，接近传感器可在电子设备800移动到耳边时，关闭显示面板8061和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别电子设备姿态(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；传感器805还可以包括指纹传感器、压力传感器、虹膜传感器、分子传感器、陀螺仪、气压计、湿度计、温度计、红外线传感器等，在此不再赘述。

显示单元806用于显示由用户输入的信息或提供给用户的信息。显示单元806可包括显示面板8061，可以采用液晶显示器(liquid crystal display，LCD)、有机发光二极管(organic light-emitting diode，OLED)等形式来配置显示面板8061。

用户输入单元807可用于接收输入的数字或字符信息，以及产生与电子设备的用户设置以及功能控制有关的键信号输入。具体地，用户输入单元807包括触控面板8071以及其他输入设备8072。触控面板8071，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板8071上或在触控面板8071附近的操作)。触控面板8071可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器810，接收处理器810发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板8071。除了触控面板8071，用户输入单元807还可以包括其他输入设备8072。具体地，其他输入设备8072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆，在此不再赘述。

进一步的，触控面板8071可覆盖在显示面板8061上，当触控面板8071检测到在其上或附近的触摸操作后，传送给处理器810以确定触摸事件的类型，随后处理器810根据触摸事件的类型在显示面板8061上提供相应的视觉输出。虽然在图10中，触控面板8071与显示面板8061是作为两个独立的部件来实现电子设备的输入和输出功能，但是在某些实施例中，可以将触控面板8071与显示面板8061集成而实现电子设备的输入和输出功能，具体此处不做限定。

接口单元808为外部装置与电子设备800连接的接口。例如，外部装置可以包括有线或无线头戴式耳机端口、外部电源(或电池充电器)端口、有线或无线数据端口、存储卡端口、用于连接具有识别模块的装置的端口、音频输入/输出(I/O)端口、视频I/O端口、耳机端口等等。接口单元808可以用于接收来自外部装置的输入(例如，数据信息、电力等等)并且将接收到的输入传输到电子设备800内的一个或多个元件或者可以用于在电子设备800和外部装置之间传输数据。

存储器809可用于存储软件程序以及各种数据。存储器809可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器809可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

处理器810是电子设备的控制中心，利用各种接口和线路连接整个电子设备的各个部分，通过运行或执行存储在存储器809内的软件程序和/或模块，以及调用存储在存储器809内的数据，执行电子设备的各种功能和处理数据，从而对电子设备进行整体监控。处理器810可包括一个或多个处理单元；可选的，处理器810可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器810中。

电子设备800还可以包括给各个部件供电的电源811(比如电池)，可选的，电源811可以通过电源管理系统与处理器810逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

另外，电子设备800包括一些未示出的功能模块，在此不再赘述。

可选的，本发明实施例还提供一种电子设备，包括如图10所示的处理器810，存储器809，存储在存储器809上并可在处理器810上运行的计算机程序，该计算机程序被处理器810执行时实现上述图片显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

本发明实施例还提供一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现上述图片显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。其中，该计算机可读存储介质可以包括只读存储器(read-only memory，ROM)、随机存取存储器(random access memory，RAM)、磁碟或者光盘等。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台电子设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本申请各个实施例公开的方法。

上面结合附图对本申请的实施例进行了描述，但是本申请并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本申请的启示下，在不脱离本申请宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本申请的保护之内。

Claims (8)

1.一种图片显示方法，应用于电子设备，其特征在于，所述方法包括：

接收用户在目标图片中的第一图像区域上的第一输入，所述目标图片的长度与宽度的比值大于预设值；

响应于所述第一输入，根据第一屏幕区域的尺寸和所述第一图像区域的尺寸，确定第一放大参数，在第一屏幕区域显示按照所述第一放大参数放大后的第一图像；根据第二屏幕区域的尺寸和第二图像区域的尺寸，确定第一压缩参数，按照所述第一压缩参数，将所述第二图像沿所述目标图片的长度所在方向进行压缩，得到压缩后的第二图像，并在第二屏幕区域显示压缩后的第二图像；

其中，所述第一图像为所述目标图片中所述第一图像区域的图像，所述第二图像为所述目标图片中除所述第一图像区域之外的第二图像区域的图像，所述第一屏幕区域和所述第二屏幕区域为所述电子设备的屏幕中的不同区域；

所述压缩后的第二图像的第一边的长度小于所述压缩后的第二图像的第二边的长度，所述第一边为所述压缩后的第二图像的与所述第一图像远离的边，所述第二边为所述压缩后的第二图像的与所述第一图像相邻的边；

所述在第一屏幕区域显示放大后的第一图像之后，所述方法还包括：

接收用户对所述第一图像的第三输入；

响应于所述第三输入，以全屏的方式显示所述第一图像；

接收用户的第四输入，所述第四输入为在屏幕上沿所述目标图片的长度所在方向的滑动输入；

响应于所述第四输入，以全屏的方式显示第三图像，所述第三图像为所述目标图片中与所述第四输入对应的区域的图像；

所述以全屏的方式显示第三图像之后，所述方法还包括：

接收用户对所述第三图像的第五输入；

响应于所述第五输入，根据所述目标图片的尺寸和所述屏幕的尺寸，确定第二压缩参数，按照所述第二压缩参数，压缩所述目标图片，并显示压缩后的目标图片。

2.根据权利要求1所述的方法，其特征在于，所述在第二屏幕区域显示压缩后的第二图像之后，所述方法还包括：

接收用户对所述压缩后的第二图像的第二输入；

响应于所述第二输入，显示放大后的所述第二图像，并显示压缩后的所述第一图像。

3.根据权利要求1或2所述的方法，其特征在于，所述第二屏幕区域包括第一子屏幕区域和第二子屏幕区域，所述第一屏幕区域位于所述第一子屏幕区域和所述第二子屏幕区域之间；所述第二图像包括第一子图像和第二子图像，所述第一子图像所在区域和所述第二子图像所在区域分别位于所述目标图片的沿所述目标图片的长度所在方向的两端；

所述在第二屏幕区域显示压缩后的第二图像，包括：

在所述第一子屏幕区域显示压缩后的第一子图像，并在所述第二子屏幕区域显示压缩后的第二子图像。

4.一种电子设备，其特征在于，所述电子设备包括接收模块、显示模块和处理模块；

所述接收模块，用于接收用户在目标图片中的第一图像区域上的第一输入，所述目标图片的长度与宽度的比值大于预设值；

所述显示模块，用于响应于所述接收模块接收的所述第一输入，根据第一屏幕区域的尺寸和所述第一图像区域的尺寸，确定第一放大参数，在第一屏幕区域显示按照所述第一放大参数放大后的第一图像；根据第二屏幕区域的尺寸和第二图像区域的尺寸，确定第一压缩参数，按照所述第一压缩参数，将所述第二图像沿所述目标图片的长度所在方向进行压缩，得到压缩后的第二图像，并在第二屏幕区域显示压缩后的第二图像；

其中，所述第一图像为所述目标图片中所述第一图像区域的图像，所述第二图像为所述目标图片中除所述第一图像区域之外的第二图像区域的图像，所述第一屏幕区域和所述第二屏幕区域为所述电子设备的屏幕中的不同区域；

所述压缩后的第二图像的第一边的长度小于所述压缩后的第二图像的第二边的长度，所述第一边为所述压缩后的第二图像的与所述第一图像远离的边，所述第二边为所述压缩后的第二图像的与所述第一图像相邻的边；

所述接收模块，还用于在所述显示模块在第一屏幕区域显示放大后的第一图像之后，接收用户对所述第一图像的第三输入；

所述显示模块，还用于响应于所述接收模块接收的所述第三输入，以全屏的方式显示所述第一图像；

所述接收模块，还用于接收用户的第四输入，所述第四输入为在屏幕上沿所述目标图片的长度所在方向的滑动输入；

所述显示模块，还用于响应于所述接收模块接收的所述第四输入，以全屏的方式显示第三图像，所述第三图像为所述目标图片中与所述第四输入对应的区域的图像；

所述接收模块，还用于在所述显示模块以全屏的方式显示第三图像之后，接收用户对所述第三图像的第五输入；

所述处理模块，用于响应于所述接收模块接收的所述第五输入，根据所述目标图片的尺寸和所述屏幕的尺寸，确定第二压缩参数；并按照所述第二压缩参数，压缩所述目标图片；

所述显示模块，还用于显示所述处理模块处理得到的压缩后的目标图片。

5.根据权利要求4所述的电子设备，其特征在于，所述接收模块，还用于在所述显示模块在第二屏幕区域显示压缩后的第二图像之后，接收用户对所述压缩后的第二图像的第二输入；

所述显示模块，还用于响应于所述接收模块接收的所述第二输入，显示放大后的所述第二图像，并显示压缩后的所述第一图像。

6.根据权利要求4或5所述的电子设备，其特征在于，所述第二屏幕区域包括第一子屏幕区域和第二子屏幕区域，所述第一屏幕区域位于所述第一子屏幕区域和所述第二子屏幕区域之间；所述第二图像包括第一子图像和第二子图像，所述第一子图像所在区域和所述第二子图像所在区域分别位于所述目标图片的沿所述目标图片的长度所在方向的两端；

所述显示模块，具体用于在所述第一子屏幕区域显示压缩后的第一子图像，并在所述第二子屏幕区域显示压缩后的第二子图像。

7.一种电子设备，其特征在于，所述电子设备包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1至3中任一项所述的图片显示方法的步骤。

8.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如权利要求1至3中任一项所述的图片显示方法的步骤。

Images