An image display method, device, storage medium, and equipment

Abstract

The present application discloses an image display method, apparatus, storage medium, and device. Among them, the method includes: when an image selection operation is detected in the visual inspection toolbar, obtaining an inspection image based on the image selection operation, and on the application image displayed on the terminal interface, overlaying and displaying the inspection image in a manner of default transparency, obtaining an image adjustment operation for the inspection image, and controlling the inspection image to perform image adjustment display based on the image adjustment operation. By adopting the present application, the purpose of visual inspection is achieved by overlaying and displaying the inspection image on the application interface of the terminal, making the image comparison more real and intuitive, and improving the efficiency and accuracy of visual inspection.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular, to an image display method, apparatus, storage medium, and device. Background Art

[0002] Visual acceptance is an important task for front-end developers and designers, which requires comparing the running interface of an application with a design draft. Existing visual acceptance tools need to upload the application code package and the design draft for comparison. However, there are errors between the images displayed in the visual acceptance tool and the actual running interface of the client, resulting in low visual acceptance accuracy and poor effects. In addition, the code packaging process is very cumbersome, leading to low efficiency and high error rates. Summary of the Invention

[0003] This application provides an image display method, apparatus, storage medium, and device, which can achieve the purpose of visual acceptance by superimposing and displaying an acceptance image on the application interface of a terminal, making the image comparison more real and intuitive, and improving the efficiency and accuracy of visual acceptance. The technical solutions are as follows:

[0004] In a first aspect, an embodiment of this application provides an image display method applied to image visual acceptance, including:

[0005] When an image selection operation is detected in the visual acceptance toolbar, obtain an acceptance image based on the image selection operation;

[0006] On the application image displayed on the terminal interface, superimpose and display the acceptance image in a default transparency manner;

[0007] Obtain an image adjustment operation for the acceptance image, and control the acceptance image to be adjusted and displayed based on the image adjustment operation.

[0008] In a second aspect, an embodiment of this application provides an image display apparatus applied to image visual acceptance, including:

[0009] An image acquisition unit, configured to obtain an acceptance image based on the image selection operation when an image selection operation is detected in the visual acceptance toolbar;

[0010] An image display unit, configured to superimpose and display the acceptance image on the application image displayed on the terminal interface in a default transparency manner;

[0011] The image display unit is further configured to obtain an image adjustment operation for the acceptance image, and control the acceptance image to be adjusted and displayed based on the image adjustment operation.

[0012] In a third aspect, an embodiment of the present application provides a computer storage medium storing multiple instructions, which are adapted to be loaded and executed by a processor to perform the steps of the above method.

[0013] In a fourth aspect, an embodiment of the present application provides a computer device, including: a processor and a memory; wherein, the memory stores a computer program, and the computer program is adapted to be loaded and executed by the processor to perform the steps of the above method.

[0014] In an embodiment of the present application, when an image selection operation is detected in the visual inspection toolbar, an inspection image is obtained based on the image selection operation. On the application image displayed on the terminal interface, the inspection image is superimposed and displayed in the default transparency mode, an image adjustment operation for the inspection image is obtained, and the inspection image is controlled to be adjusted and displayed based on the image adjustment operation. By superimposing and displaying the inspection image on the application interface of the terminal, the purpose of visual inspection is achieved, making the image comparison more real and intuitive, and improving the efficiency and accuracy of visual inspection. BRIEF DESCRIPTION OF THE DRAWINGS

[0015] In order to more clearly illustrate the technical solutions in the embodiments of the present application or the prior art, the following will briefly introduce the drawings required for the description of the embodiments or the prior art. Obviously, the following drawings are only some embodiments of the present application. For those skilled in the art, other drawings can be obtained based on these drawings without creative efforts.

[0016] Figure 1 It is a schematic diagram of a visual inspection scenario provided by an embodiment of the present application;

[0017] Figure 2 It is a schematic flowchart of an image display method provided by an embodiment of the present application;

[0018] Figure 3 It is a schematic flowchart of an image display method provided by an embodiment of the present application;

[0019] Figure 4 It is an example schematic diagram of the display of a visual inspection toolbar provided by an embodiment of the present application;

[0020] Figure 5 It is an example schematic diagram of the change of the tool icon position provided by an embodiment of the present application;

[0021] Figure 6 It is an example schematic diagram of the selection of an inspection image provided by an embodiment of the present application;

[0022] Figure 7 It is an example schematic diagram of the selection of an inspection image provided by an embodiment of the present application;

[0023] Figure 8 A schematic diagram for example of changing the acceptance image size provided by an embodiment of the present application;

[0024] Figure 9 A schematic diagram for example of overlay image display provided by an embodiment of the present application;

[0025] Figure 10 A schematic diagram for example of adjusting click operation provided by an embodiment of the present application;

[0026] Figure 11 A schematic structural diagram of an image display device provided by an embodiment of the present application;

[0027] Figure 12 A schematic structural diagram of an image display device provided by an embodiment of the present application;

[0028] Figure 13 A schematic structural diagram of a computer device provided by an embodiment of the present application. Detailed implementation manners

[0029] To make the features and advantages of the present application more obvious and understandable, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are only a part of the embodiments of the present application, rather than all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without creative efforts belong to the scope of protection of the present application.

[0030] The image display method provided by the embodiments of the present application can be implemented depending on a computer program and can run on an image display device based on the von Neumann architecture. This computer program can be integrated in an application or run as an independent tool-like application. The image display device in the embodiments of the present application includes, but is not limited to: terminal devices such as mobile phones, personal computers, tablet computers, handheld devices, vehicle-mounted devices, wearable devices, computing devices or other processing devices connected to a wireless modem, and the image display device can also be a module on the terminal device that can implement the image display method.

[0031] Please refer to Figure 1, This application's embodiment provides a schematic diagram of a visual inspection scenario. An application program can run on a terminal device. An inspector for visual inspection can open the application program that needs to be visually inspected on the terminal device, and an application image can be displayed on the screen of the terminal device. The application image can be the interface image currently displayed by the application program. Then, the image display device can perform an image selection operation in the image upload platform or the local storage of the terminal device. The image upload platform can be a network platform that can save image data. The terminal device can send the network link address corresponding to the inspection image to the image upload platform, and find the inspection image in the image upload platform according to the network link address. The terminal device can obtain the inspection image based on the inspector's image selection. The inspection image can be a design draft that the inspector needs to compare with the application image. Specifically, the inspection image can be a design draft of an application page or a design draft of any image element in the application page. The application image can be an application page that has been launched and run in the terminal application or a historical version of the application page obtained by the inspector.

