CN116594900A - A method, device, equipment and storage medium for determining difference information - Google Patents

Abstract

The invention discloses a method, a device, equipment and a storage medium for determining difference information. The method is applied to a screen projection receiving end, and comprises the following steps: acquiring screen projection data of a screen projection transmitting end, and displaying an image to be checked in the screen projection receiving end according to the screen projection data; overlapping the design original image in the screen projection receiving end and the image to be checked to obtain a target double-layer; and determining difference information between the design original image and the current display interface according to the difference between the first image layer and the second image layer. The technical scheme of the embodiment of the invention realizes the difference between the actual interface and the design original image on two layers of the same equipment, solves the problems of complex operation and inaccuracy of the traditional comparison method, greatly reduces the workload of engineers such as front-end application development and test, and improves the working efficiency.

Description

A method, device, equipment and storage medium for determining difference information

technical field

The present invention relates to the technical field of testing, in particular to a method, device, equipment and storage medium for determining difference information.

Background technique

In the process of front-end development and application, especially in the process of mobile terminal development, the product page designer will provide the design drawing of each page, and the front-end application development project must strictly follow the style design and development of the interface layout elements in the design drawing.

At present, in order to compare whether the front-end application page is completely consistent with the interface design layout page, the application engineer or test engineer needs to take a screenshot or take a photo of a specific page to obtain the application development effect. Then, by using the picture viewing software tool to open the design drawing and the development effect drawing for comparison, a relatively large implementation difference can be determined. In some cases, if application development engineers and test engineers want to achieve pixel-level difference comparison, they will use some software that can obtain and display image pixel points to compare the layout position of page elements and the difference in pixel color to determine the deviation Condition.

However, the current comparison method has the disadvantages of low efficiency and inaccuracy, which increases the workload of engineers such as front-end application development and testing.

Contents of the invention

The invention provides a method, device, equipment and storage medium for determining difference information to solve the problem of low efficiency in determining the gap between the original interface design drawing and the actual development interface.

In a first aspect, the present invention provides a method for determining difference information, including:

Obtain the screen projection data of the screen projection sending end, and display an image to be proofread in the screen projection receiving end according to the screen projection data, wherein the image to be proofreading includes the current display interface of the screen projection sending end;

The original design image in the screen projection receiving end and the image to be proofread are superimposed to obtain a target double layer, wherein the target double layer includes the first layer corresponding to the image to be proofread and Design the second layer corresponding to the original drawing;

According to the difference between the first layer and the second layer, the difference information between the original design drawing and the current display interface is determined.

In a second aspect, the present invention provides a device for determining difference information, including:

An image display module, configured to obtain the screen projection data of the screen projection sending end, and display an image to be proofread in the screen projection receiving end according to the screen projection data, wherein the image to be proofreading includes the current display of the screen projection sending end interface;

A double-layer determination module, configured to superimpose the original design image in the screen projection receiving end and the image to be proofread to obtain a target double-layer, wherein the target double-layer includes the image to be proofread The first layer corresponding to the image and the second layer corresponding to the original design image;

The difference information determination module is configured to determine the difference information between the original design drawing and the current display interface according to the difference between the first layer and the second layer.

In a third aspect, the present invention provides an electronic device, which includes:

at least one processor;

and a memory communicatively connected to at least one processor;

Wherein, the memory stores a computer program executable by at least one processor, and the computer program is executed by at least one processor, so that at least one processor can execute the method for determining difference information in the first aspect above.

In a fourth aspect, the present invention provides a computer-readable storage medium, the computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a processor to implement the method for determining difference information in the first aspect above when executed.

The solution for determining the difference information provided by the present invention is to obtain the screen projection data of the screen projection sending end, and display an image to be corrected on the screen projection receiving end according to the projection screen data, wherein the image to be corrected includes the projection screen The current display interface of the sending end performs overlay processing on the original design image in the screen projection receiving end and the image to be proofread to obtain a target double layer, wherein the target double layer includes the image corresponding to the image to be proofread The first layer of the first layer and the second layer corresponding to the original design image, and according to the gap between the first layer and the second layer, determine the difference information between the original design image and the current display interface . By adopting the above technical scheme, by projecting the image to be proofread to the screen projection receiving end, and superimposing the image to be proofread and the original design drawing on the screen projection receiving end, the two layers of the same device are realized. Comparing the gap between the actual interface and the original design drawing solves the cumbersome and inaccurate problems of traditional comparison methods, greatly reduces the workload of front-end application development and testing engineers, and improves work efficiency.

