CN114647573A - 一种图像显示方法、装置、存储介质以及设备 - Google Patents

Abstract

本申请公开了一种图像显示方法、装置、存储介质以及设备，其中，方法包括：当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作获取验收图像，在终端界面显示的应用图像上，采用默认透明度的方式对所述验收图像进行叠图显示，获取针对所述验收图像的图像调整操作，基于所述图像调整操作控制所述验收图像进行图像调整显示。采用本申请，通过在终端的应用界面上叠加显示验收图像，起到视觉验收的目的，使得图像比较更加真实、直观，提高视觉验收的效率和精确度。

Description

一种图像显示方法、装置、存储介质以及设备

技术领域

本申请涉及计算机技术领域，尤其涉及一种图像显示方法、装置、存储介质以及设备。

背景技术

视觉验收是前端开发、设计师的重要工作，需要将应用的运行界面与设计图稿进行比较，现有的视觉验收工具需要将应用代码压缩包和设计图稿进行上传，再进行比较。但是在视觉验收工具中所显示的图像与客户端真实运行界面存在误差，导致视觉验收精度低、效果差，并且代码打包过程十分繁琐，导致效率低下且错误率高。

发明内容

本申请提供一种图像显示方法、装置、存储介质以及设备，可以通过在终端的应用界面上叠加显示验收图像，起到视觉验收的目的，使得图像比较更加真实、直观，提高视觉验收的效率和精确度。所述技术方案如下：

第一方面，本申请实施例提供一种图像显示方法，应用于图像视觉验收中，包括：

当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作获取验收图像；

在终端界面显示的应用图像上，采用默认透明度的方式对所述验收图像进行叠图显示；

获取针对所述验收图像的图像调整操作，基于所述图像调整操作控制所述验收图像进行图像调整显示。

第二方面，本申请实施例提供一种图像显示装置，应用于图像视觉验收中，包括：

图像获取单元，用于当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作获取验收图像；

图像显示单元，用于在终端界面显示的应用图像上，采用默认透明度的方式对所述验收图像进行叠图显示；

所述图像显示单元，还用于获取针对所述验收图像的图像调整操作，基于所述图像调整操作控制所述验收图像进行图像调整显示。

第三方面，本申请实施例提供一种计算机存储介质，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行上述的方法的步骤。

第四方面，本申请实施例提供一种计算机设备，包括：处理器和存储器；其中，所述存储器存储有计算机程序，所述计算机程序适于由所述处理器加载并执行上述的方法的步骤。

在本申请实施例中，当在视觉验收工具栏中检测到图像选择操作时，基于图像选择操作获取验收图像，在终端界面显示的应用图像上，采用默认透明度的方式对验收图像进行叠图显示，获取针对验收图像的图像调整操作，基于图像调整操作控制验收图像进行图像调整显示。通过在终端的应用界面上叠加显示验收图像，起到视觉验收的目的，使得图像比较更加真实、直观，提高了视觉验收的效率和精确度。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的一种视觉验收的场景示意图；

图2为本申请实施例提供的一种图像显示方法的流程示意图；

图3为本申请实施例提供的一种图像显示方法的流程示意图；

图4为本申请实施例提供的一种视觉验收工具栏显示的举例示意图；

图5为本申请实施例提供的一种工具图标位置更改的举例示意图；

图6为本申请实施例提供的一种验收图像选择的举例示意图；

图7为本申请实施例提供的一种验收图像选择的举例示意图；

图8为本申请实施例提供的一种验收图像尺寸更改的举例示意图；

图9为本申请实施例提供的一种叠图显示的举例示意图；

图10为本申请实施例提供的一种调整点击操作的举例示意图；

图11为本申请实施例提供的一种图像显示装置的结构示意图；

图12为本申请实施例提供的一种图像显示装置的结构示意图；

图13为本申请实施例提供的一种计算机设备的结构示意图。

具体实施方式

为使得本申请的特征和优点能够更加的明显和易懂，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而非全部实施例。基于本申请中的实施例，本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

本申请实施例提供的图像显示方法可依赖于计算机程序实现，可运行于基于冯诺依曼体系的图像显示装置上。该计算机程序可集成在应用中，也可作为独立的工具类应用运行。本申请实施例中的图像显示装置包括但不限于：手机、个人电脑、平板电脑、手持设备、车载设备、可穿戴设备、计算设备或连接到无线调制解调器的其它处理设备等的终端设备，图像显示装置还可以为终端设备上可以实现图像显示方法的模块。

请参见图1，为本申请实施例提供了一种视觉验收的场景示意图，终端设备上可以运行有应用程序，进行视觉验收的验收人员可以在终端设备上打开需要进行视觉验收的应用程序，在终端设备的屏幕上显示应用图像，应用图像可以为应用程序当前所显示的界面图像。然后图像显示装置可以在图像上传平台或终端设备的本地存储中进行图像选择操作，图像上传平台可以为可以保存图像数据的网络平台，终端设备可以向图像上传平台发送验收图像所对应的网络链接地址，根据网络链接地址在图像上传平台中找到验收图像。终端设备可以基于验收人员的图像选择获取验收图像，验收图像可以为验收人员需要与应用图像进行比较的设计稿，具体的，验收图像可以为应用页面的设计稿或者为应用页面中的任一图像元素的设计稿，应用图像可以为终端应用中已上线运行的应用页面或者为验收人员所获取的历史版本的应用页面。

