[發明專利]用戶界面代碼生成方法、裝置、電子設備及存儲介質

在審

• 申請號: 202111006589.2
• 申請日: 2021-08-30
• 公開（公告）號: CN113672227A
• 公開（公告）日: 2021-11-19
• 發明（設計）人: 蔡宇
• 申請（專利權）人: 北京愛奇藝科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/34;G06F8/51
• 代理公司: 北京柏杉松知識產權代理事務所(普通合伙) 11413
• 代理人: 項京;高鶯然

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

獲取所述用戶界面的設計文件，所述設計文件包含有多個圖層；

建立所述多個圖層的層級樹，其中，所述層級樹中，每個子節點所表示的圖層在該子節點的父節點所表示的圖層的區域內；

按照行分組和/或列分組的方式，對所述層級樹上每個節點的一組子節點進行迭代分組，得到每個節點對應的多組子節點，以及每個節點的布局描述信息，每個節點的布局描述信息包括該節點對應的多組子節點的劃分情況；

按照預設的編碼語法，將所述層級樹中所有節點的布局描述信息轉換為用戶界面代碼。

2.根據權利要求1所述的方法，其特征在于，所述建立所述多個圖層的層級樹的步驟，包括：

針對所述多個圖層中每一圖層，將該圖層作為層級樹的當前節點；

若所述多個圖層中其他圖層在所述當前節點的區域內，且所述其他圖層不在所述當前節點的子節點的區域內，則將所述其他圖層作為所述當前節點的子節點，所述當前節點的作為所述其他圖層的父節點；

若所述其他圖層在所述當前節點的區域內，且所述其他圖層在當前節點的第一子節點的區域內，則將所述其他圖層作為所述第一子節點的子節點，所述第一子節點作為所述其他圖層的父節點；

當所述多個圖層均確定了父節點和/或子節點后，所述層級樹構建完成。

3.根據權利要求1所述的方法，其特征在于，所述按照行分組和/或列分組的方式，對所述層級樹上每個節點的一組子節點進行迭代分組，得到每個節點對應的多組子節點，以及每個節點的布局描述信息的步驟，包括：

以所述層級樹上每個節點的一組子節點作為該節點的候選分組，按照行分組和列分組的方式，分別對每個節點的候選分組進行分組，得到每個節點對應的行分組和列分組；

根據每個節點對應的行分組的數量和列分組的數量，將每個節點對應的行分組或列分組更新為該節點的候選分組，并重新執行所述按照行分組和列分組的方式，分別對每個節點的候選分組進行分組，得到每個節點對應的多個行分組和多個列分組的步驟，直至候選分組包括的子節點的數量小于等于預設數量；

利用更新每個節點的候選分組時采用的分組方式，確定每個節點的布局描述信息。

4.根據權利要求3所述的方法，其特征在于，所述根據每個節點對應的行分組的數量和列分組的數量，將每個節點對應的行分組或列分組更新為該節點的候選分組的步驟，包括：

對于每個節點：

若該節點對應的行分組的數量大于列分組的數量，則將該節點對應的行分組更新為該節點的候選分組；

若該節點對應的行分組的數量小于列分組的數量，則將該節點對應的列分組更新為該節點的候選分組；

若該節點對應的行分組的數量等于列分組的數量，則計算該節點對應的每相鄰兩個行分組之間的第一距離，該節點對應的每相鄰兩個列分組之間的第二距離；

若行距離差小于列距離差，則將該節點對應的行分組更新為該節點的候選分組，其中，所述行距離差為最大第一距離與最小第一距離的差值，所述列距離差為最大第二距離與最小第二距離的差值；

若所述行距離差大于等于所述列距離差，則將該節點對應的列分組更新為該節點的候選分組。

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

在得到所述用戶界面代碼后，將所述用戶界面代碼集成在代碼工程中。

6.根據權利要求1-5任一項所述的方法，其特征在于，所述多個圖層包括蒙版圖層，所述蒙版圖層為：所述設計文件中覆蓋了蒙版的原始圖層上非透明顯示的區域。