It should be understood that what is described in this section is not intended to identify key or critical features of the invention, nor is it intended to limit the scope of the invention. Other features of the present invention will be easily understood from the following description.

Description of drawings

In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings that need to be used in the description of the embodiments will be briefly introduced below. Obviously, the drawings in the following description are only some embodiments of the present invention. For those skilled in the art, other drawings can also be obtained based on these drawings without creative effort.

FIG. 1 is a flowchart of a method for determining difference information according to Embodiment 1 of the present invention;

FIG. 2 is a flow chart of a method for determining difference information according to Embodiment 2 of the present invention;

Fig. 3 is a schematic diagram of a display screen of a projection receiving end provided according to Embodiment 2 of the present invention;

FIG. 4 is a schematic structural diagram of a device for determining difference information provided according to Embodiment 3 of the present invention;

FIG. 5 is a schematic structural diagram of an electronic device according to Embodiment 4 of the present invention.

Detailed ways

In order to enable those skilled in the art to better understand the solutions of the present invention, the technical solutions in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are only It is an embodiment of a part of the present invention, but not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by persons of ordinary skill in the art without making creative efforts shall fall within the protection scope of the present invention.

It should be noted that the terms "first" and "second" in the description and claims of the present invention and the above drawings are used to distinguish similar objects, but not necessarily used to describe a specific sequence or sequence. It is to be understood that the data so used are interchangeable under appropriate circumstances such that the embodiments of the invention described herein can be practiced in sequences other than those illustrated or described herein. In the description of the present invention, unless otherwise specified, "a plurality" means two or more. "And/or" describes the association relationship of associated objects, indicating that there may be three types of relationships, for example, A and/or B may indicate: A exists alone, A and B exist simultaneously, and B exists independently. The character "/" generally indicates that the contextual objects are an "or" relationship. Furthermore, the terms "comprising" and "having", as well as any variations thereof, are intended to cover a non-exclusive inclusion, for example, a process, method, system, product or device comprising a sequence of steps or elements is not necessarily limited to the expressly listed instead, may include other steps or elements not explicitly listed or inherent to the process, method, product or apparatus.

Embodiment one

Fig. 1 provides a flow chart of a method for determining difference information in Embodiment 1 of the present invention. This embodiment is applicable to the situation of determining the difference information between the original interface design drawing and the actual development interface. The method can be determined by determining the difference information The device for determining the difference information can be implemented in the form of hardware and/or software, and the device for determining the difference information can be configured in an electronic device, which can be understood as a projection receiving end, and the electronic device is two One or more physical entities, or one physical entity.

As shown in FIG. 1, a method for determining difference information provided by Embodiment 1 of the present invention specifically includes the following steps:

S101. Acquire screen projection data from a screen projection sender, and display an image to be corrected on the screen projection receiver according to the screen projection data, wherein the image to be corrected includes a current display interface of the screen projection sender.

In this embodiment, after acquiring the screen projection data, the screen projection receiving end can directly draw and display an image according to the screen projection data, and the image is the image to be proofread. The image to be proofread can be the current display interface of the screen projection sender, and the image to be proofread can be changed by operating the screen projection sender, such as switching the current display interface. Wherein, the screen projection receiving end can be electronic equipment such as a computer, and the screen projection sending end can be electronic equipment such as a car machine, and the systems of the screen projection receiving end and the screen projection sending end can be different. The receiving end can be a Windows system.

S102. Perform overlay processing on the original design image in the screen projection receiving end and the image to be proofread to obtain a target double layer, wherein the target double layer includes the first image corresponding to the image to be proofread layer and the second layer corresponding to the original design drawing.

In this embodiment, the original design image can be stored in the screen projection receiving end in advance, and then the first layer corresponding to the image to be proofread and the second layer corresponding to the original design image are stacked, and the stacking order is not limited. Among them, the transparency of the first layer and the second layer is not limited here, and the transparency can be adjusted by the user through the operation of the screen projection receiving end, for example, by sliding the setting area slider of the screen projection receiving end to realize the Adjustment of the transparency of the first layer and the second layer.

S103. Determine difference information between the original design drawing and the current display interface according to the difference between the first layer and the second layer.

