Image comparison method and device, electronic equipment and readable storage medium

Abstract

The invention discloses an image comparison method and device, electronic equipment and a readable storage medium, and the method comprises the steps: a graphical user interface comprises a comparison page of a first display region and a second display region, the first display region is used for displaying any object in an object set, and the second display region is used for displaying any object in the object set; the second display area is used for displaying a plurality of schematic diagrams in the schematic diagram set; each schematic diagram in the schematic diagram set is associated with each object in the object set; when a first object in the object set is displayed in the first display area, determining a first screenshot corresponding to the first object in response to the first screenshot operation, and displaying a first schematic diagram corresponding to the first screenshot in the second display area; in response to the switching operation, switching the first object into a second object in the object set; and in response to a first selection operation for the first schematic diagram, generating a first screenshot corresponding to the first schematic diagram in the first display area. The method can improve the efficiency of image comparison.

Description

Technical Field

[0001] The present application relates to the field of computers, and in particular to a method, device, electronic device and computer-readable storage medium for comparing images. Background Art

[0002] With the popularity of online shopping, more and more users choose to shop online to get the items they need. When shopping online, users can view the appearance details of the item through the item display pictures posted online, so as to compare prices from different stores and select the most cost-effective item to buy.

[0003] In the related art, when shopping online, if you want to compare the display pictures of different items, the user needs to open the display picture of item A, view and remember its features, and then open the display picture of item B, and compare it with item B based on the memory of the features of item A; and so on, if you want to compare multiple items, you need to rely on vague memory for comparison, or you need to check them repeatedly.

[0004] The above method relies on the user's memory, which places a heavy burden on the user's memory, has inaccuracies, and is cumbersome to operate. The user cannot intuitively compare the display images of multiple items, which increases the difficulty for the user to purchase items online and reduces the user's online shopping experience.

[0005] It should be noted that the information disclosed in the above background technology section is only used to enhance the understanding of the background of the present application, and therefore may include information that does not constitute the prior art known to ordinary technicians in the field. Summary of the invention

[0006] In view of this, the present application provides a method, device, electronic device and computer-readable storage medium for comparing images, which can enable users to intuitively and clearly compare multiple images, reduce the memory burden of users when comparing images, increase the accuracy of comparing images, and improve the efficiency of comparing images.

[0007] In a first aspect, an embodiment of the present application provides a method for comparing images, the method comprising:

[0008] Displaying a comparison page through a graphical user interface, the comparison page comprising a first display area and a second display area, the first display area being used to display any object in the object set, and the second display area being used to display a plurality of schematic diagrams in the schematic diagram set; each schematic diagram in the schematic diagram set is respectively associated with each object in the object set;

[0009] When a first object in the object set is displayed in the first display area, in response to a first screenshot operation, a first screenshot corresponding to the first object is determined, and a first schematic diagram corresponding to the first screenshot is displayed in the second display area;

[0010] In response to a switching operation, switching the first object displayed in the first display area to a second object in the object set;

[0011] In response to a first selection operation on the first schematic diagram, a first screenshot corresponding to the first schematic diagram is generated in the first display area where the second object is displayed.

[0012] In a second aspect, an embodiment of the present application provides a device for comparing images, the device comprising: a display unit, a determination unit, and a switching unit;

[0013] The display unit is used to display a comparison page through a graphical user interface, wherein the comparison page includes a first display area and a second display area, wherein the first display area is used to display any object in the object set, and the second display area is used to display a plurality of schematic diagrams in the schematic diagram set; each schematic diagram in the schematic diagram set is respectively associated with each object in the object set;

[0014] The determining unit is configured to determine, in response to a first screenshot operation, a first screenshot corresponding to a first object in the object set when the first display area displays the first object, and display a first schematic diagram corresponding to the first screenshot in the second display area;

[0015] The switching unit is configured to switch the first object displayed in the first display area to a second object in the object set in response to a switching operation;

[0016] The display unit is further configured to generate, in response to a first selection operation on the first schematic diagram, a first screenshot corresponding to the first schematic diagram in the first display area where the second object is displayed.

[0017] In a third aspect, an embodiment of the present application provides an electronic device, including:

[0018] Processor; and

[0019] The memory is used to store a data processing program. After the electronic device is powered on and the program is run by the processor, the method of the first aspect is executed.

[0020] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium storing a data processing program, which is executed by a processor to perform the method of the first aspect.

[0021] The method for comparing images provided in the present application displays a comparison page through a graphical user interface, wherein the comparison page includes a first display area and a second display area, wherein the first display area is used to display any object in an object set, and the second display area is used to display a plurality of schematic diagrams in a schematic diagram set; each schematic diagram in the schematic diagram set is respectively associated with each object in the object set; when a first object in the object set is displayed in the first display area, in response to a first screenshot operation, a first screenshot corresponding to the first object is determined, and a first schematic diagram corresponding to the first screenshot is displayed in the second display area; in response to a switching operation, the first object displayed in the first display area is switched to a second object in the object set; in response to a first selection operation for the first schematic diagram, a first screenshot corresponding to the first schematic diagram is generated in the first display area where the second object is displayed.

[0022] It can be seen that in the present application, the comparison page can be divided into two parts, namely, a first display area and a second display area, wherein the first display area is used to display any object in the object set, and the second display area is used to display several schematic diagrams in the schematic diagram set, and each schematic diagram is associated with an object in the object set; the above-mentioned first schematic diagram corresponds to a first screenshot of the first object. Based on this, when the first object in the first display area is switched to the second object, the first screenshot corresponding to the first schematic diagram can be regenerated in the first display area, and based on the second object and the first screenshot displayed in the first display area at the same time, the first screenshot and the second object can be compared; in this way, the user does not need to rely on vague memory for comparison or repeatedly switch to view when comparing multiple objects, but compares them by intuitively taking screenshots of multiple objects on the same page, thereby reducing the user's memory cost of feature information of different objects, reducing the user's redundant operations of switching back and forth, and improving the efficiency of object feature comparison of different objects. BRIEF DESCRIPTION OF THE DRAWINGS

[0023] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for use in the description of the embodiments of the present application will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative labor.

[0024] Figure 1 A flowchart of a method for comparing images provided in an embodiment of the present application;

[0025] Figure 2 A schematic diagram of an interface display of a method for comparing images provided in an embodiment of the present application;

[0026] Figure 3A schematic diagram of an interface display example of entering a comparison page provided in an embodiment of the present application;

[0027] Figure 4 A schematic diagram of an interface display in the first comparison mode provided in an embodiment of the present application;

[0028] Figure 5 A schematic diagram of an interface display in the second comparison mode provided in an embodiment of the present application;

[0029] Figure 6 A schematic diagram of an interface display example of simultaneously deleting the first schematic diagram and the first screenshot provided in an embodiment of the present application;

[0030] Figure 7 A schematic diagram showing another example of an interface display of the method for comparing images provided in an embodiment of the present application;

[0031] Figure 8 A schematic diagram showing another example of an interface display of the method for comparing images provided in an embodiment of the present application;

[0032] Fig. 9 A schematic diagram of an interface display example of switching between a comparison page, an inspection page, and an object display page of a target object provided in an embodiment of the present application;

[0033] Fig.10 A schematic diagram of the structure of an apparatus for comparing images provided in an embodiment of the present application;

[0034] Fig.11 A structural block diagram of an electronic device for implementing a method for comparing images is provided for an embodiment of the present application. DETAILED DESCRIPTION

[0035] Many specific details are described in the following description to facilitate a full understanding of the present application. However, the present application can be implemented in many other ways than those described herein, and those skilled in the art can make similar generalizations without violating the connotation of the present application, so the present application is not limited by the specific implementation disclosed below.

[0036] It should be noted that the terms "first", "second", "third", etc. in the claims, description and drawings of the present application are used to distinguish similar objects and are not used to describe a specific order or sequence. The data used in this way are interchangeable where appropriate, so that the embodiments of the present application described herein can be implemented in an order other than that illustrated or described herein. In addition, the terms "including", "having" and their variants are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0037] It should be understood that in the embodiments of the present application, "at least one" refers to one or more, "more than one" refers to two or more, and "several" refers to one or more. "And / or" is merely a way to describe the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone. The character " / " generally indicates that the previous and subsequent associated objects are in an "or" relationship. "Including A, B and / or C" means including any one, any two, or any three of A, B, and C.

[0038] It should be understood that in the embodiments of the present application, "B corresponding to A", "B corresponding to A", "A corresponds to B", or "B corresponds to A" means that B is associated with A, and B can be determined according to A. Determining B according to A does not mean determining B only according to A, and B can also be determined according to A and / or other information.

[0039] Before describing the implementation methods of the present application in detail, the related technologies are first further introduced.

[0040] In addition to the method of repeatedly viewing to compare multiple items described above, in the related art, third-party tools other than the shopping platform can also be used to achieve comparative viewing of display images of multiple items. For example, after downloading display images of different items from the shopping platform, use an image browser to compare them; or use a screenshot tool to take screenshots of display images of different items and then compare them.

[0041] Regardless of which of the above methods is used, the following defects exist: 1. It depends on the user's memory ability, the comparison results are inaccurate, and it creates a heavy memory burden on the user; 2. It is subject to the user's memory storage mechanism for information, that is, the user's memory of the display features of different items will be vague, so the user needs to switch back and forth between the display images of different items to obtain sufficient comparison information; 3. Using additional third-party tools for comparison has low comparison efficiency and low comparison quality.

[0042] In view of the above-mentioned problems, the embodiments of the present application provide a method, device, electronic device and computer-readable storage medium for comparing images.

[0043] The method for contrasting images provided in the embodiment of the present application can be performed by an electronic device, which can be a terminal or a server. The terminal can be a terminal device such as a smart phone, a tablet computer, or a laptop computer. The server can be an independent physical server, or a server cluster or a distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN, and big data and artificial intelligence platforms. The server can be hardware or software. When the server is hardware, it can be implemented as a distributed server cluster composed of multiple servers, or it can be implemented as a single server. When the server is software, it can be implemented as multiple software or software modules (such as software or software modules used to provide distributed services), or it can be implemented as a single software or software module. The embodiment of the present application does not specifically limit this.

[0044] In an optional embodiment, when the method for comparing images is run on a terminal device, the terminal device stores a target application to which the method for comparing images can be applied. The terminal device interacts with the user through a graphical user interface. The terminal device may provide the graphical user interface to the user in a variety of ways, for example, it may be rendered and displayed on a display screen of the terminal device, or the graphical user interface may be presented through holographic projection.

[0045] In an optional embodiment, when the method for comparing images is run on a server, the method can be implemented and executed based on a cloud service system. A cloud service system refers to a service method based on cloud computing. A cloud service system includes a server and a client device. The operating body of the target application program including the method for comparing images and the screen presentation body for realizing image comparison are separated, and the storage and operation of the method for comparing images are completed on the server. The screen presentation of image comparison is completed on the client, and the client is mainly used for receiving and sending user input data and presenting image comparison screens. For example, the client can be a display device with data transmission function close to the user side, such as a mobile terminal, a television, a computer, a handheld computer, a personal digital assistant, a head-mounted display device, etc., but the terminal device for data processing is a server in the cloud. When playing the game, the user operates the client to send instructions to the server, and the server controls the operation of the method program for comparing images according to the instructions, encodes and compresses the data such as the screen of the comparison image, and returns it to the client through the network. Finally, the screen of the comparison image is decoded and output by the client.

[0046] It should be noted that in the embodiments of the present application, the execution subject of the method for comparing images can be a terminal device or a server, wherein the terminal device can be a local terminal device or a client device in the aforementioned cloud service system. The embodiments of the present application do not limit the type of the execution subject.

[0047] It should be noted that the operations that appear in the subsequent detailed introduction of the method for comparing images provided in the embodiment of the present application can all be regarded as operations performed by the player through fingers or controlling a mouse, keyboard, or stylus pen or other media. The specific medium to be used can be determined according to the type of terminal device. For example, when the terminal device is a touch-screen device such as a mobile phone, tablet computer, or game console, the player can operate on the touch screen through any suitable object or accessory such as a finger or stylus. When the terminal device is a non-touch-screen terminal device such as a desktop computer or a laptop computer, the player can operate through an external device such as a mouse or keyboard.

[0048] It should be noted that in the embodiments of the present application, there is no restriction on whether the terminal device providing the graphical user interface is placed horizontally or vertically. The operation mode and corresponding comparison logics set in the method for comparing images are consistent in the horizontal screen and the vertical screen, and only the layout of the interface elements in the graphical user interface is slightly different.

[0049] The technical solution of the present application is described in detail below through specific embodiments. It should be noted that the following specific embodiments can be combined with each other, and the same or similar concepts or processes may not be described in detail in some embodiments.

[0050] like Figure 1 As shown, Figure 1 This is a flowchart of an example of a method for comparing images provided in an embodiment of the present application. It should be noted that the steps shown may be performed in a logical order different from that shown in the flowchart of the method. The method may include the following steps S110 to S140.

[0051] Step S110: displaying a comparison page through a graphical user interface, the comparison page including a first display area and a second display area, the first display area is used to display any object in the object set, and the second display area is used to display a plurality of schematic diagrams in the schematic diagram set; each schematic diagram in the schematic diagram set is respectively associated with each object in the object set;

[0052] Step S120: when a first object in the object set is displayed in the first display area, in response to a first screenshot operation, determining a first screenshot corresponding to the first object, and displaying a first schematic diagram corresponding to the first screenshot in the second display area;

[0053] Step S130: In response to the switching operation, the first object displayed in the first display area is switched to the second object in the object set;

[0054] Step S140: In response to a first selection operation on the first schematic diagram, generating a first screenshot corresponding to the first schematic diagram in a first display area where a second object is displayed.

[0055] The above steps S110 to S140 are described in detail below.

[0056] With respect to the above step S110, the graphical user interface in this embodiment is provided by the terminal described above. The graphical user interface is a visual representation and operation interface for the user to interact with the target application, which includes a virtual scene of the target application, control components, social elements, etc., which are used to show the style of the target application and guide user operations.

