CN113655977A - 一种素材展示方法、装置、电子设备及存储介质 - Google Patents

Abstract

本申请实施例公开了一种素材展示方法、装置、电子设备及存储介质，该方法包括：在目标素材的预展示过程中，确定目标素材的预展示尺寸；根据展示容器的尺寸和目标素材的预展示尺寸确定展示容器的尺寸冗余量；根据展示容器的尺寸冗余量更新预设剪裁框数据，得到目标剪裁框数据；其中，所述目标剪裁框数据用于在展示区域通过所述展示容器展示所述目标素材，所述预设剪裁框数据是在预展示过程中在所述展示区域通过所述展示容器展示所述目标素材时应用的。应用目标剪裁框数据，可灵活适配展示容器的尺寸以及目标素材的尺寸；进而应用程序在应用目标剪裁框数据在展示区域通过容器展示目标素材时，展示结果更准确。

Description

一种素材展示方法、装置、电子设备及存储介质

技术领域

本申请涉及多媒体技术领域，尤其涉及一种素材展示方法、装置、电子设备及存储介质。

背景技术

在常规APP(application，应用程序)中，广告位通过对应的展示区域的形式呈现，用户可以将特定素材在展示区域中展示，以实现广告投放。而广告位或者展示区域的宽和高的都是固定的，而如果需要将特定素材放到该广告位中，则需要判断当前素材尺寸是否满足该广告位的要求，而该判断过程是基于与广告位对应的剪裁框数据实现的。

相关技术中，一般是APP根据当前素材的宽高以及剪裁框数据，在后台进行素材尺寸裁剪的有效性的判断。但是通常存在如下问题：后台获取到的素材尺寸与素材原始尺寸不一致，这就导致剪裁框数据不能使用，也即，剪裁框数据与素材尺寸的适配性较低，进而应用当前素材尺寸来判断当前素材是否满足该广告位的判断结果不准确。

发明内容

本申请实施例提供一种素材展示方法、装置、电子设备及存储介质，用以提高剪裁框数据与展示容器的尺寸以及目标素材的尺寸的灵活适配性，进而提高展示目标素材时的准确性。

第一方面，本申请一实施例提供了一种素材展示方法，包括：

在目标素材的预展示过程中，确定所述目标素材的预展示尺寸；

根据展示容器的尺寸和所述目标素材的预展示尺寸确定所述展示容器的尺寸冗余量；

根据所述展示容器的尺寸冗余量更新预设剪裁框数据，得到目标剪裁框数据，其中，所述目标剪裁框数据用于在展示区域通过所述展示容器展示所述目标素材，所述预设剪裁框数据是在预展示过程中在所述展示区域通过所述展示容器展示所述目标素材时应用的。

在一些示例性的实施方式中，所述根据展示容器的尺寸和所述目标素材的预展示尺寸确定所述展示容器的尺寸冗余量，包括：

根据所述目标素材的预展示尺寸和所述展示容器的尺寸确定展示压缩比例；

根据所述目标素材的预展示尺寸和所述展示压缩比例确定所述目标素材的目标展示尺寸；

根据所述展示容器的尺寸和所述目标素材的目标展示尺寸确定所述展示容器的尺寸冗余量。

在一些示例性的实施方式中，所述目标素材为矩形；

根据所述目标素材的预展示尺寸和所述展示容器的尺寸确定展示压缩比例，包括：

根据所述目标素材的预展示尺寸中的宽度值和所述展示容器的尺寸中的宽度值确定第一压缩比例；以及根据所述目标素材的预展示尺寸中的高度值和所述展示容器的尺寸中的高度值确定第二压缩比例；

确定所述第一压缩比例和所述第二压缩比例中的较大的压缩比例作为展示压缩比例。

在一些示例性的实施方式中，所述根据所述展示容器的尺寸冗余量更新预设剪裁框数据之前，还包括：

根据所述目标素材的原始尺寸和目标展示尺寸确定调整比例；

所述根据所述展示容器的尺寸冗余量更新预设剪裁框数据，包括：

根据所述调整比例调整所述预设剪裁框数据；

确定与所述展示容器的尺寸冗余量对应的预设剪裁框数据中的子数据；

根据所述子数据更新调整后的预设剪裁框数据。

在一些示例性的实施方式中，所述根据所述子数据更新调整后的预设剪裁框数据，包括：

若所述子数据为所述预设剪裁框的宽，则应用所述展示容器的尺寸冗余量的设定比例更新所述预设剪裁框在宽度方向上的位置；或

若所述子数据为所述预设剪裁框的高，则应用所述展示容器的尺寸冗余量的设定比例更新所述预设剪裁框在高度方向上的位置。