In this embodiment, since the first layer and the second layer are in a superimposed state, the difference between the first layer and the second layer can be compared at the receiving end of the screen projection to determine the original design and the screen projection. The difference information between the current display interface of the terminal. For example, by switching the stacking order of the first layer and the second layer and changing the transparency of the two, the color information and position information of the two are respectively determined, and then by comparing the gap between the two information, The difference information can be obtained.

The method for determining the difference information provided by the embodiment of the present invention is to obtain the screen projection data of the screen projection sending end, and display an image to be proofread on the screen projection receiving end according to the screen projection data, wherein the image to be proofread includes the The current display interface of the screen projection sending end performs superimposition processing on the original design image in the screen projection receiving end and the image to be proofread to obtain a target double layer, wherein the target double layer includes the image to be proofread The first layer corresponding to the image and the second layer corresponding to the original design image, according to the gap between the first layer and the second layer, determine the distance between the original design image and the current display interface diff information. The technical solution of the embodiment of the present invention realizes two layers on the same device by projecting the image to be proofread to the screen projection receiving end, and superimposing the image to be proofread and the original design drawing on the screen projection receiving end By comparing the gap between the actual interface and the original design image, it solves the cumbersome and inaccurate problems of the traditional comparison method, greatly reduces the workload of front-end application development and testing engineers, and improves work efficiency.

Embodiment two

Fig. 2 is a flowchart of a method for determining difference information provided by Embodiment 2 of the present invention. The technical solution of the embodiment of the present invention is further optimized on the basis of the above-mentioned optional technical solutions, and the original diagram of the interface design and The specific way to actually develop the difference information of the interface.

Optionally, the superimposition processing of the original design image in the screen projection receiving end and the image to be proofread to obtain the target double layer includes: receiving an image dragging operation, and dragging according to the image The operation determines whether to overlay the original design image and the image to be proofread, wherein the image dragging operation is a drag operation on the original design image; if so, the original design image is correspondingly The second layer of is superimposed on the first layer corresponding to the image to be proofread to obtain the target double layer. The advantage of this setting is that the user can drag the original design image to the image to be proofread through a simple image dragging operation, realizing the simultaneous display of the original design image and the image to be proofread on the same device.

Optionally, the determining the difference information between the original design image and the current display interface according to the difference between the first layer and the second layer includes: receiving a layer transparency adjustment operation, Adjust the transparency of the first layer and/or the second layer according to the layer transparency adjustment operation to obtain the target first layer and the target second layer; according to the target first layer and the target layer The gap between the target second layer and the difference information between the original design drawing and the current display interface are determined. The advantage of this setting is that the user can adjust the best visual contrast effect between the original design image and the current display interface through the layer transparency adjustment operation according to the needs, which improves the work efficiency.

Optionally, before the acquisition of the screen projection data of the screen projection sender, it also includes: establishing a communication connection between the screen projection sender and the screen projection receiver, and based on the communication connection, installing The file is pushed to the screen projection sending end through the debugging bridge, wherein the installation file is the installation file of the first screen projection program in the screen projection sending end; wherein, the acquisition of the screen projection data of the screen projection sending end, Displaying the image to be proofread in the screen projection receiving end according to the screen projection data includes: using a second screen projection program in the screen projection receiving end to determine a data receiving port in the screen projection receiving end, wherein , the data sending port of the screen projection sending end is determined based on the installation file; use the data receiving port to receive the video stream corresponding to the current display interface of the screen projection sending end, and decode the video stream, according to the decoding result Display the image to be proofread. The advantage of this setting is that through the pre-established communication connection, the installation of the screen projection program in the screen projection sender can be realized, and the transmission of the video stream by the screen projection sender can be realized, and then the video can be decoded by the screen projection receiver. The screen projection of the current display interface of the screen projection sender can be realized.

As shown in Figure 2, a method for determining difference information provided by Embodiment 2 of the present invention specifically includes the following steps:

S201. Establish a communication connection between a screen projection sending end and a screen projection receiving end, and based on the communication connection, push an installation file in the screen projection receiving end to the screen projection sending end through a debugging bridge.

Wherein, the installation file is an installation file of the first screen projection program in the screen projection sending end.