可以理解的是，现有技术中需要将应用程序代码打包上传至电脑上，然后再将验收图像也上传至电脑，再通过电脑中的视觉验收工具模拟运行应用程序，将应用程序的界面与验收图像进行比较来完成视觉验收，但是模拟运行的应用程序与终端设备中实际运行的应用程序会存在误差，且应用程序代码打包过程繁琐、出错率高，导致视觉验收的精度低、效率低。而本申请实施例中的图像显示装置可以直接将验收图像叠加显示在终端界面显示的应用图像之上，验收人员可以直接在终端上，将实际运行的应用程序所对应的应用图像与验收图像进行比较，从而完成视觉验收，提高了视觉验收的效率和精确度。

下面结合具体的实施例对本申请提供的图像显示方法进行详细说明。

请参见图2，为本申请实施例提供的一种图像显示方法的流程示意图。如图2所示，本申请实施例的所述方法可以包括以下步骤S101-S103。

S101，当在视觉验收工具栏中检测到图像选择操作时，基于图像选择操作获取验收图像。

具体的，图像显示装置可以向测试服务器请求并获取视觉验收插件，图像显示装置加载视觉验收插件后就可以在终端界面中显示视觉验收插件所对应的视觉验收工具栏，相关验收人员可以通过在视觉验收工具栏中进行操作来完成视觉验收工作，例如选择需要进行比对的验收图像、调整验收图像在终端界面的显示位置、显示效果等。测试服务器中保存有视觉验收插件的相关安装数据，在接收到图像显示装置的请求后可以将视觉验收插件发送给图像显示装置。

可以理解的是，验收人员需要利用图像显示装置进行视觉验收工作时，可以在视觉验收工具栏中选择验收图像，若图像显示装置在视觉验收工具栏中检测到图像选择操作时，则图像显示装置可以基于图像选择操作在图像上传平台或本地图像应用中获取验收图像，图像上传平台可以为可以保存图像数据的网络平台，可选的，图像上传平台可以设置于测试服务器中，图像上传平台中可以设置有不同应用测试需求的项目，设计人员在完成对应设计图像的设计后，可以将设计图像发送至图像上传平台中，图像上传平台可以将设计图像存储至对应项目内，以便于后续验收人员获取并进行验收，本地图像应用为图像显示装置中保存、整理本地存储图像的应用程序。

S102，在终端界面显示的应用图像上，采用默认透明度的方式对验收图像进行叠图显示。

具体的，验收人员可以在图像显示装置中启动需要进行视觉验收的应用程序，并将应用程序调整至需要进行视觉验收的应用图像。图像显示装置可以将验收图像调整至于终端界面相匹配的尺寸，然后在终端界面所显示的应用图像之上对验收图像进行叠图显示，即将验收图像显示在应用图像之上，并且将验收图像的透明度调整为默认透明度。默认透明度可以为图像显示装置的初始设置，也可以由验收人员进行设置并保存在图像显示装置中，例如默认透明度可以为50％，使得即使验收图像叠加在应用图像之上，验收人员也可能透过验收图像辨认出应用图像。

S103，获取针对验收图像的图像调整操作，基于图像调整操作控制验收图像进行图像调整显示。

具体的，将验收图像叠图显示在应用图像之上后，图像显示装置可以在终端界面中显示图像编辑栏，为了便于验收人员比较验收图像和应用图像从而完成视觉验收工作，可以在显示图像编辑栏中对验收图像的透明度、显示位置等进行调整，例如可以在显示图像编辑栏中调整验收图像的透明度大小，可以在显示图像编辑栏中将验收图像的显示位置进行上、下、左、右等方向的调整。若图像显示装置检测到验收人员所输入的针对验收图像的图像调整操作，可以根据图像调整操作控制验收图像进行透明度、显示位置等的调整，实现验收图像的图像调整显示。

在本申请实施例中，当在视觉验收工具栏中检测到图像选择操作时，基于图像选择操作获取验收图像，在终端界面显示的应用图像上，采用默认透明度的方式对验收图像进行叠图显示，获取针对验收图像的图像调整操作，基于图像调整操作控制验收图像进行图像调整显示。通过在终端的应用界面上叠加显示验收图像，起到视觉验收的目的，使得图像比较更加真实、直观，提高了视觉验收的效率和精确度。

请参见图3，为本申请实施例提供的一种图像显示方法的流程示意图。如图3所示，本申请实施例的所述方法可以包括以下步骤S201-S206。

S201，向测试服务器发送针对视觉验收插件的插件获取请求，获取测试服务器基于插件获取请求返回的视觉验收插件。

具体的，测试服务器中保存有视觉验收插件以及视觉验收插件的相关安装数据等，图像显示装置可以向测试服务器发送针对视觉验收插件的插件获取请求，可以理解的是，视觉验收插件可以以小程序的形式供图像显示装置进行调用，图像显示装置可以通过测试编码扫码的方式发送插件获取请求，测试服务器会根据插件获取请求查找视觉验收插件，并将视觉验收插件发送给图像显示装置。当然，图像显示装置中还可以预先在测试服务器中获取测试包，通过测试包运行的方式调用视觉验收插件。

S202，加载视觉验收插件，以在终端界面中显示视觉验收插件对应的视觉验收工具栏。