第二方面，本申请一实施例提供了一种素材展示装置，包括：

第一尺寸确定单元，被配置为执行在目标素材的预展示过程中，确定所述目标素材的预展示尺寸；

第二尺寸确定单元，被配置为执行根据展示容器的尺寸和所述目标素材的预展示尺寸确定所述展示容器的尺寸冗余量；

数据确定单元，被配置为执行根据所述展示容器的尺寸冗余量更新预设剪裁框数据，得到目标剪裁框数据；其中，所述目标剪裁框数据用于在展示区域通过所述展示容器展示所述目标素材，所述预设剪裁框数据是在预展示过程中在所述展示区域通过所述展示容器展示所述目标素材时应用的。

在一些示例性的实施方式中，所述第二尺寸确定单元具体被配置为执行：

根据所述目标素材的预展示尺寸和所述展示容器的尺寸确定展示压缩比例；

根据所述目标素材的预展示尺寸和所述展示压缩比例确定所述目标素材的目标展示尺寸；

根据所述展示容器的尺寸和所述目标素材的目标展示尺寸确定所述展示容器的尺寸冗余量。

在一些示例性的实施方式中，所述目标素材为矩形；

所述第二尺寸确定单元具体被配置为执行：

根据所述目标素材的预展示尺寸中的宽度值和所述展示容器的尺寸中的宽度值确定第一压缩比例；以及根据所述目标素材的预展示尺寸中的高度值和所述展示容器的尺寸中的高度值确定第二压缩比例；

确定所述第一压缩比例和所述第二压缩比例中的较大的压缩比例作为展示压缩比例。

在一些示例性的实施方式中，还包括调整单元，在所述根据所述展示容器的尺寸冗余量更新预设剪裁框数据之前，所述调整单元被配置为执行：

根据所述目标素材的原始尺寸和目标展示尺寸确定调整比例；

所述数据确定单元具备被配置为执行：

根据所述调整比例调整所述预设剪裁框数据；

确定与所述展示容器的尺寸冗余量对应的预设剪裁框数据中的子数据；

根据所述子数据更新调整后的预设剪裁框数据。

在一些示例性的实施方式中，所述数据确定单元具备被配置为执行：

若所述子数据为所述预设剪裁框的宽，则应用所述展示容器的尺寸冗余量的设定比例更新所述预设剪裁框在宽度方向上的位置；或

若所述子数据为所述预设剪裁框的高，则应用所述展示容器的尺寸冗余量的设定比例更新所述预设剪裁框在高度方向上的位置。

第三方面，本申请一实施例提供了一种电子设备，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现上述素材展示方法中的任意一种方法。

第四方面，本申请一实施例提供了一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述素材展示方法中的任意一种方法。

第五方面，本申请一实施例提供了一种计算机程序产品，包括计算机程序/指令，所述计算机程序/指令被处理器执行时实现上述素材展示方法中的任意一种方法。

本申请的实施例提供的技术方案至少带来以下有益效果：

由于目标素材通过展示容器展示，导致目标素材在展示过程中的尺寸与原始尺寸不一致，这样预设剪裁框数据不再适配目标素材的原始尺寸。因此，先应用预设剪裁框数据在展示区域通过展示容器对目标素材进行预展示，进而确定预展示过程中的目标素材的预展示尺寸。为了灵活适配展示容器的尺寸，应用展示容器的尺寸和目标素材的预展示尺寸确定展示容器的尺寸冗余量，进而根据展示容器的尺寸冗余量来对预设剪裁框数据进行更新得到目标剪裁框数据，应用目标剪裁框数据，可灵活适配展示容器的尺寸以及目标素材的尺寸。因此，在应用目标剪裁框数据在展示区域通过容器展示目标素材时，展示结果更准确。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

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

图1为本申请一实施例提供的一种素材展示方法的应用场景示意图；

图2为本申请一实施例提供的一种素材展示方法的应用场景图；

图3为本申请一实施例提供的一种素材展示方法的流程图；

图4为本申请一实施例提供的一种素材和容器的尺寸对比示意图；

图5为本申请一实施例提供的一种剪裁框更新前后的示意图；

图6为本申请一实施例提供的素材展示装置的结构示意图；

图7为本申请一实施例提供的电子设备的结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

以下，对本申请实施例中的部分用语进行解释说明，以便于本领域技术人员理解。

(1)本申请实施例中术语“多个”是指两个或两个以上，其它量词与之类似。

(2)“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。

(3)服务器，是为终端服务的，服务的内容诸如向终端提供资源，保存终端数据；服务器是与终端上安装的应用程序相对应的，与终端上的应用程序配合运行。