[0057] In a graphical user interface, multiple interface contents to be displayed are usually presented in layers. Layers refer to a layered display method in a graphical user interface. Different interface contents can be placed on different layers to better control the display and hiding of each interface content. For example, the three-dimensional models representing the spatial environment can be placed on the scene layer, that is, the scene layer is mainly used to render the spatial environment and the objects therein, including characters, environments, dynamic elements, etc. The display of various UI (User Interface) elements is placed on the UI layer. For example, UI elements can include but are not limited to various operation controls, information panels for displaying various information, and other elements. Since UI elements are interface elements for users to interact with the target application, generally, the display level of the UI layer where the UI elements are placed is higher than the scene layer where the three-dimensional models are placed. That is, the display level of each UI element is higher than the display level of the scene screen.

[0058] In this embodiment, the target application refers to an application that can run the method for comparing images. In this embodiment, the application scenarios of the method for comparing images can include but are not limited to: virtual game scenarios, online shopping scenarios, medical impact scenarios, reading scenarios, engineering and construction scenarios, and all other scenarios that require image comparison. This application embodiment does not specifically limit the application scenario; therefore, the target application can be an application corresponding to different application scenarios.

[0059] In this embodiment, the comparison page is a view area for comparing two or more related objects, which can be divided into two areas, namely, a first display area and a second display area; wherein the first display area is used to display any object in the object set, that is, the first display area is usually used to display one object. The second display area is used to display several schematic diagrams in the schematic diagram set; it should be noted that each schematic diagram in the schematic diagram set is respectively associated with each object in the object set.

[0060] Among them, the above-mentioned object set can be understood as a set composed of several objects participating in feature comparison. The objects in the object set are used to refer to different items. For example, in the application scenario of a virtual game, the object can be a character model, a character image, a prop model, a scene image, or an appearance skin; in an online shopping scenario, the object can be a two-dimensional image or a three-dimensional model of a physical object, or a purchasable virtual item, for example, the object can be a picture of clothing or a picture of accessories; in an engineering construction scenario, the above-mentioned object can be a two-dimensional image or a three-dimensional model of engineering machinery, a building, or a construction environment. As described above, the object can include a two-dimensional object or a three-dimensional object, and this embodiment does not specifically limit this, and this embodiment does not specifically limit the type of object, and can be set according to the specific application scenario.

[0061] It should be noted that the association of the schematic diagram with the object means that there is a certain connection between the schematic diagram displayed in the second display area and an object in the object set. In this embodiment, the schematic diagram can represent the local features or the overall features of an object. This embodiment does not specifically limit the specific graphic style of the schematic diagram, which can be a preset graphic style that is unrelated to the object features, or a graphic style that is similar to some features of the object.

[0062] With respect to the above step S120, in this embodiment, the above first object refers to an object in the object set currently displayed in the first display area, and the first object may be any one in the object set.

[0063] When the first object is displayed in the first display area, a first screenshot operation can be applied to the first object to obtain a first screenshot corresponding to the first object. The screenshot operation refers to the operation process of capturing a two-dimensional image in a specified area on an electronic device, and the first screenshot operation refers to the operation of capturing a two-dimensional image of the first object located in the specified area of ​​the first display area. Based on the first screenshot operation, the first screenshot corresponding to the first object can be determined.

[0064] In an optional specific embodiment, the comparison page is in the screenshot mode by default. When the comparison page is in the screenshot mode, the first screenshot operation can be directly applied to the first object. Optionally, the first screenshot operation can include two sub-operations, namely, a box selection operation and a determination operation. Based on this, first respond to the box selection operation, generate a third cropping window for the first object in the first display area according to the box selection operation, and after the third cropping window is generated, respond to the determination operation, determine the image features located in the third cropping window as the first screenshot corresponding to the first object.

[0065] In this embodiment, the box selection operation means that the user can use a mouse, finger or other input device to define a rectangular or other shaped area to select image features therein. The following are the basic steps of the box selection operation (taking the terminal device as a non-touch screen device as an example): move the mouse cursor to the starting point where you want to start the selection, hold down the mouse button (usually the left button), and then drag the mouse to create a cropping window. When the mouse button is released, all image features in the cropping window will be selected. For more specific screenshot operations, this embodiment does not expand the description.

[0066] The third cropping window is a cropping window generated by the first screenshot operation for the first object, and the third is used to distinguish it from the cropping windows corresponding to each screenshot operation in each embodiment of the present application.

[0067] After the cropping window is determined by the box selection operation, all the image features selected in the cropping window can be determined as the first screenshot in response to the determination operation. Optionally, the determination operation can be a shortcut key operation, a voice command operation, a specific gesture operation, etc. In an optional specific embodiment, the determination operation can be a touch operation on the confirmation control, that is, after the first cropping window is generated, the confirmation control is displayed at the corresponding position of the first cropping window; in response to the eighth touch operation on the confirmation control, the object features of the first object located in the first cropping window are determined as the first screenshot. Among them, the touch operation on the confirmation control is called the eighth touch operation, which is convenient for distinguishing from the remaining touch operations.

[0068] In a specific embodiment, the eighth touch operation may include, but is not limited to: a click operation, a press operation, a slide operation or a drag operation in the control operation area of ​​the confirmation control, and is not specifically limited.

[0069] In some optional specific embodiments, the comparison page is not in the screenshot mode by default. Therefore, before executing the first screenshot operation, it is first necessary to control the comparison page to enter the screenshot mode. In this embodiment, the comparison page may include a screenshot control, which is a pre-set UI element corresponding to controlling the current comparison page to enter the screenshot mode; based on this, the "responding to the first screenshot operation, determining the first screenshot corresponding to the first object" in step S120 can be specifically implemented through the following steps S121 to S122.

[0070] Step S121: In response to the seventh touch operation on the screenshot control, the comparison page is controlled to enter the screenshot mode; the screenshot mode is used to indicate that a screenshot operation can be performed on the content in the comparison page;

[0071] Step S122: when the comparison page is in the screenshot mode, in response to the first screenshot operation, determining a first screenshot corresponding to the first object.

[0072] Among them, acting on the screenshot control means that the operation position of applying the seventh touch operation is located in the control operation area corresponding to the screenshot control, and the control operation area refers to the area that can trigger the program logic of the corresponding control. The seventh touch operation may include but is not limited to: a click operation, a press operation, a slide operation or a drag operation acting on the control operation area corresponding to the screenshot control, etc., which is specifically introduced in comparison with this embodiment. It should be noted that each touch operation involved in the subsequent embodiments of the present application can be a click operation, a press operation, a slide operation or a drag operation, and only the objects of action are different.

[0073] As mentioned above, the screenshot mode is used to indicate that a screenshot operation can be performed on the page content in the current comparison page. In this embodiment, when the comparison page enters the screenshot mode, a corresponding prompt message can be displayed in the comparison page to prompt the user that the comparison page has entered the screenshot mode. For example, when the terminal device is a non-touch screen device, the prompt message may include the mouse cursor changing to a cross cursor state, and displaying a magnifying glass tool at the corresponding position of the cross cursor. The magnifying glass tool can magnify the page content indicated by the cross cursor to help the user determine the starting position of the screenshot operation.

[0074] It should be noted that the starting position and the ending position of the screenshot operation are determined by the coordinate values ​​in the screen coordinate system preset by the terminal device, and no further explanation will be given for this.

[0075] In addition, in the screenshot mode, operations other than the screenshot operation may be prohibited on the current comparison page. To achieve this function, when the comparison page enters the screenshot mode, the control elements in the comparison page may be hidden, for example, the screenshot control provided in the comparison page may be hidden; that is, only elements related to the first object are displayed in the comparison page, so that the user can take a screenshot of the image features of the first object. This is not described in detail in the embodiments of the present application.

[0076] Optionally, in addition to applying the seventh touch operation to the screenshot control to make the comparison page enter the screenshot mode, the screenshot control may not be provided in the comparison page. In this case, the comparison page may be controlled to enter the screenshot mode by shortcut key operation, voice command operation, or air gesture operation. For example, when the terminal device is a non-touch screen device, a shortcut key may be set for this function. For example, the shortcut key corresponding to controlling the comparison page to enter the screenshot mode is the letter key "ctrl" + the number key "1" on the keyboard external to the terminal device. When the user presses the "ctrl" key + the "1" key at the same time, the comparison page may be controlled to enter the screenshot mode. After entering the screenshot mode, the first screenshot operation described above is responded to to determine the first screenshot corresponding to the first object.

[0077] Optionally, when the third cropping window is generated according to the frame selection operation, the inner area and the outer area of ​​the third cropping window can be displayed in a comparison page to distinguish between the inner area and the outer area of ​​the window, so that the user can intuitively confirm the range of the screenshot to be taken. For example, the inner part of the third cropping window can be displayed in a bright state, and the outer part of the window can be displayed in a dark state. Through the contrast between light and dark, the user's visual focus is concentrated on the inner part of the third cropping window, and the user can quickly confirm the range to be screenshotted.

[0078] It should be noted that the third cropping window generated by the above-mentioned frame selection operation does not necessarily completely select the object features of the first object, but rather selects the remaining image elements in the first display area except the first object. In this embodiment, the first screenshot obtained by the screenshot operation applied when the first object is displayed in the first display area can be regarded as the first screenshot corresponding to the first object, regardless of whether the object features of the first object are captured.

[0079] After determining the first screenshot corresponding to the first object according to the above method, the first schematic diagram corresponding to the first screenshot can be displayed in the second display area. As described above, the second display area is used to display a number of schematic diagrams in the schematic diagram set, and each schematic diagram is associated with an object in the object set. Based on this, the first schematic diagram is a schematic diagram corresponding to the first screenshot, and there is an association relationship between the first schematic diagram and the first object. If the first screenshot contains local or overall object features of the first object, then the first schematic diagram is used to represent the local features or overall features of the first object.

[0080] In addition, as described above, this embodiment does not specifically limit the specific graphic style of the schematic diagrams in the schematic diagram set. Therefore, the first schematic diagram can be the first screenshot itself, the thumbnail corresponding to the first screenshot, or a preset icon, such as a heart-shaped, five-pointed star, etc., without specific restrictions. Preferably, in the embodiment of the present application, the schematic diagram displayed in the second display area is a thumbnail corresponding to the first screenshot, that is, a diagram obtained by reducing the first screenshot according to a preset ratio, so that it is convenient for players to intuitively view the mapping relationship between each schematic diagram and each object, that is, the association relationship.

[0081] With respect to the above steps S130 and S140, when the first schematic diagram corresponding to the first object is displayed in the second display area, a switching operation is applied to switch the first object displayed in the first display area to the second object. The switching operation may include, but is not limited to: a touch operation, a shortcut key operation, a voice command operation, an air gesture operation, etc., acting on the control operation area of ​​the switching control provided in the comparison page, without specific limitation.

[0082] The second object may be any object in the object set except the first object, which is not specifically limited in this embodiment.

[0083] After switching the first object to the second object, a first selection operation can be performed on the first schematic diagram to display the first screenshot corresponding to the first schematic diagram in the first display area, that is, the second object and the first screenshot are displayed simultaneously in the first display area to facilitate users to compare the first screenshot and the second object.

[0084] Among them, the above-mentioned first selection operation may include a touch operation, a shortcut operation, a voice command operation, a gesture operation, etc. on the first schematic diagram, wherein the touch operation may include a click operation, a sliding operation, a pressing operation, etc., and there is no specific limitation.

[0085] In some specific embodiments, when the first selection operation is a drag operation starting from the first schematic diagram, the above step S140 "in response to the first selection operation on the first schematic diagram, generating a first screenshot corresponding to the first schematic diagram in the first display area displaying the second object" can specifically be: in response to the drag operation, generating a first screenshot corresponding to the first schematic diagram at the starting position of the drag operation, and controlling the first screenshot to move with the contact position of the drag operation; in response to the end of the drag operation in the first display area, placing the first screenshot at the end position of the drag operation. For example, when the user controls the mouse to apply a drag operation, the first screenshot generated at the starting position of the drag operation always moves with the mouse cursor, which will not be described in detail.

[0086] Optionally, the display conditions of the first screenshot and the second object in the first display area include one or more of the following: the display level of the first screenshot in the first display area is higher than the display level of the second object; the first screenshot and the second object at least partially overlap or do not overlap. The height of the display level refers to the height of the layer where each display element is located in the graphical user interface, which will not be described in detail here.

[0087] Optionally, when the first screenshot is displayed in the first display area, the user can perform an adjustment operation on the first screenshot, and the adjustment operation can be used to adjust the display position and / or display size of the first screenshot in the first display area; that is, the user can drag the first screenshot or scale the first screenshot at will, which is not specifically introduced in this embodiment.

[0088] It can be seen that, through the above method, the comparison page is divided into two parts, namely the first display area and the second display area, wherein the first display area is used to display any object in the object set, and the second display area is used to display several schematic diagrams in the schematic diagram set, and each schematic diagram is associated with an object in the object set; the above first schematic diagram corresponds to the first screenshot of the first object, based on this, when the first object in the first display area is switched to the second object, the first screenshot corresponding to the first schematic diagram can be regenerated in the first display area, and based on the second object and the first screenshot displayed in the first display area at the same time, the first screenshot and the second object can be compared; in this way, when comparing multiple objects, the user does not need to rely on vague memory for comparison, or repeatedly switch to view, but compares by intuitively taking screenshots of multiple objects on the same page, which reduces the user's memory cost of feature information of different objects, reduces the user's redundant operations of switching back and forth, and improves the efficiency of object feature comparison of different objects.

[0089] In some optional implementations, the "displaying the first schematic diagram corresponding to the first screenshot in the second display area" in the above step S140 can be specifically implemented through the following steps S141 to S143.

[0090] Step S141: determining a first position corresponding to the first screenshot when the first screenshot operation determines the first screenshot.

[0091] Step S142: displaying a virtual motion effect of the first screenshot moving from the first position to the second display area;

[0092] Step S143: After the virtual animation effect is hidden, a first schematic diagram corresponding to the first screenshot is displayed in the second display area.

[0093] That is, the purpose of the above steps S141 to S142 is to display, on the comparison page, a prompt message of a virtual motion effect when the first screenshot obtained by the first screenshot operation is stored in the second display area as the first schematic diagram.

[0094] Among them, the virtual motion effect is a dynamic visual design effect, which can be used to simulate the movement feeling of the first screenshot moving from the first position to the second display area, and realize the visual effect of moving the first screenshot from the first display area to the second display area for storage. In a specific embodiment, the virtual motion effect may include but is not limited to visual effects such as flying-in motion effect, bouncing motion effect, and deformation motion effect. Among them, the flying-in motion effect is similar to the trailing effect left by an airplane flying through the sky. The flying-in motion effect from the first position to the second display area can simulate the rapid movement feeling of the first screenshot moving from the first position to the second display area; the bouncing motion effect can be the effect of the first screenshot bouncing from the first position to the second display area; the deformation motion effect can provide the first screenshot to be deformed into different forms when it moves from the first position to the second display area, for example, the animation effect of gradually shrinking the first screenshot demonstrates that the first screenshot is stored in the second display area in the form of a thumbnail. This will not be described in detail.