具体的，图像显示装置接收到测试服务器发送的视觉验收插件后，加载视觉验收插件，并在终端界面中显示视觉验收插件对应的工具图标，工具图标可以显示在终端界面的应用图像之上，验收人员还可以正常操作图像显示装置及图像显示装置上的应用程序，当验收人员需要进行视觉验收时，验收人员可以点击工具图标来展开视觉验收工具栏，即当图像显示装置检测到工具图标上存在点击操作时，根据工具图标在终端界面的显示位置，展开并显示视觉验收插件对应的视觉验收工具栏。

请一并参见图4，为本申请实施例提供了一种视觉验收工具栏显示的举例示意图，图像显示装置加载视觉验收插件，并且可以在终端界面中显示视觉验收插件对应的工具图标，工具图标显示在终端界面的应用图像之上，即工具图标可以悬浮在应用图像之上，无论验收人员如何针对应用程序进行操作都不会遮挡工具图标。验收人员可以点击工具图标，当图像显示装置检测到工具图标上存在点击操作时，可以在工具图标的显示位置展开并显示视觉验收工具栏，视觉验收工具栏中可以存在多个功能图标，不同的功能图标对应视觉验收图像显示装置与视觉验收相关的不同功能，例如可以退出视觉验收工具栏、选择验收图片或打开视觉验收工具栏的设置界面等。如图4所示，多个功能图标可以在视觉验收工具栏中呈直线排列，以工具图标在终端界面上的显示位置为起点竖直展开；多个功能图标也可以在视觉验收工具栏中呈扇形排列，以工具图标在终端界面上的显示位置为圆心扇形展开。

可以理解的是，在视觉验收工具栏展开并显示后，验收人员可以点击终端屏幕上除视觉验收工具栏以外的位置来关闭视觉验收工具栏。若在视觉验收工具栏展开并显示后，图像显示装置检测到终端屏幕上除视觉验收工具栏以外区域的点击操作，则收起视觉验收工具栏，继续在终端界面上显示工具图标。

可选的，由于工具图标可以显示在应用图像之上，可能会影响验收人员针对图像显示装置和应用程序的操作，所以可以更改工具图标在终端界面上的位置。请一并参见图5，为本申请实施例提供了一种工具图标位置更改的举例示意图，验收人员可以长按工具图标并拖动工具图标至想要显示工具图标的位置再松开。图像显示装置若检测到针对工具图标的长按操作，就将工具图标在图像显示装置上的显示位置随着验收人员的拖动轨迹进行移动，直到检测到工具图标被松开。

S203，当在视觉验收工具栏中检测到图像选择操作时，基于图像选择操作获取验收图像。

具体的，验收人员需要利用图像显示装置进行视觉验收工作时，可以在视觉验收工具栏中选择验收图像，若图像显示装置在视觉验收工具栏中检测到图像选择操作时，则图像显示装置可以基于图像选择操作在图像上传平台或本地图像应用中获取验收图像，图像上传平台可以为可以保存图像数据的网络平台，图像上传平台可以为测试服务器，本地图像应用为图像显示装置中保存、整理本地存储中图像的应用程序。

可选的，验收人员可以点击视觉验收工具栏中图像选择操作所对应的功能图标，此时图像显示装置可以在视觉验收工具栏中检测到图像选择操作，并根据图像选择操作在终端界面中显示地址输入框。验收人员可以在地址输入框中输入验收图像的图像链接，图像显示装置获取地址输入框中的图像链接后可以在图像上传平台中获取图像链接所对应的验收图像。可以理解的是，图像链接可以在图像上传平台中对应一个项目中的多个设计图像，具体可以为项目在图像上传平台中设置时自动生成，图像链接也可以仅对应一个设计图像，具体可以为设计人员将设计图像发送至图像上传平台时，由图像上传平台为该设计图像，可以在图像显示装置中显示图像链接对应的至少一个设计图像，验收人员可以点击选择至少一个设计图像中的一个设计图像，图像显示装置可以将验收人员所选择的设计图像作为验收图像。

可选的，验收人员可以点击视觉验收工具栏中图像选择操作所对应的功能图标，此时图像显示装置可以在视觉验收工具栏中检测到图像选择操作，并根据图像选择操作调用、打开图像显示装置中的本地图像应用，并且显示本地图像应用中的至少一个图像，验收人员可以在本地图像应用中点击、选择一个图像，图像显示装置将验收人员所选择的图像作为验收图像。

可选的，验收人员可以点击视觉验收工具栏中图像选择操作所对应的功能图标，此时图像显示装置可以在视觉验收工具栏中检测到图像选择操作，并根据图像选择操作在终端界面中显示地址输入框和本地图像应用启动按钮。若图像显示装置检测到地址输入框中确认输入了图像链接，则基于图像链接在图像上传平台中获取图像链接对应的验收图像；若图像显示装置检测到针对本地图像应用启动按钮的点击操作，则调用本地图像应用，显示本地图像应用中的至少一个图像，并获取在至少一个图像中验收人员所选择的验收图像。请一并参见图6，为本申请实施例提供了一种验收图像选择的举例示意图，验收人员可以点击视觉验收工具栏中的“验收”功能图标，图像显示装置检测到针对“验收”功能图标的点击操作后，就在终端界面上显示地址输入框和本地图像应用启动按钮。验收人员可以在地址输入框中输入图像链接然后点击“获取”，标识图像链接输入完毕，图像显示装置就可以根据图像连接在图像上传平台中获取验收图像；验收人员也可以点击本地图像应用启动按钮，图像显示装置就会启动本地图像应用，根据验收人员的选择在本地图像应用中获取验收图像。