(4)终端设备，既可以指软件类的APP(Application，应用程序)，也可以指客户端。它具有可视的显示界面，能与用户进行交互；是与服务器相对应，为客户提供本地服务。针对软件类的应用程序，除了一些只在本地运行的应用程序之外，一般安装在普通的客户终端上，需要与服务端互相配合运行。因特网发展以后，较常用的应用程序包括了如收寄电子邮件时的电子邮件客户端，以及即时通讯的客户端等。对于这一类应用程序，需要网络中有相应的服务器和服务程序来提供相应的服务，如数据库服务，配置参数服务等，这样在客户终端和服务器端，需要建立特定的通信连接，来保证应用程序的正常运行。

(5)应用程序：指为完成某项或多项特定工作的计算机程序，它运行在用户模式，可以和用户进行交互，具有可视的用户界面。

(6)素材：广义是指不同类型的材料；在本申请实施例中，可以是指用于在应用程序中展示的文字、图片、语音或者视频等。

(7)容器：一个容器包含了完整的运行时环境，除了运行时的应用程序本身之外，该运行时的应用程序所需的全部依赖、类库、其他二进制文件、配置文件等，都统一被打入了一个称为容器镜像的包中。而容器技术是指，有效的将单个操作系统的资源划分到孤立的组中，以便更好的在孤立的组之间平衡有冲突的资源使用需求。在本申请实施例中，容器可以是指播放器，此时的素材可以是视频的封面图片。

在具体的实践过程中，广告主可以将自己要推广的东西在应用程序中进行展示，这样用户在使用APP的过程中，可以看到广告主要推广的东西，可以起到推广的作用。在该过程中，要推广的东西可以称为素材，比如要推广的东西可以以一张图片进行展示，则该图片可以称为素材，该图片比如是某个商品的介绍。在将该图片在APP中进行展示的过程中，APP的广告位或者展示位的宽和高的都是固定的，而如果需要将特定素材放到该广告位中，则需要判断当前素材尺寸是否满足该广告位的要求。

相关技术中，一般是APP根据当前素材的宽高以及剪裁框数据，在后台进行素材尺寸裁剪的有效性的判断。但是通常存在如下问题：后台获取到的素材尺寸与素材原始尺寸不一致，这就导致剪裁框数据不能使用，进而应用当前素材尺寸来判断当前素材是否满足该广告位的判断结果不准确。

为此，本申请实施例提供了一种素材展示方法，以在应用程序中完成目标素材的展示为例，参见图1，在目标素材的预展示过程中，确定目标素材的预展示尺寸；目标素材的预展示过程是应用程序应用预设剪裁框数据，在展示区域通过展示容器进行的；根据展示容器的尺寸和目标素材的预展示尺寸确定展示容器的尺寸冗余量；根据展示容器的尺寸冗余量更新预设剪裁框数据，得到目标剪裁框数据，以使应用程序应用目标剪裁框数据在展示区域，通过展示容器展示目标素材。在这个过程中，考虑展示容器造成的目标素材的尺寸变化，进而对预设剪裁框数据进行更新得到目标剪裁框数据，而应用程序通过应用目标剪裁框数据展示目标素材时，可以更准确的判断目标素材的尺寸是否满足应用程序的展示区域的广告位的要求。比如，目标素材的尺寸满足应用程序的展示区域的广告位的要求，则广告主可以按照此时的目标素材的尺寸在展示区域进行广告投放；目标素材的尺寸不满足应用程序的展示区域的广告位的要求，则后台可以将不满足要求的结果展示给广告主，以便广告主对目标素材的尺寸进行调整，或者更换目标素材。

在图1中，11为目标素材(为了区分显示，用虚线边框显示，该虚线框不显示给用户)，12为广告位对应的展示区域，展示容器以及剪裁框在图1中未示出。

在介绍完本申请实施例的设计思想之后，下面对本申请实施例的技术方案能够适用的应用场景做一些简单介绍，需要说明的是，以下介绍的应用场景仅用于说明本申请实施例而非限定。在具体实施时，可以根据实际需要灵活地应用本申请实施例提供的技术方案。

参考图2，其为本申请实施例提供的一种素材展示方法的应用场景图。该应用场景包括多个终端设备201(包括终端设备201-1、终端设备201-2、……终端设备201-n)、素材展示处理服务器202。其中，终端设备201、素材展示处理服务器202之间通过无线或有线网络连接，终端设备201包括但不限于桌面计算机、移动电话、移动电脑、平板电脑、媒体播放器、智能可穿戴设备、智能电视等电子设备。素材展示处理服务器202可以是一台服务器、若干台服务器组成的服务器集群或云计算中心。素材展示处理服务器202可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器。

