[发明专利]界面布局方法、装置、车辆及存储介质

权利要求书

1.一种界面布局方法，其特征在于，包括：

获取目标布局树，其中，所述目标布局树包括：多个目标节点，所述目标节点与目标界面元素相关联，所述目标节点由所述目标界面元素的目标布局信息描述，不同所述目标界面元素由至少一个初始界面元素分割得到，不同所述目标界面元素的位置和坐标之间相应联动调整；

确定初始界面；

根据所述目标界面元素和所述目标布局信息，确定布局数组，其中，所述布局数组包含不同所述目标界面元素之间的引用关系；

根据所述引用关系在所述初始界面之中布置所述目标界面元素，并根据所述目标布局信息调整所述初始界面中已布置的所述目标界面元素，以得到目标界面；

所述获取目标布局树，包括：

确定初始布局树，其中，所述初始布局树包括：初始子节点，所述初始子节点与所述初始界面元素相关联，所述初始子节点由所述初始界面元素的初始布局信息描述；

根据布局指示信息和所述初始布局树中的所述初始子节点，确定待描述节点，所述布局指示信息是用于对界面进行布局调整控制的指示信息；以及

将所述待描述节点的初始布局信息调整为目标布局信息，得到所述目标节点，其中，多个所述目标节点形成所述目标布局树；

所述目标布局信息的确定方式，包括：

基于所述初始布局树生成预览界面，实现拖拽与布局重组；

将拖拽的初始界面元素从所述初始布局树中剪切出来，并拷贝所述拖拽的初始界面元素的DOM元素，利用拷贝的拖拽DOM元素，实现拖拽的预览效果；

在鼠标移动过程中进行碰撞检测计算，确认拖拽后DOM元素的新位置信息和/或新坐标信息；

拖拽结束，根据所述碰撞检测计算的结果，将所述拖拽后DOM元素插入所述初始布局树中，改变布局，所确认的拖拽后DOM元素的新位置信息和/或新坐标信息为所述目标布局信息。

2.根据权利要求1所述的方法，其特征在于，所述初始子节点具有初始祖父节点；所述根据布局指示信息和所述初始布局树中的所述初始子节点，确定待描述节点，包括：

如果所述布局指示信息指示对所述初始界面元素进行分割，则生成所述初始子节点的初始父节点，并连接所述初始祖父节点和所述初始父节点；

生成属于所述初始父节点的第一子节点，其中，所述初始父节点、和/或所述初始子节点，和/或所述第一子节点被作为所述待描述节点。

3.根据权利要求1所述的方法，其特征在于，所述初始子节点的数量是多个；所述根据布局指示信息和所述初始布局树中的所述初始子节点，确定待描述节点，包括：

如果所述布局指示信息指示对所述初始界面元素进行删除，则删除与所述初始界面元素关联的所述初始子节点，并将多个所述初始子节点中的剩余初始子节点，和/或所述剩余初始子节点的初始父节点作为所述待描述节点。

4.根据权利要求2或3所述的方法，其特征在于，所述目标布局信息是基于以下方式中至少之一确定：

基于布局信息采集接口采集目标布局信息；

根据所述布局指示信息，确定所述目标布局信息；

根据元素控制信息，确定所述目标布局信息，其中，所述元素控制信息用于对预览界面中初始界面元素进行控制，所述预览界面由所述初始界面元素和所述初始布局信息布局得到。

5.根据权利要求4所述的方法，其特征在于，所述根据所述布局指示信息，确定所述目标布局信息，包括：

如果所述布局指示信息指示对所述初始界面元素进行分割，则根据所述初始界面元素的初始布局信息，生成所述目标布局信息；

如果所述布局指示信息指示对所述初始界面元素进行删除，则根据所述初始界面元素的初始布局信息以及剩余界面元素的初始布局信息，生成所述目标布局信息，其中，所述剩余界面元素是未被删除的初始界面元素。

6.根据权利要求4所述的方法，其特征在于，所述根据元素控制信息，确定所述目标布局信息，包括：

如果所述元素控制信息用于将所述预览界面中所述初始界面元素拖拽至目标布局区域，则根据所述目标布局区域和/或与所述目标布局区域相关的其他布局区域，确定所述目标布局信息，其中，所述其他布局区域是其他初始界面元素在所述预览界面中的布局区域。