CN111176526B - 图片显示方法和电子设备 - Google Patents

Abstract

本发明实施例公开一种图片显示方法和电子设备。该方法应用于电子设备，该电子设备包括第一屏幕和第二屏幕，该方法包括：获取第一图片在第一方向上的第一尺寸和第一图片在第二方向上的第二尺寸，第一方向与第二方向垂直；在第一尺寸大于第二尺寸，且第一尺寸与第二尺寸的比值大于预设阈值的情况下，沿第二方向拆分第一图片，得到N个第一子图片；将N个第一子图片在第二方向上拼接，得到拼接后的图片；按照缩放系数对拼接后的图片进行缩放，得到第二图片；在第一屏幕上显示沿第一方向排布的N个第一子图片，且在第二屏幕上显示第二图片。实施上述方案，能够在显示图片中的细节信息的同时，提高对图片中的信息显示的全面性。

Description

图片显示方法和电子设备

技术领域

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

背景技术

随着互联网技术的飞速发展，电子设备已经成为人们日常的一种必需品。在日常的工作和生活中，电子设备给用户带来了非常大的便利。现在人们对电子设备的使用率越来越高。电子设备中保存了大量的图片，记录了大量美好的风景，以及其他重要信息。

若图片的宽度与高度的比例或者图片的高度与宽度的比例大于预设阈值，则该图片可以称为比例异常的图片。例如，全景图片或者长截屏图片等比例异常的图片。在用户利用电子设备查看图片的场景下，对于比例异常的图片，如果短边铺满显示区，则长边超出显示区，图片信息显示不全；如果长边铺满屏，则无法显示图片的细节。

发明内容

本发明实施例提供一种图片显示方法和电子设备，能够解决比例异常的图片的细节性显示和全面性显示不能同时兼容的问题。

为了解决上述技术问题，本发明实施例是这样实现的：

第一方面，提供一种图片显示方法，应用于电子设备，电子设备包括第一屏幕和第二屏幕，该方法包括：

获取第一图片在第一方向上的第一尺寸和第一图片在第二方向上的第二尺寸，第一方向与第二方向垂直；

在第一尺寸大于第二尺寸，且第一尺寸与第二尺寸的比值大于预设阈值的情况下，沿第二方向拆分第一图片，得到N个第一子图片，N个第一子图片中的每个第一子图片在第一方向上的尺寸小于第一尺寸，N为大于1的整数；

将N个第一子图片在第二方向上拼接，得到拼接后的图片；

按照缩放系数对拼接后的图片进行缩放，得到第二图片，缩放系数是基于第二屏幕的显示区域尺寸和N个第一子图片的尺寸信息得到的系数；

在第一屏幕上显示沿第一方向排布的N个第一子图片，且在第二屏幕上显示第二图片。

第二方面，本发明实施例提供一种电子设备，该设备包括第一屏幕和第二屏幕，该电子设备还包括：

尺寸获取模块，用于获取第一图片在第一方向上的第一尺寸和第一图片在第二方向上的第二尺寸，第一方向与第二方向垂直；

拆分模块，用于在第一尺寸大于第二尺寸，且第一尺寸与第二尺寸的比值大于预设阈值的情况下，沿第二方向拆分第一图片，得到N个第一子图片，N个第一子图片中的每个第一子图片在第一方向上的尺寸小于第一尺寸，N为大于1的整数；

拼接模块，用于将N个第一子图片在第二方向上拼接，得到拼接后的图片；

缩放模块，用于按照缩放系数对拼接后的图片进行缩放，得到第二图片，缩放系数是基于第二屏幕的显示区域尺寸和N个第一子图片的尺寸信息得到的系数；

显示模块，用于在第一屏幕上显示沿第一方向排布的N个第一子图片，且在第二屏幕上显示第二图片。

第三方面，本发明实施例提供一种电子设备，电子设备包括：处理器以及存储有计算机程序指令的存储器；

处理器执行计算机程序指令时实现如上第一方面所述的图片显示方法。

第四方面，本发明实施例提供一种计算机存储介质，计算机存储介质上存储有计算机程序指令，计算机程序指令被处理器执行时实现如上第一方面所述的图片显示方法。

在本发明的实施例中，若第一图片在第一方向的第一尺寸和在第二方向的第二尺寸的比值大于预设阈值，且第一尺寸大于第二尺寸，则沿第二方向拆分第一图片得到N个第一子图片，并在第一屏幕上显示沿第一方向上排布的N个第一子图片，可以提高对第一图片中的信息显示的全面性。通过在第二屏幕上显示N个第一子图片在第二方向上拼接后的图片进行缩放之后的第二图片，可以更多地显示第一图片中的细节信息。通过利用电子设备的两个屏幕从不同的角度显示第一图片中的信息，实现在显示第一图片中的细节信息的同时，提高了对第一图片中的信息显示的全面性。

附图说明

从下面结合附图对本发明的具体实施方式的描述中可以更好地理解本发明其中，相同或相似的附图标记表示相同或相似的特征。

