CN112256169B - 内容展示方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开关于一种内容展示方法、装置、电子设备及存储介质，涉及网页处理技术领域，其中，该方法包括：接收实施在内容展示界面的缩放操作，内容展示界面至少包括目标内容展示区域和目标控件展示区域；确定与缩放操作对应的缩放处理信息，缩放处理信息至少包括目标内容展示区域被缩放处理后相对于内容展示界面的展示比例；根据缩放处理信息，对目标内容展示区域进行缩放展示，并设置目标控件展示区域在内容展示界面中的目标位置进行展示。

Description

内容展示方法、装置、电子设备及存储介质

技术领域

本公开涉及网页处理技术领域，尤其涉及一种内容展示方法、装置、电子设备及存储介质。

背景技术

短视频应用程序作为一种新的视频观看平台，提供了海量的短视频，为用户通过移动终端随时随地获取感兴趣的内容提供了便利。短视频应用程序提供视频缩放播放功能，视频缩放播放可以保证用户在观看视频的同时，观看用户评论，提高用户在应用程序里的互动率，同时增加视频播放时长，带给用户更好的使用体验。

相关技术中，页面中控件(如：点赞、分享等按钮)的位置是固定的，在用户对页面中的视频内容进行缩放操作时，这些固定设置的控件可能会对视频内容形成遮挡，影响观看。

发明内容

本公开提供一种内容展示方法、装置、电子设备及存储介质。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种内容展示方法，包括：

接收实施在内容展示界面的缩放操作，所述内容展示界面至少包括目标内容展示区域和目标控件展示区域；

确定与所述缩放操作对应的缩放处理信息，所述缩放处理信息至少包括所述目标内容展示区域被缩放处理后相对于所述内容展示界面的展示比例；

根据所述缩放处理信息，对所述目标内容展示区域进行缩放展示，并设置所述目标控件展示区域在所述内容展示界面中的目标位置进行展示。

在一示例性实施例中，所述根据所述缩放处理信息，对所述目标内容展示区域进行缩放展示，并设置所述目标控件展示区域在所述内容展示界面中的目标位置进行展示，包括：根据所述缩放处理信息，确定所述目标内容展示区域在缩放处理后的区域展示参数，以及，根据所述区域展示参数，对所述目标内容展示区域进行展示，其中，所述区域展示参数至少包括所述目标内容展示区域在所述内容展示界面中的区域展示位置以及区域展示尺寸；根据所述缩放处理信息以及所述目标控件展示区域在所述内容展示界面中的缩放前位置，确定所述目标位置，以及，设置所述目标控件展示区域在所述目标位置进行展示。

在一示例性实施例中，所述根据所述缩放处理信息以及所述目标控件展示区域在所述内容展示界面中的缩放前位置，确定所述目标位置，包括：在所述缩放前位置至少部分落在所述目标内容展示区域内，并且所述缩放处理信息中包括的所述展示比例小于第一预设比例阈值的情况下，确定所述目标位置在缩放后的所述目标内容展示区域之外。

在一示例性实施例中，所述确定所述目标位置在缩放后的所述目标内容展示区域之外，包括：在所述内容展示界面中，确定在所述缩放后的所述目标内容展示区域之外的下方区域；在所述下方区域中，确定所述目标位置。

在一示例性实施例中，所述根据所述缩放处理信息以及所述目标控件展示区域在所述内容展示界面中的缩放前位置，确定所述目标位置，包括：在所述缩放前位置落在所述目标内容展示区域外，并且所述缩放处理信息中包括的所述展示比例大于等于第二预设比例阈值的情况下，确定所述目标位置至少部分落在缩放后的所述目标内容展示区域内。

在一示例性实施例中，所述确定所述目标位置至少部分落在缩放后的所述目标内容展示区域内，包括：在所述内容展示界面中，确定在所述缩放后的所述目标内容展示区域内的上部区域；在所述上部区域中，确定所述目标位置。

在一示例性实施例中，所述方法还包括：获取所述目标内容展示区域中展示的目标内容的内容展示比例；在所述内容展示比例大于预设比例的情况下，将所述目标控件展示区域固定设置在所述目标内容展示区域之外展示。

在一示例性实施例中，所述确定与所述缩放操作对应的缩放处理信息，包括：获取所述缩放操作的移动方向和移动距离；根据所述缩放操作的移动方向，确定所述缩放操作的缩放属性；根据所述缩放操作的所述缩放属性和所述移动距离，确定缩放比例；根据所述缩放比例对所述目标内容展示区域进行缩放，确定缩放后的目标内容展示区域相对于所述内容展示界面的展示比例；根据所述缩放比例和所述展示比例，确定所述缩放操作对应的缩放处理信息。

在一示例性实施例中，所述根据所述缩放处理信息，确定所述目标内容展示区域在缩放处理后的区域展示参数，包括：根据所述缩放处理信息包括的所述缩放比例和所述目标内容展示区域在缩放前的尺寸，确定所述目标内容展示区域在缩放后的区域展示尺寸；在所述内容展示界面的上部区域中，确定区域展示位置；根据所述区域展示尺寸和所述区域展示位置确定所述区域展示参数。

在一示例性实施例中，所述根据所述缩放处理信息，对所述目标内容展示区域进行缩放展示，包括：将所述目标内容展示区域的顶边与所述内容展示界面的顶边对齐，按照所述缩放处理信息包括的缩放比例，对所述目标内容展示区域进行等比例缩放。

在一示例性实施例中，所述方法还包括：获取所述内容展示界面中各控件展示区域的位置和所述目标内容展示区域的位置；将与所述目标内容展示区域的位置存在重合的所述控件展示区域，确定为所述目标控件展示区域；或者，统计对所述内容展示界面中各控件展示区域的触发操作频率；对各所述控件展示区域对应的触发操作频率进行降序排序，将排序在前的预设数量的控件展示区域确定为所述目标控件展示区域。

根据本公开实施例的第二方面，提供一种内容展示装置，包括：

缩放操作接收单元，被配置为接收实施在内容展示界面的缩放操作，所述内容展示界面至少包括目标内容展示区域和目标控件展示区域；

缩放处理信息确定单元，被配置为确定与所述缩放操作对应的缩放处理信息，所述缩放处理信息至少包括所述目标内容展示区域被缩放处理后相对于所述内容展示界面的展示比例；

缩放展示单元，被配置为根据所述缩放处理信息，对所述目标内容展示区域进行缩放展示，并设置所述目标控件展示区域在所述内容展示界面中的目标位置进行展示。

在一示例性实施例中，所述缩放展示单元包括：

内容区域展示子单元，被配置为根据所述缩放处理信息，确定所述目标内容展示区域在缩放处理后的区域展示参数，以及，根据所述区域展示参数，对所述目标内容展示区域进行展示，其中，所述区域展示参数至少包括所述目标内容展示区域在所述内容展示界面中的区域展示位置以及区域展示尺寸；

控件区域展示子单，被配置为根据所述缩放处理信息以及所述目标控件展示区域在所述内容展示界面中的缩放前位置，确定所述目标位置，以及，设置所述目标控件展示区域在所述目标位置进行展示。

在一示例性实施例中，所述控件区域展示子单元包括：第一目标位置确定模块，被配置为在所述缩放前位置至少部分落在所述目标内容展示区域内，并且所述缩放处理信息中包括的所述展示比例小于第一预设比例阈值的情况下，执行确定所述目标位置在缩放后的所述目标内容展示区域之外。

在一示例性实施例中，所述第一目标位置确定模块，包括：

第一区域确定子模块，被配置为在所述内容展示界面中，确定在所述缩放后的所述目标内容展示区域之外的下方区域；

第一目标位置确定子模块，被配置为在所述下方区域中，确定所述目标位置。

