CN112306335A - 图片的展示方法及装置 - Google Patents

Abstract

本发明公开了一种图片的展示方法及装置，涉及图片展示技术领域，主要目的在于在有限的界面区域中展示更多的图片，从而提高界面区域的利用率；主要技术方案包括：将至少两张图片叠加展示在应用软件的同一预设界面区域中；当所述移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，获取所述移动终端的倾斜角；基于所述预设第一方向对应的裁切轨迹，按获取的倾斜角对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。

Description

图片的展示方法及装置

技术领域

本发明涉及图片展示技术领域，特别是涉及一种图片的展示方法及装置。

背景技术

随着移动终端性能的提升和通信技术的发展，用户通过移动终端使用应用软件的频率及时长在不断增加，因此，应用软件成为信息投放者投放信息/内容的选择之一。发明人在对现有的通过应用软件进行信息/内容投放的方案进行研究的过程中发现，受限于移动终端的屏幕尺寸，应用软件可以用来投放信息/内容的界面区域是有限的，因此，如何在有限的界面区域，更高效地进行信息/内容投放成为亟需解决的问题。

发明内容

有鉴于此，本发明提出了一种图片的展示方法及装置，主要目的在于在有限的界面区域中展示更多的图片，从而提高界面区域的利用率。

第一方面，本发明提供了一种图片的展示方法，应用于移动终端，该方法包括：

将至少两张图片叠加展示在应用软件的同一预设界面区域中；

当所述移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，获取所述移动终端的倾斜角；

基于所述预设第一方向对应的裁切轨迹，按获取的倾斜角对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。

第二方面，本发明提供了一种图片的展示装置，应用于移动终端，该装置包括：

展示单元，用于将至少两张图片叠加展示在应用软件的同一预设界面区域中；

获取单元，用于当所述移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，获取所述移动终端的倾斜角；

裁切单元，用于基于所述预设第一方向对应的裁切轨迹，按获取的倾斜角对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。

第三方面，本发明提供了一种存储介质，所述存储介质存储有多条指令，所述指令适用于由处理器加载并执行如上述第一方面中所述的图片的展示方法。

第四方面，本发明提供了一种电子设备，所述电子设备包括：存储介质和处理器；

所述处理器，适于实现各指令；

所述存储介质，适于存储多条指令；

所述指令适于由所述处理器加载并执行如上述第一方面中所述的图片的展示方法。

第五方面，本发明提供了一种图片的展示方法，应用于移动终端，该方法包括：

将至少两张图片叠加展示在应用软件的同一预设界面区域中；

按预设的触控方式对应用软件的界面中展示的图片进行触控操作，响应于所述触控方式，以预设第一方向对应的裁切轨迹，对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。

第六方面，本发明提供了一种存储介质，所述存储介质存储有多条指令，所述指令适用于由处理器加载并执行如上述第五方面中所述的图片的展示方法。

借由上述技术方案，本发明提供的图片的展示方法及装置，为了使用户能够观看到一张以上的图片，同时将两张或多张图片叠加展示在应用软件的同一预设界面区域中。当移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，获取移动终端的倾斜角。然后基于预设第一方向对应的裁切轨迹，按获取的倾斜角对所展示图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片供用户观看。可见，本发明提供的方案中同一预设界面区域中可以叠加展示多张图片，且基于移动终端的倾斜角对用户当前可见的图片进行调整，以使用户能够观看到展示的多张图片。因此，本发明提供的方案可以在有限的界面区域中展示更多的图片，从而提高界面区域的利用率。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

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

图1示出了本发明一个实施例提供的一种图片的展示方法的流程图；

图2示出了本发明一个实施例提供的一种两张叠加展示的图片示意图；

图3示出了本发明一个实施例提供的一种移动终端倾斜状态示意图；

图4示出了本发明另一个实施例提供的一种移动终端倾斜状态示意图；

图5示出了本发明一个实施例提供的一种三张叠加展示的图片示意图；

图6示出了本发明一个实施例提供的三张叠加展示的图片示意图；

图7示出了本发明一个实施例提供的一种图片裁切状态示意图；

图8示出了本发明另一个实施例提供的一种图片裁切状态示意图；

图9示出了本发明又一个实施例提供的一种图片裁切状态示意图；

图10示出了本发明另一个实施例提供的一种图片的展示方法的流程图；

图11示出了本发明又一个实施例提供的一种移动终端倾斜状态示意图；

图12示出了本发明又一个实施例提供的一种移动终端倾斜状态示意图；

图13示出了本发明又一个实施例提供的一种移动终端倾斜状态示意图；

图14示出了本发明又一个实施例提供的一种移动终端倾斜状态示意图；

图15示出了本发明又一个实施例提供的一种图片的展示方法的流程图；

图16示出了本发明一个实施例提供的一种图片的展示装置结构示意图；

图17示出了本发明另一个实施例提供的一种图片的展示装置结构示意图；

图18示出了本发明又一个实施例提供的一种图片的展示装置结构示意图。

具体实施方式

下面将参照附图更加详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

本发明实施例提供了一种图片的展示方法，该方法应用于移动终端，如图1所示，该方法主要包括：

101、将至少两张图片叠加展示在应用软件的同一预设界面区域中。

