[发明专利]电子杂志界面素材替换方法及其相关设备

说明书

本申请实施例属于UI设计技术领域，应用于电子杂志界面素材替换领域中，涉及一种电子杂志界面素材替换方法及其相关设备，包括接收并解析初始化请求指令，获取进行初始化的界面素材的获取路径；根据获取路径获得进行初始化的界面素材，并将进行初始化的界面素材渲染在电子杂志界面的预留展示区域；接收用户在电子杂志界面通过点击方式发出的调取更新指令；解析调取更新指令，根据解析结果，调用相应的更新函数对进行初始化的界面素材进行调取更新。通过界面分屏和H5实现的方式，使得界面素材渲染到预留展示区域后实现电子杂志的便捷开发展示，设置左右翻页功能、图片缩放功能，实现模拟书本左右翻页动态化更新，提高电子杂志阅读用户的体验度。

技术领域

本申请涉及UI设计技术领域，尤其涉及一种电子杂志界面素材替换方法及其相关设备。

背景技术

随着行政部门对产品宣传线上化的升级，希望将过去纸质的公司月刊转为线上电子杂志面向全体公司用户开放，并且希望在pc端可以有更好的交互体验，做出翻书的效果。

目前常见的方式是通过引入相关的开源插件如turn.js或者使用网上制作电子杂志的网站来实现，但会带来信息安全、质量、产品持续维护等方面的问题，并且像turn.js插件依赖于jQuery库，而这个库属于较旧的依赖库，无法融入现有的代码体系中，会带来开发上的难度。

发明内容

本申请实施例的目的在于提出一种电子杂志界面素材替换方法及其相关设备，以解决现有技术在实现电子杂志功能的开发上存在性能和依赖资源较差，造成开发困难的问题。

为了解决上述技术问题，本申请实施例提供一种电子杂志界面素材替换方法，采用了如下所述的技术方案：

一种电子杂志界面素材替换方法，包括下述步骤：

接收电子杂志界面初始化请求指令，其中，所述初始化请求指令中包括进行初始化的界面素材的获取路径，所述界面素材包括图片资源；

解析所述初始化请求指令，获取所述进行初始化的界面素材的获取路径；

根据所述获取路径获得所述进行初始化的界面素材，并将所述进行初始化的界面素材渲染在所述电子杂志界面的预留展示区域；

接收用户在所述电子杂志界面通过点击方式发出的调取更新指令；

解析所述调取更新指令，获取所述调取更新指令对应的解析结果；

根据所述解析结果，调用相应的更新函数对所述进行初始化的界面素材进行调取更新。

进一步的，在执行所述接收电子杂志界面初始化请求指令的步骤之前，所述方法还包括：

获取构成所述电子杂志所需要的所有图片资源；

根据各所述图片资源在所述电子杂志中排版的先后顺序，将所述所有图片资源放置入预设数组中。

进一步的，在执行所述根据各所述图片资源在所述电子杂志中排版的先后顺序，将所述所有图片资源放置入预设数组中的步骤之前，所述方法还包括：

步骤301，统计所述所有图片资源的数量，记为第一数量；

步骤302，调用数组长度获取函数，获取所述预设数组内可存放图片资源的数量，记为第二数量；

步骤303，通过比较，判断所述第二数量是否小于所述第一数量；

步骤304，若所述第二数量小于所述第一数量，则调用数组扩容函数对所述预设数组进行扩容处理，获取扩容处理之后的新数组；

步骤305，重复执行步骤302至步骤304，直到所述第二数量不小于所述第一数量，停止扩容处理，获取并将最后一次扩容处理之后的新数组更新为所述预设数组。