可选的，请一并参见图7，为本申请实施例提供了一种验收图像选择的举例示意图，若验收人员选择在地址输入框中输入图像链接来选取验收图像，则图像显示装置会根据地址输入框中的图像链接在图像上传平台获取验收图像，可以理解的是，图像上传平台中图像链接所对应的图像可以不止一个，图像显示装置可以在终端界面上显示图像链接所对应的所有图像，验收人员可以通过左右滑动屏幕查看图像链接对应的所有图像，并通过点击操作选择验收图像。并且，若验收人员点击终端界面中除图像链接对应的图像以外的区域，则图像显示装置可以退出图像在终端界面上的显示，让终端界面继续显示地址输入框和本地图像应用启动按钮。

需要说明的是，若存在图像链接无效、图像损坏的情况，则图像显示装置可以输出相应的错误提示消息，以提醒验收人员进行错误排查。

S204，基于终端界面的宽度对验收图像进行等比缩放处理，基于终端界面的长度，并采用顶部对齐的方式对等比缩放处理后的验收图像进行裁切处理。

具体的，图像显示装置在获取到验收图像后，可以将验收图像调整到符合终端界面的尺寸进行显示。首先按照终端界面的宽度对验收图像进行等比缩放处理，等比缩放处理后的验收图像的宽度与终端界面宽度相同，然后根据终端界面的长度，将终端界面的顶部与等比缩放处理后的验收图像的顶部对齐，将等比缩放处理后的验收图像从底部，将长于终端界面的长度的部分裁去，得到的裁切处理后的验收图像的尺寸与终端界面的尺寸相同。可以理解的是，等比缩放处理后的验收图像的长度可能小于终端界面的长度，图像显示装置可以将终端界面的顶部与等比缩放处理后的验收图像的顶部对齐，从等比缩放处理后的验收图像底部用白色像素点填充，填充至与终端界面的长度相同，得到裁切处理后的验收图像。

请参见图8，为本申请实施例提供了一种验收图像尺寸更改的举例示意图，黑色矩形方框表示终端界面的尺寸大小，将验收图像进行等比缩放处理，使得等比缩放处理后的验收图像的宽度与终端界面的宽度相同，然后将终端界面的顶部与等比缩放处理后的验收图像的顶部对齐，将等比缩放处理后的验收图像超出终端界面尺寸的部分裁去，得到裁切处理后的验收图像。

S205，在终端界面显示的应用图像上，采用默认透明度的方式对裁切处理后的验收图像进行叠图显示。

具体的，验收人员可以在图像显示装置中启动需要进行视觉验收的应用程序，并将应用程序调整至需要进行视觉验收的应用图像。图像显示装置可以在终端界面所显示的应用图像之上对裁切处理后的验收图像进行叠图显示，即将裁切处理后的验收图像显示在应用图像之上，并且将裁切处理后的验收图像的透明度调整为默认透明度。默认透明度可以为图像显示装置的初始设置，也可以由验收人员进行设置并保存在图像显示装置中，例如默认透明度可以为50％，使得即使裁切处理后的验收图像叠加在应用图像之上，验收人员也可能透过裁切处理后的验收图像辨认出应用图像。

请一并参见图9，为本申请实施例提供了一种叠图显示的举例示意图，图像显示装置获取了裁切处理后的验收图像，可以将裁切处理后的验收图像的透明度调整为默认透明度，然后将默认透明度的裁切处理后的验收图像显示在终端界面的应用图像之上，得到例如图9中叠图显示后的效果，验收人员可以直观的比较验收图像与应用图像，从而完成视觉验收工作。

S206，获取针对验收图像的图像调整操作，基于图像调整操作控制验收图像进行图像调整显示。

具体的，将验收图像叠图显示在应用图像之上后，图像显示装置可以在终端界面中显示图像编辑栏，验收人员出于便于比较验收图像和应用图像从而完成视觉验收工作的目的，可以在显示图像编辑栏中对验收图像的透明度、显示位置等进行调整。

图像编辑栏中可以包括透明度调整和图像移动工具中的至少一种，当图像显示装置检测到透明度调整工具上存在针对验收图像的调整点击操作时，可以控制验收图像以调整透明度的方式进行显示，即图像显示装置在透明度调整工具上获取调整点击操作所对应的透明度，将验收图像的透明度调整至调整点击操作所对应的透明度；当图像显示装置检测到图像移动工具上存在针对验收图像的调整点击操作时，可以根据调整点击操作在图像移动工具中所对应的第一移动方向，然后将验收图像向第一方向移动第一移动距离，第一移动距离为固定移动步长，可以为图像显示装置中的初始设置，也可以为验收人员在图像显示装置中进行设置为保存，例如固定移动步长可以为10个像素点的长度。

