[發明專利]一種層級關系獲得方法、裝置及電子設備

在審

• 申請號: 202010761393.3
• 申請日: 2020-07-31
• 公開（公告）號: CN111880776A
• 公開（公告）日: 2020-11-03
• 發明（設計）人: 蔡宇;吳瑞卿
• 申請（專利權）人: 北京愛奇藝科技有限公司
• 主分類號: G06F8/20
• 分類號: G06F8/20;G06T7/00
• 代理公司: 北京柏杉松知識產權代理事務所(普通合伙) 11413
• 代理人: 孟維娜;高鶯然

本發明實施例提供了一種層級關系獲得方法、裝置及電子設備，涉及計算機技術領域，方法包括：根據用戶界面的設計文件，獲得所述用戶界面中各個圖層的大小和位置；基于各個圖層獲得起始圖層，并確定所述起始圖層的層級；基于所述起始圖層的層級，以遍歷各個圖層的方式，根據每一未確定層級的圖層的覆蓋區域與已確定層級的圖層的覆蓋區域之間的包含關系，獲得各個圖層的層級關系，其中，所述層級關系中上下級關系的圖層之間，上級圖層的覆蓋區域包含該圖層的下級圖層的覆蓋區域，每一圖層的覆蓋區域為：該圖層的大小和位置表征的區域。應用本發明實施例提供的層級關系獲得方案，可以提高層級關系獲得效率。

技術領域

本發明涉及計算機技術領域，特別是涉及一種層級關系獲得方法、裝置及電子設備。

背景技術

在UI(User Interface，用戶界面)開發場景中，通常由設計人員對UI進行設計，得到設計文件，再由開發人員根據設計文件進行UI開發。

設計人員所設計的UI通常包含多個圖層，多個圖層之間存在層級關系。開發人員在根據設計文件進行UI開發時，需要獲得不同圖層之間的層級關系，按照層級關系，進行UI的開發。

現有技術中，在獲得層級關系時，通常需要開發人員人工分析設計文件，得到設計人員所設計的UI中各個圖層的信息，根據所獲得的信息人工確定各個圖層之間的層級關系。人工獲得層級關系時需要花費較大的人力資源，導致獲得層級關系的效率較低。

發明內容

本發明實施例的目的在于提供一種層級關系獲得方法、裝置及電子設備，以提高獲得層級關系的效率。具體技術方案如下：

在本發明實施的第一方面，首先提供了一種層級關系獲得方法，所述方法包括：

根據用戶界面的設計文件，獲得所述用戶界面中各個圖層的大小和位置；

基于各個圖層獲得起始圖層，并確定所述起始圖層的層級；

基于所述起始圖層的層級，以遍歷各個圖層的方式，根據每一未確定層級的圖層的覆蓋區域與已確定層級的圖層的覆蓋區域之間的包含關系，獲得各個圖層的層級關系，其中，所述層級關系中上下級關系的圖層之間，上級圖層的覆蓋區域包含該圖層的下級圖層的覆蓋區域，每一圖層的覆蓋區域為：該圖層的大小和位置表征的區域。

本發明的一個實施例中，所述確定所述起始圖層的層級，包括：

將所述起始圖層的層級確定為最上級層級；

所述基于所述起始圖層的層級，以遍歷各個圖層的方式，根據每一未確定層級的圖層的覆蓋區域與已確定層級的圖層的覆蓋區域之間的包含關系，獲得各個圖層的層級關系，包括：

選擇未確定層級的一圖層，作為待確定圖層；

判斷當前層級的圖層中是否存在覆蓋區域包含所述待確定圖層的覆蓋區域的目標圖層，其中，所述當前層級的初始值為所述最上級層級；

若所述當前層級的圖層中不存在所述目標圖層，將所述待確定圖層的層級確定為所述當前層級，并在所述當前層級的圖層中查找覆蓋區域屬于所述待確定圖層的覆蓋區域的圖層，將查找到的圖層的層級更新為所述待確定圖層的下級圖層所在層級；

若所述當前層級的圖層中存在所述目標圖層，將所述當前層級更新為：所述目標圖層的下級圖層所在層級，返回所述判斷當前層級的圖層中是否存在覆蓋區域包含所述待確定圖層的覆蓋區域的目標圖層的步驟，直至確定所述待確定圖層的層級；

返回所述選擇未確定層級的一圖層、作為待確定圖層的步驟，直至確定所有圖層的層級，得到各個圖層的層級關系。

本發明的一個實施例中，所述基于各個圖層獲得起始圖層，包括：

創建覆蓋區域包含總區域的圖層，作為起始圖層，其中，所述總區域包含：所有圖層的覆蓋區域。