CN106648571B - 一种用于校对应用界面的方法和装置 - Google Patents

Abstract

本发明的目的是提供一种用于校对应用界面的方法和装置。根据本发明的方法包括以下步骤：获取参考图片；将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。本发明的优点在于：通过在一个设备中将参考图片和待校对的应用界面相比对地进行展现，从而帮助开发人员迅速找到设计稿和实现的应用界面的区别并进行相应的修正，或者帮助设计人员发现并记录二者的区别以供开发人员进行修正，简化了校对应用界面的过程，提高了效率。

Description

一种用于校对应用界面的方法和装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种用于校对应用界面的方法的装置。

背景技术

在应用程序的研发过程中，应用界面的设计稿和实际实现的应用界面可能会有不一致的地方，因而需要对应用界面进行校对和修改。在对应用程序的界面进行校对时，一般需要设计人员在不同设备上对应用界面和设计稿分别进行校对，并记录二者的区别信息，从而与开发人员进行沟通和修改。基于该方式，校对过程中可能会出现遗漏，并且，设计人员需要投入大量精力和时间来与开发人员进行沟通，效率较低。

发明内容

本发明的目的是提供一种用于校对应用界面的方法和装置。

根据本发明的一个方面，提供了一种用于校对应用界面的方法，其中，所述方法包括以下步骤：

-获取参考图片；

-将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

优选地，所述方法进一步包括以下步骤：

-基于用户的编辑操作，记录所述参考图片与所述待校对界面的界面区别信息。

优选地，所述方法进一步包括以下步骤：

-将所述界面区别信息与所述参考图片相结合地存储。

根据本发明的一个优选实施例，所述将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的步骤包括以下步骤：

-对所述参考图片进行调整处理；

-将调整处理后的所述参考图片与所述待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息。

优选地，所述对参考图片进行调整处理的步骤包括以下步骤：

-调整所述参考图片的透明度；

所述将调整处理后的所述参考图片与所述待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的步骤包括以下步骤：

-将调整后的所述参考图片覆盖于所述待校对界面上，与所述待校对界面同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

根据本发明的一个优选实施例，所述将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的步骤还包括以下步骤：

-获取所述待校对界面的界面图片；

-将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息。

优选地，，所述将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的步骤还包括以下步骤：

-调整所述参考图片和所述界面图片的尺寸信息；

-对经过尺寸调整后的参考图片与界面图片进行并列展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

优选地，所述将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定所述参考图片与所述待校对界面的区别信息的步骤还包括以下步骤：

-调整所述参考图片的透明度；

-将调整后的所述参考图片覆盖于所述界面图片上，与所述界面图片同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

优选地，所述方法还包括以下步骤：

-将所确定的界面区别信息提交至与所述待校对的应用程序对应的网络设备，以供所述网络设备基于所述界面区别信息对所述应用程序进行修改。

根据本发明的一个方面，提供了一种用于校对应用界面的校对装置，其中，所述校对装置包括：

用于获取参考图片的装置；

用于将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定参考图片与所述待校对界面之间的界面区别信息的装置。

优选地，所述校对装置进一步包括：

用于基于用户的编辑操作，记录所述参考图片与所述待校对界面的界面区别信息的装置。

优选地，所述校对装置进一步包括：

用于将所述界面区别信息与所述参考图片相结合地存储的装置。

根据本发明的一个优选实施例，其中，所述用于将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定参考图片与所述待校对界面之间的界面区别信息的装置包括：

用于对所述参考图片进行调整处理的装置；

用于将调整处理后的所述参考图片与所述待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的装置。

优选地，所述用于对所述参考图片进行调整处理的装置用于：

-调整所述参考图片的透明度；

所述用于将调整处理后的所述参考图与所述待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的装置用于：

-将调整后的所述参考图片覆盖于所述待校对界面上，与所述待校对界面同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

根据本发明的一个优选实施例，其中，所述用于将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的装置还包括：

用于获取所述待校对界面的界面图片的装置；

用于将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的装置。

优选地，所述用于将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定参考图片与所述待校对界面的界面区别信息的装置还包括：

用于调整所述参考图片和所述界面图片的尺寸信息的装置；

用于将经过尺寸调整后的参考图片与界面图片进行并列展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的装置。

优选地，所述用于将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定参考图片与所述待校对界面的界面区别信息的装置还包括：

用于调整所述参考图片的透明度的装置；

用于将调整透明度后的参考图片覆盖于所述界面图片上，与所述界面图片同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的装置。

优选地，所述校对装置还包括：