[0032] It can be understood that in the prior art, it is necessary to package the application program code and upload it to a computer, and then upload the inspection image to the computer as well. Then, through the visual inspection tool in the computer, simulate running the application program, and compare the interface of the application program with the inspection image to complete the visual inspection. However, there will be errors between the simulated running application program and the actual running application program in the terminal device, and the process of packaging the application program code is cumbersome and has a high error rate, resulting in low accuracy and low efficiency of visual inspection. In the embodiment of this application, the image display device can directly superimpose and display the inspection image on the application image displayed on the terminal interface. The inspector can directly compare the application image corresponding to the actually running application program with the inspection image on the terminal, so as to complete the visual inspection, improving the efficiency and accuracy of visual inspection.

[0033] The following will specifically describe the image display method provided by this application with reference to specific embodiments.

[0034] Please refer to Figure 2 , which is a schematic flowchart of an image display method provided by an embodiment of this application. As Figure 2 shown, the method of this application's embodiment may include the following steps S101 - S103.

[0035] S101, when an image selection operation is detected in the visual inspection toolbar, obtain the inspection image based on the image selection operation.

[0036] Specifically, the image display device can request and obtain a visual inspection plugin from the test server. After the image display device loads the visual inspection plugin, it can display the corresponding visual inspection toolbar of the visual inspection plugin in the terminal interface. Relevant inspectors can complete the visual inspection work by operating in the visual inspection toolbar, such as selecting the inspection images to be compared, adjusting the display position of the inspection images in the terminal interface, display effects, etc. The test server stores the relevant installation data of the visual inspection plugin and can send the visual inspection plugin to the image display device after receiving the request from the image display device.

[0037] It can be understood that when the inspector needs to use the image display device to perform visual inspection work, the inspector can select the inspection images in the visual inspection toolbar. If the image display device detects an image selection operation in the visual inspection toolbar, the image display device can obtain the inspection images based on the image selection operation in the image upload platform or the local image application. The image upload platform can be a network platform that can store image data. Optionally, the image upload platform can be set in the test server. Different project requirements for application testing can be set in the image upload platform. After the designer completes the design of the corresponding design image, the designer can send the design image to the image upload platform. The image upload platform can store the design image in the corresponding project for subsequent inspectors to obtain and inspect. The local image application is an application program in the image display device that saves and organizes the locally stored images.

[0038] S102, On the application image displayed on the terminal interface, the inspection image is superimposed and displayed in the default transparency mode.

[0039] Specifically, the inspector can start the application program that needs to be visually inspected in the image display device and adjust the application program to the application image that needs to be visually inspected. The image display device can adjust the inspection image to a size that matches the terminal interface, and then superimpose and display the inspection image on the application image displayed on the terminal interface, that is, display the inspection image on top of the application image and adjust the transparency of the inspection image to the default transparency. The default transparency can be the initial setting of the image display device or can be set by the inspector and saved in the image display device. For example, the default transparency can be 50%, so that even if the inspection image is superimposed on the application image, the inspector can still recognize the application image through the inspection image.

[0040] S103, Obtain the image adjustment operation for the inspection image, and control the inspection image to be adjusted and displayed based on the image adjustment operation.

[0041] Specifically, after the acceptance image is superimposed and displayed on the application image, the image display device can display an image editing bar in the terminal interface. To facilitate the acceptance personnel to compare the acceptance image and the application image and complete the visual acceptance work, the transparency, display position, etc. of the acceptance image can be adjusted in the displayed image editing bar. For example, the transparency of the acceptance image can be adjusted in the displayed image editing bar, and the display position of the acceptance image can be adjusted in the up, down, left, right and other directions in the displayed image editing bar. If the image display device detects an image adjustment operation input by the acceptance personnel for the acceptance image, it can control the acceptance image to be adjusted in terms of transparency, display position, etc. according to the image adjustment operation, and realize the image adjustment display of the acceptance image.

[0042] In the embodiment of the present application, when an image selection operation is detected in the visual acceptance toolbar, the acceptance image is obtained based on the image selection operation. On the application image displayed in the terminal interface, the acceptance image is superimposed and displayed in the default transparency mode, an image adjustment operation for the acceptance image is obtained, and the acceptance image is controlled to be adjusted and displayed based on the image adjustment operation. By superimposing and displaying the acceptance image on the application interface of the terminal, the purpose of visual acceptance is achieved, making the image comparison more real and intuitive, and improving the efficiency and accuracy of visual acceptance.

[0043] Please refer to Figure 3 , which is a schematic flowchart of an image display method provided by an embodiment of the present application. As Figure 3 shown, the method of the embodiment of the present application may include the following steps S201-S206.

[0044] S201, send a plugin acquisition request for the visual acceptance plugin to the test server, and acquire the visual acceptance plugin returned by the test server based on the plugin acquisition request.

[0045] Specifically, the test server stores the visual acceptance plugin and related installation data of the visual acceptance plugin, etc. The image display device can send a plugin acquisition request for the visual acceptance plugin to the test server. It can be understood that the visual acceptance plugin can be called by the image display device in the form of a small program. The image display device can send the plugin acquisition request by scanning the test code. The test server will search for the visual acceptance plugin according to the plugin acquisition request and send the visual acceptance plugin to the image display device. Of course, the image display device can also obtain a test package in the test server in advance and call the visual acceptance plugin by running the test package.

[0046] S202, load the visual acceptance plugin to display the visual acceptance toolbar corresponding to the visual acceptance plugin in the terminal interface.

[0047] Specifically, after the image display device receives the visual acceptance plug-in sent by the test server, it loads the visual acceptance plug-in and displays the tool icon corresponding to the visual acceptance plug-in in the terminal interface. The tool icon can be displayed above the application image in the terminal interface, and the acceptance personnel can still operate the image display device and the application programs on the image display device normally. When the acceptance personnel need to perform visual acceptance, they can click on the tool icon to expand the visual acceptance toolbar, that is, when the image display device detects a click operation on the tool icon, it expands and displays the visual acceptance toolbar corresponding to the visual acceptance plug-in according to the display position of the tool icon in the terminal interface.