在一示例性实施例中，所述控件区域展示子单元包括：第二目标位置确定模块，被配置为在所述缩放前位置落在所述目标内容展示区域外，并且所述缩放处理信息中包括的所述展示比例大于等于第二预设比例阈值的情况下，执行确定所述目标位置至少部分落在缩放后的所述目标内容展示区域内。

在一示例性实施例中，所述第二目标位置确定模块，包括：

第二区域确定子模块，被配置为在所述内容展示界面中，确定在所述缩放后的所述目标内容展示区域内的上部区域；

第二目标位置确定子模块，被配置为在所述上部区域中，确定所述目标位置。

在一示例性实施例中，所述内容展示装置还包括：内容展示比例获取单元，被配置为获取所述目标内容展示区域中展示的目标内容的内容展示比例；

第一展示单元，被配置为在所述内容展示比例大于预设比例的情况下，将所述目标控件展示区域固定设置在所述目标内容展示区域之外展示。

在一示例性实施例中，所述缩放处理信息确定单元包括：

缩放操作获取子单元，被配置为获取所述缩放操作的移动方向和移动距离；

缩放属性确定子单元，被配置为根据所述缩放操作的移动方向，确定所述缩放操作的缩放属性；

缩放比例确定子单元，被配置为根据所述缩放操作的所述缩放属性和所述移动距离，确定缩放比例；

展示比例获取子单元，被配置为根据所述缩放比例对所述目标内容展示区域进行缩放，确定缩放后的目标内容展示区域相对于所述内容展示界面的展示比例；

缩放处理信息确定子单元，被配置为根据所述缩放比例和所述展示比例，确定所述缩放操作对应的缩放处理信息。

在一示例性实施例中，所述内容区域展示子单元包括：

区域展示尺寸确定模块，被配置为根据所述缩放处理信息包括的所述缩放比例和所述目标内容展示区域在缩放前的尺寸，确定所述目标内容展示区域在缩放后的区域展示尺寸；

区域展示位置确定模块，被配置为在所述内容展示界面的上部区域中，确定区域展示位置；

区域展示参数确定模块，被配置为根据所述区域展示尺寸和所述区域展示位置确定所述区域展示参数。

在一示例性实施例中，所述缩放展示单元，还被配置为将所述目标内容展示区域的顶边与所述内容展示界面的顶边对齐，按照所述缩放处理信息包括的缩放比例，对所述目标内容展示区域进行等比例缩放。

在一示例性实施例中，所述内容展示装置还包括：目标控件展示区域确定单元，被配置为获取所述内容展示界面中各控件展示区域的位置和所述目标内容展示区域的位置；将与所述目标内容展示区域的位置存在重合的所述控件展示区域，确定为所述目标控件展示区域；或者，统计对所述内容展示界面中各控件展示区域的触发操作频率；对各所述控件展示区域对应的触发操作频率进行降序排序，将排序在前的预设数量的控件展示区域确定为所述目标控件展示区域。

根据本公开实施例的第三方面，提供一种电子设备，包括：

处理器；

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

其中，所述处理器被配置为执行所述指令，以实现如上述第一方面所述的内容展示方法。

根据本公开实施例的第三方面，提供一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如上述第一方面所述的内容展示方法。

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

本公开的实施例接收实施在内容展示界面的缩放操作，确定与缩放操作对应的缩放处理信息，进而根据缩放处理信息，对内容展示界面中的目标内容展示区域进行缩放展示，并在内容展示界面中确定出目标位置，将目标控件展示区域设置在目标位置进行展示。实现针对目标内容在缩放过程中的展示变化，实时动态调整目标控件展示区域在内容展示界面中的位置，避免目标控件展示区域对展示于目标内容展示区域内的目标内容形成较大范围的遮挡，提升视频缩放后的观看体验。

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

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的视频播放系统的示意图。

图2是根据一示例性实施例示出的一种内容展示方法的流程图。

图3是根据一示例性实施例示出的基于缩放处理信息进行内容展示的方法的流程图。

图4是根据一示例性实施例示出的一种在展示界面中展示内容的示意图。

图5是根据一示例性实施例示出的展示界面中展示内容随缩小操作变化的示意图。

图6是根据一示例性实施例示出的展示界面中展示内容随放大操作变化的示意图。

图7是根据一示例性实施例示出的另一种在展示界面中展示内容的示意图。

图8是根据一示例性实施例示出的展示界面中展示内容随缩小操作变化的示意图。

图9是根据一示例性实施例示出的一种实现内容展示的数据处理方法的流程图。

图10是根据一示例性实施例示出的一种内容展示装置的框图。

图11是根据一示例性实施例示出的一种内容展示装置的框图。

图12是根据一示例性实施例示出的一种用于对展示内容进行处理的电子设备的框图。

图13是根据一示例性实施例示出的一种用于对展示内容进行处理的电子设备的框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

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

图1是根据一示例性实施例示出的视频播放系统的示意图，如图1所示，该系统包括：视频上传终端10、视频观看终端20、服务器30以及通信网络。视频上传终端10用于通过通信网络将视频相关信息上传至服务器30。其中，视频上传终端10在上传视频之前或之后，可以执行包括拍摄操作、配置操作、调整操作中的至少一种，该视频上传终端10可以对视频进行拍摄后，对视频进行视频剪辑、音乐配置、图文配置等，并对视频的参数进行调整后，将视频通过通信网络上传至服务器30，该视频参数包括：视频的时长、视频的清晰度、视频的码率等；也可以获取已拍摄的视频作为素材，通过视频上传终端10上传至服务器30。可选地，该视频上传终端10可以是手机、平板电脑、智能手表等移动终端，也可以是台式电脑、便携式笔记本电脑等终端。

视频观看终端20用于通过通信网络从服务器30获取视频进行观看。可选地，该视频观看终端20可以是智能手机、平板电脑、智能手表等移动终端。视频观看终端20提供一内容展示界面用于对视频及视频关联控件进行展示，内容展示界面至少包括目标内容展示区域和目标控件展示区域，目标内容展示区域用于展示诸如视频等目标内容，目标控件展示区域用于展示点赞、加关注等特定控件。视频观看终端20支持触摸控制，通过对内容展示界面进行触控操作，可以实现对目标内容展示区域的放大或缩小控制，在目标内容展示区域缩小后，还可以在内容展示界面中目标内容展示区域的下方显示评论展示区域，评论展示区域用于展示评论信息。

服务器30用于通过通信网络接收视频上传终端10上传的视频。可选地，服务器30还用于将视频发送至视频观看终端20，当服务器30将视频发送至视频观看终端20，在视频播放过程中检测到对内容展示界面的缩放操作时，视频观看终端20根据缩放操作对目标内容展示区域进行缩放，同时对目标控件展示区域的展示位置进行调整，以避免展示于缩小后的目标内容展示区域内的目标内容被展示于目标控件展示区域内的目标控件遮挡。可选地，该服务器30可以是一台独立的服务器，也可以是一组服务器，该服务器30可以是物理服务器，也可以是云服务器，本公开实施例对此不加以限定。

结合上述视频播放系统，对本公开提供的内容展示方法进行说明。图2是根据一示例性实施例示出的一种内容展示方法的流程图，以该方法应用在如图1所示的视频观看终端20中为例进行说明，如图2所示，该方法包括以下步骤：

S201，接收实施在内容展示界面的缩放操作。

内容展示界面是以终端设备的屏幕为载体进行内容展示的界面，内容展示界面至少包括目标内容展示区域和目标控件展示区域，其中，目标内容展示区域用于展示诸如视频等目标内容，目标控件展示区域用于展示目标控件。内容展示界面中可以展示多个控件，例如展示于目标内容相关的作品名称、作者昵称、用户头像、关注按钮、点赞按钮、转发按钮、收藏按钮及评论框等，目标控件是指内容展示界面中满足预设条件的至少部分控件，其包括但不限于对目标内容展示区域中展示的目标内容形成遮挡的控件，以及用户触发操作频率较高的部分控件。内容展示界面还可以包括评论展示区域，评论展示区域用于展示评论内容，用户可以通过对内容展示界面实施缩放操作，降低目标内容展示区域在目标内容展示界面中的占比，来在内容展示界面中目标内容展示区域以外的位置展示评论展示区域。

