[发明专利]一种界面检查的方法及装置

说明书

本发明实施例提供了一种界面检查的方法及装置，包括：获取图形用户界面中控件的属性数据；根据所述控件的属性数据，确定控件之间的层级关系；根据所述控件之间的层级关系，将所述控件的属性数据导出为预设结构的控件数据；确定所述预设结构的控件数据中，具有父子节点关系的控件的预设属性数据之间存在差异，得到异常数据。从而能直接识别出图形用户界面中控件的属性数据，确定各个控件之间的层级关系，对所有控件的属性数据进行检查，这种检查方式更准确，速度更快，效率更高。

技术领域

本发明涉及数据处理技术领域，特别是涉及一种界面检查的方法，以及一种界面检查的装置。

背景技术

现在不少游戏都是采用Cocos2d-x作为游戏界面框架，采用Cocos2d-x作为游戏界面框架的游戏中，大部分界面布局、文本显示、列表框、按钮、图片等都是由Cocos2d-x控件构成。

由于技术经常升级换代，游戏有时也需要对Cocos2d-x进行升级以支持更多的表现效果。然而，由于旧版本的Cocos2d-x和新版本在控件属性定义不太相同，特别是在父子控件的颜色、透明度、翻转关系的继承关系上不一致，旧版本的父节点的颜色、透明度、翻转关系属性不会继承给子节点，而新版本会继承，这就导致原来的界面设计资源运用到新版本上会异常。因此，在进行Cocos2d-x大版本升级之后，游戏界面可能出现一些不适配的情况，如字体属性、图片位置等不正确的问题。如图1所示，图形用户界面中边框部分的内容在升级之后发生了翻转，使得字体发生了颠倒。

现有Cocos2d-x版本升级问题并没有太多实际解决方案，更多是通过其他方式避免版本升级，不升级就没有问题了，或者是升级了之后，测试人员一个个发现界面问题，开发人员一个个解决界面问题。目前解决版本升级的问题主要有以下三种方式：

第一种：修改Cocos2d-x和编辑器默认逻辑代码

由于Cocos2d-x版本升级之后出现的界面异常，是由于新版本与旧版本之间的代码差异造成的，为了使新版本依然能兼容游戏旧版本的资源，我们可以修改Cocos2d-x的逻辑代码，把新版本父子节点控件的属性继承关系改成和旧版本一样，相当于去掉一些新版本的改动。同样，编辑器也需要修改，使得在编辑器中看到的资源效果，以及在游戏中看到的资源效果都和旧版本中一致。

第二种：人工识别版本升级变化

如果无法避免版本升级带来的变化，则需要加入检测的手段，识别出控件显示异常的问题。例如，控件的文本颜色在版本升级前后发生了变化，人工识别的方式就是：打开旧版本的游戏客户端和新版本的游戏客户端，在同一个界面停留，对比两处的界面显示是否一致，如果不一致，则可以判定控件显示异常。

第三种：对比图像相似度识别版本升级后的界面变化

人工识别方式效率不高，人眼可能区分不出一些颜色差异不大或者一些显示较小的区域。例如，在进行版本升级之后，有一个图片控件发生了X轴的翻转，使得显示效果在升级前后不一致，如果肉眼观察不仔细就会遗漏。而如果要求测试人员做到很精细的检测，则肯定会造成低效率。

所以，可以使用计算机图像相似度来识别界面差异，比如可以使用RGB像素直方图的方式统计左右界面在各种颜色值上的分布，如果两个界面的颜色直方图统计差异过大，那么说明两个界面的颜色比例不一致，界面很可能发生了变化；或者是通过汉明距离计算，比较左右界面的每个像素的数值差异，如果差异过大，界面很可能发生了变化；或者是通过SIFT算法计算图像的关键点特征向量，对比左右界面的关键点特征向量，进而判断界面是否发生了变化。

上述几种现有方案存在如下的缺点：

针对第一种：修改Cocos2d-x和编辑器默认逻辑代码

1、成本较高