[发明专利]一种交互界面搭建方法、装置、电子设备及存储介质

权利要求书

1.一种交互界面搭建方法，其特征在于，包括：

响应用户的组件选择操作，在画布界面显示被选组件的预览示意图；

当所述组件选择操作结束时，确认所述被选组件与所述画布界面中其他组件的当前位置关系；

根据所述当前位置关系确定所述被选组件与所述其他组件的当前层级关系；

若所述当前层级关系为同级关系时，根据所述当前位置关系确定所述被选组件是否与第一预设布局信息匹配；所述第一预设布局信息与所述其他组件所属第一父组件对应；所述第一预设布局信息表征第一类组件排列方式；

若所述被选组件与第一预设布局信息不匹配，则生成第二父组件，将所述被选组件与所述其他组件作为所述第二父组件的子组件；

根据所述第二父组件对应的第二预设所述布局信息，在所述画布界面中显示所述被选组件与所述其他组件的最终预览示意图；所述第二预设布局信息表征第二类组件排列方式。

2.如权利要求1所述的方法，其特征在于，还包括：

若所述被选组件与第一预设布局信息匹配，根据所述第一预设所述布局信息，在所述画布界面中显示所述被选组件与所述其他组件的最终预览示意图。

3.如权利要求1所述的方法，其特征在于，还包括：

若所述当前层级关系为父子关系时，将所述其他组件作为被选组件的第三父组件，并根据所述第三父组件对应的第三预设所述布局信息，在所述画布界面中显示所述被选组件与所述其他组件的最终预览示意图。

4.如权利要求1所述的方法，其特征在于，在响应用户的组件选择操作，在画布界面显示被选组件的预览示意图的步骤之后，还包括：

在所述组件选择操作执行中，获得所述被选组件与所述画布界面中其他组件的过程位置关系；

根据所述过程位置关系确定所述被选组件与所述其他组件的过程层级关系；

在控件树交互界面显示表征所述过程层级关系的过程节点信息。

5.如权利要求4所述的方法，其特征在于，在所述组件选择操作执行中，获得所述被选组件与所述画布界面中其他组件的过程位置关系的步骤，包括：

获得所述组件选择操作的组件过程位置信息，所述当前位置信息表征所述被选组件的过程位置；

缓存所述组件过程位置信息；

根据所述组件过程位置信息与所述其他组件的位置信息，确定所述过程位置关系；

所述当所述组件选择操作结束时，确认所述被选组件与所述画布界面中其他组件的当前位置关系的步骤，包括：

当所述组件选择操作结束时，获得所述组件选择操作的组件当前位置信息；

判断所述组件当前位置信息是否命中所述组件过程位置信息；

若是，则根据所述组件过程位置信息与所述其他组件的位置信息，确定所述当前位置关系；

若否，则根据所述组件当前位置信息与所述其他组件的位置信息，确定所述当前位置关系。

6.如权利要求5所述的方法，其特征在于，还包括：

当所述组件选择操作结束时，将所述控件树交互界中的过程节点信息更新为当前节点信息，所述当前节点信息表征所述当前层级关系。

7.如权利要求1所述的方法，其特征在于，还包括：

在所述控件树交互界面显示表征所述当前层级关系的当前节点信息；所述当前节点信息包含被选节点与至少一个其他节点；所述被选节点与所述被选组件对应；所述其他节点与所述其他组件对应；

响应用户的节点更新操作，在所述控件树交互界面显示表征更新层级关系的更新节点信息；所述更新节点信息包含所述被选节点与至少一个所述其他节点；

当所述节点更新操作结束时，根据所述更新层级关系确定更新位置关系；所述更新位置关系为所述被选组件与至少一个所述其他节点的更新位置关系；

根据所述更新位置关系确定第四预设布局信息；

根据所述第四预设布局信息，在所述画布界面中显示所述被选组件与至少一个所述其他组件的最终预览示意图。