图1为本发明实施例提供的第一图片的长边铺满全屏的示意图；

图2为本发明实施例提供的图1中的第一图片的短边铺满全屏的示意图；

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

图4为本发明实施例提供的在第一屏幕显示N个第一子图片并在第二屏幕显示N个第二子图片的示意图；

图5为本发明实施例提供的目标区域的示意图；

图6为本发明实施例提供的第一控件和第二控件的示意图；

图7为本发明实施例提供的拖动第一控件后第一屏幕和第二屏幕的示意图；

图8为本发明实施例提供的放大后的目标第一子图片对应的第二子图片的示意图；

图9为本发明实施例提供的放大后的目标第二子图片和第五控件的示意图；

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

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

具体实施方式

下面将详细描述本发明的各个方面的特征和示例性实施例，为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细描述。应理解，此处所描述的具体实施例仅被配置为解释本发明，并不被配置为限定本发明。对于本领域技术人员来说，本发明可以在不需要这些具体细节中的一些细节的情况下实施。下面对实施例的描述仅仅是为了通过示出本发明的示例来提供对本发明更好的理解。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

图1中的第一图片是对表格截图得到的图片，该图片的长度大于宽度，即该图片的长度与宽度的比值大于预设阈值，则该图片为比例异常的图片。参见图1，在用户利用只包括一个屏幕的电子设备查看图1中的图片的场景下，如果将图1中第一图片的长边铺满全屏，则无法显示图片的细节。参见图2，如果将图1中第一图片的短边铺满显示区，则第一图片的长边超出显示区，图片信息显示不全。

基于此，本发明实施例提供一种图片显示方法和电子设备，实现在显示图片中的细节信息的同时，提高对图片中的信息显示的全面性。下面结合具体的附图和实施例进行详细介绍。

图3示出本发明实施例提供的图片显示方法的流程示意图。如图3所示，本发明实施例提供的图片显示方法，应用于电子设备，该电子设备包括第一屏幕和第二屏幕，该方法包括S310～S350。

S310，获取第一图片在第一方向上的第一尺寸和所述第一图片在第二方向上的第二尺寸。其中，第一方向与第二方向垂直。

作为一个示例，在用户通过电子设备查看图片的场景下，当电子设备接收到用户对第一图片的缩略图的选中输入的情况下，响应于该选中输入，则可以获取被选中的第一图片以及该第一图片的标识。例如，选中输入为点击输入、滑动输入、长按输入或预设的手势操作等输入。作为一个示例，通过电子设备上或其他设备上存储的图片标识与尺寸信息的对应关系，可以获取第一图片的尺寸信息，即第一图片的第一尺寸和第二尺寸。

作为一个示例，第一方向为图片高度方向和图片宽度方向中的一种，第二方向为图片高度方向和图片宽度方向中的另一种。例如，第一方向为第一图片的高度方向，第二方向为第一图片的宽度方向，则第一尺寸为第一图片的高度，第二尺寸为第一图片的宽度。

在一些实施例中，电子设备可以为具有折叠屏的设备，该折叠屏可折叠形成两个屏。图4示出处于展开状态的折叠屏，该折叠屏展开后形成第一屏幕和第二屏幕。

在一些示例中，参见图4，第一方向为第一图片的高度方向，第二方向为第一图片的宽度方向，即第一方向为与第一屏幕的长边平行的方向，第二方向为与第一屏幕的短边平行的方向。

S320，在第一尺寸大于第二尺寸，且第一尺寸与第二尺寸的比值大于预设阈值的情况下，沿第二方向拆分第一图片，得到N个第一子图片。

其中，N个第一子图片中的每个第一子图片在第一方向上的尺寸小于第一尺寸，N为大于1的整数。

在一些实施例中，N的数值可以是基于经验进行预先设置的数值。

作为一个示例，假设N＝3。由于图4中的第一图片为比例异常图片，且该图片的高度大于宽度，则沿第一图片的宽度方向(即第二方向)拆分第一图片，得到3个第一子图片，即第一子图片A1、第一子图片B1和第一子图片C1。其中，图4中的3个第一子图片中每个第一子图片的高度均小于第一图片的高度。

参见图4，每个第一子图片的底色不同。此处只是为了便于示意不同的第一子图片，因此用不同的底色加以区分。在第一屏幕上正常显示第一图片中沿第一方向排布的N个第一子图片即可。由于第一图片的高度远大于自身的宽度，因此第一屏幕上的3个第一子图片虽然可以尽可能全面的显示第一图片中的信息，但是却不能清楚地显示第一图片中的细节。

S330，将N个第一子图片在第二方向上拼接，得到拼接后的图片。

需要说明的是，为了更好地向用户体现第一图片的细节信息，在对N个第一子图片进行拼接时，N个第一子图片在第二方向上的排列顺序可以为N个第一子图片在第一图片中的原有排列顺序，即N个第一子图片沿第一方向的排列顺序。