[0095] Next, combine Figure 2 And a specific example is provided to introduce the above implementation mode in detail.

[0096] It should be noted that in Figure 2 In the specific example shown, the terminal device is a non-touch screen device; the virtual firearm 10 is taken as a specific example of the first object described above, the schematic diagram 16 is a specific example of the first schematic diagram described above, the virtual firearm 17 is taken as a specific example of the second object described above, the click operation is taken as a specific example of the seventh touch operation acting on the screenshot control described above, and the drag operation is taken as a specific example of the first selection operation described above.

[0097] like Figure 2 As shown, a comparison page 1000 is displayed in the graphical user interface, and the comparison page 1000 may include a first display area 100 and a second display area 101. In the first display area 100, a virtual firearm 10, a screenshot control 11 and a switch control 12 are displayed.

[0098] Based on the comparison page 1000, when the user controls the mouse cursor to click the control operation area where the screenshot control 11 is located, the comparison page 1000 can be controlled to enter the screenshot mode. As described above, when the comparison page enters the screenshot mode, corresponding prompt information can be displayed to prompt the user that the comparison page has entered the screenshot mode;

[0099] exist Figure 2In the example shown, that is, in response to a click operation on the screenshot control 11, the comparison page 1000 is switched to the comparison page 1001, and the prompt information 13 is displayed in the comparison page 1001. At this time, the comparison page 1001 is in the screenshot mode; wherein, the prompt information 13 includes a mouse cursor that changes to a cross cursor state, and a magnifying glass tool is displayed at the lower right corner of the cross cursor, and the magnifying glass tool can enlarge the page content indicated by the cross cursor to help the user determine the starting position of the screenshot.

[0100] In addition, in the comparison page 1001 , the screenshot control 11 is displayed in a filled state, indicating that the comparison page 1001 is in a screenshot mode.

[0101] Based on the comparison page 1001, if the player moves the cross cursor to the starting position where he wants to start taking the screenshot, and then holds down the left mouse button and drags the mouse to create a cropping window, after the cropping window is created, release the mouse to obtain the third cropping window described above; that is, after releasing the mouse, the comparison page 1001 can be switched to the comparison page 1002, in which the third cropping window 14 is displayed, and a confirmation control 15 is displayed in the upper right corner of the third cropping window 14.

[0102] In addition, when generating the third cropping window 14, the control elements displayed in the comparison page that are not related to the screenshot can be hidden, such as hiding the screenshot control 11 and the switch control 12 displayed in the comparison page 1001, and the internal area and the external area of ​​the third cropping window 14 can be displayed with different brightness. For example, in the comparison page 1002, the display brightness of the internal area of ​​the third cropping window 14 is higher than the display brightness of the external area.

[0103] Optionally, on this basis, the user can select the right side and the bottom point of the third cropping window 14 with the mouse and move them to adjust the size of the third cropping window, which will not be further described here.

[0104] Based on the comparison page 1002, when the user clicks the confirmation control 15, the image feature displayed inside the third cropping window 14 can be determined as the first screenshot corresponding to the virtual firearm 10, and the first schematic diagram corresponding to the first screenshot is displayed in the second display area 101. That is, in response to the click operation, the comparison page 1002 can be switched to the comparison page 1003, and the schematic diagram 16 associated with the virtual firearm 10 is displayed in the second display area 101 of the comparison page 1003. The schematic diagram 16 can be a thumbnail corresponding to the screenshot cropped by the third cropping window 14. At this time, the screenshot control 11 and the switch control 12 hidden in the comparison page 1002 can be displayed.

[0105] Based on the comparison page 1003, if the user applies a click operation to the left side of the control operation area of ​​the switch control, the virtual firearm 10 currently displayed in the first display area 100 can be switched to another virtual firearm, that is, the comparison page 1003 is switched to the comparison page 1004, and the virtual firearm 17 is displayed in the first display area 100.

[0106] Based on the comparison page 1004, when the virtual firearm 17 is displayed in the first display area 100, if the player applies a drag operation to the schematic diagram 16 displayed in the second display area 101, with the position of the schematic diagram 16 as the starting position and the direction indicated by the dotted arrow as the drag direction, the screenshot obtained by cropping the third cropping window 14 corresponding to the schematic diagram 16 can be displayed in the first display area 100, that is, in response to the drag operation, the comparison page 1004 can be switched to the comparison page 1005, and the screenshot 18 is displayed in the first display area 100 in the comparison page 1005, and the screenshot 18 is used to display the grip part of the virtual firearm 10, and the display level of the screenshot 18 in the comparison page 1005 is higher than the display level of the virtual firearm 17.

[0107] In this way, the grip part of the virtual firearm 10 and the grip part of the virtual firearm 17 can be intuitively compared in detail in the comparison page 1005. The user does not need to rely on vague memory for comparison, or switch to view repeatedly. Instead, by intuitively comparing the grip screenshot 18 of the virtual firearm 10 with the grip of the virtual firearm 17 in the comparison page 1005, the user's memory cost of the characteristic information of the grip of the virtual firearm 10 and the grip of the virtual firearm 17 is reduced, the redundant operation of the user switching back and forth is reduced, and the efficiency of object feature comparison is improved.

[0108] The following is a detailed description of the method for comparing images provided in this application.

[0109] In some optional embodiments, the second display area displayed in the comparison page can be divided into several sub-areas. Based on this, the "displaying the first schematic diagram corresponding to the first screenshot in the second display area" in the above step S120 can specifically be: displaying the first schematic diagram corresponding to the first screenshot in one of the several sub-areas that are in an unoccupied state. When a schematic diagram is displayed in a sub-area, it means that the sub-area is in an occupied state, and when a schematic diagram is not displayed in a sub-area, it means that the sub-area is in an unoccupied state. In this embodiment, when a new schematic diagram is generated, it is necessary to display the new schematic diagram in a sub-area that is in an unoccupied state.

[0110] Correspondingly, after the first schematic diagram corresponding to the first screenshot is displayed in a sub-region in an unoccupied state among the plurality of sub-regions, the region state of the sub-region occupied by the first schematic diagram is adjusted from an unoccupied state to an occupied state.

[0111] In some optional implementations, the “displaying the comparison page through a graphical user interface” in the above-described step S110 can be specifically implemented through the following steps S111 to S112.

[0112] Step S111: displaying an inspection page of a target object in the object set through a graphical user interface, wherein the inspection page displays the target object and description information of the target object; the target object is any object in the object set.

[0113] Step S112: In response to the comparison operation performed on the inspection page, a comparison page of the target object is displayed in the graphical user interface.

[0114] The purpose of step S111 and step S112 is to clarify the source of the comparison page, that is, the comparison page is the comparison page corresponding to the target object, and the comparison page is entered through the inspection page of the target object.

[0115] In this embodiment, the above-mentioned inspection view page refers to a page mainly used to display a two-dimensional image or a large picture of a three-dimensional model of a target object, that is, a page that mainly displays a two-dimensional image or a three-dimensional model and is supplemented by text description information; for example, in an online shopping platform, the inspection view page is a page used to display a two-dimensional image of a product.

[0116] The target object is the source object of the view page. The target object can be any object in the object set described above. The target object can be the first object described above, or any second object other than the first object. This embodiment does not specifically limit this.

[0117] The inspection view page may include but is not limited to the target object and its description information, wherein the target object may be displayed in a two-dimensional picture or a three-dimensional model of the target object in the inspection view page, and the description information of the target object may include but is not limited to: the name of the target object, a detailed introduction to the target object, an evaluation of the target object, etc.

[0118] The comparison operation on the inspection page may include but is not limited to: a shortcut key operation, a first touch operation on the comparison control provided on the inspection page, a voice command operation, etc. The first touch operation may include but is not limited to: a click operation, a press operation or a slide operation on the control operation area of ​​the comparison control.

[0119] In response to the first touch operation, the comparison page corresponding to the target object can be displayed. It is understandable that, usually, if the source of the comparison page is the target object, when the comparison page is just opened, the first display area in the comparison page displays the target object by default.

[0120] It should be noted that in this embodiment, when the comparison page of the target object is displayed, the inspection page of the target object can be hidden, that is, "select one to display" can be realized; or, they can be displayed at the same time, as long as the display areas of the two do not overlap, which can be set according to actual needs and is not limited here.

[0121] In the optional embodiments provided by the present application, the comparison page of the target object can be in different comparison modes. For example, the comparison page of the target object can include a first comparison mode and a second comparison mode; wherein the first comparison mode can be called the same-area comparison mode, and the second comparison mode can be called the free comparison mode; the same-area comparison mode means that in the comparison page, the object features of different objects in the specified area of ​​the first display area can be compared, and the free comparison mode means that in the comparison page, the image features of different objects in any area of ​​the first display area can be compared. That is, compared with the same-area comparison mode, the free comparison mode has a more flexible screenshot range and number of times.

[0122] The following describes in detail the differences between the methods for comparing images in the two comparison modes.

[0123] First, the implementation process of how to enter the comparison page in different comparison modes is described.

[0124] In this optional embodiment, when a comparison control is provided in the inspection view page of the target object, the above step S112 "responding to the comparison operation in the inspection view page, displaying the comparison page of the target object in the graphical user interface" can be specifically implemented through the following steps A1 to A2.

[0125] Step A0: In response to a first touch operation on the comparison control, a mode menu cascaded with the comparison control is displayed at a corresponding position of the comparison control; the mode menu includes a first mode control;

[0126] Step A1: In response to a second touch operation applied to a first mode control, a comparison page of a target object is displayed in a graphical user interface, and the comparison page of the target object is controlled to enter a first comparison mode; the first comparison mode is used to characterize that object features of different objects in designated areas of a first display area can be compared on the comparison page.

[0127] That is, the purpose of the above steps A0 to A1 is to enter the comparison page of the target object in the first comparison mode.

[0128] Based on step A0 and step A1, in some optional embodiments, the above-mentioned mode menu also includes a second mode control; based on this, the method for comparing images provided in the present application may also include the following step B1.

[0129] Step B1: In response to the fourth touch operation applied to the second mode control, a comparison page of the target object is displayed in the graphical user interface, and the comparison page is controlled to enter the second comparison mode, wherein the second comparison mode is used to characterize that image features of different objects in any area in the first display area can be compared on the comparison page.

[0130] The purpose of the above step B1 is to enter the comparison page of the target object in the second comparison mode. The method for comparing images in the second comparison mode can be specifically referred to in the following description, which will not be described in detail here.

[0131] As described above, the comparison control is a UI element provided in the inspection page of the target object and used to switch from the inspection page to the comparison page.

[0132] The first touch operation can refer to the above description and will not be described again here.

[0133] The corresponding position of the above-mentioned comparison control may be a position associated with the comparison control, such as a position adjacent to the comparison control, such as above, below, left, right, etc.

[0134] The mode menu cascaded with the contrast control means that the state of the mode menu automatically changes with the state of the contrast control, that is, the mode menu can be understood as a cascade drop-down menu of the contrast control. When the user applies the first touch operation to the contrast control, the mode menu can be displayed in the view page; when the user does not apply the first touch operation to the contrast control, the mode menu is not displayed.

[0135] The mode menu may include a first mode control and / or a second mode control, wherein the first mode control is the control corresponding to the first contrast mode described above, and the second mode control is the control corresponding to the second contrast mode described above.

[0136] The second touch operation acting on the first mode control and the second touch operation acting on the second mode control may include but are not limited to: a click operation, a press operation, a slide operation, etc., without specific limitation.

[0137] The designated area of ​​the first display area mentioned above can be understood as: the area corresponding to the cropping window specified when the screenshot operation is first applied in the first display area, that is, in the same area comparison mode, each screenshot obtained is located in the same area of ​​the first display area, while in the free comparison mode, the area of ​​each screenshot can be different.

[0138] Next, combine Figure 3 And a specific example, the process of opening the comparison page of the target object in different comparison modes is introduced in detail.

[0139] exist Figure 3 In the specific example shown, a virtual firearm 10 is used as a specific example of a target object; the same-area comparison control is used as a specific example of the first mode control described above, and the same-area comparison mode is used as a specific example of the first comparison mode described above; the free comparison control is used as a specific example of the second mode control described above, and the free comparison mode is used as a specific example of the second comparison mode described above;

[0140] like Figure 3 As shown, Figure 3 An inspection page 1006 of a virtual firearm 10 is provided, in which an image for showing surface details of the left and right sides of the virtual firearm 10 and description information of the virtual firearm 10 are displayed, the description information including the name, wear, category and type of the virtual firearm 10, wherein the name of the virtual firearm is: AK47, the wear is: 0.3125, the category is: ordinary, and the type is rifle. In addition, a comparison control 8 and a close control 9 are also displayed in the inspection page 1006, wherein the comparison control 8 is an entry UI element for entering the comparison page of the virtual firearm 10, and the close control 9 is a UI element for closing the inspection page of the virtual firearm 10.

[0141] Based on the inspection view page 1006 of the above-mentioned virtual firearm 10, if the user applies a click operation to the comparison control 8, the mode menu cascaded with the comparison control 8 can be displayed, that is, the inspection view page 1006 is switched to the inspection view page 1007, and the mode menu 9 is displayed in the inspection view page 1007, and the mode menu 9 includes the same-area comparison control and the free comparison control.

[0142] Based on the inspection page 1007, if the user clicks the same-area comparison control, the inspection page 1007 can be switched to display the comparison page 1008 of the virtual firearm 10, and the comparison page 1008 can be controlled to enter the same-area comparison mode. In this example, the comparison page 1008 in the same-area comparison mode displays the virtual firearm 10 by default, and enters the screenshot mode by default. Therefore, the prompt information 13 is displayed in the comparison page 1008 to prompt the user that the current comparison page is in the screenshot mode and a screenshot operation can be performed.

[0143] Based on the inspection page 1007, if the user applies a click operation to the free comparison control, the inspection page 1007 can be switched to display the comparison page 1009 of the virtual firearm 10, and the comparison page 1009 can be controlled to enter the free comparison mode. In this example, the comparison page 1009 in the free comparison mode displays the virtual firearm 10 by default, and enters the screenshot mode by default. Therefore, the prompt information 13 is displayed in the comparison page 1009 to prompt the user that the current comparison page is in the screenshot mode and a screenshot operation can be applied.

