[发明专利]基于图片素材的动效界面生成方法和装置

说明书

本申请提供了一种基于图片素材的动效界面生成方法和装置，其方法包括：识别图片素材中图像内容对应的第一素材类型；从预设的动效逻辑库中获取与所述第一素材类型相匹配的动效逻辑组件；根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面。该方法可以实现为图片素材中不同素材类型的图像内容匹配出适用的动效逻辑组件，无需写代码和输出序列帧，动效界面的制作效率高，动效设计的门槛低。且可以实现动效逻辑库中的动效逻辑组件能够在不同的图片素材进行复用，实现批量处理图片素材，通用性强、动效品质好。

技术领域

本申请属于图片数据处理技术领域，尤其涉及一种基于图片素材的动效界面生成方法和装置，还涉及用于执行该基于图片素材的动效界面生成方法的电子书设备及存储介质。

背景技术

目前，常规的程序界面开发过程是需要开发人员提供原型图，进而根据原型图进行界面布局设计来显示界面内容。其中，显示的内容包括开发人员用代码生成的视图以及开发人员集成设置在界面内的图片。

随着互联网多元化的发展，动态效果页面技术正在不断发展和应用。现有技术中，对程序界面进行动态效果呈现时，常规的做法是：将程序界面的平面素材进行二次加工并输出序列帧，或者针对平面素材的每个图层，逐一配置动效操作来实现动态效果的呈现。然而，这样的做法需要人工编辑动效代码和输出序列帧，工作繁复、动效单一，且成效的动态效果还需要调试，费时费力。而且，动效在输出时也存在耗时长、修改成本大、动效难以复用、无法实现批量处理等缺陷。

发明内容

有鉴于此，本申请实施例提供了一种基于图片素材的动效界面生成方法、装置、电子设备及存储介质，无需写代码和输出序列帧，动效界面的制作效率高，动效设计的门槛低，且通用性强、动效品质好。

本申请实施例的第一方面提供了一种基于图片素材的动效界面生成方法，该方法包括：

识别图片素材中图像内容对应的第一素材类型；

从预设的动效逻辑库中获取与所述第一素材类型相匹配的动效逻辑组件；

根据所述第一素材类型确定所述动效逻辑组件在图片素材中的作用位置，根据所述作用位置将与所述第一素材类型相匹配的动效逻辑组件应用在所述图片素材中，以生成基于图片素材的动效界面。

结合第一方面，在第一方面的第一种可能实现方式中，所述识别图片素材中图像内容对应的第一素材类型的步骤之前，还包括：

对所述图片素材进行栅格化处理。

结合第一方面或第一方面的第一种可能实现方式，在第一方面的第二种可能实现方式中，所述识别图片素材中图像内容对应的第一素材类型的步骤，包括：

对图片素材中的图像内容进行特征识别，获取所述图像内容在图片素材中的图层特征信息；

根据所述图层特征信息查询预设的图层特征-素材类型对应关系表，以识别获得图片素材中图像内容对应的第一素材类型。

结合第一方面的第二种可能实现方式，在第一方面的第三种可能实现方式中，所述预设的图层特征-素材类型对应关系表通过训练神经网络模型的方式构建生成。

结合第一方面或第一方面的第一种可能实现方式，在第一方面的第四种可能实现方式中，所述识别图片素材中图像内容对应的第一素材类型的步骤，包括：

获取已对图像内容进行标签标注的图片素材；

对所述图片素材中的图像内容进行标签识别，获取与所述图像内容对应的标签信息，其中，所述标签信息中包含有图像内容对应的第一素材类型。