[发明专利]页面的布局方法、装置

说明书

本公开关于一种页面的布局方法，包括：获取页面对应的布局树，其中，所述布局树包括多个节点；获取所述布局树之中类型与预设类型对应的节点，并将与所述预设类型对应的节点作为临时配置节点；获取所述临时配置节点的配置信息，并根据所述配置信息生成配置树；根据所述配置树更新所述布局树；以及根据更新之后的所述布局树进行页面布局。通过将预设类型对应的节点之下需要进行弹性形变的节点，单独建立对应的配置树，从而可以根据配置树生成该预设类型节点的空间信息，从而避免递归导致的多次弹性调整，从而提高页面布局速度。

技术领域

本公开涉及页面布局技术领域，尤其涉及一种页面的布局方法、装置及存储介质。

背景技术

相关技术中，通常采用递归计算的方式进行页面布局，即对布局树通过递归计算的方式计算布局树之中每个节点的配置信息，例如每个节点的大小，位置等，从而获得页面之中每个元素的布局图，并最终根据布局图进行渲染。

然而，目前的递归计算的方式仅适用于平铺式节点，可以快速高效地计算各个节点的配置信息。然而随着页面技术的不断发展，一些新的页面布局技术也不断涌现，例如Flex（弹性）模型技术等。然而现有递归式不适合flex模型，会导致布局速度大幅降低，严重拖慢渲染速度。每个布局树包括多层节点，每个节点会对下一层节点进行配置限制，如果某个节点是Flex的时候，会导致需要将该Flex节点下层的节点全部布局完之后，在根据剩余的空间对Flex节点进行调整。例如，如果剩余空间过大，则需要对该Flex节点及该Flex节点下级的各个节点进行动态增大；反之，如果空间不够，则需要对Flex节点及下级各个节点进行动态减小，从而实现弹性布局。

因此可以看出，如果此时需要不断地进行多次递归运算才能够完成页面的布局。如果页面之中存在Flex节点相互嵌套的方式，则更加会加剧布局所需的时间，严重拖慢页面的渲染速度。

发明内容

本公开提供一种页面的布局方法、装置及存储介质，以至少解决相关技术中页面布局速度慢的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种页面的布局方法，包括：获取页面对应的布局树，其中，所述布局树包括多个节点；获取所述布局树之中类型与预设类型对应的节点，并将与所述预设类型对应的节点作为临时配置节点；获取所述临时配置节点的配置信息，并根据所述配置信息生成配置树；根据所述配置树更新所述布局树；以及根据更新之后的所述布局树进行页面布局。

在本公开的一个实施例之中，所述获取所述临时配置节点的配置信息，并根据所述配置信息生成配置树，包括：获取所述临时配置节点以及所述临时配置节点之下的下级节点的配置信息；根据所述临时配置节点以及所述临时配置节点之下的下级节点的配置信息生成配置树。

在本公开的一个实施例之中，所述根据所述配置树更新所述布局树，包括：根据所述配置树生成所述临时配置节点的空间信息；将所述临时配置节点的空间信息写入至所述临时配置节点，并更新所述布局树。

在本公开的一个实施例之中，还包括：根据所述配置树生成所述临时配置节点之下的下级节点的空间信息；将所述临时配置节点之下的下级节点的空间信息分别写入至所述临时配置节点之下的下级节点，并更新所述布局树。

在本公开的一个实施例之中，所述根据所述临时配置节点以及所述临时配置节点之下的下级节点的配置信息生成配置树，包括：获取所述临时配置节点之下的下级节点的类型；如果所述下级节点的类型与所述预设类型一致，则将所述下级节点加入至所述配置树；如果所述下级节点为叶子节点，则将所述下级节点加入至所述配置树。

在本公开的一个实施例之中，所述预设类型为弹性Flex类型。

在本公开的一个实施例之中，还包括：为所述配置树配置对应的渲染子线程；通过所述对应的渲染子线程生成所述临时配置节点和所述临时配置节点之下的下级节点的空间信息。