用户可以通过手指或者触摸笔触控屏幕，以对内容展示界面实施缩放操作。具体可以通过单指上下滑动实现缩放操作，或者，通过多指向内滑动或者向外滑动来实现缩放操作。

在一个可能的实现方式中，可以通过如下方法确定目标控件展示区域：获取内容展示界面中各控件展示区域的位置和目标内容展示区域的位置；将与目标内容展示区域的位置存在重合的控件展示区域，确定为目标控件展示区域；或者，统计对内容展示界面中各控件展示区域的触发操作频率；对各控件展示区域对应的触发操作频率进行降序排序，将排序在前的预设数量的控件展示区域确定为目标控件展示区域。

S203，确定与缩放操作对应的缩放处理信息。

缩放处理信息至少包括目标内容展示区域被缩放处理后相对于内容展示界面的展示比例。

在一个可能的实现方式中，确定与缩放操作对应的缩放处理信息可以包括：获取缩放操作的移动方向和移动距离；根据缩放操作的移动方向，确定缩放操作的缩放属性；根据缩放操作的缩放属性和移动距离，确定缩放比例；根据缩放比例对目标内容展示区域进行缩放，确定缩放后的目标内容展示区域相对于内容展示界面的展示比例；根据缩放比例和展示比例，确定缩放操作对应的缩放处理信息。

具体的，可以预先获取目标内容展示区域的尺寸和内容展示界面的尺寸，根据缩放比例对目标内容展示区域进行等比例缩放，得到目标内容展示区域缩放后的尺寸，将目标内容展示区域缩放后的尺寸与内容展示界面的尺寸的比值，作为缩放后的目标内容展示区域相对于内容展示界面的展示比例。

S205，根据缩放处理信息，对目标内容展示区域进行缩放展示，并设置目标控件展示区域在内容展示界面中的目标位置进行展示。

在缩放前，内容展示界面中的目标内容展示区域和目标控件展示区域存在如下两种展示方式。一种为目标控件展示区域全部展示于目标内容展示区域以外，目标内容展示区域和目标控件展示区域在内容展示界面中相互独立展示，互不重叠；另一种为目标控件展示区域的部分或者全部展示于目标内容展示区域以内，呈现目标控件展示区域叠加在目标内容展示区域之上的展示效果。

请参见图3，可以根据如下方法对内容展示界面中的目标内容展示区域和目标控件展示区域进行展示，包括步骤：

S301，根据缩放处理信息，确定目标内容展示区域在缩放处理后的区域展示参数，以及，根据区域展示参数，对目标内容展示区域进行展示。

具体的，可以根据缩放处理信息包括的缩放比例和目标内容展示区域在缩放前的尺寸，确定目标内容展示区域在缩放后的区域展示尺寸；在内容展示界面的上部区域中，确定区域展示位置；根据区域展示尺寸和区域展示位置确定区域展示参数。进一步的，根据区域展示参数中的区域展示尺寸调整目标内容展示区域的尺寸，并将调整尺寸后的目标内容展示区域设置在区域展示位置进行展示。

在一个可能的实现方式中，可以将目标内容展示区域的顶边与内容展示界面的顶边对齐，按照缩放处理信息包括的缩放比例，对目标内容展示区域进行等比例缩放，以使缩放后的目标内容展示区域处于内容展示界面的上部。本公开实施例在内容展示界面的上部区域中确定区域展示位置，使目标内容展示区域在内容展示界面的上部进行展示，与用户握持手持移动终端的中下部分的使用习惯契合，能够防止手指遮挡及误触屏幕。

S303，根据缩放处理信息以及目标控件展示区域在内容展示界面中的缩放前位置，确定目标位置。

S305，设置目标控件展示区域在目标位置进行展示。

其中，步骤S303根据缩放处理信息以及目标控件展示区域在内容展示界面中的缩放前位置，确定目标位置，可以包括：

S3031，在缩放前位置至少部分落在目标内容展示区域内，并且缩放处理信息中包括的展示比例小于第一预设比例阈值的情况下，确定目标位置在缩放后的目标内容展示区域之外。其中，执行确定目标位置在缩放后的目标内容展示区域之外的步骤，可以先在内容展示界面中，确定出在缩放后的目标内容展示区域之外的下方区域，进而在下方区域中确定出目标位置。

S3032，在缩放前位置落在目标内容展示区域外，并且缩放处理信息中包括的展示比例大于等于第二预设比例阈值的情况下，确定目标位置至少部分落在缩放后的目标内容展示区域内。其中，执行确定目标位置至少部分落在缩放后的目标内容展示区域内的步骤，可以先在内容展示界面中，确定出在缩放后的目标内容展示区域内的上部区域，然后在上部区域中确定出目标位置。

本公开实施例根据目标控件展示区域在缩放操作前所处的缩放前位置，结合目标内容展示区域被缩放处理后相对于内容展示界面的展示比例，来确定用于展示缩放后的目标控件展示区域的目标位置。在缩放后的目标内容展示区域占据内容展示界面的面积较大(即展示比例大于等于第二预设比例阈值)的情况下，在内容展示界面中除目标内容展示区域以外可能没有足够的空间展示目标控件展示区域，确定目标位置至少部分落在缩放后的目标内容展示区域内，使目标控件展示区域伴随缩放操作从目标内容展示区域之外变化到至少部分落在目标内容展示区域以内，此时，由于目标内容展示区域较大，即使目标控件展示区域与目标内容展示区域有部分重叠，其对目标内容展示区域的遮挡影响也较小，不会影响用户观看展示于目标内容展示区域中的目标内容。

在缩放后的目标内容展示区域占据内容展示界面的面积较小(即展示比例小于第二预设比例阈值)的情况下，在内容展示界面中除目标内容展示区域以外已有足够的空间展示目标控件展示区域，确定目标位置在缩放后的目标内容展示区域之外，使目标控件展示区域伴随缩放操作从至少部分落在目标内容展示区域以内变化到完全处于目标内容展示区域之外；此时，虽然目标内容展示区域变小，但目标空间展示区域展示在目标内容展示区域以外，不会遮挡目标内容展示区域中的目标内容，不会影响用户观看目标内容。

本公开的实施例接收实施在内容展示界面的缩放操作，确定与缩放操作对应的缩放处理信息，进而根据缩放处理信息，对内容展示界面中的目标内容展示区域进行缩放展示，并在内容展示界面中确定出目标位置，将目标控件展示区域设置在目标位置进行展示。实现针对目标内容在缩放过程中的展示变化，实时动态调整目标控件展示区域在内容展示界面中的位置，避免目标控件展示区域对展示于目标内容展示区域内的目标内容形成较大范围的遮挡，提升视频缩放后的观看体验。

当前市面上终端设备的屏幕存在多种尺寸，其屏幕比例各不相同，主要可以分为屏幕比例大于9:16的机型和屏幕比例小于等于9:16的机型，采用这些终端设备拍摄的视频也具有不同的比例，这些拍摄的视频被制作成视频作品并在不同的用户终端上展示时，如果视频的比例与展示该视频的终端的屏幕比例相同，则视频可以占满终端的整个屏幕进行展示，如果视频的比例与展示该视频的终端的屏幕比例不相同，存在视频无法占满整个屏幕的现象。相关技术中，在终端上展示视频内容时，为了给用户更好的观看体验，一般会在接收到用户对视频内容的触发操作时，在终端屏幕上以最大的展示区域展示视频内容，即，将视频的长度或者宽度占满屏幕进行展示，并将相关控件叠加展示在视频之上。然而，当用户对视频进行缩小操作后，展示在视频上方的控件会对缩小后的视频形成较大面积的遮挡，影响视频观感。