用于将所确定的界面区别信息提交至与所述待校对的应用程序对应的网络设备，以供所述网络设备基于所述界面区别信息对所述应用程序进行修改的装置。

本发明还提供了一种终端设备，包括所述校对装置。

与现有技术相比，本发明具有以下优点：通过在一个设备中将参考图片和待校对的应用界面相比对地进行展现，从而帮助开发人员迅速找到设计稿和实现的应用界面的区别并进行相应的修正，或者帮助设计人员发现并记录二者的区别以供开发人员进行修正，简化了校对应用界面的过程，提高了效率。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显：

图1示意出了根据本发明的一种用于校对应用界面的方法流程图；

图2示意出了根据本发明的一个优选实施方案的方法流程图；

图3示意出了根据本发明的一种用于校对应用界面的方法的校对装置的结构示意图；

图4a示意出了根据本发明的一个示例性的呈现装置的结构示意图；

图4b示意出了根据本发明的一个优选实施例的呈现装置的结构示意图；

图5a示意出了根据本发明的一个实施例的一种校对应用的首页的示例性界面；

图5b示意出了根据本发明的一个实施例的一种校对应用调整透明度的示例性界面。

图6示意出了根据本发明的一个实施例的一种校对应用中对参考图片和待校对界面同时进行放大处理的示例性界面；

图7a和图7b分别示意出了根据本发明的并列展现的示例性界面；

图8示意出了根据本发明的一个实施例的一种终端设备。

附图中相同或相似的附图标记代表相同或相似的部件。

具体实施方式

下面结合附图对本发明作进一步详细描述。

图1示意出了根据本发明的一种用于校对应用界面的方法流程图。根据本发明的方法包括步骤S1和步骤S2。

其中，根据本发明的方法通过包含于计算机设备中的校对装置来实现。所述计算机设备包括一种能够按照事先设定或存储的指令，自动进行数值计算和/或信息处理的电子设备，其硬件包括但不限于微处理器、专用集成电路(ASIC)、可编程门阵列(FPGA)、数字处理器(DSP)、嵌入式设备等。所述计算机设备包括网络设备和/或用户设备。其中，所述网络设备包括但不限于单个网络服务器、多个网络服务器组成的服务器组或基于云计算(Cloud Computing)的由大量主机或网络服务器构成的云，其中，云计算是分布式计算的一种，由一群松散耦合的计算机集组成的一个超级虚拟计算机。所述用户设备包括但不限于任何一种可与用户通过键盘、鼠标、遥控器、触摸板、或声控设备等方式进行人机交互的电子产品，例如，个人计算机、平板电脑、智能手机、PDA、游戏机、或IPTV等。其中，所述用户设备及网络设备所处的网络包括但不限于互联网、广域网、城域网、局域网、VPN网络等。

优选地，所述校对装置包含于移动设备中。

更优选地，所述校对装置包含于移动设备的应用程序中。

需要说明的是，所述用户设备、网络设备以及网络仅为举例，其他现有的或今后可能出现的用户设备、网络设备以及网络如可适用于本发明，也应包含在本发明保护范围以内，并以引用方式包含于此。

参照图1，在步骤S1中，校对装置获取参考图片。

其中，所述参考图片包括各种内容图片。比如，所述参考图片可以是待测试应用程序(APP)的应用界面图片、产品UI界面图片、产品设计图片等。另外，所述参考图片的格式也可以采用各种合适的格式，比如JPEG、PNG等。

具体地，校对装置获取参考图片的方式包括但限于以下任一种：

1)获取本地存储的参考图片；

2)接收来自其他设备的参考图片。例如，通过无线网络与其他设备建立连接，并接收来自该其他设备的参考图片。

根据本发明的第一示例，校对装置包含于智能设备的校对应用中，用户开启待测试的应用app_1，随后开启该校对应用。校对装置将当前呈现的应用app_1的界面作为待校对界面，接着，校对装置基于用户操作，选择本地存储的一图片作为参考图片。

又例如，用户也可先开启校对装置所在的校对应用，并选择一图片作为参考图片来进行呈现，随后在该校对应用中隐藏该参考图片，并开启待测试应用的相应界面作为待校对界面。

在步骤S2中，校对装置将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定参考图片与所述待校对界面之间的界面区别信息。

具体地，校对装置将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定参考图片与所述待校对界面之间的界面区别信息的方式包括但不限于以下任一种：

1)参照图2所示的根据本发明的一个优选实施例的方法流程图，其中，所述步骤S2进一步包括步骤S201和步骤S202。