请一并参见图10，为本申请提供了一种调整点击操作的举例示意图，在图像显示装置将验收图像叠图显示在应用图像之上后，可以在终端界面上显示图像编辑栏，图像编辑栏中可以包括透明度调整工具和图像移动工具。透明度调整工具可以显示为一个滑杆工具，滑杆工具的两端分别表示透明度为0％和透明度为100％，滑杆工具上的滑块所在的位置即为验收图像的透明度，例如图10中验收图像的初始透明度可以为50％，则图像显示装置对验收图像进行叠图显示并显示图像编辑烂后，透明度调整工具中滑块就处于50％的位置，验收人员可以移动透明度调整工具中的滑块来调整验收图像的透明度，若验收人员将滑块调整至25％的位置，则图像显示装置将验收图像的透明度调整为25％。图像移动工具中可以包括上、下、左、右四个方向的调整按钮，当检测到针对调整按钮的一次点击操作时，图像显示装置可以获取调整按钮对应的第一移动方向，然后将验收图像向第一移动方向移动第一移动距离。例如验收人员可以点击一次向上方向的调整按钮，则第一移动方向就是向上，图像显示装置可以将验收图像向上移动第一移动距离。可以理解的是，若验收人员想快速调整验收图像的位置，可以长按调整按钮，图像显示装置可以将验收图像按照第一移动速度向第一移动方向移动，第一移动速度可以为按照固定时间间隔移动固定步长，例如可以为每1秒移动10个像素点。

可以理解的是，验收人员在对应用图像和验收图像进行比较以完成视觉验收的过程中，不仅可以调整验收图像的位置和透明度，也需要对应用图像进行调整，例如验收人员需要对应用程序进行调整，查看应用程序的其他界面。当图像显示装置检测到验收图像的透明度小于或等于透明度阈值，并且检测到了终端界面上的调整滑动操作时，图像显示装置可以根据调整滑动操作对应用图像进行显示。透明度阈值可以为图像显示装置的初始设置，也可以由验收人员进行设置并保存在图像显示装置中，例如透明度阈值为0％，即验收人员完全无法在终端界面上看到验收图像时，验收人员对终端界面的滑动调整操作就是针对应用图像的。

可选的，除了可以采用图像编辑栏中的图像移动工具来调整验收图像的位置，验收人员还可以直接在终端界面上进行调整滑动操作来调整验收图像，使得图像移动更加直观、直接。当图像显示装置在终端界面中检测到调整滑动操作，并且验收图像的透明度大于透明度阈值时，即此时调整滑动操作是针对验收图像而非应用图像，图像显示装置可以获取调整滑动操作所只是的第二移动方向和第二滑动距离，将验收图像向第二移动方向移动第一滑动距离；当图像显示装置在终端界面中检测到滑动调整操作，并且验收图像的透明度小于或等于透明度阈值时，即此时调整滑动操作时针对应用图像而非验收图像，图像显示装置可以获取调整滑动操作所指示的第三移动方向和第三滑动距离，将应用图像向第三移动方向移动第三滑动距离，即对应用图像所对应的应用程序向第三移动方向移动第三滑动距离。

在本申请实施例中，向测试服务器申请获取视觉验收插件，加载视觉验收插件后在终端界面中浮动显示视觉验收工具栏，使得验收人员在打开任何应用图像时都可以及时使用视觉验收工具栏，并且视觉验收工具栏的位置可以进行调整，提高了视觉验收的便捷性和人性化。可以采用图像链接在图像上传平台中获取验收图像，也可以在本体图像应用中获取验收图像，使得验收图像获取方式多样化。对验收图像进行等比缩放处理和裁切处理调整至适合终端界面的尺寸，然后在终端界面显示的应用图像上，采用默认透明度的方式对裁切处理后的验收图像进行叠图显示。在终端界面上显示图像编辑栏，基于图像编辑栏上的图像调整操作验收图像进行图像调整显示，实现对验收图像的透明度调整和位置移动，方便验收人员对比验收图像和应用图像从而完成视觉验收。通过在终端的应用界面上叠加显示验收图像，起到视觉验收的目的，使得图像比较更加真实、直观，提高了视觉验收的效率和精确度。

下面将结合附图11-附图12，对本申请实施例提供的图像显示装置进行详细介绍。需要说明的是，附图11-附图12中的播放控制图像显示装置，用于执行本申请图2和图3所示实施例的方法，为了便于说明，仅示出了与本申请实施例相关的部分，具体技术细节未揭示的，请参照本申请图2和图3所示的实施例。

请参见图11，其示出了本申请一个示例性实施例提供的图像显示装置的结构示意图。该播放控制图像显示装置可以通过软件、硬件或者两者的结合实现成为装置的全部或一部分。该装置1包括图像获取单元11和图像显示单元12。

图像获取单元11，用于当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作获取验收图像；

图像显示单元12，用于在终端界面显示的应用图像上，采用默认透明度的方式对所述验收图像进行叠图显示；

所述图像显示单元12，还用于获取针对所述验收图像的图像调整操作，基于所述图像调整操作控制所述验收图像进行图像调整显示。

在本申请实施例中，当在视觉验收工具栏中检测到图像选择操作时，基于图像选择操作获取验收图像，在终端界面显示的应用图像上，采用默认透明度的方式对验收图像进行叠图显示，获取针对验收图像的图像调整操作，基于图像调整操作控制验收图像进行图像调整显示。通过在终端的应用界面上叠加显示验收图像，起到视觉验收的目的，使得图像比较更加真实、直观，提高了视觉验收的效率和精确度。

请参见图12，其示出了本申请一个示例性实施例提供的图像显示装置的结构示意图。该播放控制图像显示装置可以通过软件、硬件或者两者的结合实现成为装置的全部或一部分。该装置1包括图像获取单元11、图像显示单元12、插件获取单元13和工具栏显示单元14。