Exemplarily, the screenRecorder application can be used as the first screen projection program in the screen projection sender, and the screenDisplay application can be used as the screen projection program that should be installed in the screen projection receiver, so you can first establish the screen projection sender and screen projection receiver. Communication connection, and then use Visual Studio MFC in the screen projection receiver to push the installation file of the screenRecorder application to the screen projection sender through adb (debugging bridge). Among them, the screenRecorder application can encode the video stream of the current display interface of the screen projection sender, and then use the Transmission Control Protocol (TCP, TransmissionControl Protocol) to send the video stream to the screenDisplay application, that is, to the screen projection receiver.

S202. Using the second screen projection program in the screen projection receiving end, determine a data receiving port in the screen projection receiving end.

Wherein, the data sending port of the screen projection sending end is determined based on the installation file.

Specifically, as mentioned above, the screenDisplay application is the second screen projection program. After the first screen projection program is installed and running, it can bind a specified TCP connection port and wait for the client (ie screenDisplay application) to connect , the TCP connection port in the screen projection receiving end is the data receiving port.

S203. Use the data receiving port to receive the video stream corresponding to the current display interface of the screen projection sending end, decode the video stream, and display the image to be proofread according to the decoding result.

Specifically, after receiving the video stream, the receiving end of the projection screen can use programs such as FFmpeg to decode the video stream, and draw the video stream according to the information obtained after decoding, such as image size and color, so as to obtain The image to be proofread and displayed. Figure 3 is a schematic diagram of the display screen of a projection receiving end, as shown in Figure 3, the No. 1 area in Figure 3 is the main window of the screenDisplay application, the No. 2 area is the image display area to be proofread, and the No. 8 area is the button to close the application .

Optionally, the displaying the image to be corrected according to the decoding result includes: converting the video image frame corresponding to the decoding result into a bitmap, and determining the transparency of the bitmap; according to the bitmap and the point The transparency of the array image is used to draw the projected image to display the image to be proofread. The advantage of this setting is that by converting the video image frame into a bitmap, the memory occupied by the image can be reduced while ensuring the image quality.

Specifically, the receiving end of the screen projection can convert the decoded video frame into a Bitmap (bitmap, also known as a raster image or a bitmap), and then configure the transparency of the bitmap, and draw the Bitmap to the receiving end of the projection screen according to the transparency. Display area to display the image to be proofread.

S204. Receive an image dragging operation, and determine whether to overlay the original design image and the image to be proofread according to the image dragging operation, if yes, perform step 205, and if not, perform step 206.

Wherein, the image dragging operation is a dragging operation on the original design image.

Exemplarily, an event listener for dragging and dropping files can be added at the receiving end of the projection screen. When an event occurs that a file is dragged to the preset projection screen area, it can be determined that the original design image and the image to be proofread need to be overlaid. . At this time, it is necessary to obtain the absolute path of the file, and determine whether the format of the file is a preset picture format, such as a picture format such as Portable Network Graphics (PNG, Portable Network Graphics).

S205. Overlay the second layer corresponding to the original design image on the first layer corresponding to the image to be proofread to obtain a target double layer.

Specifically, as mentioned above, if the format of the file is a preset image format, the file can be converted into a Bitmap image of the same size as the image to be proofread, and the original image Bitmap can be drawn on the image to be proofread according to the transparency of the file , that is, to overlay the second layer on top of the first layer to obtain the target double layer. As shown in FIG. 3 , the area No. 2 in FIG. 3 is also an image stack display area, that is, a target double-layer display area.

Optionally, the above steps further include: receiving a layer switching operation, and determining whether to change the stacking order of the first layer and the second layer according to the layer switching operation. The advantage of this setting is that the user can switch the current display screen through a simple layer switching operation, that is, switch between the original design image and the image to be proofread, which facilitates the user's proofreading work.

Exemplarily, as shown in Figure 3, the area No. 5 in Figure 3 is a stacking sequence switching button, that is, a layer switching button, and a switching button can be added in the application window of the second screen projection program, and the button only has 0 and 1 Two states, and add the change event monitoring of the button. When the button state is 0, the image to be proofread is drawn directly above the original design image. When the button state is 1, the original design image is drawn to the image to be proofread. Directly above.

S206. Receive a layer transparency adjustment operation, and adjust the transparency of the first layer and/or the second layer according to the layer transparency adjustment operation to obtain a target first layer and a target second layer.

