一种界面中图层的匹配方法、装置及电子设备制造方法及图纸

本发明专利技术实施例提供了一种界面中图层的匹配方法、装置及电子设备，方法包括：获取待验收界面中各待验收图层的属性信息，并获取标准界面中的各标准图层的属性信息；根据各待验收图层的位置以及预设排序规则，对各待验收图层进行排序；按照排序结果遍历各待验收图层，每遍历一个待验收图层时，根据各待验收图层及各标准图层的类型及位置，计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度；确定与当前遍历的待验收图层匹配的标准图层；继续遍历下一个待验收图层，直到所有待验收图层遍历结束。由于无需人工识别应用程序界面和设计稿相应的界面中图层的对应关系，所以待验收图层与标准图层的对应关系的确定效率可以得到大大提高。

【技术实现步骤摘要】
一种界面中图层的匹配方法、装置及电子设备
本专利技术涉及应用程序开发
，特别是涉及一种界面中图层的匹配方法、装置及电子设备。
技术介绍
在应用程序界面开发过程中，根据预先完成的设计稿的要求进行界面开发，在开发完成后，为了检测应用程序界面是否符合设计稿的要求，需要对应用程序界面进行验收。目前对应用程序界面进行验收的方式依赖于人工。具体来说，获取应用程序界面和设计稿相应的界面后，验收人员人工识别应用程序界面和设计稿相应的界面中图层的对应关系，进而根据对应关系，将应用程序界面的图层的样式和图层之间的间距与设计稿中相应的图层的样式和图层之间的间距进行比较，标记出样式和/或间距错误的图层，得到验收结果。可见，目前的验收方式中，由于需要人工识别应用程序界面和设计稿相应的界面中图层的对应关系，所以对应关系的确定效率非常低。
技术实现思路
本专利技术实施例的目的在于提供一种界面中图层的匹配方法、装置及电子设备，以提高界面中图层对应关系的确定效率。具体技术方案如下：第一方面，本专利技术实施例提供了一种界面中图层的匹配方法，所述方法包括：获取待验收界面中各待验收图层的属性信息，并获取标准界面中的各标准图层的属性信息，其中，所述标准界面为所述待验收界面对应的设计稿所定义的界面，所述属性信息包括尺寸、位置及类型；根据所述各待验收图层的位置以及预设排序规则，对所述各待验收图层进行排序，得到排序结果；按照所述排序结果遍历所述各待验收图层，每遍历一个待验收图层时，根据所述各待验收图层及所述各标准图层的类型及位置，计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度；基于所述匹配度，确定与所述当前遍历的待验收图层匹配的标准图层，并记录所述当前遍历的待验收图层与该标准图层的对应关系，确定该标准图层已匹配；继续遍历下一个待验收图层，并返回所述根据所述各待验收图层及所述各标准图层的类型及位置，计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤，直到所有待验收图层遍历结束，得到所述各待验收图层与所述各标准图层的对应关系。可选的，在所述按照所述排序结果遍历所述各待验收图层的步骤之前，所述方法还包括：根据所述各标准图层的位置，确定每个标准图层的相邻图层；所述根据所述各待验收图层及所述各标准图层的类型及位置，计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤，包括：根据所述各待验收图层的位置，确定当前遍历的待验收图层的相邻图层；基于所述当前遍历的待验收图层及其相邻图层的类型，以及当前每个未匹配的标准图层及其相邻图层的类型，分别计算所述当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度。可选的，所述基于所述当前遍历的待验收图层及其相邻图层的类型，以及当前每个未匹配的标准图层及其相邻图层的类型，分别计算所述当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤，包括：确定所述当前遍历的待验收图层的类型与当前每个未匹配的标准图层的类型是否相同；如果不同，确定所述当前遍历的待验收图层与类型不同的未匹配的标准图层之间的匹配度为第一匹配度；如果相同，确定所述当前遍历的待验收图层的相邻图层的类型与每个未匹配的目标标准图层的相邻图层的类型是否相同，其中，所述目标标准图层为类型与所述当前遍历的待验收图层的类型相同的标准图层；如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均相同，确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第二匹配度；如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均不同，确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第三匹配度；如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型不完全相同，基于类型相同的图层的数量确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度。可选的，所述属性信息还包括透明度；在所述根据所述各待验收图层的位置以及预设排序规则，对所述各待验收图层进行排序，得到排序结果的步骤之前，所述方法还包括：去除所述各待验收图层及所述各标准图层中透明度为100％的图层。可选的，所述属性信息还包括颜色；在所述根据所述各待验收图层的位置以及预设排序规则，对所述各待验收图层进行排序，得到排序结果的步骤之前，所述方法还包括：从所述各待验收图层及所述各标准图层中，筛选出仅包括背景色的图层，作为目标图层；针对每个所述目标图层，根据所述各待验收图层或所述各标准图层的尺寸及位置，确定是否具有包括该目标图层的图层；如果有，在包括该目标图层的图层中面积最小的图层的背景色与所述目标图层的背景色相同的情况下，去除所述目标图层。可选的，所述获取待验收界面中各待验收图层的属性信息，并获取标准界面中的各标准图层的属性信息的步骤，包括：调用预设视图接口，提取待验收界面中各待验收图层的属性信息；对标准界面中的各标准图层进行解析，获得所述标准界面中的各标准图层的属性信息。可选的，所述对标准界面中的各标准图层进行解析，获得所述标准界面中的各标准图层的属性信息的步骤，包括：对标准界面进行解析，确定所述标准界面中的各图层是否具有蒙版，以及是否为复合图层；针对具有蒙版的图层，根据所述蒙版的尺寸对该图层进行剪裁，得到对应的标准图层，并确定该标准图层的属性信息；针对复合图层，对所述复合图层进行分解，得到组成所述复合图层的各个标准图层，并确定所述各个标准图层的属性信息。第二方面，本专利技术实施例提供了一种界面中图层的匹配装置，所述装置包括：属性信息获取模块，用于获取待验收界面中各待验收图层的属性信息，并获取标准界面中的各标准图层的属性信息，其中，所述标准界面为所述待验收界面对应的设计稿所定义的界面，所述属性信息包括尺寸、位置及类型；图层排序模块，用于根据所述各待验收图层的位置以及预设排序规则，对所述各待验收图层进行排序，得到排序结果；匹配度计算模块，用于按照所述排序结果遍历所述各待验收图层，每遍历一个待验收图层时，根据所述各待验收图层及所述各标准图层的类型及位置，计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度；对应关系确定模块，用于基于所述匹配度，确定与所述当前遍历的待验收图层匹配的标准图层，并记录所述当前遍历的待验收图层与该标准图层的对应关系，确定该标准图层已匹配；继续遍历下一个待验收图层，并返回所述根据所述各待验收图层及所述各标准图层的类型及位置，计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度，直到所有待验收图层遍历结束，得到所述各待验收图层与所述各标准图层的对应关系。可选的，所述装置还包括：相邻图层确定模块，用于在所述按照所述排序结果遍历所述各待验收图层的步骤之前，根据所述各标准图本文档来自技高网...