[0048] Please also refer to Figure 4 , which provides an example schematic diagram of the display of the visual acceptance toolbar in the embodiment of the present application. The image display device loads the visual acceptance plug-in and can display the tool icon corresponding to the visual acceptance plug-in in the terminal interface. The tool icon is displayed above the application image in the terminal interface, that is, the tool icon can float above the application image, and no matter how the acceptance personnel operate the application program, it will not block the tool icon. The acceptance personnel can click on the tool icon. When the image display device detects a click operation on the tool icon, it can expand and display the visual acceptance toolbar at the display position of the tool icon. There can be multiple function icons in the visual acceptance toolbar, and different function icons correspond to different functions related to visual acceptance of the image display device. For example, it can exit the visual acceptance toolbar, select acceptance pictures, or open the settings interface of the visual acceptance toolbar, etc. As Figure 4 shown, multiple function icons can be arranged in a straight line in the visual acceptance toolbar and expand vertically starting from the display position of the tool icon in the terminal interface; multiple function icons can also be arranged in a fan shape in the visual acceptance toolbar and expand in a fan shape with the display position of the tool icon in the terminal interface as the center.

[0049] It can be understood that after the visual acceptance toolbar is expanded and displayed, the acceptance personnel can click on the position on the terminal screen other than the visual acceptance toolbar to close the visual acceptance toolbar. If, after the visual acceptance toolbar is expanded and displayed, the image display device detects a click operation on the area of the terminal screen other than the visual acceptance toolbar, it will fold up the visual acceptance toolbar and continue to display the tool icon on the terminal interface.

[0050] Optionally, since the tool icon can be displayed above the application image, it may affect the operation of the acceptance personnel on the image display device and the application program, so the position of the tool icon on the terminal interface can be changed. Please also refer to Figure 5, This is an example schematic diagram for changing the position of a tool icon provided by an embodiment of this application. The acceptance personnel can long-press the tool icon and drag it to the position where they want to display the tool icon, and then release it. If the image display device detects a long-press operation on the tool icon, it will move the display position of the tool icon on the image display device along with the dragging trajectory of the acceptance personnel until it detects that the tool icon is released.

[0051] S203, When an image selection operation is detected in the visual acceptance toolbar, obtain the acceptance image based on the image selection operation.

[0052] Specifically, when the acceptance personnel need to perform visual acceptance work using the image display device, they can select the acceptance image in the visual acceptance toolbar. If the image display device detects an image selection operation in the visual acceptance toolbar, the image display device can obtain the acceptance image from the image upload platform or the local image application based on the image selection operation. The image upload platform can be a network platform that can save image data, such as a test server. The local image application is an application program in the image display device that saves and organizes the images in the local storage.

[0053] Optionally, the acceptance personnel can click on the function icon corresponding to the image selection operation in the visual acceptance toolbar. At this time, the image display device can detect the image selection operation in the visual acceptance toolbar and display an address input box in the terminal interface according to the image selection operation. The acceptance personnel can enter the image link of the acceptance image in the address input box. After the image display device obtains the image link in the address input box, it can obtain the acceptance image corresponding to the image link from the image upload platform. It can be understood that the image link can correspond to multiple design images in a project on the image upload platform. Specifically, it can be automatically generated when the project is set up on the image upload platform. The image link can also only correspond to one design image. Specifically, when the designer sends the design image to the image upload platform, the image upload platform can generate an image link for the design image. At least one design image corresponding to the image link can be displayed on the image display device. The acceptance personnel can click to select one of the at least one design images, and the image display device can use the design image selected by the acceptance personnel as the acceptance image.

[0054] Optionally, the acceptance personnel can click on the function icon corresponding to the image selection operation in the visual acceptance toolbar. At this time, the image display device can detect the image selection operation in the visual acceptance toolbar and call and open the local image application in the image display device, and display at least one image in the local image application. The acceptance personnel can click and select an image in the local image application, and the image display device uses the image selected by the acceptance personnel as the acceptance image.

[0055] Optionally, the acceptance personnel can click on the function icon corresponding to the image selection operation in the visual acceptance toolbar. At this time, the image display device can detect the image selection operation in the visual acceptance toolbar and display an address input box and a local image application launch button on the terminal interface according to the image selection operation. If the image display device detects that an image link has been confirmed to be entered in the address input box, it obtains the acceptance image corresponding to the image link in the image upload platform based on the image link. If the image display device detects a click operation on the local image application launch button, it calls the local image application, displays at least one image in the local image application, and obtains the acceptance image selected by the acceptance personnel from the at least one image. Please refer to Figure 6 , which provides an example schematic diagram of acceptance image selection for an embodiment of the present application. The acceptance personnel can click on the "Acceptance" function icon in the visual acceptance toolbar. After the image display device detects the click operation on the "Acceptance" function icon, it displays an address input box and a local image application launch button on the terminal interface. The acceptance personnel can enter an image link in the address input box and then click "Obtain" to indicate that the image link input is complete. The image display device can then obtain the acceptance image in the image upload platform based on the image link. The acceptance personnel can also click on the local image application launch button, and the image display device will launch the local image application and obtain the acceptance image in the local image application according to the selection of the acceptance personnel.

[0056] Optionally, please refer to Figure 7 , which provides an example schematic diagram of acceptance image selection for an embodiment of the present application. If the acceptance personnel choose to enter an image link in the address input box to select the acceptance image, the image display device will obtain the acceptance image in the image upload platform based on the image link in the address input box. It can be understood that there may be more than one image corresponding to the image link in the image upload platform. The image display device can display all the images corresponding to the image link on the terminal interface. The acceptance personnel can view all the images corresponding to the image link by swiping the screen left and right and select the acceptance image through a click operation. Also, if the acceptance personnel click on an area other than the image corresponding to the image link on the terminal interface, the image display device can exit the display of the image on the terminal interface and let the terminal interface continue to display the address input box and the local image application launch button.

[0057] It should be noted that if there is a situation where the image link is invalid or the image is damaged, the image display device can output a corresponding error prompt message to remind the acceptance personnel to perform error troubleshooting.