在实际应用中，应用软件为部署在移动终端中的软件，其可以执行相应的操作。对于应用软件的具体类型本实施例中不作具体限定。可选的，应用软件可以为但不限于游戏应用软件、视频播放应用软件、音乐播放应用软件、文本阅读应用软件以及购物应用软件中的任意一种。界面区域中叠加展示图片的应用软件为移动终端中任一处于前台运行状态的应用软件。

本实施例中所涉及的界面区域的位置及尺寸可以基于业务要求确定，且界面区域的位置及尺寸的设置规则，至少存在如下两种：

第一种，界面区域的尺寸与移动终端的显示屏幕尺寸相同。两张或多张图片叠加展示在此界面区域中时，图片的大小也与移动终端的显示屏幕尺寸相同，图片充斥在整个显示屏幕中，用户观看图片的效果较佳。

第二种，界面区域的尺寸小于移动终端的显示屏幕尺寸，界面区域可以显示在应用软件的任一位置。示例性的，界面区域位于应用软件的中心区域，或，为了避免界面区域中的展示图片遮挡应用软件的中心区域，则界面区域位于应用软件的非中心区域。此种方式中，界面区域的尺寸小于移动终端的显示屏幕尺寸，那么在界面区域中展示图片时，图片也不能全部遮挡应用软件当前显示的内容，使得用户在观看图片的同时，还可观看到应用软件当前显示的内容。示例性的，如图2所示，界面区域设置在应用软件的中心区域，且界面区域的尺寸小于移动终端20“手机”的显示屏幕的尺寸。在图片21和图片22叠加展示在界面区域中时，用户仍可看到视频播放应用软件播放的视频。图片21和图片22叠加展示在界面区域中，图片21遮盖在图片22的上方。需要说明的是，在两张图片或多张图片叠加展示在界面区域，且移动终端未发生倾斜时，每一张图片可以完全遮盖与其相邻的下一张图片，或每一张图片部分遮盖与其相邻的下一张图片。图2中，图片21部分遮盖在图片22的上方。

在实际应用中，两张或多张图片叠加展示在应用软件的同一预设界面区域中时，位于下一层的图片的至少部分被与其相邻的上一层图片遮盖，只有位于最顶层的图片才不被任何图片遮盖，移动终端的用户可以直接观看到最顶层的图片。两张或多张图片叠层展示在应用软件的同一预设界面区域中的目的是，为了在有限的用户展示图片的界面区域中可以放置多张图片供用户观看，从而提高界面区域的利用率。

本实施例中所提及的叠加展示的两张或多张图片的形状或尺寸可以相同或不同。需要注意的是，在选取图片的形状和尺寸时，只要保证在图片叠加展示时，位于下一层的图片的至少部分能够被与其相邻的上一层图片遮盖即可。本实施例中对图片的形状不做具体限定，可选的，图片的形状可以包括但不限于正方形、长方形、三角形、梯形和不规则形中的任意一种。另外，叠加展示的两张或多张图片的类型可以相同或不同，本实施例中对图片的类型不作具体限定。示例性的，图片可以为带有透明度的图片。还有，叠加展示的两张或多张图片的内容可以相同或不同。示例性的，同时叠加展示的三张图片中，两张图片为车辆图片，一张图片为食物图片。

下面对图片的选取进行说明，叠加展示的两张或多张图片至少可以通过如下三种方法选取：

第一种，从预设的图片库中选取当前时间推广优先级位于前几位的图片作为叠加展示的图片。图片库中图片类型本实施例中不作具体限定。可选的，所述的图片库中的图片可以为用于展示商品信息/内容的图片，这些图片可以用于投放广告。需要说明的是，图片库中的各个图片的推广优先级会随着时间的变化发生变化，从而在保证重要的图片优先展示的基础上，又可以保证次要图片具有展示的机会。

第二种，统计用户使用移动终端或应用软件在设定时间段内浏览的内容，确定浏览的内容对应的产品类型，并统计每一种产品类型被浏览的次数。将预设图片库中与浏览次数位于前N位的产品类型对应的图片作为展示的图片，其中，N≥1，另外，浏览次数按照浏览次数由高到低进行排序。使用该种方法选择图片，可以更有针对性的为用户展示图片，提高图片展示效果。

第三种，选择同一信息投放者的图片作为叠加展示的图片。选取的多张图片可以对应于同一系列的产品，也可以对应于多个系列的产品。示例性的，多张图片为不同颜色的同款商品的图片。该种方法可以满足信息投放者展现商品对比图片的需求。

下面对两张或多张图片叠加展示在应用软件的同一预设界面区域中的展示时间点进行说明，叠加展示的两张或多张图片展示的展示时间点至少存在以下几种：

第一种，在当前时间点达到预设的展示时间点时，将两张或多张图片叠加展示在同一界面区域中。

第二种，当应用软件进入到预设的状态时，将两张或多张图片叠加展示在同一界面区域中。其中，预设的状态在本实施例中不做具体限定。可选的，预设的状态可以包括但不限于运行状态或暂停状态或预设时长内未被操作的状态。示例性的，视频播放应用软件暂停播放视频时，即认定该视频播放应用软件进入预设的状态。文本阅读应用软件在预设时长内未被被操作、长时间停留在同一个显示内容，即认定该文本阅读应用软件进入预设的状态。