参见图4，可以将第一子图片A1、第一子图片B1和第一子图片C1沿第一图片的宽度方向依次排列后进行拼接，得到拼接后的第二图片。

S340，按照缩放系数对拼接后的图片进行缩放，得到第二图片。

其中，缩放系数是基于第二屏幕的显示区域尺寸和N个第一子图片的尺寸信息得到的系数。

S350，在第一屏幕上显示沿第一方向排布的N个第一子图片，且在第二屏幕上显示第二图片。

继续参见图4，为了提高第一图片的细节性显示，可以先基于第二屏幕的显示区域尺寸和N个第一子图片的尺寸信息，确定拼接后的图片的等比例缩放系数，以实现在第二屏幕尽可能多地展示第一图片中的细节信息。然后将拼接后的图片按照上述缩放系数进行等比例缩放，得到第二图片。参见图4，通过在第二屏幕中显示第二图片，可以更多地显示第一图片中的细节信息。

在本发明的实施例中，通过在第一屏幕上显示沿第一方向上排布的N个第一子图片，可以提高对第一图片中的信息显示的全面性。通过在第二屏幕上显示第二图片，可以更多地显示第一图片中的细节信息。通过利用两个屏幕从不同的角度显示第一图片中的信息，实现在显示第一图片中的细节信息的同时，提高了对第一图片中的信息显示的全面性。

下面介绍一下缩放系数的具体计算过程。

作为一个示例，假设每个第一子图片的宽度均为W，每个第一子图片的高度均为H，则拼接后的图片的尺寸可以基于每个第一子图片的尺寸信息得到，即拼接后的图片的高度为H，拼接后的图片宽度为3W。然后基于第二屏幕的显示区域尺寸，以及拼接后的图片的高度和宽度，计算缩放系数。假设H＝300像素，W＝100像素。假设第二屏幕的高度为800像素，第二屏幕的宽度为500像素。然后以拼接后的图片宽高比例保持不变为限定条件，将拼接后的图片适配地显示在第二屏幕上，计算缩放系数。由于拼接后的图片的高度和宽度均为300像素，因此可以将拼接后的图片放大成宽度和高度均为500像素的图片显示在第二屏幕上。即缩放系数为500除以300，即1.67。

需要说明的是，一般将第二图片显示在第二屏幕的中心位置，也可以显示在其他位置，在此不做限定。

在一些实施例中，S320包括基于N的目标取值和第一尺寸，确定目标拆分位置；在目标拆分位置拆分第一图片，得到N个第一子图片。

在一个具体示例中，为了便于对拼接后的图片进行缩放，提高对图片处理的效率，可以根据目标取值和第一尺寸，确定第一图片在第一方向上的N等分位置；将等分位置作为目标拆分位置。

在本发明的一些实施例中，N的目标取值是基于第一图片的第一尺寸和第二尺寸确定的。也就是说，N的目标取值是基于第一图片的宽度和高度确定的。

作为一个示例，为了使第二图片的显示比例适配第二屏幕，且尽可能多地显示第一图片的细节，N的目标取值是基于第一尺寸、第二尺寸以及第二屏幕的显示区域尺寸，并以第二屏幕上除第二图片之外的空白区域的面积最小为限定条件确定的。第二屏幕的显示区域尺寸包括第二屏幕的高度和第二屏幕的宽度。

作为一个示例，当N取不同的值时，为了适配第二屏幕的显示比例，以及保持第二图片的宽高比与N个第一子图片拼接后的图片的宽高比相同，则不同的N的取值对应的第二图片在第二屏幕上的显示面积有所不同。为了尽可能多地显示第一图片中的细节信息，需要第二图片在第二屏幕上具有更大的显示面积，即第二屏幕上除第二图片之外的空白区域的面积最小。

作为一个具体示例，可以先计算出不同N的取值对应的第二屏幕上除第二图片之外的空白区域的面积，然后将最小空白区域面积对应的N的取值作为N的目标取值。

在用户查看第一图片的应用场景中，可以第二屏幕上除第二图片之外的空白区域的面积最小为限定条件，从而尽可能多地显示第一图片的细节信息。

在另一些应用场景中，即在确定第一图片对应的缩略图中的场景下，在S320之前，本发明实施例提供的图片显示方法还包括将第一图片中除目标区域之外的区域作为第三图片。其中，目标区域是以第二图片在第二方向上的尺寸和第二图片在第一方向上的尺寸相同为限定条件确定的区域。在此基础上，S320包括沿第二方向拆分第三图片，得到N个第一子图片。目前，对于异常比例的图片的缩略图，是从图片中扣取一小部分作为缩略图，信息较少，不利于用户查找图片。由于第二屏幕上显示的第二图片的应用是作为缩略图，因此需要以第二图片在第一方向上的尺寸和第二图片在第二方向上的尺寸相同为一个限定条件，即需要以第二图片的宽度和高度相同为限定条件。