Exemplarily, two scroll bars can be added in the application window of the second screen projection program, and the change event monitoring of these two scroll bars can be added, as shown in FIG. 3 , and the area No. 6 in FIG. 3 is the first layer Transparency adjustment scroll bar, No. 7 area is the transparency adjustment scroll bar of the second layer. The adjustment range of the scroll bar is greater than or equal to 0 and less than or equal to 100. The number corresponding to the position of the scroll bar is the transparency of the layer. For example, when the scroll bar is scrolled to the position corresponding to the number 0, the transparency of the layer is 0. The corresponding transparency is recorded while the scroll bar is scrolling, and the transparency of the first layer and the second layer is adjusted according to the transparency. Among them, for a layer whose transparency has not been adjusted, after adjusting another layer, the layer whose transparency has not been adjusted can be directly determined as the target layer. If the transparency of the first layer is not adjusted, you can adjust the second layer After that, the first layer is directly determined as the target first layer.

S207. According to the difference between the target first layer and the target second layer, determine the difference information between the original design image and the current display interface.

Optionally, the determining the difference information between the original design image and the current display interface according to the difference between the target first layer and the target second layer includes: receiving a click position operation, And determine the first click position corresponding to the click position operation in the first layer of the target, and the second click position corresponding to the click position operation in the second target layer, wherein the click The position operation is a click operation on any one of the target first layer and the target second layer; determine the first zero transparency color of the first click position and the second zero transparency color of the second click position 20 transparency color, and according to the difference between the first zero transparency color and the second zero transparency color, determine the difference information between the original design image and the current display interface. The advantage of this setting is that the user can select the position that may have differences between the original design image and the image to be proofread through a simple click operation, and by determining the zero-transparency color gap at the clicked position, accurate Determine the difference between the original design drawing and the current display interface.

Specifically, click event monitoring can be added, as shown in Figure 3, the No. 8 area in Figure 3 is the click position coordinate display area, when the click position operation is received, record the click position operation on the first layer of the target or the first layer of the target The corresponding click position in the second layer. Determine the pixel correspondence between the target first layer and the target second layer. When a target layer determines the click position after receiving the click position operation, the corresponding pixel of the other target layer can be immediately determined according to the pixel correspondence. The click position of , where the click position may be a pixel coordinate position. In Figure 3, area No. 3 is the color indication area of the click position of the first layer of the target, and area No. 4 is the color indication area of the click position of the second layer of the target. After the click position is determined, the corresponding click position can be determined. Pixel color, which is zero transparency color, record the transparency color and click position corresponding to the two click positions, and automatically calculate the transparency color difference of the two target layers corresponding to the click position, the difference is The difference information between the original design drawing and the current display interface. Wherein, the first zero-transparency color, the second zero-transparency color and the difference between them can be displayed in the preset display area, and the display manner includes displaying color codes and/or actual colors.

Optionally, the target first layer and the target second layer may respectively receive a click position operation, and determine the first click position corresponding to the first click position operation in the target first layer in the click position operation , and determine the second click position in the click position operation and the second click position corresponding to the second click position operation in the target second layer; determine the first zero transparency color of the first click position and the second click position The second zero transparency color of the position; according to the gap between the first zero transparency color and the second zero transparency color, and the gap between the first click position and the second click position, determine the original design Difference information with the current display interface.

The method for determining the difference information provided by the embodiment of the present invention can realize the installation of the screen projection program in the screen projection sender through the pre-established communication connection, and realize the transmission of the video stream by the screen projection sender, and then receive it through the screen projection The end-to-end decoding of the video can realize the projection of the current display interface of the screen projection sender. The user can drag the original design image to the image to be proofread through a simple image dragging operation, realizing the same device. Simultaneously display the original design image and the image to be proofread. Users can also adjust the layer transparency adjustment operation to adjust the best visual contrast effect between the original design image and the current display interface according to needs, which improves work efficiency.

Embodiment three

FIG. 4 is a schematic structural diagram of an apparatus for determining difference information provided by Embodiment 3 of the present invention. As shown in Figure 4, the device is configured at the screen projection receiving end, and the device includes: an image display module 301, a double layer determination module 302 and a difference information determination module 303, wherein:

An image display module, configured to obtain the screen projection data of the screen projection sending end, and display an image to be proofread in the screen projection receiving end according to the screen projection data, wherein the image to be proofreading includes the current display of the screen projection sending end interface;

A double-layer determination module, configured to superimpose the original design image in the screen projection receiving end and the image to be proofread to obtain a target double-layer, wherein the target double-layer includes the image to be proofread The first layer corresponding to the image and the second layer corresponding to the original design image;