[0144] Next, a method for partially comparing images in the same-area comparison mode is introduced.

[0145] In some optional embodiments, in the above-described step S120, "in response to the first screenshot operation, determining the first screenshot corresponding to the first object" can be specifically implemented by the following step A2.

[0146] Step A2: when the comparison page enters the first comparison mode and all the sub-areas in the second display area are in an unoccupied state, in response to the first screenshot operation, determining a first screenshot corresponding to the first object.

[0147] The purpose of step A2 is to limit the precondition for the electronic device to respond to the first screenshot operation to: the comparison page of the target object is in the first comparison mode and all sub-areas of the second display area in the comparison page of the target object are unoccupied. That is, only when the comparison page enters the first comparison mode and all sub-areas of the second display area are not occupied by schematic diagrams, can the electronic device respond to the first screenshot operation and determine the first screenshot corresponding to the first object. In other words, the above-mentioned first screenshot operation can only be performed when the user does not perform the screenshot operation in the first comparison mode. The first screenshot operation can refer to the description of step S120 above, which will not be repeated here.

[0148] like Figure 3As shown, in the comparison page 1008, the second display area does not display any schematic diagram at this time, that is, each sub-area in the second display area is in an unoccupied state. In this state, the user can directly perform the first screenshot operation in the comparison page 1008 to capture the first screenshot of the virtual firearm 10. For details about the first screenshot operation, please refer to Figure 2 Introduction, no further elaboration is given here.

[0149] Correspondingly, in an optional embodiment, the method for comparing images provided in the present application may further include the following step A3.

[0150] Step A3: when any sub-area in the second display area is in an occupied state, in response to a screenshot instruction, a first screenshot corresponding to the first object is determined.

[0151] The purpose of this step A3 is to determine, when any sub-area in the second display area is in an occupied state, the timing of determining the first screenshot corresponding to the first object is: responding to a screenshot instruction, which is different from the step A3 described above that determines the timing of the first screenshot corresponding to the first object: responding to the first screenshot operation.

[0152] That is, if any sub-area in the second display area is in an occupied state, that is, a screenshot operation has been applied in the first comparison mode, the electronic device prohibits the user from applying the screenshot operation, that is, the electronic device cannot respond to the first screenshot operation to determine the first screenshot corresponding to the first object, but directly responds to the screenshot instruction to determine the first screenshot corresponding to the first object.

[0153] In other words, in the first comparison mode, the screenshot operation can be performed only when all sub-areas in the second display area are in an unoccupied state, and the screenshot operation cannot be performed when any sub-area is occupied.

[0154] It is understandable that the screenshot instruction refers to a processing instruction for determining a first screenshot of the first object when any sub-area of ​​the second display area is in an occupied state. In some optional specific implementations, the screenshot instruction can be generated in the following exemplary manner.

[0155] 1. Generate a screenshot instruction by providing a new screenshot control in the comparison page and responding to a third touch operation on the new screenshot control.

[0156] 2. In response to a switching event in which the object displayed in the first display area switches to the first object, a screenshot instruction is generated.

[0157] The newly added screenshot control is a UI element that is provided with processing logic for generating a screenshot instruction. The timing of providing the newly added screenshot control through the comparison page can be: displaying the newly added screenshot control permanently after the comparison page is opened; or displaying the newly added screenshot control after the first screenshot operation is applied. This embodiment does not specifically limit the display timing of the newly added screenshot control, and it can be set according to actual needs.

[0158] The third touch operation acting on the newly added screenshot control may include, but is not limited to: a click operation, a press operation, a slide operation or a drag operation on the control operation area of ​​the newly added screenshot control.

[0159] That is, in the above-mentioned first example method, the user can generate a screenshot instruction by applying a third touch operation to the newly added screenshot control. The electronic device responds to the screenshot instruction and automatically captures the first screenshot of the first object without the user having to apply the first screenshot operation described above, thereby simplifying the user's operation.

[0160] In the second example method mentioned above, when the comparison page of the control target object enters the first comparison mode and any sub-area in the second display area is in an occupied state, if the first object is not currently displayed in the first display area of ​​the comparison page, when the currently displayed object is switched to the first object so that the first object is displayed in the first display area, a screenshot instruction can be automatically generated to take a first screenshot of the first object; that is, the electronic device automatically performs a screenshot operation on the first object displayed in the first display area when certain conditions are met, without the need for the user to apply a third touch operation on the newly added screenshot control as in the first example method.

[0161] Generally, as described above, when the comparison page is a comparison page corresponding to the target object, the target object is displayed by default when the comparison page is just opened, and the comparison page just opened can be in screenshot mode by default, and there is usually no schematic diagram in the second display area. At this time, the user can only directly apply the screenshot operation to determine the screenshot corresponding to the target object. When the target object is the first object, the first screenshot operation can be directly applied to determine the first screenshot corresponding to the first object. Figure 3 The comparison page 1008 and the comparison page 1009 shown are both comparison pages that have just been opened, and are both in the screenshot mode by default. In this case, the user can directly perform a screenshot operation on the virtual firearm 10.

[0162] When the comparison page that has just been opened displays the target object by default but is not in the screenshot mode, the user can perform a switching operation at any time to switch the currently displayed target object to other objects. For example, when the first object is not the target object, if the first object is displayed in the first display area, it means that the switching operation has been performed in the comparison page. In this case, it is necessary to determine whether each of the sub-areas in the second display area is in an unoccupied state. If each of the sub-areas is in an unoccupied state, the first screenshot operation can be performed to determine the first screenshot corresponding to the first object.

[0163] In some optional embodiments, when the comparison page of the target object enters the first comparison mode, the first mode control is highlighted in the comparison page.

[0164] Correspondingly, in an optional embodiment, when the comparison page of the target object enters the second comparison mode, the second mode control is highlighted in the comparison page.

[0165] Among them, highlighting the first mode control means displaying the first mode control in a way that can focus on the user's implementation. For example, hiding the contrast control and the mode menu, and only displaying the first mode control; or, in a specific embodiment, the highlighting method can specifically include one or more of the following exemplary methods: highlighting, strobing, and bordering, etc.; among them, highlighting means displaying the display brightness of the first mode control at a brightness that exceeds the display brightness of the remaining controls; strobing means flashing the first mode control at a preset frequency within a preset time; and bordering means displaying the border of the first mode control in bold or in a preset color.

[0166] The highlighting method for the second mode control can refer to the highlighting method for the first mode control, and will not be described in detail here. Figure 3 In the comparison page 1008 shown in FIG. 1 , the same-area comparison control 19 is highlighted, for example, in blue; in the comparison page 1009 , the free comparison control 22 is displayed in orange.

[0167] In this way, the first mode control can be highlighted to remind the user that the comparison page is currently in the first comparison mode; the second mode control can be highlighted to remind the user that the comparison page is currently in the second comparison mode, thereby improving the user experience.

[0168] In some optional specific embodiments, when the comparison page enters the first comparison mode, that is, enters the same-area comparison mode, the aforementioned "responding to the screenshot instruction, determining the first screenshot corresponding to the first object" can be specifically implemented through the following steps S1 to S2.

[0169] Step S1: In response to a screenshot instruction, obtain the position information and size information of the first cropping window; the first cropping window is a cropping window generated in the first display area in response to a target screenshot operation; the target screenshot operation is a screenshot operation applied when all sub-areas in the second display area are in an unoccupied state.

[0170] Step S2: determining a first screenshot corresponding to the first object according to the position information and size information of the first cropping window.

[0171] The purpose of step S1 and step S2 is to clarify the specific implementation method of responding to the screenshot instruction and determining the first screenshot of the first object in the same-area comparison mode.

[0172] As described in step S1 above, the first cropping window is a cropping window generated in response to a target screenshot operation. In this embodiment, the target screenshot operation is a screenshot operation applied when all sub-areas in the second display area in the comparison page are in an unoccupied state. For example, the target screenshot operation may include the first screenshot operation for the first object described above, but is not limited to the first screenshot operation. When the second object in the object set is displayed in the first display area, if all sub-areas in the second display area are in an unoccupied state, the target screenshot operation may be a screenshot operation for the second object, and this embodiment does not specifically limit this.

[0173] In this embodiment, the position information of the first cropping window refers to the starting position of generating the first cropping window. Usually, the position information is the coordinate information corresponding to the position of the corner point of the upper left corner of the first cropping window. Figure 2 As shown in , when the first cropping window is the cropping window 14 in the comparison page 1002 , the position information of the cropping window 14 is the coordinate information of point A.

[0174] The size information of the first cropping window refers to a specific size of the first cropping window; that is, the size information may include window length information and window width information of the first cropping window.

[0175] After obtaining the position information and size information of the first cropping window, execute the above step S2. In a specific embodiment, the above step S2 can specifically determine the image features in the area constituted by the position information and size information corresponding to the first cropping window as the first screenshot corresponding to the first object; that is, determine the area constituted by the position information and size information in the background of the electronic device, and determine the image features in the area as the first screenshot corresponding to the first object.

[0176] In an optional specific embodiment, the above step S2 can also be implemented through the following steps S20 to S21.

[0177] Step S20: generating a second cropping window in the first display area according to the position information and size information of the first cropping window; wherein the position information of the second cropping window in the first display area is the same as the position information of the first cropping window in the first display area, and the size information of the second cropping window is the same as the size information of the first cropping window;

[0178] Step S21: determining a first screenshot corresponding to a first object through a second cropping window.

[0179] In the above step S20, generating the second cropping window in the first display area means that after generating the second cropping window according to the position information and size information of the first cropping window, the second cropping window is displayed in the first display area. That is, the second cropping window is generated with the same starting position and size as the first cropping window, so that the second cropping window and the first cropping window occupy the same area in the first display area;

[0180] After the second cropping window is generated, the first screenshot corresponding to the first object can be determined according to the second cropping window; after the first screenshot is determined, it is convenient for subsequent comparison. In this way, through the above steps S20 to S21, when different objects are displayed in the first display area, the first cropping window and the second cropping window can crop the image features of the same area of ​​the first display area, thereby realizing "comparison of the same area for different objects".

[0181] Next, combine Figure 4 And a specific example is used to describe in detail the above-mentioned “responding to the screenshot instruction and determining the first screenshot of the first object” in the first comparison mode.

[0182] exist Figure 4 In the example provided, “responding to the third touch operation on the newly added screenshot control, generating a screenshot instruction” is used as a specific example of generating a screenshot instruction; the virtual firearm 10 is used as a specific example of the target object, the schematic diagram 16 is a specific example of a schematic diagram corresponding to the virtual firearm 10, and the schematic diagram 16 is used as a specific example of a schematic diagram obtained in response to the target screenshot operation, the cropping window 23 is used as a specific example of the second cropping window, and the Figure 2 The cropping window 14 shown is a specific example of a first cropping window, and the virtual firearm 17 is a specific example of a first object.

[0183] like Figure 4 As shown, the comparison page 1010 is a comparison page in the same area comparison mode. The first display area of ​​the comparison page currently displays a virtual firearm 17, and the second display area displays a schematic diagram 16 corresponding to the virtual firearm 10. The schematic diagram 16 is a screenshot thumbnail of the grip of the virtual firearm 10. The process of obtaining the schematic diagram 16 can be referred to Figure 2 Introduction, no further elaboration is given here.

[0184] As described above, when the schematic diagram 16 is displayed in the second display area, it means that the sub-area of ​​the second display area where the schematic diagram 16 is displayed is in an occupied state, and at this time, the user cannot perform the first screenshot operation on the virtual firearm 17 .

[0185] Based on the above-mentioned comparison page 1010, when the user applies a click operation to the newly added screenshot control 20, a screenshot instruction is generated, and in response to the screenshot instruction, the position information and size information of the first cropping window corresponding to the target screenshot operation applied to the virtual firearm 10 are obtained, and a second cropping window is generated based on the position information and size information, that is, in response to the click operation, the comparison page 1010 is switched to be displayed as the comparison page 1011, and the cropping window 23 is displayed in the second display area of ​​the comparison page 1011, and the position of the cropping window 23 in the comparison page 1011 is the same as that in the comparison page 1011. Figure 3 The cropping window 14 shown is at the same position in the comparison page 1002 , and the cropping window 23 and the cropping window 14 have the same size.

[0186] Based on the comparison page 1011, when the user clicks the confirmation control 15 displayed in the upper right corner of the cropping window 23, the image features selected inside the cropping window 23 can be determined as the screenshot corresponding to the virtual firearm 17, and the comparison page 1011 can be switched to the comparison page 1012, and the schematic diagram 24 corresponding to the screenshot of the virtual firearm 17 is displayed in the second display area of ​​the comparison page 1012.

[0187] That is, Figure 4 As shown, in the same-area comparison mode, schematic diagrams 16 and 23 displayed in the second display area of ​​comparison page 1012 respectively correspond to screenshots of the grip parts of different virtual firearms in the same area of ​​the first display area, and the sizes can be kept consistent.

[0188] In some optional specific embodiments, in the above-described step A3, "determining the first screenshot corresponding to the first object in response to the screenshot instruction" can be specifically implemented through the following steps A31 to A32.

[0189] Step A31: Determine the screenshot status of the first display area.

[0190] Step A32: when the first display area is in a screenshot-capable state, in response to a screenshot instruction, determining a first screenshot corresponding to the first object; the screenshot-capable state is used to indicate that a screenshot can be taken for the first display area.

[0191] The purpose of step A31 to step A32 is to add limiting conditions for the electronic device to respond to the screenshot instruction in the same-area comparison mode, and the limiting conditions are specifically: when the first display area is in a screenshot-capable state.

[0192] Correspondingly, when the first display area is in a state where screenshots cannot be taken, the method for comparing images provided in the present application may further include the following step A33.

[0193] Step A33: When the first display area is in a state where screenshots cannot be taken, in response to a screenshot instruction, a first prompt message is displayed on the comparison page, where the first prompt message is used to prompt that the first display area is in a state where screenshots cannot be taken.

[0194] The purpose of step A33 is to clarify the logic executed in response to the screenshot instruction when the first display area is in a state where screenshots are not allowed.

[0195] That is, in the embodiment of the present application, when the comparison page enters the same-area comparison mode, it can respond to the screenshot instruction and determine the first screenshot of the first object only when the first display area is in a screenshot-capable state.