第三种，以设定的频率，将两张或多张图片叠加展示在同一界面区域中。

需要说明的是，无论两张或多张图片叠加展示的展示时间点是上述三种中的哪一种，为了保证展示的是最新的图片，则图片均是在马上展示时选定的。

102、当所述移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，获取所述移动终端的倾斜角。

在实际应用中，移动终端用于部署和运行应用软件，该移动终端的具体类型可以根据业务要求确定，本实施例中不做具体限定。可选的，移动终端为带有显示屏幕的设备，示例性的，移动终端可以包括但不限于手机、平板电脑和智能手表。

在实际应用中，预设参考面可以根据业务要求选定。可选的，预设参考面为与移动终端的任一侧边平行的平面，或，预设参考面为与移动终端的任一内部零件平行的平面，或，预设参考面为与移动终端的显示屏平行的平面。示例性的，参考面为地面或桌面。

下面对预设的第一方向进行说明：第一方向可以基于具体业务要求预设，本实施例不作具体限定。可选的，第一方向至少存在以下两种预设原则：

第一种，将移动终端的第一侧(可选的，第一侧为移动终端的显示屏幕侧)，倾向参考面的方向，预设为第一方向。当移动终端以其平行于预设参考面的边为轴，移动终端的第一侧向参考面倾斜时，即为向第一方向倾斜。示例性的，如图3所示，当移动终端20以其平行于参考面的边A为轴，移动终端的显示屏幕侧沿轨迹a向参考面倾斜时，即为向第一方向倾斜。

第二种，将移动终端的第二侧(可选的，第二侧为移动终端中与显示屏幕侧相对的背板侧)，倾向参考面的方向，预设为第二方向。示例性的，如图4所示，当移动终端20以其平行于参考面的边A为轴，移动终端的背板在图中并未表示)沿轨迹b向参考面倾斜时，即为向第二方向倾斜。

在实际应用中，移动终端的倾斜角的大小随着移动终端向预设第一方向倾斜的幅度变化而变化。移动终端的倾斜角可以采用如下方法获取：利用移动终端内置的陀螺仪获取移动终端与预设参考面之间的倾斜角，该陀螺仪具有角度测量功能，该陀螺仪的具体型号可以基于具体的业务需求确定，本实施例中不作具体限定。

103、基于所述预设第一方向对应的裁切轨迹，按获取的倾斜角对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。

在实际应用中，基于预设第一方向对应的裁切轨迹，按获取的倾斜角对叠加展示的图片中用户当前可见的图片进行裁切的具体执行步骤可以为：依据预设的裁切位置与角度区间的对应关系，将包含倾斜角的角度区间对应的裁切位置确定为第一目标裁切位置。基于预设第一方向对应的裁切轨迹，按第一目标裁切位置对叠加展示的图片中用户当前可见的图片进行裁切。

需要说明的是，在对用户当前可见的图片进行裁切时，如果用户当前可见的图片为叠加展示的图片中位于最下层的图片，则为了增加用户观看图片的时间，则对该最下层图片不再进行裁切。

具体的，裁切轨迹的形状和走向可以根据业务要求确定，本实施例不做具体限定。可选的，裁切轨迹可以包括但不限于直线型裁切轨迹或任意曲线型裁切轨迹。需要说明的是，叠加展示的两张或多张图片的裁切轨迹的形状和走向可以不同也可以相同。另外，任意相邻的两张图片的裁切轨迹可以相互平行也可以不平行。

示例性的，如图5所示，在移动终端20中的应用软件的同一界面区域中叠加展示3张图片21、图片22和图片23。基于预设第一方向对应的裁切轨迹，按获取的倾斜角对叠加展示的图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。其中，图片21的裁切轨迹211，图片22的裁切轨迹221的形状相同，均为直线型裁切轨迹，且裁切轨迹211与裁切轨迹221相互平行。

示例性的，如图6所示，在移动终端20中的应用软件的同一界面区域中叠加展示3张图片21、图片22和图片23。基于预设第一方向对应的裁切轨迹，按获取的倾斜角对叠加展示的图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。其中，图片21的裁切轨迹211与图片22的裁切轨迹221的形状不同，裁切轨迹211为直线型裁切轨迹，裁切轨迹221为曲线型裁切轨迹。裁切轨迹211与裁切轨迹221相互之间不平行。

具体的，按获取的倾斜角对所述至少两张图片中用户当前可见的图片进行裁切时，裁切轨迹将图片分隔为当前被保留区域和当前被裁切区域。其中，当前被裁切区域是需要裁切掉的区域。任意相邻的两张图片中的上一层图片的至少部分当前被裁切区域与下一层图片的至少部分图片当前被保留区域重合，这样在上一层图片的当前被裁切区域被裁切掉后，下一层图片的至少部分当前保留区域便可以展现出来供移动终端的用户观看，以使用户了解到下一层图片中的内容，从而完成图片内容的推广。

在实际应用中，用户当前可见的图片被裁切区域的面积随着倾斜角变化而变化，这里所述的图片被裁切区域为图片已经被裁切掉的总和区域。用户当前可见的图片被裁切区域的面积与倾斜角之间的关系至少为如下关系中的一种：