在步骤S201中，校对装置对所述参考图片进行调整处理；接着，在步骤S202中，校对装置将调整处理后的所述参考图片与所述待校对界面同时展现，以确定所述参考图片与所述待校对界面的界面区别信息。

优选地，所述调整处理包括调整参考图片的透明度。

根据本发明的一个优选方案，校对装置调整所述参考图片的透明度，并接着将调整后的所述参考图片覆盖于所述待校对界面上，与所述待校对界面同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

继续对前述第一示例进行说明，图5a示意出了该校对应用的首页的界面，图5b示意出了该校对应用调整透明度的界面。参照图5a，该校对应用的首页中包含工具栏，用户可通过该工具栏进行相应的操作，如用于返回前页的返回操作、调整界面图片是否可见的操作、调整透明度的操作、并列校对操作、在图片中插入修改建议的操作、以及导出参考图片等。校对装置将该参考图片的透明度到调整到70％，并将调整后的该参考图片覆盖于该待校对界面上，与所述待校对界面同时展现，以确定该参考图片与该待校对界面之间的界面区别信息。并且，参照图5b所示的界面，用户可通过预设的滑动手势继续调整参考图片的透明度。

2)校对装置获取所述待校对界面的界面图片；并将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定参考图片与所述待校对界面的界面区别信息。

具体地，校对装置获取所述待校对界面的界面图片的方式包括但不限于以下任一种：

i)从与所述待校对应用对应的程序文件中提取与该待校对界面相对应的界面图片；

ii)通过对当前所呈现的待校对界面进行截图以获得相应的界面图片。

接着，校对装置将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定参考图片与所述待校对界面的界面区别信息。

例如，校对装置获取待校对界面的界面截图，并将获取的参考图片与该待校对界面的界面截图在当前设备中进行并列展现，以确定参考图片与所述待校对界面的界面区别信息。比如，可以将所述参考图片与所述界面图片在移动设备屏幕中的上下或左右两个区域进行并列展现，如图7a和图7b所示的示例性界面。或者，将所述参考图片与所述界面图片相重叠地在移动设备屏幕上展现。

此外，在将获取的参考图片与该待校对界面的界面截图在当前设备中进行并列展现之前，所述方法还可以包括对参考图片和/或界面图片进行调整处理。然后，将经过调整处理后的参考图片和/或界面图片相比对地进行展现。

所述对参考图片和/或界面图片进行调整处理可以包括以下方式：

i)调整参考图片的透明度；

ii)调整参考图片的尺寸；

iii)显示/隐藏参考图片。

在一个示例中，校对装置可以调整所述参考图片的透明度，接着将调整后的所述参考图片覆盖于所述界面图片上，与所述界面图片同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

在另一示例中，校对装置可以调整所述参考图片和所述界面图片的尺寸信息，并对经过尺寸调整后的参考图片与所述界面图片进行并列展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。例如，参照图7a和图7b所示的示例性界面，校对装置调整参考图片和界面图片的尺寸，从而将所述参考图片与所述界面图片在移动设备屏幕中的上下或左右两个区域进行并列展现。

这里，针对参考图片和界面图片的尺寸信息调整例如可以与手持动作关联。比如，校对装置中与长按手势对应的调整处理为放大处理，图6示意出了一个示例性的对参考图片进行放大处理的界面。参照图6，当用户在智能设备中长按图6所示的长按手势所在的位置时，校对装置基于该操作，放大图6所示的放大镜所在的区域。

在又一示例中，校对装置可以提供显示/隐藏参考图片的功能按钮，当用户点击显该按钮时，校对装置显示/隐藏所述参考图片。

具体地，校对装置可自动对所述参考图片进行调整处理。或者，校对装置还可基于用户的操作来对所述参考图片进行相应的调整处理。

优选地，所述方法还可以包括步骤S3(图未示)。

在步骤S3中，校对装置基于已呈现的参考图片和待校对界面，确定该参考图片与该待校对界面之间的界面区别信息。

在进行界面区别信息确定时，校对装置可基于已呈现的参考图片和待校对界面，通过机器检测的方式来确定该参考图片与该待校对界面之间的界面区别信息。

优选地，校对装置通过机器检测的方式来确定该参考图片与该待校对界面之间的界面区别信息的方式包括但限于以下至少任一种：

1)基于统一的检测规则来确定所述界面区别信息；

例如，检测参考图片中各个元素之间的间距和待校对界面中相应的各个元素之间的间距是否有区别；

2)判断待校对界面各个界面元素的元素类型，从而基于与所确定的元素类型对应的检测规则，来确定所述界面区别信息。