[0196] The screenshot state may include a screenshot-enabled state and a screenshot-incapable state, wherein the screenshot-enabled state is used to indicate that a screenshot can be taken for the first display area, and the screenshot-incapable state is used to indicate that a screenshot cannot be taken for the first display area.

[0197] It should be noted that when an object is displayed in the first display area, the object usually only occupies a portion of the first display area. When the first display area is in a non-screenshot state, it means that no screenshot can be taken for any area of ​​the first display area, even an area where no object is displayed.

[0198] like Figure 4 As shown, based on the comparison page 1012, the virtual firearm 17 displayed in the first display area now has a corresponding schematic diagram 24 in the second display area. At this time, if the user clicks the newly added screenshot control 20 again, the comparison page 1012 can be switched to the comparison page 1013. A prompt message 25 is displayed in the comparison page 1013. The prompt message 25 includes the text message "The virtual firearm already has a corresponding schematic diagram, and a screenshot is not currently available." Based on the prompt message, the user can know that the virtual firearm 17 has a corresponding schematic diagram, and a screenshot cannot be created at this time.

[0199] In an optional specific embodiment, the screenshot status of the first display area can be determined through the following steps A310 to A312.

[0200] Step A310: Determine the object type of the first object currently displayed in the first display area, where the object type includes objects that can be screenshotted and objects that cannot be screenshotted.

[0201] Step A311: when the first object is a screenshot-capable object, determining that the first display area is in a screenshot-capable state;

[0202] Step A312: When the first object is an object that cannot be captured in a screenshot, determine that the first display area is in a state that cannot be captured in a screenshot.

[0203] Among them, the screenshot-capable object is an object that does not correspond to an associated schematic diagram in the schematic diagram set; the screenshot-uncapable object is an object that corresponds to an associated schematic diagram in the schematic diagram set.

[0204] That is, when there is no schematic diagram associated with the first object in the second display area, it can be determined that the first object is a screenshot-capable object. At this time, the first display area where the first object is located is in a screenshot-capable state, that is, a screenshot can be taken in the first display area; and when there is a schematic diagram associated with the first object in the second display area, it can be determined that the first object is a non-screenshot object. At this time, the first display area where the first object is located is in a non-screenshot state, that is, a screenshot cannot currently be taken in the first display area.

[0205] like Figure 4 As shown, in the comparison page 1010, the virtual firearm 17 does not correspond to an associated schematic diagram in the second display area. Therefore, the virtual firearm 17 can be regarded as a screenshot-capable object, thereby displaying the first display area of ​​the virtual firearm 17 in a screenshot-capable state. In the comparison page 1012, the virtual firearm 17 corresponds to an associated schematic diagram 24 in the second display area. At this time, the virtual firearm 17 is a non-screenshot object, thereby currently displaying the first display area of ​​the virtual firearm 17 in a non-screenshot state.

[0206] That is, according to steps A310 to A312, in the same-area comparison mode, each object in the object set can only correspond to one schematic diagram in the second display area, and when a schematic diagram corresponding to a certain object is displayed in the second display area, a screenshot cannot be implemented in the first display area where the object is displayed. In this way, it can be avoided that repeated schematic diagrams of the same area are generated when repeatedly switching to a certain object.

[0207] Next, a method for comparing some images in free comparison mode is introduced.

[0208] In some optional implementations, based on step B1 described above, when the comparison page is controlled to enter the second comparison mode, the method for comparing images provided in the present application may further include the following step B2.

[0209] Step B2: when the comparison page of the target object is in the second comparison mode, control the comparison page of the target object to enter a screenshot-enabled state until exiting the second comparison mode; the screenshot-enabled state is used to indicate that a screenshot operation can be performed on the first display area in the comparison page.

[0210] In this embodiment, in the second comparison mode, the comparison page is controlled to enter a screenshot-enabled state until the comparison page exits the second comparison mode; that is, as long as the comparison page is in the free comparison mode, the screenshot operation can be performed regardless of whether the object displayed in the first display area is a screenshot-enabled object, that is, one object can correspond to several associated schematic diagrams in the second display area.

[0211] It should be noted that, in the free comparison mode, the screenshot operation can be applied arbitrarily, and each screenshot operation is manually performed by the user. Therefore, in the free comparison mode, it is allowed to create screenshots with different starting positions and sizes each time, that is, screenshots of different sizes can be obtained.

[0212] Next, combine Figure 5 A specific example is also provided to introduce in detail the method of comparing images in the above-mentioned free comparison mode.

[0213] like Figure 5 As shown, the comparison page 1014 is a comparison page in a free comparison mode. The first display area of ​​the comparison page 1014 currently displays a virtual firearm 10 , and the second display area displays a schematic diagram 16 associated with the virtual firearm 10 .

[0214] Based on the comparison page 1014, when the user clicks the newly added screenshot control 20, the comparison page 1014 can be switched to the comparison page 1015, and the comparison page 1015 enters the screenshot mode. The prompt information 13 is displayed in the comparison page 1015 to prompt the user that a screenshot can be taken at present.

[0215] Based on the comparison page 1015, the user can perform the box selection operation described above, and then switch the comparison page 1015 to the comparison page 1016, so as to generate a cropping window 25 in the comparison page 1016, and display a confirmation control 15 in the upper right corner of the cropping window 25. When the user clicks on the confirmation control 15, the comparison page 1016 can be switched to the comparison page 1017, and a schematic diagram 26 corresponding to the screenshot obtained by cropping the virtual firearm 10 with the cropping window 25 is displayed in the second display area of ​​the comparison page 1017.

[0216] It can be seen that Figure 4 When taking a screenshot in the same-area comparison mode shown in the figure, it is necessary to determine whether the first display area is in a screenshot-capable state. Figure 5In the free comparison mode shown, the comparison page is always in a screenshot-capable state. Even if the virtual firearm 10 has an associated schematic diagram 16 corresponding to it in the second display area, it does not prevent the screenshot operation from being applied to the virtual firearm 10 again to obtain the schematic diagram 26 .

[0217] In addition, the position and size of the clipping window 25 and the clipping window 14 corresponding to the schematic diagram 16 may be different.

[0218] It should be noted that, in this embodiment, the sizes of the schematic diagrams displayed in the second display area can be the same and are not affected by the size of the screenshot.

[0219] In summary, two comparison modes are provided in the embodiment of the present application, namely the same-area comparison mode and the free comparison mode. In the same-area comparison mode, only one screenshot is allowed to be created for an object displayed in the first display area, while in the free comparison mode, several screenshots are allowed to be created for an object displayed in the first display area. In layman's terms, the same-area comparison mode is a quick and intelligent comparison mode that locks the screenshot area, while the free comparison mode is a manual version and a more customized comparison mode. In this way, a variety of comparison modes are provided to meet the different needs of users.

[0220] Below, some common points between the free comparison mode and the same-area comparison mode are described in detail, that is, both the free comparison mode and the same-area comparison mode can include the following implementation methods.

[0221] In some optional embodiments, the method for comparing images provided in the present application may further include the following step S150.

[0222] Step S150: In response to a delete instruction for the first schematic diagram, the first schematic diagram displayed in the second display area is deleted.

[0223] As described above, after executing step S120 to display the first schematic diagram of the first object in the second display area, the first schematic diagram may be deleted.

[0224] The above-mentioned deletion instruction for the first schematic diagram refers to a processing instruction for deleting the first schematic diagram displayed in the second display area so as to make the first schematic diagram invisible. In an optional specific embodiment, the deletion instruction can be generated in the following exemplary manner.

[0225] Example 1: In response to a touch operation on a close control displayed on the first schematic diagram, a delete instruction is generated.

[0226] Example 2: In response to the display time of the first schematic diagram in the second display area reaching a preset time, a deletion instruction is generated.

[0227] The above-mentioned touch operation acting on the closing control displayed on the first schematic diagram may include a click operation, a slide operation, a press operation, etc. acting on the control operation area of ​​the closing control, and is not specifically limited.

[0228] The above-mentioned preset time length can be the maximum time length that the schematic diagram can be displayed in the second display area, which can be 20 seconds, 1 minute, 2 minutes, or other time lengths, without limitation.

[0229] It should be noted that in the same-area comparison mode, when the first schematic diagram associated with the first object is deleted, the first object is adjusted from a non-screenshot object to a screenshot object, and accordingly, the first display area is adjusted from a non-screenshot area to a screenshot area. In the free comparison mode, when the first schematic diagram associated with the first object is deleted, only the number of schematic diagrams associated with the first object is reduced, and the type of the first object and the status of the first display area are not adjusted.

[0230] Optionally, the method for comparing images provided in the present application may further include the following step S160.

[0231] Step S160: when the first screenshot corresponding to the first schematic diagram is displayed in the first display area, the first screenshot displayed in the first display area is deleted according to the deletion instruction.

[0232] That is, the purpose of step S160 is to limit the deletion of the first schematic diagram and the first screenshot corresponding to the first schematic diagram in response to the deletion instruction for the first schematic diagram. This helps to maintain the consistency of data processing in the method of comparing images, avoids the user being unable to determine the source of the first screenshot after deleting the first schematic diagram, and at the same time, improves the deletion efficiency of the user.

[0233] Next, combine Figure 6 As well as a specific example, the above steps S150 and S160 are described in detail.

[0234] like Figure 6 As shown, Figure 6 The comparison page 1018 shown can be a comparison page in the same area comparison mode or a comparison page in the free comparison mode. The virtual firearm 17 is a specific example of the second object, the screenshot 18 is a specific example of the first screenshot, and the schematic diagram 16 is a specific example of the first schematic diagram.

[0235] In the comparison page 1018, the first display area displays a virtual firearm 17 and a screenshot 18 corresponding to the virtual firearm 10, and the second display area displays a schematic diagram 16 associated with the virtual firearm 10. A close control 27 is displayed in the upper right corner of the schematic diagram 16. The virtual firearm 10 is a specific example of the first object. For details, please refer to Figure 2 Introduction in.

[0236] Based on the comparison page 1018 , if the user performs a click operation on the close control 27 , the schematic diagram 16 and the screenshot 18 displayed in the comparison page 1018 may be deleted, that is, the comparison page 1018 may be switched to be displayed as the comparison page 1019 .

[0237] In some optional embodiments, the method for comparing images provided in the present application may further include the following step S170.

[0238] Step S170: When the first screenshot corresponding to the first schematic diagram is displayed in the first display area, in response to a second selection operation on the first schematic diagram, or in response to a third selection operation on the first screenshot generated in the first display area, second prompt information is displayed, and the second prompt information is used to prompt the association relationship between the first schematic diagram and the first screenshot.

[0239] The purpose of step S170 is to display second prompt information for prompting the association relationship between the first schematic diagram and the first screenshot on the comparison page, so as to help the user determine the source of the first screenshot displayed in the first display area.

[0240] The second selection operation for the first schematic diagram may include, but is not limited to: touch operation, shortcut operation, voice command operation, gesture operation, etc. on the first schematic diagram, and is not specifically limited. It should be noted that the second selection operation described here and the first selection operation described in the above step S140 are both applied to the first schematic diagram, but the two may be different operation modes, that is, in actual application, it is only necessary to set the first selection operation and the second selection operation to be different, for example, the first selection operation may be a sliding operation on the first schematic diagram, and the second selection operation may be a clicking operation on the first schematic diagram.

[0241] In addition to displaying the second prompt information in response to the second selection operation on the first schematic diagram, the second prompt information can also be displayed in response to the third selection operation on the first screenshot. The third selection operation on the first screenshot can be a touch operation such as a click operation, a press operation, a slide operation, a drag operation, etc., which acts on the position displayed on the first screenshot, or a hover operation, a specific shortcut key operation, a voice command operation, an air gesture operation, etc., without specific limitation.

[0242] The second prompt information may be any information that can indicate the association between the first schematic diagram and the first screenshot, for example, displaying the first schematic diagram and the first screenshot in the same highlighting manner, for example, highlighting the first schematic diagram and the first screenshot at the same time, or flashing them at the same time.

[0243] In an optional embodiment, the method for comparing images provided in the present application may include the following step S180.

[0244] Step S180: according to the third selection operation, a transparency control is displayed at a corresponding position of the first screenshot, where the transparency control is used to display the current transparency of the first screenshot.

[0245] The third selection operation is as described in the above step S170 and will not be repeated here.

[0246] The purpose of step S180 is to clarify that when the user applies the third selection operation to the first screenshot, in addition to generating the second prompt information, a transparency control may also be generated at the corresponding position of the first screenshot, and the transparency control is used to display the current transparency of the first screenshot.

[0247] The corresponding position of the first screenshot may be understood as a position having a preset association relationship with the first screenshot, for example, it may be an adjacent position above, below, on the left, or on the right of the first screenshot.

[0248] The transparency control may be a UI element for displaying the transparency of the first screenshot when it is currently displayed on the comparison page. The transparency of the first screenshot refers to the degree of opacity of the color of the first screenshot when it is displayed on the comparison page.

[0249] The transparency can be represented by a value between 0 and 1, such as 0 represents complete transparency and 1 represents complete opacity; or, the transparency can be represented by a percentage, 0% represents complete transparency and 100% represents complete opacity.

[0250] By displaying the transparency of the first screenshot, the transparency effect of the first screenshot or its layer can be made predictable and easy to copy, thereby improving the scalability of the method for comparing images.

[0251] Based on step S180, the method for comparing images provided in the present application may further include the following steps S190 to S1100.

[0252] Step S190: In response to the fifth touch operation on the transparency control, control the transparency control to enter an input state.

[0253] Step S1100: In response to an input operation on a transparency control in an input state, adjusting the current transparency of the first screenshot according to a transparency value input by the input operation.

[0254] The fifth touch operation acting on the transparency control refers to a click operation, a slide operation, a press operation, etc., acting on the control operation area of ​​the transparency control, and is not specifically limited.

[0255] Controlling the transparency control to enter the input state means that the transparency control is adjusted to a state where the user can input data.

[0256] The above input operation can be understood as: the user inputs a transparency value to the transparency control through a keyboard or other input device. After the user inputs the transparency value through the input operation, the electronic device can adjust the current transparency of the first screenshot based on the input transparency value. For example, if the current transparency of the first screenshot is displayed as 30% in the transparency control, and the transparency value input based on the input operation is 50, the current transparency of the first screenshot can be adjusted from 30% to 50%.