第一种，用户当前可见的图片被裁切区域的面积随着倾斜角增大而减小。示例性的，下面利用图7、图8和图9对用户当前可见的图片被裁切区域的面积和倾斜角之间的关系进行说明：图7为移动终端的倾斜角为60°时，用户当前可见图片20的裁切轨迹211对应的裁切位置的示意图，裁切轨迹211下方的浅颜色区域21A为被裁切区域。图8为移动终端的倾斜角为90°时，用户当前可见图片20的裁切轨迹211对应的裁切位置的示意图，裁切轨迹211下方的浅颜色区域21A为被裁切区域。图9为移动终端的倾斜角为120°时，用户当前可见图片20的裁切轨迹211对应的裁切位置的示意图，裁切轨迹211下方的浅颜色区域21A为被裁切区域。从图7、图8和图9中可以看出，用户当前可见的图片20的被裁切区域的面积随着倾斜角增大而增减小。需要说明的是，图示剪刀仅为示意并不代表界面中存在剪刀或者类似的标识。

第二种，用户当前可见的图片被裁切区域的面积随着倾斜角增大而增大。

第三种，用户当前可见的图片被裁切区域的面积随着倾斜角减小而增大。

需要说明的是，用户当前可见的图片被裁切区域的面积随着倾斜角变化规律，可以基于业务要求选取上述三种中的任意一种，本实施例中不做具体限定。

本发明实施例提供的图片的展示方法，为了使用户能够观看到一张以上的图片，将两张或多张图片叠加展示在应用软件的同一预设界面区域中。当移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，获取移动终端的倾斜角。然后基于预设第一方向对应的裁切轨迹，按获取的倾斜角对所展示图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片供用户观看。可见，本发明实施例提供的方案中同一预设界面区域中可以叠加展示多张图片，且基于移动终端的倾斜角对用户当前可见的图片进行调整，以使用户能够观看到展示的多张图片。因此，本发明实施例提供的方案可以在有限的界面区域中展示更多的图片，从而提高界面区域的利用率。

进一步的，根据图1所示的方法，本发明的另一个实施例还提供了一种图片的展示方法，如图10所示，所述方法主要包括：

301、检测所述应用软件是否进入预设的状态；若是，执行302；否则，继续执行本步骤。

在实际应用中，预设的状态可以基于业务要求确定，本实施例中不作具体限定。需要说明的是，将用户大几率浏览图片的内容的状态设定为预设状态。可选的，预设状态可以包括但不限于运行状态或暂停状态或预设时长内未被操作的状态中的至少一种或多种。

示例性的，视频播放应用软件暂停播放视频时，说明移动终端的用户极大可能处于休息状态，此时用户浏览图片内容的可能性较大，因此将暂停状态设定为预设状态。

示例性的，游戏应用软件暂停游戏运行时，说明移动终端的用户极大可能处于休息状态，此时用户浏览图片内容的可能性较大，因此将暂停状态设定为预设状态。

示例性的，文本阅读应用软件或购物应用软件，在预设的时长内未被操作，长时间停留在同一个显示内容时，说明用户可能处于休息状态，此时用户浏览图片内容的可能性较大，因此在预设时长内未被操作长时间停留在同一个显示内容的状态设定为预设状态。

具体的，在检测应用软件进入预设的状态，则确定可以展示图片供用户观看，执行302。在检查应用软件未进入预设的状态，则继续以设定频率检测应用软件是否进入预设的状态，以便一旦应用软件进入预设的状态，可以及时展示图片供用户观看。

302、将至少两张图片叠加展示在应用软件的同一预设界面区域中。

具体的，将两张或多张图片叠加展示在应用软件的同一预设界面区域中的详解与上述的步骤101中的详解基本相同，这里将不再赘述。

但是，需要说明的是，为了保证图片可以完整的展示在界面区域内，可选的，图片的尺寸应不大于界面区域的尺寸。

示例性的，如图2所示，界面区域设置在应用软件的中心区域，且界面区域的尺寸小于移动终端20(可选的，手机)的显示屏幕的尺寸。在图片21和图片22叠加展示在界面区域中时，用户仍可看到视频播放应用软件播放的视频。图片21和图片22叠加展示在界面区域中，图片21部分遮盖在图片22的上方。此时，移动终端20的A边与参考面“桌面”平行。

303、确定移动终端以其平行于预设参考面的边为轴发生倾斜的倾斜方向；当所述移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，执行304；当所述移动终端以其平行于预设参考面的边为轴，向预设第二方向倾斜时，执行306。

在实际应用中，移动终端能够以其平行于预设参考面的边为轴的发生倾斜的倾斜方向可以包括两个：第一个，预设的第一方向，在移动终端以其平行于预设参考面的边为轴，向第一方向倾斜时，对用户当前可见的图片进行裁切，透出用户当前不可见的图片供用户观看。第二个，预设的第二方向，其中，第二方向与第一方向相反。为了使用户可以再次观看到已被裁切掉的图片区域，则在移动终端以其平行于预设参考面的边为轴，向第二方向倾斜时，对图片中已被裁切的区域进行复原，以遮挡用户当前可见的图片，并再次提供复原的图片供用户观看。

具体的，对图片中已被裁切的区域进行复原的过程可以包括：根据图片的标识在预设的图片库中找出被裁切的图片对应的完整的原始图片，然后利用查找到的原始图片对被裁切的图片进行复原。

