确定用户界面变更的方法及装置制造方法及图纸

本发明专利技术提供一种确定用户界面变更的方法及装置。该方法包括：获取游戏的两个版本的用户界面的子图信息；根据子图信息，获得两用户界面分别包含的子图；比对两用户界面中具有相同子图标识的子图；根据比对结果，确定用户界面是否变更。本发明专利技术通过自动化方式确定游戏的两个版本对应的用户界面是否有更新，提高了工作效率并降低出错率。

【技术实现步骤摘要】

本专利技术涉及用户界面，尤其涉及一种确定用户界面变更的方法及装置。
技术介绍
使用游戏框架开发游戏的过程中，用户界面(UserInterface，简称：UI)的更新是非常频繁的，并且在团队协作中监控每一次更新变动是保证项目质量的有效途径。接触过游戏引擎的开发人员都会有类似感受：每次UI资源出现变更，都会比较担心。因为检查时候没有比较直观的方法可以观察到，到底变更都涉及哪些内容。而UI资源变更，出问题的话，小至UI显示异常，大至客户端闪退。在当前阶段，对于游戏的两个版本对应的UI是否有更新，开发者是通过肉眼观察进行判断的。但通过肉眼观察这种人工方式判断UI是否有更新是一项繁琐、劳累且容易出错的工作。特别是，当数百个UI版面经历数千次的更新时，现有的做法费时费力，已难以满足实际需要。
技术实现思路
本专利技术提供一种确定用户界面变更的方法及装置，以通过自动化方式确定游戏的两个版本对应的UI是否有更新，提高工作效率并降低出错率。第一方面，本专利技术提供一种确定用户界面变更的方法，包括：获取游戏的两个版本的用户界面的子图信息；根据所述子图信息，获得两用户界面分别包含的子图；比对两用户界面中具有相同子图标识的子图；根据比对结果，确定所述用户界面是否变更。在第一方面的第一种实现方式中，上述比对两用户界面中具有相同子图标识的子图之后，还包括：显示比对结果，其中，所述比对结果包括两用户界面中具有相同子图标识的子图、子图比对结果和所述用户界面比对结果。在第一方面的第二种实现方式中，上述获取游戏的两个版本的用户界面的子图信息，包括：按照键值对列表，分别从两用户界面的配置文件中获取单个子图的子图信息和子图标识，其中，所述键值对列表中的键记录用户界面中子图的子图标识，所述键值对列表中的值记录用户界面中子图的子图信息。在第一方面的第三种实现方式中，上述子图信息包括：子图在用户界面中的位置、子图在原始子图中的位置及所述原始子图的大小，其中，子图为剪切掉原始子图的透明区域后得到的图片。上述根据所述子图信息，获得两用户界面分别包含的子图，包括：根据所述原始子图的大小和所述子图在原始子图中的位置，获得所述子图信息对应的子图的层叠样式表CSS样式参数；根据用户界面和所述子图在用户界面中的位置，获得第一子图；将所述第一子图设置在所述CSS样式参数表征的第一块标签上，得到用户界面包含的一子图。在第一方面的第四种实现方式中，上述原始子图的大小包括原始子图的宽度与高度，所述子图在原始子图中的位置包括子图在原始子图中的纵坐标、横坐标、所述子图的高度和宽度。因此，上述根据所述原始子图的大小和所述子图在原始子图中的位置，获得所述子图信息对应的子图的CSS样式参数，包括：将所述原始子图的宽度与二倍边框线宽度进行求和，获得所述CSS样式参数中的宽度；将所述原始子图的高度与二倍边框线宽度进行求和，获得所述CSS样式参数中的高度；根据所述子图在原始子图中的位置，确定所述CSS样式参数中的上留白及左留白；将所述原始子图的高度与所述子图在原始子图中的纵坐标的差值，再减去所述子图的高度，获得所述CSS样式参数中的下留白；将所述原始子图的宽度与所述子图在原始子图中的横坐标的差值，再减去所述子图的宽度，获得所述CSS样式参数中的右留白。在第一方面的第五种实现方式中，子图信息还可以包括：用于表征子图是否有旋转的信息，若所述用于表征子图是否有旋转的信息表示子图有旋转。基于此，上述根据用户界面和所述子图在用户界面中的位置，获得第一子图之后，还包括：将所述第一子图以旋转基点为基准沿逆方向旋转设定角度，所述设定角度为打包所述用户界面时，所述第一子图所旋转的角度，所述旋转基点的横纵坐标均为所述子图的高度的二分之一。在第一方面的第六种实现方式中，上述比对两用户界面中具有相同子图标识的子图，包括：获得所述两用户界面中具有相同子图标识的子图的直方图向量及两个直方图向量之间的距离；若两个直方图向量的距离为零，则确定所述具有相同子图标识的子图的相似度为100％。在第一方面的第七种实现方式中，上述比对两用户界面中具有相同子图标识的子图，还包括：若所述两个直方图向量的距离不为零，则分别将所述具有相同子图标识的子图进行像素点归一化，得到第一向量和第二向量；根据所述第一向量和所述第二向量的点积，得到所述两用户界面中具有相同子图标识的子图的相似度。第二方面，本专利技术提供一种确定用户界面变更的装置，包括：第一获取模块，用于获取游戏的两个版本的用户界面的子图信息；第二获取模块，用于根据所述子图信息，获得两用户界面分别包含的子图；比对模块，用于比对两用户界面中具有相同子图标识的子图；确定模块，用于根据比对结果，确定所述用户界面是否变更。在第二方面的第一种实现方式中，该装置还包括：显示模块，用于显示比对结果，其中，所述比对结果包括两用户界面中具有相同子图标识的子图、子图比对结果和所述用户界面比对结果。在第二方面的第二种实现方式中，上述第一获取模块具体用于：按照键值对列表，分别从两用户界面的配置文件中获取单个子图的子图信息和子图标识，其中，所述键值对列表中的键记录用户界面中子图的子图标识，所述键值对列表中的值记录用户界面中子图的子图信息。在第二方面的第三种实现方式中，子图信息包括：子图在用户界面中的位置、子图在原始子图中的位置及所述原始子图的大小，其中，子图为剪切掉原始子图的透明区域后得到的图片。所述第二获取模块具体用于：根据所述原始子图的大小和所述子图在原始子图中的位置，获得所述子图信息对应的子图的层叠样式表CSS样式参数；根据用户界面和所述子图在用户界面中的位置，获得第一子图；将所述第一子图设置在所述CSS样式参数表征的第一块标签上，得到用户界面包含的一子图。在第二方面的第四种实现方式中，所述原始子图的大小包括原始子图的宽度与高度，所述子图在原始子图中的位置包括子图在原始子图中的纵坐标、横坐标、所述子图的高度和宽度。则所述第二获取模块还用于：将所述原始子图的宽度与二倍边框线宽度进行求和，获得所述CSS样式参数中的宽度；将所述原始子图的高度与二倍边框线宽度进行求和，获得所述CSS样式参数中的高度；根据所述子图在原始子图中的位置，确定所述CSS样式参数中的上留白及左留白；将所述原始子图的高度与所述子图在原始子图中的纵坐标的差值，再减去所述子图的高度，获得所述CSS样式参数中的下留白；将所述本文档来自技高网...