针对上述现状，本公开实施例提供一种内容展示方法，可以根据视频等目标内容的比例，在终端提供的内容展示界面中以不同方式展示目标内容和目标控件，实现在以最大的展示区域展示目标内容的同时，尽可能减少目标控件对目标内容的遮挡。

具体的，本公开实施例的内容展示方法包括如下步骤：

步骤一，获取目标内容展示区域中展示的目标内容的内容展示比例。

在接收到内容展示触发操作的情况下，获取待展示于目标内容展示区域中的目标内容的内容展示比例，该内容展示比例可以根据目标内容的宽度与高度之间的比值确定。

步骤二，在内容展示比例大于预设比例的情况下，将目标控件展示区域固定设置在目标内容展示区域之外展示；在内容展示比例小于等于预设比例的情况下，将至少部分目标控件展示区域设置在目标内容展示区域内。其中，预设比例可以根据主流设备的屏幕比例来确定，例如，当前主流设备的屏幕比例为9:16，可设定预设比例为9:16。

目标内容以占满目标内容展示区域的高度或者宽度的方式在目标内容展示区域内展示，目标内容展示区域的高度不超过内容展示界面的高度，目标内容展示区域的宽度不超过内容展示界面的宽度。本公开实施例针对目标内容不同的展示比例，提供了如下两种展示方式以展示目标内容展示区域和目标控件展示区域。

方式一：在内容展示比例大于预设比例的情况下，将目标控件展示区域固定设置在目标内容展示区域之外展示。

在目标内容的内容展示比例大于预设比例的情况下，目标内容展示区域的宽度占满内容展示界面的宽度，且在内容展示界面中目标内容展示区域的之外还有部分区域，将目标控件展示区域固定设置在这部分区域内。请参见图7，在目标内容展示区域72占满终端显示界面的宽度进行展示时，目标内容展示区域72的底部距离内容展示界面的底部还有一部分空间，将目标控件展示区域71展示在这部分空间中。

后续接收到实施在内容展示界面的缩放操作时，可以根据缩放操作对应的缩放处理信息，对目标内容展示区域进行缩放展示，在内容展示界面中除缩放后的目标内容展示区域以外的区域中确定目标位置，进而在目标位置上展示目标控件展示区域。当目标控件展示区域固定设置在目标内容展示区域以外时，无论目标内容展示区域如何缩放，目标控件展示区域始终处于目标内容展示区域之外，显示在目标控件展示区域内的目标控件不会对显示于目标内容展示区域内的目标控件形成遮挡。

请参见图8，当用户在目标内容展示区域72内实施向上滑动的缩放操作时，目标内容展示区域72以内容展示界面的顶边为基准等比例缩小，目标内容展示区域72的底边逐渐向内容展示界面的顶边靠近，目标控件展示区域71随目标内容展示区域72向上移动，目标控件展示区域71上移后，目标控件展示区域71的下方区域可用于展示评论区域73。相应的，当用户在目标内容展示区域72向下滑动时，目标控件展示区域71以内容展示界面的顶边为基准等比例放大，目标内容展示区域72的底边逐渐向内容展示界面的底边靠近，目标控件展示区域71随目标内容展示区域72向下移动。将目标控件展示区域设置在目标内容展示区域的底部，在缩放过程中，目标控件展示区域不会与目标内容展示区域发生重叠，从而不会遮挡目标内容展示区域中展示的目标内容，能够给用户提供更好的内容观看体验；此外，将目标控件展示区域设置在目标内容展示区域底部，当用户通过缩小操作调出评论区域查看评论数据时，目标内容展示区域在目标内容展示界面继续展示，目标控件展示区域位于目标内容展示区域与评论区域之间，处于内容展示界面的中间区域，方便用户对目标控件展示区域中展示的目标控件进行操作，尤其使得单手操作目标控件变得容易。

方式二：在内容展示比例小于等于预设比例的情况下，将至少部分目标控件展示区域设置在目标内容展示区域内。

在目标内容的内容展示比例小于等于预设比例的情况下，目标内容展示区域的宽度与内容展示界面的宽度相近或相等、目标内容展示区域的高度与内容展示界面的高度相近或相等，此时，目标内容展示区域以接近占满内容展示界面的方式进行展示，内容展示界面中除目标内容展示区域以外没有足够的区域展示目标控件展示区域，将至少部分目标控件展示区域设置在目标内容展示区域内。后续接收到实施在内容展示界面的缩放操作时，根据图2对应的内容展示方法对目标内容展示区域进行缩放展示，并动态调整目标控件展示区域在内容展示界面中的展示位置。

为实现在缩放过程中动态调整目标控件的展示位置，在一个可能的实现方式中，可以预先在内容展示界面的UI布局中，将展示在目标内容展示区域内的目标控件展示区域复制一份设置在目标内容展示区域之外，并设置复制的目标控件展示区域为隐藏状态。如图4所示，在目标内容展示区域63的上方展示包括用户头像和关注按钮的目标控件展示区域61，在目标内容展示区域63的底部隐藏一与目标控件展示区域61完全相同的目标控件展示区域62，图4中为方便说明，以虚线框绘制出了目标控件展示区域62，用户在观看内容时，该虚线框是不可见的。内容展示界面中两个相同的目标控件展示区域61、62，将参与到跟随缩放操作的渐变动画中。即，当用户在内容展示界面实施缩放操作时，根据缩放操作对应的缩放处理信息，对目标内容展示区域进行缩小或放大，同时对两个目标控件展示区域进行择一展示，达到目标控件展示区域在目标内容展示区域内和外之间来回转移的效果。具体实施步骤如下。

(1)在内容展示比例小于等于预设比例的情况下，将目标控件展示区域的至少部分展示在目标内容展示区域内。

(2)接收实施在内容展示界面的缩放操作，确定与缩放操作对应的缩放处理信息，根据缩放处理信息，对目标内容展示区域进行缩放展示，并设置目标控件展示区域在内容展示界面中的目标位置进行展示。

其中，对内容展示界面中各内容的缩放操作包括缩小操作和放大操作，具体可以根据缩放操作的移动方向与缩放属性的对应关系，确定缩放操作是缩小操作或者放大操作。缩小操作情况下，缩放处理信息包括目标内容展示区域被缩小处理后相对于内容展示界面的展示比例，放大操作情况下，缩放处理信息包括目标内容展示区域被放大处理后相对于内容展示界面的展示比例，以下将展示在目标内容展示区域内的目标控件展示区域作为第一目标控件展示区域，将设置在目标内容展示区域之外的目标控件展示区域作为第二目标控件展示区域，对第一目标控件展示区域和第二目标控件展示区域在缩小操作和放大操作情况下的展示方式进行说明。

当缩放操作为缩小操作时，根据缩小操作的移动距离确定缩小比例，计算根据缩小比例对目标内容展示区域进行缩小后得到的尺寸，将目标内容展示区域缩小后的尺寸与内容展示界面的尺寸的比值，作为缩小后的目标内容展示区域相对于内容展示界面的展示比例，根据缩小比例和展示比例，确定缩小操作对应的缩放处理信息。根据缩放处理信息中的缩小比例和目标展示区域缩小前的尺寸，计算目标展示区域缩小后的区域展示尺寸，将目标内容展示区域按照区域展示尺寸展示于内容展示界面的上部区域中。

与此同时，判断缩放处理信息中包括的展示比例是否小于第一预设比例阈值，在展示比例小于第一预设比例阈值的情况下，确定目标控件展示区域的目标展示位置处于缩小后的目标内容展示区域之外；在展示比例大于等于第一预设比例阈值的情况下，确定目标控件展示区域的目标展示位置至少部分处于缩小后的目标内容展示区域内。在一个可行的实现方式中，可以结合预设的UI布局，根据展示比例与第一预设比例阈值的比较结果，将设置在内容展示界面中的两个目标控件展示区域进行择一展示，具体为：在展示比例小于第一预设比例阈值的情况下，显示目标内容展示区域内的目标控件展示区域，并隐藏目标内容展示区域之外的目标控件展示区域；在展示比例大于等于第一预设比例阈值的情况下，显示目标内容展示区域之外的目标控件展示区域，并隐藏目标内容展示区域内的目标控件展示区域。