终端设备201-1响应用户的素材展示请求，通过应用程序应用预设剪裁框数据，在展示区域通过展示容器来展示目标素材，而在该预展示过程中，应用程序获取目标素材的预展示尺寸，并将该与展示尺寸发送给后台处理系统；或者，后台处理系统自动获取目标素材的预展示尺寸；其中，后台处理系统可以是终端设备中的处理系统，还可以是集成在其他设备中的处理系统。后台处理系统根据展示容器的尺寸和目标素材的预展示尺寸确定展示容器的尺寸冗余量，再根据展示容器的尺寸冗余量对预设剪裁框数据进行更新得到目标剪裁框数据，并将目标剪裁框数据发送至应用程序，应用程序应用目标剪裁框数据在展示区域通过展示容器展示目标素材，将展示结果通过终端设备201-1呈现给用户。

当然，本申请实施例提供的方法并不限用于图2所示的应用场景中，还可以用于其它可能的应用场景，比如商场中的广告牌的设定展示区域的素材的展示，本申请实施例并不进行限制。对于图2所示的应用场景的各个设备所能实现的功能将在后续的方法实施例中一并进行描述，在此先不过多赘述。

为进一步说明本申请实施例提供的技术方案，下面结合附图以及具体实施方式对此进行详细的说明。虽然本申请实施例提供了如下述实施例或附图所示的方法操作步骤，但基于常规或者无需创造性的劳动在方法中可以包括更多或者更少的操作步骤。在逻辑上不存在必要因果关系的步骤中，这些步骤的执行顺序不限于本申请实施例提供的执行顺序。

下面结合图1和图2所示的应用场景，以应用程序展示素材为例，对本申请实施例提供的技术方案进行说明。

参考图3，本申请实施例提供一种素材展示方法，包括以下步骤：

S301、在目标素材的预展示过程中，确定目标素材的预展示尺寸。

S302、根据展示容器的尺寸和目标素材的预展示尺寸确定展示容器的尺寸冗余量。

S303、根据展示容器的尺寸冗余量更新预设剪裁框数据，得到目标剪裁框数据；其中，所述目标剪裁框数据用于在展示区域通过所述展示容器展示所述目标素材，所述预设剪裁框数据是在预展示过程中在所述展示区域通过所述展示容器展示所述目标素材时应用的。

本申请实施例中，由于目标素材通过展示容器展示，导致目标素材在展示过程中的尺寸与原始尺寸不一致，这样预设剪裁框数据不再适配目标素材的原始尺寸。因此，先应用预设剪裁框数据在展示区域通过展示容器对目标素材进行预展示，进而确定预展示过程中的目标素材的预展示尺寸。为了灵活适配展示容器的尺寸，应用展示容器的尺寸和目标素材的预展示尺寸确定展示容器的尺寸冗余量，进而根据展示容器的尺寸冗余量来对预设剪裁框数据进行更新得到目标剪裁框数据，应用目标剪裁框数据，可灵活适配展示容器的尺寸以及目标素材的尺寸。因此，在应用目标剪裁框数据在展示区域通过容器展示目标素材时，展示结果更准确。

涉及到S301，在应用程序中，广告位通过展示区域呈现给用户，而每个应用程序的展示区域通常是固定的，而在将素材在展示区域展示的过程中，需要剪裁框来实现，只有当素材的尺寸与剪裁框的尺寸满足适配条件时，素材在展示区域的展示结果才比较准确，供广告主参考才比较有意义。

而在实际的应用过程中，部分功能的展示过程需要通过展示容器实现，这样，在展示过程中，素材的尺寸会发生变化，而此时展示区域初始的预设剪裁数据已经不能使用，也即，应用预设剪裁框去适配尺寸变化后的素材得到的展示结果已经不准确。

此时，提出了一个预展示过程，在该预展示过程中，应用程序应用预设剪裁框数据，在展示区域通过展示容器进行，获取目标素材的预展示尺寸。

在一个具体的例子中，图4示出了各个尺寸的像素表示，假设目标素材为一段视频的封面图，41表示目标素材的原始尺寸，例如可以是500*500；42表示在预展示的过程中，检测到的目标素材的预展示尺寸，例如可以是为200*200；43表示展示容器的尺寸，例如可以是200*100，展示容器比如可以是播放器。

涉及到S302，由于展示容器作为展示媒介，造成目标素材在展示过程中的尺寸发生了变化，为了使展示区域的剪裁框数据适配变化后的目标素材的尺寸，需要对预设剪裁框数据进行更新。在该更新过程中，需要确定展示容器的尺寸冗余量，以便应用该尺寸冗余量对预设剪裁框的数据进行更新。