304、当所述移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，获取所述移动终端的倾斜角。

具体的，当移动终端发生倾斜时，利用移动终端内置的陀螺仪获取移动终端与所述预设参考面之间的倾斜角。这里所述的陀螺仪测量的是移动终端倾斜时的转动角速度。根据陀螺仪测量到的转动角速度便可以获取到移动终端的倾斜角。

需要说明的是，由于陀螺仪内置在移动终端内，因此在移动终端进行倾斜时，可以较为准确的得到移动终端的倾斜角。

示例性的，如图11所示，当移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，也就是，当移动终端20以其平行于参考面的边A为轴，移动终端的显示屏幕侧向参考面“桌面/水平面/地面”倾斜时，即为向第一方向倾斜，获取移动终端的倾斜角为75°。

305、基于所述预设第一方向对应的裁切轨迹，按获取的倾斜角对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片，并执行步骤308。

具体的，本步骤305的具体实施过程可以包括：依据预设的至少一个裁切位置与至少一个角度区间的对应关系，将包含所述倾斜角的角度区间对应的裁切位置确定为第一目标裁切位置。基于所述预设第一方向对应的裁切轨迹，按所述第一目标裁切位置对所述至少两张图片中用户当前可见的图片进行裁切。

具体的，为了避免出现一个倾斜角对应两个或两个以上的裁切位置，出现裁切混乱，则在至少一个裁切位置与至少一个角度区间的对应关系中，一个裁切位置仅对应一个角度区间。

示例性的，如图11所示，依据预设的裁切位置与角度区间的对应关系，将包含倾斜角75°的角度区间对应的裁切位置T1确定为图片21的目标裁切位置T1。基于预设第一方向对应的裁切轨迹211，按目标裁切位置T1对用户当前可见的图片21进行裁切，透出用户当前不可见的图片22供用户观看。

另外，需要说明的是，用户当前可见的图片被裁切区域的面积随着倾斜角增大而减小。示例性的，如图12所示，当移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，也就是，当移动终端20以其平行于参考面的边A为轴，移动终端的显示屏幕侧向参考面“桌面”倾斜时，即为向第一方向倾斜，获取移动终端的倾斜角为60°。依据预设的裁切位置与角度区间的对应关系，将包含倾斜角75°的角度区间对应的裁切位置T2确定为图片21的目标裁切位置T2。基于预设第一方向对应的裁切轨迹211，按目标裁切位置T2对用户当前可见的图片21进行裁切，透出用户当前不可见的图片22供用户观看。可见，图12中倾斜角60°小于图11中的倾斜角75°，图12中图片21被裁切区域的面积大于图11中图片21被裁切区域的面积。

306、当所述移动终端以其平行于预设参考面的边为轴，向预设第二方向倾斜时，获取所述移动终端的倾斜角；所述第二方向与所述第一方向相反。

具体的，当移动终端发生倾斜时，利用移动终端内置的陀螺仪获取移动终端与所述预设参考面之间的倾斜角。这里所述的陀螺仪测量的是移动终端倾斜时的转动角速度。根据陀螺仪测量到的转动角速度便可以获取到移动终端的倾斜角。

需要说明的是，由于陀螺仪内置在移动终端内，因此在移动终端进行倾斜时，可以较为准确的得到移动终端的倾斜角。

示例性的，如图13所示，当移动终端20以其平行于参考面的边A为轴，移动终端的与显示屏幕侧相对的背板侧(背板侧在图中并未表示)向参考面倾斜时，即为向第二方向倾斜。获取移动终端的倾斜角为105°

307、基于所述预设第二方向对应的裁切轨迹，按获取的倾斜角对所述至少两张图片中用户当前不可见的图片进行至少部分复原，以遮挡用户当前可见的图片。

具体的，本步骤307的具体实施过程可以包括：依据预设的至少一个裁切位置与至少一个角度区间的对应关系，将包含所述倾斜角的角度区间对应的裁切位置确定为第二目标裁切位置。基于所述预设第二方向对应的裁切轨迹，按所述第二目标裁切位置对所述至少两张图片中用户当前不可见的图片进行至少部分复原。

具体的，为了避免出现一个倾斜角对应两个或两个以上的裁切位置，出现复原混乱，则在至少一个裁切位置与至少一个角度区间的对应关系中，一个裁切位置仅对应一个角度区间。需要说明的是，该裁切位置和角度区间的对应关系，可以与确定第一目标裁切位置的对应关系相同或不同。

示例性的，如图13所示，依据预设的裁切位置与角度区间的对应关系，将包含倾斜角105°的角度区间对应的裁切位置T3确定为图片21的目标裁切位置T3。基于预设第二方向对应的裁切轨迹211，按目标裁切位置T3对用户当前可见的图片21进行复原，以遮挡用户当前可见的图片，并让用户再次观看到复原的图片21。

在实际应用中，用户当前不可见的图片被复原区域的面积随着倾斜角的变化而变化，这里所述的被复原区域为图片中除被裁切之外的区域的总和区域。用户当前不可见的图片被复原区域的面积与倾斜角之间的关系至少为如下关系中的一种：