【技术保护点】
1.一种界面中图层的匹配方法，其特征在于，所述方法包括：/n获取待验收界面中各待验收图层的属性信息，并获取标准界面中的各标准图层的属性信息，其中，所述标准界面为所述待验收界面对应的设计稿所定义的界面，所述属性信息包括尺寸、位置及类型；/n根据所述各待验收图层的位置以及预设排序规则，对所述各待验收图层进行排序，得到排序结果；/n按照所述排序结果遍历所述各待验收图层，每遍历一个待验收图层时，根据所述各待验收图层及所述各标准图层的类型及位置，计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度；/n基于所述匹配度，确定与所述当前遍历的待验收图层匹配的标准图层，并记录所述当前遍历的待验收图层与该标准图层的对应关系，确定该标准图层已匹配；/n继续遍历下一个待验收图层，并返回所述根据所述各待验收图层及所述各标准图层的类型及位置，计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤，直到所有待验收图层遍历结束，得到所述各待验收图层与所述各标准图层的对应关系。/n

【技术特征摘要】
1.一种界面中图层的匹配方法，其特征在于，所述方法包括：
获取待验收界面中各待验收图层的属性信息，并获取标准界面中的各标准图层的属性信息，其中，所述标准界面为所述待验收界面对应的设计稿所定义的界面，所述属性信息包括尺寸、位置及类型；
根据所述各待验收图层的位置以及预设排序规则，对所述各待验收图层进行排序，得到排序结果；
按照所述排序结果遍历所述各待验收图层，每遍历一个待验收图层时，根据所述各待验收图层及所述各标准图层的类型及位置，计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度；
基于所述匹配度，确定与所述当前遍历的待验收图层匹配的标准图层，并记录所述当前遍历的待验收图层与该标准图层的对应关系，确定该标准图层已匹配；
继续遍历下一个待验收图层，并返回所述根据所述各待验收图层及所述各标准图层的类型及位置，计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤，直到所有待验收图层遍历结束，得到所述各待验收图层与所述各标准图层的对应关系。


