[发明专利]界面组件状态识别方法、装置、计算机设备以及存储介质

说明书

本公开提供了一种界面组件状态识别方法、装置、计算机设备以及存储介质，其中，该方法包括：对待处理的界面文件进行循环识别，得到多个循环结构；每个所述循环结构中包含具有预设层级关系的多个界面组件；基于所述多个循环结构之间的相似度将所述多个循环结构划分为至少一个循环结构组；每个所述循环结构组中包含满足相似性要求的多个目标循环结构；确定每个所述循环结构组中各个目标循环结构之间的界面组件的差异信息；基于所述差异信息确定所述循环结构组中每个目标循环结构的状态信息；所述状态信息用于指示目标循环结构的结构属性信息和/或目标循环结构之间结构属性的属性转化信息。

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种界面组件状态识别方法、装置、计算机设备以及存储介质。

背景技术

在现有的界面设计的方案中，在通过界面设计稿得到对应代码时，往往通过d2c(design to code，即设计稿转代码)的方式，然而，当界面设计稿中存在结构相似的循环结构时(即每个循环结构包含的界面组件的结构属性相似)，需要设计人员手动对该循环结构进行标注，且现有的d2c方案无法自动对循环结构的状态信息进行识别。

因此，在现有的d2c场景中，在根据人工标注的循环结构生成代码时的精度较低，得到的代码往往无法包含每个循环结构精确的状态信息，从而导致根据该代码对用户界面进行渲染时的渲染效果不尽如人意。

发明内容

本公开实施例至少提供一种界面组件状态识别方法、装置、计算机设备以及存储介质。

第一方面，本公开实施例提供了一种界面组件状态识别方法，包括：

对待处理的界面文件进行循环识别，得到多个循环结构；每个所述循环结构中包含具有预设层级关系的多个界面组件；基于所述多个循环结构之间的相似度将所述多个循环结构划分为至少一个循环结构组；每个所述循环结构组中包含满足相似性要求的多个目标循环结构；确定每个所述循环结构组中各个目标循环结构之间的界面组件的差异信息；基于所述差异信息确定所述循环结构组中每个目标循环结构的状态信息；所述状态信息用于指示目标循环结构的结构属性信息和/或目标循环结构之间结构属性的属性转化信息。

一种可选的实施方式中，所述确定每个所述循环结构组中多个目标循环结构之间的界面组件的差异信息，包括：

获取每个所述目标循环结构中界面组件的组件属性信息；基于所述组件属性信息，将所述多个目标循环结构中界面组件进行配对处理，得到各个所述目标循环结构中每个界面组件的配对结果；基于所述配对结果确定所述多个目标循环结构之间的界面组件的差异信息。

一种可选的实施方式中，所述基于所述组件属性信息，将所述多个目标循环结构中界面组件进行配对处理，得到各个所述目标循环结构中每个界面组件的配对结果，包括：

提取每个所述目标循环结构中对应相同层级的界面组件；基于所述组件属性信息，将各个所述目标循环结构中对应相同层级的界面组件进行配对处理，得到所述配对结果。

一种可选的实施方式中，所述基于所述配对结果确定所述多个目标循环结构之间的界面组件的差异信息，包括：

在所述配对结果中包含匹配成功的界面组件的情况下，获取所述配对结果中所包含的每个界面组件的组件展示信息；确定各个所述组件展示信息之间的展示差异信息；基于所述展示差异信息确定所述配对结果中界面组件之间的差异信息。

一种可选的实施方式中，所述基于所述配对结果确定所述多个目标循环结构之间的界面组件的差异信息，包括：

在所述配对结果中包含匹配失败的界面组件的情况下，确定所述配对结果中界面组件所属的目标循环结构；基于所述所属的目标循环结构和所述匹配失败的界面组件，确定所述多个目标循环结构之间的界面组件的差异信息。