第一种，用户当前不可见的图片被复原区域的面积随着倾斜角的增大而增大。示例性的，示例性的，如图14所示，当移动终端20以其平行于参考面的边A为轴，移动终端的与显示屏幕侧相对的背板侧(背板侧在图中并未表示)向参考面倾斜时，即为向第二方向倾斜。获取移动终端的倾斜角为120°。依据预设的裁切位置与角度区间的对应关系，将包含倾斜角120°的角度区间对应的裁切位置T4确定为图片21的目标裁切位置T4。基于预设第二方向对应的裁切轨迹211，按目标裁切位置T4对用户当前可见的图片21进行复原，以遮挡用户当前可见的图片，并让用户再次观看到复原的图片21。可见，图14移动终端的倾斜角120°大于图13移动终端的倾斜角105°，图14中图片21的被复原区域(图14中裁切轨迹211的上部区域)的面积大于图13中图片21被复原区域(图14中裁切轨迹211的上部区域)的面积。

第二种，用户当前不可见的图片被复原区域的面积随着倾斜角的增大而减小。

第三种，用户当前可见的图片被裁切区域的面积随着倾斜角减小而增大。

需要说明的是，用户当前不可见的图片被复原区域的面积随着倾斜角变化规律，可以基于业务要求选取上述三种中的任意一种，本实施例中不做具体限定。

308、在被裁切图片中与所述裁切轨迹相应的位置处，进行透明度渐变处理。

具体的，在图片保留区内与裁切轨迹对应的边缘处进行透明度渐变处理，以使两个相邻图片叠加的位置处存在一个过渡，增加图片之间的层次感。

309、在被裁切图片中与所述裁切轨迹相应的位置处，添加预设的裁切辅助标识。

具体的，在裁切位置对应的边缘处添加裁切辅助标识的目的是为了清楚的区别出相邻的两张图片，避免移动终端的用户在观看图片时不能清楚的分别出相叠加的图片。

具体的，裁切辅助标识可以包括但不限于与裁切轨迹一致的标识线，和/或，标识图案。标识线和标识图案的具体形式均可以根据业务要求确定。可选的，为了提高美观性标识物可以为动物等卡通样式的标识图案。举例说明：如图7所示，在图片21按照裁切轨迹211被裁切后，在图片21的裁切轨迹211对应的边缘处添加标识线B1和标识图案B2。

本发明实施例提供了一种图片的展示方法，该方法应用于移动终端，如图15所示，该方法主要包括：

401、将至少两张图片叠加展示在应用软件的同一预设界面区域中。

具体的，本步骤的具体详解与上述步骤101的具体详解基本相同，详见步骤101的具体详解，这里将不再赘述。

402、按预设的触控方式对应用软件的界面中展示的图片进行触控操作，响应于所述触控方式，以预设第一方向对应的裁切轨迹，对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。

在实际应用，预设的触控方式可以基于具体业务要求设定，这里不做具体限定。可选的，预设的触控方式至少存在如下三种：

第一种，手势触控。

具体的，手势可以包括但不限于单指敲击、双指敲击、以特定轨迹滑动手指、多指垂直于界面移动、两指沿同一直线向外移动、两指沿同一直线向内移动和多指向同一特定方向滑动中的至少一种。

在实际应用中，对于手指敲击方式的手势触控方式，裁切轨迹对应的裁切位置随着手势触控的触控次数的变化而变动。示例性的，从第一次手势触控到第N次手势触控，以预设第一方向对应的裁切轨迹，对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。此过程中，当前可见图片的被裁切掉的区域越来越大。从第N+1次手势触控到第N+N次手势触控，以预设第二方向对应的裁切轨迹，对所述至少两张图片中用户当前不可见的图片进行至少部分复原，以遮挡用户当前可见的图片。其中N为大于或等于1的整数。

在实际应用中，对于两指沿同一直线移动方式的手势触控方式，裁切轨迹对应的裁切位置随着两指之间的距离的变动而变动。示例性的，两指沿同一直线向外移动时，以预设第一方向对应的裁切轨迹，对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。此过程中，随着两指之间的距离的增大当前可见图片的被裁切掉的区域越来越大。两指沿同一直线向内移动时，以预设第二方向对应的裁切轨迹，对所述至少两张图片中用户当前不可见的图片进行至少部分复原，以遮挡用户当前可见的图片。此过程中，随着两指之间的距离的减小用户当前不可见的图片的被复原的区域越来越大。

第二种，声音触控。

具体的，声音触控为特定的语音，当采集特定的语音时，响应于语音，以预设第一方向对应的裁切轨迹，对至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。

在实际应用中，声音触控对应的语音分为两种，一种是对应于第一方向的语音，另一种是对应于第二方向的语音。示例性的，移动终端在收集到针对第一方向的语音时，以预设第一方向对应的裁切轨迹，对至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。移动终端在收集到针对第二方向的语音时，以预设第二方向对应的裁切轨迹，对所述至少两张图片中用户当前不可见的图片进行至少部分复原，以遮挡用户当前可见的图片。

在实际应用中，为了提高声音触控的趣味性，声音触控对应的语音，用户可以基于自己的需求在移动终端内自主设定。

第三种，旋转触控。

具体的，该旋转角度为移动终端的旋转角度。在当移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，获取移动终端的倾斜角；基于预设第一方向对应的裁切轨迹，按获取的倾斜角对至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。

