一种推荐位的动画渲染方法、装置和电子设备制造方法及图纸

本公开提供一种推荐位的动画渲染方法、装置和电子设备，涉及显示技术领域，用于解决如何提升推荐位的互动性的问题。该方法包括在焦点框落在预设页面的目标推荐位的情况下，获取目标推荐位对应的分层图像数据；基于分层图像数据进行绘制，生成分层动画；其中，分层动画包括前景动画，前景动画中的前景在目标方向上的实际尺寸大于目标推荐位在目标方向上的实际尺寸；在目标推荐位上播放分层动画。在目标推荐位上播放分层动画。在目标推荐位上播放分层动画。

【技术实现步骤摘要】
一种推荐位的动画渲染方法、装置和电子设备


[0001]本公开涉及显示
，尤其涉及一种推荐位的动画渲染方法、装置和电子设备。

技术介绍

[0002]目前，电子设备在展示推荐位的数据时，通常将服务器下发的该推荐位对应的推荐素材图片以预设比例展示在推荐位中进行展示。这种方式虽然能够体现出推荐位需要展示的数据，但是缺乏互动性，导致用户的体验不佳。
[0003]因此，如何提升推荐位的互动性成为了一个亟待解决的问题。

技术实现思路

[0004]为了解决上述技术问题，本公开提供了一种推荐位的动画渲染方法、装置和电子设备。
[0005]本公开的技术方案如下：
[0006]第一方面，本公开提供一种推荐位的动画渲染方法，包括：在焦点框落在预设页面的目标推荐位的情况下，获取目标推荐位对应的分层图像数据；基于分层图像数据进行绘制，生成分层动画；其中，分层动画包括前景动画，前景动画中的前景在目标方向上的实际尺寸大于目标推荐位在目标方向上的实际尺寸；在目标推荐位上播放分层动画。
[0007]第二方面，本公开提供一种推荐位的动画渲染装置，包括：处理单元，用于在焦点框落在预设页面的目标推荐位的情况下，控制获取单元获取目标推荐位对应的分层图像数据；处理单元，还用于基于获取单元获取的分层图像数据进行绘制，生成分层动画；其中，分层动画包括前景动画，前景动画中的前景在目标方向上的实际尺寸大于目标推荐位在目标方向上的实际尺寸；处理单元，还用于控制显示单元在目标推荐位上播放分层动画。
[0008]第三方面，本公开提供一种电子设备，包括：存储器和处理器，存储器用于存储计算机程序；处理器用于在执行计算机程序时，使得电子设备实现如第一方面提供的任一项的推荐位的动画渲染方法。
[0009]第四方面，本专利技术提供一种计算机可读存储介质，包括：计算机可读存储介质上存储计算机程序，计算机程序被处理器执行如第一方面提供的任一项的推荐位的动画渲染方法。
[0010]第五方面，本专利技术提供一种计算机程序产品，当计算机程序产品在计算机上运行时，使得计算机执行如第一方面提供的任一项的推荐位的动画渲染方法。
[0011]需要说明的是，上述计算机指令可以全部或者部分存储在第一计算机可读存储介质上。其中，第一计算机可读存储介质可以与推荐位的动画渲染装置的处理器封装在一起的，也可以与推荐位的动画渲染装置的处理器单独封装，本公开对此不作限定。
[0012]本公开中第二方面、第三方面、第四方面以及第五方面的描述，可以参考第一方面的详细描述；并且，第二方面、第三方面、第四方面以及第五方面的描述的有益效果，可以参
考第一方面的有益效果分析，此处不再赘述。
[0013]在本公开中，上述推荐位的动画渲染装置的名字对设备或功能模块本身不构成限定，在实际实现中，这些设备或功能模块可以以其他名称出现。只要各个设备或功能模块的功能和本公开类似，属于本公开权利要求及其等同技术的范围之内。
[0014]本公开的这些方面或其他方面在以下的描述中会更加简明易懂。
[0015]本公开提供的技术方案与现有技术相比具有如下优点：
[0016]当焦点框落在预设页面(如导航页)的目标推荐位(如：可提供分层动画的推荐位)，此时需要获取目标推荐位对应的分层图像数据。之后，基于分层图像数据进行绘制，生成分层动画；由于分层动画额前景动画的前景在目标方向上的实际尺寸大于所述目标推荐位在目标方向上的实际尺寸，这样前景动画的前景可以扩展到目标推荐位以外，使得目标推荐位显示的分层动画的视觉效果更加够立体、惊艳，保证用户的体验。最后，在目标推荐位上播放分层动画。如此，在焦点框落在目标推荐位时，目标推荐位不再单单的显示该目标推荐位对应的推荐素材，而是显示对应的分层动画，从而可以提升推荐位的互动性，解决了如何提升推荐位的互动性的问题。
附图说明
[0017]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
[0018]为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0019]图1为本申请实施例提供的推荐位的动画渲染方法的场景示意图；
[0020]图2为本申请实施例提供的推荐位的动画渲染方法中显示设备的结构示意图之一；
[0021]图3为本申请实施例提供的推荐位的动画渲染方法中显示设备的结构示意图之二；
[0022]图4为本申请实施例提供的推荐位的动画渲染方法的流程示意图之一；
[0023]图5为本申请实施例提供的推荐位的动画渲染方法的预设页面的示意图之一；
[0024]图6为本申请实施例提供的推荐位的动画渲染方法的流程示意图之二；
[0025]图7为本申请实施例提供的推荐位的动画渲染方法的预设页面的示意图之二；
[0026]图8为本申请实施例提供的推荐位的动画渲染方法的流程示意图之三；
[0027]图9为本申请实施例提供的推荐位的动画渲染方法的流程示意图之四；
[0028]图10为本申请实施例提供的推荐位的动画渲染方法的流程示意图之五；
[0029]图11为本申请实施例提供的推荐位的动画渲染方法的流程示意图之六；
[0030]图12为本申请实施例提供的推荐位的动画渲染方法的流程示意图之七；
[0031]图13为本申请实施例提供的显示设备的结构示意图；
[0032]图14为本申请实施例提供的一种芯片系统的示意图。
具体实施方式
[0033]为了能够更清楚地理解本公开的上述目的、特征和优点，下面将对本公开的方案进行进一步描述。需要说明的是，在不冲突的情况下，本公开的实施例及实施例中的特征可以相互组合。
[0034]在下面的描述中阐述了很多具体细节以便于充分理解本公开，但本公开还可以采用其他不同于在此描述的方式来实施；显然，说明书中的实施例只是本公开的一部分实施例，而不是全部的实施例。
[0035]需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
[0036]本公开实施例中的React Native(简称RN)是Facebook于2015年4月开源的跨平本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种推荐位的动画渲染方法，其特征在于，包括：在焦点框落在预设页面的目标推荐位的情况下，获取所述目标推荐位对应的分层图像数据；基于所述分层图像数据进行绘制，生成分层动画；其中，所述分层动画包括前景动画，所述前景动画中的前景在目标方向上的实际尺寸大于所述目标推荐位在目标方向上的实际尺寸；在所述目标推荐位上播放所述分层动画。2.根据权利要求1所述的推荐位的动画渲染方法，其特征在于，所述方法还包括：在所述焦点框离开所述目标推荐位的情况下，获取所述目标推荐位对应的推荐素材；停止播放所述分层动画，并在所述目标推荐位上显示所述推荐素材。3.根据权利要求1所述的推荐位的动画渲染方法，其特征在于，所述方法还包括：在所述焦点框由所述预设页面切换至目标页面的情况下，释放所述分层动画。4.根据权利要求1所述的推荐位的动画渲染方法，其特征在于，所述分层图像数据包括前景动画数据和背景动画数据，所述前景动画数据对应至少一个前景动画，所述背景动画数据对应至少一个背景动画，所述前景动画和所述背景动画二者分别包括至少一帧帧图像；所述基于所述分层图像数据进行绘制，生成分层动画，包括：生成目标画布；其中，所述目标画布对应的目标尺寸大于所述目标推荐位的实际尺寸；对所述前景动画和所述背景动画二者的当前帧进行帧对齐，并对所述当前帧的帧图像执行如下操作：基于所述实际尺寸和所述帧图像的理论尺寸对所述目标画布进行预处理，得到预处理后的目标画布；其中，所述预处理至少包括裁剪处理和缩放处理；将所述帧图像绘制到所述预处理后的目标画布；将所述目标画布上绘制的所述帧图像拷贝至所述目标推荐位的预设画布上；根据所述前景动画在所述预设画布上已绘制的帧图像，生成所述前景动画；根据所述背景动画在所述预设画布上已绘制的帧图像，生成所述背景动画；根据所述前景动画和所述背景动画，生成所述分层动画。5.根据权利要求4所述的推荐位的动画渲染方法，其特征在于，所述在所述目标推荐位...

【专利技术属性】
技术研发人员：石万里，
申请(专利权)人：聚好看科技股份有限公司，
类型：发明
国别省市：