示例性的，通过如下方式来确定展示容器的尺寸冗余量：

首先，根据目标素材的预展示尺寸和展示容器的尺寸确定展示压缩比例。

具体的，为了确定目标素材的目标展示尺寸，需要先确定展示压缩比例，具体可以是根据目标素材的预展示尺寸和展示容器的尺寸来确定，该确定过程比如根据目标素材的预展示尺寸中的部分尺寸，以及展示容器的尺寸中的部分尺寸来确定展示压缩比例。或者，比如根据目标素材的预展示尺寸确定第一预展示面积，以及根据展示容器的尺寸确定第二预展示面积，再根据这两个面积来确定展示压缩比例。

示例性的，通常情况下，应用程序中的广告位的展示区域为矩形，目标素材也为矩形，此时，根据目标素材的预展示尺寸中的宽度值和展示容器的尺寸中的宽度值确定第一压缩比例；以及根据目标素材的预展示尺寸中的高度值和展示容器的尺寸中的高度值确定第二压缩比例；确定第一压缩比例和第二压缩比例中的较大的压缩比例作为展示压缩比例。

在一个具体的例子中，预展示尺寸中的宽度值为200，展示容器的尺寸中的宽度值为200，确定第一压缩比例可以是二者的比值为1；预展示尺寸中的高度值为200，展示容器的尺寸中的高度值为100，确定第二压缩比例可以是二者的比例为2，并将较大的压缩比例2作为展示压缩比例。

通过分别在宽度方向上确定预展示尺寸和展示容器尺寸的第一压缩比例，以及在高度方向上确定预展示尺寸和展示容器尺寸的第二压缩比例，这样，将其中较大的压缩比例作为展示压缩比例，确定的展示容器的尺寸冗余量为在宽度上的冗余量或者高度上的冗余量，不会在宽度和高度上同时存在冗余量，在调整预设剪裁框时，只需调整一个方向的数据即可。

其次，根据目标素材的预展示尺寸和展示压缩比例确定目标素材的目标展示尺寸。

具体的，由于预展示尺寸为预展示过程中检测到的，为了确定后续展示过程中的目标展示尺寸，应用展示压缩比例对于展示尺寸进行调整，确定目标素材的目标展示尺寸，该目标展示尺寸为目标素材在展示容器中展示时需求的展示尺寸。

在一个具体的例子中，仍参考图4，展示压缩比例为2，目标素材的预展示尺寸为200*200，则目标展示尺寸为(200/2)*(200/2)，44表示目标展示尺寸，例如可以是100*100。

最后，根据展示容器的尺寸和目标素材的目标展示尺寸确定展示容器的尺寸冗余量。

具体的，目标展示尺寸为目标素材在展示容器中展示时需求的尺寸，为了对预设剪裁框数据进行更新，需要确定展示容器的尺寸冗余量。在一个具体的例子中，展示容器的尺寸为200*100，目标素材的目标展示尺寸为100*100，则展示容器的尺寸冗余量为200-100＝100，该尺寸为在宽度上的冗余量。

通过确定展示压缩比例来确定目标素材在容器中展示时理想的展示尺寸，也即，目标展示尺寸，再根据目标素材的目标展示尺寸和展示容器的尺寸确定展示容器的尺寸冗余量，进而应用该尺寸冗余量对预设剪裁框进行更新，这样得到的更新后的剪裁框与展示容器的尺寸以及目标素材的尺寸的适配性更高。

涉及到S303，根据展示容器的尺寸冗余量更新预设剪裁框数据，得到目标剪裁框数据。这的目标剪裁框数据用于在展示区域通过展示容器展示目标素材，预设剪裁框数据是在预展示过程中在展示区域通过展示容器展示目标素材时应用的。

具体的，在根据展示容器的尺寸冗余量更新预设剪裁框数据之前，先根据目标素材的原始尺寸和目标展示尺寸确定调整比例，这样，对预设剪裁框数据的更新过程可以通过如下方式实现：根据调整比例调整预设剪裁框数据；确定与展示容器的尺寸冗余量对应的预设剪裁框数据中的子数据；根据子数据更新调整后的预设剪裁框数据。

示例性的，目标素材的原始尺寸为500*500，目标素材的目标展示尺寸为100*100，则确定的调整比例为500/100＝5；预设剪裁框数据包括上边框的像素坐标数据、左边框的像素坐标数据、下边框的像素坐标数据、右边框的像素坐标数据、预设宽度和预设高度，而预设宽度是根据左边框像素坐标数据和右边框像素坐标数据确定的，预设高度是根据上边框像素坐标数据和下边框像素坐标数据确定的，因此，为了表述方便，预设剪裁框数据以上边框像素坐标数据、左边框像素坐标数据、预设宽度和预设高度进行说明。