[0058] S204, perform an equal ratio scaling process on the acceptance image based on the width of the terminal interface, and perform a cropping process on the equally scaled acceptance image in a top-aligned manner based on the length of the terminal interface.

[0059] Specifically, after obtaining the acceptance image, the image display device can adjust the acceptance image to a size that conforms to the terminal interface for display. First, the acceptance image is scaled proportionally according to the width of the terminal interface, and the width of the acceptance image after the proportional scaling process is the same as the width of the terminal interface. Then, according to the length of the terminal interface, the top of the terminal interface is aligned with the top of the acceptance image after the proportional scaling process, and the part of the acceptance image after the proportional scaling process that is longer than the length of the terminal interface is cut off from the bottom, and the size of the acceptance image after the cutting process is the same as the size of the terminal interface. It can be understood that the length of the acceptance image after the proportional scaling process may be less than the length of the terminal interface. The image display device can align the top of the terminal interface with the top of the acceptance image after the proportional scaling process, and fill the bottom of the acceptance image after the proportional scaling process with white pixel points until it is the same as the length of the terminal interface, to obtain the acceptance image after the cutting process.

[0060] Please refer to Figure 8 , which provides an example schematic diagram of changing the size of the acceptance image for an embodiment of the present application. The black rectangular box represents the size of the terminal interface. The acceptance image is scaled proportionally so that the width of the acceptance image after the proportional scaling process is the same as the width of the terminal interface. Then, the top of the terminal interface is aligned with the top of the acceptance image after the proportional scaling process, and the part of the acceptance image after the proportional scaling process that exceeds the size of the terminal interface is cut off to obtain the acceptance image after the cutting process.

[0061] S205, on the application image displayed on the terminal interface, the acceptance image after the cutting process is superimposed and displayed in the default transparency mode.

[0062] Specifically, the acceptance personnel can start the application program that needs to be visually accepted in the image display device and adjust the application program to the application image that needs to be visually accepted. The image display device can superimpose and display the acceptance image after the cutting process on the application image displayed on the terminal interface, that is, display the acceptance image after the cutting process on top of the application image, and adjust the transparency of the acceptance image after the cutting process to the default transparency. The default transparency can be the initial setting of the image display device or can be set by the acceptance personnel and saved in the image display device. For example, the default transparency can be 50%, so that even if the acceptance image after the cutting process is superimposed on the application image, the acceptance personnel can still recognize the application image through the acceptance image after the cutting process.

[0063] Please refer to together Figure 9, This is an example schematic diagram of overlay display provided by an embodiment of the present application. The image display device obtains the inspected image after cropping processing, and can adjust the transparency of the inspected image after cropping processing to the default transparency, and then display the inspected image after cropping processing with the default transparency on top of the application image on the terminal interface, resulting in, for example Figure 9 the effect after overlay display in Figure 9 . The inspector can intuitively compare the inspected image with the application image, thereby completing the visual inspection work.

[0064] S206, Obtain an image adjustment operation for the inspected image, and control the inspected image to perform image adjustment display based on the image adjustment operation.

[0065] Specifically, after overlaying and displaying the inspected image on top of the application image, the image display device can display an image editing bar in the terminal interface. For the purpose of facilitating the comparison between the inspected image and the application image to complete the visual inspection work, the inspector can adjust the transparency, display position, etc. of the inspected image in the displayed image editing bar.

[0066] The image editing bar may include at least one of a transparency adjustment and an image movement tool. When the image display device detects an adjustment click operation on the transparency adjustment tool for the inspected image, it can control the inspected image to be displayed in a manner of adjusting the transparency, that is, the image display device obtains the transparency corresponding to the adjustment click operation on the transparency adjustment tool, and adjusts the transparency of the inspected image to the transparency corresponding to the adjustment click operation; when the image display device detects an adjustment click operation on the image movement tool for the inspected image, it can, according to the first movement direction corresponding to the adjustment click operation in the image movement tool, then move the inspected image in the first direction by a first movement distance. The first movement distance is a fixed movement step, which can be an initial setting in the image display device or set and saved by the inspector in the image display device. For example, the fixed movement step can be the length of 10 pixel points.

[0067] Please also refer to Figure 10 , This is an example schematic diagram of an adjustment click operation provided by the present application. After the image display device overlays and displays the inspected image on top of the application image, an image editing bar can be displayed on the terminal interface. The image editing bar may include a transparency adjustment tool and an image movement tool. The transparency adjustment tool can be displayed as a slider tool. The two ends of the slider tool respectively represent a transparency of 0% and a transparency of 100%. The position of the slider on the slider tool is the transparency of the inspected image. For example Figure 10The initial transparency of the acceptance image can be 50%. After the image display device performs overlay display on the acceptance image and displays the image editing bar, the slider in the transparency adjustment tool is at the 50% position. The acceptance personnel can move the slider in the transparency adjustment tool to adjust the transparency of the acceptance image. If the acceptance personnel adjust the slider to the 25% position, the image display device will adjust the transparency of the acceptance image to 25%. The image movement tool can include adjustment buttons in four directions: up, down, left, and right. When a single click operation on the adjustment button is detected, the image display device can obtain the first movement direction corresponding to the adjustment button, and then move the acceptance image in the first movement direction by a first movement distance. For example, if the acceptance personnel click the adjustment button in the upward direction once, the first movement direction is upward, and the image display device can move the acceptance image upward by the first movement distance. It can be understood that if the acceptance personnel want to quickly adjust the position of the acceptance image, they can long-press the adjustment button, and the image display device can move the acceptance image in the first movement direction at the first movement speed. The first movement speed can be moving a fixed step length at a fixed time interval, for example, moving 10 pixel points per second.

[0068] It can be understood that during the process of the acceptance personnel comparing the application image and the acceptance image to complete visual acceptance, not only can they adjust the position and transparency of the acceptance image, but they also need to adjust the application image. For example, the acceptance personnel need to adjust the application program and view other interfaces of the application program. When the image display device detects that the transparency of the acceptance image is less than or equal to the transparency threshold and detects a swipe adjustment operation on the terminal interface, the image display device can display the application image according to the swipe adjustment operation. The transparency threshold can be the initial setting of the image display device or can be set by the acceptance personnel and saved in the image display device. For example, the transparency threshold is 0%, that is, when the acceptance personnel cannot see the acceptance image on the terminal interface at all, the swipe adjustment operation of the acceptance personnel on the terminal interface is for the application image.