获取缩小操作前第一目标控件展示区域和第二目标控件展示区域的展示参数，展示参数包括高度和透明度，其中第一目标控件展示区域为完全显示状态，其高度为m(m＞0)透明度为0，第二目标控件展示区域为隐藏状态，其高度为0透明度为1。

在展示比例大于等于第一预设比例阈值的情况下，保持第一目标控件展示区域和第二目标控件展示区域的展示参数不变，控制第二目标控件展示区域跟随目标内容展示区域进行位置调整。具体的，可以将目标内容展示区域与第二目标控件展示区域进行位置关联，使得第二目标控件展示区域的位置跟随目标内容展示区域的位置变动而调整，调整过程中，第二目标控件展示区域与目标内容展示区域之间的相对位置保持不变。

在展示比例小于第一预设比例阈值的情况下，对第一目标控件展示区域进行透明度提升，对第二目标控件展示区域进行透明度降低并增大第二目标控件展示区域的高度。具体的，根据缩小操作对应的移动距离和第一目标控件展示区域的高度m，计算第一目标控件展示区域的第一透明度数值、第二目标控件展示区域的第二透明度数值以及第二目标控件的目标高度值。其中，第一透明度数值＝缩小操作的移动距离/高度m，第二透明度数值＝缩小操作的移动距离/高度m，目标高度值＝(缩小操作的移动距离/高度m)×高度m，将第一目标控件展示区域的透明度由当前值提高至第一透明度数值、将第二目标控件展示区域的显示高度由当前值提高至目标高度值、将第二目标控件展示区域的透明度由当前值降低至第二透明度数值。当缩小操作的移动距离与高度m相等时，第一目标控件展示区域的透明度为1，此时第一目标控件展示区域呈隐藏状态，第二目标控件展示区域的高度为m，并且第二目标控件展示区域的透明度为0，此时第二目标控件展示区域显示状态。

图5是根据一示例性实施例示出的展示界面中展示内容随缩小操作变化的示意图。请参见图5，当接收到用户向内容展示界面施加向上滑动的操作时，第一目标控件展示区域的透明度逐渐增大，第二目标控件展示区域的透明度逐渐减小第二目标控件展示区域的高度逐渐增加；当用户向上滑动的距离超过第一目标控件展示区域的高度m时，第一目标控件展示区域的透明度为1，第二目标控件展示区域的透明度为0、高度与第一目标控件展示区域的高度相等，此时，第一目标控件展示区域被隐藏，第二目标控件展示区域被显示出来。随着第二目标控件展示区域上移，布局在第二目标控件展示区域下方的评论展示区域被显示出来，用户通过在评论展示区域进行滑动操作，可以查看评论。

在缩小操作过程中，位于目标内容展示区域上的第一目标控件展示区域与位于目标内容展示区域以外的第二目标控件展示区域之间，呈现此消彼长的动态变化，通过透明度和高度值改变呈现出渐隐渐显的动画效果，一方面消除了目标控件展示区域对缩小后的目标内容展示区域形成遮挡的问题，另一方面丰富了缩小过程中的呈现效果，给用户带来丰富的视觉体验。

进一步的，还包括对缩小后的目标内容展示区域进行放大的处理流程。包括：接收施加在内容展示界面中的放大操作，该内容展示界面中目标控件展示区域位于目标内容展示区域之外，根据放大操作的移动距离确定放大比例，计算根据放大比例对目标内容展示区域进行放大后得到的尺寸，将目标内容展示区域放大后的尺寸与内容展示界面的尺寸的比值，作为放大后的目标内容展示区域相对于内容展示界面的展示比例，根据放大比例和展示比例确定放大操作对应的缩放处理信息。根据缩放处理信息中的放大比例和目标展示区域放大前的尺寸，计算目标展示区域放大后的区域展示尺寸，将目标内容展示区域按照区域展示尺寸展示于内容展示界面中。同时，将缩放处理信息中的展示比例与第二预设比例阈值进行比对，在展示比例小于第二预设比例阈值的情况下，确定目标控件展示区域的目标展示位置处于放大后的目标内容展示区域之外；在展示比例大于等于第二预设比例阈值的情况下，确定目标控件展示区域的目标展示位置至少部分位于放大后的目标内容展示区域内。结合预设的UI布局，可以根据展示比例与第二预设比例阈值的比对结果，来将设置在目标内容展示区域内的第一目标内容展示区域和设置在目标内容展示区域以外的第二目标内容展示区域进行择一展示，具体包括：

获取放大操作前第一目标控件展示区域和第二目标控件展示区域的展示参数，展示参数包括高度和透明度，其中第一目标控件展示区域为隐藏状态，其高度为m，透明度为1，第二目标控件展示区域为完全显示状态，其高度为m，透明度为0。

在展示比例小于第二预设比例阈值的情况下，保持第一目标控件展示区域和第二目标控件展示区域的展示参数不变，控制第二目标控件展示区域跟随目标内容展示区域进行位置调整，具体可以将目标内容展示区域与第二目标控件展示区域进行位置关联，使得第二目标控件展示区域的位置跟随目标内容展示区域的位置变动而调整，第二目标控件展示区域与目标内容展示区域之间的相对位置在放大操作前后保持不变。

在展示比例大于等于第一预设比例阈值的情况下，降低第一目标控件展示区域的透明度，增大第二目标控件展示区域的透明度并降低第二目标控件展示区域的高度。具体可以根据放大操作对应的移动距离和第一目标控件展示区域的高度m，计算第一目标控件展示区域的第三透明度数值、第二目标控件展示区域的第四透明度数值以及第二目标控件展示区域的目标高度值，其中，第三透明度数值＝(1-放大操作的移动距离)/高度m，第四透明度数值＝放大操作的移动距离/高度m，目标高度值＝[(1-放大操作的移动距离)/高度m]×高度m，将第一目标控件展示区域的透明度由当前值降低至第三透明度数值、将第二目标控件展示区域的显示高度由当前值降低至目标高度值、将第二目标控件展示区域的透明度由当前值提升至第四透明度数值，当放大操作的移动距离与高度m相等时，第一目标控件展示区域的透明度下降为0，此时第一目标控件展示区域呈显示状态，第二目标控件展示区域的高度降低至0，并且第二目标控件展示区域的透明度上升为1，此时第二目标控件展示区域呈隐藏状态。

图6是根据一示例性实施例示出的展示界面中展示内容随放大操作变化的示意图。请参见图6，当接收到用户向内容展示界面施加向下滑动的操作时，目标内容展示区域逐渐变大，评论展示区域的空间被逐渐挤压，第一目标控件展示区域的透明度逐渐减小，第二目标控件展示区域的透明度逐渐增加，同时，第二目标控件展示区域的高度逐渐减小，当用户向下滑动的距离超过第一目标控件展示区域的高度时，第一目标控件展示区域的透明度为1，第二目标控件展示区域的透明度为1、高度为0，第一目标控件展示区域被显示、第二目标控件展示区域和评论展示区域被隐藏。

在放大操作过程中，位于目标内容展示区域上方的第一目标控件展示区域逐渐显现，位于目标内容展示区域之外的第二目标控件展示区域逐渐隐藏，呈现目标控件展示区域由目标内容展示区域之外变换到目标内容展示区域之内的动画效果，提升了视频观看体验。