例如，对于文字类型的元素，检测该文字元素在参考图片中和在待校对界面中的字号和颜色的区别。又例如，对于图片类型的元素，检测该图片元素边框大小的区别。

优选地，校对装置还可在展现所述参考图片和所述待校对界面时，提供相应的辅助比对工具，以供用户获得与所述参考图片和所述待校对界面相应的比对信息。

其中，所述辅助比对工具包括但不限于任何可用于提取与所述参考图片和所述待校对界面的至少一种图片属性的工具。

优选地，所述辅助比对工具包括但不限于以下至少任一种：

1)网格工具，例如，分别在所述参考图片和所述待校对界面上呈现相同单位的网格，以供用户直观地比对两者的长、宽等距离信息。

2)颜色提取工具，例如，可提取用户所选择的相应区域的颜色代码信息的工具，以供用户比对两个图片所采用的色彩是否一致等。

在进行界面区别信息确定时，校对装置可基于已呈现的参考图片和待校对界面，通过手动的方式来确定该参考图片与该待校对界面之间的界面区别信息。

优选地，在确定参考图片与待校对界面之间的界面区别信息之后，所述方法进一步包括步骤S4(图未示)。

在步骤S4中，校对装置基于用户的编辑操作，记录所述参考图片与所述待校对界面的界面区别信息。

其中，所述编辑操作包括各种文本输入操作，例如，输入、删除或移动等等。

优选地，所述方法还可以包括将所述界面区别信息与所述参考图片相结合地存储。

具体地，校对装置可生成单独的文档来存储与参考图片对应的界面区别信息，或者，校对装置可将界面区别信息添加至所述参考图片来进行存储。

继续对前述第一示例进行说明，用户基于所呈现的参考图片和待校对应用界面，发现二者存在差异，并在参考图片的相应位置输入以下信息：正确的色值是color_1；正确的间距是space_1，则校对装置将用户输入的信息作为界面区别信息添加至该参考图片中，并存储该添加了区别信息的参考图片。

根据本发明的一个优选实施例，根据本发明的方法还包括步骤S5(图未示)。

在步骤S5中，校对装置将所确定的界面区别信息提交至与所述待校对的应用程序对应的网络设备，以供所述网络设备基于所述界面区别信息对所述应用程序进行修改。

根据本发明的第二示例，校对装置基于应用界面的设计人员的编辑操作，记录参考图片与待校对界面的界面区别信息，并将界面区别信息添加至参考图片，从而将其作为已校对的参考图片进行存储。校对装置将该已校对的参考图片发送至开发应用所使用的网络设备，以供开发人员通过该网络设备、基于参考图片中的界面区别信息来进行相应的修改。

更优选地，界面区别信息采用预定的格式化结构来记录。更优选地，所述网络设备可基于该格式化结构自动读取界面区别信息，以基于所获得的界面区别信息，来修正相应的待校对界面的界面参数信息。

根据本发明的方法，通过在一个设备中将参考图片和待校对的应用界面相比对地进行展现，从而帮助开发人员迅速找到设计稿和实现的应用界面的区别并进行相应的修正，或者帮助设计人员发现并记录二者的区别以供开发人员进行修正，简化了校对应用界面的过程，提高了效率。

图3示意出了根据本发明的一种用于校对应用界面的方法的校对装置的结构示意图。根据本发明的校对装置包括：用于获取参考图片的装置(以下简称“获取装置1”)；用于将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定参考图片与所述待校对界面之间的界面区别信息的装置(以下简称“呈现装置2”)。

参照图3，获取装置1获取参考图片。

其中，所述参考图片包括各种内容图片。比如，所述参考图片可以是待测试应用程序(APP)的应用界面图片、产品UI界面图片、产品设计图片等。另外，所述参考图片的格式也可以采用各种合适的格式，比如JPEG、PNG等。

具体地，获取装置1获取参考图片的方式包括但限于以下任一种：

1)获取本地存储的参考图片；

2)接收来自其他设备的参考图片。例如，通过无线网络与其他设备建立连接，并接收来自该其他设备的参考图片。

根据本发明的第一示例，校对装置包含于智能设备的校对应用中，用户开启待测试的应用app_1，随后开启该校对应用。校对装置将当前呈现的应用app_1的界面作为待校对界面，接着，获取装置1基于用户操作，选择本地存储的一图片作为参考图片。

又例如，用户也可先开启校对装置所在的校对应用，并选择一图片作为参考图片来进行呈现，随后在该校对应用中隐藏该参考图片，并开启待测试应用的相应界面作为待校对界面。

