CN111857703B - 一种界面中图层的匹配方法、装置及电子设备 - Google Patents
一种界面中图层的匹配方法、装置及电子设备 Download PDFInfo
- Publication number
- CN111857703B CN111857703B CN202010761354.3A CN202010761354A CN111857703B CN 111857703 B CN111857703 B CN 111857703B CN 202010761354 A CN202010761354 A CN 202010761354A CN 111857703 B CN111857703 B CN 111857703B
- Authority
- CN
- China
- Prior art keywords
- layer
- checked
- standard
- layers
- type
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 48
- 238000012163 sequencing technique Methods 0.000 claims abstract description 49
- 238000013461 design Methods 0.000 claims abstract description 29
- 239000002131 composite material Substances 0.000 claims description 21
- 238000004891 communication Methods 0.000 claims description 18
- 238000004590 computer program Methods 0.000 claims description 12
- 238000004364 calculation method Methods 0.000 claims description 7
- 238000012545 processing Methods 0.000 description 7
- 238000011161 development Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 5
- 230000000694 effects Effects 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 230000009471 action Effects 0.000 description 3
- 238000004140 cleaning Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 238000012216 screening Methods 0.000 description 2
- 239000007787 solid Substances 0.000 description 2
- 239000003086 colorant Substances 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000000802 evaporation-induced self-assembly Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000007689 inspection Methods 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 238000004573 interface analysis Methods 0.000 description 1
- 230000000873 masking effect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F18/00—Pattern recognition
- G06F18/20—Analysing
- G06F18/22—Matching criteria, e.g. proximity measures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Bioinformatics & Cheminformatics (AREA)
- Evolutionary Computation (AREA)
- Evolutionary Biology (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Bioinformatics & Computational Biology (AREA)
- Artificial Intelligence (AREA)
- Life Sciences & Earth Sciences (AREA)
- Human Computer Interaction (AREA)
- Image Analysis (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
本发明实施例提供了一种界面中图层的匹配方法、装置及电子设备,方法包括:获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息;根据各待验收图层的位置以及预设排序规则,对各待验收图层进行排序;按照排序结果遍历各待验收图层,每遍历一个待验收图层时,根据各待验收图层及各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;确定与当前遍历的待验收图层匹配的标准图层;继续遍历下一个待验收图层,直到所有待验收图层遍历结束。由于无需人工识别应用程序界面和设计稿相应的界面中图层的对应关系,所以待验收图层与标准图层的对应关系的确定效率可以得到大大提高。
Description
技术领域
本发明涉及应用程序开发技术领域,特别是涉及一种界面中图层的匹配方法、装置及电子设备。
背景技术
在应用程序界面开发过程中,根据预先完成的设计稿的要求进行界面开发,在开发完成后,为了检测应用程序界面是否符合设计稿的要求,需要对应用程序界面进行验收。
目前对应用程序界面进行验收的方式依赖于人工。具体来说,获取应用程序界面和设计稿相应的界面后,验收人员人工识别应用程序界面和设计稿相应的界面中图层的对应关系,进而根据对应关系,将应用程序界面的图层的样式和图层之间的间距与设计稿中相应的图层的样式和图层之间的间距进行比较,标记出样式和/或间距错误的图层,得到验收结果。
可见,目前的验收方式中,由于需要人工识别应用程序界面和设计稿相应的界面中图层的对应关系,所以对应关系的确定效率非常低。
发明内容
本发明实施例的目的在于提供一种界面中图层的匹配方法、装置及电子设备,以提高界面中图层对应关系的确定效率。具体技术方案如下:
第一方面,本发明实施例提供了一种界面中图层的匹配方法,所述方法包括:
获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息,其中,所述标准界面为所述待验收界面对应的设计稿所定义的界面,所述属性信息包括尺寸、位置及类型;
根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果;
按照所述排序结果遍历所述各待验收图层,每遍历一个待验收图层时,根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;
基于所述匹配度,确定与所述当前遍历的待验收图层匹配的标准图层,并记录所述当前遍历的待验收图层与该标准图层的对应关系,确定该标准图层已匹配;
继续遍历下一个待验收图层,并返回所述根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,直到所有待验收图层遍历结束,得到所述各待验收图层与所述各标准图层的对应关系。
可选的,在所述按照所述排序结果遍历所述各待验收图层的步骤之前,所述方法还包括:
根据所述各标准图层的位置,确定每个标准图层的相邻图层;
所述根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,包括:
根据所述各待验收图层的位置,确定当前遍历的待验收图层的相邻图层;
基于所述当前遍历的待验收图层及其相邻图层的类型,以及当前每个未匹配的标准图层及其相邻图层的类型,分别计算所述当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度。
可选的,所述基于所述当前遍历的待验收图层及其相邻图层的类型,以及当前每个未匹配的标准图层及其相邻图层的类型,分别计算所述当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,包括:
确定所述当前遍历的待验收图层的类型与当前每个未匹配的标准图层的类型是否相同;
如果不同,确定所述当前遍历的待验收图层与类型不同的未匹配的标准图层之间的匹配度为第一匹配度;
如果相同,确定所述当前遍历的待验收图层的相邻图层的类型与每个未匹配的目标标准图层的相邻图层的类型是否相同,其中,所述目标标准图层为类型与所述当前遍历的待验收图层的类型相同的标准图层;
如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均相同,确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第二匹配度;
如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均不同,确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第三匹配度;
如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型不完全相同,基于类型相同的图层的数量确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度。
可选的,所述属性信息还包括透明度;
在所述根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果的步骤之前,所述方法还包括:
去除所述各待验收图层及所述各标准图层中透明度为100%的图层。
可选的,所述属性信息还包括颜色;
在所述根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果的步骤之前,所述方法还包括:
从所述各待验收图层及所述各标准图层中,筛选出仅包括背景色的图层,作为目标图层;
针对每个所述目标图层,根据所述各待验收图层或所述各标准图层的尺寸及位置,确定是否具有包括该目标图层的图层;
如果有,在包括该目标图层的图层中面积最小的图层的背景色与所述目标图层的背景色相同的情况下,去除所述目标图层。
可选的,所述获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息的步骤,包括:
调用预设视图接口,提取待验收界面中各待验收图层的属性信息;
对标准界面中的各标准图层进行解析,获得所述标准界面中的各标准图层的属性信息。
可选的,所述对标准界面中的各标准图层进行解析,获得所述标准界面中的各标准图层的属性信息的步骤,包括:
对标准界面进行解析,确定所述标准界面中的各图层是否具有蒙版,以及是否为复合图层;
针对具有蒙版的图层,根据所述蒙版的尺寸对该图层进行剪裁,得到对应的标准图层,并确定该标准图层的属性信息;
针对复合图层,对所述复合图层进行分解,得到组成所述复合图层的各个标准图层,并确定所述各个标准图层的属性信息。
第二方面,本发明实施例提供了一种界面中图层的匹配装置,所述装置包括:
属性信息获取模块,用于获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息,其中,所述标准界面为所述待验收界面对应的设计稿所定义的界面,所述属性信息包括尺寸、位置及类型;
图层排序模块,用于根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果;
匹配度计算模块,用于按照所述排序结果遍历所述各待验收图层,每遍历一个待验收图层时,根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;
对应关系确定模块,用于基于所述匹配度,确定与所述当前遍历的待验收图层匹配的标准图层,并记录所述当前遍历的待验收图层与该标准图层的对应关系,确定该标准图层已匹配;继续遍历下一个待验收图层,并返回所述根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度,直到所有待验收图层遍历结束,得到所述各待验收图层与所述各标准图层的对应关系。
可选的,所述装置还包括:
相邻图层确定模块,用于在所述按照所述排序结果遍历所述各待验收图层的步骤之前,根据所述各标准图层的位置,确定每个标准图层的相邻图层;
所述匹配度计算模块包括:
相邻图层确定单元,用于根据所述各待验收图层的位置,确定当前遍历的待验收图层的相邻图层;
匹配度确定单元,用于基于所述当前遍历的待验收图层及其相邻图层的类型,以及当前每个未匹配的标准图层及其相邻图层的类型,分别计算所述当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度。
可选的,所述匹配度确定单元包括:
第一类型确定子单元,用于确定所述当前遍历的待验收图层的类型与当前每个未匹配的标准图层的类型是否相同;
第一匹配度确定子单元,用于如果不同,确定所述当前遍历的待验收图层与类型不同的未匹配的标准图层之间的匹配度为第一匹配度;
第二类型确定子单元,用于如果相同,确定所述当前遍历的待验收图层的相邻图层的类型与每个未匹配的目标标准图层的相邻图层的类型是否相同,其中,所述目标标准图层为类型与所述当前遍历的待验收图层的类型相同的标准图层;
第二匹配度确定子单元,用于如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均相同,确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第二匹配度;
第三匹配度确定子单元,用于如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均不同,确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第三匹配度;
第四匹配度确定子单元,用于如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型不完全相同,基于类型相同的图层的数量确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度。
第三方面,本发明实施例提供了一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现上述第一方面任一所述的界面中图层的匹配方法步骤。
第四方面,本发明实施例提供了一种计算机可读缓存介质,所述计算机可读缓存介质内缓存有计算机程序,所述计算机程序被处理器执行时实现上述第一方面任一所述的界面中图层的匹配方法步骤。
第五方面,本发明实施例提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述第一方面任一所述的界面中图层的匹配方法步骤。
本发明实施例提供的方案中,电子设备可以获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息,其中,所述标准界面为所述待验收界面对应的设计稿所定义的界面,所述属性信息包括尺寸、位置及类型;根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果;按照所述排序结果遍历所述各待验收图层,每遍历一个待验收图层时,根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;基于所述匹配度,确定与当前遍历的待验收图层匹配的标准图层,并记录当前遍历的待验收图层与该标准图层的对应关系,确定该标准图层已匹配;继续遍历下一个待验收图层,并返回根据各待验收图层及各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,直到所有待验收图层遍历结束,得到各待验收图层与各标准图层的对应关系。由于无需人工识别应用程序界面和设计稿相应的界面中图层的对应关系,所以待验收图层与标准图层的对应关系的确定效率可以得到大大提高。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。
图1为本发明实施例所提供的一种界面中图层的匹配方法的流程图;
图2(a)为本发明实施例所提供的待验收界面的一种示意图;
图2(b)为本发明实施例所提供的标准界面的一种示意图;
图3为基于图1所示实施例的匹配度确定方式的一种流程图;
图4为基于图1所示实施例的图层清理方式的一种流程图;
图5为基于图1所示实施例的标准界面的解析方式的一种流程图;
图6为本发明实施例所提供的一种界面中图层的匹配装置的结构示意图;
图7为图6所示实施例中匹配度计算模块630的一种具体结构示意图;
图8为本发明实施例所提供的一种电子设备的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行描述。
为了在应用程序界面验收时,提高待验收图层与标准图层的对应关系的确定效率,本发明实施例提供了一种界面中图层的匹配方法、装置、电子设备、计算机可读存储介质以及计算机程序产品。下面对本发明实施例所提供的一种界面中图层的匹配方法进行介绍。
本发明实施例所提供的一种界面中图层的匹配方法可以任意需要确定待验收图层与标准图层的对应关系的电子设备。该电子设备可以为手机、电脑、平板电脑等电子设备,在此不做具体限定。为了描述清楚,以下称为电子设备。
如图1所示,一种界面中图层的匹配方法,所述方法包括:
S101,获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息;
其中,所述标准界面为所述待验收界面对应的设计稿所定义的界面,所述属性信息包括尺寸、位置及类型。
S102,根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果;
S103,按照所述排序结果遍历所述各待验收图层,每遍历一个待验收图层时,根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;
S104,基于所述匹配度,确定与所述当前遍历的待验收图层匹配的标准图层,并记录所述当前遍历的待验收图层与该标准图层的对应关系,确定该标准图层已匹配;
S105,继续遍历下一个待验收图层,并返回所述根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,直到所有待验收图层遍历结束,得到所述各待验收图层与所述各标准图层的对应关系。
可见,本发明实施例提供的方案中,电子设备可以获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息,其中,所述标准界面为待验收界面对应的设计稿所定义的界面,所述属性信息包括尺寸、位置及类型;根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果;按照所述排序结果遍历所述各待验收图层,每遍历一个待验收图层时,根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;基于所述匹配度,确定与当前遍历的待验收图层匹配的标准图层,并记录当前遍历的待验收图层与该标准图层的对应关系,确定该标准图层已匹配;继续遍历下一个待验收图层,并返回根据各待验收图层及各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,直到所有待验收图层遍历结束,得到各待验收图层与各标准图层的对应关系。由于无需人工识别应用程序界面和设计稿相应的界面中图层的对应关系,所以待验收图层与标准图层的对应关系的确定效率可以得到大大提高。
在需要确定待验收图层与标准图层之间的对应关系时,电子设备可以执行上述步骤S101,即获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息,其中,标准界面为待验收界面对应的设计稿所定义的界面。图层的属性信息可以包括图层的尺寸、位置、类型及样式等,该样式可以包括字体、字号、边框形状、颜色等信息。图层的类型可以包括文本类型和图片类型。
本文中的待验收图层即为待验收界面中的图层,标准图层即为设计稿所定义的标准界面中的图层,只是为了方便区分两个界面中的图层,并没有其他限定意义。
获取上述属性信息之后,电子设备可以基于各待验收图层以及各标准图层的尺寸、位置及类型,确定各待验收图层与各标准图层的对应关系,具体来说,电子设备可以根据各待验收图层的位置以及预设排序规则,对各待验收图层进行排序,得到排序结果,也就是执行上述步骤S102。
为了方便后续进行遍历,电子设备可以按照预设排序规则及各待验收图层的位置对各待验收图层进行排序,得到排序结果。其中,预设排序规则可以为按照在界面中的位置从上到下、从左到右等顺序进行排序,这都是合理的。
得到排序结果后,电子设备便可以按照排序结果遍历各待验收图层,也就是排序结果从第一个待验收图层遍历至最后一个待验收图层。每遍历一个待验收图层时,电子设备可以根据各待验收图层及各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度。
其中,对于第一个遍历的待验收图层来说,当前未匹配的标准图层即为所有标准图层,也就是说,对于第一个遍历的待验收图层来说,需要计算该待验收图层与所有标准图层之间的匹配度。对于非第一个遍历的待验收图层来说,当前未匹配的标准图层即为所有标准图层中当前剩余的还没有确定对应关系的标准图层。也就是说,对于非第一个遍历的待验收图层来说,需要计算该待验收图层与当前剩余的还没有确定对应关系的每个标准图层之间的匹配度。
在一种实施方式中,电子设备可以根据各待验收图层的位置确定当前遍历的待验收图层周围的待验收图层,同样的,也可以根据各标准图层的位置确定每个标准图层周围的标准图层。进而,可以比较当前遍历的待验收图层的类型与当前每个未匹配的标准图层的类型是否相同,还可以比较当前遍历的待验收图层周围的标准图层的类型与每个未匹配的标准图层周围的标准图层的类型是否相同,根据两个比较结果确定匹配度。
接下来,在上述步骤S104中,电子设备便可以基于匹配度确定与当前遍历的待验收图层匹配的标准图层,并记录当前遍历的待验收图层与该标准图层的对应关系,确定该标准图层已匹配。确定了上述匹配度后,电子设备便可以确定与当前遍历待验收图层匹配的标准图层,并记录匹配结果,该匹配结果也就是当前遍历待验收图层与标准图层之间的对应关系。
作为一种实施方式,电子设备可以将匹配度最高的标准图层确定为当前遍历的待验收图层所对应的标准图层。那么此时该标准图层也就是已匹配的标准图层,在遍历下一个待验收图层时,可以不再计算该标准图层与其的匹配度,以减少计算量,提高匹配效率。
接下来,电子设备可以继续遍历下一个待验收图层,并返回上述根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,直到所有待验收图层遍历结束,便可以得到各待验收图层与各标准图层的对应关系。
作为本发明实施例的一种实施方式,在上述按照所述排序结果遍历所述各待验收图层的步骤之前,上述方法还可以包括:
根据所述各标准图层的位置,确定每个标准图层的相邻图层。
由于在计算图层之间的匹配度时需要计算相邻图层之间的匹配度,所以为了提高遍历效率,电子设备可以在按照排序结果遍历各待验收图层之前,根据各标准图层的位置,确定每个标准图层的相邻图层。其中,相邻图层可以为在界面中与标准图层在上下左右4个方向上相邻的图层,也可以选择该四个方向中的2个或者3个方向上相邻的图层作为相邻图层,这都是合理的。
相应的,上述根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,可以包括:
根据所述各待验收图层的位置,确定当前待验收图层的相邻图层;基于所述当前遍历的待验收图层及其相邻图层的类型,以及当前每个未匹配的标准图层及其相邻图层的类型,分别计算所述当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度。
电子设备可以根据各待验收图层的位置,确定当前遍历的待验收图层的相邻图层,其中,该相邻图层可以为在界面中与当前遍历的待验收图层在上下左右4个方向上相邻的图层,也可以选择该四个方向中的2个或者3个方向上相邻的图层作为相邻图层。为了方便确定匹配度,当前遍历的待验收图层的相邻图层的与标准图层的相邻图层的数量以及对应的在界面中的方向可以保持一致。
确定了当前遍历的待验收图层的相邻图层后,电子设备便可以基于当前遍历的待验收图层及其相邻图层的类型,以及当前每个未匹配的标准图层及其相邻图层的类型,分别计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度。
例如,如图2(a)所示的待验收界面200中,当前遍历的待验收图层210的相邻图层包括相邻图层211、相邻图层212及相邻图层213。如图2(b)所示的标准界面201中,未匹配的标准图层包括标准图层220、标准图层221、标准图层222以及标准图层223。那么电子设备可以分别确定当前遍历的待验收图层210与标准图层220、标准图层221、标准图层222以及标准图层223之间的匹配度。
在计算当前遍历的待验收图层210与标准图层220之间的匹配度时,可以确定当前遍历的待验收图层210的类型与标准图层220的类型是否相同,以及确定相邻图层211、相邻图层212及相邻图层213的类型分别与标准图层221、标准图层222、标准图层223的类型是否相同,进而得到匹配度。
可见,在本实施例中,电子设备可以根据各待验收图层的位置,确定当前遍历的待验收图层的相邻图层,基于当前遍历的待验收图层及其相邻图层的类型,以及当前每个未匹配的标准图层及其相邻图层的类型,分别计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度,这样,可以同时考虑当前遍历的待验收图层及其相邻图层的类型,保证匹配度计算的准确性。
作为本发明实施例的一种实施方式,如图3所示,上述基于所述当前遍历的待验收图层及其相邻图层的类型,以及当前每个未匹配的标准图层及其相邻图层的类型,分别计算所述当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,可以包括:
S301,确定所述当前遍历的待验收图层的类型与当前每个未匹配的标准图层的类型是否相同,如果不同,执行步骤S302;如果相同,执行步骤S303;
由于当前遍历的待验收图层的类型与当前每个未匹配的标准图层的类型是否相同直接决定了二者是否能够匹配,例如,当前遍历的待验收图层的类型为文本图层,某个未匹配的标准图层的类型为图片图层,那么显然二者是不匹配的。
所以电子设备可以首先确定所述当前遍历的待验收图层的类型与当前每个未匹配的标准图层的类型是否相同,如果不同,执行步骤S302。如果相同,则继续执行步骤S303,以判断相邻预层的类型是否相同。
S302,确定所述当前遍历的待验收图层与类型不同的未匹配的标准图层之间的匹配度为第一匹配度;
如果当前遍历的待验收图层的类型与标准图层的类型不同,那么说明当前遍历的待验收图层与该标准图层之间的匹配度最低,可以确定匹配度为第一匹配度,例如,第一匹配度可以为0。
S303,确定所述当前遍历的待验收图层的相邻图层的类型与每个未匹配的目标标准图层的相邻图层的类型是否相同,如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均相同,执行步骤S304;如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均不同,执行步骤S305;如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型不完全相同,执行步骤S306;
如果当前遍历的待验收图层的类型与某个未匹配的标准图层的类型相同,为了方便描述,会将该标准图层称为目标标准图层,也就是说,目标标准图层为类型与当前遍历的待验收图层的类型相同的标准图层。
此时,电子设备可以继续判断当前遍历的待验收图层的相邻图层的类型与每个未匹配的目标标准图层的相邻图层的类型是否相同。例如,目标标准图层为3个,分别为目标标准图层1、目标标准图层2和目标标准图层3。那么电子设备可以分别判断当前遍历的待验收图层的相邻图层的类型与目标标准图层1的相邻图层的类型是否相同;判断当前遍历的待验收图层的相邻图层的类型与目标标准图层2的相邻图层的类型是否相同;以及判断当前遍历的待验收图层的相邻图层的类型与目标标准图层3的相邻图层的类型是否相同。
在对相邻图层的类型进行判断时,为了保证结果的准确性,当前遍历的待验收图层的相邻图层的位置与目标标准图层的相邻图层的位置可以是一致的。例如,当前遍历的待验收图层的相邻图层包括在当前遍历的待验收图层上方的图层和右侧的图层,那么,电子设备可以将当前遍历的待验收图层上方的图层的类型与目标标准图层上方的图层的类型进行比较,同样的,将当前遍历的待验收图层右侧的图层的类型与目标标准图层右侧的图层的类型进行比较。
S304,确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第二匹配度;
如果当前遍历的待验收图层的类型与目标标准图层的类型相同,且当前遍历的待验收图层的相邻图层的类型与目标标准图层的相邻图层的类型也分别相同,说明当前遍历的待验收图层以及其周围的图层的类型均与该目标标准图层以及其周围的图层的类型相同,那么可以确定当前遍历的待验收图层与该标准图层之间的匹配度最高,电子设备可以执行步骤S304,即确定当前遍历的待验收图层与该目标标准图层之间的匹配度为第二匹配度。其中,第二匹配度可以为1。
S305,确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第三匹配度;
如果当前遍历的待验收图层的相邻图层的类型与目标标准图层的相邻图层的类型均不同,说明当前遍历的待验收图层的类型与该目标标准图层的的类型相同,但是周围的图层的类型均是不同的,那么也可以确定当前遍历的待验收图层与该目标标准图层是不匹配的。
此时,电子设备可以确定当前遍历的待验收图层与该目标标准图层之间的匹配度为第三匹配度,该第三匹配度可以与上述第一匹配度相同。当然也可以不同,第三匹配度可以为一个较小的数值,只要可能表示匹配度较低即可,例如,可以为0.1、0.15、0.2等。
S306,基于类型相同的图层的数量确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度。
如果当前遍历的待验收图层的类型与目标标准图层的类型相同,且当前遍历的待验收图层的相邻图层的类型与该目标标准图层的相邻图层的类型有的相同,有的不同,那么可以根据类型相同的相邻图层的数量确定当前遍历的待验收图层与该目标标准图层之间的匹配度,例如,可以为0到1之间的数值等。
在一种实施方式中,类型相同的相邻图层的数量越多,当前遍历的待验收图层与该目标标准图层之间的匹配度可以越高。
可见,在本实施例中,电子设备可以针对当前遍历的待验收图层的类型以及其相邻图层的类型,目标标准图层的类型及其相邻图层的类型,准确确定当前遍历的待验收图层与各个未匹配的标准图层之间的匹配度,进而提高上述对应关系的准确度。
作为本发明实施例的一种实施方式,上述属性信息还可以包括透明度。在这种情况下,在上述根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果的步骤之前,上述方法还可以包括:
去除所述各待验收图层及所述各标准图层中透明度为100%的图层。
由于透明度为100%的图层在视觉上是不可见的,对于用户来说,透明度为100%的图层对于应用程序界面的显示效果是没有影响的,所以为了提高处理速度减少计算量,可以将各待验收图层及各标准图层中透明度为100%的图层去除。
可见,在本实施例中,在根据各待验收图层的位置以及预设排序规则,对各待验收图层进行排序,得到排序结果之前,电子设备可以去除各待验收图层及各标准图层中透明度为100%的图层,这样可以提高处理速度,减少计算量。
作为本发明实施例的一种实施方式,上述属性信息还可以包括颜色。在这种情况下,如图4所示,在上述根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果的步骤之前,上述方法还可以包括:
S401,从所述各待验收图层及所述各标准图层中,筛选出仅包括背景色的图层,作为目标图层;
由于仅包括背景色的图层如果被其他背景色与其相同的其他图层覆盖,那么该仅包括背景色的图层在视觉上也是不可见的,对于用户来说,该仅包括背景色的图层对于应用程序界面的显示效果是没有影响的,所以电子设备可以从各待验收图层及各标准图层中,筛选出仅包括背景色的图层,作为目标图层。
S402,针对每个所述目标图层,根据所述各待验收图层或所述各标准图层的尺寸及位置,确定是否具有包括该目标图层的图层,如果有,执行步骤S403;如果没有,执行上述根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果的步骤。
针对每个目标图层,电子设备可以根据各待验收图层或各标准图层的尺寸及位置,确定是否具有包括该目标图层的图层。如果该目标图层为待验收图层中的一个,那么电子设备可以根据各待验收图层的尺寸及位置,确定是否具有包括该目标图层的待验收图层;如果该目标图层为标准图层中的一个,那么电子设备可以根据各标准图层的尺寸及位置,确定是否具有包括该目标图层的标准图层。
如果没有包括该目标图层的图层,说明该目标图层虽然只有背景色的,但是其在应用程序界面中是一个需要显示出来的图层,所以电子设备可以继续执行上述根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果的步骤。
S403,在包括该目标图层的图层中面积最小的图层的背景色与所述目标图层的背景色相同的情况下,去除所述目标图层。
如果存在包括该目标图层的图层,电子设备可以进一步确定包括该目标图层的图层中面积最小的图层的背景色与该目标图层的背景色是否相同,如果相同,说明该目标图层在视觉上是不可见的,所以可以去除该目标图层。如果不相同,说明该目标图层在视觉上对应用程序界面的显示效果是具有影响的,所以可以不进行去除操作。而执行上述根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果的步骤。
可见,在本实施例中,电子设备可以从各待验收图层及各标准图层中,筛选出仅包括背景色的图层,作为目标图层,针对每个目标图层,根据各待验收图层或各标准图层的尺寸及位置,确定是否具有包括该目标图层的图层,如果有,在包括该目标图层的图层中面积最小的图层的背景色与目标图层的背景色相同的情况下去除目标图层,这样,可以提高处理速度,减少计算量。
作为本发明实施例的一种实施方式,上述获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息的步骤,可以包括:
调用预设视图接口,提取待验收界面中各待验收图层的属性信息;对标准界面中的各标准图层进行解析,获得所述标准界面中的各标准图层的属性信息。
由于待验收界面为开发完成的可运行的应用程序界面,所以电子设备可以调用预设视图接口,提取待验收界面中各待验收图层的属性信息。其中,预设视图接口可以为任意能够提供解析界面中图层属性信息功能的接口,在此不做具体限定。
而标准界面是设计稿中的界面,设计稿是设计院绘制的用于指导开发的稿件,其一般是psd、sketch等格式的文件,因此无法通过预设视图接口提取标准界面中标准图层的属性信息。为了获取到标准图层的属性信息,电子设备可以通过图像处理软件等对标准界面中的各标准图层进行解析,从而获得标准界面中的各标准图层的属性信息。其中,图像处理软件可以PhotoShop、Sketch、Figma等,在此不做具体限定。
可见,在本实施例中,电子设备可以调用预设视图接口,提取待验收界面中各待验收图层的属性信息,对标准界面中的各标准图层进行解析,获得标准界面中的各标准图层的属性信息。这样,无论是对于待验收界面还是标准界面,均可以准确获得其中图层的属性信息。
作为本发明实施例的一种实施方式,如图5所示,上述对标准界面中的各标准图层进行解析,获得所述标准界面中的各标准图层的属性信息的步骤,可以包括:
S501,对标准界面进行解析,确定所述标准界面中的各图层是否具有蒙版,以及是否为复合图层;
由于蒙版对于的图层的实际显示效果是具有影响的。复合图层是由多个图层复合在一起组成的。所以针对这两种情况,为了保证上述对应关系的确定结果的准确度,电子设备可以针对这两种情况进行相应的处理。
具体来说,电子设备可以对标准界面进行解析,进而确定标准界面中的各图层是否具有蒙版,以及是否为复合图层。
S502,针对具有蒙版的图层,根据所述蒙版的尺寸对该图层进行剪裁,得到对应的标准图层,并确定该标准图层的属性信息;
由于对于具有蒙版的图层来说,其在实际显示在应用程序界面中时用户只能看到透过蒙版的区域,而被蒙版覆盖的区域是看不见的,所以电子设备可以根据蒙版的尺寸对该图层进行剪裁,得到对应的标准图层,并确定该标准图层的属性信息。
S503,针对复合图层,对所述复合图层进行分解,得到组成所述复合图层的各个标准图层,并确定所述各个标准图层的属性信息。
对于符合图层来说,在开发时需要针对组成该符合图层的各个标准图层分别进行开发,得到对应的待验收图层,所以可以对复合图层进行分解,得到组成该复合图层的各个标准图层,然后确定各个标准图层的属性信息。
可见,在本实施例中,电子设备可以针对具有蒙版的图层以及复合图层分别进行处理,已保证获取的各个标准图层的属性信息的准确性。
相应于上述界面中图层的匹配方法,本发明实施例还提供了一种界面中图层的匹配装置。下面对本发明实施例所提供的一种界面中图层的匹配装置进行介绍。
如图6所示,一种界面中图层的匹配装置,所述装置包括:
属性信息获取模块610,用于获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息;
其中,所述标准界面为所述待验收界面对应的设计稿所定义的界面,所述属性信息包括尺寸、位置及类型。
图层排序模块620,用于根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果;
匹配度计算模块630,用于按照所述排序结果遍历所述各待验收图层,每遍历一个待验收图层时,根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;
对应关系确定模块640,用于基于所述匹配度,确定与所述当前遍历的待验收图层匹配的标准图层,并记录所述当前遍历的待验收图层与该标准图层的对应关系,确定该标准图层已匹配;继续遍历下一个待验收图层,并返回所述根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度,直到所有待验收图层遍历结束,得到所述各待验收图层与所述各标准图层的对应关系。
可见,本发明实施例提供的方案中,电子设备可以获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息,其中,所述标准界面为所述待验收界面对应的设计稿所定义的界面,所述属性信息包括尺寸、位置及类型;根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果;按照所述排序结果遍历所述各待验收图层,每遍历一个待验收图层时,根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;基于所述匹配度,确定与当前遍历的待验收图层匹配的标准图层,并记录当前遍历的待验收图层与该标准图层的对应关系,确定该标准图层已匹配;继续遍历下一个待验收图层,并返回根据各待验收图层及各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,直到所有待验收图层遍历结束,得到各待验收图层与各标准图层的对应关系。由于无需人工识别应用程序界面和设计稿相应的界面中图层的对应关系,所以待验收图层与标准图层的对应关系的确定效率可以得到大大提高。
作为本发明实施例的一种实施方式,上述装置还可以包括:
相邻图层确定模块,用于在所述按照所述排序结果遍历所述各待验收图层的步骤之前,根据所述各标准图层的位置,确定每个标准图层的相邻图层;
如图7所示,所述匹配度计算模块630可以包括:
相邻图层确定单元631,用于根据所述各待验收图层的位置,确定当前遍历的待验收图层的相邻图层;
匹配度确定单元632,用于基于所述当前遍历的待验收图层及其相邻图层的类型,以及当前每个未匹配的标准图层及其相邻图层的类型,分别计算所述当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度。
作为本发明实施例的一种实施方式,上述匹配度确定单元632可以包括:
第一类型确定子单元,用于确定所述当前遍历的待验收图层的类型与当前每个未匹配的标准图层的类型是否相同;
第一匹配度确定子单元,用于如果不同,确定所述当前遍历的待验收图层与类型不同的未匹配的标准图层之间的匹配度为第一匹配度;
第二类型确定子单元,用于如果相同,确定所述当前遍历的待验收图层的相邻图层的类型与每个未匹配的目标标准图层的相邻图层的类型是否相同,其中,所述目标标准图层为类型与所述当前遍历的待验收图层的类型相同的标准图层;
第二匹配度确定子单元,用于如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均相同,确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第二匹配度;
第三匹配度确定子单元,用于如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均不同,确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第三匹配度;
第四匹配度确定子单元,用于如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型不完全相同,基于类型相同的图层的数量确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度。
作为本发明实施例的一种实施方式,上述属性信息还可以包括透明度;
上述装置还可以包括:
第一图层清理模块,用于在所述根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果之前,去除所述各待验收图层及所述各标准图层中透明度为100%的图层。
作为本发明实施例的一种实施方式,上述属性信息还可以包括颜色;
上述装置还可以包括:
图层筛选模块,用于在所述根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果之前,从所述各待验收图层及所述各标准图层中,筛选出仅包括背景色的图层,作为目标图层;
图层选择模块,用于针对每个所述目标图层,根据所述各待验收图层或所述各标准图层的尺寸及位置,确定是否具有包括该目标图层的图层;
第二图层清理模块,用于如果有,在包括该目标图层的图层中面积最小的图层的背景色与所述目标图层的背景色相同的情况下,去除所述目标图层。
作为本发明实施例的一种实施方式,上述属性信息获取模块610可以包括:
第一属性信息获取单元,用于调用预设视图接口,提取待验收界面中各待验收图层的属性信息;
第二属性信息获取单元,用于对标准界面中的各标准图层进行解析,获得所述标准界面中的各标准图层的属性信息。
作为本发明实施例的一种实施方式,上述第二属性信息获取单元可以包括:
界面解析子单元,用于对标准界面进行解析,确定所述标准界面中的各图层是否具有蒙版,以及是否为复合图层;
第一信息获取子单元,用于针对具有蒙版的图层,根据所述蒙版的尺寸对该图层进行剪裁,得到对应的标准图层,并确定该标准图层的属性信息;
第二信息获取子单元,用于针对复合图层,对所述复合图层进行分解,得到组成所述复合图层的各个标准图层,并确定所述各个标准图层的属性信息。
本发明实施例还提供了一种电子设备,如图8所示,包括处理器801、通信接口802、存储器803和通信总线804,其中,处理器801,通信接口802,存储器803通过通信总线804完成相互间的通信,
存储器803,用于存放计算机程序;
处理器801,用于执行存储器803上所存放的程序时,实现上述任一实施例所述的一种界面中图层的匹配方法步骤。
可见,本发明实施例提供的方案中,电子设备可以获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息,其中,所述标准界面为所述待验收界面对应的设计稿所定义的界面,所述属性信息包括尺寸、位置及类型;根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果;按照所述排序结果遍历所述各待验收图层,每遍历一个待验收图层时,根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;基于所述匹配度,确定与当前遍历的待验收图层匹配的标准图层,并记录当前遍历的待验收图层与该标准图层的对应关系,确定该标准图层已匹配;继续遍历下一个待验收图层,并返回根据各待验收图层及各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,直到所有待验收图层遍历结束,得到各待验收图层与各标准图层的对应关系。由于无需人工识别应用程序界面和设计稿相应的界面中图层的对应关系,所以待验收图层与标准图层的对应关系的确定效率可以得到大大提高。
上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect,简称PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture,简称EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述电子设备与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory,简称RAM),也可以包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。可选的,存储器还可以是至少一个位于远离前述处理器的缓存装置。
上述的处理器可以是通用处理器,包括中央处理器(Central Processing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(Digital Signal Processing,简称DSP)、专用集成电路(Application SpecificIntegrated Circuit,简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本发明提供的又一实施例中,还提供了一种计算机可读存储介质,该计算机可读存储介质中缓存有指令,当其在计算机上运行时,使得计算机执行上述任一实施例所述的一种界面中图层的匹配方法步骤。
可见,本发明实施例提供的方案中,计算机可读存储介质中缓存的指令在计算机上运行时可以获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息,其中,所述标准界面为所述待验收界面对应的设计稿所定义的界面,所述属性信息包括尺寸、位置及类型;根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果;按照所述排序结果遍历所述各待验收图层,每遍历一个待验收图层时,根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;基于所述匹配度,确定与当前遍历的待验收图层匹配的标准图层,并记录当前遍历的待验收图层与该标准图层的对应关系,确定该标准图层已匹配;继续遍历下一个待验收图层,并返回根据各待验收图层及各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,直到所有待验收图层遍历结束,得到各待验收图层与各标准图层的对应关系。由于无需人工识别应用程序界面和设计稿相应的界面中图层的对应关系,所以待验收图层与标准图层的对应关系的确定效率可以得到大大提高。
在本发明提供的又一实施例中,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述任一实施例所述的一种界面中图层的匹配方法步骤。
可见,本发明实施例提供的方案中,计算机程序产品在计算机上运行时可以获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息,其中,所述标准界面为所述待验收界面对应的设计稿所定义的界面,所述属性信息包括尺寸、位置及类型;根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果;按照所述排序结果遍历所述各待验收图层,每遍历一个待验收图层时,根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;基于所述匹配度,确定与当前遍历的待验收图层匹配的标准图层,并记录当前遍历的待验收图层与该标准图层的对应关系,确定该标准图层已匹配;继续遍历下一个待验收图层,并返回根据各待验收图层及各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,直到所有待验收图层遍历结束,得到各待验收图层与各标准图层的对应关系。由于无需人工识别应用程序界面和设计稿相应的界面中图层的对应关系,所以待验收图层与标准图层的对应关系的确定效率可以得到大大提高。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以缓存在计算机可读缓存介质中,或者从一个计算机可读缓存介质向另一个计算机可读缓存介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读缓存介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据缓存设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置、电子设备、计算机可读存储介质以及计算机程序产品实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (7)
1.一种界面中图层的匹配方法,其特征在于,所述方法包括:
获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息,其中,所述标准界面为所述待验收界面对应的设计稿所定义的界面,所述属性信息包括尺寸、位置及类型;
根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果;
按照所述排序结果遍历所述各待验收图层,每遍历一个待验收图层时,根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;
基于所述匹配度,确定与所述当前遍历的待验收图层匹配的标准图层,并记录所述当前遍历的待验收图层与该标准图层的对应关系,确定该标准图层已匹配;
继续遍历下一个待验收图层,并返回所述根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,直到所有待验收图层遍历结束,得到所述各待验收图层与所述各标准图层的对应关系;
在所述按照所述排序结果遍历所述各待验收图层的步骤之前,所述方法还包括:
根据所述各标准图层的位置,确定每个标准图层的相邻图层;
所述根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,包括:
根据所述各待验收图层的位置,确定当前遍历的待验收图层的相邻图层;
基于所述当前遍历的待验收图层及其相邻图层的类型,以及当前每个未匹配的标准图层及其相邻图层的类型,分别计算所述当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;
所述基于所述当前遍历的待验收图层及其相邻图层的类型,以及当前每个未匹配的标准图层及其相邻图层的类型,分别计算所述当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度的步骤,包括:
确定所述当前遍历的待验收图层的类型与当前每个未匹配的标准图层的类型是否相同;
如果不同,确定所述当前遍历的待验收图层与类型不同的未匹配的标准图层之间的匹配度为第一匹配度;
如果相同,确定所述当前遍历的待验收图层的相邻图层的类型与每个未匹配的目标标准图层的相邻图层的类型是否相同,其中,所述目标标准图层为类型与所述当前遍历的待验收图层的类型相同的标准图层;
如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均相同,确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第二匹配度;
如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均不同,确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第三匹配度;
如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型不完全相同,基于类型相同的图层的数量确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度。
2.如权利要求1所述的方法,其特征在于,所述属性信息还包括透明度;
在所述根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果的步骤之前,所述方法还包括:
去除所述各待验收图层及所述各标准图层中透明度为100%的图层。
3.如权利要求1所述的方法,其特征在于,所述属性信息还包括颜色;
在所述根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果的步骤之前,所述方法还包括:
从所述各待验收图层及所述各标准图层中,筛选出仅包括背景色的图层,作为目标图层;
针对每个所述目标图层,根据所述各待验收图层或所述各标准图层的尺寸及位置,确定是否具有包括该目标图层的图层;
如果有,在包括该目标图层的图层中面积最小的图层的背景色与所述目标图层的背景色相同的情况下,去除所述目标图层。
4.如权利要求1所述的方法,其特征在于,所述获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息的步骤,包括:
调用预设视图接口,提取待验收界面中各待验收图层的属性信息;
对标准界面中的各标准图层进行解析,获得所述标准界面中的各标准图层的属性信息。
5.如权利要求4所述的方法,其特征在于,所述对标准界面中的各标准图层进行解析,获得所述标准界面中的各标准图层的属性信息的步骤,包括:
对标准界面进行解析,确定所述标准界面中的各图层是否具有蒙版,以及是否为复合图层;
针对具有蒙版的图层,根据所述蒙版的尺寸对该图层进行剪裁,得到对应的标准图层,并确定该标准图层的属性信息;
针对复合图层,对所述复合图层进行分解,得到组成所述复合图层的各个标准图层,并确定所述各个标准图层的属性信息。
6.一种界面中图层的匹配装置,其特征在于,所述装置包括:
属性信息获取模块,用于获取待验收界面中各待验收图层的属性信息,并获取标准界面中的各标准图层的属性信息,其中,所述标准界面为所述待验收界面对应的设计稿所定义的界面,所述属性信息包括尺寸、位置及类型;
图层排序模块,用于根据所述各待验收图层的位置以及预设排序规则,对所述各待验收图层进行排序,得到排序结果;
匹配度计算模块,用于按照所述排序结果遍历所述各待验收图层,每遍历一个待验收图层时,根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;
对应关系确定模块,用于基于所述匹配度,确定与所述当前遍历的待验收图层匹配的标准图层,并记录所述当前遍历的待验收图层与该标准图层的对应关系,确定该标准图层已匹配;继续遍历下一个待验收图层,并返回所述根据所述各待验收图层及所述各标准图层的类型及位置,计算当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度,直到所有待验收图层遍历结束,得到所述各待验收图层与所述各标准图层的对应关系;
所述装置还包括:
相邻图层确定模块,用于在所述按照所述排序结果遍历所述各待验收图层的步骤之前,根据所述各标准图层的位置,确定每个标准图层的相邻图层;
所述匹配度计算模块包括:
相邻图层确定单元,用于根据所述各待验收图层的位置,确定当前遍历的待验收图层的相邻图层;
匹配度确定单元,用于基于所述当前遍历的待验收图层及其相邻图层的类型,以及当前每个未匹配的标准图层及其相邻图层的类型,分别计算所述当前遍历的待验收图层与当前每个未匹配的标准图层之间的匹配度;
所述匹配度确定单元包括:
第一类型确定子单元,用于确定所述当前遍历的待验收图层的类型与当前每个未匹配的标准图层的类型是否相同;
第一匹配度确定子单元,用于如果不同,确定所述当前遍历的待验收图层与类型不同的未匹配的标准图层之间的匹配度为第一匹配度;
第二类型确定子单元,用于如果相同,确定所述当前遍历的待验收图层的相邻图层的类型与每个未匹配的目标标准图层的相邻图层的类型是否相同,其中,所述目标标准图层为类型与所述当前遍历的待验收图层的类型相同的标准图层;
第二匹配度确定子单元,用于如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均相同,确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第二匹配度;
第三匹配度确定子单元,用于如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型均不同,确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度为第三匹配度;
第四匹配度确定子单元,用于如果所述当前遍历的待验收图层的相邻图层的类型与所述目标标准图层的相邻图层的类型不完全相同,基于类型相同的图层的数量确定所述当前遍历的待验收图层与该目标标准图层之间的匹配度。
7.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现权利要求1-5任一所述的方法步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010761354.3A CN111857703B (zh) | 2020-07-31 | 2020-07-31 | 一种界面中图层的匹配方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010761354.3A CN111857703B (zh) | 2020-07-31 | 2020-07-31 | 一种界面中图层的匹配方法、装置及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111857703A CN111857703A (zh) | 2020-10-30 |
CN111857703B true CN111857703B (zh) | 2024-06-04 |
Family
ID=72953945
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010761354.3A Active CN111857703B (zh) | 2020-07-31 | 2020-07-31 | 一种界面中图层的匹配方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111857703B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113485707B (zh) * | 2021-07-26 | 2024-06-28 | 亿览在线网络技术(北京)有限公司 | 一种ui界面自动校对的方法 |
CN113778905B (zh) * | 2021-11-10 | 2022-02-08 | 腾讯科技(深圳)有限公司 | Ui设计验收方法、装置、设备及存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107015793A (zh) * | 2016-12-12 | 2017-08-04 | 阿里巴巴集团控股有限公司 | 设计稿适配方法、装置及*** |
CN109445778A (zh) * | 2018-09-13 | 2019-03-08 | 珠海豆饭科技有限公司 | 一种基于svg文件的界面辅助生成的方法和装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10168998B2 (en) * | 2017-03-20 | 2019-01-01 | Google Llc | Automated interface design |
-
2020
- 2020-07-31 CN CN202010761354.3A patent/CN111857703B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107015793A (zh) * | 2016-12-12 | 2017-08-04 | 阿里巴巴集团控股有限公司 | 设计稿适配方法、装置及*** |
CN109445778A (zh) * | 2018-09-13 | 2019-03-08 | 珠海豆饭科技有限公司 | 一种基于svg文件的界面辅助生成的方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN111857703A (zh) | 2020-10-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111857703B (zh) | 一种界面中图层的匹配方法、装置及电子设备 | |
JP5522065B2 (ja) | 基板検査システム | |
US10296552B1 (en) | System and method for automated identification of internet advertising and creating rules for blocking of internet advertising | |
JP5665125B2 (ja) | 画像処理方法、及び、画像処理システム | |
JPH07334549A (ja) | Cadシステムにおける寸法自動記入方法および装置 | |
JP2003100826A (ja) | 検査データ解析プログラムと検査装置と検査システム | |
CN112307408B (zh) | 确定页面中元素信息的方法、装置、电子设备及存储介质 | |
JP2011008355A (ja) | Fmeaシートの作成支援システムおよび作成支援用のプログラム | |
JP5075465B2 (ja) | インシデント・アクシデントレポート分析装置、方法、およびプログラム | |
CN109241485A (zh) | 一种页面间跳转关系建立方法,及装置 | |
CN111881049B (zh) | 一种应用程序界面的验收方法、装置及电子设备 | |
CN115546809A (zh) | 基于单元格约束的表格结构识别方法及其应用 | |
CN110908899A (zh) | 应用程序的调试方法、移动终端及计算机可读存储介质 | |
JP6907508B2 (ja) | 検査システム、検査装置の制御方法及びプログラム | |
CN112270319A (zh) | 一种事件标注方法、装置及电子设备 | |
CN115081389B (zh) | 一种印刷电路板走线检查方法、装置、设备、存储介质 | |
CN110398681B (zh) | 一种双带线检查方法及相关装置 | |
US7634745B2 (en) | Method for computing the critical area of compound fault mechanisms | |
CN105912452A (zh) | 一种自动化数据分析方法及装置 | |
CN115544620A (zh) | 图纸中门窗表解析方法、装置、设备及存储介质 | |
CN114490390A (zh) | 测试数据生成方法、装置、设备及存储介质 | |
JP4670482B2 (ja) | 工程フロー図作成支援システムおよび方法 | |
CN117371385B (zh) | 邻近图形的确认方法、电子设备及存储介质 | |
CN110188622B (zh) | 一种文字定位方法、装置及电子设备 | |
CN110543624B (zh) | 一种pdf文档中复选框的识别方法、装置及电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |