[發明專利]一種界面處理方法、裝置及終端

有效

• 申請號: 201910343319.7
• 申請日: 2019-04-25
• 公開（公告）號: CN110069257B
• 公開（公告）日: 2022-02-11
• 發明（設計）人: 朱政義;涂超;劉亦明;楊文澤;陳建平;馮智超;何聃;陳春勇
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 廣州三環專利商標代理有限公司 44202
• 代理人: 郝傳鑫;熊永強

1.一種界面處理方法，其特征在于，包括：

獲取前端界面的設計文件，所述設計文件包括所述前端界面中的元素的圖層數據結構及位置信息；元素的圖層數據結構包括父圖層及從屬于所述父圖層的子圖層；元素的位置信息包括第一位置信息或第二位置信息；所述第一位置信息用于描述所述元素在所述前端界面中的絕對位置；所述第二位置信息用于描述所述元素在所述前端界面中的相對位置；其中，針對所述前端界面中的任一元素，若所述任一元素未被進行位置標注操作，則所述設計文件中所述任一元素的位置信息為所述任一元素的第一位置信息；若所述任一元素被執行位置標注操作，則所述設計文件中所述任一元素的位置信息是標注后得到的所述任一元素的第二位置信息；在完成所述前端界面的設計稿之后顯示配置按鈕以對所述設計稿中的自適應調整的元素進行標注；當所述配置按鈕被點擊后，同時顯示所述前端界面的設計稿和標注列表，所述標注列表包括了多個標注項，通過所述標注項來對所述任一元素執行所述位置標注操作；

對所述元素的圖層數據結構進行精簡；

根據所述元素的位置信息及精簡后的所述元素的圖層數據結構，獲取所述前端界面布局所需的控件信息，所述控件信息包括控件的屬性及控件之間的關系；

按照所述控件信息生成所述前端界面的通用布局文件；

將所述前端界面的通用布局文件轉換為目標平臺的目標布局文件；

其中，所述對所述元素的圖層數據結構進行精簡，包括：

若子圖層的數量為零，則從所述元素的圖層數據結構中剔除所述父圖層；或者，

若所述子圖層中包括用于描述所述元素的風格屬性的風格圖層，則將所述風格圖層合并至所述父圖層；或者，

若子圖層的數量為1，則將所述子圖層與所述父圖層進行合并。

2.如權利要求1所述的方法，其特征在于，所述獲取前端界面的設計文件，包括：

獲取前端界面的設計稿，并獲取所述前端界面中的元素的圖層數據結構；

從所述設計稿識別出所述元素的第一位置信息；

若檢測到對所述元素的位置標注操作，響應于所述位置標注操作，獲取所述元素被標注的第二位置信息；

根據所述元素的圖層數據結構及所述第一位置信息，或者根據所述元素的圖層數據結構及所述第二位置信息，生成所述前端界面的設計文件。

3.如權利要求1所述的方法，其特征在于，所述通用布局文件包括領域專用語言文件；所述按照所述控件信息生成所述前端界面的通用布局文件，具體包括：按照領域專用語言的數據結構存儲所述控件信息得到所述前端界面的通用布局文件。

4.如權利要求1所述的方法，其特征在于，所述將所述前端界面的通用布局文件轉換為目標平臺的目標布局文件，包括：

解析所述通用布局文件，得到所述控件信息；

按照所述控件信息在目標平臺環境下進行模擬布局，得到模擬布局方案；

將所述模擬布局方案中的布局模板與參考布局模板進行匹配；

若匹配成功，則采用參考布局模板替換所述模擬布局方案中的布局模板，得到優化后的模擬布局方案；

根據優化后的模擬布局方案生成目標平臺的目標布局文件，所述目標布局文件包括目標布局代碼。

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

在目標平臺環境下執行所述目標布局文件以顯示所述前端界面。