在一个可能的实现方式中，可以根据缩放处理信息配合动画插值器，对内容展示界面中两个目标控件展示区域做动画，来实现使目标控件展示区域在目标内容展示区域内和外之间来回转移的效果。图9是根据一示例性实施例示出的在视频元素的显示比例不大于显示界面的显示比例时的一种内容展示方法的流程图，请参见图9，内容展示方法具体可以包括如下步骤：

S901、获取用户滑动页面的操作。

具体的，响应于用户滑动页面的手势，获取滑动手势的滑动方向和滑动距离。

S903、根据用户滑动手势的方向和滑动距离，对视频元素进行缩小或放大。

S905、判断滑动手势对应的滑动距离是否超过动画滑动阈值，当滑动距离没有超过动画滑动阈值时，判定此处滑动操作为无效操作，不需要对用户滑动操作进行响应，当滑动距离超过动画滑动阈值时，执行步骤S907。

S907、根据滑动手势对应的滑动距离计算动画进度百分比X。

根据用户滑动手势的方向和动画进度百分比X，进行第一目标控件展示区域和第二目标控件展示区域的动画变换。

其中，对第二目标控件展示区域的动画变换包括：

S909、将动画进度百分比X传入视频底部的第二目标控件展示区域的第一动画插值器；

S911、通过第一动画插值器计算的值，确定出第一调节参数；

S913、将第一调节参数设置进视频底部的第二目标控件展示区域中，改变第二目标控件展示区域的UI效果。

具体的，第一调节参数包括第二目标控件展示区域的高度和透明度。第二目标控件展示区域的初始高度为0，初始透明度为1，在缩小操作中，第二目标控件展示区域的高度随滑动距离的增大而增大，透明度随滑动距离的增大而减小，在放大操作中，第二目标控件展示区域的高度随滑动距离的增大而减小，透明度随滑动距离的增大而增大。以使第二目标控件展示区域呈现随用户的缩小操作逐渐显现、随用户的扩大操作逐渐隐藏的动画效果。

对第一目标控件展示区域的动画变换包括：

S915、将(1-X)传入视频顶部第一目标控件展示区域的第二动画插值器；

S917、通过第二动画插值器计算的值，确定出第二调节参数；

S919、将第二调节参数设置进视频顶部第一目标控件展示区域中，改变第一目标控件展示区域的UI效果。

具体的，第二调节参数包括第一目标控件展示区域的透明度。第一目标控件展示区域的初始透明度为0，在缩小操作中，第一目标控件展示区域的透明度随滑动距离的增大而增大，在放大操作中，第一目标控件展示区域的透明度随滑动距离的增大而减小。以使第一目标控件展示区域呈现随用户的缩小操作逐渐隐藏、随用户的扩大操作逐渐显现的动画效果。

本公开的实施例通过将目标内容展示区域中展示的目标内容的内容展示比例与预设比例阈值进行比对，根据比对结果采用不同的UI布局方式来在内容展示界面上展示内容，在内容展示比例大于预设比例的情况下，将目标控件展示区域固定设置在目标内容展示区域之外展示，当用户对内容展示界面实施缩放操作时，第二目标控件展示区域随目标内容展示区域的位置改变而移动；在内容展示比例小于等于预设比例的情况下，将至少部分第一目标控件展示区域设置在目标内容展示区域内，同时在目标内容展示区域的底部隐藏与第一目标控件展示区域完全相同的第二目标控件展示区域，在用户向内容展示界面实施缩放操作过程中，第一目标控件展示区域和第二目标控件展示区域择一显示，呈现目标控件展示区域在目标内容展示区域内外来回切换的动画效果。

图10是根据一示例性实施例示出的一种内容展示装置的框图。参照图10，该内容展示装置10包括缩放操作接收单元101、缩放处理信息确定单元102和缩放展示单元103。

缩放操作接收单元101，被配置为接收实施在内容展示界面的缩放操作，所述内容展示界面至少包括目标内容展示区域和目标控件展示区域；缩放处理信息确定单元102，被配置为确定与所述缩放操作对应的缩放处理信息，所述缩放处理信息至少包括所述目标内容展示区域被缩放处理后相对于所述内容展示界面的展示比例；缩放展示单元103，被配置为根据所述缩放处理信息，对所述目标内容展示区域进行缩放展示，并设置所述目标控件展示区域在所述内容展示界面中的目标位置进行展示。

图11是根据一示例性实施例示出的一种内容展示装置的框图。参照图11，该内容展示装置11包括内容展示比例获取单元111、第一展示单元112、第二展示单元113、缩放操作接收单元114、缩放处理信息确定单元115和缩放展示单元116。

在一个可行的实施例中，缩放展示单元116包括内容区域展示子单元1161和控件区域展示子单1162。其中，内容区域展示子单元1161，被配置为根据缩放处理信息，确定目标内容展示区域在缩放处理后的区域展示参数，以及，根据区域展示参数，对目标内容展示区域进行展示，其中，区域展示参数至少包括目标内容展示区域在内容展示界面中的区域展示位置以及区域展示尺寸；控件区域展示子单1162，被配置为根据缩放处理信息以及目标控件展示区域在内容展示界面中的缩放前位置，确定目标位置，以及，设置目标控件展示区域在目标位置进行展示。

在一个可行的实施例中，控件区域展示子单元1162包括第一目标位置确定模块11621。第一目标位置确定模块11621，被配置为在缩放前位置至少部分落在目标内容展示区域内，并且缩放处理信息中包括的展示比例小于第一预设比例阈值的情况下，执行确定目标位置在缩放后的目标内容展示区域之外。

在一个可行的实施例中，第一目标位置确定模块11621包括：第一区域确定子模块116211和第一目标位置确定子模块116212。第一区域确定子模块116211，被配置为在内容展示界面中，确定在缩放后的目标内容展示区域之外的下方区域；第一目标位置确定子模块116212，被配置为在下方区域中，确定目标位置。

在一个可行的实施例中，控件区域展示子单元1162包括第二目标位置确定模块11622。第二目标位置确定模块11622，被配置为在缩放前位置落在目标内容展示区域外，并且缩放处理信息中包括的展示比例大于等于第二预设比例阈值的情况下，执行确定目标位置至少部分落在缩放后的目标内容展示区域内。

在一个可行的实施例中，第二目标位置确定模块11622包括：第二区域确定子模块116221和第二目标位置确定子模块116222。第二区域确定子模块116221，被配置为在内容展示界面中，确定在缩放后的目标内容展示区域内的上部区域；第二目标位置确定子模块116222，被配置为在上部区域中，确定目标位置。

在一个可行的实施例中，内容展示比例获取单元111，被配置为获取目标内容展示区域中展示的目标内容的内容展示比例；第一展示单元112，被配置为在内容展示比例大于预设比例的情况下，将目标控件展示区域固定设置在目标内容展示区域之外展示。

在一个可行的实施例中，缩放处理信息确定单元115包括缩放操作获取子单元1151、缩放属性确定子单元1152、缩放比例确定子单元1153和展示比例获取子单元1154。缩放操作获取子单元1151，被配置为获取缩放操作的移动方向和移动距离；缩放属性确定子单元1152，被配置为根据缩放操作的移动方向，确定缩放操作的缩放属性；缩放比例确定子单元1153，被配置为根据缩放操作的缩放属性和移动距离，确定缩放比例；展示比例获取子单元1154，被配置为根据缩放比例对目标内容展示区域进行缩放，确定缩放后的目标内容展示区域相对于内容展示界面的展示比例；缩放处理信息确定子单元1155，被配置为根据缩放比例和展示比例，确定缩放操作对应的缩放处理信息。

在一个可行的实施例中，内容区域展示子单元1161包括：区域展示尺寸确定模块11611、区域展示位置确定模块11612和区域展示参数确定模块11613。区域展示尺寸确定模块11611，被配置为根据缩放处理信息包括的缩放比例和目标内容展示区域在缩放前的尺寸，确定目标内容展示区域在缩放后的区域展示尺寸；区域展示位置确定模块11612，被配置为在内容展示界面的上部区域中，确定区域展示位置；区域展示参数确定模块11613，被配置为根据区域展示尺寸和区域展示位置确定区域展示参数。