[0257] In some optional embodiments, the method for comparing images provided in the present application may include the following steps S1110 to S1120.

[0258] Step S1110: According to the third selection operation, a close control is displayed at a corresponding position of the first screenshot.

[0259] Step S1120: In response to the sixth touch operation on closing the control, deleting the first screenshot displayed in the first display area.

[0260] The purpose of step S1110 is to clarify that when the user applies the third selection operation to the first screenshot, in addition to generating the second prompt information and generating a transparency control at the corresponding position of the first screenshot, a close control can be displayed at the corresponding position of the first screenshot according to the third selection operation.

[0261] That is, in some implementations of the method for comparing images provided in the present application, in response to the third selection operation, a second prompt message may be generated, and a transparency control and a closing control may be generated at the same time.

[0262] The corresponding positions of the first screenshot above can be referred to in the previous introduction, which will not be repeated here. It should be noted that the positions of the display close control and the display transparency control do not overlap, and are set according to actual conditions.

[0263] The sixth touch operation acting on the closing control may include, but is not limited to: a click operation, a slide operation, a press operation, etc., acting on the control operation area of ​​the closing control, without specific limitation.

[0264] Deleting the first screenshot displayed in the first display area means making the first screenshot invisible in the first display area. It should be noted that when deleting the first screenshot, the first schematic diagram corresponding to the first screenshot will not be deleted.

[0265] Next, combine Figure 7 And a specific example, the method for comparing images provided in the present application is further described in detail.

[0266] like Figure 7 As shown, Figure 7 The comparison page 1020 shown can be a comparison page in the same-area comparison mode or a comparison page in the free comparison mode. The virtual gun 17 is a specific example of the second object, the screenshot 18 is a specific example of the first screenshot, the schematic diagram 16 is a specific example of the first schematic diagram, and the schematic diagram 24 is a specific example of a schematic diagram associated with the virtual gun 17.

[0267] like Figure 7 As shown, in the comparison page 1020, the first display area displays a virtual firearm 17 and a screenshot 18 corresponding to the virtual firearm 10, and the second display area displays a schematic diagram 16 associated with the virtual firearm 10 and a schematic diagram 24 associated with the virtual firearm 17. The virtual firearm 10 is a specific example of the first object, and specific reference may be made to FIG. Figure 2 Introduction in.

[0268] Based on the comparison page 1020, if the user performs a hover operation on the screenshot 18, that is, the user controls the mouse cursor to float in the area where the screenshot 18 is located for a certain period of time, a close control can be displayed in the upper right corner of the screenshot 18, a transparency control can be displayed in the upper left corner, and a second prompt information can be displayed, that is, the comparison page 1020 is switched to the comparison page 1021. Among them, the transparency control displayed in the upper left corner of the screenshot 18 shows that the current transparency of the screenshot 18 is 100%, that is, completely opaque; and the screenshot 18 and the corresponding schematic diagram 16 are displayed with a frame at the same time to indicate the association relationship between the schematic diagram 16 and the screenshot 18.

[0269] Based on the comparison page 1021, if the user clicks the close control displayed on the screenshot 18, the screenshot 18 can be deleted, which is not described here. If the user clicks the transparency control, the transparency control can be controlled to enter the input state, that is, the comparison page 1021 is switched to the comparison page 1022, and in the comparison page 1022, the transparency control of the schematic diagram 18 enters the input state, and a blinking mouse cursor is displayed in the transparency control to prompt the user that the transparency control enters the input state.

[0270] Based on the comparison page 1022, if the user enters a transparency value of 50 in the transparency control, it means that the transparency of the screenshot 18 is adjusted from 100% to 50%, that is, the comparison page 1022 is switched to display as the comparison page 1023. In the comparison page 1023, the transparency of the screenshot 18 is 50%, that is, the screenshot 18 is in a semi-transparent state, and the partial area covered by the screenshot 18 can be seen at this time.

[0271] In some optional implementations, the method for comparing images provided in the present application may include the following step S1130.

[0272] Step S1130: when the second object is displayed in the first display area, according to the second selection operation, the second object displayed in the first display area is switched to the first object associated with the first schematic diagram.

[0273] Among them, in this step S1130, the prerequisite for executing "switching the second object displayed in the first display area to the first object associated with the first schematic diagram according to the second selection operation" is: displaying the second object in the first display area; that is, when the first object associated with the first schematic diagram is not displayed in the first display area, executing the step of switching the second object displayed in the first display area to the first object associated with the first schematic diagram according to the second selection operation.

[0274] That is, in combination with step S170 described above, if the second object and the first screenshot are displayed in the first display area, if the user applies a second selection operation to the first schematic diagram, in addition to displaying the second prompt information, the second object displayed in the first display area can also be switched to the first object associated with the first schematic diagram.

[0275] It should be noted that, as long as the first screenshot is displayed in the first display area, the second prompt information will be displayed according to the second selection operation, without considering the current display object in the first display area; and as long as the displayed object in the first display area is not the first object, the first object can be switched to display according to the second selection operation, without considering whether the first screenshot is displayed in the first display area.

[0276] like Figure 8 As shown, in the first display area of ​​the comparison page 1020, a virtual firearm 17 and a first screenshot 18 corresponding to the virtual firearm 10 are displayed; in the second display area, a schematic diagram 16 associated with the virtual firearm 10 and a schematic diagram 24 associated with the virtual firearm 17 are respectively displayed. At this time, a "Current" label is displayed in the upper left corner of the schematic diagram 16.

[0277] Based on the comparison page 1020, if the user applies a click operation to the schematic diagram 16, it can be detected whether the object displayed in the first display area is associated with the schematic diagram 16. In the comparison page 1020, the first display area currently displays a virtual firearm 17, which is not associated with the schematic diagram 16. The virtual firearm 17 can be switched to a virtual firearm 10 that is associated with the schematic diagram 16, that is, the comparison page 1020 is switched to the comparison page 1021. In the comparison page 1021, both the screenshot 18 and the schematic diagram 16 are displayed with bold borders to prompt the user that the screenshot 18 and the schematic diagram 16 are associated, and a "Current" label is displayed in the upper right corner of the schematic diagram 16 to prompt the user that the schematic diagram 16 is associated with the currently displayed virtual firearm 10.

[0278] In some optional implementations, the method for comparing images provided in the present application may include the following step S1140.

[0279] Step S1140: displaying the attribute value of the preset attribute of the first object in the first schematic diagram.

[0280] In this embodiment, the preset attribute of the first object may be a key attribute of the first object. For example, when the first object is a virtual weapon in a game, the attribute value of the wear attribute of the virtual weapon may be displayed; when the first object is a building model, the attribute value of the size attribute of the building model may be displayed; when the first object is a clothing image, the attribute value of the price attribute of the clothing may be displayed, etc., without specific limitation.

[0281] In some optional implementations, the method for comparing images provided in the present application may further include the following step S1150.

[0282] Step S1150: In response to monitoring that the first schematic diagram is the first schematic diagram in the second display area, when the first schematic diagram is displayed in the second display area, third prompt information is displayed on the comparison page, and the third prompt information is used to prompt the first selection operation.

[0283] The above detection that the first schematic diagram is the first schematic diagram in the second display area can be understood as: before the first schematic diagram is generated, each sub-area in the second display area is in an unoccupied state, that is, no schematic diagram has been displayed, and the first schematic diagram is the first schematic diagram in the second display area.

[0284] The third prompt information is used to prompt the user for the first selection operation. For example, the first prompt information may be "You can drag the schematic diagram below to any position for comparison"; accordingly, the user can know that by dragging the schematic diagram in the second display area to the first display area for image comparison, the user's learning cost is reduced and the user's experience is improved.

[0285] like Figure 2 In the comparison page 1003 shown in , when schematic diagram 16 is obtained, the schematic diagram 16 is the first schematic diagram in the second display area. Therefore, a text message “You can drag the schematic diagram below to any position for comparison” can be displayed above the schematic diagram 16 to prompt the user to perform the drag operation.

[0286] In some optional implementations, the method for comparing images provided in the present application may further include the following step S1160.

[0287] Step S1160: When the first object is displayed in the first display area and the first schematic diagram is displayed in the second display area, fourth prompt information is displayed through the first schematic diagram, and the fourth prompt information is used to prompt that there is an association relationship between the first schematic diagram and the first display image.

[0288] For example, the fourth prompt information may be a text message "Current", which is used to indicate which of the schematic diagrams in the second display area are associated with the objects currently displayed in the first display area. Figure 2 In the comparison page 1003 shown in FIG, when a virtual firearm 10 is displayed in the first display area and a schematic diagram 16 associated with the virtual firearm 10 is displayed in the second display area, a label "Current" is displayed in the upper left corner of the schematic diagram 16 to indicate that the schematic diagram 16 and the currently displayed virtual firearm 10 are associated with each other; for example, Figure 7 The comparison page 1020 shown, when the virtual firearm 17 is displayed in the first display area, displays a "Current" label in the upper left corner of the schematic diagram 24 displayed in the second display area to indicate that there is an association relationship between the schematic diagram 24 and the virtual firearm 17 currently displayed in the first display area.

[0289] Optionally, under the premise of "selecting one to display" between the comparison page and the inspection view page as described above, when the comparison page of the target object is displayed, in response to exiting the comparison operation, the comparison page is hidden and the inspection view page is displayed.

[0290] The above-mentioned exit comparison operation may include but is not limited to: the seventh touch operation acting on the exit comparison control displayed in the comparison page, shortcut key operation, voice command operation, air gesture operation, etc., without specific restrictions. Among them, the seventh touch operation can refer to the introduction of the first touch operation in the previous article, which will not be repeated here.

[0291] like Figure 3As shown, both the comparison page 1008 in the same-area comparison mode and the comparison page 1009 in the free comparison mode display the exit comparison control 28; for example, if the player clicks the exit comparison control 28 in the comparison page 1008 in the same-area comparison mode, the comparison page 1008 can be switched to the inspection view page 1006; if the player clicks the exit comparison control 28 in the comparison page 1009 in the free comparison mode, the comparison page 1009 can be switched to the inspection view page 1006. That is, the comparison page is hidden in the graphical user interface, and the inspection view page is displayed.

[0292] In some optional embodiments, as described above, the inspection view page of the target object is mainly used to display the two-dimensional image information or three-dimensional model information of the target object, that is, the image information is mainly used and the text information description is supplemented; and in some application scenarios, there is a display page for detailed information of the target object. Based on this, the method for comparing images provided in the present application may also include the following step S1170 or step S1180.

[0293] Step S1170: In response to a first closing operation on the inspection page of the target object, the inspection page is closed, and the object display page of the target object is opened.

[0294] or,

[0295] Step S1180: In response to a second closing operation on the comparison page of the target object, the comparison page is closed, and the object display page of the target object is opened.

[0296] The object display page includes object detail information of the target object and object identifiers of several objects in the object set except the target object.

[0297] In this embodiment, the object detail information may include a detailed text description and two-dimensional image information or three-dimensional model information for the target object. In addition, the object detail information may include object identifiers of several objects in the object set except the target object.

[0298] The object identifiers of the above-mentioned several objects may be the two-dimensional images or three-dimensional models of the objects themselves, or the corresponding schematic diagrams, which will not be described in detail here.

[0299] The first closing operation may include but is not limited to: a touch operation, a shortcut key operation, a voice command operation, etc. acting on a closing control displayed in the inspection view page, without specific limitation.

[0300] The second closing operation may include, but is not limited to, a touch operation, a shortcut key operation, a voice command operation, etc., acting on a closing control displayed in the comparison page, without specific limitation.

[0301] It is understandable that the object display page of the target object can be regarded as the source page of the comparison page, that is, when the user needs to enter the object display page to understand the detailed information of the target object to generate a comparison requirement, he / she enters the comparison page.

[0302] For example, in a shopping scenario, the user first enters a product display page, learns about the product, and then enters the inspection page to learn about the product's image details through the large image displayed on the inspection page. At this time, if the image details need to be compared with other similar products, the user can enter the comparison page for image comparison.

[0303] Next, combine Fig. 9 and a specific example, describing in detail the switching process between the comparison page, object display page, and inspection view page of the target object; Fig. 9 The specific example shown can be applied to the application scenario of purchasing skins of virtual guns in the game, with the virtual gun 10 being a specific example of the target object.

[0304] like Fig. 9 As shown, a close control 9 is displayed in the inspection view page 1006. When the user clicks the close control 9, the inspection view page 1006 can be closed and the object display page 1025 can be opened. The left area of ​​the object display page 1025 displays the object identification of each object in the object collection and the corresponding price; the middle area of ​​the object display page 1025 displays a display image of the virtual firearm 10 and a inspection view control 29. The inspection view control 29 is an entry UI for entering the inspection view page based on the object display page; the right area of ​​the object display page 1025 displays detailed information of the virtual firearm 10, for example, including the name, skin, type, degree of wear, skin number, pattern contained in the skin and other information of the virtual firearm 10.

[0305] Based on the object display page 1025, if the user applies a click operation to the view control 29, the object display page 1025 can be switched to the view page 1006. This will not be described in detail.

[0306] like Fig. 9 As shown, a close control 21 is displayed in the comparison page 1008 in the same-area comparison mode. If the player clicks on the close control 21 , the comparison page 1008 is exited and the object display page 1025 is opened.

[0307] A close control 21 is also displayed in the comparison page 1009 in the free comparison mode. If the player clicks the close control 21, the comparison page 1009 is exited and the object display page 1025 is opened. It can be seen that in this embodiment, the comparison page can be directly exited to enter the object display page of the target object and purchase the virtual firearm 10. In this way, a more flexible page switching operation is provided for the user, thereby improving the user's usage experience.

[0308] So far, the method provided by the present embodiment has been described. In the present application, the comparison page can be divided into two parts, namely, a first display area and a second display area, wherein the first display area is used to display any object in the object set, and the second display area is used to display several schematic diagrams in the schematic diagram set, and each schematic diagram is associated with an object in the object set; the above-mentioned first schematic diagram corresponds to a first screenshot of the first object. Based on this, when the first object in the first display area is switched to the second object, the first screenshot corresponding to the first schematic diagram can be regenerated in the first display area, and based on the second object and the first screenshot displayed in the first display area at the same time, the first screenshot and the second object can be compared; in this way, the user does not need to rely on vague memory for comparison or repeatedly switch to view when comparing multiple objects, but compares them by intuitively taking screenshots of multiple objects on the same page, thereby reducing the user's memory cost of feature information of different objects, reducing the redundant operations of the user switching back and forth, and improving the efficiency of object feature comparison of different objects.