[0069] Optionally, in addition to using the image movement tool in the image editing bar to adjust the position of the acceptance image, the acceptance personnel can also directly perform a sliding adjustment operation on the terminal interface to adjust the acceptance image, making the image movement more intuitive and direct. When the image display device detects a sliding adjustment operation in the terminal interface and the transparency of the acceptance image is greater than the transparency threshold, that is, at this time the sliding adjustment operation is for the acceptance image rather than the application image, the image display device can obtain the second movement direction and the second movement distance indicated by the sliding adjustment operation, and move the acceptance image in the second movement direction by the second movement distance; when the image display device detects a sliding adjustment operation in the terminal interface and the transparency of the acceptance image is less than or equal to the transparency threshold, that is, at this time the sliding adjustment operation is for the application image rather than the acceptance image, the image display device can obtain the third movement direction and the third movement distance indicated by the sliding adjustment operation, and move the application image in the third movement direction by the third movement distance, that is, move the application program corresponding to the application image in the third movement direction by the third movement distance.

[0070] In the embodiment of the present application, an application is made to the test server to obtain a visual acceptance plug-in. After loading the visual acceptance plug-in, a visual acceptance toolbar is floatingly displayed in the terminal interface, so that the acceptance personnel can use the visual acceptance toolbar in a timely manner when opening any application image, and the position of the visual acceptance toolbar can be adjusted, improving the convenience and humanization of visual acceptance. The acceptance image can be obtained by using an image link in the image upload platform or in the ontology image application, making the acceptance image acquisition method diversified. The acceptance image is subjected to an equal ratio scaling process and a cropping process to be adjusted to a size suitable for the terminal interface, and then on the application image displayed in the terminal interface, the cropped acceptance image is superimposed and displayed in the default transparency mode. An image editing bar is displayed on the terminal interface, and the acceptance image is adjusted and displayed based on the image adjustment operation on the image editing bar, realizing the transparency adjustment and position movement of the acceptance image, facilitating the acceptance personnel to compare the acceptance image and the application image so as to complete visual acceptance. By superimposing and displaying the acceptance image on the application interface of the terminal, the purpose of visual acceptance is achieved, making the image comparison more real and intuitive, and improving the efficiency and accuracy of visual acceptance.

[0071] The following will combine with the attached Figure 11 - attached Figure 12 , and introduce the image display device provided by the embodiment of the present application in detail. It should be noted that the playback control image display device in the attached Figure 11 - attached Figure 12 is used to execute the methods of the embodiments of the present application Figure 2 and Figure 3 shown. For the sake of convenience of description, only the parts related to the embodiments of the present application are shown. For the specific technical details not disclosed, please refer to the present application Figure 2and Figure 3 the embodiments shown below.

[0072] Please refer to Figure 11 , which shows a schematic structural diagram of an image display device provided by an exemplary embodiment of the present application. The playback control image display device can be implemented as all or part of the device through software, hardware, or a combination of both. The device 1 includes an image acquisition unit 11 and an image display unit 12.

[0073] The image acquisition unit 11 is configured to obtain an acceptance image based on the image selection operation when an image selection operation is detected in the visual acceptance toolbar;

[0074] The image display unit 12 is configured to perform overlay display of the acceptance image on the application image displayed on the terminal interface in a manner of default transparency;

[0075] The image display unit 12 is further configured to obtain an image adjustment operation for the acceptance image, and control the acceptance image to perform image adjustment display based on the image adjustment operation.

[0076] In the embodiment of the present application, when an image selection operation is detected in the visual acceptance toolbar, an acceptance image is obtained based on the image selection operation, and the acceptance image is overlaid and displayed on the application image displayed on the terminal interface in a manner of default transparency. An image adjustment operation for the acceptance image is obtained, and the acceptance image is controlled to perform image adjustment display based on the image adjustment operation. By overlaying and displaying the acceptance image on the application interface of the terminal, the purpose of visual acceptance is achieved, making the image comparison more real and intuitive, and improving the efficiency and accuracy of visual acceptance.

[0077] Please refer to Figure 12 , which shows a schematic structural diagram of an image display device provided by an exemplary embodiment of the present application. The playback control image display device can be implemented as all or part of the device through software, hardware, or a combination of both. The device 1 includes an image acquisition unit 11, an image display unit 12, a plugin acquisition unit 13, and a toolbar display unit 14.

[0078] The plugin acquisition unit 13 is configured to send a plugin acquisition request for the visual acceptance plugin to the test server, and obtain the visual acceptance plugin returned by the test server based on the plugin acquisition request;

[0079] The toolbar display unit 14 is configured to load the visual acceptance plugin to display the visual acceptance toolbar corresponding to the visual acceptance plugin in the terminal interface;

[0080] Optionally, the toolbar display unit 14 is specifically configured to load the vision acceptance plugin to display the tool icons corresponding to the vision acceptance plugin in the terminal interface;

[0081] When a click operation is detected on the tool icon, based on the display position of the tool icon in the terminal interface, display the vision acceptance toolbar corresponding to the vision acceptance plugin.

[0082] The image acquisition unit 11 is configured to acquire an acceptance image based on the image selection operation when an image selection operation is detected in the vision acceptance toolbar;

[0083] Optionally, the image acquisition unit 11 is specifically configured to display an address input box in the terminal interface based on the image selection operation when an image selection operation is detected in the vision acceptance toolbar;

[0084] Acquire the image link input in the address input box, and acquire the acceptance image corresponding to the image link in the image upload platform.

[0085] Optionally, the image acquisition unit 11 is specifically configured to call a local image application based on the image selection operation when an image selection operation is detected in the vision acceptance toolbar, and display at least one image in the local image application;

[0086] Acquire the acceptance image selected from the at least one image.

[0087] The image display unit 12 is configured to overlay-display the acceptance image on the application image displayed in the terminal interface in a manner of default transparency;

[0088] The image display unit 12 is further configured to acquire an image adjustment operation for the acceptance image, and control the acceptance image to perform image adjustment display based on the image adjustment operation.