呈现装置2将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定参考图片与所述待校对界面之间的界面区别信息。

具体地，在一个示例中，如图4a所示，呈现装置2可以包括用于对所述参考图片进行调整处理的装置(以下简称“第一调整装置201”)和用于将调整处理后的所述参考图与所述待校对界面同时展现，以确定所述参考图片与所述待校对界面的界面区别信息的装置(以下简称“第一子呈现装置202”)。

需要说明的是，所述第一调整装置201也可以在呈现装置2之外实现。

调整装置201对所述参考图片进行调整处理；第一子呈现装置202将调整处理后的所述参考图与所述待校对界面同时展现，以确定所述参考图片与所述待校对界面的界面区别信息。

优选地，所述调整处理可以包括调整参考图片的透明度。

根据本发明的一个优选方案，第一调整装置201调整所述参考图片的透明度，第一子呈现装置202将调整后的所述参考图片覆盖于所述待校对界面上，与所述待校对界面同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

在另一示例中，如图4b所示，所述呈现装置2可以包括用于获取所述待校对界面的界面图片的装置(图未示，以下简称“界面获取装置203”)和用于将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定参考图片与所述待校对界面的界面区别信息的装置(图未示，以下简称“第二子呈现装置204”)

界面获取装置203获取所述待校对界面的界面图片；第二子呈现装置204将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定参考图片与所述待校对界面的区别信息。

具体地，界面获取装置203获取所述待校对界面的界面图片的方式包括但不限于以下任一种：

i)从与所述待校对应用对应的程序文件中提取与该待校对界面相对应的界面图片；

ii)通过对当前所呈现的待校对界面进行截图以获得相应的界面图片。

接着，第二子呈现装置204将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定参考图片与所述待校对界面的界面区别信息。比如，可以将所述参考图片与所述界面图片在移动设备屏幕中的上下或左右两个区域进行并列展现，如图7a和图7b所示的示例性界面。或者，将所述参考图片与所述界面图片相重叠地在移动设备屏幕上展现。

此外，在将获取的参考图片与该待校对界面的界面截图在当前设备中进行并列展现之前，所述呈现装置2还可以包括第二调整装置205，用于对参考图片和/或界面图片进行调整处理。然后，第二子呈现装置204将经过调整处理后的参考图片和/或界面图片相比对地进行展现。

所述对参考图片和/或界面图片进行调整处理可以包括以下方式：

i)调整参考图片的透明度；

ii)调整参考图片的尺寸；

iii)显示/隐藏参考图片。

在一个示例中，第二调整装置205可以调整所述参考图片的透明度，接着，第二子呈现装置204将调整后的所述参考图片覆盖于所述界面图片上，与所述界面图片同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

在另一示例中，第二调整装置205可以调整所述参考图片和所述界面图片的尺寸信息。然后，第二子呈现装置204对经过尺寸调整后的参考图片与所述界面图片进行并列展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。例如，参照图7a和图7b所示的示例性界面，第二调整装置205调整参考图片和界面图片的尺寸，从而将所述参考图片与所述界面图片在移动设备屏幕中的上下或左右两个区域进行并列展现。

这里，针对参考图片和界面图片的尺寸信息调整例如可以与手持动作关联。比如，校对装置中与长按手势对应的调整处理为放大处理，图6示意出了一个示例性的对参考图片进行放大处理的界面。参照图6，当用户在智能设备中长按图6所示的长按手势所在的位置时，第二调整装置205基于该操作，放大图6所示的放大镜所在的区域。

在又一示例中，校对装置可以提供显示/隐藏参考图片的功能按钮，当用户点击显该按钮时，校对装置显示/隐藏所述参考图片。

具体地，校对装置可自动对所述参考图片进行调整处理。或者，校对装置还可基于用户的操作来对所述参考图片进行相应的调整处理。

校对装置还可以包括用于基于已呈现的参考图片和待校对界面，确定该参考图片与该待校对界面之间的界面区别信息的装置(下文中简称为“确定装置”)。

在进行界面区别信息确定时，确定装置可基于已呈现的参考图片和待校对界面，通过机器检测的方式来确定该参考图片与该待校对界面之间的界面区别信息。

优选地，确定装置过机器检测的方式来确定该参考图片与该待校对界面之间的界面区别信息的方式包括但限于以下至少任一种：

1)基于统一的检测规则来确定所述界面区别信息；

例如，检测参考图片中各个元素之间的间距和待校对界面中相应的各个元素之间的间距是否有区别；

