[發明專利]界面代碼的生成方法及設備

在審

• 申請號: 201910010012.5
• 申請日: 2019-01-06
• 公開（公告）號: CN111414165A
• 公開（公告）日: 2020-07-14
• 發明（設計）人: 涂挺鵬
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/34
• 代理公司: 北京太合九思知識產權代理有限公司 11610
• 代理人: 劉戈

1.一種界面代碼的生成方法，其特征在于，包括：

確定待處理圖像文件的界面元素信息；

基于所述界面元素信息，確定界面的布局信息；

根據所述布局信息，生成界面代碼。

2.根據權利要求1所述的方法，其特征在于，基于所述界面元素信息，確定界面的布局信息，包括：

基于所述界面元素信息中各界面元素的屬性信息，確定各界面元素之間的父子節點關系以及各父節點的至少一個子節點的分布信息；

根據所述父子節點關系及各父節點的至少一個子節點的分布信息，確定所述布局信息。

3.根據權利要求2所述的方法，其特征在于，基于所述界面元素信息中各界面元素的屬性信息，確定各界面元素之間的父子節點關系，包括：

基于各界面元素的位置信息及繪制順序信息，確定所述各界面元素之間的初始父子節點關系；

在所述初始父子節點關系中，若存在指定類界面元素作為父節點的情況，則在所述初始父節點關系中新增一第一容器節點來容納所述指定類界面元素及所述指定類界面元素的子節點，以得到所述父子節點關系。

4.根據權利要求2所述的方法，其特征在于，所述各父節點中包括第一類父節點；

以及，確定所述第一類父節點的至少一個第一子節點的分布信息，包括：

根據所述至少一個第一子節點的位置信息，確定所述至少一個第一子節點的行列信息以及所述至少一個第一子節點中各第一子節點的四周間距信息。

5.根據權利要求4所述的方法，其特征在于，還包括：

根據所述至少一個第一子節點中各第一子節點的四周間距信息，確定各行的伸縮布局屬性和各列的伸縮布局屬性；

根據所述各行的伸縮布局屬性和所述各列的伸縮布局屬性，確定對所述布局信息的修正方案。

6.根據權利要求5所述的方法，其特征在于，根據所述各行的伸縮布局屬性和所述各列的伸縮布局屬性，確定對所述布局信息的修正方案，包括：

所述各行的伸縮布局屬性一致時，在所述布局信息中，為所述第一類父節點添加任一行的伸縮布局屬性；

所述各列的伸縮布局屬性一致時，在所述布局信息中，為所述第一類父節點添加任一列的伸縮布局屬性；

所述各行的伸縮布局屬性不一致時且所述各列的伸縮布局屬性也不一致時，在所述布局信息中，為各行新增一第二容器節點以容納各行上的第一子節點，并為各行新增的所述第二容器節點添加各行對應的伸縮布局屬性，其中，各行的所述第二容器節點為所述第一類父節點的子節點。

7.根據權利要求2所述的方法，其特征在于，所述各父節點中包括第二類父節點；

以及，確定所述第二類父節點的至少一個第二子節點的分布信息，包括：

根據所述第二類父節點以及所述至少一個第二子節點的位置信息，對所述至少一個第二子節點進行絕對定位布局，以得到所述至少一個第二子節點的分布信息。

8.根據權利要求1至7中任一項所述的方法，其特征在于，根據所述布局信息，生成界面代碼，包括：

根據所述布局信息，從代碼庫中匹配出相應的代碼布局信息；

根據所述布局信息中各界面元素的屬性信息，從所述代碼庫中匹配出所述代碼布局信息中各節點在代碼層面的屬性信息；

將所述各節點在代碼層面的屬性信息添加至所述代碼布局信息中，以得到所述界面代碼。

9.根據權利要求8所述的方法，其特征在于，所述各界面元素包括：第一界面元素；

以及，根據所述第一界面元素的屬性信息，從所述代碼庫中匹配出所述代碼布局信息中與所述第一界面元素對應的第一節點在代碼層面的屬性信息，包括：

根據所述第一界面元素的類型屬性，在所述代碼庫中匹配出所述第一節點在代碼層面的類型屬性；

根據所述第一界面元素的顯示屬性，在所述代碼庫中匹配出所述第一節點在代碼層面的顯示屬性。