[0089] Optionally, the image display unit 12 is specifically configured to perform proportional scaling processing on the acceptance image based on the width of the terminal interface;

[0090] Based on the length of the terminal interface, perform cropping processing on the proportionally scaled acceptance image in a top-aligned manner;

[0091] Overlay-display the cropped acceptance image on the application image displayed in the terminal interface in a manner of default transparency.

[0092] Optionally, the image display unit 12 is specifically configured to display an image editing bar in the terminal interface, where the image editing bar includes at least one of a transparency adjustment tool and an image movement tool;

[0093] When it is detected that there is an adjustment click operation on the transparency adjustment tool for the acceptance image, control the acceptance image to be displayed in a manner of adjusting the transparency;

[0094] When it is detected that there is an adjustment click operation on the image moving tool for the acceptance image, obtain the first moving direction indicated by the image adjustment operation in the image moving tool, and control the acceptance image to be displayed in a moving manner based on the first moving direction and the first moving distance, where the first moving distance is a fixed moving step length.

[0095] Optionally, the image display unit 12 is specifically configured to, when it is detected in the terminal interface that there is an adjustment sliding operation and the transparency of the acceptance image is greater than the transparency threshold, obtain the second moving direction and the second moving distance indicated by the adjustment sliding operation, and control the acceptance image to be displayed in a moving manner based on the second moving direction and the second moving distance;

[0096] When it is detected in the terminal interface that there is an adjustment sliding operation and the transparency of the acceptance image is less than or equal to the transparency threshold, obtain the third moving direction and the third moving distance indicated by the adjustment sliding operation, and control the application image to be displayed in a moving manner based on the third moving direction and the third moving distance.

[0097] In the embodiment of the present application, an application is made to the test server to obtain a visual acceptance plug-in. After loading the visual acceptance plug-in, a visual acceptance toolbar is floatingly displayed in the terminal interface, so that the acceptance personnel can use the visual acceptance toolbar in a timely manner when opening any application image, and the position of the visual acceptance toolbar can be adjusted, improving the convenience and humanization of visual acceptance. The acceptance image can be obtained in the image upload platform by using an image link, or the acceptance image can be obtained in the ontology image application, making the acceptance image acquisition method diversified. The acceptance image is subjected to an equal ratio scaling process and a cropping process to be adjusted to a size suitable for the terminal interface, and then on the application image displayed in the terminal interface, the cropped acceptance image is superimposed and displayed in a manner of default transparency. An image editing bar is displayed on the terminal interface, and the acceptance image is adjusted and displayed based on the image adjustment operation on the image editing bar, realizing the adjustment of the transparency and the position movement of the acceptance image, facilitating the acceptance personnel to compare the acceptance image and the application image to complete visual acceptance. By superimposing and displaying the acceptance image on the application interface of the terminal, the purpose of visual acceptance is achieved, making the image comparison more real and intuitive, and improving the efficiency and accuracy of visual acceptance.

[0098] Please refer to Figure 13, which shows a structural block diagram of a server provided by an exemplary embodiment of the present application. The server in the present application may include one or more of the following components: a processor 110, a memory 120, an input device 130, an output device 140, and a bus 150. The processor 110, the memory 120, the input device 130, and the output device 140 may be connected through the bus 150.

[0099] The processor 110 may include one or more processing cores. The processor 110 uses various interfaces and lines to connect various parts within the entire server. By running or executing instructions, programs, code sets, or instruction sets stored in the memory 120, and by calling data stored in the memory 120, it executes various functions of the terminal 100 and processes data. Optionally, the processor 110 may be implemented in at least one hardware form of digital signal processing (DSP), field-programmable gate array (FPGA), or programmable logic array (PLA). The processor 110 may integrate one or a combination of several of a central processing unit (CPU), a graphics processing unit (GPU), and a modem, etc. Among them, the CPU mainly processes the operating system, user pages, and application programs, etc.; the GPU is responsible for rendering and drawing display content; the modem is used to process wireless communication. It can be understood that the above modem may not be integrated into the processor 110 and may be implemented separately through a communication chip.

[0100] The memory 120 may include random access memory (RAM) and may also include read-only memory (ROM). Optionally, the memory 120 includes a non-transitory computer-readable medium. The memory 120 can be used to store instructions, programs, codes, code sets, or instruction sets. The memory 120 may include a program storage area and a data storage area. Among them, the program storage area may store instructions for implementing the operating system, instructions for implementing at least one function (such as touch function, sound playback function, image playback function, etc.), instructions for implementing the above various method embodiments, etc. The operating system may be the Android system, including a system developed based on the Android system in depth, the IOS system developed by Apple Inc., including a system developed based on the IOS system in depth, or other systems.

[0101] The memory 120 can be divided into an operating system space and a user space. The operating system runs in the operating system space, and native and third-party applications run in the user space. In order to ensure that different third-party applications can achieve good operating results, the operating system allocates corresponding system resources to different third-party applications. However, the requirements for system resources in different application scenarios in the same third-party application are also different. For example, in the local resource loading scenario, the third-party application has higher requirements for disk reading speed; in the animation rendering scenario, the third-party application has higher requirements for GPU performance. The operating system and third-party applications are independent of each other, and the operating system often cannot perceive the current application scenario of the third-party application in a timely manner, resulting in the operating system being unable to perform targeted system resource adaptation according to the specific application scenario of the third-party application.

[0102] In order for the operating system to distinguish the specific application scenarios of third-party applications, it is necessary to open up data communication between third-party applications and the operating system so that the operating system can obtain the current scenario information of third-party applications at any time, and then perform targeted system resource adaptation based on the current scenario.

[0103] The input device 130 is used to receive input commands or data, and includes but is not limited to a keyboard, a mouse, a camera, a microphone, or a touch device. The output device 140 is used to output commands or data, and includes but is not limited to a display device and a speaker. In one example, the input device 130 and the output device 140 can be combined, and the input device 130 and the output device 140 are touch screen displays.

[0104] The touch display screen can be designed as a full screen, a curved screen or a special-shaped screen. The touch display screen can also be designed as a combination of a full screen and a curved screen, or a combination of a special-shaped screen and a curved screen, which is not limited in the embodiments of the present application.