[0309] In addition, in an embodiment of the present application, the method for comparing images may include a free comparison mode and a same-area comparison mode. Users can choose an appropriate comparison method according to their needs to meet different application scenarios and the needs of different users, thereby improving the usability of the method for comparing images.

[0310] It should be noted that Figure 2 , Figure 3 , Figure 5 , Fig. 9 The dotted lines in the figure are fictitious lines for the sake of ease of understanding and do not exist on the graphical user interface displayed on the terminal device.

[0311] In addition, it can be understood that the above is similar to Figures 2 to 9 The size, appearance, layout, display text and other information of each element in the schematic diagram are exemplary and are not intended to limit the actual graphical user interface.

[0312] It should be noted that in each drawing, the same pattern represents the same element. Therefore, each pattern is labeled when it first appears, and when it appears in subsequent drawings, although it is not labeled, the description in the previous drawings can be referred to.

[0313] Corresponding to the image comparison method provided in the embodiment of the present application, the embodiment of the present application also provides an image comparison device 2000, such as Fig.10 As shown, the device 2000 includes: a display unit 2001, a determination unit 2002 and a switching unit 2003;

[0314] The display unit 2001 is used to display a comparison page through a graphical user interface, wherein the comparison page includes a first display area and a second display area, wherein the first display area is used to display any object in the object set, and the second display area is used to display a plurality of schematic diagrams in the schematic diagram set; each schematic diagram in the schematic diagram set is respectively associated with each object in the object set;

[0315] A determining unit 2002 is configured to determine, in response to a first screenshot operation, a first screenshot corresponding to the first object when a first object in the object set is displayed in the first display area, and to display a first schematic diagram corresponding to the first screenshot in the second display area;

[0316] A switching unit 2003, configured to switch the first object displayed in the first display area to a second object in the object set in response to a switching operation;

[0317] The display unit 2001 is further configured to generate, in response to a first selection operation on the first schematic diagram, a first screenshot corresponding to the first schematic diagram in a first display area where the second object is displayed.

[0318] Optionally, when the display unit 2001 displays the first screenshot and the second object, its display conditions include one or more of the following: a display level of the first screenshot in the first display area is higher than a display level of the second object; the first screenshot and the second object at least partially overlap or do not overlap.

[0319] Optionally, the second display area includes a plurality of sub-areas;

[0320] The determining unit 2002 is specifically configured to display a first schematic diagram corresponding to the first screenshot in a sub-area that is unoccupied among the plurality of sub-areas.

[0321] Optionally, the display unit 2001 is specifically used to display a view page of a target object in an object collection through a graphical user interface, wherein the view page displays the target object and description information of the target object; the target object is any object in the object collection; in response to a comparison operation performed on the view page, a comparison page of the target object is displayed in the graphical user interface.

[0322] Optionally, the inspection page includes a comparison control;

[0323] The display unit 2001 is also specifically used to respond to a first touch operation on the comparison control, and display a mode menu cascaded with the comparison control at a corresponding position of the comparison control; the mode menu includes a first mode control; in response to a second touch operation on the first mode control, display a comparison page of the target object in the graphical user interface, and control the comparison page of the target object to enter a first comparison mode; the first comparison mode is used to represent that in the comparison page, object features of different objects that are respectively located in designated areas of the first display area can be compared.

[0324] Optionally, the determining unit 2002 is specifically configured to determine a first screenshot corresponding to the first object in response to a first screenshot operation when the comparison page enters the first comparison mode and each sub-area in the second display area is in an unoccupied state.

[0325] Optionally, the determining unit 2002 is specifically configured to determine a first screenshot corresponding to the first object in response to a screenshot instruction when any sub-area in the second display area is in an occupied state.

[0326] Optionally, the determination unit 2002 is further specifically configured to determine a screenshot status of the first display area;

[0327] When the first display area is in a screenshot-capable state, in response to a screenshot instruction, a first screenshot corresponding to the first object is determined; the screenshot-capable state is used to indicate that a screenshot can be taken for the first display area.

[0328] Optionally, the display unit 2001 is specifically used to display a first prompt message in the comparison page in response to a screenshot instruction when the first display area is in a state where screenshots cannot be taken, and the first prompt message is used to prompt that the first display area is in a state where screenshots cannot be taken; the state where screenshots cannot be taken is used to indicate that screenshots cannot be taken of the first display area.

[0329] Optionally, the determination unit 2002 is further used to determine the object type of the first object currently displayed in the first display area, the object type including a screenshottable object and a non-screenshottable object; when the first object is a screenshottable object, it is determined that the first display area is in a screenshottable state; when the first object is a non-screenshottable object, it is determined that the first display area is in a non-screenshottable state. The screenshottable object is an object that does not correspond to an associated schematic diagram in the schematic diagram set; the non-screenshottable object is an object that corresponds to an associated schematic diagram in the schematic diagram set.

[0330] Optionally, the determining unit 2002 generates the screenshot instruction in any of the following ways:

[0331] By providing a new screenshot control in the comparison page and responding to a third touch operation on the new screenshot control, a screenshot instruction is generated;

[0332] In response to a switching event in which the object displayed in the first display area is switched to the first object, a screenshot instruction is generated.

[0333] Optionally, the display unit 2001 is further configured to highlight the first mode control in the comparison page when the comparison page enters the first comparison mode.

[0334] Optionally, determination unit 2002 is specifically used to obtain position information and size information of a first cropping window in response to a screenshot instruction; the first cropping window is a cropping window generated in the first display area in response to a target screenshot operation; the target screenshot operation is a screenshot operation applied when all sub-areas in the second display area are in an unoccupied state; and determining a first screenshot corresponding to the first object based on the position information and size information of the first cropping window.

[0335] Optionally, determination unit 2002 is further specifically used to generate a second cropping window in the first display area based on the position information and size information of the first cropping window; wherein the position information of the second cropping window in the first display area is the same as the position information of the first cropping window in the first display area, and the size information of the second cropping window is the same as the size information of the first cropping window; and determine the first screenshot corresponding to the first object through the second cropping window.

[0336] Optionally, the mode menu also includes a second mode control;

[0337] The display unit 2001 is also used to respond to the fourth touch operation acting on the second mode control, display the comparison page of the target object in the graphical user interface, and control the comparison page to enter the second comparison mode. The second comparison mode is used to represent that in the comparison page, image features of different objects in any area in the first display area can be compared.

[0338] Optionally, the display unit 2001 is further configured to highlight the second mode control in the comparison page when the comparison page of the target object enters the second comparison mode.

[0339] Optionally, the display unit 2001 is used to control the comparison page of the target object to enter a screenshot-enabled state when the comparison page of the target object is in the second comparison mode, until the second comparison mode is exited; the screenshot-enabled state is used to indicate that a screenshot operation can be performed on the first display area in the comparison page.

[0340] Optionally, the display unit 2001 is further configured to delete the first schematic diagram displayed in the second display area in response to a delete instruction for the first schematic diagram.

[0341] Optionally, the display unit 2001 is further configured to, when displaying a first screenshot corresponding to the first schematic diagram in the first display area, delete the first screenshot displayed in the first display area according to a delete instruction.

[0342] Optionally, the display unit 2001 is also used to display second prompt information in response to a second selection operation on the first schematic diagram, or in response to a third selection operation on the first screenshot generated in the first display area when the first screenshot corresponding to the first schematic diagram is displayed in the first display area, and the second prompt information is used to prompt the association relationship between the first schematic diagram and the first screenshot.

[0343] Optionally, the display unit 2001 is further used to display a transparency control at a corresponding position of the first screenshot according to the third selection operation, and the transparency control is used to display the current transparency of the first screenshot.

[0344] Optionally, the determination unit 2002 is further configured to respond to a fifth touch operation on the transparency control to control the transparency control to enter an input state; and respond to an input operation on the transparency control in the input state to adjust a current transparency of the first screenshot.

[0345] Optionally, the display unit 2001 is further used to display a close control at a corresponding position of the first screenshot according to the third selection operation; and in response to a sixth touch operation acting on the close control, delete the first screenshot displayed in the first display area.

[0346] Optionally, the switching unit 2003 is further configured to, when the second object is displayed in the first display area, switch the second object displayed in the first display area to the first object associated with the first schematic diagram according to the second selection operation.

[0347] Optionally, the display unit 2001 is further configured to display an attribute value of a preset attribute of the first object in the first schematic diagram.

[0348] Optionally, the determining unit 2002 is further configured to adjust the area state of the subarea occupied by the first schematic diagram from an unoccupied state to an occupied state after displaying the first schematic diagram corresponding to the first screenshot in a subarea in an unoccupied state among the subareas.

[0349] Optionally, the display unit 2001 is further specifically used to determine a first position corresponding to the first screenshot when the first screenshot operation determines the first screenshot; display a virtual animation of the first screenshot moving from the first position to the second display area; and after the virtual animation is hidden, display a first schematic diagram corresponding to the first screenshot in the second display area.

[0350] Optionally, the display unit 2001 is further used to display third prompt information in a comparison page when the first schematic diagram is displayed in the second display area in response to monitoring that the first schematic diagram is the first schematic diagram in the second display area, and the third prompt information is used to prompt the first selection operation.

[0351] Optionally, the display unit 2001 is further used to display fourth prompt information through the first schematic diagram when the first object is displayed in the first display area and the first schematic diagram is displayed in the second display area, and the fourth prompt information is used to prompt that there is an association relationship between the first schematic diagram and the first display image.

[0352] Optionally, the first selection operation includes: a drag operation starting from the first schematic diagram;

[0353] The display unit 2001 is also used to generate a first screenshot corresponding to the first schematic diagram at the starting position of the drag operation in response to the drag operation, and control the first screenshot to move along with the contact position of the drag operation; in response to the drag operation ending in the first display area, place the first screenshot at the end position of the drag operation.

[0354] Optionally, the display unit 2001 is further configured to hide the inspection page of the target object when displaying the comparison page of the target object.

[0355] Optionally, the display unit 2001 is further configured to hide the comparison page and display the inspection page in response to exiting the comparison operation when displaying the comparison page of the target object.

[0356] Optionally, an exit comparison control is displayed on the comparison page; the exit comparison operation includes a seventh touch operation acting on the exit comparison control.

[0357] The display unit 2001 is further configured to, in response to a first closing operation on the inspection view page of the target object, close the inspection view page and open the object display page of the target object;

[0358] or,

[0359] In response to a second closing operation on the comparison page of the target object, closing the comparison page and opening the object display page of the target object;

[0360] The object display page includes object detail information of the target object and object identifiers of several objects in the object set except the target object.

[0361] Optionally, the comparison page includes a screenshot control;

[0362] Determination unit 2002 is specifically used to respond to the seventh touch operation acting on the screenshot control, and control the comparison page to enter the screenshot mode; the screenshot mode is used to indicate that a screenshot operation can be performed on the content in the comparison page; when the comparison page is in the screenshot mode, in response to the first screenshot operation, determine the first screenshot corresponding to the first object.

[0363] Optionally, the display unit 2001 is further configured to hide control elements in the comparison page when the comparison page enters the screenshot mode, the control elements including: an exit comparison control and a screenshot control.

[0364] Optionally, the first screenshot operation includes a selection operation and a confirmation operation;

[0365] The determination unit 2002 is specifically used to respond to a frame selection operation and generate a third cropping window for the first object in the first display area according to the frame selection operation; after the third cropping window is generated, in response to the determination operation, the image features located in the third cropping window are determined as the first screenshot corresponding to the first object.

[0366] The determination unit 2002 is further specifically configured to display a confirmation control at a corresponding position of the third cropping window after the third cropping window is generated; and in response to an eighth touch operation on the confirmation control, determine the object feature of the first object located in the third cropping window as the first screenshot.

[0367] Optionally, the display unit 2001 is further configured to distinguish between the window inner area and the window outer area of ​​the third cropping window in the comparison page according to the frame selection operation.

[0368] Corresponding to the method for comparing images provided in the embodiment of the present application, the embodiment of the present application also provides an electronic device 3000 for implementing the method for comparing images, such as Fig.11 As shown, the electronic device 3000 includes: a processor 3001; and a memory 3002, which is used to store a program of the method for comparing images. After the device is powered on and the program of the method for comparing images is run by the processor, any embodiment of the method for comparing images is performed, for example, the following steps may be performed:

[0369] Displaying a comparison page through a graphical user interface, the comparison page comprising a first display area and a second display area, the first display area being used to display any object in the object set, and the second display area being used to display a plurality of schematic diagrams in the schematic diagram set; each schematic diagram in the schematic diagram set is respectively associated with each object in the object set;

[0370] When a first object in the object set is displayed in the first display area, in response to a first screenshot operation, a first screenshot corresponding to the first object is determined, and a first schematic diagram corresponding to the first screenshot is displayed in the second display area;

[0371] In response to a switching operation, switching the first object displayed in the first display area to a second object in the object set;

[0372] In response to a first selection operation on the first schematic diagram, a first screenshot corresponding to the first schematic diagram is generated in the first display area where the second object is displayed.

[0373] Corresponding to the method for comparing images provided in the embodiment of the present application, the embodiment of the present application further provides a computer-readable storage medium storing a program for the method for comparing images, the program is executed by a processor to perform any embodiment of the method for comparing images described above, for example, the following steps may be performed:

[0374] Displaying a comparison page through a graphical user interface, the comparison page comprising a first display area and a second display area, the first display area being used to display any object in the object set, and the second display area being used to display a plurality of schematic diagrams in the schematic diagram set; each schematic diagram in the schematic diagram set is respectively associated with each object in the object set;

[0375] When a first object in the object set is displayed in the first display area, in response to a first screenshot operation, a first screenshot corresponding to the first object is determined, and a first schematic diagram corresponding to the first screenshot is displayed in the second display area;

[0376] In response to a switching operation, switching the first object displayed in the first display area to a second object in the object set;

[0377] In response to a first selection operation on the first schematic diagram, a first screenshot corresponding to the first schematic diagram is generated in the first display area where the second object is displayed.

[0378] It should be noted that for the detailed description of the device, electronic device and computer-readable storage medium provided in the embodiments of the present application, reference can be made to the relevant description of the method embodiment for comparing images provided in the embodiments of the present application, which will not be repeated here.

