[發明專利]一種用戶交互UI界面的生成方法及裝置

在審

• 申請號: 202211267280.3
• 申請日: 2022-10-17
• 公開（公告）號: CN115586898A
• 公開（公告）日: 2023-01-10
• 發明（設計）人: 何屹峰
• 申請（專利權）人: 抖音視界有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F40/143
• 代理公司: 北京中知法苑知識產權代理有限公司 11226
• 代理人: 李明

1.一種用戶交互UI界面的生成方法，其特征在于，所述方法包括：

響應于對多個控件模板中的目標控件模板的觸發操作，在UI設計界面上的圖層生成畫布中生成與所述目標控件模板對應的控件圖層，并確定當前生成的所述控件圖層和已生成的目標控件圖層之間的圖層關系信息；

基于所述控件圖層、所述控件圖層對應的目標控件的控件屬性信息、以及不同控件圖層之間的所述圖層關系信息，生成包括預設結構化數據關系的目標文件；所述目標文件用于目標引擎基于所述目標文件生成目標UI界面；所述預設結構化數據關系用于描述所述控件圖層之間的圖層關系。

2.根據權利要求1所述的方法，其特征在于，響應于對多個控件模板中的目標控件模板的觸發操作，在UI設計界面上的圖層生成畫布中生成與所述目標控件模板對應的控件圖層之前，所述方法還包括：

響應于在目標圖形軟件中的目標觸發操作，展示所述UI設計界面；其中，所述UI設計界面包括：多個所述控件模板分別對應的觸發按鈕、以及所述圖層生成畫布。

3.根據權利要求2所述的方法，其特征在于，所述在UI設計界面上的圖層生成畫布中生成與所述目標控件模板對應的控件圖層，包括：

響應于對多個所述控件模板中目標控件模板對應的觸發按鈕的觸發操作，在所述UI設計界面中，展示與所述目標控件模板對應的屬性設置面板；

響應于對所述屬性設置面板中屬性值的設置操作，獲取與所述控件圖層對應的圖層屬性信息，并利用所述控件圖層對應的圖層屬性信息，在所述圖層生成畫布中生成對應的控件圖層。

4.根據權利要求3所述的方法，其特征在于，所述方法還包括：在生成所述控件圖層后，響應于對所述控件圖層的修改操作，基于所述修改操作修改的目標屬性的圖層屬性值，對所述控件圖層對應的圖層屬性信息進行更新。

5.根據權利要求1所述的方法，其特征在于，所述確定當前生成的所述控件圖層和已生成的目標控件圖層之間的圖層關系信息，包括：

將所述目標控件圖層作為父節點，并將所述觸發操作對應的控件圖層作為子節點，基于所述父節點的標識信息和所述子節點的標識信息，生成所述圖層關系信息。

6.根據權利要求1所述的方法，其特征在于，所述響應于對多個控件模板中的目標控件模板的觸發操作，在UI設計界面上的圖層生成畫布中生成與所述目標控件模板對應的控件圖層，并確定當前生成的所述控件圖層和已生成的目標控件圖層之間的圖層關系信息，包括：

響應于對已生成的控件圖層中任一控件圖層的選中操作，將所述任一控件圖層作為目標控件圖層；

響應于對多個控件模板中的目標控件模板的觸發操作，根據所述目標控件模板確定當前生成的所述控件圖層和所述目標控件圖層之間的圖層關系信息。

7.一種用戶交互UI界面的生成方法，其特征在于，包括：

響應于觸發UI界面生成指令，獲取包括預設結構化數據關系的目標文件；所述預設結構化數據關系用于描述所述控件圖層之間的圖層關系；

利用文件分析工具對所述目標文件進行解析，得到所述目標文件中包括的所述控件圖層、所述控件圖層對應目標控件的控件屬性信息以及各所述控件圖層之間的圖層關系信息；

基于所述控件圖層、所述控件圖層對應目標控件的控件屬性信息以及各所述控件圖層之間的圖層關系信息，生成目標UI界面。

8.一種用戶交互UI界面的生成裝置，其特征在于，包括：

第一生成模塊，用于響應于對多個控件模板中的目標控件模板的觸發操作，在UI設計界面上的圖層生成畫布中生成與所述目標控件模板對應的控件圖層，并確定當前生成的所述控件圖層和已生成的目標控件圖層之間的圖層關系信息；

第二生成模塊，用于基于所述控件圖層、所述控件圖層對應的目標控件的控件屬性信息、以及不同控件圖層之間的所述圖層關系信息，生成包括預設結構化數據關系的目標文件；所述目標文件用于目標引擎基于所述目標文件生成目標UI界面；所述預設結構化數據關系用于描述所述控件圖層之間的圖層關系。