在一个具体的例子中，上边框的像素纵坐标为0，左边框的像素横坐标为50，预设宽度为300，预设高度为300。应用调整比例调整后对应的数据分别为，上边框的像素纵坐标为0，左边框的像素横坐标为10，预设宽度为60，预设高度为60。由于上述示例中展示容器的尺寸冗余量为宽度冗余量，则对应的预设剪裁框数据中的子数据为预设宽度。参考图5，示出了一种剪裁框的更新过程，51为预设剪裁框，52为更新后的剪裁框，其中，不仅尺寸发生了变化(按照展示比例进行缩放)，位置也发生了变化(按照宽度冗余量A平移了50个像素点)。

首先通过确定的调整比例对预设剪裁框数据进行比例调节，再通过确定的子数据对预设剪裁框进行数据调整，这样得到的剪裁框与预设剪裁框相比，在位置上以及尺寸上都进行了调整，进而与展示容器的尺寸以及目标素材的尺寸的适配性更高。

在实际的应用过程中，可以通过如下方式来根据子数据更新调整后的预设剪裁框数据：若子数据为预设剪裁框的宽，则应用展示容器的尺寸冗余量的设定比例更新预设剪裁框在宽度方向上的位置；或，若子数据为预设剪裁框的高，则应用展示容器的尺寸冗余量的设定比例更新预设剪裁框在高度方向上的位置。

以上述子数据为预设宽度为例，设定比例可以取50％，这样，调整后的剪裁框的左边框的像素横坐标为预设剪裁框的左边框的像素横坐标+展示容器的尺寸冗余量*50％，在上述示例中，调整后的剪裁框的左边框的像素横坐标为10+100*50％＝60。同理，如果子数据为预设剪裁框的高时，计算方式相同，在此不再赘述。上述对预设剪裁框的更新过程即为对其位置调整过程，这样，上述设定比例以50％举例，可以保证应用调整并使用更新后的预设剪裁框来展示目标素材时，目标素材位于展示区域的中央位置。

通过对子数据的类型进行判断，在子数据为预设剪裁框的宽或高时，分别应用展示容器的尺寸冗余量的设定比例来实现对预设剪裁框在宽度方向上或高度方向上的位置的调整。

另外，对预设剪裁框进行调整的过程中，可以通过一次比例调节来实现，该过程中，确定的调整比例为一个，该调整比例是应用目标素材的原始尺寸和目标展示尺寸来确定的。在实际的应用过程中，还可以通过两次比例调节实现，比如，根据目标素材的原始尺寸和预展示尺寸确定第一调整比例，以上述示例为例，则第一调整比例为500/200＝2.5，应用第一调整比例对预设剪裁框数据进行第一次调整得到中间剪裁框数据为上边框的像素纵坐标为0，左边框的像素横坐标为20，预设宽度为120，预设高度为120。第二调整比例为上述实施例中的展示压缩比例，则应用第二调整比例继续对中间剪裁框数据进行调整，调整后的剪裁框数据为上边框的像素纵坐标为0，左边框的像素横坐标为10，预设宽度为60，预设高度为60。该种方式中，得到的调整后的预设剪裁框数据和前述实施例的方法中得到的调整后的预设剪裁框数据相同。对比如上两种方式，第一种方式只需要计算一次调整比例，提高了计算速度，减少了计算量。

另外，在实际的应用过程中，如果不存在展示容器，则目标素材的原始尺寸即为展示尺寸，也不存在展示容器的冗余量，直接应用预设剪裁框数据将目标素材显示在展示区域即可。

如图6所示，基于与上述素材展示方法相同的发明构思，本申请实施例还提供了一种素材展示装置，包括第一尺寸确定单元61、第二尺寸确定单元62和数据确定单元63。

第一尺寸确定单元61，被配置为执行在目标素材的预展示过程中，确定目标素材的预展示尺寸；

第二尺寸确定单元62，被配置为执行根据展示容器的尺寸和目标素材的预展示尺寸确定展示容器的尺寸冗余量；

数据确定单元63，被配置为执行根据展示容器的尺寸冗余量更新预设剪裁框数据，得到目标剪裁框数据；其中，所述目标剪裁框数据用于在展示区域通过所述展示容器展示所述目标素材，所述预设剪裁框数据是在预展示过程中在所述展示区域通过所述展示容器展示所述目标素材时应用的。

在一些示例性的实施方式中，第二尺寸确定单元62具体被配置为执行：

根据目标素材的预展示尺寸和展示容器的尺寸确定展示压缩比例；