为了满足第二图片可以作为缩略图使用的条件，则需要对第一图片进行裁剪。为了使缩略图中尽可能多地保留有第一图片中的信息，则在确定N的取值时，还需要以目标区域的面积最小为限定条件。

作为一个示例，N的目标取值是基于第一尺寸和第二尺寸，并以目标区域的面积最小为限定条件确定的。

作为一个示例，假设第一图片的高度为H，第一图片的宽度为W。若将第一图片平均拆分成N个第一子图片，并将N个第一子图片沿第二方向进行拼接，则可以得到拼接后的新图的高度为H/N，拼接后的新图的宽度为NW。若拼接后的新图的高度H/N大于宽度NW，则需要减小第一图片的高度，即沿第一图片的高度方向进行裁剪。相类似地，若拼接后的新图的高度H/N小于宽度NW，则需要减小第一图片的宽度，即沿第一图片的宽度方向进行裁剪。其中，被裁剪的区域即为目标区域。在一些实施例中，目标区域可以是第一图片两侧的区域。

当N的取值不同时，为了满足拼接后的图片的宽度和高度相同，因此第一图片被裁剪的区域大小不同，即N的取值不同，目标区域的面积也不同。为了尽可能地保留第一图片中的信息，需要以目标区域的面积最小为限定条件。

在一些实施例中，可以取多个不同的整数值作为N的取值，并计算N在每个整数值下分别对应的目标区域的面积，然后将最小目标区域的面积对应的整数值作为N的目标取值。

需要说明的是，当N的目标取值确定之后，第一图片中的目标区域和被裁剪的方向均已确定。基于N的目标取值和目标区域对第一图片进行裁剪，即可以得到第三图片。

作为一个示例，参见图5，目标区域为第一屏幕中显示的两个斜线阴影区域。在第一屏幕中显示的是第三图片被拆分后得到的N个第一子图片。当得到N个第一子图片之后，对N个第一子图片在第二方向上拼接，得到拼接后的图片。然后基于缩放系数对拼接后的图片进等比例缩放，得到宽度和高度相等的第二图片。

在一些实施例中，在第二图片用作缩略图的场景下，在S350之后还包括：接收用户的第一输入；响应于第一输入，在第一屏幕上显示第一图片中的目标区域。

作为一个示例，第一输入可以为点击输入、滑动输入或长按输入等输入。例如，第一输入为滑动输入，当电子设备接收到用户在第一屏幕上的预设区域内的沿预设方向的滑动输入之后，响应于该滑动输入，显示目标区域。

通过用户的滑动输入显示目标区域，可以使用户观看被裁剪区域，实现有选择性地了解第一图片的信息。

在一些实施例中，为了便于用户自定义第二图片中信息的显示方式，S350包括在第二屏幕上的N个显示区内分别显示第二图片中的N个第二子图片。

其中，一个第二子图片对应第一个第一子图片。对于任意一个第二子图片，该第二子图片是对与其对应的第一子图片按照上述缩放系数进行等比例缩放后的到的图片。需要说明的是，由于对拼接后的图片按照缩放系数进行缩放时，对每个第一子图片也是按照该缩放系数进行等比例缩放。因此，对于每个第二子图片，该第二子图片是基于缩放系数对其对应的第一子图片进行等比例缩放后得到的区域。

参见图4，第一子图片A1对应第二子图片A2，第一子图片B1对应第二子图片B2，第一子图片C1对应第二子图片C2。

当N的取值确定之后，则在第二屏幕上生成N个显示区，即N个显示小窗口。其中，每个显示区用于显示一个第二子图片。需要说明的是，对于每个显示区，该显示区的大小可以与其对应的第二子图片的大小相同。用户可以通过对显示区进行操作，以改变每个显示区内显示的内容。

在本发明的一些实施例中，为了提高用户对图片的查看效率，本发明实施例提供的图片显示方法还包括：接收用户对目标第一子图片的第二输入；响应于第二输入，在目标第一子图片上显示第一控件，并在与目标第一子图片对应的第二子图片所在的第一目标显示区，显示第二控件。

其中，第一控件用于提示目标第一子图片被选中，第二控件用于提示第一目标显示区的位置。

作为一个示例，第二输入可以为点击输入、滑动输入或长按输入等不同的输入。如图6所示，在第一屏幕中的第一子图片B1为目标第一子图片。在第一子图片B1的轮廓边缘显示的虚线框即为第一控件。在第二屏幕上的显示区二即为与第一子图片B1对应的第二子图片B2所在的第一目标显示区。在第二子图片B2对应的第二子图片的轮廓边缘显示的虚线框即为第二控件。

通过显示第一控件和第二控件可以提示用户目标第一子图片和与其对应的第二子图片的对应关系，方便用户在找到感兴趣的第一子图片之后，同时可以看到该第一子图片对应的细节信息，缩短了用户查找第一子图片对应的第二子图片的时间，提高了对第一图片的查看效率。