在一个可行的实施例中，缩放展示单元116，还被配置为将目标内容展示区域的顶边与内容展示界面的顶边对齐，按照缩放处理信息包括的缩放比例，对目标内容展示区域进行等比例缩放。

在一个可行的实施例中，内容展示装置11还包括目标控件展示区域确定单元。目标控件展示区域确定单元，被配置为获取内容展示界面中各控件展示区域的位置和目标内容展示区域的位置；将与目标内容展示区域的位置存在重合的控件展示区域，确定为目标控件展示区域；或者，统计对内容展示界面中各控件展示区域的触发操作频率；对各控件展示区域对应的触发操作频率进行降序排序，将排序在前的预设数量的控件展示区域确定为目标控件展示区域。

本公开的实施例接收实施在内容展示界面的缩放操作，确定与缩放操作对应的缩放处理信息，进而根据缩放处理信息，对内容展示界面中的目标内容展示区域进行缩放展示，并在内容展示界面中确定出目标位置，将目标控件展示区域设置在目标位置进行展示。实现针对目标内容在缩放过程中的展示变化，实时动态调整目标控件展示区域在内容展示界面中的位置，避免目标控件展示区域对展示于目标内容展示区域内的目标内容形成较大范围的遮挡，提升视频缩放后的观看体验。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图12是根据一示例性实施例示出的一种用于对展示内容进行处理的电子设备的框图。例如，电子设备可以是移动电话、计算机、数字广播终端、消息收发设备、游戏控制台、平板设备、医疗设备、健身设备、个人数字助理等。

参照图12，电子设备可以包括以下一个或多个组件：处理组件1202、存储器1204、电源组件1206、多媒体组件1208、音频组件1210、输入/输出(I/O)的接口1212、传感器组件1214以及通信组件1216。

处理组件1202通常控制电子设备的整体操作，诸如与显示、电话呼叫、数据通信、相机操作和记录操作相关联的操作。处理组件1202可以包括一个或多个处理器1220来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件1202可以包括一个或多个模块，便于处理组件1202和其他组件之间的交互。例如，处理组件1202可以包括多媒体模块，以方便多媒体组件1208和处理组件1202之间的交互。

存储器1204被配置为存储各种类型的数据以支持在电子设备的操作。这些数据的示例包括用于在电子设备上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图像，视频等。存储器1204可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)、电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)、可编程只读存储器(PROM)、只读存储器(ROM)、磁存储器、快闪存储器、磁盘或光盘。

电源组件1206为电子设备的各种组件提供电力。电源组件1206可以包括电源管理系统，一个或多个电源，及其他与为电子设备生成、管理和分配电力相关联的组件。

多媒体组件1208包括在电子设备和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件1208包括一个前置摄像头和/或后置摄像头。当电子设备处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件1210被配置为输出和/或输入音频信号。例如，音频组件1210包括一个麦克风(MIC)，当电子设备处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器1204或经由通信组件1216发送。在一些实施例中，音频组件1210还包括一个扬声器，用于输出音频信号。

I/O接口1212为处理组件1202和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件1214包括一个或多个传感器，用于为电子设备提供各个方面的状态评估。例如，传感器组件1214可以检测到电子设备的打开/关闭状态，组件的相对定位，例如组件为电子设备的显示器和小键盘，传感器组件1214还可以检测电子设备或电子设备一个组件的位置改变，用户与电子设备接触的存在或不存在，电子设备方位或加速/减速和电子设备的温度变化。传感器组件1214可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件1214还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件1214还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件1216被配置为便于电子设备和其他设备之间有线或无线方式的通信。电子设备可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或12G)，或它们的组合。在一个示例性实施例中，通信组件1216经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，通信组件1216还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，电子设备可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

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

在示例性实施例中，还提供了一种计算机程序产品，该计算机程序产品包括可读性程序代码，该可读性程序代码可由电子设备的处理器1220执行以完成上述方法。可选地，该程序代码可以存储在电子设备的存储介质中，该存储介质可以是非临时性计算机可读存储介质，例如，非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

图13是根据一示例性实施例示出的一种用于对展示内容进行处理的电子设备的框图。例如，电子设备1300可以被提供为一服务器。参照图13，电子设备1300包括处理组件1310，其进一步包括一个或多个处理器，以及由存储器1320所代表的存储器资源，用于存储可由处理组件1310的执行的指令，例如应用程序。存储器1320中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件1310被配置为执行指令，以执行上述内容展示方法。

电子设备1300还可以包括电源组1330，被配置为执行电子设备,1300的电源管理，一个有线或无线网络接口1350被配置为将电子设备1300连接到网络，和一个输入输出(I/O)接口1340。电子设备1300可以操作基于存储在存储器1320的操作系统，例如WindowsServerTM，MacOSXTM，UnixTM,LinuxTM，FreeBSDTM或类似。

本公开实施例还提供了一种存储介质。可选地，在本公开实施例中，上述存储介质可以用于执行内容展示方法的程序代码。

可选地，在本实施例中，上述存储介质可以位于上述实施例所示的至少一个电子设备上。当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行附图2所对应的内容展示方法。

可选地，本实施例中的具体示例可以参考上述实施例中所描述的示例，本实施例在此不再赘述。

可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，RandomAccessMemory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

本发明的实施例还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述各种可选实现方式中提供的内容展示方法。

本发明实施例提供了一种电子设备，所述电子设备包括处理器和存储器，存储器用于存储处理器可执行指令，其中，处理器被配置为执行所述可执行指令，以实现如图2所对应的内容展示方法。

存储器可用于存储软件程序以及模块，处理器通过运行存储在存储器的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、功能所需的应用程序等；存储数据区可存储根据所述设备的使用所创建的数据等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器还可以包括存储器控制器，以提供处理器对存储器的访问。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (20)

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

接收实施在内容展示界面的缩放操作，所述内容展示界面至少包括目标内容展示区域和目标控件展示区域；

确定与所述缩放操作对应的缩放处理信息，所述缩放处理信息至少包括所述目标内容展示区域被缩放处理后相对于所述内容展示界面的展示比例；

根据所述缩放处理信息，对所述目标内容展示区域进行缩放展示，并设置所述目标控件展示区域在所述内容展示界面中的目标位置进行展示；

所述根据所述缩放处理信息，对所述目标内容展示区域进行缩放展示，并设置所述目标控件展示区域在所述内容展示界面中的目标位置进行展示，包括：

根据所述缩放处理信息以及所述目标控件展示区域在所述内容展示界面中的缩放前位置，确定所述目标位置，以及，设置所述目标控件展示区域在所述目标位置进行展示；

所述根据所述缩放处理信息以及所述目标控件展示区域在所述内容展示界面中的缩放前位置，确定所述目标位置，包括：

在所述缩放前位置至少部分落在所述目标内容展示区域内，并且所述缩放处理信息中包括的所述展示比例小于第一预设比例阈值的情况下，确定所述目标位置在缩放后的所述目标内容展示区域之外；

所述确定所述目标位置在缩放后的所述目标内容展示区域之外，包括：

在所述内容展示界面中，确定在所述缩放后的所述目标内容展示区域之外的下方区域；

在所述下方区域中，确定所述目标位置。

2.根据权利要求1所述的方法，其特征在于，所述根据所述缩放处理信息，对所述目标内容展示区域进行缩放展示，并设置所述目标控件展示区域在所述内容展示界面中的目标位置进行展示，包括：

根据所述缩放处理信息，确定所述目标内容展示区域在缩放处理后的区域展示参数，以及，根据所述区域展示参数，对所述目标内容展示区域进行展示，其中，所述区域展示参数至少包括所述目标内容展示区域在所述内容展示界面中的区域展示位置以及区域展示尺寸。