[0105] In addition, those skilled in the art can understand that the structure of the terminal shown in the above drawings does not constitute a limitation on the terminal, and the terminal may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently. For example, the terminal also includes a radio frequency circuit, an input unit, a sensor, an audio circuit, a wireless fidelity (WiFi) module, a power supply, a Bluetooth module and other components, which will not be described in detail here.

[0106] exist Figure 13 In the computer device shown, the processor 110 may be used to call the image display application stored in the memory 120, and specifically perform the following operations:

[0107] When an image selection operation is detected in the visual inspection toolbar, obtain an inspection image based on the image selection operation;

[0108] On the application image displayed on the terminal interface, overlay and display the inspection image in the default transparency mode;

[0109] Obtain an image adjustment operation for the inspection image, and control the inspection image to perform image adjustment display based on the image adjustment operation.

[0110] In one embodiment, before the processor 110 executes when an image selection operation is detected in the visual inspection toolbar, the following operations are further performed:

[0111] Send a plugin acquisition request for the visual inspection plugin to the test server, and obtain the visual inspection plugin returned by the test server based on the plugin acquisition request;

[0112] Load the visual inspection plugin to display the visual inspection toolbar corresponding to the visual inspection plugin in the terminal interface.

[0113] In one embodiment, when the processor 110 executes to load the visual inspection plugin to display the visual inspection toolbar corresponding to the visual inspection plugin in the terminal interface, the following operations are specifically performed:

[0114] Load the visual inspection plugin to display the tool icons corresponding to the visual inspection plugin in the terminal interface;

[0115] When a click operation is detected on the tool icon, display the visual inspection toolbar corresponding to the visual inspection plugin based on the display position of the tool icon in the terminal interface.

[0116] In one embodiment, when the processor 110 executes when an image selection operation is detected in the visual inspection toolbar and obtains an inspection image based on the image selection operation, the following operations are specifically performed:

[0117] When an image selection operation is detected in the visual inspection toolbar, display an address input box in the terminal interface based on the image selection operation;

[0118] Obtain the image link input in the address input box, and obtain the inspection image corresponding to the image link in the image upload platform.

[0119] In one embodiment, when the processor 110 executes when an image selection operation is detected in the visual inspection toolbar and obtains an inspection image based on the image selection operation, the following operations are specifically performed:

[0120] When an image selection operation is detected in the visual inspection toolbar, a local image application is invoked based on the image selection operation, and at least one image in the local image application is displayed;

[0121] Obtain the inspection image selected from the at least one image.

[0122] In one embodiment, when the processor 110 performs overlay display of the inspection image on the application image displayed on the terminal interface in a manner with default transparency, the following operations are specifically performed:

[0123] Perform proportional scaling processing on the inspection image based on the width of the terminal interface;

[0124] Based on the length of the terminal interface, perform cropping processing on the proportionally scaled inspection image in a top-aligned manner;

[0125] On the application image displayed on the terminal interface, perform overlay display of the cropped inspection image in a manner with default transparency.

[0126] In one embodiment, when the processor 110 performs an image adjustment operation for the inspection image and controls the inspection image to perform image adjustment display based on the image adjustment operation, the following operations are specifically performed:

[0127] Display an image editing bar in the terminal interface, where the image editing bar includes at least one of a transparency adjustment tool and an image movement tool;

[0128] When it is detected that there is an adjustment click operation on the transparency adjustment tool for the inspection image, control the inspection image to be displayed in a manner with adjusted transparency;

[0129] When it is detected that there is an adjustment click operation on the image movement tool for the inspection image, obtain the first movement direction indicated by the image adjustment operation in the image movement tool, and control the inspection image to perform movement display based on the first movement direction and the first movement distance, where the first movement distance is a fixed movement step.

[0130] In one embodiment, when the processor 110 performs an image adjustment operation for the inspection image and controls the inspection image to perform image adjustment display based on the image adjustment operation, the following operations are specifically performed:

[0131] When an adjustment swipe operation is detected in the terminal interface and the transparency of the acceptance image is greater than the transparency threshold, obtain the second moving direction and the second moving distance indicated by the adjustment swipe operation, and control the acceptance image to move and be displayed based on the second moving direction and the second moving distance;

[0132] When an adjustment swipe operation is detected in the terminal interface and the transparency of the acceptance image is less than or equal to the transparency threshold, obtain the third moving direction and the third moving distance indicated by the adjustment swipe operation, and control the application image to move and be displayed based on the third moving direction and the third moving distance.

[0133] In the embodiments of the present application, an application is made to the test server to obtain the visual acceptance plug-in. After loading the visual acceptance plug-in, the visual acceptance toolbar is floatingly displayed in the terminal interface, so that the acceptance personnel can use the visual acceptance toolbar in a timely manner when opening any application image, and the position of the visual acceptance toolbar can be adjusted, improving the convenience and user-friendliness of visual acceptance. The acceptance image can be obtained by using an image link in the image upload platform or in the ontology image application, making the acceptance image acquisition method diversified. The acceptance image is subjected to equal ratio scaling processing and cropping processing to be adjusted to a size suitable for the terminal interface, and then on the application image displayed in the terminal interface, the cropped acceptance image is superimposed and displayed in the default transparency mode. An image editing bar is displayed on the terminal interface, and the acceptance image is adjusted and displayed based on the image adjustment operation on the image editing bar, realizing the transparency adjustment and position movement of the acceptance image, facilitating the acceptance personnel to compare the acceptance image and the application image to complete visual acceptance. By superimposing and displaying the acceptance image on the application interface of the terminal, the purpose of visual acceptance is achieved, making the image comparison more real and intuitive, and improving the efficiency and accuracy of visual acceptance.

[0134] In several embodiments provided by the present application, it should be understood that the disclosed device and method can be implemented in other ways. For example, the device embodiments described above are merely illustrative. For example, the division of modules is only a logical function division, and there may be other division methods in actual implementation. For example, multiple modules or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point, the displayed or discussed coupling or direct coupling or communication connection between each other can be through some interfaces, and the indirect coupling or communication connection of the device or module can be in an electrical, mechanical or other form.

[0135] The modules described as separate components may or may not be physically separated, and the components shown as modules may or may not be physical modules, that is, they may be located in one place or distributed across multiple network modules. Some or all of the modules can be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0136] In addition, each functional module in the various embodiments of the present application may be integrated into a processing module, may exist separately as individual physical modules, or two or more modules may be integrated into one module. The above-mentioned integrated modules may be implemented in the form of hardware or in the form of software functional modules.