在本发明的实施例中，对于第一控件和第二控件的具体显示形式不做限定。第一控件和第二控件的显示方式也可以为实线框、带有颜色的区域等方式。在目标第一子图片内也可以显示第一控件。本发明实施例对于第一控件的显示位置也不做限定。相类似地，对于第二控件的显示位置也不做限定。

需要说明的是，每个第一子图片的第一控件和该第一子图片对应的第二子图片所在的显示区中的第二控件相关联。也就是说，第一控件所选中的内容，将会在该第一控件关联的第二控件所对应的显示区内显示。

在本发明的一些实施例中，为了便于用户自定义每个显示区内显示的内容，图片显示方法还包括：接收用户对第一控件的第三输入；响应于第三输入，对于每个显示区，将该显示区内显示的与第三输入关联且与第一相邻显示区相邻的邻接区域，移动至第一相邻显示区内进行显示，第一相邻显示区为与该显示区相邻且与第三输入相对应的显示区。

作为一个示例，第三输入可以为沿预设方向的拖动输入。参见图7，若用户对第一控件进行沿第一方向的拖动输入，则第一控件选中的内容发生了变化。也就是说，包括7和54的行区域被移除了第一控件的选中范围，包括14和59的行区域被加入了第一控件的选中范围。

其中，需要说明的是，若对第一控件的拖动输入沿图6中的第一方向，即向下滑动，对于任一显示区，该显示区的第一相邻显示区为与该显示区的顶部区域具有关联区域的显示区。值得一提的是，若显示区的顶部区域没有关联的显示区，即该显示区的顶部区域为第一图片的顶部区域，则该显示区的第一相邻显示区为第一图片的尾部区域所在的显示区。

若对第一控件的拖动输入沿第一方向的相反方向，即向上滑动，对于任一显示区，该显示区的第一相邻显示区为与该显示区的尾部区域具有关联区域的显示区。值得一提的是，若显示区的尾部区域没有关联的显示区，即该显示区的尾部区域为第一图片的尾部区域，则该显示区的第一相邻显示区为第一图片的顶部区域所在的显示区。

参见图6，需要说明的是，显示区一、显示区二和显示区三即为图6中的与该显示区对应的第二子图片所在的区域。

参见图7，对于显示区一，该显示区一的第一相邻显示区为显示区三，且显示区一中显示的与第三输入关联的与显示区三相邻的邻接区域为包括“序号”和“成绩”的行区域。参见图6和参见图7，包括“序号”和“成绩”的行区域从显示区一被移动至显示区三内进行显示。

参见图7，对于显示区二，该显示区二的第一相邻显示区为显示区一，且显示区二中显示的与第三输入关联的与显示区一相邻的邻接区域为包括“7”和“54”的行区域。参见图6和图7，包括“7”和“54”的行区域从显示区二被移动至显示区一内进行显示。

参见图7，对于显示区三，该显示区三的第一相邻显示区为显示区二，且显示区三中显示的与第三输入关联的与显示区三相邻的邻接区域为包括“14”和“59”的行区域。参见图6和参见图7，包括“14”和“59”的行区域从显示区三被移动至显示区二内进行显示。也就是说，显示区一中的顶部的信息被拼接到显示区三的尾部，相当于可以循环显示。

也就是说，当N的目标取值确定之后，第二屏幕中N个显示区的位置不变。但随着用户对与每个第一子图片关联的第一控件的第三输入，则可以更改N个显示区中每个显示区的显示内容，从而实现对显示区中显示的内容进行自定义。这样可以使用户调整对第一图片的拆分位置，以使第一图片中的关键部分不被拆分。

在一些场景下，假设有一张人脸被拆分到了两个第一子图片内，则用户可以通过控制第一子图片的第一控件，使该人脸在同一个第二子图片内显示，方便了用户对图片的查看。

在一些实施例中，为了更便于用户查看第一图片的细节信息，图片显示方法还包括：接收用户对目标第一子图片的第四输入；响应于第四输入，在第二屏幕上显示放大后的与目标第一子图片对应的第二子图片。

在一些示例中，第四输入可以为双击输入、长按输入等不同的输入。参见图8，当用户双击第一子图片B1(即目标第一子图片)之后，在第二屏幕上显示了放大后的与第一子图片B1对应的第二子图片B2。

在本发明的一些实施例中，图片显示方法还包括：接收用户对目标第二子图片的第五输入；响应于第五输入，在目标第二子图片所在的第二目标显示区显示第三控件，并在与目标第二子图片对应的第一子图片上显示第四控件。其中，第三控件用于提示第二目标显示区的位置，第三控件还用于提示用户目标第二子图片被选中。第四控件用于提示目标第二子图片对应的第一子图片在第一图片中的位置。