插件获取单元13，用于向测试服务器发送针对视觉验收插件的插件获取请求，获取所述测试服务器基于所述插件获取请求返回的视觉验收插件；

工具栏显示单元14，用于加载所述视觉验收插件，以在终端界面中显示所述视觉验收插件对应的视觉验收工具栏；

可选的，工具栏显示单元14具体用于加载所述视觉验收插件，以在终端界面中显示所述视觉验收插件对应的工具图标；

当检测到所述工具图标上存在点击操作时，基于所述工具图标在所述终端界面的显示位置，显示所述视觉验收插件对应的视觉验收工具栏。

图像获取单元11，用于当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作获取验收图像；

可选的，图像获取单元11具体用于当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作在终端界面中显示地址输入框；

获取在所述地址输入框中所输入的图像链接，在图像上传平台中获取所述图像链接对应的验收图像。

可选的，图像获取单元11具体用于当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作调用本地图像应用，显示所述本地图像应用中的至少一个图像；

获取在所述至少一个图像中所选择的验收图像。

图像显示单元12，用于在终端界面显示的应用图像上，采用默认透明度的方式对所述验收图像进行叠图显示；

图像显示单元12，还用于获取针对所述验收图像的图像调整操作，基于所述图像调整操作控制所述验收图像进行图像调整显示。

可选的，图像显示单元12具体用于基于终端界面的宽度对所述验收图像进行等比缩放处理；

基于所述终端界面的长度，并采用顶部对齐的方式对所述等比缩放处理后的所述验收图像进行裁切处理；

在所述终端界面显示的应用图像上，采用默认透明度的方式对裁切处理后的所述验收图像进行叠图显示。

可选的，图像显示单元12具体用于在终端界面中显示图像编辑栏，所述图像编辑栏包括透明度调整工具和图像移动工具中的至少一种；

当检测到所述透明度调整工具上存在针对所述验收图像的调整点击操作时，控制所述验收图像以调整透明度的方式进行显示；

当检测到所述图像移动工具上存在针对所述验收图像的调整点击操作时，获取所述图像调整操作在所述图像移动工具中所指示的第一移动方向，基于所述第一移动方向和第一移动距离控制所述验收图像进行移动显示，所述第一移动距离为固定移动步长。

可选的，所述图像显示单元12具体用于当在所述终端界面中检测到调整滑动操作，且所述验收图像的透明度大于透明度阈值时，获取所述调整滑动操作所指示的第二移动方向和第二滑动距离，基于所述第二移动方向和所述第一滑动距离控制所述验收图像进行移动显示；

当在所述终端界面中检测到调整滑动操作，且所述验收图像的透明度小于或等于透明度阈值时，获取所述调整滑动操作所指示的第三移动方向和第三滑动距离，基于所述第三移动方向和所述第三滑动距离控制所述应用图像进行移动显示。

在本申请实施例中，向测试服务器申请获取视觉验收插件，加载视觉验收插件后在终端界面中浮动显示视觉验收工具栏，使得验收人员在打开任何应用图像时都可以及时使用视觉验收工具栏，并且视觉验收工具栏的位置可以进行调整，提高了视觉验收的便捷性和人性化。可以采用图像链接在图像上传平台中获取验收图像，也可以在本体图像应用中获取验收图像，使得验收图像获取方式多样化。对验收图像进行等比缩放处理和裁切处理调整至适合终端界面的尺寸，然后在终端界面显示的应用图像上，采用默认透明度的方式对裁切处理后的验收图像进行叠图显示。在终端界面上显示图像编辑栏，基于图像编辑栏上的图像调整操作验收图像进行图像调整显示，实现对验收图像的透明度调整和位置移动，方便验收人员对比验收图像和应用图像从而完成视觉验收。通过在终端的应用界面上叠加显示验收图像，起到视觉验收的目的，使得图像比较更加真实、直观，提高了视觉验收的效率和精确度。

请参考图13，其示出了本申请一个示例性实施例提供的服务器的结构方框图。本申请中的服务器可以包括一个或多个如下部件：处理器110、存储器120、输入装置130、输出装置140和总线150。处理器110、存储器120、输入装置130和输出装置140之间可以通过总线150连接。

处理器110可以包括一个或者多个处理核心。处理器110利用各种接口和线路连接整个服务器内的各个部分，通过运行或执行存储在存储器120内的指令、程序、代码集或指令集，以及调用存储在存储器120内的数据，执行终端100的各种功能和处理数据。可选地，处理器110可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmab Leogic Array，PLA)中的至少一种硬件形式来实现。处理器110可集成中央处理器(Central ProcessingUnit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户页面和应用程序等；GPU用于负责显示内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器110中，单独通过一块通信芯片进行实现。

存储器120可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory，ROM)。可选地，该存储器120包括非瞬时性计算机可读介质(Non-Transitory Computer-Readable Storage Medium)。存储器120可用于存储指令、程序、代码、代码集或指令集。存储器120可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于实现至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等，该操作系统可以是安卓(Android)系统，包括基于Android系统深度开发的系统、苹果公司开发的IOS系统，包括基于IOS系统深度开发的系统或其它系统。