[0137] If the integrated module is implemented in the form of a software functional module and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application, in essence, or the part that contributes to the prior art, or all or part of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the methods in the various embodiments of the present application. The aforementioned storage medium includes: various media such as USB flash drives, mobile hard disks, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical discs that can store program codes.

[0138] It should be noted that for the foregoing method embodiments, for the sake of simplicity of description, they are all expressed as a series of action combinations. However, those skilled in the art should know that the present application is not limited by the described action sequence, because according to the present application, certain steps can be performed in other sequences or simultaneously. Secondly, those skilled in the art should also know that the embodiments described in the specification are all preferred embodiments, and the actions and modules involved are not necessarily all essential to the present application.

[0139] In the above embodiments, the descriptions of the various embodiments have their own emphases. For the parts not detailed in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0140] The above is the description of an image display method, device, storage medium, and device provided by the present application. For those skilled in the art, according to the idea of the embodiments of the present application, there will be changes in the specific implementation manners and application scopes. In summary, the content of this specification should not be construed as a limitation to the present application.

Claims

1. An image display method, applied to image visual inspection and acceptance, characterized in that, Including: When an image selection operation is detected in the visual inspection toolbar, obtain an inspection image based on the image selection operation; On the application image displayed on the terminal interface, overlay-display the inspection image in the default transparency mode; Obtain an image adjustment operation for the inspection image, and control the inspection image to perform image adjustment display based on the image adjustment operation; The overlay-displaying the inspection image on the application image displayed on the terminal interface in the default transparency mode includes: Adjust the inspection image to a size that matches the terminal interface; On the application image displayed on the terminal interface, overlay-display the adjusted inspection image in the default transparency mode.

2. The method according to claim 1, characterized in that, Before the image selection operation is detected in the visual inspection toolbar, it further includes: Send a plugin acquisition request for the visual inspection plugin to the test server, and obtain the visual inspection plugin returned by the test server based on the plugin acquisition request; Load the visual inspection plugin to display the visual inspection toolbar corresponding to the visual inspection plugin in the terminal interface.

3. The method according to claim 2, characterized in that, The loading the visual inspection plugin to display the visual inspection toolbar corresponding to the visual inspection plugin in the terminal interface includes: Load the visual inspection plugin to display the tool icons corresponding to the visual inspection plugin in the terminal interface; When a click operation is detected on the tool icon, display the visual inspection toolbar corresponding to the visual inspection plugin based on the display position of the tool icon in the terminal interface.

4. The method according to claim 1, characterized in that, The obtaining an inspection image based on the image selection operation when an image selection operation is detected in the visual inspection toolbar includes: When an image selection operation is detected in the visual inspection toolbar, display an address input box in the terminal interface based on the image selection operation; Obtain the image link input in the address input box, and obtain the inspection image corresponding to the image link in the image upload platform.

5. The method according to claim 1, characterized in that, The obtaining an inspection image based on the image selection operation when an image selection operation is detected in the visual inspection toolbar includes: When an image selection operation is detected in the visual inspection toolbar, call the local image application based on the image selection operation to display at least one image in the local image application; Obtain the inspection image selected from the at least one image.

6. The method according to claim 1, characterized in that, The overlay-displaying the inspection image on the application image displayed on the terminal interface in the default transparency mode includes: Perform an equal ratio scaling process on the inspection image based on the width of the terminal interface; Based on the length of the terminal interface, perform a cropping process on the equally scaled inspection image in a top-aligned manner; On the application image displayed on the terminal interface, overlay-display the cropped inspection image in the default transparency mode.

7. The method according to claim 1, characterized in that, The obtaining an image adjustment operation for the inspection image, and controlling the inspection image to perform image adjustment display based on the image adjustment operation includes: An image editing bar is displayed in the terminal interface, and the image editing bar includes at least one of a transparency adjustment tool and an image movement tool; When it is detected that there is an adjustment click operation on the transparency adjustment tool for the acceptance image, control the acceptance image to be displayed in a manner of adjusting the transparency; When it is detected that there is an adjustment click operation on the image movement tool for the acceptance image, obtain a first movement direction indicated by the image adjustment operation in the image movement tool, and control the acceptance image to be moved and displayed based on the first movement direction and a first movement distance, where the first movement distance is a fixed movement step; 8. The method according to claim 1, characterized in that, The obtaining of the image adjustment operation for the acceptance image and controlling the acceptance image to perform image adjustment display based on the image adjustment operation includes: When an adjustment swipe operation is detected in the terminal interface and the transparency of the acceptance image is greater than a transparency threshold, obtain a second movement direction and a second movement distance indicated by the adjustment swipe operation, and control the acceptance image to be moved and displayed based on the second movement direction and the second movement distance; When an adjustment swipe operation is detected in the terminal interface and the transparency of the acceptance image is less than or equal to the transparency threshold, obtain a third movement direction and a third movement distance indicated by the adjustment swipe operation, and control the application image to be moved and displayed based on the third movement direction and the third movement distance; 9. An image display device, applied to image visual inspection and acceptance, characterized in that, including: An image acquisition unit, configured to obtain an acceptance image based on the image selection operation when an image selection operation is detected in the visual acceptance toolbar; An image display unit, configured to perform overlay display of the acceptance image on the application image displayed in the terminal interface in a manner of default transparency; The performing of overlay display of the acceptance image on the application image displayed in the terminal interface in a manner of default transparency includes: adjusting the acceptance image to a size matching the terminal interface; Performing overlay display of the adjusted acceptance image on the application image displayed in the terminal interface in a manner of default transparency; The image display unit is further configured to obtain an image adjustment operation for the acceptance image and control the acceptance image to perform image adjustment display based on the image adjustment operation.

10. A computer storage medium, characterized in that, The computer storage medium stores multiple instructions, and the instructions are suitable for being loaded and executed by a processor to perform the steps of the method according to any one of claims 1 to 8.

11. A computer device, characterized in that, including: A processor and a memory; wherein, the memory stores a computer program, and the computer program is suitable for being loaded and executed by the processor to perform the steps of the method according to any one of claims 1 to 8.

Images