作为一个示例，第四输入可以为点击输入、滑动输入或长按输入等不同的输入。例如，当用户点击目标第二子图片时，可以在该目标第二子图片所在的第二目标显示区的轮廓边缘显示虚线框，即第三控件，以提示用户第二目标显示区的位置以及提示用户目标第二子图片被选中。在显示第三控件的同时，在与目标第二子图片对应的第一子图片上显示与第三控件关联的第四控件。其中，第四控件可以显示在与目标第二子图片对应的第一子图片的轮廓边缘。对于第三控件和第四控件的显示形式和显示位置，本发明实施例不做限定。

通过显示第三控件和第四控件可以提示用户目标第二子图片和与其对应的第一子图片的对应关系，方便用户在查看第二子图片中细节信息的同时，也能同时掌握第二子图片中的信息在第一图片中的位置，缩短了用户查找第二子图片对应的第一子图片的时间，提高了对第一图片的查看效率。

在本发明的一些实施例中，为了更便于用户查看第一图片的细节信息，图片显示方法还包括：接收用户对目标第二子图片的第六输入；响应于第六输入，在第二屏幕上显示放大后的目标第二子图片，并在与目标第二子图片对应的第一子图片显示第五控件。

其中，第五控件用于提示目标第二子图片对应的第一子图片在第一图片中的位置。

在一些示例中，第六输入可以为双击输入、长按输入等不同的输入。参见图9，当用户双击第二子图片B2(即目标第二子图片)之后，在第二屏幕上显示了放大后的第二子图片B2，并且在与第二子图片B2对应的第一子图片B1的轮廓边缘显示了虚线框(即第五控件)。与第二控件相类似，第五控件的显示位置和显示方式不做具体限定。

在本发明的一些实施例中，为了便于用户自定义每个显示区内显示的内容，图片显示方法还包括：接收用户对第二图片的第七输入；响应于第七输入，对于每一个显示区，将显示区内显示的第二子图片中与第七输入关联且与第二相邻显示区相邻的邻接区域，移动至第二相邻显示区进行显示；其中，第二相邻显示区为与显示区相邻且与第七输入对应的显示区。

作为一个示例，第七输入可以为沿预设方向的滑动输入。需要说明的是，若在第二图片内滑动输入沿第一方向，即向下滑动，对于任一显示区，该显示区的第二相邻显示区为与该显示区的尾部区域具有关联区域的显示区。值得一提的是，若显示区的尾部区域没有关联的显示区，即该显示区的尾部区域为第一图片的尾部区域，则该显示区的第二相邻显示区为第一图片的顶部区域所在的显示区。

若在第二图片内滑动输入沿第一方向的相反方向，即向上滑动，对于任一显示区，该显示的第二相邻显示区为与该显示区的顶部区域具有关联区域的显示区。值得一提的是，若显示区的顶部区域没有关联的显示区，即该显示区的顶部区域为第一图片的顶部区域，则该显示区的第二相邻显示区为第一图片的尾部区域所在的显示区。

对于每个显示区内与第七输入关联的邻接区域，可以根据滑动输入的滑动方向和滑动时长确定。例如可以根据预先设置的滑动时长与移动像素数目的对应关系，得出第七输入对应的移动像素数目，从而确定邻接区域。

参见图7，第七输入为用户在第二子图片中的沿与第一方向的相反方向的滑动输入，即向上滑动，该滑动输入对应的移动像素数目为一行表格对应的像素数目。

参见图7，对于显示区一，该显示区一的第二相邻显示区为显示区三。显示区一中显示的与第七输入关联的与显示区三相邻的邻接区域为包括“序号”和“成绩”的行区域。参见图7，包括“序号”和“成绩”的行区域从显示区一被移动至显示区三内进行显示。

参见图7，对于显示区二，该显示区二的第二相邻显示区为显示区一，且显示区二中显示的与第三输入关联的与显示区一相邻的邻接区域为包括“7”和“54”的行区域。参见图7，包括“7”和“54”的行区域从显示区二被移动至显示区一内进行显示。

参见图7，对于显示区三，该显示区三的第二相邻显示区为显示区二，且显示区三中显示的与第三输入关联的与显示区三相邻的邻接区域为包括“14”和“59”的行区域。参见图7，包括“14”和“59”的行区域从显示区三被移动至显示区二内进行显示。

需要说明的是，在第二图片可以作为缩略图的应用场景下，用户可以保存重新排布后的宽度和高度相同的第二图片，作为第一图片的缩略图。

当电子设备的折叠屏处于弯折状态时，还可以根据弯折角度调整N的目标取值。例如可以根据预先设置的弯折角度和数目的对应关系，以及电子设备的折叠屏的当前弯折角度，确定N的目标取值。

图10示出了根据本发明一实施例提供的电子设备的结构示意图。如图10所示，电子设备1000包括：

尺寸获取模块1010，用于获取第一图片在第一方向上的第一尺寸和第一图片在第二方向上的第二尺寸，第一方向与第二方向垂直。

拆分模块1020，用于在第一尺寸大于第二尺寸，且第一尺寸与第二尺寸的比值大于预设阈值的情况下，沿第二方向拆分第一图片，得到N个第一子图片，N个第一子图片中的每个第一子图片在第一方向上的尺寸小于第一尺寸，N为大于1的整数。