具体的，当移动终端以其平行于预设参考面的边为轴，向预设第二方向倾斜时，获取移动终端的倾斜角；第二方向与第一方向相反。基于预设第二方向对应的裁切轨迹，按获取的倾斜角对至少两张图片中用户当前不可见的图片进行至少部分复原，以遮挡用户当前可见的图片。

本发明提供的图片的展示方法，为了使用户能够观看到一张以上的图片，同时将两张或多张图片叠加展示在应用软件的同一预设界面区域中。按预设的触控方式对应用软件的界面中展示的图片进行触控操作，响应于所述触控方式，以预设第一方向对应的裁切轨迹，对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。可见，本发明实施例提供的方案中同一预设界面区域中可以叠加展示多张图片，且在外部的触控操作下对用户当前可见图片进行裁切，以使用户能够观看到展示的多张图片。因此，本发明实施例提供的方案可以在有限的界面区域中展示更多的图片，从而提高界面区域的利用率。

进一步的，依据图1或10所示的方法实施例，本发明的另一个实施例还提供了一种图片的展示装置，该装置应用于移动终端，如图16所示，该装置包括：

展示单元51，用于将至少两张图片叠加展示在应用软件的同一预设界面区域中；

获取单元52，用于当所述移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，获取所述移动终端的倾斜角；

裁切单元53，用于基于所述预设第一方向对应的裁切轨迹，按获取的倾斜角对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。

本发明实施例提供的图片的展示装置，为了使用户能够观看到一张以上的图片，同时将两张或多张图片叠加展示在应用软件的同一预设界面区域中。当移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，获取移动终端的倾斜角。然后基于预设第一方向对应的裁切轨迹，按获取的倾斜角对所展示图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片供用户观看。可见，本发明实施例提供的方案中同一预设界面区域中可以叠加展示多张图片，且基于移动终端的倾斜角对用户当前可见的图片进行调整，以使用户能够观看到展示的多张图片。因此，本发明实施例提供的方案可以在有限的界面区域中展示更多的图片，从而提高界面区域的利用率。

可选的，所述用户当前可见的图片被裁切区域的面积随着倾斜角的增大而减小。

可选的，如图17所示，所述裁切单元53包括：

第一确定模块531，用于依据预设的至少一个裁切位置与至少一个角度区间的对应关系，将包含所述倾斜角的角度区间对应的裁切位置确定为第一目标裁切位置；

裁切模块532，用于基于所述预设第一方向对应的裁切轨迹，按所述第一目标裁切位置对所述至少两张图片中用户当前可见的图片进行裁切。

可选的，如图17所示，所述获取单元52，还用于当所述移动终端以其平行于预设参考面的边为轴，向预设第二方向倾斜时，获取所述移动终端的倾斜角；所述第二方向与所述第一方向相反；

该装置还包括：

复原单元54，用于基于所述预设第二方向对应的裁切轨迹，按获取的倾斜角对所述至少两张图片中用户当前不可见的图片进行至少部分复原，以遮挡用户当前可见的图片。

可选的，所述用户当前不可见的图片被复原区域的面积随着倾斜角的增大而增大。

可选的，如图17所示，所述复原单元54包括：

第二确定模块541，用于依据预设的至少一个裁切位置与至少一个角度区间的对应关系，将包含所述倾斜角的角度区间对应的裁切位置确定为第二目标裁切位置；

复原模块542，用于基于所述预设第二方向对应的裁切轨迹，按所述第二目标裁切位置对所述至少两张图片中用户当前不可见的图片进行至少部分复原。

可选的，如图17所示，该装置还包括：

处理单元55，用于在被裁切图片中与所述裁切轨迹相应的位置处，进行透明度渐变处理。

可选的，如图17所示，该装置还包括：

添加单元56，用于在被裁切图片中与所述裁切轨迹相应的位置处，添加预设的裁切辅助标识。

可选的，如图17所示，所述获取单元52，用于利用所述移动终端内置的陀螺仪获取所述移动终端与所述预设参考面之间的倾斜角。

可选的，如图17所示，该装置还包括：

检测单元57，用于检测所述应用软件是否进入预设的状态；若是，触发所述展示单元51将至少两张图片叠加展示在应用软件的同一预设界面区域中。

本发明实施例提供的图片的展示装置中，各个功能模块运行过程中所采用的方法详解可以参见图1或图10方法实施例的对应方法详解，在此不再赘述。

进一步的，依据图15所示的方法实施例，本发明的另一个实施例还提供了一种图片的展示装置，该装置应用于移动终端，如图18所示，该装置包括：

展示单元61，用于将至少两张图片叠加展示在应用软件的同一预设界面区域中；

裁切单元62，用于按预设的触控方式对应用软件的界面中展示的图片进行触控操作，响应于所述触控方式，以预设第一方向对应的裁切轨迹，对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。

本发明实施例提供的图片的展示装置，为了使用户能够观看到一张以上的图片，同时将两张或多张图片叠加展示在应用软件的同一预设界面区域中。按预设的触控方式对应用软件的界面中展示的图片进行触控操作，响应于所述触控方式，以预设第一方向对应的裁切轨迹，对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。可见，本发明实施例提供的方案中同一预设界面区域中可以叠加展示多张图片，且在外部的触控操作下对用户当前可见图片进行裁切，以使用户能够观看到展示的多张图片。因此，本发明实施例提供的方案可以在有限的界面区域中展示更多的图片，从而提高界面区域的利用率。

