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

说明书

本公开提供了一种界面组件识别方法、装置、计算机设备以及存储介质，其中，该方法包括：获取UI界面设计稿中的至少一个界面组件的组件属性信息；基于所述组件属性信息确定每个所述界面组件的组件类型，得到至少一个组件类型，并确定每个所述组件类型所对应的组件识别模式；基于所述组件识别模式在相对应的界面组件中识别目标界面组件；其中，所述目标界面组件为所属于对应组件类型的界面组件中渲染结果未展示在所述UI界面设计稿上的界面组件。

技术领域

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

背景技术

由于设计人员在针对UI界面进行设计的过程中，通常不会考虑UI界面的渲染效果，因此，得到的UI界面设计稿往往过于杂乱，充斥着若干无用的界面组件，导致通过D2C(design to code，设计稿转代码)的方法针对该UI界面设计稿生成的UI界面的代码较为复杂，增加了UI界面后期的维护成本，同时导致加载该UI界面时占用终端设备的内存较大。

发明内容

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

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

获取UI界面设计稿中的至少一个界面组件的组件属性信息；

基于所述组件属性信息确定每个所述界面组件的组件类型，得到至少一个组件类型，并确定每个所述组件类型所对应的组件识别模式；

基于所述组件识别模式在相对应的界面组件中识别目标界面组件；其中，所述目标界面组件为所属于对应组件类型的界面组件中渲染结果未展示在所述UI界面设计稿上的界面组件。

一种可选的实施方式中，所述基于所述组件识别模式在相对应的界面组件中识别目标界面组件，包括：

在所述界面组件的组件类型为第一类型组件的情况下，基于所述组件属性信息获取该界面组件的预设层级关系；其中，所述第一类型组件用于指示该界面组件包含对应组件结构信息；

基于所述预设层级关系确定该界面组件所对应的渲染范围中是否包含上层界面组件；

在确定该界面组件所对应的渲染范围中不包含所述上层界面组件的情况下，将所述界面组件确定为目标界面组件。

一种可选的实施方式中，所述方法还包括：

在所述界面组件所对应的渲染范围中不包含上层界面组件的情况下，基于所述组件属性信息确定所述界面组件的组件类型是否为第一预设子类型；

在所述界面组件的组件类型不是第一预设子类型的情况下，将所述界面组件确定为目标界面组件。

一种可选的实施方式中，所述基于所述组件识别模式在相对应的界面组件中识别目标界面组件，包括：

在所述界面组件的组件类型为第一类型组件的情况下，基于所述组件属性信息确定所述界面组件是否为第二预设子类型；其中，所述第一类型组件用于指示该界面组件包含对应组件结构信息；

在所述界面组件为第二预设子类型的情况下，基于所述组件属性信息确定所述界面组件的组件尺寸信息和预设层级关系；

在所述界面组件的组件尺寸信息不满足预设尺寸要求，且基于所述预设层级关系确定所述界面组件不包含下层界面组件的情况下，将所述界面组件确定为目标界面组件。

一种可选的实施方式中，基于所述组件识别模式在相对应的界面组件中识别目标界面组件，包括：