The difference information determination module is configured to determine the difference information between the original design drawing and the current display interface according to the difference between the first layer and the second layer.

The device for determining the difference information provided by the embodiment of the present invention realizes the realization of the same device by projecting the image to be proofread to the screen projection receiving end, and superimposing the image to be proofread and the original design drawing on the screen projection receiving end. Comparing the gap between the actual interface and the original design on the two layers of the comparison method solves the cumbersome and inaccurate problems of traditional comparison methods, greatly reduces the workload of front-end application development and testing engineers, and improves work efficiency.

Optionally, the double-layer determination module includes:

The overlay judging unit is configured to receive an image drag operation, and determine whether to perform overlay processing on the original design image and the image to be proofread according to the image drag operation, wherein the image drag operation is to The dragging operation of the original design drawing;

A double-layer determining unit, configured to stack the second layer corresponding to the original design image on the first layer corresponding to the image to be proofread to obtain the target if the information returned by the stacking judging unit is yes Double layer.

Optionally, the double layer determination module also includes:

The stacking sequence determining unit is configured to receive a layer switching operation, and determine whether to change the stacking sequence of the first layer and the second layer according to the layer switching operation.

Optionally, the difference information determination module includes:

The target layer determination unit is configured to receive a layer transparency adjustment operation, adjust the transparency of the first layer and/or the second layer according to the layer transparency adjustment operation, and obtain the target first layer and the target layer second layer;

The difference information determining unit is configured to determine the difference information between the original design drawing and the current display interface according to the difference between the target first layer and the target second layer.

Optionally, the determining the difference information between the original design image and the current display interface according to the difference between the target first layer and the target second layer includes: receiving a click position operation, And determine the first click position corresponding to the click position operation in the first layer of the target, and the second click position corresponding to the click position operation in the second target layer, wherein the click The position operation is a click operation on any one of the target first layer and the target second layer; determine the first zero transparency color of the first click position and the second zero transparency color of the second click position 20 transparency color, and according to the difference between the first zero transparency color and the second zero transparency color, determine the difference information between the original design image and the current display interface.

Optionally, the device also includes:

The installation file sending module is used to establish the communication connection between the screen projection sending end and the screen projection receiving end before the acquisition of the screen projection data of the screen projection sending end, and based on the communication connection, the installation in the screen projection receiving end The file is pushed to the screen projection sending end through the debugging bridge, wherein the installation file is the installation file of the first screen projection program in the screen projection sending end.

Optionally, the image display module includes:

The receiving port determination unit is configured to use the second screen projection program in the screen projection receiving end to determine the data receiving port in the screen projection receiving end, wherein the data sending port of the screen projection sending end is based on the installation file confirmation;

The image display unit is configured to use the data receiving port to receive the video stream corresponding to the current display interface of the screen projection sending end, decode the video stream, and display the image to be proofread according to the decoding result.

Optionally, the displaying the image to be corrected according to the decoding result includes: converting the video image frame corresponding to the decoding result into a bitmap, and determining the transparency of the bitmap; according to the bitmap and the point The transparency of the array image is used to draw the projected image to display the image to be proofread.

The device for determining difference information provided in the embodiments of the present invention can execute the method for determining difference information provided in any embodiment of the present invention, and has corresponding functional modules and beneficial effects for executing the method.

Embodiment four

FIG. 5 shows a schematic structural diagram of an electronic device 40 that can be used to implement an embodiment of the present invention. Electronic device is intended to represent various forms of screencasting receivers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other suitable computers. Electronic devices may also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices (eg, helmets, glasses, watches, etc.), and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are by way of example only, and are not intended to limit implementations of the inventions described and/or claimed herein.

As shown in FIG. 5 , the electronic device 40 includes at least one processor 41, and a memory connected in communication with the at least one processor 41, such as a read-only memory (ROM) 42, a random access memory (RAM) 43, etc., wherein the memory stores There is a computer program executable by at least one processor, and the processor 41 can operate according to a computer program stored in a read-only memory (ROM) 42 or loaded from a storage unit 48 into a random access memory (RAM) 43. Various appropriate actions and processes are performed. In the RAM 43, various programs and data necessary for the operation of the electronic device 40 are also stored. The processor 41 , ROM 42 and RAM 43 are connected to each other through a bus 44 . An input/output (I/O) interface 45 is also connected to the bus 44 .

