[发明专利]一种层级关系获得方法、装置及电子设备

说明书

本发明实施例提供了一种层级关系获得方法、装置及电子设备，涉及计算机技术领域，方法包括：根据用户界面的设计文件，获得所述用户界面中各个图层的大小和位置；基于各个图层获得起始图层，并确定所述起始图层的层级；基于所述起始图层的层级，以遍历各个图层的方式，根据每一未确定层级的图层的覆盖区域与已确定层级的图层的覆盖区域之间的包含关系，获得各个图层的层级关系，其中，所述层级关系中上下级关系的图层之间，上级图层的覆盖区域包含该图层的下级图层的覆盖区域，每一图层的覆盖区域为：该图层的大小和位置表征的区域。应用本发明实施例提供的层级关系获得方案，可以提高层级关系获得效率。

技术领域

本发明涉及计算机技术领域，特别是涉及一种层级关系获得方法、装置及电子设备。

背景技术

在UI(User Interface，用户界面)开发场景中，通常由设计人员对UI进行设计，得到设计文件，再由开发人员根据设计文件进行UI开发。

设计人员所设计的UI通常包含多个图层，多个图层之间存在层级关系。开发人员在根据设计文件进行UI开发时，需要获得不同图层之间的层级关系，按照层级关系，进行UI的开发。

现有技术中，在获得层级关系时，通常需要开发人员人工分析设计文件，得到设计人员所设计的UI中各个图层的信息，根据所获得的信息人工确定各个图层之间的层级关系。人工获得层级关系时需要花费较大的人力资源，导致获得层级关系的效率较低。

发明内容

本发明实施例的目的在于提供一种层级关系获得方法、装置及电子设备，以提高获得层级关系的效率。具体技术方案如下：

在本发明实施的第一方面，首先提供了一种层级关系获得方法，所述方法包括：

根据用户界面的设计文件，获得所述用户界面中各个图层的大小和位置；

基于各个图层获得起始图层，并确定所述起始图层的层级；

基于所述起始图层的层级，以遍历各个图层的方式，根据每一未确定层级的图层的覆盖区域与已确定层级的图层的覆盖区域之间的包含关系，获得各个图层的层级关系，其中，所述层级关系中上下级关系的图层之间，上级图层的覆盖区域包含该图层的下级图层的覆盖区域，每一图层的覆盖区域为：该图层的大小和位置表征的区域。

本发明的一个实施例中，所述确定所述起始图层的层级，包括：

将所述起始图层的层级确定为最上级层级；

所述基于所述起始图层的层级，以遍历各个图层的方式，根据每一未确定层级的图层的覆盖区域与已确定层级的图层的覆盖区域之间的包含关系，获得各个图层的层级关系，包括：

选择未确定层级的一图层，作为待确定图层；

判断当前层级的图层中是否存在覆盖区域包含所述待确定图层的覆盖区域的目标图层，其中，所述当前层级的初始值为所述最上级层级；

若所述当前层级的图层中不存在所述目标图层，将所述待确定图层的层级确定为所述当前层级，并在所述当前层级的图层中查找覆盖区域属于所述待确定图层的覆盖区域的图层，将查找到的图层的层级更新为所述待确定图层的下级图层所在层级；

若所述当前层级的图层中存在所述目标图层，将所述当前层级更新为：所述目标图层的下级图层所在层级，返回所述判断当前层级的图层中是否存在覆盖区域包含所述待确定图层的覆盖区域的目标图层的步骤，直至确定所述待确定图层的层级；

返回所述选择未确定层级的一图层、作为待确定图层的步骤，直至确定所有图层的层级，得到各个图层的层级关系。

本发明的一个实施例中，所述基于各个图层获得起始图层，包括：

创建覆盖区域包含总区域的图层，作为起始图层，其中，所述总区域包含：所有图层的覆盖区域。