2)判断待校对界面各个界面元素的元素类型，从而基于与所确定的元素类型对应的检测规则，来确定所述界面区别信息。

例如，对于文字类型的元素，检测该文字元素在参考图片中和在待校对界面中的字号和颜色的区别。又例如，对于图片类型的元素，检测该图片元素边框大小的区别。

优选地，校对装置还可在展现所述参考图片和所述待校对界面时，提供相应的辅助比对工具，以供用户获得与所述参考图片和所述待校对界面相应的比对信息。

其中，所述辅助比对工具包括但不限于任何可用于提取与所述参考图片和所述待校对界面的至少一种图片属性的工具。

优选地，所述辅助比对工具包括但不限于以下至少任一种：

1)网格工具，例如，分别在所述参考图片和所述待校对界面上呈现相同单位的网格，以供用户直观地比对两者的长、宽等距离信息。

2)颜色提取工具，例如，可提取用户所选择的相应区域的颜色代码信息的工具，以供用户比对两个图片所采用的色彩是否一致等。

在进行界面区别信息确定时，确定装置可基于已呈现的参考图片和待校对界面，通过手动的方式来确定该参考图片与该待校对界面之间的界面区别信息。

优选地，所述校对装置进一步包括用于基于用户的编辑操作，记录所述参考图片与所述待校对界面的界面区别信息的装置(图未示，以下简称“区别记录装置”)。

区别记录装置基于用户的编辑操作，记录所述参考图片与所述待校对界面的界面区别信息。

其中，所述编辑操作包括各种文本输入操作，例如，输入、删除或移动等等。

优选地，所述校对装置进一步包括用于将所述界面区别信息与所述参考图片相结合地存储的装置(图未示，以下简称“存储装置”)。

存储装置将所述界面区别信息与所述参考图片相结合地存储。

具体地，存储装置可生成单独的文档来存储与参考图片对应的界面区别信息，或者，存储装置可将界面区别信息添加至所述参考图片来进行存储。

继续对前述第一示例进行说明，用户基于所呈现的参考图片和待校对应用界面，发现二者存在差异，并在参考图片的相应位置输入以下信息：正确的色值是color_1；正确的间距是space_1，则区别记录装置将用户输入的信息作为界面区别信息添加至该参考图片中，存储装置存储该添加了区别信息的参考图片。

根据本发明的一个优选实施例，根据本发明的校对装置还包括用于将将所确定的界面区别信息提交至与所述待校对的应用程序对应的网络设备的装置(图未示，以下简称“发送装置”)。

发送装置将所确定的界面区别信息提交至与所述待校对的应用程序对应的网络设备，以供所述网络设备基于所述界面区别信息对所述应用程序进行修改。

根据本发明的第二示例，区别记录装置基于应用界面的设计人员的编辑操作，记录参考图片与待校对界面的界面区别信息，并将界面区别信息添加至参考图片，存储装置将其作为已校对的参考图片进行存储。接着，发送装置将该已校对的参考图片发送至开发应用所使用的网络设备，以供开发人员通过该网络设备、基于参考图片中的界面区别信息来进行相应的修改。

更优选地，界面区别信息采用预定的格式化结构来记录。更优选地，所述网络设备可基于该格式化结构自动读取界面区别信息，以基于所获得的界面区别信息，来修正相应的待校对界面的界面参数信息。

图8示出了根据本发明实施例的终端设备，所述终端设备包括上述实施例中描述的校对装置及其各种变型。

根据本发明的方案，通过在一个设备中将参考图片和待校对的应用界面相比对地进行展现，从而帮助开发人员迅速找到设计稿和实现的应用界面的区别并进行相应的修正，或者帮助设计人员发现并记录二者的区别以供开发人员进行修正，简化了校对应用界面的过程，提高了效率。

本发明的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地，本发明的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中，例如，RAM存储器，磁或光驱动器或软磁盘及类似设备。另外，本发明的一些步骤或功能可采用硬件来实现，例如，作为与处理器配合从而执行各个功能或步骤的电路。

另外，本发明的一部分可被应用为计算机程序产品，例如计算机程序指令，当其被计算机执行时，通过该计算机的操作，可以调用或提供根据本发明的方法和/或技术方案。而调用本发明的方法的程序指令，可能被存储在固定的或可移动的记录介质中，和/或通过广播或其他信号承载媒体中的数据流而被传输，和/或被存储在根据所述程序指令运行的计算机设备的工作存储器中。在此，根据本发明的一个实施例包括一个装置，该装置包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器，其中，当该计算机程序指令被该处理器执行时，触发该装置运行基于前述根据本发明的多个实施例的方法和/或技术方案。