Multiple components in the electronic device 40 are connected to the I/O interface 45, including: an input unit 46, such as a keyboard, a mouse, etc.; an output unit 47, such as various types of displays, speakers, etc.; a storage unit 48, such as a magnetic disk, an optical disk etc.; and a communication unit 49, such as a network card, a modem, a wireless communication transceiver, and the like. The communication unit 49 allows the electronic device 40 to exchange information/data with other devices through a computer network such as the Internet and/or various telecommunication networks.

Processor 41 may be various general and/or special purpose processing components having processing and computing capabilities. Some examples of processor 41 include, but are not limited to, central processing units (CPUs), graphics processing units (GPUs), various dedicated artificial intelligence (AI) computing chips, various processors that run machine learning model algorithms, digital signal processing processor (DSP), and any suitable processor, controller, microcontroller, etc. The processor 41 executes various methods and processes described above, such as a method of determining difference information.

In some embodiments, the method of determining difference information may be implemented as a computer program tangibly embodied in a computer-readable storage medium, such as storage unit 48 . In some embodiments, part or all of the computer program may be loaded and/or installed on the electronic device 40 via the ROM 42 and/or the communication unit 49 . When the computer program is loaded into RAM 43 and executed by processor 41, one or more steps of the method for determining difference information described above may be performed. Alternatively, in other embodiments, the processor 41 may be configured in any other suitable manner (for example, by means of firmware) to execute the method for determining difference information.

Various implementations of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips Implemented in a system of systems (SOC), load programmable logic device (CPLD), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include being implemented in one or more computer programs executable and/or interpreted on a programmable system including at least one programmable processor, the programmable processor Can be special-purpose or general-purpose programmable processor, can receive data and instruction from storage system, at least one input device, and at least one output device, and transmit data and instruction to this storage system, this at least one input device, and this at least one output device an output device.

Computer programs for implementing the methods of the present invention may be written in any combination of one or more programming languages. These computer programs can be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus, so that the computer program causes the functions/operations specified in the flowcharts and/or block diagrams to be implemented when executed by the processor. A computer program may execute entirely on the machine, partly on the machine, as a stand-alone software package partly on the machine and partly on a remote machine or entirely on the remote machine or server.

The computer device provided above can be used to execute the method for determining difference information provided in any of the above embodiments, and has corresponding functions and beneficial effects.

Embodiment five

In the context of the present invention, a computer-readable storage medium may be a tangible medium, said computer-executable instructions, when executed by a computer processor, for performing a method of determining difference information, the method comprising:

Obtain the screen projection data of the screen projection sending end, and display an image to be proofread in the screen projection receiving end according to the screen projection data, wherein the image to be proofreading includes the current display interface of the screen projection sending end;

The original design image in the screen projection receiving end and the image to be proofread are superimposed to obtain a target double layer, wherein the target double layer includes the first layer corresponding to the image to be proofread and Design the second layer corresponding to the original drawing;

According to the difference between the first layer and the second layer, the difference information between the original design drawing and the current display interface is determined.

In the context of the present invention, a computer-readable storage medium may be a tangible medium that may contain or be stored for use by or with an instruction execution system, apparatus, or device or in connection with an instruction execution system, apparatus, or device. or a computer program used in conjunction with the device. A computer readable storage medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. Alternatively, a computer readable storage medium may be a machine readable signal medium. More specific examples of machine-readable storage media would include one or more wire-based electrical connections, portable computer discs, hard drives, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), optical fiber, compact disk read only memory (CD-ROM), optical storage, magnetic storage, or any suitable combination of the foregoing.

The computer device provided above can be used to execute the method for determining difference information provided in any of the above embodiments, and has corresponding functions and beneficial effects.

It is worth noting that, in the above embodiment of the device for determining difference information, the included units and modules are only divided according to functional logic, but are not limited to the above division, as long as the corresponding functions can be realized; in addition , the specific names of each functional unit are only for the convenience of distinguishing each other, and are not used to limit the protection scope of the present invention.

Note that the above are only preferred embodiments of the present invention and applied technical principles. Those skilled in the art will understand that the present invention is not limited to the specific embodiments described herein, and that various obvious changes, rearrangements and substitutions can be made by those skilled in the art without departing from the protection scope of the present invention. Therefore, although the present invention has been described in detail through the above embodiments, the present invention is not limited to the above embodiments, and can also include more other equivalent embodiments without departing from the concept of the present invention, and the present invention The scope is determined by the scope of the appended claims.