2.如权利要求1所述的方法，其特征在于，在所述按照所述排序结果遍历所述各待验收图层的步骤之前，所述方法还包括：
根据所述各标准图层的位置，确定每个标准图层的相邻图层；
所述根据所述各待验收图层及所述各标准图层的类型及位置，计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤，包括：
根据所述各待验收图层的位置，确定当前遍历的待验收图层的相邻图层；
基于所述当前遍历的待验收图层及其相邻图层的类型，以及当前每个未匹配的标准图层及其相邻图层的类型，分别计算所述当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度。


3.如权利要求2所述的方法，其特征在于，所述基于所述当前遍历的待验收图层及其相邻图层的类型，以及当前每个未匹配的标准图层及其相邻图层的类型，分别计算所述当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤，包括：
确定所述当前遍历的待验收图层的类型与当前每个未匹配的标准图层的类型是否相同；
如果不同，确定所述当前遍历的待验收图层与类型不同的未匹配的标准图层之间的匹配度为第一匹配度；
如果相同，确定所述当前遍历的待验收图层的相邻图层的类型与每个未匹配的目标标准图层的相邻图层的类型是否相同，其中，所述目标标准图层为类型与所述当前遍历的待验收图层的类型相同的标准图层；
如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均相同，确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第二匹配度；
如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均不同，确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第三匹配度；
如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型不完全相同，基于类型相同的图层的数量确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度。


4.如权利要求1-3任一项所述的方法，其特征在于，所述属性信息还包括透明度；
在所述根据所述各待验收图层的位置以及预设排序规则，对所述各待验收图层进行排序，得到排序结果的步骤之前，所述方法还包括：
去除所述各待验收图层及所述各标准图层中透明度为100％的图层。


5.如权利要求1-3任一项所述的方法，其特征在于，所述属性信息还包括颜色；
在所述根据所述各待验收图层的位置以及预设排序规则，对所述各待验收图层进行排序，得到排序结果的步骤之前，所述方法还包括：
从所述各待验收图层及所述各标准图层中，筛选出仅包括背景色的图层，作为目标图层；
针对每个所述目标图层，根据所述各待验收图层或所述各标准图层的尺寸及位置，确定是否具有包括该目标图层的图层；
如果有，在包括该目标图层的图层中面积最小的图层的背景色与所述目标图层的背景色相同的情况下，去除所述目标图层。


6.如权利要求1-3任一项所述的方法，其特征在于，所述获取待验收界面中各待验收图层的属性信息，并获取标准界面中的各...

【专利技术属性】
技术研发人员：蔡宇，吴瑞卿，
申请(专利权)人：北京爱奇艺科技有限公司，
类型：发明
国别省市：北京;11