界面渲染方法、装置、电子设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113742014A(43)申请公布日2021.12.03(21)申请号202110921014.7(22)申请日2021.08.11(71)申请人深圳TCL新技术有限公司地址518052广东省深圳市南山区西丽街道中山园路1001号国际E城D4栋9楼(72)发明人吴晓红(74)专利代理机构深圳紫藤知识产权代理有限公司44570代理人汪阮磊(51)Int.Cl.G06F9/451(2018.01)G06F9/445(2018.01)权利要求书2页说明书11页附图4页(54)发明名称界面渲染方法、装置、电子设备及存储介质(57)摘要本申请实施例公开了一种界面渲染方法、装置、电子设备及存储介质，包括：创建至少一个视图容器；根据插件在视图容器内构建目标应用的至少一个功能组件及每个功能组件所对应的业务逻辑；从移动终端系统的原生层中获取目标应用的用户界面渲染文件；根据原生层加载至少一个视图容器，根据视图容器中功能组件、业务逻辑、以及用户界面渲染文件对目标应用进行界面渲染；通过终端系统的原生层对移动应用的界面进行布局设计和渲染，提高了插件式应用界面渲染的流畅性；其中，通过插件式的功能组件和业务逻辑的构建，提高了移动应用跨平台开发的效率。CN113742014ACN113742014A权利要求书1/2页1.一种界面渲染方法，其特征在于，包括：创建至少一个视图容器；根据插件在所述视图容器内构建目标应用的至少一个功能组件及每个功能组件所对应的业务逻辑；从移动终端系统的原生层中获取所述目标应用的用户界面渲染文件；根据所述原生层加载所述至少一个视图容器，根据所述视图容器中功能组件、业务逻辑、以及所述用户界面渲染文件对所述目标应用进行界面渲染。2.根据权利要求1所述的方法，其特征在于，该方法还包括：根据所述插件对所述目标应用进行局部界面布局设计，得到局部界面渲染文件；所述用户界面渲染文件包括整体界面渲染文件，所述根据所述视图容器中功能组件、业务逻辑、以及所述用户界面渲染文件对所述目标应用进行界面渲染，包括：根据所述视图容器中功能组件、业务逻辑以及所述整体界面渲染文件和所述局部界面渲染文件对所述目标应用进行界面渲染。3.根据权利要求2所述的方法，其特征在于，所述根据所述视图容器中功能组件、业务逻辑以及所述整体界面渲染文件和所述局部界面渲染文件对所述目标应用进行界面渲染，包括：在所述目标应用启动后，调用所述整体界面渲染文件；根据所述整体界面渲染文件对所述目标应用的界面进行渲染；根据所述原生层加载所述至少一个视图容器；根据所述视图容器中的功能组件、业务逻辑和所述局部界面渲染文件对所述目标应用的界面进行再次渲染。4.根据权利要求3所述的方法，其特征在于，所述根据所述视图容器中的功能组件、业务逻辑和所述局部界面渲染文件对所述目标应用的界面进行再次渲染，包括：对所述局部界面渲染文件进行解析，得到所述界面所对应的文档对象模型树以及所述界面中功能组件所对应的样式；根据所述文档对象模型树和所述功能组件所对应的样式对所述目标应用的界面进行渲染；根据所述业务逻辑对所述界面进行数据加载。5.根据权利要求4所述的方法，其特征在于，所述根据所述文档对象模型树和所述功能组件所对应的样式对所述目标应用的界面进行渲染，包括：根据所述原生层对所述样式进行装载；利用原生层加载所述文档对象模型树和所述装载后的样式，对所述目标应用的界面进行绘制。6.根据权利要求1所述的方法，其特征在于，所述根据所述原生层加载所述至少一个视图容器，包括：将所述至少一个视图容器注册到所述原生层中；根据所述原生层运行所述至少一个视图容器。7.根据权利要求1所述的方法，其特征在于，所述根据所述原生层加载所述至少一个视图容器之前，还包括：2CN113742014A权利要求书2/2页获取所述业务逻辑所对应的脚本更新数据；根据所述脚本更新数据对所述视图容器进行更新。8.一种界面渲染装置，其特征在于，包括：创建模块，用于创建至少一个视图容器；构建模块，用于根据插件在所述视图容器内构建目标应用的至少一个功能组件及每个功能组件所对应的业务逻辑；获取模块，用于从移动终端系统的原生层中获取所述目标应用的用户界面渲染文件；渲染模块，用于根据所述原生层加载所述至少一个视图容器，根据所述视图容器中功能组件、业务逻辑、以及所述用户界面渲染文件对所述目标应用进行界面渲染。9.一种电子设备，包括存储器，处理器及存储在存储器上并可在处理器上运行的计算机程序，其中，所述处理器执行所述程序时实现如权利要求1‑7任一项所述界面渲染方法的步骤。10.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，其中，所述计算机程序被处理器执行时实现如权利要求1‑7任一项所述界面渲染