对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一，第二等词语用来表示名称，而并不表示任何特定的顺序。

虽然前面特别示出并且描述了示例性实施例，但是本领域技术人员将会理解的是，在不背离权利要求书的精神和范围的情况下，在其形式和细节方面可以有所变化。这里所寻求的保护在所附权利要求书中做了阐述。在下列编号条款中规定了各个实施例的这些和其他方面：

1.一种用于校对应用界面的方法，其中，所述方法包括以下步骤：

-获取参考图片；

-将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

2.根据条款1所述的方法，其中，所述方法进一步包括以下步骤：

-基于用户的编辑操作，记录所述参考图片与所述待校对界面的界面区别信息。

3.根据条款2所述的方法，其中，所述方法进一步包括以下步骤：

-将所述界面区别信息与所述参考图片相结合地存储。

4.根据条款1所述的方法，其中，所述将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的步骤包括以下步骤：

-对所述参考图片进行调整处理；

-将调整处理后的所述参考图片与所述待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息。

5.根据条款4所述的方法，其中，所述对参考图片进行调整处理的步骤包括以下步骤：

-调整所述参考图片的透明度；

所述将调整处理后的所述参考图片与所述待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的步骤包括以下步骤：

-将调整后的所述参考图片覆盖于所述待校对界面上，与所述待校对界面同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

6.根据条款1所述的方法，其中，所述将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的步骤还包括以下步骤：

-获取所述待校对界面的界面图片；

-将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定所述参考图片与所述待校对界面的区别信息。

7.根据条款6所述的方法，其中，所述将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定所述参考图片与所述待校对界面的区别信息的步骤还包括以下步骤：

-调整所述参考图片和所述界面图片的尺寸信息；

-对经过尺寸调整后的参考图片与界面图片进行并列展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

8.根据条款6所述的方法，其中，所述将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定所述参考图片与所述待校对界面的区别信息的步骤还包括以下步骤：

-调整所述参考图片的透明度；

-将调整后的所述参考图片覆盖于所述界面图片上，与所述界面图片同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

9.根据条款1至8中任一项所述的方法，其中，所述方法还包括以下步骤：

-将所确定的界面区别信息提交至与所述待校对的应用程序对应的网络设备，以供所述网络设备基于所述界面区别信息对所述应用程序进行修改。

10.一种用于校对应用界面的校对装置，其中，所述校对装置包括：

用于获取参考图片的装置；

用于将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的装置。

11.根据条款10所述的校对装置，其中，所述校对装置进一步包括：

用于基于用户的编辑操作，记录所述参考图片与所述待校对界面的界面区别信息的装置。

12.根据条款11所述的校对装置，其中，所述校对装置进一步包括：

用于将所述区别信息与所述参考图片相结合地存储的装置。

13.根据条款10所述的校对装置，其中，所述用于将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定参考图片与所述待校对界面之间的界面区别信息的装置包括：

用于对所述参考图片进行调整处理的装置；

用于将调整处理后的所述参考图与所述待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的装置。

14.根据条款13所述的校对装置，其中，所述用于对所述参考图片进行调整处理的装置用于：

-调整所述参考图片的透明度；

所述用于将调整处理后的所述参考图与所述待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的装置用于：

-将调整后的所述参考图片覆盖于所述待校对界面上，与所述待校对界面同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

15.根据条款10所述的校对装置，其中，所述用于将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的装置还包括：

用于获取所述待校对界面的界面图片的装置；

用于将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定所述参考图片与所述待校对界面的区别信息的装置。

16.根据条款15所述的校对装置，其中，所述用于将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定参考图片与所述待校对界面的区别信息的装置还包括：

用于调整所述参考图片和/或所述界面图片的尺寸信息的装置；

用于将经过尺寸调整后的参考图片与界面图片进行并列展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的装置。

17.根据条款15所述的校对装置，其中，所述用于将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定参考图片与所述待校对界面的区别信息的装置还包括：

用于调整所述参考图片的透明度的装置；

用于将调整透明度后的参考图片覆盖于所述界面图片上，与所述界面图片同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的装置。

18.根据条款10至17中任一项所述的校对装置，其中，所述校对装置还包括：

用于将所确定的界面区别信息提交至与所述待校对的应用程序对应的网络设备，以供所述网络设备基于所述界面区别信息对所述应用程序进行修改的装置。

19.一种终端设备，包括如条款10到18中任一项所述的校对装置。

Claims (15)

1.一种用于校对应用界面的方法，其中，所述方法由校对装置执行，所述校对装置包含于用户设备的校对应用中，所述方法包括以下步骤：