[0379] Although the present application is disclosed as above in the form of a preferred embodiment, it is not intended to limit the present application. Any technical personnel in this field may make possible changes and modifications without departing from the spirit and scope of the present application. Therefore, the scope of protection of the present application shall be based on the scope defined by the claims of the present application.

[0380] In a typical configuration, an electronic device includes one or more processors (CPU), input / output interfaces, network interfaces, and memory.

[0381] The memory may include non-permanent storage in a computer-readable medium, random access memory (RAM) and / or non-volatile memory in the form of read-only memory (ROM) or flash RAM. The memory is an example of a computer-readable medium.

[0382] 1. Computer-readable media includes permanent and non-permanent, removable and non-removable media that can be used to store information by any method or technology. Information can be computer-readable operations, data structures, program modules or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, compact disk read-only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices or any other non-transmission media that can be used to store information that can be accessed by a computing device. As defined in this article, computer-readable media does not include non-transitory media such as modulated data signals and carrier waves.

[0383] 2. Those skilled in the art should understand that the embodiments of the present application can be provided as methods, systems or computer program products. Therefore, the present application can take the form of a complete hardware embodiment, a complete software embodiment or an embodiment combining software and hardware. Moreover, the present application can take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0384] Although the present application is disclosed as above in the form of a preferred embodiment, it is not intended to limit the present application. Any technical personnel in this field may make possible changes and modifications without departing from the spirit and scope of the present application. Therefore, the scope of protection of the present application shall be based on the scope defined by the claims of the present application.

Claims

1. A method for comparing images, characterized in that: The method comprises: Displaying a comparison page through a graphical user interface, the comparison page comprising a first display area and a second display area, the first display area being used to display any object in the object set, and the second display area being used to display a plurality of schematic diagrams in the schematic diagram set; each schematic diagram in the schematic diagram set is respectively associated with each object in the object set; When a first object in the object set is displayed in the first display area, in response to a first screenshot operation, a first screenshot corresponding to the first object is determined, and a first schematic diagram corresponding to the first screenshot is displayed in the second display area; In response to a switching operation, switching the first object displayed in the first display area to a second object in the object set; In response to a first selection operation on the first schematic diagram, a first screenshot corresponding to the first schematic diagram is generated in the first display area where the second object is displayed.

2. The method according to claim 1, characterized in that The display conditions of the first screenshot and the second object in the first display area include one or more of the following: The display level of the first screenshot in the first display area is higher than the display level of the second object; The first screenshot at least partially overlaps or does not overlap with the second object.

3. The method according to claim 1, characterized in that The second display area includes a plurality of sub-areas; and the first schematic diagram corresponding to the first screenshot is displayed in the second display area, including: A first schematic diagram corresponding to the first screenshot is displayed in a sub-area that is not occupied among the plurality of sub-areas.

4. The method according to claim 3, characterized in that The displaying of the comparison page through the graphical user interface includes: Displaying a view page of a target object in the object set through the graphical user interface, wherein the view page displays the target object and description information of the target object; the target object is any object in the object set; In response to a comparison operation performed in the inspection view page, a comparison page of the target object is displayed in the graphical user interface.

5. The method according to claim 4, characterized in that The inspection view page includes a comparison control; and the step of displaying the comparison page of the target object in the graphical user interface in response to the comparison operation in the inspection view page includes: In response to a first touch operation on the comparison control, displaying a mode menu cascaded with the comparison control at a corresponding position of the comparison control; the mode menu includes a first mode control; In response to a second touch operation applied to the first mode control, a comparison page of the target object is displayed in the graphical user interface, and the comparison page of the target object is controlled to enter a first comparison mode; the first comparison mode is used to characterize that object features of different objects in designated areas of the first display area can be compared in the comparison page.

6. The method according to claim 5, characterized in that The step of determining, in response to the first screenshot operation, a first screenshot corresponding to the first object includes: When the comparison page enters the first comparison mode and each of the sub-areas in the second display area is in an unoccupied state, in response to the first screenshot operation, a first screenshot corresponding to the first object is determined.

7. The method according to claim 6, characterized in that The method further comprises: When any of the sub-areas in the second display area is in an occupied state, in response to a screenshot instruction, a first screenshot corresponding to the first object is determined.

8. The method according to claim 7, characterized in that The step of determining, in response to the screenshot instruction, a first screenshot corresponding to the first object includes: Determining a screenshot status of the first display area; When the first display area is in a screenshot-capable state, in response to the screenshot instruction, a first screenshot corresponding to the first object is determined; the screenshot-capable state is used to indicate that a screenshot can be taken for the first display area.

9. The method according to claim 8, characterized in that The method further comprises: When the first display area is in a state where screenshots cannot be taken, in response to the screenshot instruction, a first prompt message is displayed in the comparison page, wherein the first prompt message is used to prompt that the first display area is in a state where screenshots cannot be taken; the state where screenshots cannot be taken is used to indicate that screenshots cannot be taken of the first display area.

10. The method according to claim 8 or 9, characterized in that: The determining the screenshot status of the first display area includes: Determine an object type of the first object currently displayed in the first display area, where the object type includes an object that can be screenshotted and an object that cannot be screenshotted; When the first object is the screenshot-capable object, determining that the first display area is in a screenshot-capable state; When the first object is the object that cannot be screenshotted, determining that the first display area is in a state that cannot be screenshotted; The screenshot-capable object is an object that has no corresponding associated schematic diagram in the schematic diagram set; and the screenshot-uncapable object is an object that has an associated schematic diagram in the schematic diagram set.

11. The method according to claim 7, characterized in that The screenshot instruction is generated by any of the following methods: The screenshot instruction is generated by providing a new screenshot control in the comparison page and responding to a third touch operation on the new screenshot control; The screenshot instruction is generated in response to a switching event in which the object displayed in the first display area is switched to the first object.

12. The method according to claim 5, characterized in that The method further comprises: When the comparison page enters the first comparison mode, the first mode control is highlighted in the comparison page.

13. The method according to claim 7, characterized in that The step of determining, in response to the screenshot instruction, a first screenshot corresponding to the first object includes: In response to the screenshot instruction, obtaining position information and size information of a first cropping window; the first cropping window is a cropping window generated in the first display area in response to a target screenshot operation; the target screenshot operation is a screenshot operation applied when all the sub-areas in the second display area are in an unoccupied state; A first screenshot corresponding to the first object is determined according to the position information and size information of the first cropping window.

14. The method according to claim 13, characterized in that The determining, according to the position information and the size information of the first cropping window, a first screenshot corresponding to the first object includes: Generate a second cropping window in the first display area according to the position information and size information of the first cropping window; wherein the position information of the second cropping window in the first display area is the same as the position information of the first cropping window in the first display area, and the size information of the second cropping window is the same as the size information of the first cropping window; A first screenshot corresponding to the first object is determined through the second cropping window.

15. The method according to claim 5, characterized in that The mode menu also includes a second mode control; the method also includes: In response to a fourth touch operation applied to the second mode control, a comparison page of the target object is displayed in the graphical user interface, and the comparison page is controlled to enter a second comparison mode, wherein the second comparison mode is used to characterize that image features of different objects in any area in the first display area can be compared in the comparison page.

16. The method according to claim 15, characterized in that The method further comprises: When the comparison page of the target object enters the second comparison mode, the second mode control is highlighted in the comparison page.

17. The method according to claim 15, characterized in that The method further comprises: When the comparison page of the target object is in the second comparison mode, the comparison page of the target object is controlled to enter a screenshot-enabled state until the second comparison mode is exited; the screenshot-enabled state is used to indicate that a screenshot operation can be performed on the first display area in the comparison page.

18. The method according to claim 1, characterized in that The method further comprises: In response to a deletion instruction for the first schematic diagram, the first schematic diagram displayed in the second display area is deleted.

19. The method according to claim 18, characterized in that The method further comprises: When the first screenshot corresponding to the first schematic diagram is displayed in the first display area, the first screenshot displayed in the first display area is deleted according to the deletion instruction.

20. The method according to claim 1, characterized in that The method further comprises: When the first screenshot corresponding to the first schematic diagram is displayed in the first display area, in response to a second selection operation on the first schematic diagram, or in response to a third selection operation on the first screenshot generated in the first display area, second prompt information is displayed, and the second prompt information is used to prompt the association relationship between the first schematic diagram and the first screenshot.

21. The method according to claim 20, characterized in that The method further comprises: According to the third selection operation, a transparency control is displayed at a corresponding position of the first screenshot, and the transparency control is used to display the current transparency of the first screenshot.

22. The method according to claim 21, characterized in that The method further comprises: In response to a fifth touch operation on the transparency control, controlling the transparency control to enter an input state; In response to an input operation on the transparency control in the input state, the current transparency of the first screenshot is adjusted.

23. The method according to claim 20, characterized in that The method further comprises: According to the third selection operation, displaying a close control at a corresponding position of the first screenshot; In response to a sixth touch operation applied to the close control, the first screenshot displayed in the first display area is deleted.

24. The method according to claim 20, characterized in that The method further comprises: In a case where the second object is displayed in the first display area, according to the second selection operation, the second object displayed in the first display area is switched to the first object associated with the first schematic diagram.

25. The method according to claim 1, characterized in that The method further comprises: The attribute value of the preset attribute of the first object is displayed in the first schematic diagram.

26. The method according to claim 3, characterized in that the method further comprises: After the first schematic diagram corresponding to the first screenshot is displayed in a sub-region in the plurality of sub-regions that is in an unoccupied state, the region state of the sub-region occupied by the first schematic diagram is adjusted from an unoccupied state to an occupied state.

27. The method according to claim 1, characterized in that The displaying the first schematic diagram corresponding to the first screenshot in the second display area includes: Determine a first position corresponding to the first screenshot when the first screenshot is determined by the first screenshot operation; Displaying a virtual motion effect of the first screenshot moving from the first position to the second display area; After the virtual animation effect is hidden, a first schematic diagram corresponding to the first screenshot is displayed in the second display area.

28. The method according to claim 1, characterized in that The method further comprises: In response to monitoring that the first schematic diagram is the first schematic diagram in the second display area, when the first schematic diagram is displayed in the second display area, third prompt information is displayed in the comparison page, and the third prompt information is used to prompt the first selection operation.

29. The method according to claim 1, characterized in that The method further comprises: When the first object is displayed in the first display area and the first schematic diagram is displayed in the second display area, fourth prompt information is displayed through the first schematic diagram, and the fourth prompt information is used to prompt that there is an association relationship between the first schematic diagram and the first display image.

30. The method according to claim 1, characterized in that The first selection operation includes: a drag operation starting from the first schematic diagram; and in response to the first selection operation on the first schematic diagram, generating a first screenshot corresponding to the first schematic diagram in the first display area where the second object is displayed, including: In response to the drag operation, generating a first screenshot corresponding to the first schematic diagram at a starting position of the drag operation, and controlling the first screenshot to move along with a contact point position of the drag operation; In response to the drag operation ending in the first display area, the first screenshot is placed at the end position of the drag operation.

31. The method according to claim 4, characterized in that The method further comprises: When the comparison page of the target object is displayed, the inspection page of the target object is hidden.

32. The method according to claim 4, characterized in that The method further comprises: When the comparison page of the target object is displayed, in response to exiting the comparison operation, the comparison page is hidden and the inspection view page is displayed.

33. The method according to claim 32, characterized in that An exit comparison control is displayed in the comparison page; and the exit comparison operation includes a seventh touch operation acting on the exit comparison control.

34. The method according to claim 4, characterized in that The method further comprises: In response to a first closing operation on the inspection view page of the target object, closing the inspection view page and opening the object display page of the target object; or, In response to a second closing operation on the comparison page of the target object, closing the comparison page and opening the object display page of the target object; The object display page includes object detail information of the target object and object identifiers of several objects in the object set except the target object.

35. The method according to any one of claims 1 to 34, characterized in that The comparison page includes a screenshot control; and in response to the first screenshot operation, determining the first screenshot corresponding to the first object includes: In response to a seventh touch operation on the screenshot control, controlling the comparison page to enter a screenshot mode; the screenshot mode is used to indicate that a screenshot operation can be performed on the content in the comparison page; When the comparison page is in a screenshot mode, in response to a first screenshot operation, a first screenshot corresponding to the first object is determined.

36. The method according to claim 35, characterized in that The method further comprises: When the comparison page enters the screenshot mode, the control elements in the comparison page are hidden, and the control elements include: an exit comparison control and a screenshot control.

37. The method according to claim 35, characterized in that The first screenshot operation includes a selection operation and a determination operation; and in response to the first screenshot operation, determining a first screenshot corresponding to the first object includes: In response to the frame selection operation, generating a third clipping window for the first object in the first display area according to the frame selection operation; After the third cropping window is generated, in response to a determination operation, the image feature located within the third cropping window is determined as the first screenshot corresponding to the first object.

38. The method according to claim 35, characterized in that After the third cropping window is generated, in response to a determination operation, determining the object feature of the first object located within the third cropping window as the first screenshot includes: After the third cropping window is generated, a confirmation control is displayed at a corresponding position of the third cropping window; In response to an eighth touch operation on the confirmation control, an object feature of the first object located within the third cropping window is determined as the first screenshot.

39. The method according to claim 36, characterized in that The method further comprises: According to the frame selection operation, the window inner area and the window outer area of ​​the third cropping window are displayed in the comparison page.

40. A device for comparing images, characterized in that: The device comprises: a display unit, a determination unit and a switching unit; The display unit is used to display a comparison page through a graphical user interface, wherein the comparison page includes a first display area and a second display area, wherein the first display area is used to display any object in the object set, and the second display area is used to display a plurality of schematic diagrams in the schematic diagram set; each schematic diagram in the schematic diagram set is respectively associated with each object in the object set; The determining unit is configured to determine, in response to a first screenshot operation, a first screenshot corresponding to a first object in the object set when the first display area displays the first object, and display a first schematic diagram corresponding to the first screenshot in the second display area; The switching unit is configured to switch the first object displayed in the first display area to a second object in the object set in response to a switching operation; The display unit is further configured to generate, in response to a first selection operation on the first schematic diagram, a first screenshot corresponding to the first schematic diagram in the first display area where the second object is displayed.

41. An electronic device, characterized in that: include: processor; as well as The memory is used to store a data processing program. After the electronic device is powered on and the program is run by the processor, the method as described in any one of claims 1 to 39 is executed.

42. A computer-readable storage medium, characterized in that: A data processing program is stored, and the program is run by a processor to execute the method according to any one of claims 1 to 39.

Images