根据目标素材的预展示尺寸和展示压缩比例确定目标素材的目标展示尺寸；

根据展示容器的尺寸和目标素材的目标展示尺寸确定展示容器的尺寸冗余量。

在一些示例性的实施方式中，目标素材为矩形；

第二尺寸确定单元62具体被配置为执行：

根据目标素材的预展示尺寸中的宽度值和展示容器的尺寸中的宽度值确定第一压缩比例；以及根据目标素材的预展示尺寸中的高度值和展示容器的尺寸中的高度值确定第二压缩比例；

确定第一压缩比例和第二压缩比例中的较大的压缩比例作为展示压缩比例。

在一些示例性的实施方式中，还包括调整单元，在根据展示容器的尺寸冗余量更新预设剪裁框数据之前，调整单元被配置为执行：

根据目标素材的原始尺寸和目标展示尺寸确定调整比例；

数据确定单元63具备被配置为执行：

根据调整比例调整预设剪裁框数据；

确定与展示容器的尺寸冗余量对应的预设剪裁框数据中的子数据；

根据子数据更新调整后的预设剪裁框数据。

在一些示例性的实施方式中，数据确定单元63具备被配置为执行：

若子数据为预设剪裁框的宽，则应用展示容器的尺寸冗余量的设定比例更新预设剪裁框在宽度方向上的位置；或

若子数据为预设剪裁框的高，则应用展示容器的尺寸冗余量的设定比例更新预设剪裁框在高度方向上的位置。

本申请实施例提的素材展示装置与上述素材展示方法采用了相同的发明构思，能够取得相同的有益效果，在此不再赘述。

关于生成登录界面装置中各操作的实施以及有益效果可参见前文方法中的描述，此处不再赘述。

在介绍了本申请示例性实施方式的生成登录界面方法和装置之后，接下来，介绍根据本申请的另一示例性实施方式的电子设备。

所属技术领域的技术人员能够理解，本申请的各个方面可以实现为系统、方法或程序产品。因此，本申请的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。

在一些可能的实施方式中，根据本申请的电子设备可以至少包括至少一个处理器、以及至少一个存储器。其中，存储器存储有程序代码，当程序代码被处理器执行时，使得处理器执行本说明书上述描述的根据本申请各种示例性实施方式的生成登录界面方法中的步骤。例如，处理器可以执行如生成登录界面方法中的步骤。

下面参照图7来描述根据本申请的这种实施方式的电子设备130。图7显示的电子设备130仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。

如图7所示，电子设备130以通用电子设备的形式表现。电子设备130的组件可以包括但不限于：上述至少一个处理器131、上述至少一个存储器132、连接不同系统组件(包括存储器132和处理器131)的总线133。

总线133表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器、外围总线、处理器或者使用多种总线结构中的任意总线结构的局域总线。

存储器132可以包括易失性存储器形式的可读介质，例如随机存取存储器(RAM)1321和/或高速缓存存储器1322，还可以进一步包括只读存储器(ROM)1323。

存储器132还可以包括具有一组(至少一个)程序模块1324的程序/实用工具1325，这样的程序模块1324包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

电子设备130也可以与一个或多个外部设备134(例如键盘、指向设备等)通信，还可与一个或者多个使得用户能与电子设备130交互的设备通信，和/或与使得该电子设备130能与一个或多个其它电子设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口135进行。并且，电子设备130还可以通过网络适配器136与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图7所示，网络适配器136通过总线133与用于电子设备130的其它模块通信。应当理解，尽管图中未示出，可以结合电子设备130使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理器、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

在示例性实施例中，还提供了一种包括指令的计算机可读存储介质，例如包括指令的存储器132，上述指令可由装置的处理器131执行以完成上述方法。可选地，计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

在示例性实施例中，还提供一种计算机程序产品，包括计算机程序/指令，计算机程序/指令被处理器131执行时实现如本申请提供的生成登录界面方法的任一方法。

在示例性实施例中，本申请提供的一种生成登录界面方法的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当程序产品在计算机设备上运行时，程序代码用于使计算机设备执行本说明书上述描述的根据本申请各种示例性实施方式的一种生成登录界面方法中的步骤。

程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

本申请的实施方式的用于图像缩放的程序产品可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在电子设备上运行。然而，本申请的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括——但不限于——电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于——无线、有线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本申请操作的程序代码，程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户电子设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户电子设备上部分在远程电子设备上执行、或者完全在远程电子设备或服务端上执行。在涉及远程电子设备的情形中，远程电子设备可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户电子设备，或者，可以连接到外部电子设备(例如利用因特网服务提供商来通过因特网连接)。

