[发明专利]一种页面绘制方法、装置、计算机设备和存储介质

说明书

本公开提供了一种页面绘制方法、装置、计算机设备和存储介质，其中，该方法包括：获取在目标开发端开发的页面代码和组件层叠样式信息；目标开发端为基于目标开发语言进行页面开发的一端；基于页面代码，在目标开发端生成目标页面组件，并根据组件层叠样式信息，生成目标页面组件对应的键值对信息；在游戏引擎创建目标页面组件对应的原生对象组件；原生对象组件为基于游戏引擎对应的引擎开发语言生成的；将在游戏引擎创建的各个原生对象组件分别对应的键值对信息，解析为具有目标数据结构的组件布局信息；目标数据结构为与游戏引擎的页面布局引擎相匹配的数据结构；按照组件布局信息，绘制包括各个原生对象组件的目标页面。

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种页面绘制方法、装置、计算机设备和存储介质。

背景技术

热更新作为应用程序(Application，App)开发者常用的一种更新方式。简单来说，就是在用户下载安装APP之后，打开App时遇到的即时更新。针对游戏类APP而言，对游戏页面的更新属于常见的热更新内容。但常见的针对游戏类APP的更新方案，要么存在开发复杂、成本高的问题，要么存在过度依赖开发框架的原生能力，导致无法实现及时热更新的问题。

发明内容

本公开实施例至少提供一种页面绘制方法、装置、计算机设备和存储介质。

第一方面，本公开实施例提供了一种页面绘制方法，包括：

获取在目标开发端开发的页面代码和组件层叠样式信息；所述目标开发端为基于目标开发语言进行页面开发的一端；

基于所述页面代码，在所述目标开发端生成目标页面组件，并根据所述组件层叠样式信息，生成所述目标页面组件对应的键值对信息；所述目标页面组件为基于所述目标开发语言生成的；

在游戏引擎创建所述目标页面组件对应的原生对象组件；所述原生对象组件为基于所述游戏引擎对应的引擎开发语言生成的；

将在所述游戏引擎创建的各个所述原生对象组件分别对应的所述键值对信息，解析为具有目标数据结构的组件布局信息；所述目标数据结构为与所述游戏引擎的页面布局引擎相匹配的数据结构；

按照所述组件布局信息，绘制包括各个所述原生对象组件的目标页面。

在一种可能的实施方式中，所述目标页面组件包括与所述游戏引擎的原生功能相匹配的目标视图组件，所述键值对信息包括所述目标视图组件对应的第一键值对信息；

所述基于所述页面代码，在所述目标开发端生成目标页面组件，并根据所述组件层叠样式信息，生成所述目标页面组件对应的键值对信息，包括：

基于所述页面代码中与所述原生功能相关的子页面代码，在所述目标开发端生成所述目标视图组件，并根据所述组件层叠样式信息中的视图层叠样式信息，生成所述目标视图组件对应的第一键值对信息；

所述在游戏引擎创建所述目标页面组件对应的原生对象组件，包括：

在所述游戏引擎中，创建所述目标视图组件对应的第一原生对象组件；其中，所述第一原生对象组件具有所述原生功能。

在一种可能的实施方式中，所述目标页面组件还包括与在所述游戏引擎中待创建功能相匹配的目标图像组件，所述键值对信息还包括所述目标图像组件对应的第二键值对信息；

所述基于所述页面代码，在所述目标开发端生成目标页面组件，并根据所述组件层叠样式信息，生成所述目标页面组件对应的键值对信息，还包括：

基于所述页面代码中与所述待创建功能相关的子页面代码，在所述目标开发端生成所述目标图像组件，并根据所述组件层叠样式信息中的图像属性信息，生成所述目标图像组件对应的所述第二键值对信息；

所述在游戏引擎创建所述目标页面组件对应的原生对象组件，还包括：