拼接模块1030，用于将N个第一子图片在第二方向上拼接，得到拼接后的图片。

缩放模块1040，用于按照缩放系数对拼接后的图片进行缩放，得到第二图片，缩放系数是基于第二屏幕的显示区域尺寸和N个第一子图片的尺寸信息得到的系数。

显示模块1050，用于在第一屏幕上显示沿第一方向排布的N个第一子图片，且在第二屏幕上显示第二图片。

在本发明的实施例中，通过在第一屏幕上显示沿第一方向上排布的N个第一子图片，可以提高对第一图片中的信息显示的全面性。通过在第二屏幕上显示第二图片，可以更多地显示第一图片中的细节信息。通过利用两个屏幕从不同的角度显示第一图片中的信息，实现在显示第一图片中的细节信息的同时，提高了对第一图片中的信息显示的全面性。

可选地，在本发明的一些实施例中，为了实现更精确地拆分以使第一图片的信息显示的全面性提高，N的目标取值是基于第一尺寸和第二尺寸确定的。

其中，拆分模块1020，包括：

拆分位置确定单元，用于基于目标取值和第一尺寸，确定目标拆分位置。

子图片确定模块，用于在目标拆分位置拆分第一图片，得到N个第一子图片。

可选地，在本发明的一些实施例中，为了便于对拼接后的图片进行整体缩放，拆分位置确定单元用于：

根据目标取值和第一尺寸，确定第一图片在第一方向上的N等分位置；

将等分位置作为目标拆分位置。

可选地，在本发明的一些实施例中，为了提高第一图片中信息显示的全面性，N的目标取值是基于第一尺寸、第二尺寸以及第二屏幕的显示区域尺寸，并以第二屏幕上除第二图片之外的空白区域的面积最小为限定条件确定的。

可选地，在本发明的一些实施例中，为了提高缩略图中的信息的全面性，电子设备1000还包括：

第三图片确定模块1001，用于将第一图片中除目标区域之外的区域作为第三图片。目标区域是以第二图片在第二方向上的尺寸和第二图片在第一方向上的尺寸相同为限定条件确定的区域。

其中，拆分模块1020用于：

沿第二方向拆分第三图片，得到N个第一子图片。

可选地，在本发明的一些实施例中，为了提高缩略图中的信息的全面性，N的目标取值是基于第一尺寸和第二尺寸，并以目标区域的面积最小为限定条件确定的。

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

图11为实现本发明各个实施例的一种电子设备的硬件结构示意图，该电子设备1100包括但不限于：射频单元1101、网络模块1102、音频输出单元1103、输入单元1104、传感器1105、显示单元1106、用户输入单元1107、接口单元1108、存储器1109、处理器1110、以及电源1111等部件。并且，电子设备1100包括第一屏幕和第二屏幕。本领域技术人员可以理解，图11中示出的电子设备结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。在本发明实施例中，电子设备包括但不限于手机、平板电脑、笔记本电脑、掌上电脑、车载终端、可穿戴设备、以及计步器等。

其中，处理器1110，用于获取第一图片在第一方向上的第一尺寸和第一图片在第二方向上的第二尺寸，第一方向与第二方向垂直；在第一尺寸大于第二尺寸，且第一尺寸与第二尺寸的比值大于预设阈值的情况下，沿第二方向拆分第一图片，得到N个第一子图片，N个第一子图片中的每个第一子图片在第一方向上的尺寸小于第一尺寸，N为大于1的整数；将N个第一子图片在第二方向上拼接，得到拼接后的图片；按照缩放系数对拼接后的图片进行缩放，得到第二图片，缩放系数是基于第二屏幕的显示区域尺寸和N个第一子图片的尺寸信息得到的系数；控制显示单元1106在第一屏幕上显示沿第一方向排布的N个第一子图片，且在第二屏幕上显示第二图片。

在本发明的实施例中，通过在第一屏幕上显示沿第一方向上排布的N个第一子图片，可以提高对第一图片中的信息显示的全面性。通过在第二屏幕上显示第二图片，可以更多地显示第一图片中的细节信息。通过利用两个屏幕从不同的角度显示第一图片中的信息，实现在显示第一图片中的细节信息的同时，提高了对第一图片中的信息显示的全面性。

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

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

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

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

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

