[发明专利]一种用户界面组件检索方法及装置、设备、存储介质

说明书

本申请公开了一种UI组件检索方法，包括：至少对输入图像进行图像检测，获得所述输入图像中的UI的边框信息；获得所述UI的内容特征信息；根据所述边框信息和所述内容特征信息，在前端组件库中召回与所述UI匹配的目标UI组件。本申请还公开了一种装置、设备及存储介质。

技术领域

本申请实施例涉及计算机技术领域，涉及但不限于一种用户界面组件检索方法及装置、设备、存储介质。

背景技术

为了提高页面搭建人员的工作效率，页面搭建人员上传用户界面(UserInterface，UI)图片，服务器获取UI组件库中与该UI图片在样式上尽可能匹配的前端组件。相关技术中，检索尽可能匹配的前端组件的方案包括以下两种：基于内容的图像检索和基于自动编码器的方法。其中，基于内容的图像检索是通过图像内容的相似性找到与上传图片最相似的图片，但其关注图片的大体框架，这也导致了该方法无法在UI页面检索方面有好的泛化性。基于自动编码器的方法是通过动编码器学习图片的样式信息，以页面的样式信息查找与上传图片最相似的图片，但是由于设计稿本身的复杂性，简单的自动编码器获取的样式信息并不十分准确。因此，相关技术中，UI组件的检索结果不精确。

发明内容

本申请实施例为解决相关技术中存在的至少一个问题而提供一种用户界面组件检索方法及装置、设备、存储介质，能够提高用户界面组件的检索结果的精确度。

本申请实施例的技术方案是这样实现的：

第一方面，本申请实施例提供一种用户界面组件检索方法，所述方法包括：至少对输入图像进行图像检测，获得所述输入图像中的用户界面的边框信息；获得所述用户界面的内容特征信息；根据所述边框信息和所述内容特征信息，在前端组件库中召回与所述用户界面匹配的目标用户界面组件。

第二方面，本申请实施例提供一种用户界面检索装置，包括：

检测单元，用于至少对输入图像进行图像检测，获得所述输入图像中的用户界面的边框信息；

获得单元，用于获得所述用户界面的内容特征信息；

召回单元，用于根据所述边框信息和所述内容特征信息，在前端组件库中召回与所述用户界面匹配的目标用户界面组件。

第三方面，本申请实施例提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现上述用户界面组件检索方法中的步骤。

第四方面，本申请实施例提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述用户界面组件检索方法中的步骤。

本申请实施例中，提供了一种用户界面组件检索方法及装置、设备、存储介质，包括：至少对输入图像进行图像检测，获得所述输入图像中的用户界面的边框信息；获得所述用户界面的内容特征信息；根据所述边框信息和所述内容特征信息，在前端组件库中召回与所述用户界面匹配的目标用户界面组件；从而基于输入图像中的用户界面的边框信息和内容特征信息来在前端组件库中进行检索结果的匹配，使得检索到的目标用户界面组件与输入图像中的用户界面的匹配度高，检索结果精确度度高。

附图说明

图1为本申请实施例数据处理系统的可选地架构示意图；

图2为本申请实施例提供的UI组件检索方法的可选地流程示意图；

图3A为本申请实施例提供的UI中部分区域示意图；

图3B为本申请实施例提供的框架的界面示意图；

图4为本申请实施例提供的框架的界面示意图；

图5为本申请实施例提供的框架的界面示意图；

图6为本申请实施例提供的UI组件检索方法的可选地流程示意图；