应当注意，尽管在上文详细描述中提及了装置的若干单元或子单元，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本申请的实施方式，上文描述的两个或更多单元的特征和功能可以在一个单元中具体化。反之，上文描述的一个单元的特征和功能可以进一步划分为由多个单元来具体化。

此外，尽管在附图中以特定顺序描述了本申请方法的操作，但是，这并非要求或者暗示必须按照该特定顺序来执行这些操作，或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地，可以省略某些步骤，将多个步骤合并为一个步骤执行，和/或将一个步骤分解为多个步骤执行。

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

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

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

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

尽管已描述了本申请的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。

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

Claims (10)

1.一种素材展示方法，其特征在于，包括：

在目标素材的预展示过程中，确定所述目标素材的预展示尺寸；

根据展示容器的尺寸和所述目标素材的预展示尺寸确定所述展示容器的尺寸冗余量；

根据所述展示容器的尺寸冗余量更新预设剪裁框数据，得到目标剪裁框数据；其中，所述目标剪裁框数据用于在展示区域通过所述展示容器展示所述目标素材，所述预设剪裁框数据是在预展示过程中在所述展示区域通过所述展示容器展示所述目标素材时应用的。

2.根据权利要求1所述的方法，其特征在于，所述根据展示容器的尺寸和所述目标素材的预展示尺寸确定所述展示容器的尺寸冗余量，包括：

根据所述目标素材的预展示尺寸和所述展示容器的尺寸确定展示压缩比例；

根据所述目标素材的预展示尺寸和所述展示压缩比例确定所述目标素材的目标展示尺寸；

根据所述展示容器的尺寸和所述目标素材的目标展示尺寸确定所述展示容器的尺寸冗余量。

3.根据权利要求2所述的方法，其特征在于，所述目标素材为矩形；

根据所述目标素材的预展示尺寸和所述展示容器的尺寸确定展示压缩比例，包括：

根据所述目标素材的预展示尺寸中的宽度值和所述展示容器的尺寸中的宽度值确定第一压缩比例；以及根据所述目标素材的预展示尺寸中的高度值和所述展示容器的尺寸中的高度值确定第二压缩比例；

确定所述第一压缩比例和所述第二压缩比例中的较大的压缩比例作为展示压缩比例。

4.根据权利要求1所述的方法，其特征在于，所述根据所述展示容器的尺寸冗余量更新预设剪裁框数据之前，还包括：

根据所述目标素材的原始尺寸和目标展示尺寸确定调整比例；

所述根据所述展示容器的尺寸冗余量更新预设剪裁框数据，包括：

根据所述调整比例调整所述预设剪裁框数据；

确定与所述展示容器的尺寸冗余量对应的预设剪裁框数据中的子数据；

根据所述子数据更新调整后的预设剪裁框数据。

5.根据权利要求4所述的方法，其特征在于，所述根据所述子数据更新调整后的预设剪裁框数据，包括：

若所述子数据为所述预设剪裁框的宽，则应用所述展示容器的尺寸冗余量的设定比例更新所述预设剪裁框在宽度方向上的位置；或

若所述子数据为所述预设剪裁框的高，则应用所述展示容器的尺寸冗余量的设定比例更新所述预设剪裁框在高度方向上的位置。

6.一种素材展示装置，其特征在于，包括：

第一尺寸确定单元，被配置为执行在目标素材的预展示过程中，确定所述目标素材的预展示尺寸；

第二尺寸确定单元，被配置为执行根据展示容器的尺寸和所述目标素材的预展示尺寸确定所述展示容器的尺寸冗余量；

数据确定单元，被配置为执行根据所述展示容器的尺寸冗余量更新预设剪裁框数据，得到目标剪裁框数据；其中，所述目标剪裁框数据用于在展示区域通过所述展示容器展示所述目标素材，所述预设剪裁框数据是在预展示过程中在所述展示区域通过所述展示容器展示所述目标素材时应用的。

7.根据权利要求6所述的装置，其特征在于，所述第二尺寸确定单元具体被配置为执行：

根据所述目标素材的预展示尺寸和所述展示容器的尺寸确定展示压缩比例；

根据所述目标素材的预展示尺寸和所述展示压缩比例确定所述目标素材的目标展示尺寸；

根据所述展示容器的尺寸和所述目标素材的目标展示尺寸确定所述展示容器的尺寸冗余量。

8.一种电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至5中任一项所述的素材展示方法。

9.一种计算机可读存储介质，其特征在于，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至5中任一项所述的素材展示方法。

10.一种计算机程序产品，其特征在于，包括计算机程序/指令，所述计算机程序/指令被处理器执行时实现权利要求1至5中任一项所述的素材展示方法。

Images