显示单元1106用于显示由用户输入的信息或提供给用户的信息。显示单元1106可包括显示面板11061，可以采用液晶显示器(Liquid CrystalDisplay，LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板11061。

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

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

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

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

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

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

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

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

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

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

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

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

Claims (12)

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

获取第一图片在第一方向上的第一尺寸和所述第一图片在第二方向上的第二尺寸，所述第一方向与所述第二方向垂直；

在所述第一尺寸大于所述第二尺寸，且所述第一尺寸与所述第二尺寸的比值大于预设阈值的情况下，沿所述第二方向拆分所述第一图片，得到N个第一子图片，所述N个第一子图片中的每个第一子图片在所述第一方向上的尺寸小于所述第一尺寸，N为大于1的整数；

将所述N个第一子图片在所述第二方向上拼接，得到拼接后的图片；

按照缩放系数对所述拼接后的图片进行缩放，得到第二图片，所述缩放系数是基于所述第二屏幕的显示区域尺寸和所述N个第一子图片的尺寸信息得到的系数；

在所述第一屏幕上显示沿所述第一方向排布的所述N个第一子图片，且在所述第二屏幕上显示所述第二图片。

2.根据权利要求1所述的方法，其特征在于，所述N的目标取值是基于所述第一尺寸和所述第二尺寸确定的；

其中，所述沿所述第二方向拆分所述第一图片，得到N个第一子图片，包括：

基于所述目标取值和所述第一尺寸，确定目标拆分位置；

在所述目标拆分位置拆分所述第一图片，得到所述N个第一子图片。

3.根据权利要求2所述的方法，其特征在于，所述基于所述目标取值和所述第一尺寸，确定目标拆分位置，包括：

根据所述目标取值和所述第一尺寸，确定所述第一图片在所述第一方向上的N等分位置；

将所述等分位置作为所述目标拆分位置。

4.根据权利要求1所述的方法，其特征在于，所述N的目标取值是基于所述第一尺寸、所述第二尺寸以及所述第二屏幕的显示区域尺寸，并以所述第二屏幕上除所述第二图片之外的空白区域的面积最小为限定条件确定的。

5.根据权利要求1所述的方法，其特征在于，在所述沿所述第二方向拆分所述第一图片，得到N个第一子图片之前，所述方法还包括：

将所述第一图片中除目标区域之外的区域作为第三图片，所述目标区域是以所述第二图片在所述第二方向上的尺寸和所述第二图片在所述第一方向上的尺寸相同为限定条件确定的区域；

其中，所述沿所述第二方向拆分所述第一图片，得到N个第一子图片，包括：

沿所述第二方向拆分所述第三图片，得到N个第一子图片。

6.根据权利要求5所述的方法，其特征在于，所述N的目标取值是基于所述第一尺寸和所述第二尺寸，并以所述目标区域的面积最小为限定条件确定的。

7.一种电子设备，所述电子设备包括第一屏幕和第二屏幕，其特征在于，所述电子设备包括：

尺寸获取模块，用于获取第一图片在第一方向上的第一尺寸和所述第一图片在第二方向上的第二尺寸，所述第一方向与所述第二方向垂直；

拆分模块，用于在所述第一尺寸大于所述第二尺寸，且所述第一尺寸与所述第二尺寸的比值大于预设阈值的情况下，沿所述第二方向拆分所述第一图片，得到N个第一子图片，所述N个第一子图片中的每个第一子图片在所述第一方向上的尺寸小于所述第一尺寸，N为大于1的整数；

拼接模块，用于将所述N个第一子图片在所述第二方向上拼接，得到拼接后的图片；

缩放模块，用于按照缩放系数对所述拼接后的图片进行缩放，得到第二图片，所述缩放系数是基于所述第二屏幕的显示区域尺寸和所述N个第一子图片的尺寸信息得到的系数；

显示模块，用于在所述第一屏幕上显示沿所述第一方向排布的所述N个第一子图片，且在所述第二屏幕上显示所述第二图片。

8.根据权利要求7所述的电子设备，其特征在于，所述N的目标取值是基于所述第一尺寸和所述第二尺寸确定的；

其中，所述拆分模块，包括：

拆分位置确定单元，用于基于所述目标取值和所述第一尺寸，确定目标拆分位置；

子图片确定模块，用于在所述目标拆分位置拆分所述第一图片，得到所述N个第一子图片。

9.根据权利要求8所述的电子设备，其特征在于，所述拆分位置确定单元用于：

根据所述目标取值和所述第一尺寸，确定所述第一图片在所述第一方向上的N等分位置；

将所述等分位置作为所述目标拆分位置。

10.根据权利要求7所述的电子设备，其特征在于，所述N的目标取值是基于所述第一尺寸、所述第二尺寸以及所述第二屏幕的显示区域尺寸，并以所述第二屏幕上除所述第二图片之外的空白区域的面积最小为限定条件确定的。

11.根据权利要求7所述的电子设备，其特征在于，所述电子设备还包括：

第三图片确定模块，用于将所述第一图片中除目标区域之外的区域作为第三图片，所述目标区域是以所述第二图片在所述第二方向上的尺寸和所述第二图片在所述第一方向上的尺寸相同为限定条件确定的区域；

其中，所述拆分模块用于：

沿所述第二方向拆分所述第三图片，得到N个第一子图片。

12.根据权利要求11所述的电子设备，其特征在于，所述N的目标取值是基于所述第一尺寸和所述第二尺寸，并以所述目标区域的面积最小为限定条件确定的。

Images