存储器120可分为操作系统空间和用户空间，操作系统即运行于操作系统空间，原生及第三方应用程序即运行于用户空间。为了保证不同第三方应用程序均能够达到较好的运行效果，操作系统针对不同第三方应用程序为其分配相应的系统资源。然而，同一第三方应用程序中不同应用场景对系统资源的需求也存在差异，比如，在本地资源加载场景下，第三方应用程序对磁盘读取速度的要求较高；在动画渲染场景下，第三方应用程序则对GPU性能的要求较高。而操作系统与第三方应用程序之间相互独立，操作系统往往不能及时感知第三方应用程序当前的应用场景，导致操作系统无法根据第三方应用程序的具体应用场景进行针对性的系统资源适配。

为了使操作系统能够区分第三方应用程序的具体应用场景，需要打通第三方应用程序与操作系统之间的数据通信，使得操作系统能够随时获取第三方应用程序当前的场景信息，进而基于当前场景进行针对性的系统资源适配。

其中，输入装置130用于接收输入的指令或数据，输入装置130包括但不限于键盘、鼠标、摄像头、麦克风或触控设备。输出装置140用于输出指令或数据，输出装置140包括但不限于显示设备和扬声器等。在一个示例中，输入装置130和输出装置140可以合设，输入装置130和输出装置140为触摸显示屏。

所述触摸显示屏可被设计成为全面屏、曲面屏或异型屏。触摸显示屏还可被设计成为全面屏与曲面屏的结合，异型屏与曲面屏的结合，本申请实施例对此不加以限定。

除此之外，本领域技术人员可以理解，上述附图所示出的终端的结构并不构成对终端的限定，终端可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。比如，终端中还包括射频电路、输入单元、传感器、音频电路、无线保真(WirelessFidelity，WiFi)模块、电源、蓝牙模块等部件，在此不再赘述。

在图13所示的计算机设备中，处理器110可以用于调用存储器120中存储的图像显示应用程序，并具体执行以下操作：

当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作获取验收图像；

在终端界面显示的应用图像上，采用默认透明度的方式对所述验收图像进行叠图显示；

获取针对所述验收图像的图像调整操作，基于所述图像调整操作控制所述验收图像进行图像调整显示。

在一个实施例中，所述处理器110在执行当在视觉验收工具栏中检测到图像选择操作之前，还执行以下操作：

向测试服务器发送针对视觉验收插件的插件获取请求，获取所述测试服务器基于所述插件获取请求返回的视觉验收插件；

加载所述视觉验收插件，以在终端界面中显示所述视觉验收插件对应的视觉验收工具栏。

在一个实施例中，所述处理器110在执行加载所述视觉验收插件，以在终端界面中显示所述视觉验收插件对应的视觉验收工具栏时，具体执行以下操作：

加载所述视觉验收插件，以在终端界面中显示所述视觉验收插件对应的工具图标；

当检测到所述工具图标上存在点击操作时，基于所述工具图标在所述终端界面的显示位置，显示所述视觉验收插件对应的视觉验收工具栏。

在一个实施例中，所述处理器110在执行当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作获取验收图像时，具体执行以下操作：

当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作在终端界面中显示地址输入框；

获取在所述地址输入框中所输入的图像链接，在图像上传平台中获取所述图像链接对应的验收图像。

在一个实施例中，所述处理器110在执行当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作获取验收图像时，具体执行以下操作：

当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作调用本地图像应用，显示所述本地图像应用中的至少一个图像；

获取在所述至少一个图像中所选择的验收图像。

在一个实施例中，所述处理器110在执行在终端界面显示的应用图像上，采用默认透明度的方式对所述验收图像进行叠图显示时，具体执行以下操作：

基于终端界面的宽度对所述验收图像进行等比缩放处理；

基于所述终端界面的长度，并采用顶部对齐的方式对所述等比缩放处理后的所述验收图像进行裁切处理；

在所述终端界面显示的应用图像上，采用默认透明度的方式对裁切处理后的所述验收图像进行叠图显示。

在一个实施例中，所述处理器110在执行获取针对所述验收图像的图像调整操作，基于所述图像调整操作控制所述验收图像进行图像调整显示时，具体执行以下操作：

在终端界面中显示图像编辑栏，所述图像编辑栏包括透明度调整工具和图像移动工具中的至少一种；

当检测到所述透明度调整工具上存在针对所述验收图像的调整点击操作时，控制所述验收图像以调整透明度的方式进行显示；

当检测到所述图像移动工具上存在针对所述验收图像的调整点击操作时，获取所述图像调整操作在所述图像移动工具中所指示的第一移动方向，基于所述第一移动方向和第一移动距离控制所述验收图像进行移动显示，所述第一移动距离为固定移动步长。

在一个实施例中，所述处理器110在执行获取针对所述验收图像的图像调整操作，基于所述图像调整操作控制所述验收图像进行图像调整显示时，具体执行以下操作：

当在所述终端界面中检测到调整滑动操作，且所述验收图像的透明度大于透明度阈值时，获取所述调整滑动操作所指示的第二移动方向和第二滑动距离，基于所述第二移动方向和所述第一滑动距离控制所述验收图像进行移动显示；

当在所述终端界面中检测到调整滑动操作，且所述验收图像的透明度小于或等于透明度阈值时，获取所述调整滑动操作所指示的第三移动方向和第三滑动距离，基于所述第三移动方向和所述第三滑动距离控制所述应用图像进行移动显示。