本发明实施例提供的图片的展示装置中，各个功能模块运行过程中所采用的方法详解可以参见图15方法实施例的对应方法详解，在此不再赘述。

进一步的，依据上述实施例，本发明的另一个实施例还提供了一种存储介质，所述存储介质存储有多条指令，所述指令适用于由处理器加载并执行如上图15所述的图片的展示方法。

进一步的，依据上述实施例，本发明的另一个实施例还提供了一种电子设备，所述电子设备包括：存储介质和处理器；

所述处理器，适于实现各指令；

所述存储介质，适于存储多条指令；

所述指令适于由所述处理器加载并执行如上图15所述的图片的展示方法。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

可以理解的是，上述方法及装置中的相关特征可以相互参考。另外，上述实施例中的“第一”、“第二”等是用于区分各实施例，而并不代表各实施例的优劣。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的深度神经网络模型的运行方法、装置及框架中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (15)

1.一种图片的展示方法，其特征在于，应用于移动终端，该方法包括：

将至少两张图片叠加展示在应用软件的同一预设界面区域中；

当所述移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，获取所述移动终端的倾斜角；

基于所述预设第一方向对应的裁切轨迹，按获取的倾斜角对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。

2.根据权利要求1所述的方法，其特征在于，所述用户当前可见的图片被裁切区域的面积随着倾斜角增大而减小。

3.根据权利要求1所述的方法，其特征在于，所述基于所述预设第一方向对应的裁切轨迹，按获取的倾斜角对所述至少两张图片中用户当前可见的图片进行裁切，包括：

依据预设的至少一个裁切位置与至少一个角度区间的对应关系，将包含所述倾斜角的角度区间对应的裁切位置确定为第一目标裁切位置；

基于所述预设第一方向对应的裁切轨迹，按所述第一目标裁切位置对所述至少两张图片中用户当前可见的图片进行裁切。

4.根据权利要求1所述的方法，其特征在于，该方法还包括：

当所述移动终端以其平行于预设参考面的边为轴，向预设第二方向倾斜时，获取所述移动终端的倾斜角；所述第二方向与所述第一方向相反；

基于所述预设第二方向对应的裁切轨迹，按获取的倾斜角对所述至少两张图片中用户当前不可见的图片进行至少部分复原，以遮挡用户当前可见的图片。

5.根据权利要求4所述的方法，其特征在于，所述用户当前不可见的图片被复原区域的面积随着倾斜角的增大而增大。

6.根据权利要求4所述的方法，其特征在于，所述基于所述预设第二方向对应的裁切轨迹，按获取的倾斜角对所述至少两张图片中用户当前不可见的图片进行至少部分复原，包括：

依据预设的至少一个裁切位置与至少一个角度区间的对应关系，将包含所述倾斜角的角度区间对应的裁切位置确定为第二目标裁切位置；

基于所述预设第二方向对应的裁切轨迹，按所述第二目标裁切位置对所述至少两张图片中用户当前不可见的图片进行至少部分复原。

7.根据权利要求1-6中任一所述的方法，其特征在于，该方法还包括：

在被裁切图片中与所述裁切轨迹相应的位置处，进行透明度渐变处理。

8.根据权利要求1-6中任一所述的方法，其特征在于，该方法还包括：

在被裁切图片中与所述裁切轨迹相应的位置处，添加预设的裁切辅助标识。

9.根据权利要求1或4所述的方法，其特征在于，所述获取所述移动终端的倾斜角，包括：

利用所述移动终端内置的陀螺仪获取所述移动终端与所述预设参考面之间的倾斜角。

10.根据权利要求1-6中任一所述的方法，其特征在于，该方法还包括：

检测所述应用软件是否进入预设的状态；

若是，执行所述将至少两张图片叠加展示在应用软件的同一预设界面区域中。

11.一种图片的展示装置，其特征在于，应用于移动终端，该装置包括：

展示单元，用于将至少两张图片叠加展示在应用软件的同一预设界面区域中；

获取单元，用于当所述移动终端以其平行于预设参考面的边为轴，向预设第一方向倾斜时，获取所述移动终端的倾斜角；

裁切单元，用于基于所述预设第一方向对应的裁切轨迹，按获取的倾斜角对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。

12.一种存储介质，其特征在于，所述存储介质存储有多条指令，所述指令适用于由处理器加载并执行如权利要求1至10中任意一项所述的图片的展示方法。

13.一种电子设备，其特征在于，所述电子设备包括：存储介质和处理器；

所述处理器，适于实现各指令；

所述存储介质，适于存储多条指令；

所述指令适于由所述处理器加载并执行如权利要求1至10中任意一项所述的图片的展示方法。

14.一种图片的展示方法，其特征在于，应用于移动终端，该方法包括：

将至少两张图片叠加展示在应用软件的同一预设界面区域中；

按预设的触控方式对应用软件的界面中展示的图片进行触控操作，响应于所述触控方式，以预设第一方向对应的裁切轨迹，对所述至少两张图片中用户当前可见的图片进行裁切，以透出用户当前不可见的图片。

15.一种存储介质，其特征在于，所述存储介质存储有多条指令，所述指令适用于由处理器加载并执行如权利要求14所述的图片的展示方法。

Images