[发明专利]一种动态页面展示方法、装置、电子设备及存储介质

说明书

本公开实施例中提供的动态页面展示方法，属于计算机技术领域，有助于改善展示动态页面时的性能。本公开实施例提供的动态页面展示方法包括：通过根据DSL描述的目标动态页面的页面信息，确定该目标动态页面中包括的各控件在目标位图中的展示逻辑信息树，其中，所述目标位图为展示所述目标动态页面的位图，所述展示逻辑信息树按照所述目标动态页面中包括的控件的展示逻辑，采用树形结构存储相应控件的控件信息；在确定所述目标动态页面中需要展示的界面区域后，根据所述展示逻辑信息树中存储的控件信息绘制所述需要展示的界面区域对应的位图；并根据所述展示逻辑信息树中存储的控件的位置和层级信息展示绘制的位图，有助于提升动态页面展示系统的性能。

技术领域

本公开涉及计算机技术领域，特别是涉及一种动态页面展示方法、装置、电子设备及存储介质。

背景技术

动态页面指页面的展示内容动态变化的页面，对于电商，社交等需要快速迭代、实时调整的强运营类业务具有重要意义。动态页面的展示内容通常不是写在程序代码中的，而是通过动态化实时更新页面的技术实现动态页面的展示。现有的客户端动态渲染技术主要包括以下四种：1、基于webview的web页面动态化加载；2、本地内置多个模板支持动态切换；3，支持DSL语言的布局引擎；以及，4，基于虚拟机的动态化解决方案。

基于webview的web页面动态化，实质是基于浏览器运行网页，页面绘制效率低，运行效率差，系统开销大。而后三种解决方案，实质是通过建立映射表、布局引擎和虚拟机与客户端渲染引擎通讯及调用关系，实现页面渲染。而渲染引擎则基于客户端操作系统原生UI控件搭建动态化页面。由于操作系统提供的UI控件绘制/布局仅支持主线程访问，大量原生UI控件操作导致客户端所在设备的CPU/GPU负担过重，虽然现有技术中部分技术方案在UI渲染过程中，将无需放置在主线程的UI控件操作进行剥离，最小化构建视图对主线程的性能损耗，在展示复杂的动态化页面时，仍然存在效率和性能瓶颈。

发明内容

本公开实施例提供一种动态页面展示方法，有助于提升动态页面展示系统的性能，本公开实施例提供了一种动态页面展示方法，包括：

根据DSL描述的目标动态页面的页面信息，确定所述目标动态页面中包括的各控件在目标位图中的展示逻辑信息树，其中，所述目标位图为展示所述目标动态页面的位图，所述展示逻辑信息树按照所述目标动态页面中包括的控件的展示逻辑，采用树形结构存储相应控件的控件信息，所述控件信息包括相应控件的：渲染信息、位置信息、尺寸信息和层级信息；

确定所述目标动态页面中需要展示的界面区域；

根据所述展示逻辑信息树中存储的控件的渲染信息和尺寸信息绘制所述需要展示的界面区域对应的位图；

在屏幕中，根据所述展示逻辑信息树中存储的所述控件的位置信息和层级信息展示绘制的所述需要展示的界面区域对应的位图。

第二方面，本公开实施例提供了一种动态页面展示装置，包括：

展示逻辑信息确定模块，用于根据DSL描述的目标动态页面的页面信息，确定所述目标动态页面中包括的各控件在目标位图中的展示逻辑信息树，其中，所述目标位图为展示所述目标动态页面的位图，所述展示逻辑信息树按照所述目标动态页面中包括的控件的展示逻辑，采用树形结构存储相应控件的控件信息，所述控件信息包括所述相应控件的渲染信息、位置信息、尺寸信息和层级信息；

待展示的界面区域确定模块，用于确定所述目标动态页面中需要展示的界面区域；

界面区域位图绘制模块，用于根据所述展示逻辑信息树中存储的控件的渲染信息和尺寸信息绘制所述需要展示的界面区域对应的位图；

界面区域展示模块，用于在屏幕中，根据所述展示逻辑信息树中存储的所述控件的位置信息和层级信息展示绘制的所述需要展示的界面区域对应的位图。