[发明专利]界面布局文件的生成方法、界面生成方法、装置及设备

权利要求书

1.一种界面布局文件的生成方法，其特征在于，包括：

获取界面设计图的界面元素；

基于所述界面元素的信息以及界面元素之间的包含关系，构建所述界面设计图对应的第一结构树；所述第一结构树包括用于表征所述界面元素的节点；

对所述第一结构树中节点所对应的界面元素的空间布局关系进行分析，得到用于表征界面元素之间布局关系的布局元素；所述布局元素包括括水平布局元素和/或垂直布局元素；

基于所述布局元素和所述第一结构树，确定目标结构树；所述目标结构树包括用于表征所述界面元素的第一类型节点、以及用于表征所述布局元素的第二类型节点；

基于所述目标结构树，生成所述界面设计图对应的界面布局文件。

2.根据权利要求1所述的方法，其特征在于，所述基于所述布局元素和所述第一结构树，确定目标结构树，包括：

基于所述布局元素和所述第一结构树，构建所述界面设计图对应的第二结构树；所述第二结构树包括用于表征所述界面元素的第一类型节点、以及用于表征所述布局元素的第二类型节点；

检测所述第二结构树中各节点所对应的元素之间的相似关系；

对所述第二结构树中具有相似关系的元素所对应的节点进行标记，得到相似标记数据；

基于所述相似标记数据和所述第二结构树，构建所述界面设计图对应的第三结构树，将所述第三结构树作为所述目标结构树。

3.根据权利要求2所述的方法，其特征在于，所述基于所述布局元素和所述第一结构树，构建所述界面设计图对应的第二结构树之前，还包括：

判断所述第一结构树中节点所对应的元素是否为绝对定位元素；

若所述第一结构树中节点所对应的元素为绝对定位元素，则对绝对定位元素进行标记，得到定位标记数据；

相应地，所述检测所述第二结构树中各节点所对应的元素之间的相似关系，包括：

确定所述第二结构树中节点对应的带有所述定位标记数据的元素；

对所述第二结构树中节点对应的其他元素进行相似关系检测，所述其他元素包括第二结构树中节点对应的除所述带有所述定位标记数据的元素以外的元素。

4.根据权利要求1-3任一所述的方法，其特征在于，所述对所述第一结构树中节点所对应的界面元素的空间布局关系进行分析，得到用于表征界面元素之间布局关系的布局元素，包括：

基于元素信息，对所述第一结构树中节点所对应的界面元素进行水平布局关系分析，将满足水平布局关系的至少两个界面元素进行成组，将不满足水平布局关系的界面元素单独成组，得到至少一个第一水平组；

对每个所述第一水平组中的界面元素进行垂直布局分析，将满足垂直布局关系的至少两个界面元素进行成组，将不满足垂直布局关系的界面元素单独成组，得到至少一个第一垂直组；

依次类推，直至检测结果为不存在满足下一级水平布局关系和下一级垂直布局关系的界面元素；

基于布局分析所得的水平组和垂直组，得到所述布局元素；所述布局元素的信息包括水平组和垂直组之间的布局关系、各水平组与每个成组元素的布局关系、以及各垂直组和每个成组元素的布局关系。

5.根据权利要求4所述的方法，其特征在于，所述对界面元素进行水平布局关系分析，包括：

检测各界面元素的元素边界在第一方向的投影区域；

确定具有投影区域重叠的至少两个所述界面元素之间存在水平布局关系；

所述对界面元素进行垂直布局关系分析，包括：

检测各界面元素的元素边界在第二方向的投影区域；所述第二方向与所述第一方向相互垂直；

确定具有投影区域重叠的至少两个所述界面元素之间存在水平布局关系。