【技术保护点】
一种确定用户界面变更的方法，其特征在于，包括：获取游戏的两个版本的用户界面的子图信息；根据所述子图信息，获得两用户界面分别包含的子图；比对两用户界面中具有相同子图标识的子图；根据比对结果，确定所述用户界面是否变更。

【技术特征摘要】
1.一种确定用户界面变更的方法，其特征在于，包括：
获取游戏的两个版本的用户界面的子图信息；
根据所述子图信息，获得两用户界面分别包含的子图；
比对两用户界面中具有相同子图标识的子图；
根据比对结果，确定所述用户界面是否变更。
2.根据权利要求1所述的方法，其特征在于，所述比对两用户界面中具
有相同子图标识的子图之后，还包括：
显示比对结果，其中，所述比对结果包括两用户界面中具有相同子图标
识的子图、子图比对结果和所述用户界面比对结果。
3.根据权利要求1所述的方法，其特征在于，所述获取游戏的两个版本
的用户界面的子图信息，包括：
按照键值对列表，分别从两用户界面的配置文件中获取单个子图的子图
信息和子图标识，其中，所述键值对列表中的键记录用户界面中子图的子图
标识，所述键值对列表中的值记录用户界面中子图的子图信息。
4.根据权利要求1所述的方法，其特征在于，所述子图信息包括：子图
在用户界面中的位置、子图在原始子图中的位置及所述原始子图的大小，其
中，子图为剪切掉原始子图的透明区域后得到的图片；
所述根据所述子图信息，获得两用户界面分别包含的子图，包括：
根据所述原始子图的大小和所述子图在原始子图中的位置，获得所述子
图信息对应的子图的层叠样式表CSS样式参数；
根据用户界面和所述子图在用户界面中的位置，获得第一子图；
将所述第一子图设置在所述CSS样式参数表征的第一块标签上，得到用
户界面包含的一子图。
5.根据权利要求4所述的方法，其特征在于，所述原始子图的大小包括
原始子图的宽度与高度，所述子图在原始子图中的位置包括子图在原始子图
中的纵坐标、横坐标、所述子图的高度和宽度，则所述根据所述原始子图的
大小和所述子图在原始子图中的位置，获得所述子图信息对应的子图的CSS
样式参数，包括：
将所述原始子图的宽度与二倍边框线宽度进行求和，获得所述CSS样式

\t参数中的宽度；
将所述原始子图的高度与二倍边框线宽度进行求和，获得所述CSS样式
参数中的高度；
根据所述子图在原始子图中的位置，确定所述CSS样式参数中的上留白
及左留白；
将所述原始子图的高度与所述子图在原始子图中的纵坐标的差值，再减
去所述子图的高度，获得所述CSS样式参数中的下留白；
将所述原始子图的宽度与所述子图在原始子图中的横坐标的差值，再减
去所述子图的宽度，获得所述CSS样式参数中的右留白。
6.根据权利要求4或5所述的方法，其特征在于，所述子图信息还包括：
用于表征子图是否有旋转的信息，若所述用于表征子图是否有旋转的信息表
示子图有旋转，则所述根据用户界面和所述子图在用户界面中的位置，获得
第一子图之后，还包括：
将所述第一子图以旋转基点为基准沿逆方向旋转设定角度，所述设定角
度为打包所述用户界面时，所述第一子图所旋转的角度，所述旋转基点的横
纵坐标均为所述子图的高度的二分之一。
7.根据权利要求1～5中任一项所述的方法，其特征在于，所述比对两用
户界面中具有相同子图标识的子图，包括：
获得所述两用户界面中具有相同子图标识的子图的直方图向量及两个直
方图向量之间的距离；
若两个直方图向量的距离为零，则确定所述具有相同子图标识的子图的
相似度为100％。
8.根据权利要求7所述的方法，其特征在于，所述比对两用户界面中具
有相同子图标识的子图，还包括：
若所述两个直方图向量的距离不为零，则分别将所述具有相同子图标识
的子图进行像素点归一化，得到第一向量和第二向...

【专利技术属性】
技术研发人员：招成林，赵春玉，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：浙江;33