[发明专利]校对应用界面信息的方法和装置

说明书

本发明公开了一种校对应用界面信息的方法和装置。该方法包括：获取待校对应用界面中的校对元素信息以及与所述待校对应用界面对应的设计稿图片中的参考元素信息；基于所获取的校对元素信息和所述参考元素信息，确定所述校对元素和所述参考元素之间的对应关系；根据所述校对元素信息、所述参考元素信息以及所述校对元素与参考元素之间的对应关系，确定所述待校对应用界面与所述设计稿图片之间的差异元素及对应的差异描述；在所述差异元素的相应位置上显示对应的差异描述。本发明实现了对应用界面的自动校对，降低了人力和时间成本，避免了人工校对中的错误，提高了校对精度。

技术领域

本发明实施例涉及终端应用技术，尤其涉及一种校对应用界面信息的方法和装置。

背景技术

在智能设备的应用程序研发过程中，存在着一个普遍的问题，即开发无法完全实现设计效果，导致初期的视觉设计稿和后期实现的应用界面有很大出入，这就需要对设计稿和应用界面进行校对，然后再由开发人员对应用程序进行修改，以使得应用界面与设计稿相符。

现有技术中，对设计稿和应用界面进行校对主要是通过人工来完成，需要设计师或者开发人员对设计稿和应用界面进行人工校对和标注，将应用界面中需要改进的点整理成列表，输出给开发人员。但是，这种人工校对的方式需要较多的人力和时间成本，且校对精度低。

发明内容

有鉴于此，本发明实施例提供一种校对应用界面信息的方法和装置，以降低人力和时间成本，提高校对精度。

第一方面，本发明实施例提供了一种校对应用界面信息的方法，所述方法包括：

通过截取当前屏内的应用界面获取待校对应用界面，并获取设计稿图片；

扫描所述待校对应用界面的基本信息，对待校对应用界面进行划分；扫描所述设计稿图片的基本信息，对设计稿图片进行划分，以将所述待校对应用界面和设计稿图片划分为页面元素，其中，页面元素包括页面背景结构和内容元素结构，在待校对应用界面中的页面元素称为校对元素，在设计稿图片中的页面元素称为参考元素；

获取待校对应用界面中的校对元素信息以及与所述待校对应用界面对应的设计稿图片中的参考元素信息；

基于所获取的校对元素在待校对应用界面上的位置和所述参考元素在设计稿图片中的位置，并结合所述校对元素和所述参考元素的形状，确定所述校对元素和所述参考元素之间的对应关系；

根据所述校对元素信息、所述参考元素信息以及所述校对元素与参考元素之间的对应关系，确定所述待校对应用界面与所述设计稿图片之间的差异元素及对应的差异描述；

在所述差异元素的相应位置上显示对应的差异描述。

第二方面，本发明实施例还提供了一种校对应用界面信息的装置，所述装置包括：

界面和图片获取模块，用于通过截取当前屏内的应用界面获取待校对应用界面，并获取设计稿图片；

元素确定模块，用于扫描所述待校对应用界面的基本信息，对待校对应用界面进行划分；扫描所述设计稿图片的基本信息，对设计稿图片进行划分，以将所述待校对应用界面和设计稿图片划分为页面元素，其中，页面元素包括页面背景结构和内容元素结构，在待校对应用界面中的页面元素称为校对元素，在设计稿图片中的页面元素称为参考元素；

元素信息获取模块，用于获取待校对应用界面中的校对元素信息以及与所述待校对应用界面对应的设计稿图片中的参考元素信息；

对应关系确定模块，用于基于所获取的校对元素在待校对应用界面上的位置和所述参考元素在设计稿图片中的位置，并结合所述校对元素和所述参考元素的形状，确定所述校对元素和所述参考元素之间的对应关系；