在本申请实施例中，向测试服务器申请获取视觉验收插件，加载视觉验收插件后在终端界面中浮动显示视觉验收工具栏，使得验收人员在打开任何应用图像时都可以及时使用视觉验收工具栏，并且视觉验收工具栏的位置可以进行调整，提高了视觉验收的便捷性和人性化。可以采用图像链接在图像上传平台中获取验收图像，也可以在本体图像应用中获取验收图像，使得验收图像获取方式多样化。对验收图像进行等比缩放处理和裁切处理调整至适合终端界面的尺寸，然后在终端界面显示的应用图像上，采用默认透明度的方式对裁切处理后的验收图像进行叠图显示。在终端界面上显示图像编辑栏，基于图像编辑栏上的图像调整操作验收图像进行图像调整显示，实现对验收图像的透明度调整和位置移动，方便验收人员对比验收图像和应用图像从而完成视觉验收。通过在终端的应用界面上叠加显示验收图像，起到视觉验收的目的，使得图像比较更加真实、直观，提高了视觉验收的效率和精确度。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个模块或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或模块的间接耦合或通信连接，可以是电性，机械或其它的形式。

作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理模块，即可以位于一个地方，或者也可以分布到多个网络模块上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能模块可以集成在一个处理模块中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。

集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是，对于前述的各方法实施例，为了简便描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其它顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定都是本申请所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其它实施例的相关描述。

以上为对本申请所提供的一种图像显示方法、装置、存储介质以及设备的描述，对于本领域的技术人员，依据本申请实施例的思想，在具体实施方式及应用范围上均会有改变之处，综上，本说明书内容不应理解为对本申请的限制。

Claims (10)

1.一种图像显示方法，应用于图像视觉验收中，其特征在于，包括：

当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作获取验收图像；

在终端界面显示的应用图像上，采用默认透明度的方式对所述验收图像进行叠图显示；

获取针对所述验收图像的图像调整操作，基于所述图像调整操作控制所述验收图像进行图像调整显示。

2.根据权利要求1所述的方法，其特征在于，所述当在视觉验收工具栏中检测到图像选择操作之前，还包括：

向测试服务器发送针对视觉验收插件的插件获取请求，获取所述测试服务器基于所述插件获取请求返回的视觉验收插件；

加载所述视觉验收插件，以在终端界面中显示所述视觉验收插件对应的视觉验收工具栏。

3.根据权利要求2所述的方法，其特征在于，所述加载所述视觉验收插件，以在终端界面中显示所述视觉验收插件对应的视觉验收工具栏，包括：

加载所述视觉验收插件，以在终端界面中显示所述视觉验收插件对应的工具图标；

当检测到所述工具图标上存在点击操作时，基于所述工具图标在所述终端界面的显示位置，显示所述视觉验收插件对应的视觉验收工具栏。

4.根据权利要求1所述的方法，其特征在于，所述当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作获取验收图像，包括：

当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作在终端界面中显示地址输入框；

获取在所述地址输入框中所输入的图像链接，在图像上传平台中获取所述图像链接对应的验收图像。

5.根据权利要求1所述的方法，其特征在于，所述当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作获取验收图像，包括：

当在视觉验收工具栏中检测到图像选择操作时，基于所述图像选择操作调用本地图像应用，显示所述本地图像应用中的至少一个图像；

获取在所述至少一个图像中所选择的验收图像。

6.根据权利要求1所述的方法，其特征在于，所述在终端界面显示的应用图像上，采用默认透明度的方式对所述验收图像进行叠图显示，包括：

基于终端界面的宽度对所述验收图像进行等比缩放处理；

基于所述终端界面的长度，并采用顶部对齐的方式对所述等比缩放处理后的所述验收图像进行裁切处理；

在所述终端界面显示的应用图像上，采用默认透明度的方式对裁切处理后的所述验收图像进行叠图显示。

7.根据权利要求1所述的方法，其特征在于，所述获取针对所述验收图像的图像调整操作，基于所述图像调整操作控制所述验收图像进行图像调整显示，包括：

在终端界面中显示图像编辑栏，所述图像编辑栏包括透明度调整工具和图像移动工具中的至少一种；

当检测到所述透明度调整工具上存在针对所述验收图像的调整点击操作时，控制所述验收图像以调整透明度的方式进行显示；

当检测到所述图像移动工具上存在针对所述验收图像的调整点击操作时，获取所述图像调整操作在所述图像移动工具中所指示的第一移动方向，基于所述第一移动方向和第一移动距离控制所述验收图像进行移动显示，所述第一移动距离为固定移动步长。

8.根据权利要求1所述的方法，其特征在于，所述获取针对所述验收图像的图像调整操作，基于所述图像调整操作控制所述验收图像进行图像调整显示，包括：

当在所述终端界面中检测到调整滑动操作，且所述验收图像的透明度大于透明度阈值时，获取所述调整滑动操作所指示的第二移动方向和第二滑动距离，基于所述第二移动方向和所述第一滑动距离控制所述验收图像进行移动显示；

当在所述终端界面中检测到调整滑动操作，且所述验收图像的透明度小于或等于透明度阈值时，获取所述调整滑动操作所指示的第三移动方向和第三滑动距离，基于所述第三移动方向和所述第三滑动距离控制所述应用图像进行移动显示。

9.一种计算机存储介质，其特征在于，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行如权利要求1～8任意一项所述方法的步骤。

10.一种计算机设备，其特征在于，包括：处理器和存储器；其中，所述存储器存储有计算机程序，所述计算机程序适于由所述处理器加载并执行如权利要求1～8任意一项所述方法的步骤。

Images