3.根据权利要求1所述的方法，其特征在于，所述根据所述缩放处理信息以及所述目标控件展示区域在所述内容展示界面中的缩放前位置，确定所述目标位置，包括：

在所述缩放前位置落在所述目标内容展示区域外，并且所述缩放处理信息中包括的所述展示比例大于等于第二预设比例阈值的情况下，确定所述目标位置至少部分落在缩放后的所述目标内容展示区域内。

4.根据权利要求3所述的方法，其特征在于，所述确定所述目标位置至少部分落在缩放后的所述目标内容展示区域内，包括：

在所述内容展示界面中，确定在所述缩放后的所述目标内容展示区域内的上部区域；

在所述上部区域中，确定所述目标位置。

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

获取所述目标内容展示区域中展示的目标内容的内容展示比例；

在所述内容展示比例大于预设比例的情况下，将所述目标控件展示区域固定设置在所述目标内容展示区域之外展示。

6.根据权利要求1所述的方法，其特征在于，所述确定与所述缩放操作对应的缩放处理信息，包括：

获取所述缩放操作的移动方向和移动距离；

根据所述缩放操作的移动方向，确定所述缩放操作的缩放属性；

根据所述缩放操作的所述缩放属性和所述移动距离，确定缩放比例；

根据所述缩放比例对所述目标内容展示区域进行缩放，确定缩放后的目标内容展示区域相对于所述内容展示界面的展示比例；

根据所述缩放比例和所述展示比例，确定所述缩放操作对应的缩放处理信息。

7.根据权利要求2所述的方法，其特征在于，所述根据所述缩放处理信息，确定所述目标内容展示区域在缩放处理后的区域展示参数，包括：

根据所述缩放处理信息包括的缩放比例和所述目标内容展示区域在缩放前的尺寸，确定所述目标内容展示区域在缩放后的区域展示尺寸；

在所述内容展示界面的上部区域中，确定区域展示位置；

根据所述区域展示尺寸和所述区域展示位置确定所述区域展示参数。

8.根据权利要求1所述的方法，其特征在于，所述根据所述缩放处理信息，对所述目标内容展示区域进行缩放展示，包括：

将所述目标内容展示区域的顶边与所述内容展示界面的顶边对齐，按照所述缩放处理信息包括的缩放比例，对所述目标内容展示区域进行等比例缩放。

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

获取所述内容展示界面中各控件展示区域的位置和所述目标内容展示区域的位置；

将与所述目标内容展示区域的位置存在重合的所述控件展示区域，确定为所述目标控件展示区域；

或者，

统计对所述内容展示界面中各控件展示区域的触发操作频率；

对各所述控件展示区域对应的触发操作频率进行降序排序，将排序在前的预设数量的控件展示区域确定为所述目标控件展示区域。

10.一种内容展示装置，其特征在于，包括：

缩放操作接收单元，被配置为接收实施在内容展示界面的缩放操作，所述内容展示界面至少包括目标内容展示区域和目标控件展示区域；

缩放处理信息确定单元，被配置为确定与所述缩放操作对应的缩放处理信息，所述缩放处理信息至少包括所述目标内容展示区域被缩放处理后相对于所述内容展示界面的展示比例；

缩放展示单元，被配置为根据所述缩放处理信息，对所述目标内容展示区域进行缩放展示，并设置所述目标控件展示区域在所述内容展示界面中的目标位置进行展示；

所述缩放展示单元包括：

控件区域展示子单元，被配置为根据所述缩放处理信息以及所述目标控件展示区域在所述内容展示界面中的缩放前位置，确定所述目标位置，以及，设置所述目标控件展示区域在所述目标位置进行展示；

所述控件区域展示子单元包括：

第一目标位置确定模块，被配置为在所述缩放前位置至少部分落在所述目标内容展示区域内，并且所述缩放处理信息中包括的所述展示比例小于第一预设比例阈值的情况下，执行确定所述目标位置在缩放后的所述目标内容展示区域之外；

所述第一目标位置确定模块，包括：

第一区域确定子模块，被配置为在所述内容展示界面中，确定在所述缩放后的所述目标内容展示区域之外的下方区域；

第一目标位置确定子模块，被配置为在所述下方区域中，确定所述目标位置。

11.根据权利要求10所述的装置，其特征在于，所述缩放展示单元包括：

内容区域展示子单元，被配置为根据所述缩放处理信息，确定所述目标内容展示区域在缩放处理后的区域展示参数，以及，根据所述区域展示参数，对所述目标内容展示区域进行展示，其中，所述区域展示参数至少包括所述目标内容展示区域在所述内容展示界面中的区域展示位置以及区域展示尺寸。

12.根据权利要求10所述的装置，其特征在于，所述控件区域展示子单元包括：

第二目标位置确定模块，被配置为在所述缩放前位置落在所述目标内容展示区域外，并且所述缩放处理信息中包括的所述展示比例大于等于第二预设比例阈值的情况下，执行确定所述目标位置至少部分落在缩放后的所述目标内容展示区域内。

13.根据权利要求12所述的装置，其特征在于，所述第二目标位置确定模块，包括：

第二区域确定子模块，被配置为在所述内容展示界面中，确定在所述缩放后的所述目标内容展示区域内的上部区域；

第二目标位置确定子模块，被配置为在所述上部区域中，确定所述目标位置。

14.根据权利要求10所述的装置，其特征在于，所述内容展示装置还包括：

内容展示比例获取单元，被配置为获取所述目标内容展示区域中展示的目标内容的内容展示比例；

第一展示单元，被配置为在所述内容展示比例大于预设比例的情况下，将所述目标控件展示区域固定设置在所述目标内容展示区域之外展示。

15.根据权利要求10所述的装置，其特征在于，所述缩放处理信息确定单元包括：

缩放操作获取子单元，被配置为获取所述缩放操作的移动方向和移动距离；

缩放属性确定子单元，被配置为根据所述缩放操作的移动方向，确定所述缩放操作的缩放属性；

缩放比例确定子单元，被配置为根据所述缩放操作的所述缩放属性和所述移动距离，确定缩放比例；

展示比例获取子单元，被配置为根据所述缩放比例对所述目标内容展示区域进行缩放，确定缩放后的目标内容展示区域相对于所述内容展示界面的展示比例；

缩放处理信息确定子单元，被配置为根据所述缩放比例和所述展示比例，确定所述缩放操作对应的缩放处理信息。

16.根据权利要求11所述的装置，其特征在于，所述内容区域展示子单元包括：

区域展示尺寸确定模块，被配置为根据所述缩放处理信息包括的缩放比例和所述目标内容展示区域在缩放前的尺寸，确定所述目标内容展示区域在缩放后的区域展示尺寸；

区域展示位置确定模块，被配置为在所述内容展示界面的上部区域中，确定区域展示位置；

区域展示参数确定模块，被配置为根据所述区域展示尺寸和所述区域展示位置确定所述区域展示参数。

17.根据权利要求10所述的装置，其特征在于，所述缩放展示单元，还被配置为将所述目标内容展示区域的顶边与所述内容展示界面的顶边对齐，按照所述缩放处理信息包括的缩放比例，对所述目标内容展示区域进行等比例缩放。

18.根据权利要求10所述的装置，其特征在于，所述内容展示装置还包括：

目标控件展示区域确定单元，被配置为获取所述内容展示界面中各控件展示区域的位置和所述目标内容展示区域的位置；将与所述目标内容展示区域的位置存在重合的所述控件展示区域，确定为所述目标控件展示区域；或者，

统计对所述内容展示界面中各控件展示区域的触发操作频率；对各所述控件展示区域对应的触发操作频率进行降序排序，将排序在前的预设数量的控件展示区域确定为所述目标控件展示区域。

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

处理器；

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

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

20.一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至9中任一项所述的内容展示方法。

Images