[发明专利]一种数据匹配方法、装置、计算机设备以及存储介质

说明书

本公开提供了一种数据匹配方法、装置、计算机设备以及存储介质，其中，该方法包括：获取多个待匹配的UI界面的界面信息；所述界面信息中包含每个UI界面的各个UI组成元素的元素信息；确定每个所述UI界面的匹配区域，得到多个匹配区域；每个所述匹配区域包含对应UI界面中的至少部分UI组成元素；调整多个UI界面之间的位置关系，以使所述多个匹配区域进行区域叠加，并在匹配界面展示叠加后的匹配区域；基于所述叠加后的匹配区域，对所述多个匹配区域中的UI组成元素进行匹配处理，得到多个匹配区域中相同类型的UI组成元素之间的差异信息，并在差异显示区域展示所述差异信息。

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种数据匹配方法、装置、计算机设备以及存储介质。

背景技术

在UI(User Interface)界面设计领域，需要对UI界面进行验收，比如，可以对多个待验收的UI界面进行比对，从而根据比对结果对该UI界面执行验收操作，例如，在UI界面的设计领域，通常需要对UI界面的UI原稿和UI设计稿进行反复比对，实现对UI设计稿的验收。现有的验收方式主要通过手动的方式对待验收的UI界面进行比对。由于，手动比对的工具较为单一，且手工比对的主观性较强，因此，在对结构较为复杂的UI界面进行验收时，现有的验收方式无法保证比对的准确度，同时也影响UI界面的验收进度和验收效率。

发明内容

本公开实施例至少提供一种数据匹配方法、装置、计算机设备以及存储介质。

第一方面，本公开实施例提供了一种数据匹配方法，包括：获取多个待匹配的UI界面的界面信息；所述界面信息中包含每个UI界面的各个UI组成元素的元素信息；确定每个所述UI界面的匹配区域，得到多个匹配区域；每个所述匹配区域包含对应UI界面中的至少部分UI组成元素；调整多个UI界面之间的位置关系，以使所述多个匹配区域进行区域叠加，并在匹配界面展示叠加后的匹配区域；基于所述叠加后的匹配区域，对所述多个匹配区域中的UI组成元素进行匹配处理，得到多个匹配区域中相同类型的UI组成元素之间的差异信息，并在差异显示区域展示所述差异信息。

一种可选的实施方式中，所述确定每个所述UI界面的匹配区域，得到多个匹配区域，包括：响应于用户针对至少部分UI界面的区域选择操作，确定至少部分UI界面的匹配区域，得到第一匹配区域；基于所述第一匹配区域，确定每个所述UI界面的匹配区域，得到多个匹配区域。

一种可选的实施方式中，所述基于所述第一匹配区域，确定每个所述UI界面的匹配区域，得到多个匹配区域，包括：在所述多个UI界面中除所述至少部分UI界面之外的剩余UI界面中，确定所述第一匹配区域的映射区域；基于所述第一匹配区域和所述映射区域，确定所述多个匹配区域。

一种可选的实施方式中，所述在匹配界面展示叠加后的匹配区域，包括：在所述多个UI界面中确定至少一个非底层UI界面，并确定每个所述非底层UI界面所对应匹配区域的透明度；将所述多个匹配区域进行叠加，并按照所述透明度在所述匹配界面展示叠加后的匹配区域。

一种可选的实施方式中，所述基于所述叠加后的匹配区域，对所述多个匹配区域中的UI组成元素进行匹配处理，得到多个匹配区域中相同类型的UI组成元素之间的差异信息，包括：在所述叠加后的匹配区域中，对多个所述匹配区域中的UI组成元素进行配对组合，得到至少一个元素配对组；其中，相同元素配对组中的UI组成元素为多个匹配区域中相同类型的UI组成元素；基于所述元素信息，计算每个所述元素配对组中的UI组成元素之间的相似度，得到至少一个相似度值；基于所述至少一个相似度值中不满足相似度要求的元素配对组所对应的UI组成元素，确定差异元素；并确定所述差异元素的差异信息。

一种可选的实施方式中，所述差异信息包括：差异描述信息和/或差异标识信息；所述差异描述信息包括以下至少之一：图案差异描述信息、形状差异描述信息、位置差异描述信息、尺寸差异描述信息、颜色差异描述信息；所述差异标识信息包括以下至少之一：每个差异元素的差异标识符号、差异元素之间的关联符号。