-获取参考图片；

-将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息；

所述待校对的应用程序的待校对界面是根据所述校对应用启动时所述用户设备呈现的应用程序的界面确定的；或者，

所述待校对的应用程序的待校对界面是根据所述校对应用启动后用户开启的应用程序的界面确定的；

其中，所述方法进一步包括以下步骤：

-基于用户的编辑操作，记录所述参考图片与所述待校对界面的界面区别信息；

其中，所述方法进一步包括以下步骤：

-将所述界面区别信息与所述参考图片相结合地存储。

2.根据权利要求1所述的方法，其中，所述将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的步骤包括以下步骤：

-对所述参考图片进行调整处理；

-将调整处理后的所述参考图片与所述待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息。

3.根据权利要求2所述的方法，其中，所述对所述参考图片进行调整处理的步骤包括以下步骤：

-调整所述参考图片的透明度；

所述将调整处理后的所述参考图片与所述待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的步骤包括以下步骤：

-将调整后的所述参考图片覆盖于所述待校对界面上，与所述待校对界面同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

4.根据权利要求1所述的方法，其中，所述将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的步骤还包括以下步骤：

-获取所述待校对界面的界面图片；

-将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息。

5.根据权利要求4所述的方法，其中，所述将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的步骤还包括以下步骤：

-调整所述参考图片和所述界面图片的尺寸信息；

-对经过尺寸调整后的参考图片与界面图片进行并列展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

6.根据权利要求4所述的方法，其中，所述将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定所述参考图片与所述待校对界面的区别信息的步骤还包括以下步骤：

-调整所述参考图片的透明度；

-将调整后的所述参考图片覆盖于所述界面图片上，与所述界面图片同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

7.根据权利要求1至6中任一项所述的方法，其中，所述方法还包括以下步骤：

-将所确定的界面区别信息提交至与所述待校对的应用程序对应的网络设备，以供所述网络设备基于所述界面区别信息对所述应用程序进行修改。

8.一种用于校对应用界面的校对装置，其中，所述校对装置包含于用户设备的校对应用中，所述校对装置包括：

用于获取参考图片的装置；

用于获取待校对的应用程序的待校对界面的装置，具体用于根据所述校对应用启动时所述用户设备呈现的应用程序的界面确定所述待校对的应用程序的待校对界面，或者，根据所述校对应用启动后用户开启的应用程序的界面确定所述待校对的应用程序的待校对界面；

用于将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的装置；

其中，所述校对装置进一步包括：

用于基于用户的编辑操作，记录所述参考图片与所述待校对界面的界面区别信息的装置；

其中，所述校对装置进一步包括：

用于将所述界面区别信息与所述参考图片相结合地存储的装置。

9.根据权利要求8所述的校对装置，其中，所述用于将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的装置包括：

用于对所述参考图片进行调整处理的装置；

用于将调整处理后的所述参考图片与所述待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的装置。

10.根据权利要求9所述的校对装置，其中，所述用于对所述参考图片进行调整处理的装置用于：

-调整所述参考图片的透明度；

所述用于将调整处理后的所述参考图片与所述待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的装置用于：

-将调整后的所述参考图片覆盖于所述待校对界面上，与所述待校对界面同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息。

11.根据权利要求8所述的校对装置，其中，所述用于将获取的参考图片与待校对的应用程序的待校对界面相比对地进行展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的装置还包括：

用于获取所述待校对界面的界面图片的装置；

用于将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的装置。

12.根据权利要求11所述的校对装置，其中，所述用于将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的装置还包括：

用于调整所述参考图片和所述界面图片的尺寸信息的装置；

用于将经过尺寸调整后的参考图片与界面图片进行并列展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的装置。

13.根据权利要求11所述的校对装置，其中，所述用于将获取的参考图片与所述待校对界面的界面图片相比对地进行展现，以确定所述参考图片与所述待校对界面的界面区别信息的装置还包括：

用于调整所述参考图片的透明度的装置；

用于将调整透明度后的参考图片覆盖于所述界面图片上，与所述界面图片同时展现，以确定所述参考图片与所述待校对界面之间的界面区别信息的装置。

14.根据权利要求8至13中任一项所述的校对装置，其中，所述校对装置还包括：

用于将所确定的界面区别信息提交至与所述待校对的应用程序对应的网络设备，以供所述网络设备基于所述界面区别信息对所述应用程序进行修改的装置。

15.一种终端设备，包括如权利要求8到14中任一项所述的校对装置。

Images