Claims (10)

1. The method for determining the difference information is characterized by being applied to a screen projection receiving end and comprising the following steps:

acquiring screen projection data of a screen projection transmitting end, and displaying an image to be checked in the screen projection receiving end according to the screen projection data, wherein the image to be checked comprises a current display interface of the screen projection transmitting end;

overlapping the design original image in the screen projection receiving end and the image to be checked to obtain a target double-image layer, wherein the target double-image layer comprises a first image layer corresponding to the image to be checked and a second image layer corresponding to the design original image;

and determining difference information between the design original image and the current display interface according to the difference between the first image layer and the second image layer.

2. The method of claim 1, wherein the stacking the design artwork in the screen projection receiving end and the image to be checked to obtain a target double-layer includes:

receiving an image dragging operation, and determining whether to stack the design original image and the image to be checked or not according to the image dragging operation, wherein the image dragging operation is a dragging operation on the design original image;

If so, stacking the second image layer corresponding to the design original image onto the first image layer corresponding to the image to be checked to obtain a target double image layer.

3. The method as recited in claim 2, further comprising:

and receiving a layer switching operation, and determining whether to change the stacking sequence of the first layer and the second layer according to the layer switching operation.

4. The method of claim 1, wherein determining difference information between the design artwork and the current display interface based on the gap between the first layer and the second layer comprises:

receiving a layer transparency adjustment operation, and adjusting the transparency of the first layer and/or the second layer according to the layer transparency adjustment operation to obtain a target first layer and a target second layer;

and determining difference information between the design original drawing and the current display interface according to the difference between the target first drawing layer and the target second drawing layer.

5. The method of claim 4, wherein determining difference information between the design artwork and the current display interface based on the gap between the target first layer and the target second layer comprises:

Receiving a click position operation, determining a first click position corresponding to the click position operation in the first image layer of the target and a second click position corresponding to the click position operation in the second image layer of the target, wherein the click position operation is a click operation on any one image layer of the first image layer of the target and the second image layer of the target;

and determining a first zero transparency color of the first click position and a second zero transparency color of the second click position, and determining difference information between the design original image and the current display interface according to a difference between the first zero transparency color and the second zero transparency color.

6. The method according to claim 1, further comprising, before the acquiring the screen projection data of the screen projection transmitting end:

establishing communication connection between a screen projection transmitting end and a screen projection receiving end, and pushing an installation file in the screen projection receiving end to the screen projection transmitting end through a debugging bridge based on the communication connection, wherein the installation file is an installation file of a first screen projection program in the screen projection transmitting end;

the method for acquiring the screen projection data of the screen projection transmitting end, displaying the image to be checked in the screen projection receiving end according to the screen projection data comprises the following steps:

Determining a data receiving port in the screen throwing receiving end by using a second screen throwing program in the screen throwing receiving end, wherein the data transmitting port of the screen throwing transmitting end is determined based on the installation file;

and receiving a video stream corresponding to the current display interface of the screen-throwing transmitting end by utilizing the data receiving port, decoding the video stream, and displaying an image to be checked according to a decoding result.

7. The method of claim 6, wherein displaying the image to be collated based on the decoding result comprises:

converting a video image frame corresponding to a decoding result into a bitmap, and determining the transparency of the bitmap;

and drawing a screen projection image according to the bitmap and the transparency of the bitmap so as to display the image to be checked.

8. The device for determining the difference information is characterized by being configured at a screen projection receiving end and comprising:

the image display module is used for acquiring the screen projection data of the screen projection transmitting end, and displaying an image to be checked in the screen projection receiving end according to the screen projection data, wherein the image to be checked comprises a current display interface of the screen projection transmitting end;

the double-layer determining module is used for carrying out stacking processing on the design original image in the screen projection receiving end and the image to be checked to obtain a target double-layer, wherein the target double-layer comprises a first layer corresponding to the image to be checked and a second layer corresponding to the design original image;

And the difference information determining module is used for determining the difference information between the design original image and the current display interface according to the difference between the first image layer and the second image layer.

9. An electronic device, the electronic device comprising:

at least one processor; and

a memory communicatively coupled to the at least one processor; wherein,,

the memory stores a computer program executable by the at least one processor to enable the at least one processor to perform the method of determining difference information of any one of claims 1-7.

10. A computer readable storage medium storing computer instructions for causing a processor to perform the method of determining difference information of any one of claims 1-7.