WO2021056998A1 - 一种双图片显示方法、装置、终端及存储介质 - Google Patents

一种双图片显示方法、装置、终端及存储介质 Download PDF

Info

Publication number
WO2021056998A1
WO2021056998A1 PCT/CN2020/081223 CN2020081223W WO2021056998A1 WO 2021056998 A1 WO2021056998 A1 WO 2021056998A1 CN 2020081223 W CN2020081223 W CN 2020081223W WO 2021056998 A1 WO2021056998 A1 WO 2021056998A1
Authority
WO
WIPO (PCT)
Prior art keywords
picture
display
display area
content
boundary
Prior art date
Application number
PCT/CN2020/081223
Other languages
English (en)
French (fr)
Inventor
陆川
王珑
周舒婷
Original Assignee
成都星时代宇航科技有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 成都星时代宇航科技有限公司 filed Critical 成都星时代宇航科技有限公司
Publication of WO2021056998A1 publication Critical patent/WO2021056998A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

Definitions

  • the embodiments of the present disclosure relate to, but are not limited to, the field of computer technology, in particular to a dual-picture display method, device, terminal, and storage medium.
  • this comparison method can achieve the comparison of two content-related pictures, it requires the observer to constantly adjust the line of sight. If the observer's attention is not concentrated, or the observer's attention is interrupted by an emergency, the observer will often lose the line of sight of the contrasting feature, which will take time and energy to search again, resulting in low efficiency of image comparison. , The user experience is not good.
  • the embodiments of the present disclosure provide a dual-picture display method, device, terminal, and storage medium.
  • an embodiment of the present disclosure provides a dual-picture display method.
  • the display interface includes a first display area for displaying a first picture and a second display area for displaying a second picture, wherein: the first picture
  • the boundary of the display area includes an outer boundary and an inner boundary, the inner boundary coincides with the boundary of the second display area, the boundary of the second display area is a closed shape, and the method includes:
  • the first picture is loaded into the first display area for display
  • the second picture is loaded into the second display area for display, wherein, when the second display area is changed, the first picture
  • the display content of and the display content of the second picture remain continuous at the boundary of the second display area, so that the display content of the first picture and the display content of the second picture are combined to form an integrated picture.
  • the boundary of the first display area includes an outer boundary and an inner boundary
  • the inner boundary coincides with the boundary of the second display area
  • the boundary of the second display area is a closed shape and includes: a display interface A dividing line enclosing a closed figure is displayed in the figure, and the dividing line divides the display interface into a first display area outside the closed figure and a second display area inside the closed figure.
  • the display content of the first picture and the display content of the second picture are continuous at the boundary of the second display area, including: the content displayed in the first display area and the display content of the second picture.
  • the content displayed in the second display area is spatially continuous.
  • the changing the second display area includes any one or a combination of the following:
  • the method further includes: when the dividing line is moved to a preset position, first displaying multimedia data in the second display area and then displaying the second picture.
  • the method further includes: when the dividing line is moved to a preset position, displaying multimedia data in a preset position of the first display area, or in a new display interface Display multimedia data.
  • the method further includes: in response to a user's instruction, adjusting any one or more of the size, shape, and position of the closed figure according to a preset adjustment rule.
  • the method further includes: in response to a user's instruction, adjusting any one of the size, shape, and position of the closed figure according to a drag operation performed by the user on the second display area Or multiple:.
  • the first picture and the second picture are remote sensing images taken at different times.
  • the method further includes:
  • the first picture displayed in the first display area and the second picture displayed in the second display area are simultaneously zoomed out.
  • the method further includes:
  • the first picture displayed in the first display area and the second picture displayed in the second display area are moved synchronously.
  • the method further includes: when the second picture cannot fill the second display area, displaying the content in the first picture in a spatially continuous manner. An area in the second display area that is not filled by the second picture.
  • the method further includes: performing partial image processing on the first picture and/or the second picture in response to a user's operation instruction.
  • the performing partial image processing on the first picture and/or the second picture includes:
  • an embodiment of the present disclosure provides a dual-picture display device, the device including:
  • the data acquisition module is configured to acquire the first picture and the second picture associated with the content
  • the data processing module is configured to display a dividing line enclosing a closed figure in a display interface, the dividing line being used to divide the display interface into a first display area outside the closed figure and inside the closed figure
  • the second display area is set to load the first picture into the first display area for display, and load the second picture into the second display area for display, wherein the first display area
  • the content displayed in and the content displayed in the second display area are spatially continuous.
  • the data processing module is further configured to display multimedia data in the second display area first and then display the second picture when the dividing line is moved to a preset position.
  • the data processing module is further configured to adjust any one or more of the size, shape, and position of the closed figure according to a preset adjustment rule in response to a user's instruction.
  • the data processing module is further configured to adjust the size, shape, and position of the closed figure according to a drag operation performed by the user on the second display area in response to a user's instruction. Any one or more:.
  • the first picture and the second picture are remote sensing images taken at different times.
  • the data processing module is further configured to simultaneously zoom in the first picture displayed in the first display area and the second display area in response to a zoom operation performed in the user display interface.
  • the data processing module is further configured to: when the second picture cannot fill the second display area, the content in the first picture is spatially continuous, Displaying an area that is not filled by the second picture in the second display area.
  • embodiments of the present disclosure provide a dual-picture display device that displays pictures on a display interface
  • the display interface includes a first display area for displaying a first picture and a second display area for displaying a second picture
  • the boundary of the first display area includes an outer boundary and an inner boundary
  • the inner boundary coincides with the boundary of the second display area
  • the boundary of the second display area is a closed shape
  • the dual picture display device includes a data acquisition module And data processing module, where:
  • the data acquisition module is configured to acquire the first picture and the second picture associated with the content
  • the data processing module is configured to load the first picture into a first display area for display, and load the second picture into the second display area for display; wherein: display of the first picture
  • the content and the display content of the second picture are continuous at the boundary of the second display area, so that the display content of the first picture and the display content of the second picture are combined to form an integrated image.
  • embodiments of the present disclosure provide a terminal, including: a communication interface, a memory, a display screen, and a processor connected to the communication interface, the memory, and the display screen, wherein:
  • the communication interface is configured to obtain a first picture and a second picture that are spatially associated with content
  • the memory is set to store a program
  • the display screen is set to display a display interface, and the display interface shows a dividing line enclosing a closed figure, and the dividing line is used to divide the display interface into a first display area and a first display area outside the closed figure.
  • the processor is configured to execute the dual picture display method according to the first aspect or any one of the exemplary implementation manners of the first aspect by running the program.
  • embodiments of the present disclosure provide a terminal, including: a display screen, a memory, a processor, and a computer program stored on the memory and running on the processor, wherein the processor executes the program When realizing the steps of the two-picture explicit method as described above.
  • embodiments of the present disclosure provide a computer-readable storage medium with computer-executable non-volatile program code, which can implement any of the first aspect or the first aspect when the program code is executed The dual picture display method described in the exemplary implementation manner.
  • FIG. 1 is a structural block diagram of a terminal provided by an embodiment of the disclosure
  • FIG. 2 is a first schematic diagram of a display interface provided by an embodiment of the disclosure
  • FIG. 3 is a flowchart of a dual-picture display method provided by an embodiment of the present disclosure
  • FIG. 4 is a second schematic diagram of a display interface provided by an embodiment of the disclosure.
  • FIG. 5 is a third schematic diagram of a display interface provided by an embodiment of the disclosure.
  • FIG. 6 is a fourth schematic diagram of a display interface provided by an embodiment of the disclosure.
  • FIG. 7 is a fifth schematic diagram of a display interface provided by an embodiment of the disclosure.
  • FIG. 8 is a sixth schematic diagram of a display interface provided by an embodiment of the disclosure.
  • FIG. 9 is a structural block diagram of a dual picture display device provided by an embodiment of the disclosure.
  • FIG. 10 is a structural block diagram of another terminal provided by an embodiment of the disclosure.
  • the terminal 20 may be a PC (personal computer), a tablet computer, a smart phone, a PDA (personal digital assistant, a personal digital assistant), and the like.
  • the terminal 20 may include: a communication interface 21, a display screen 22, a memory 23, and a processor 24.
  • the communication interface 21, the display screen 22, and the memory 23 may be connected to the processor 24 through a bus.
  • the communication interface 21 may be a physical interface or a program interface.
  • the communication interface 21 is set to receive the first picture and the second picture uploaded by the user or sent by other devices. , And send the received first picture and second picture to the processor 24.
  • the first picture and the second picture may be two pictures with spatially continuous content.
  • the display 22 may be a display made of materials such as LCD (Liquid Crystal Display), LED (Light-Emitting Diode), or OLED (Organic Light-Emitting Diode).
  • LCD Liquid Crystal Display
  • LED Light-Emitting Diode
  • OLED Organic Light-Emitting Diode
  • a complete display interface 221 may be displayed on the display screen 22, and the display interface 121 may be the entire display area of the display screen 12, or may be a part of the display area, such as a display window.
  • the shape of the display window can be rectangular, square, or circular.
  • the display interface includes a first display area for displaying a first picture and a second display area for displaying a second picture.
  • the boundary of the first display area includes an outer boundary and an inner boundary.
  • the display interface 221 is provided with some controls such as line type Control, the effect displayed by the line control on the display interface 221 is a dividing line 222, and the dividing line can enclose a closed figure such as a circle, rectangle, triangle, diamond or irregular figure.
  • the closed figure in the display interface 221 can divide the display interface 221 into two areas, which are the first display area 223 outside the closed figure and the second display area 224 inside the closed figure.
  • the boundary between the first picture and the second picture may be regarded as the dividing line.
  • the dividing line may be an explicit dividing line, such as a visible solid line, or the dividing line may be an implicit dividing line, for example, the boundary line between the first picture and the second picture is used as the dividing line .
  • the memory 23 can be, for example, a magnetic disk, a ROM (Read-Only Memory), or a RAM (Random Access Memory, random access memory), or any combination thereof, and is set to store the programs required to execute the dual-picture display method .
  • the terminal 20 may also include program instructions stored in ROM, RAM, or other types of non-transitory storage media, or any combination thereof.
  • the processor 24 may be a CPU (Central Processing Unit, central processing unit), MCU (Microcontroller Unit, micro control unit), or FPGA (Field-Programmable Gate Array, field programmable gate array) chips.
  • CPU Central Processing Unit
  • MCU Microcontroller Unit
  • FPGA Field-Programmable Gate Array, field programmable gate array
  • the processor 24 may call and run the program in the memory 23 to process the first picture and the second picture sent by the communication interface 21.
  • the first picture and the second picture may be pictures associated with content (for example, there are spatially related pictures). Association).
  • the processor 14 may load the first picture into the first display area 223 for display, and load the second picture into the second display area 224 for display. Area, the display content of the first picture and the display content of the second picture are continuous at the boundary of the second display area, so that the display content of the first picture is combined with the display content of the second picture
  • An integrated image, that is, the display content in the first display area 223 and the second display area 224 may be spatially continuous (the display content may be spatially continuous, which will be explained later).
  • the processor 24 can also adjust the display content of the first display area 223 and the second display area 224 in response to the operation performed by the user interacting with the terminal 20, and make the first display area 223 and the second display area
  • the adjusted display content in 224 continues to be spatially continuous.
  • an embodiment of the present disclosure provides a dual-picture display method.
  • the dual-picture display method can be applied to the terminal 20 for execution.
  • the dual-picture display method may include: step S101 and step S201.
  • Step S101 Obtain a first picture and a second picture that are related to the content (for example, spatially related);
  • Step S201 Load the first picture into the first display area for display, and load the second picture into the second display area for display, wherein, when the second display area is changed, the image of the first picture
  • the display content and the display content of the second picture are continuous at the boundary of the second display area, so that the display content of the first picture and the display content of the second picture are combined to form an integrated image, that is, the first picture
  • the content displayed in the display area and the content displayed in the second display area are spatially continuous.
  • Combining the display content of the first picture and the display content of the second picture to form an integrated image means that the display content of the two images remains spatially continuous, that is, a complete image is formed, which is similar to combining two images.
  • the missing content in the first picture happens to be the display content of the second picture
  • the missing content in the second picture happens to be the display content of the first picture.
  • the changing of the second display area includes any one or a combination of the following changes: changing the shape of the second display area, changing the area of the second display area, and changing the position of the second display area.
  • the first display area needs to be changed at the same time, which will be described separately as follows:
  • Case 1 While changing the shape of the second display area, the shape of the boundary in the first display area is changed;
  • the boundary of the display interface is a first rectangle
  • the boundary of the second display area is a second rectangle
  • the area between the two rectangles is the first display area.
  • Case 2 While changing the area of the second display area, the area of the first display area is changed;
  • the boundary of the display interface is a first rectangle
  • the boundary of the second display area is a second rectangle
  • the area between the two rectangles is the first display area.
  • the boundary of the second display area is When it becomes a third rectangle, correspondingly, the inner boundary of the first display area also becomes a third rectangle.
  • the shape of the second display area and the shape of the inner boundary of the first display area change at the same time, and the shape of the display area changes. At the same time, the display content of the first picture and the display content of the second picture remain spatially continuous.
  • the second display area is located inside the first display area, similar to a sub-window in the display interface.
  • the second display area moves from one end of the display interface to the other end, the second display area
  • the position of the boundary within a display area also changes accordingly, and while the position of the second display area changes, the display content of the first picture and the display content of the second picture remain spatially continuous.
  • the content displayed in the first display area and the content displayed in the second display area are continuous. If a major event occurs in a certain place, the user needs to observe the changes before and after the event occurs in the place. Load and display the remote sensing images before and after the event in the place, respectively, in the first display area and the second display area, move the second display area to observe the images before and after the event, if the user needs to observe changes in the place , Only need to keep the line of sight at this position on the display interface, by moving the second display area boundary position or dividing line to switch the first picture and the second picture at that position, you can complete the position between the two pictures. The comparison between the two, and then the changes before and after the incident occurred there.
  • the user does not need to switch the line of sight between two independently set images. Therefore, when observing a feature in the image, the user only needs to focus the line of sight on the position of the feature, and control the position by moving the position of the second display area. Whether the picture displayed here is the first picture or the second picture, so as to complete the comparison of a feature between the two pictures, so the user does not need to switch the line of sight between the two independently set pictures.
  • the existence of the dividing line can provide the user with a reference range of the line of sight. Even if the user's line of sight is shifted due to an unexpected event (for example, a sudden mobile phone ringing), the user can also quickly adjust the line of sight according to the dividing line. When the line of sight is turned back to the second display area, there is no need to search for previously viewed features in the entire display interface, which improves the efficiency of the user's comparison of pictures and enhances the user experience.
  • an unexpected event for example, a sudden mobile phone ringing
  • Step S101 Obtain a first picture and a second picture associated with the content.
  • the two images whose content is spatially related may be two images whose content is related in three-dimensional space, for example, two images taken for the same spatial region at different time points.
  • a pre-disaster remote sensing map of a certain area taken by equipment such as satellites or drones can be controlled in advance, and the pre-disaster remote sensing map can be used as the first picture.
  • the post-disaster remote sensing map can be used as the second picture compared with the first picture to compare the two remote sensing maps.
  • the first picture and the second picture are remote sensing images taken at different times, and the remote sensing image itself has the characteristics of wide coverage and less interference, it is especially suitable for use in disasters. Therefore, the seamless comparison of remote sensing images is very helpful in Grasp the disaster situation during the disaster, and grasp the reconstruction situation after the disaster.
  • a real image of a certain building under normal conditions captured in advance by a camera can be used, and the real image under normal conditions can be used as the first image.
  • the real picture of the damaged building is taken at the same camera position as the first time.
  • the real picture of the damaged building can be used as the first picture. Two pictures to compare two real pictures.
  • an X-ray irradiator and a conventional camera lens can be used to shoot the same user to obtain an X-ray image and a conventional image of the user.
  • the X-ray image can be used as the first picture
  • the conventional image can be used as the first picture.
  • the second picture of picture comparison to compare the X-ray image and the conventional image.
  • the same camera position of the two shots can keep the content in the first and second shots at the same angle of view, thereby facilitating the comparison of the two images.
  • the content in the two pictures remains the same in terms of perspective, and both pictures are taken for the same object, the content in the two pictures can be spatially related, so that after setting the two pictures , The content displayed by the two pictures on the display interface can be spatially continuous.
  • the two pictures whose content is related in space may be two pictures whose content is related in plane space, such as the same painting copied by different authors, or two works (calligraphy and painting works or calligraphy and painting works) made by the same author at different times. Visual image works) and so on.
  • the first picture and the second picture may be any pictures that need to be compared, as long as the contents of the two pictures are spatially related.
  • the above content correlation can be understood as the same or similar content.
  • the foregoing is only an example.
  • the first picture and the second picture may be any pictures that need to be compared, as long as the contents of the two pictures are related.
  • the user can transmit the first picture and the second picture to the terminal 20, so that the terminal 20 receives the first picture and the second picture, and continues to perform step S201.
  • Step S201 Load the first picture into the first display area for display, and load the second picture into the second display area for display, wherein the display content in the first display area and the second display area are displayed in the Spatially continuous.
  • the terminal 20 may first load the first picture and the second picture into the memory.
  • the terminal 20 processes the first picture and the second picture in the memory, loads the first picture into the first display area 223, and synchronously loads the second picture into the second display area 224, so that the first display area 223 and The display content in the second display area 224 is spatially continuous.
  • the spatially continuous display content can be understood as the same or similar features in the two pictures displayed at the same position in the display interface 221.
  • the first picture A and the second picture B are remote sensing images taken of the same river C at different times, and the first picture A is taken during the dry season of the river C, and the second picture B is the The river C was taken during the flood season.
  • the second display area 224 in the closed graphic 222 displays the expanded scene of the river C1 of the river C during the flood season
  • the first display area 223 outside the closed graphic 222 displays the river C during the dry season.
  • the boundary of the second display area coincides with the inner boundary of the first display area, and the display content inside and outside the overlap boundary is spatially continuous.
  • the display contents in the first display area 223 and the second display area 224 form a spatial continuity, and visually, the first picture A and the second picture B are spatially continuous at the edge of the closed figure.
  • the closed figure is a circle for illustration. In other embodiments, the closed figure can have other shapes, as long as the first picture and the second picture at the edge of the closed figure are spatially connected.
  • the terminal 20 may load the first picture and the second picture in the following manner.
  • an exemplary way of loading the first picture and the second picture is as follows.
  • the terminal 20 can control the display of the first display area 223 by setting a first control and set another second control. To control the display of the second display area 224.
  • the terminal 20 presets the first preset position of the first mark point of the first picture in the first display area 223 according to the criterion that the displayed content is spatially continuous, and presets the second mark corresponding to the second picture.
  • the point is at the second preset position in the second display area 224.
  • the terminal 20 can load the first picture into the first display area 223 through the first control, so that the first marking point of the first picture is located at the first preset position in the first display area 223; and the terminal 20 can Load the second picture into the second display area 224 through the second control, so that the second mark point of the second picture is located at the second preset position in the second display area 224, where the first preset position and the second
  • the preset position is a position set for realizing the continuity of the displayed content in space. Therefore, based on that the first marking point of the first picture is located at the first preset position and the second marking point of the second picture is located at the second preset position, the first display area 223 and the second display area can be realized during display.
  • the display content in 224 is spatially continuous. Taking FIG. 2 as an example, the foregoing display mode is described. As shown in the figure, the second display area 224 is at a closed circle in the figure, and the second display area 223 is an area other than the first display area. Assuming that the first picture and the second picture are photos taken in the same area, the shooting time is different, but the shooting angle of view is the same, the first picture and the second picture can have the same size and match the display interface (in other embodiments, if the first picture is The size of the picture and the second picture do not match the size of the display interface, for example, if it is larger than the size of the display interface, the first picture and the second picture can be cropped first).
  • the first marking point may be a first pixel point in the upper left corner of the first picture, and the first picture is loaded in the first display area in such a manner that the first marking point is located at the first pixel point in the upper left corner of the first display area .
  • the second marking point may be the y-th pixel in the x-th row in the second picture corresponding to the initial position of the closed circle, and the second marking point may be located at the y-th pixel in the x-th row of the closed graphic in a manner
  • the second display area loads the second picture. In this display mode, the first display area displays the partial content of the first picture, and the second display area displays the partial content of the second picture. The displayed partial content of the first picture and the partial content of the second picture are displayed.
  • the missing content in the first picture displayed in the first display area happens to be the content of the second picture displayed in the second display area.
  • the above-mentioned first marking point position and the second marking point position are only examples, and the marking point may be other position points according to the initial position of the display area and the movement mode of the dividing line.
  • another exemplary way of loading the first picture and the second picture is as follows.
  • the terminal 20 can control the display of the display interface 221 as a whole by setting a control. Using this control, the terminal 20 can load the first picture and the second picture into the display interface 221 in a manner of overlapping objects. Then, use the control to adjust the display transparency of the second picture in the first display area 223 to 100% and the display transparency of the first picture to 0%, and adjust the transparency of the second picture in the second display area 224 to 0% And the display transparency of the first picture is 100%.
  • the first display area 223 may only display the content in the first picture
  • the second display area 224 may only display the content in the second picture. Since the objects in the first picture and the second picture overlap, the display contents in the first display area 223 and the second display area 224 are spatially continuous.
  • the display content of the first picture and the second picture may be combined to form an integrated image by means of image recognition. For example, it is recognized that a certain object T1 is contained in the first picture, the position of the same object T1 is found in the second picture, and the position of the object T1 displayed in the display area is preset, and then the first picture and the second picture are loaded, so that the first picture The display content of the picture and the second picture are spatially continuous. Or set the loading position of the second picture in the second display area according to the position of the certain object T2 in the first picture in the first display area, so that the display content of the first picture and the second picture are spatially continuous.
  • the terminal 20 may perform human-computer interaction with the user to adjust the content displayed by the first picture and the second picture.
  • the terminal 20 can automatically adjust any one of the following contents or in response to the user's instruction by performing human-computer interaction with the user: Various: the size, shape and position of the closed graphics, so as to realize the adjustment of the content displayed in the first picture and the second picture.
  • any one or more of the following rules are preset in the terminal 20: the rule for changing the size of the closed figure 222, the rule for changing the shape of the closed figure 222, and the moving track of the closed figure 222 in the display interface 221.
  • a control instruction for controlling the closed figure 222 to automatically change the size and/or shape to the terminal 20 for example, a button for controlling the closed figure 222 to change size and/or shape is displayed on the display interface 221, and the user touches This button corresponds to inputting a control instruction to the terminal 20
  • the terminal 20 can automatically adjust the size and/or shape of the closed figure 222 according to the change rule by responding to the control instruction.
  • a movement instruction for controlling the start of the movement of the closed figure 222 for example, a button for controlling the movement of the closed figure 222 is displayed on the display interface 221
  • the user can input the movement instruction to the terminal 20 by touching the button.
  • the terminal 20 can control the closed figure 222 to move according to the movement track, for example, move at a constant speed to the position specified in the preset rule.
  • the initial shape of the closed figure 222 is a circle. If the shape of the closed figure 222 is changed according to the changing rules, the closed figure 222 can be changed from a circle to a rectangle, a triangle, a rhombus, and a five. Hexagons, hexagons, etc.
  • the target shape here is only an example. In other embodiments, it can be set as required, and the order can also be adjusted by changing the order.
  • the area of the closed figure 222 can be enlarged, and when the area of the closed figure 222 is enlarged and the boundary of the closed figure 222 exceeds the boundary of the display interface 221, the terminal Then, the figure enclosed by the boundary of the closed figure 222 in the display interface 221 and the boundary of the display interface 221 can be used as the new closed figure 222.
  • the closed figure 222 when both the size of the closed figure 222 and the shape of the closed figure 222 are changed according to the change rule, the closed figure 222 can be dynamically changed from a circle in the process of expanding the area of the closed figure 222. Change to rectangle, triangle, rhombus, pentagon, hexagon, etc. in turn.
  • Figure 5 shows an example of a movement trajectory. As shown in FIG. 5, the preset movement track is shown by a dashed line with an arrow. By controlling the movement of the closed figure 222, the closed figure 222 can move in the direction indicated by the arrow according to the trajectory corresponding to the dashed line.
  • the terminal 20 may manually adjust any one or more of the following contents through human-computer interaction with the user: closed
  • the size, shape and position of the graphics can be adjusted to adjust the content displayed in the first picture and the second picture.
  • the user can touch the edge of the closed graphic 222 and move the finger in the arrow direction to drag the closed graphic 222.
  • the terminal 20 can generate a drag trajectory corresponding to the drag operation corresponding to the detection of the drag operation of the user dragging the dividing line, and move the closed figure 222 according to the drag trajectory.
  • the user can first click the closed graphic 222 to input an instruction to the terminal 20 that the closed graphic 222 needs to be zoomed. Then, the user touches the edge of the closed graphic 222 and moves the finger in the direction of the arrow to drag the closed graphic 222.
  • the terminal 20 may correspondingly detect the drag operation of the user dragging the dividing line, generate a drag trajectory corresponding to the drag operation, and enlarge or reduce the closed graph 222 according to the drag trajectory.
  • the user can first double-click the closed graphic 222 to input to the terminal 20 an instruction to adjust the shape of the closed graphic 222. Then, the user touches the edge of the closed figure 222 that needs to be adjusted and moves the finger in the direction of the arrow to drag the closed figure 222.
  • the terminal 20 can correspondingly detect the drag operation of the user dragging the dividing line, generate a drag trajectory corresponding to the drag operation, and protrude or dent the edge according to the drag trajectory, thereby adjusting the shape of the closed figure 222.
  • the first display area 223 and the second display area 224 are also changed accordingly, so that the first picture and the second picture
  • the content displayed by the picture has also changed correspondingly, thereby adjusting the display content of the first picture and the second picture.
  • the shape of the closed graphic 222 can be adjusted to be the same as the shape of the feature to be compared, so that the feature can be better seamlessly compared.
  • the feature to be compared in the first picture is a river
  • the first picture was taken when the river was normal
  • the second picture was taken after a landslide occurred on the river.
  • the river was blocked due to a landslide
  • the river in the second picture has formed a dammed lake.
  • the multimedia data is first displayed in the second display area 224 and then the second picture is displayed, or Display the second picture in the second display area 224, and at the same time display the multimedia data in the preset position of the first display area 223, or in a new display interface (for example, a new display window is designed to pop up) Display the multimedia data.
  • the multimedia data that is played first can be, for example, background knowledge that needs to be known before viewing the second picture, which is conducive to the user's better understanding and viewing of the second picture.
  • the multimedia data can be text, pictures, photos, sounds, animations, and movies, for example. Any one or a collection of multiple. However, the embodiments of the present disclosure are not limited to this, and the multimedia data may also be information irrelevant to the second picture.
  • the user can zoom and move the first picture and the second picture through human-computer interaction.
  • the display interface 221 may be provided with a zoom-in key 225, a zoom-out key 226, and a restore key 227.
  • the user can perform a zoom-in operation by touching and pressing the zoom-in key 225.
  • the terminal 20 may respond to the zoom-in operation to simultaneously zoom in the first picture and the second picture in the display interface 221.
  • the user can touch-press the zoom-out key 226 to perform a zoom-out operation.
  • the terminal 20 can simultaneously reduce the first picture and the second picture in the display interface 221 in response to the zoom-out operation.
  • the user can perform a movement operation on the display interface 221, for example, sliding in the direction shown in FIG.
  • the terminal 20 can respond to the movement operation and synchronously move the first picture and the second picture in the display interface 221. Or, when the user touches and presses the recovery key 227 to perform the recovery operation. Correspondingly, the terminal 20 can respond to the restoration operation to synchronously restore the first picture and the second picture to the display state at the time of initial loading.
  • the user can zoom and move the first picture and the second picture through a sliding operation.
  • the user touches the first display area 223 or the second display area 224 with two fingers, and performs the operation of moving the two fingers together or separating the two fingers, so as to display in the first display area 223 or the second display area.
  • the area 224 performs a zoom-in operation or a zoom-in operation.
  • the terminal 20 in response to the zoom-out operation or zoom-in operation, the terminal 20 synchronously reduces or synchronously enlarges the first picture in the first display area 223 and the second picture in the second display area 224.
  • the user touches the first display area 223 or the second display area 224 with one finger, and performs a sliding operation to perform a sliding operation on the first display area 223 or the second display area 224.
  • the terminal 20 synchronously moves the first picture in the first display area 223 and the second picture in the second display area 224 in response to the sliding operation.
  • the contents displayed in the first picture and the second picture after zooming in, zooming out, or moving can continue to be continuous in space.
  • the terminal 20 can display the content in the first picture in a spatially continuous manner on the second picture.
  • the area in the display area 224 that is not filled by the second picture makes the display content in the first display area 223 and the second display area 224 continue to be spatially continuous through the filling of the first picture.
  • you can also refer to the above method that is, the content in the first picture is kept continuous in space. Displaying an area that is not filled by the second picture in the second display area.
  • the user may be prompted to fill in the area in a display manner, for example, a second dividing line is added to the boundary.
  • the second dividing line is an explicit dividing line and can be distinguished by line shape and/or line color.
  • the display content in the second display area can still be spatially continuous.
  • the user can adjust the display color of the first picture and the second picture through human-computer interaction.
  • the display interface 221 is provided with a first color adjustment bar 228 for color adjustment of the first picture, and a second color adjustment bar 229 used for color adjustment of the second picture, respectively.
  • the user adjusts the position of the pointer in the first color adjustment bar 228 and/or adjusts the position of the pointer in the second color adjustment bar 229 by sliding on the display interface 221 to perform the color adjustment operation.
  • the terminal 20 In response to the color adjustment operation, the terminal 20 correspondingly adjusts the RGB of the first picture and/or the second picture according to the adjusted position of the pointer in the first color bar 228 and/or the adjusted position of the pointer in the second color bar 229 (Red, Green, and Blue) value.
  • a color bar may be set in the display interface 221, and the color bar adjusts for which picture the user selects.
  • the color of the first picture and/or the second picture may also be adjusted in other ways (for example, gesture instructions).
  • the method described in FIG. 3 may further include: performing partial image processing on the first picture and/or the second picture according to the user's operation instruction. For example, it may include: adjusting the first picture and/or the second picture. 2.
  • the image color in the designated local area in the picture, or the image display effect in the designated local area in the first picture and/or the second picture is set.
  • the image display effect can be any kind of artistic display effect.
  • the timing of the execution of the foregoing steps is not limited, and may be executed before the first display area and the second display area are changed, or may be executed after the first display area and the second display area are changed.
  • the designated local area may be a local area or multiple local areas.
  • the user can directly select one or more designated local areas, and the terminal responds to the user's selection operation instruction to regard the one or more local areas selected by the user as the designated local area (for example, by tapping and dragging when selecting Or by clicking and combining image recognition); or by adopting a reverse selection method, the terminal responds to the user's selection operation instruction and takes other areas other than the one or more local areas selected by the user as the designated local area.
  • the terminal responds to the user's current or preset color adjustment operation instruction or image display effect setting operation instruction to perform operations of adjusting the color or setting the image display effect of the image in the designated local area.
  • the user can set the area or the part other than the object that he focuses on as a designated local area, adjust the image color of the designated local area to grayscale color mode, and keep the other local areas except the designated local area as they are, that is, Preserve the color.
  • the image in the local area is highlighted.
  • the first picture and the second picture are the remote sensing images of A before and after the special event.
  • the user selects a specific building in the first picture and the second picture as the designated local area, and sets it in the first picture and the second picture.
  • the terminal responds to the user’s setting to process the designated local area in the first picture and the second picture, such as highlighting, so that when the user is observing the first picture and the second picture In the second picture, the user’s sight can be effectively focused on the highlighted part in the first picture and the second picture.
  • the user can directly move the dividing line to the highlighted part, and the dividing line can be moved back and forth in the highlighted part. It can be observed that the specific building changes before and after the special event. Therefore, by processing the image in the local area, the user's line of sight can be effectively focused, thereby shortening the time for the user to perform image comparison.
  • an embodiment of the present disclosure also provides a dual picture display device 200.
  • the dual picture display device 200 can be applied to a terminal 20.
  • the dual picture display device 200 includes:
  • the data obtaining module 210 is configured to obtain the first picture and the second picture associated with the content.
  • the data processing module 220 is configured to display a dividing line enclosing a closed figure in a display interface, and the dividing line is used to divide the display interface into a first display area 223 located outside the closed figure and a first display area 223 located outside the closed figure.
  • the second display area 224 in the graphic, and is configured to load the first picture into the first display area 223 for display, and load the second picture into the second display area 224 for display, wherein
  • the display contents in the first display area 223 and the second display area 224 are spatially continuous.
  • the dual picture display device 200 may be used to display pictures on a display interface, the display interface including a first display area for displaying a first picture and a second display area for displaying a second picture, wherein: the boundary of the first display area includes an outer boundary and an inner boundary, the inner boundary coincides with the boundary of the second display area, the boundary of the second display area is a closed shape, and the dual picture display device includes a data acquisition module And data processing module, where:
  • the data acquisition module is configured to acquire the first picture and the second picture associated with the content
  • the data processing module is configured to load the first picture into a first display area for display, and load the second picture into the second display area for display; wherein: display of the first picture
  • the content and the display content of the second picture are continuous at the boundary of the second display area, so that the display content of the first picture and the display content of the second picture are combined to form an integrated image.
  • the data processing module is further configured to first display multimedia data in the second display area and then display the second picture when the dividing line is moved to a preset position, Or the data processing module is further configured to display multimedia data in the preset position of the first display area or display the multimedia data in a new display interface when the dividing line is moved to a preset position.
  • the data processing module is further configured to adjust any one or more of the size, shape, and position of the closed figure according to a preset adjustment rule in response to a user's instruction.
  • the data processing module is further configured to adjust the size, shape, and position of the closed figure according to a drag operation performed by the user on the second display area in response to a user's instruction. Any one or more.
  • the data processing module is further configured to simultaneously zoom in the first picture displayed in the first display area and the second display area in response to a zoom operation performed in the user display interface.
  • the second picture displayed; or in response to a zoom out operation performed by the user in the display interface, the first picture displayed in the first display area and the second picture displayed in the second display area are simultaneously zoomed out Picture; or in response to a movement operation performed by the user in the display interface, synchronously move the first picture displayed in the first display area and the second picture displayed in the second display area.
  • the data processing module is further configured to: when the second picture cannot fill the second display area, the content in the first picture is spatially continuous. To display an area in the second display area that is not filled by the second picture.
  • Some embodiments of the present disclosure also provide a computer-readable storage medium of non-volatile program code executable by a computer.
  • the storage medium can be a general-purpose storage medium, such as a removable disk, a hard disk, etc., and the computer-readable storage medium A program code is stored thereon, and when the program code is run by a computer, the dual-image display method of any one of the above embodiments is executed.
  • the program code product of the dual-image display method provided by the embodiment of the present disclosure includes a computer-readable storage medium storing the program code.
  • the instructions included in the program code can be used to execute the method in the previous method embodiment, see the foregoing method embodiment It is described in, so I won’t repeat it here.
  • an embodiment of the present disclosure also provides a terminal 300, which may include a processor 310, a memory 320, and a display screen 330.
  • the processor 310 is connected to the memory 320 and the display screen 330, respectively.
  • 320 is set as a storage instruction.
  • the processor 310 is set to execute the instruction stored in the memory 320 to process the first picture and the second picture and display them on the display screen 330.
  • the processor 310 performs processing on the first picture and the second picture. Refer to the description in the foregoing method for the processing, which will not be repeated here.
  • the processor 310 may be a central processing unit (Central Processing Unit, referred to as "CPU"), and the processor 310 may also be other general-purpose processors, digital signal processors (DSP), application specific integrated circuits (ASIC), or off-the-shelf processors. Programmable gate array (FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc.
  • the general-purpose processor may be a microprocessor or the processor may also be any conventional processor or the like.
  • the memory 320 may include a read-only memory and a random access memory, and provides instructions and data to the processor 310. A part of the memory 320 may also include a non-volatile random access memory. For example, the memory 320 may also store device type information.
  • the display screen 330 may be various types of display screens, for example, various types of display screens such as a liquid crystal display screen or an organic light emitting diode (OLED) display screen.
  • various types of display screens such as a liquid crystal display screen or an organic light emitting diode (OLED) display screen.
  • the processing performed by the terminal may be completed by an integrated logic circuit of hardware in the processor 310 or an instruction in the form of software. That is, the steps of the method disclosed in the embodiments of the present disclosure may be embodied as being executed and completed by a hardware processor, or executed and completed by a combination of hardware and software modules in the processor.
  • the software module can be located in storage media such as random access memory, flash memory, read-only memory, programmable read-only memory, or electrically erasable programmable memory, registers.
  • the storage medium is located in the memory 320, and the processor 310 reads information in the memory 320, and completes the steps of the foregoing method in combination with its hardware. To avoid repetition, it will not be described in detail here.
  • the embodiments of the present disclosure provide a dual-picture display method, device, terminal, and storage medium. Since the contents displayed by the first picture and the second picture are spatially continuous, when observing the features of the closed figure in the figure, the user only needs to keep the line of sight at the position of the closed figure by moving the second display area , You can complete the comparison of the features between the two pictures, so the user does not need to switch the line of sight between the two independently set pictures.
  • the existence of the closed figure can provide the user with a focus point of the line of sight. Even if the user's line of sight is shifted due to an unexpected event (such as a sudden mobile phone ringing), the user can also close the figure later. In order to focus, the line of sight can be quickly switched back to the previous viewing position, and there is no need to find the features of the previous viewing in the whole picture, which improves the user's contrast efficiency of the picture and enhances the user experience.
  • the disclosed device and method may be implemented in other ways.
  • the device embodiments described above are merely illustrative.
  • the division of the units is only a logical function division, and there may be other divisions in actual implementation.
  • multiple units or components may be combined or It can be integrated into another system, or some features can be ignored or not implemented.
  • the displayed or discussed mutual coupling or direct coupling or communication connection may be indirect coupling or communication connection through some interfaces, devices or units, and may be in electrical, mechanical or other forms.
  • the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or they may be distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the objectives of the solutions of the embodiments.
  • the functional modules in the embodiments of the present disclosure may be integrated together to form an independent part, or may exist alone, or two or more modules may be integrated to form an independent part.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种双图片显示方法、装置、终端及存储介质。显示界面包括用于显示第一图片的第一显示区域和用于显示第二图片的第二显示区域，其中：所述第一显示区域的边界包括外边界和内边界，所述内边界与第二显示区域边界重合，所述第二显示区域边界为封闭形状，所述方法包括：获得内容相关联的第一图片和第二图片；将所述第一图片加载到第一显示区域中显示，以及将所述第二图片加载到所述第二显示区域中显示，其中，在改变所述第二显示区域时，所述第一图片的显示内容与所述第二图片的显示内容在所述第二显示区域边界处保持连续，使所述第一图片的显示内容与所述第二图片的显示内容组合形成一体的图片。

Description

一种双图片显示方法、装置、终端及存储介质 技术领域
本公开实施例涉及但不限于计算机技术领域，尤指一种双图片显示方法、装置、终端及存储介质。
背景技术
当需要对比内容相关的两幅图片时，例如对比同一地区在不同时刻拍摄的两幅遥感图，或对比同一建筑物在不同天气条件下拍摄的两张图片，或对比同一婴儿通过彩色相机和通过b超拍摄的两张图片，一种做法是将两幅图片完整且独立地分立在两个位置处显示。这样观察者在对比两张图时，首先需要观看其中一张图，分析该图中的某个特征，然后将视线调整到另一张图片中，再根据该特征在前一图片中的位置去寻找在另一图片中的对应位置，然后去判断该特征在另一张图片上是否发生变化。通常为了完成整幅图片的对比，观察者需要将目光多次地在两幅图片之间转换。
这种对比方式虽然能够实现对内容相关的两幅图片的对比，但其需要观察者不断调整视线。若观察者的注意力出现不集中，或者观察者的注意力被突发事件打断，往往观察者会丢失正在对比特征的视线，从而需要花费时间和精力重新寻找，导致图片对比的效率很低，用户体验不好。
发明概述
以下是对本文详细描述的主题的概述。本概述并非是为了限制权利要求的保护范围。
本公开实施例提供一种双图片显示方法、装置、终端及存储介质。
第一方面，本公开实施例提供了一种双图片显示方法，显示界面包括用于显示第一图片的第一显示区域和用于显示第二图片的第二显示区域，其中：所述第一显示区域的边界包括外边界和内边界，所述内边界与第二显示区域边界重合，所述第二显示区域边界为封闭形状，所述方法包括：
获得内容相关联的第一图片和第二图片；
将所述第一图片加载到第一显示区域中显示，以及将所述第二图片加载到所述第二显示区域中显示，其中，在改变所述第二显示区域时，所述第一图片的显示内容与所述第二图片的显示内容在所述第二显示区域边界处保持连续，使所述第一图片的显示内容与所述第二图片的显示内容组合形成一体的图片。
在一示例性实现方式中，所述第一显示区域的边界包括外边界和内边界，所述内边界与第二显示区域边界重合，所述第二显示区域边界为封闭形状，包括：显示界面中显示有围成闭合图形的分割线，所述分割线将所述显示界面分割成位于所述闭合图形外的第一显示区域和位于所述闭合图形内的第二显示区域。
在一示例性实现方式中，所述第一图片的显示内容与所述第二图片的显示内容在所述第二显示区域边界处连续，包括：所述第一显示区域中显示的内容和所述第二显示区域中显示的内容在空间上连续。
在一示例性实现方式中，所述改变所述第二显示区域，包括以下任意一种或多种的组合：
改变所述第二显示区域的形状；
改变所述第二显示区域的面积；
改变所述第二显示区域的位置；
其中，在改变所述第二显示区域的形状的同时，改变所述第一显示区域内边界的形状，在改变所述第二显示区域的面积的同时，改变所述第一显示区域的面积，在改变所述第二显示区域边界位置的同时改变所述第一显示区域内边界的位置。
在一示例性实现方式中，所述方法还包括：当所述分割线被移动到预设的位置时，在所述第二显示区域中先显示多媒体资料再显示所述第二图片。
在一示例性实现方式中，所述方法还包括：当所述分割线被移动到预设的位置时，在所述第一显示区域的预设位置显示多媒体资料，或者在新的显示界面中显示多媒体资料。
在一示例性实现方式中，所述方法还包括：响应于用户的指令，按预设的调整规则调整所述闭合图形的大小、形状和位置中的任意一种或多种。
在一示例性实现方式中，所述方法还包括：响应于用户的指令，根据用户针对所述第二显示区域进行的拖拽操作调整所述闭合图形的大小、形状和位置中的任意一种或多种：。
在一示例性实现方式中，所述第一图片和所述第二图片为在不同时刻拍摄的遥感图。在一示例性实现方式中，所述方法还包括：
响应用户在所述显示界面内执行的放大操作，同步放大所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片；或
响应用户在所述显示界面内执行的缩小操作，同步缩小所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片。
在一示例性实现方式中，所述方法还包括：
响应用户在所述显示界面内执行的移动操作，同步移动所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片。
在一示例性实现方式中，所述方法还包括：当所述第二图片无法填充满所述第二显示区域时，按照空间上连续的方式，将所述第一图片中的内容显示在所述第二显示区域中未被所述第二图片填充的区域。
在一示例性实现方式中，所述方法还包括：响应用户的操作指令，对第一图片和/或第二图片进行局部图像处理。
在一示例性实现方式中，其中，所述对第一图片和/或第二图片进行局部图像处理，包括：
调整第一图片和/或第二图片中的指定局部区域内的图像颜色，或设置第一图片和/或第二图片中的指定局部区域内的图像显示效果。
第二方面，本公开实施例提供了一种双图片显示装置，所述装置包括：
数据获取模块，设置为获得内容相关联的第一图片和第二图片；以及
数据处理模块，设置为在显示界面中显示围成闭合图形的分割线，所述分割线用于将所述显示界面分割成位于所述闭合图形外的第一显示区域和位 于所述闭合图形内的第二显示区域，以及设置为将所述第一图片加载到第一显示区域中显示，以及将所述第二图片加载到所述第二显示区域中显示，其中，所述第一显示区域中显示的内容和所述第二显示区域中显示的内容在空间上连续。
在一示例性实现方式中，所述数据处理模块还设置为在所述分割线被移动到预设的位置时，在所述第二显示区域中先显示多媒体资料再显示第二图片。
在一示例性实现方式中，所述数据处理模块还设置为响应于用户的指令，按预设的调整规则调整所述闭合图形的大小、形状和位置中的任意一种或多种：。
在一示例性实现方式中，所述数据处理模块还设置为响应于用户的指令，根据用户针对所述第二显示区域进行的拖拽操作，调整所述闭合图形的大小、形状和位置中的任意一种或多种：。
在一示例性实现方式中，所述第一图片和所述第二图片为在不同时刻拍摄的遥感图。
在一示例性实现方式中，所述数据处理模块还设置为响应用户显示界面内执行的放大操作，同步放大所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片；或响应所述用户在显示界面内执行的缩小操作，同步缩小所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片；或响应所述用户在显示界面内执行的移动操作，同步移动所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片。
在一示例性实现方式中，所述数据处理模块还设置为在所述第二图片无法填充满所述第二显示区域时，将所述第一图片中的内容按照内容空间上连续的方式，显示在所述第二显示区域中未被所述第二图片填充的区域。
第三方面，本公开实施例提供了一种双图片显示装置，在显示界面显示图片，显示界面包括用于显示第一图片的第一显示区域和用于显示第二图片的第二显示区域，其中：所述第一显示区域的边界包括外边界和内边界，所 述内边界与第二显示区域边界重合，所述第二显示区域边界为封闭形状，所述双图片显示装置包括数据获取模块和数据处理模块，其中：
所述数据获取模块，设置为获得内容相关联的第一图片和第二图片；
所述数据处理模块，设置为将所述第一图片加载到第一显示区域中显示，以及将所述第二图片加载到所述第二显示区域中显示；其中：所述第一图片的显示内容与所述第二图片的显示内容在所述第二显示区域边界处连续，使所述第一图片的显示内容与所述第二图片的显示内容组合形成一体的图像。
第四方面，本公开实施例提供了一种终端，包括：通信接口、存储器、显示屏、与所述通信接口、所述存储器和所述显示屏连接的处理器，其中：
所述通信接口，设置为获得内容在空间上关联的第一图片和第二图片；
所述存储器，设置为存储程序；
所述显示屏，设置为显示显示界面，显示界面中显式有围成闭合图形的分割线，所述分割线用于将所述显示界面分割成位于所述闭合图形外的第一显示区域和位于所述闭合图形内的第二显示区域；
所述处理器，设置为通过运行所述程序以执行如第一方面或第一方面的任一种示例性实现方式所述的双图片显示方法。
第五方面，本公开实施例提供了一种终端，包括：包括显示屏、存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其中，所述处理器执行所述程序时实现如前所述的双图片显式方法的步骤。
第六方面，本公开实施例提供了一种具有计算机可执行的非易失程序代码的计算机可读储存介质，所述程序代码被执行时可实现如第一方面或第一方面的任一种示例性实现方式所述的双图片显示方法。
在阅读并理解了附图和详细描述后，可以明白其他方面。
附图概述
下面将对本公开实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本公开的某些实施例，因此不应被看作是对范围的限定， 对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
图1为本公开实施例提供的一种终端的结构框图；
图2为本公开实施例提供的显示界面的第一示意图；
图3为本公开实施例提供的一种双图片显示方法的流程图；
图4为本公开实施例提供的显示界面的第二示意图；
图5为本公开实施例提供的显示界面的第三示意图；
图6为本公开实施例提供的显示界面的第四示意图；
图7为本公开实施例提供的显示界面的第五示意图；
图8为本公开实施例提供的显示界面的第六示意图；
图9为本公开实施例提供的一种双图片显示装置的结构框图；
图10为本公开实施例提供的另一种终端的结构框图。
详述
下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行描述。
请参阅图1，本公开实施例提供了一种终端20，该终端20可以是PC(personal computer，个人电脑)、平板电脑、智能手机、PDA(personal digital assistant，个人数字助理)等。
本实施例中，终端20可以包括：通信接口21、显示屏22、存储器23和处理器24。其中，通信接口21、显示屏22、存储器23可以通过总线与处理器24连接。
通信接口21可以是物理接口或者也可以是程序接口，在终端20需要对比显示第一图片和第二图片时，通信接口21设置为接收用户上传或其它设备发送的该第一图片和第二图片，并将接收的第一图片和第二图片发送给处理器24，所述第一图片和第二图片可以是内容在空间上连续的两张图片。
显示屏22可以是例如LCD(Liquid Crystal Display，液晶显示器)、LED (Light-Emitting Diode，发光二极管)或OLED(Organic Light-Emitting Diode，有机发光二极管)等材质制成的显示屏。
在本实施例中，显示屏22上可以显示出一个完整的显示界面221，该显示界面121可以是显示屏12的整个显示区域，或者可以是其中的部分显示区域，例如一个显示窗口。显示窗口的形状可以是矩形、正方形或圆形等。显示界面包括用于显示第一图片的第一显示区域和用于显示第二图片的第二显示区域，其中：所述第一显示区域的边界包括外边界和内边界，所述内边界与第二显示区域边界重合，所述第二显示区域边界为封闭形状，在显示界面中显示第一图片和第二图片的一种示例性实施方式是：该显示界面221中设有一些控件比如线型控件，该线型控件在显示界面221上显示出的效果即为一条分割线222，且该分割线可以围成一个闭合图形例如围成圆形、矩形、三角形、菱形或者不规则图形等。这样，显示界面221中的该闭合图形便可以将显示界面221分成两个区域，其分别是位于闭合图形外的第一显示区域223，以及位于闭合图形内的第二显示区域224。该第一图片与第二图片之间的边界可以视为所述分割线。该分割线可以是显式的分割线，例如一条可视的实线，或者该分割线可以是隐式的分割线，例如将所述第一图片与第二图片之间的边界线作为分割线。
存储器23可以是例如磁盘、ROM(Read-Only Memory，只读存储器)、或RAM(Random Access Memory，随机存取存储器)，或其任意组合，其设置为存储执行双图片显示方法所需的程序。示例性的，除了存储器23外，终端20还可以包括存储在ROM、RAM、或其他类型的非暂时性存储介质、或其任意组合中的程序指令。
处理器24可以是CPU(Central Processing Unit，中央处理器)、MCU(Microcontroller Unit，微控制单元)或FPGA(Field－Programmable Gate Array，现场可编程门阵列)等芯片。
处理器24可以调用并运行存储器23中的程序，从而处理通信接口21发送的该第一图片和第二图片，该第一图片和第二图片可以是内容相关联的图片(例如在空间上有关联)。一种示例性实施例中，处理器14可将第一图片加载到第一显示区域223中显示，以及将第二图片加载到第二显示区域224 中显示，其中，在改变所述第二显示区域时，所述第一图片的显示内容与所述第二图片的显示内容在所述第二显示区域边界处连续，使所述第一图片的显示内容与所述第二图片的显示内容组合形成一体的图像，即第一显示区域223和第二显示区域224中的显示内容可以在空间上连续(显示内容可以在空间上连续将在后文进行解释)。此外，处理器24还可以响应用户与终端20人机进行交互所执行的操作，对应调整第一显示区域223和第二显示区域224的显示内容，并使得第一显示区域223和第二显示区域224中调整后的显示内容继续保持在空间上连续。
下文将以方法实施例的形式，对上述内容进行说明。
请参阅图3，本公开实施例提供了一种双图片显示方法，该双图片显示方法可以应用到终端20上执行，该双图片显示方法可以包括：步骤S101和步骤S201。
步骤S101：获得内容相关联(例如在空间上关联)的第一图片和第二图片；
步骤S201：将该第一图片加载到第一显示区域中显示，以及将该第二图片加载到第二显示区域中显示，其中，在改变所述第二显示区域时，所述第一图片的显示内容与所述第二图片的显示内容在所述第二显示区域边界处连续，使所述第一图片的显示内容与所述第二图片的显示内容组合形成一体的图像，即该第一显示区域中显示的内容和该第二显示区域中显示的内容在空间上连续。
使所述第一图片的显示内容与第二图片的显示内容组合形成一体的图像是指两幅图像的显示内容在空间上保持连续，即形成一幅完整的图像，类似于将两幅图像拼在一起，该第一图片中缺少的内容刚好是第二图片的显示内容，第二图片中缺少的内容刚好是第一图片的显示内容。
所述改变所述第二显示区域包括以下改变中的任意一种或几种的组合：改变第二显示区域的形状，改变第二显示区域的面积，改变第二显示区域的位置。为使所述第一图片的显示内容与所述第二图片的显示内容在所述第二显示区域边界处保持连续，需要同时改变第一显示区域，下面分别进行说明：
情况1，改变第二显示区域的形状的同时，改变所述第一显示区域内边界的形状；
在一示例性实施例中，例如显示界面的边界为第一矩形，第二显示区域的边界为第二矩形，两个矩形之间的区域即为第一显示区域，当第二显示区域的边界变为圆形或其他几何形状时，相应地，该第一显示区域的内边界也变为圆形或其他几何形状，第二显示区域的形状与第一显示区域的内边界的形状同时发生改变，在显示区域形状改变的同时所述第一图片的显示内容与第二图片的显示内容在空间上保持连续。
情况2，改变第二显示区域的面积的同时，改变第一显示区域的面积；
在一示例性实施例中，例如显示界面的边界为第一矩形，第二显示区域的边界为第二矩形，两个矩形之间的区域即为第一显示区域，当第二显示区域的边界变为第三矩形时，相应地，该第一显示区域的内边界也变为第三矩形，第二显示区域的形状与第一显示区域的内边界的形状同时发生改变，在显示区域形状改变的同时所述第一图片的显示内容与第二图片的显示内容在空间上保持连续。
情况3，改变第二显示区域的位置的同时改变第一显示区域内边界的位置；
在一示例性实施例中，第二显示区域位于第一显示区域内部，类似于显示界面中的一个子窗口，当该第二显示区域的位置例如从显示界面的一端移动到另一端，该第一显示区域内边界的位置也相应发生变化，在第二显示区域位置改变的同时所述第一图片的显示内容与第二图片的显示内容在空间上保持连续。
在本公开实施例中，第一显示区域中显示的内容和所述第二显示区域中显示的内容是连续的，如某地发生了特大事件，用户需要观察该地发生事件前后的变化，可以将该地发生事件前后的遥感图像分别加载显示在第一显示区域和第二显示区域，通过移动第二显示区域来观察该地发生事件前后的图像，如用户需要观察该地某处的变化时，仅需要将视线保持在显示界面上的该处位置，通过移动第二显示区域边界位置或者分割线来切换该处位置的第一图片和第二图片，就可以完成该处在两个图片之间的对比，从而得出该处 发生事件前后的变化。因此用户无需在两个独立设置的图像之间切换视线因此用户在观察图中的一个特征时，仅需要将视线聚焦在该特征的位置处，通过移动第二显示区域的位置来控制在该位置处显示的图片是第一图片还是第二图片，从而完成一个特征在两个图片之间的对比，因此用户无需在两个独立设置的图片之间切换视线。
此外，在本公开实施例中，分割线的存在可以为用户提供一个视线的参考范围，即使用户的视线由于突发的事件(例如突然手机响起)而转移后，用户还可以根据分割线迅速将视线转回第二显示区域，无需在整个显示界面中寻找之前观看的特征，提高了用户对图片的对比效率，提升了用户体验。
下面将结合图示说明上述双图片显示方法的流程。
步骤S101：获得内容相关联的第一图片和第二图片。
在进行图片对比前，可以先使用拍摄设备先拍摄需要对比的图片。其中，根据实际需求的不同，需要对比的图片也可以不同。
所述内容在空间上有关联的两幅图像可以是内容在立体空间上有关联的两幅图像，例如不同时间点针对同一空间区域拍摄的两幅图像。例如，可以预先控制卫星或无人机等设备拍摄的某个地区的灾前遥感地图，该灾前遥感地图可作为第一图片。在该地区突发地质灾害后，继续通过卫星或无人机等设备拍摄该地区的灾后遥感地图，该灾后遥感地图可作为与第一图片对比的第二图片，以对比两幅遥感地图。由于第一图片和第二图片是在不同时间拍摄的遥感图，而遥感图本身具有覆盖广、干扰少的特点，特别适合于在灾害发生时使用，故通过无缝对比遥感图，非常利于在灾中掌握灾情态势，以及灾后掌握重建情况。
又例如，可以使用相机预先拍摄的某个建筑物的正常情况下的实景图，该正常情况下的实景图可作为第一图片。当该建筑物损坏例如地震导致其损害或发生火灾导致其损坏后，再以与第一次拍摄相同的机位拍摄该建筑物损坏后的实景图，该建筑物损坏后的实景图可作为第二图片，以对比两幅实景图。
再例如，可以采用X光照射器和常规的相机镜头对同一用户进行拍摄， 获得该用户的X光影像和常规影像，其中，X光影像可作为第一图片，而常规影像可作为与第一图片对比的第二图片，以对比X光影像和常规影像。
可以理解的是，两次拍摄的机位相同可以使得拍摄的第一图片和第二图片中的内容在视角上保持相同，从而便于两张图片的对比。此外，也由于两张图片中的内容在视角上保持相同，且两张图片均是针对同一对象拍摄得到，故使得两张图片中的内容可以在空间上形成关联，进而使得设置两张图片后，两张图片在显示界面显示出的内容可以在空间上连续。
所述内容在空间上有关联的两幅图片可以是内容在平面空间上有关联的两幅图片，例如不同作者临摹的同一幅画，再例如同一作者不同时间制作的两幅作品(字画作品或者视觉图像作品)等等。
上述仅为举例说明，所述第一图片和第二图片可以是任何需要进行对比的图片，只要两幅图片的内容在空间上有关联即可。
综上，上述内容相关联可以理解为内容相同或者相似。上述仅为举例说明，所述第一图片和第二图片可以是任何需要进行对比的图片，只要两张图片的内容相关联即可。
获得两张用于对比的图片后，用户可以将第一图片和第二图片传输给终端20，使得终端20接收到该第一图片和第二图片，并继续执行步骤S201。
步骤S201：将该第一图片加载到第一显示区域中显示，以及将该第二图片加载到第二显示区域中显示，其中，该第一显示区域和该第二显示区域中的显示内容在空间上连续。
终端20在接收到第一图片和第二图片后，终端20可以先将第一图片和第二图片加载到内存中。终端20通过在内存中处理该第一图片和第二图片，将第一图片加载到第一显示区域223，并同步的将第二图片加载到第二显示区域224，使得第一显示区域223和第二显示区域224中的显示内容在空间上连续。
显示内容在空间上连续可以理解为两幅图片中相同或相似的特征显示在显示界面221中的同一位置。例如图4所示，第一图片A和第二图片B是在不同时刻对同一条河流C拍摄的遥感图，且第一图片A是该河流C处于枯 水期拍摄的，而第二图片B是该河流C处于汛期拍时摄的。在显示时，在闭合图形222内的第二显示区域224显示的是河流C的河道C1在汛期扩大后的景象，在闭合图形222外的第一显示区域223显示的是在枯水期时该河流C的同一河道C1周边的景象，第二显示区域的边界与第一显示区域内边界重合，该重合边界内外的显示内容在空间上连续,。这样，第一显示区域223和第二显示区域224中的显示内容就形成了在空间上的连续，视觉上第一图片A和第二图片B在闭合图形边缘处空间上是连续的。在图4所示实施例中，以闭合图形为圆形举例进行说明，在其他实施例，闭合图形可以是其他形状，只要保证闭合图形边缘处第一图片与第二图片空间上接续即可。
在本实施例中，为实现第一显示区域223和第二显示区域224中的显示内容在空间上的连续，终端20可以采用以下方式加载第一图片和第二图片。
在一示例性实施例中，一种加载第一图片和第二图片的示例性方式如下，终端20可以通过设置一个第一控件来控制第一显示区域223的显示，以及设置另一个第二控件来控制第二显示区域224的显示。终端20以显示内容在空间上连续的标准，对应预设了第一图片的第一标记点在第一显示区域223中的第一预设位置，以及对应预设了第二图片的第二标记点在第二显示区域224中的第二预设位置。这样，终端20可以通过第一控件将第一图片加载到第一显示区域223中，使得第一图片的第一标记点位于第一显示区域223中的第一预设位置；并且，终端20可以通过第二控件将第二图片加载到第二显示区域224中，使得第二图片的第二标记点位于第二显示区域224中的第二预设位置，其中，第一预设位置和第二预设位置为为实现显示内容在空间上的连续而设定的位置。因此，基于第一图片的第一标记点位于第一预设位置，以及第二图片的第二标记点位于第二预设位置，在显示时就可以实现第一显示区域223和第二显示区域224中的显示内容在空间上的连续。以图2为例对上述显示方式进行说明，图中所示，第二显示区域224在图中闭合圆形处，第二显示区域223为除第一显示区域外的其他区域。假设第一图片与第二图片是针对同一区域拍摄的照片，拍摄的时间不同，但拍摄视角相同，第一图片与第二图片尺寸可以相同且与显示界面匹配(在其他实施例中如果第一图片和第二图片的尺寸与显示界面尺寸不匹配，例如大于显示界面尺寸，则可 先对第一图片和第二图片进行剪裁)。所述第一标记点可以为第一图片的左上角第一像素点，按照该第一标记点位于所述第一显示区域左上角第一个像素点的方式在第一显示区域加载第一图片。所述第二标记点可以为第二图片中对应该闭合圆形初始位置的第x行第y个像素点，按照该第二标记点位于该闭合图形第x行第y个像素点的方式在第二显示区域加载第二图片。在此种显示方式中，第一显示区域显示的是第一图片的局部内容，第二显示区域显示的是第二图片的局部内容，显示的第一图片的局部内容与第二图片的局部内容组合后形成一幅一体的图像。类似于拼图，该第一显示区域中显示的第一图片中缺少的内容刚好是第二显示区域中显示的第二图片的内容。上述第一标记点位置和第二标记点位置仅为示例，根据显示区域的初始位置以及分割线的移动方式，标记点可以为其他位置点。
在一示例性实施例中，另一种加载第一图片和第二图片的示例性方式如下，终端20可以通过设置一个控件来整体控制显示界面221的显示。利用该控件，终端20可以将第一图片和第二图片以对象重合的方式加载到显示界面221中。然后，再利用该控件，调整第一显示区域223中第二图片的显示透明度为100％且第一图片的显示透明度为0％，并调整第二显示区域224中第二图片的透明度为0％且第一图片的显示透明度为100％。这样，第一显示区域223可以只显示出第一图片中的内容，而第二显示区域224则可以只显示出第二图片中的内容。而由于第一图片和第二图片中的对象重合，使得第一显示区域223和第二显示区域224中的显示内容在空间上实现连续。
在另一示例性实施例中，可以通过图像识别的方式使第一图片与第二图片的显示内容组合形成一体的图像。例如识别出第一图片中包含某一对象T1，查找第二图片中包含相同对象T1的位置，预设对象T1在显示区域中显示的位置后再加载第一图片和第二图片，使得第一图片和第二图片的显示内容在空间上连续。或者根据第一图片中某对象T2在第一显示区域中的位置设置第二图片在第二显示区域的加载位置，使得第一图片和第二图片的显示内容在空间上连续。
在显示出第一图片和第二图片后，终端20可以与用户进行人机交互，以调整第一图片和第二图片显示的内容。
请参阅图5，作为调整第一图片和第二图片显示内容的一种示例性方式，终端20可以通过与用户进行人机交互，响应于用户的指令，以自动调整以下内容的任意一种或多种：闭合图形的大小、形状和位置，从而实现调整第一图片和第二图片显示的内容。
例如，终端20中预设了以下规则的任意一种或多种：闭合图形222大小的改变规则、闭合图形222形状的改变规则、闭合图形222在显示界面221中移动轨迹。
在用户向终端20输入用于控制闭合图形222开始自动改变大小和/或形状的控制指令时(例如显示界面221中显示有用于控制闭合图形222改变大小和/或形状的按键，用户通过触控该按键，便对应向终端20输入控制指令)，终端20通过响应该控制指令，便可以按照改变规则，自动调整闭合图形222的大小和/或形状。
在用户向终端20输入用于控制闭合图形222开始移动的移动指令时(例如显示界面221中显示有用于控制闭合图形222移动的按键，用户通过触控该按键，便对应向终端20输入移动指令)，终端20通过响应该移动指令，便可以控制闭合图形222按移动轨迹移动，例如匀速移动到预设规则中指定的位置。
在一示例性实施例中，闭合图形222最初的形状为圆形，若根据改变规则改变该闭合图形222的形状时，可以将闭合图形222从圆形依次改变为矩形、三角型、菱形、五边形、六边形等。此处目标形状仅为示例，在其他实施例中，可根据需要进行设置，且改变顺序也可进行调整。
在一示例性实施例中，当根据改变规则改变该闭合图形222的大小时，可以将闭合图形222的面积扩大，且当闭合图形222的面积扩大导致其边界超出显示界面221的边界时，终端20便可以以闭合图形222位于显示界面221内的边界与显示界面221的边界所围成的图形作为新的闭合图形222。
在一示例性实施例中，当根据改变规则既改变该闭合图形222的大小又改变该闭合图形222形状时，可以在将闭合图形222的面积扩大的过程，动态的将闭合图形222从圆形依次改变为矩形、三角型、菱形、五边形、六边形等。
图5示出了一种移动轨迹示例。如图5所示，预设的移动轨迹为带箭头的虚线所示，通过对闭合图形222的移动进行控制，闭合图形222便可以按虚线对应的轨迹朝箭头所指的方向移动。
请参阅图6，作为调整第一图片和第二图片显示的内容的另一种示例性方式，终端20可以通过与用户进行人机交互，以手动调整以下内容的任意一种或多种：闭合图形的大小、形状和位置，从而实现调整第一图片和第二图片显示的内容。
如图6所示，用户可以触控在闭合图形222的边缘上并按箭头方向手指移动，以对闭合图形222进行拖拽。这样，终端20可以对应检测到用户拖拽分割线的拖拽操作，生成拖拽操作对应的拖拽轨迹，并按拖拽轨迹移动该闭合图形222。此外，用户可以先单击闭合图形222，以向终端20输入该闭合图形222需要缩放的指令。然后，用户再触控在闭合图形222的边缘上并按箭头方向手指移动，以对闭合图形222进行拖拽。这样，终端20可以对应检测到用户拖拽分割线的拖拽操作，生成拖拽操作对应的拖拽轨迹，并按拖拽轨迹放大或缩小该闭合图形222。再例如，用户可以先双击闭合图形222，以向终端20输入该闭合图形222需要调整形状的指令。然后，用户再触控在闭合图形222需要调整形状的边缘处并按箭头方向手指移动，以对闭合图形222进行拖拽。这样，终端20可以对应检测到用户拖拽分割线的拖拽操作，生成拖拽操作对应的拖拽轨迹，并按拖拽轨迹将该边缘凸出或凹陷，从而调整闭合图形222的形状。
由于人和人的能力以及习惯有差别，有些人一次性能够关注的范围较大，有些人一次性能够关注的范围较小。此外人们在不同时间的需求不同，有时候只是想整体上了解，有时候想细致观看对比。通过设置闭合图形的大小、形状和/或位置使得用户可以根据各自不同的需求对应调整第二显示区域中需要对比的内容，满足各种用户的多方面需求。
可以理解的是，基于以下内容中任意一种或多种的改变：闭合图形222的大小、形状和位置，第一显示区域223和第二显示区域224也对应改变，这样第一图片和第二图片显示出的内容也对应发生了变化，从而调整了第一图片和第二图片的显示内容。
由于用户可以调整闭合图形222的形状，故可以将闭合图形222的形状调整到与需要对比的特征的形状相同，从而更好的对该特征进行无缝对比。例如，第一图片中需要对比特征为一条河流，第一图片是该河流正常时拍摄，而第二图片是该河流处发生山体滑坡后拍摄。且由于发生山体滑坡导致该河流被堵塞，第二图片中的该河流已经形成了堰塞湖。通过将闭合图形222的形状勾勒到与第一图片中该河流的形状相同，在对比时就可以清楚的对比出该堰塞湖在该河流的基础上如何扩大。
为便于用户更直观或更清楚的预先获得对比的重点，当所述闭合图形222被移动到预设的位置时，在所述第二显示区域224中先显示多媒体资料再显示第二图片，或者在所述第二显示区域224中显示第二图片，同时在所述第一显示区域223的预设位置显示该多媒体资料，或者在一个新的显示界面(例如设计弹出一个新的显示窗口)中显示该多媒体资料。先播放的多媒体资料例如可以是观看第二图片前需要了解的背景知识等，有利于用户更好地理解和观看第二图片，该多媒体资料例如可以是文字、图片、照片、声音、动画和影片中的任一项或者多种的集合。但本公开实施例不限于此，所述多媒体资料也可以是与第二图片无关的信息。
请参阅图7，作为调整第一图片和第二图片的显示的示例方式，用户可以通过人机交互，对第一图片和第二图片进行缩放和移动。
例如，显示界面221中可以设置有放大键225、缩小键226以及恢复键227。用户可以通过触控按压放大键225执行放大操作。对应的，终端20可以响应该放大操作，同步放大显示界面221中的第一图片和第二图片。或者，用户可以触控按压缩小键226执行缩小操作。对应的，终端20可以响应该缩小操作，同步缩小显示界面221中的第一图片和第二图片。或者，用户可以显示界面221中执行移动操作，例如按照图7所示的方向滑动，终端20便可以响应该移动操作，同步移动显示界面221中的第一图片和第二图片。或者，当用户触控按压恢复键227以执行恢复操作。对应的，终端20可以响应该恢复操作，同步将第一图片和第二图片恢复到初始加载时的显示状态。
在其他实施例中，用户可以通过滑动操作来对第一图片和第二图片进行缩放和移动。例如，用户两根手指触控到第一显示区域223或第二显示区域 224中，并进行该两根手指靠拢或两根手指分开的操作，以在第一显示区域223或所述第二显示区域224执行缩小操或放大操作。对应的，终端20响应该缩小操或放大操作，同步缩小或同步放大第一显示区域223中的第一图片和第二显示区域224中的所述第二图片。又例如，用户一根手指触控到第一显示区域223或第二显示区域224中，并进行滑动，以在第一显示区域223或所述第二显示区域224执行滑动操作。对应的，终端20响应该滑动操作，同步移动第一显示区域223中的第一图片和第二显示区域224中的所述第二图片。
在本公开实施例中，由于是对内容在空间上连续的第一图片和第二图片进行同步放大、缩小或移动，使得放大、缩小或移动后，第一图片和第二图片中的显示内容可以继续保持在空间上连续。
当用户调整第一图片和第二图片的显示，使得第二图片到无法填充满第二显示区域224时，终端20可以将第一图片中的内容按照空间上保持连续的方式显示在所第二显示区域224中未被第二图片填充的区域，使得第一显示区域223和第二显示区域224中显示内容通过第一图片的填充而继续保持空间上的连续。当出现两幅图像尺寸不同的情况时，例如第一图片的尺寸大于第二图片的尺寸，也可以参照上述方式执行，即按照内容在空间上保持连续的方式将所述第一图片中的内容显示在所述第二显示区域中未被所述第二图片填充的区域。在一示例性实施例中，可以通过显示的方式提示用户填充区域，例如在边界增加第二分割线，该第二分割线为显式分割线，可通过线条形态和/或线条颜色进行区分。
在本公开实施例中，通过将第一图片中的内容按照内容保持连续的方式显示在第二显示区域中未被第二图片填充的区域，实现了在第二图片到无法填充满第二显示区域时，第二显示区域中的显示内容在空间上仍然能够保持连续。
请参阅图8，作为调整第一图片和第二图片的显示的示例方式，用户可以通过人机交互，调整第一图片和第二图片的显示颜色。例如，显示界面221上分别设置有用于对第一图片调色的第一调色棒228，以及设置有用于对第二图片调色的第二调色棒229。用户通过在显示界面221上滑动调整第一调 色棒228中指针的位置和/或调整第二调色棒229中指针的位置以执行调色操作。终端20响应该调色操作，根据第一调色棒228中指针调整后的位置和/或第二调色棒229中指针调整后的位置，对应调整第一图片和/或第二图片的RGB(红绿蓝)值。
当然，设置两个调色棒的方式为本实施例的一种示例性方式，并不作为对本实施例的限定。在其他实施例中，显示界面221中可设置一个调色棒，用户选择哪个图片，该调色棒则针对该图片进行调节。在其他示例性实施例中，还可以通过其他方式(例如手势指令)调节第一图片和/或第二图片的颜色。
在一示例性实施例中，图3所述方法还可以包括：根据用户的操作指令，对第一图片和/或第二图片进行局部图像处理，例如可以包括：调整第一图片和/或第二图片中的指定局部区域内的图像颜色，或设置第一图片和/或第二图片中的指定局部区域内的图像显示效果。所述图像显示效果可以是任意一种艺术显示效果。上述步骤执行时机不限，可以在改变第一显示区域和第二显示区域之前执行，也可以在改变第一显示区域和第二显示区域之后执行。
其中，指定局部区域可以是一个局部区域或者是多个局部区域。用户可直接选定一个或多个指定局部区域，终端响应用户的选定操作指令将用户选定的一个或多个局部区域作为指定局部区域(选定时例如可通过点触并拖拽的方式或通过点选结合图像识别的方式)；或者采用反向选择的方式，终端响应用户的选定操作指令将用户选定的一个或多个局部区域之外的其他区域作为指定局部区域。
终端响应用户当前下发的或者预先设置的调整颜色操作指令或设置图像显示效果的操作指令，对指定局部区域内的图像进行调整颜色或设置图像显示效果的操作。例如，用户可以将其重点关注的区域或者对象之外的部分设置为指定局部区域，将该指定局部区域的图像颜色调整为灰度颜色模式，除指定局部区域外的其他局部区域保持原样，即保留色彩。
通过对局部区域内的图像进行处理，从而突出显示了局部区域内的图像。例如第一图片和第二图片分别为A地在发生特殊事件前后的遥感图像，用户选定第一图片和第二图片中某个具体的建筑物为指定局部区域，设置在第一 图片和第二图片中该指定局部区域的显示效果，终端响应用户的设置分别对第一图片和第二图片中该指定局部区域进行处理，如均做高亮处理，从而当用户在观察第一图片和第二图片时，可以有效地使得用户的视线聚焦到第一图片和第二图片中的高亮部分，用户可以直接将分割线移动到高亮部分，并且可以将分割线在高亮部分往复移动，就可以观察得出该具体的建筑物在发生特殊事件前后的变化。因而通过对局部区域内的图像进行处理，可以有效聚焦用户的视线，进而缩短用户进行图像比对的时间。
结合图1，请参阅图9，本公开实施例中还提供一种双图片显示装置200，该双图片显示装置200可应用于终端20，该双图片显示装置200包括：
数据获取模块210，设置为获得内容相关联的第一图片和第二图片；以及
数据处理模块220，设置为在显示界面中显示围成闭合图形的分割线，所述分割线用于将所述显示界面分割成位于所述闭合图形外的第一显示区域223和位于所述闭合图形内的第二显示区域224，以及设置为将所述第一图片加载到第一显示区域223中显示，以及将所述第二图片加载到所述第二显示区域224中显示，其中，所述第一显示区域223和所述第二显示区域224中的显示内容在空间上连续。
在另一示例性实施例中，该双图片显示装置200可用于在显示界面显示图片，显示界面包括用于显示第一图片的第一显示区域和用于显示第二图片的第二显示区域，其中：所述第一显示区域的边界包括外边界和内边界，所述内边界与第二显示区域边界重合，所述第二显示区域边界为封闭形状，所述双图片显示装置包括数据获取模块和数据处理模块，其中：
所述数据获取模块，设置为获得内容相关联的第一图片和第二图片；
所述数据处理模块，设置为将所述第一图片加载到第一显示区域中显示，以及将所述第二图片加载到所述第二显示区域中显示；其中：所述第一图片的显示内容与所述第二图片的显示内容在所述第二显示区域边界处连续，使所述第一图片的显示内容与所述第二图片的显示内容组合形成一体的图像。
在一示例性实现方式中，所述数据处理模块还设置为在所述分割线被移 动到预设的位置时，在所述第二显示区域中先显示多媒体资料再显示所述第二图片，或者所述数据处理模块还设置为当所述分割线被移动到预设的位置时，在所述第一显示区域的预设位置显示多媒体资料，或者在新的显示界面中显示多媒体资料。
在一示例性实现方式中，所述数据处理模块还设置为响应于用户的指令，按预设的调整规则调整所述闭合图形的大小、形状和位置中的任意一种或多种。
在一示例性实现方式中，所述数据处理模块还设置为响应于用户的指令，根据用户针对所述第二显示区域进行的拖拽操作，调整所述闭合图形的大小、形状和位置中的任意一种或多种。
在一示例性实现方式中，所述数据处理模块还设置为响应用户显示界面内执行的放大操作，同步放大所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片；或响应用户在显示界面内执行的缩小操作，同步缩小所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片；或响应用户在显示界面内执行的移动操作，同步移动所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片。
在一示例性实现方式中，所述数据处理模块还设置为在所述第二图片无法填充满所述第二显示区域时，将所述第一图片中的内容按照内容在空间上连续的方式，显示在所述第二显示区域中未被所述第二图片填充的区域。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述装置和模块的工作过程可以参考前述方法实施例中的对应过程，在此不再赘述。
本公开一些实施例还提供了一种计算机可执行的非易失的程序代码的计算机可读存储介质，该存储介质能够为通用的存储介质，如移动磁盘、硬盘等，该计算机可读存储介质上存储有程序代码，该程序代码被计算机运行时执行上述任一实施方式的双图像的显示方法。
本公开实施例所提供的双图像的显示方法的程序代码产品，包括存储了 程序代码的计算机可读存储介质，程序代码包括的指令可用于执行前面方法实施例中的方法，参见前述方法实施例中描述，在此不再赘述。
如图10所示，本公开实施例还提供了一种终端300，可包括：处理器310、存储器320和显示屏幕330，其中，该处理器310分别与存储器320和显示屏幕330相连，该存储器320设置为存储指令，该处理器310设置为执行该存储器320存储的指令，以对第一图片和第二图片进行处理并通过显示屏幕330显示，所述处理器对第一图片和第二图片的处理参见前述方法中描述，此处不再赘述。
应理解，处理器310可以是中央处理单元(Central Processing Unit，简称为“CPU”)，处理器310还可以是其他通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
存储器320可以包括只读存储器和随机存取存储器，并向处理器310提供指令和数据。存储器320的一部分还可以包括非易失性随机存取存储器。例如，存储器320还可以存储设备类型的信息。
显示屏幕330可以为各种类型的显示屏幕，例如液晶显示屏或有机发光二级管(OLED)显示屏等各种类型的显示屏。
在实现过程中，终端所执行的处理可以通过处理器310中的硬件的集成逻辑电路或者软件形式的指令完成。即本公开实施例所公开的方法的步骤可以体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等存储介质中。该存储介质位于存储器320，处理器310读取存储器320中的信息，结合其硬件完成上述方法的步骤。为避免重复，这里不再详细描述。
综上所述，本公开实施例提供了一种双图片显示方法、装置、终端及存储介质。由于第一图片和第二图片显示的内容在空间上是连续的，因此用户在观察图中闭合图形处的特征时，仅需要将视线保持在该闭合图形的位置处，通过移动第二显示区域，就可以完成对两个图片之间特征进行对比，因此用 户无需在两个独立设置的图片之间切换视线。
此外，在本公开实施例中，闭合图形的存在可以为用户提供一个视线的聚焦点，即使用户的视线由于突发的事件(例如突然手机响起)而转移后，用户还可以在之后以闭合图形为聚焦点，从而快速地将视线切回之前的观看位置，无需全图寻找之前观看的特征，提高了用户对图片的对比效率，提升了用户体验。
在本公开所提供的实施例中，应该理解到，所揭露装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
另外，作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
再者，在本公开实施例中的功能模块可以集成在一起形成一个独立的部分，也可以单独存在，也可以两个或两个以上模块集成形成一个独立的部分。
在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。
以上所述仅为本公开的实施例而已，并不用于限制本公开的保护范围，对于本领域的技术人员来说，本公开可以有各种更改和变化。凡在本公开的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本公开的保护范围之内。

Claims (19)

  1. 一种双图片显示方法，显示界面包括用于显示第一图片的第一显示区域和用于显示第二图片的第二显示区域，其中：所述第一显示区域的边界包括外边界和内边界，所述内边界与第二显示区域边界重合，所述第二显示区域边界为封闭形状，所述方法包括：
    获得内容相关联的第一图片和第二图片；
    将所述第一图片加载到第一显示区域中显示，以及将所述第二图片加载到所述第二显示区域中显示，其中，在改变所述第二显示区域时，所述第一图片的显示内容与所述第二图片的显示内容在所述第二显示区域边界处保持连续，使所述第一图片的显示内容与所述第二图片的显示内容组合形成一体的图片。
  2. 根据权利要求1所述的双图片显示方法，其中：所述第一显示区域的边界包括外边界和内边界，所述内边界与第二显示区域边界重合，所述第二显示区域边界为封闭形状，包括：显示界面中显示有围成闭合图形的分割线，所述分割线将所述显示界面分割成位于所述闭合图形外的第一显示区域和位于所述闭合图形内的第二显示区域。
  3. 根据权利要求1所述的双图片显示方法，其中：
    所述第一图片的显示内容与所述第二图片的显示内容在所述第二显示区域边界处连续，包括：所述第一显示区域中显示的内容和所述第二显示区域中显示的内容在空间上连续。
  4. 根据权利要求1所述的双图片显示方法，其中：所述改变所述第二显示区域，包括以下任意一种或多种的组合：
    改变所述第二显示区域的形状；
    改变所述第二显示区域的面积；
    改变所述第二显示区域的位置；
    其中，在改变所述第二显示区域的形状的同时，改变所述第一显示区域内边界的形状，在改变所述第二显示区域的面积的同时，改变所述第一显示 区域的面积，在改变所述第二显示区域边界位置的同时改变所述第一显示区域内边界的位置。
  5. 根据权利要求2所述的双图片显示方法，还包括：
    当所述分割线被移动到预设的位置时，在所述第二显示区域中先显示多媒体资料再显示所述第二图片。
  6. 根据权利要求2所述的双图片显示方法，还包括：
    当所述分割线被移动到预设的位置时，在所述第一显示区域的预设位置显示多媒体资料，或者在新的显示界面中显示多媒体资料。
  7. 根据权利要求1-3中任一项所述的双图片显示方法，还包括：
    响应于用户的指令，按预设的调整规则调整所述闭合图形的大小、形状和位置中的任意一种或多种。
  8. 根据权利要求1-3中任一项所述的双图片显示方法，还包括：
    响应于用户的指令，根据用户针对所述第二显示区域进行的拖拽操作，调整所述闭合图形的大小、形状和位置中的任意一种或多种。
  9. 根据权利要求1-3中任一项所述的双图片显示方法，其中，
    所述第一图片和所述第二图片为在不同时刻拍摄的遥感图。
  10. 根据权利要求1-3中任一项所述的双图片显示方法，还包括：
    响应用户在所述显示界面内执行的放大操作，同步放大所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片；或
    响应用户在所述显示界面内执行的缩小操作，同步缩小所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片。
  11. 根据权利要求1-3中任一项所述的双图片显示方法，还包括：
    响应用户在所述显示界面内执行的移动操作，同步移动所述第一显示区域中显示的所述第一图片和所述第二显示区域中显示的所述第二图片。
  12. 根据权利要求1-3中任一项所述的双图片显示方法，还包括：
    当所述第二图片无法填充满所述第二显示区域时，按照空间上连续的方式，将所述第一图片中的内容显示在所述第二显示区域中未被所述第二图片 填充的区域。
  13. 根据权利要求1-3中任一项所述的双图片显示方法，还包括：
    响应用户的操作指令，对第一图片和/或第二图片进行局部图像处理。
  14. 根据权利要求13所述的双图片显示方法，其中，所述对第一图片和/或第二图片进行局部图像处理，包括：
    调整第一图片和/或第二图片中的指定局部区域内的图像颜色，或设置第一图片和/或第二图片中的指定局部区域内的图像显示效果。
  15. 一种双图片显示装置，包括：
    数据获取模块，设置为获得内容相关联的第一图片和第二图片；以及
    数据处理模块，设置为在显示界面中显示围成闭合图形的分割线，所述分割线用于将所述显示界面分割成位于所述闭合图形外的第一显示区域和位于所述闭合图形内的第二显示区域，以及设置为将所述第一图片加载到第一显示区域中显示，以及将所述第二图片加载到所述第二显示区域中显示，其中，所述第一显示区域中显示的内容和所述第二显示区域中显示的内容在空间上连续。
  16. 一种双图片显示装置，在显示界面显示图片，显示界面包括用于显示第一图片的第一显示区域和用于显示第二图片的第二显示区域，其中：所述第一显示区域的边界包括外边界和内边界，所述内边界与第二显示区域边界重合，所述第二显示区域边界为封闭形状，所述双图片显示装置包括数据获取模块和数据处理模块，其中：
    所述数据获取模块，设置为获得内容相关联的第一图片和第二图片；
    所述数据处理模块，设置为将所述第一图片加载到第一显示区域中显示，以及将所述第二图片加载到所述第二显示区域中显示；其中：所述第一图片的显示内容与所述第二图片的显示内容在所述第二显示区域边界处连续，使所述第一图片的显示内容与所述第二图片的显示内容组合形成一体的图像。
  17. 一种终端，包括：通信接口、存储器、显示屏、与所述通信接口、所述存储器和所述显示屏连接的处理器，其中：
    所述通信接口，设置为获得内容在空间上关联的第一图片和第二图片；
    所述存储器，设置为存储程序；
    所述显示屏，设置为显示显示界面，显示界面中显示有围成闭合图形的分割线，所述分割线用于将所述显示界面分割成位于所述闭合图形外的第一显示区域和位于所述闭合图形内的第二显示区域；
    所述处理器，设置为通过运行所述程序以执行权利要求1-14任一权项所述的双图片显示方法。
  18. 一种终端，包括显示屏、存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其中，所述处理器执行所述程序时实现如权利要求1-14中任一项所述方法的步骤。
  19. 一种具有计算机可执行的非易失程序代码的计算机可读储存介质，所述程序代码被执行时可实现如权利要求1-14任一权项所述的双图片显示方法。
PCT/CN2020/081223 2019-09-27 2020-03-25 一种双图片显示方法、装置、终端及存储介质 WO2021056998A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910931827.7A CN110704007A (zh) 2019-09-27 2019-09-27 一种双图片显示方法、装置、终端及存储介质
CN201910931827.7 2019-09-27

Publications (1)

Publication Number Publication Date
WO2021056998A1 true WO2021056998A1 (zh) 2021-04-01

Family

ID=69197876

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/081223 WO2021056998A1 (zh) 2019-09-27 2020-03-25 一种双图片显示方法、装置、终端及存储介质

Country Status (2)

Country Link
CN (1) CN110704007A (zh)
WO (1) WO2021056998A1 (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110704007A (zh) * 2019-09-27 2020-01-17 成都星时代宇航科技有限公司 一种双图片显示方法、装置、终端及存储介质
CN111782159B (zh) * 2020-05-19 2023-01-06 上汽大众汽车有限公司 一种图片分屏同步浏览系统及方法
CN113485623B (zh) * 2021-09-07 2021-12-07 成都国星宇航科技有限公司 一种可实现多维度对比的图像显示方法、装置及终端
CN114527898A (zh) * 2021-12-16 2022-05-24 维沃移动通信有限公司 分屏控制方法和装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5577179A (en) * 1992-02-25 1996-11-19 Imageware Software, Inc. Image editing system
CN107295265A (zh) * 2017-08-01 2017-10-24 珠海市魅族科技有限公司 拍摄方法及装置、计算机装置和计算机可读存储介质
CN108711180A (zh) * 2018-05-02 2018-10-26 北京市商汤科技开发有限公司 美妆/换脸特效程序文件包的生成及美妆/换脸特效生成方法与装置
CN110704007A (zh) * 2019-09-27 2020-01-17 成都星时代宇航科技有限公司 一种双图片显示方法、装置、终端及存储介质

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140282253A1 (en) * 2013-03-14 2014-09-18 Tencent Technology (Shenzhen) Company Limited Method and apparatus for batch selection of multiple images
CN103645871B (zh) * 2013-12-06 2016-08-17 四川九洲电器集团有限责任公司 一种动态显示局部区域图像的方法和系统
CN109324736A (zh) * 2018-08-31 2019-02-12 阿里巴巴集团控股有限公司 局部放大图片的交互方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5577179A (en) * 1992-02-25 1996-11-19 Imageware Software, Inc. Image editing system
CN107295265A (zh) * 2017-08-01 2017-10-24 珠海市魅族科技有限公司 拍摄方法及装置、计算机装置和计算机可读存储介质
CN108711180A (zh) * 2018-05-02 2018-10-26 北京市商汤科技开发有限公司 美妆/换脸特效程序文件包的生成及美妆/换脸特效生成方法与装置
CN110704007A (zh) * 2019-09-27 2020-01-17 成都星时代宇航科技有限公司 一种双图片显示方法、装置、终端及存储介质

Also Published As

Publication number Publication date
CN110704007A (zh) 2020-01-17

Similar Documents

Publication Publication Date Title
US10937222B2 (en) Systems and methods for displaying representative images
WO2021056998A1 (zh) 一种双图片显示方法、装置、终端及存储介质
US11481096B2 (en) Gesture mapping for image filter input parameters
US11706521B2 (en) User interfaces for capturing and managing visual media
US11550420B2 (en) Quick review of captured image data
US11770601B2 (en) User interfaces for capturing and managing visual media
DK180452B1 (en) USER INTERFACES FOR RECEIVING AND HANDLING VISUAL MEDIA
KR102274977B1 (ko) 사용자 인터페이스 카메라 효과들
US8804022B1 (en) Digital device and method for controlling the same
WO2021056997A1 (zh) 一种双图像的显示方法、装置、终端及存储介质
US8773502B2 (en) Smart targets facilitating the capture of contiguous images
WO2019212575A1 (en) System, apparatus, and method for optimizing viewing experience on an intelligent terminal
JP6304398B2 (ja) 一連の画像からベース画像と再配置されるオブジェクトとを合成する画像生成
JP2022129799A (ja) 表示制御プログラム、表示制御方法および表示装置

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 20867073

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 20867073

Country of ref document: EP

Kind code of ref document: A1

122 Ep: pct application non-entry in european phase

Ref document number: 20867073

Country of ref document: EP

Kind code of ref document: A1

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 19.12.2022)

122 Ep: pct application non-entry in european phase

Ref document number: 20867073

Country of ref document: EP

Kind code of ref document: A1