CN110399076B - Image display method and device, electronic equipment and readable storage medium - Google Patents
Image display method and device, electronic equipment and readable storage medium Download PDFInfo
- Publication number
- CN110399076B CN110399076B CN201910700959.9A CN201910700959A CN110399076B CN 110399076 B CN110399076 B CN 110399076B CN 201910700959 A CN201910700959 A CN 201910700959A CN 110399076 B CN110399076 B CN 110399076B
- Authority
- CN
- China
- Prior art keywords
- image
- display area
- display
- picture
- displayed
- Prior art date
- Legal status (The legal status 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 status listed.)
- Active
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/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
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the application provides an image display method, an image display device, electronic equipment and a readable storage medium, wherein the method comprises the following steps: the method comprises the steps of obtaining a first image and a second image to be displayed, displaying an image picture in the first image in a first display area in a preset display range, displaying an image picture in the second image in a second display area in the preset display range, and adjusting the image pictures displayed in the corresponding display areas by the first image and the second image when a moving instruction aiming at the first image or the second image is received. Based on the processing, the user operation can be simplified, and the processing efficiency can be improved.
Description
Technical Field
The present application relates to the field of image processing technologies, and in particular, to an image display method and apparatus, an electronic device, and a readable storage medium.
Background
With the rapid development of computer technology, images tend to have higher and higher resolution, and the requirements of users on the image quality of the images are higher and higher. In one approach, an image processing algorithm may be used to process the original image to improve the image quality of the original image, resulting in a processed image (which may be referred to as a target image).
In the related art, the processing effect of the image processing algorithm can be determined by comparing the image qualities of the original image and the target image. For example, when a user needs to compare image frames at preset positions in an original image and a target image, the user may open the original image in a computer, adjust the display size of the original image, and drag the original image so that the image frame at the preset position in the original image is displayed within the display range of the screen, and after observing the image frame at the preset position in the original image, the user may open the target image, adjust the display size of the target image, and drag the target image so that the image frame at the preset position in the target image is displayed within the display range of the screen, and then observe the image frame at the preset position in the target image. In addition, during the comparison process, the user may need to control the computer to switch and display the image frame at the preset position in the original image and the image frame at the preset position in the target image.
Therefore, in the related art, the user operation is cumbersome, and the processing efficiency is reduced.
Disclosure of Invention
An object of the embodiments of the present application is to provide an image display method, an image display apparatus, an electronic device, and a readable storage medium, which can improve processing efficiency. The specific technical scheme is as follows:
in order to achieve the above object, an embodiment of the present application discloses an image display method, including:
acquiring a first image and a second image to be displayed;
displaying an image picture in the first image in a first display area within a preset display range;
displaying an image picture in the second image in a second display area within the preset display range; the preset display range comprises the first display area and the second display area;
when a movement instruction for the first image or the second image is received, adjusting an image picture displayed by the first image and the second image in the corresponding display area.
Optionally, in a case where the first image and the second image are tiled, an image picture in the first image displayed in the first display area is an image picture in a first designated area in the first image, and an image picture in the second image displayed in the second display area is an image picture in an area corresponding to the first designated area in the first image in the second image; and/or, when the first image and the second image are displayed in an overlapping manner, an image picture in the first image displayed in the first display area is an image picture in a second designated area in the first image, an image picture in the second image displayed in the second display area is an image picture in a third designated area in the second image, the third designated area is different from a fourth designated area in the second image, and the fourth designated area is an area corresponding to the second designated area in the first image in the second image.
Optionally, the method further includes:
when an adjusting instruction for a boundary of the first display area and the second display area is received, adjusting the sizes of the first display area and the second display area;
displaying an image picture in the first image in the adjusted first display area;
and displaying an image picture in the second image in the adjusted second display area.
Optionally, a same boundary exists between the first display area and the second display area, and the adjustment instruction is an instruction triggered in response to a dragging operation on the same boundary.
Optionally, when a movement instruction for the first image or the second image is received, adjusting an image screen displayed in a corresponding display area by the first image and the second image includes:
when a first movement instruction for the first image is received, adjusting an image picture of the first image displayed in the first display area and an image picture of the second image displayed in the second display area based on a displacement vector indicated by the first movement instruction;
alternatively, the first and second electrodes may be,
when a second movement instruction for the second image is received, the image picture of the first image displayed in the first display area and the image picture of the second image displayed in the second display area are adjusted based on the displacement vector indicated by the second movement instruction.
Optionally, the method further includes:
when an amplifying display instruction is received, determining a first image to be amplified, which is specified by a user and needs to be amplified and displayed, in one of the first image and the second image;
determining a position to be amplified in another image according to the relative position of the first image picture to be amplified in the image to which the first image picture to be amplified belongs, wherein the position to be amplified corresponds to the relative position of the first image picture to be amplified in the image to which the first image picture to be amplified belongs;
and displaying the first image picture to be amplified and the image picture indicated by the position to be amplified by a preset amplification factor.
In a second aspect, to achieve the above object, an embodiment of the present application further discloses an image display apparatus, including:
the device comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring a first image and a second image to be displayed;
the first display module is used for displaying an image picture in the first image in a first display area in a preset display range;
the second display module is used for displaying an image picture in the second image in a second display area in the preset display range; the preset display range comprises the first display area and the second display area;
and the adjusting module is used for adjusting the image frames displayed by the first image and the second image in the corresponding display areas when a moving instruction aiming at the first image or the second image is received.
Optionally, in a case where the first image and the second image are tiled, an image picture in the first image displayed in the first display area is an image picture in a first designated area in the first image, and an image picture in the second image displayed in the second display area is an image picture in an area corresponding to the first designated area in the first image in the second image; and/or, when the first image and the second image are displayed in an overlapping manner, an image picture in the first image displayed in the first display area is an image picture in a second designated area in the first image, an image picture in the second image displayed in the second display area is an image picture in a third designated area in the second image, the third designated area is different from a fourth designated area in the second image, and the fourth designated area is an area corresponding to the second designated area in the first image in the second image.
Optionally, the apparatus further comprises:
the processing module is used for adjusting the sizes of the first display area and the second display area when receiving an adjusting instruction aiming at the boundary of the first display area and the second display area;
displaying an image picture in the first image in the adjusted first display area;
and displaying an image picture in the second image in the adjusted second display area.
Optionally, a same boundary exists between the first display area and the second display area, and the adjustment instruction is an instruction triggered in response to a dragging operation on the same boundary.
Optionally, the adjusting module is specifically configured to, when a first movement instruction for the first image is received, adjust an image frame of the first image displayed in the first display area and an image frame of the second image displayed in the second display area based on a displacement vector indicated by the first movement instruction;
alternatively, the first and second electrodes may be,
when a second movement instruction for the second image is received, the image picture of the first image displayed in the first display area and the image picture of the second image displayed in the second display area are adjusted based on the displacement vector indicated by the second movement instruction.
Optionally, the apparatus further comprises:
the third display module is used for determining a first image to be amplified, which is specified by a user and needs to be amplified and displayed, in one of the first image and the second image when an amplification display instruction is received;
determining a position to be amplified in another image according to the relative position of the first image picture to be amplified in the image to which the first image picture to be amplified belongs, wherein the position to be amplified corresponds to the relative position of the first image picture to be amplified in the image to which the first image picture to be amplified belongs;
and displaying the first image picture to be amplified and the image picture indicated by the position to be amplified by a preset amplification factor.
In a third aspect, to achieve the above object, an embodiment of the present application further discloses an electronic device, where the electronic device includes a memory and a processor;
the memory is used for storing a computer program;
the processor is configured to implement the steps of the image display method according to the first aspect when executing the program stored in the memory.
In a fourth aspect, in order to achieve the above object, an embodiment of the present application further discloses a computer-readable storage medium, in which a computer program is stored, and when the computer program is executed by a processor, the steps of the image display method according to the first aspect are implemented.
In a fifth aspect, to achieve the above object, an embodiment of the present application further discloses a computer program product containing instructions, which when run on a computer, causes the computer to perform the steps of the image display method according to the first aspect.
The embodiment of the application provides an image display method, which can acquire a first image and a second image to be displayed, then display an image picture in the first image in a first display area within a preset display range, display an image picture in the second image in a second display area within the preset display range, and adjust the image pictures displayed by the first image and the second image in the corresponding display areas when a movement instruction for the first image or the second image is received. Based on the processing, the first image and the second image can be displayed simultaneously in the preset display range, operation by a user is facilitated, and when a moving instruction for any image is received, image pictures displayed in respective display areas of the first image and the second image can be adjusted simultaneously, so that the user can observe the images conveniently, and the processing efficiency is improved.
Of course, not all advantages described above need to be achieved at the same time in the practice of any one product or method of the present application.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present application, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.
Fig. 1 is a flowchart of an image display method according to an embodiment of the present disclosure;
fig. 2 is a schematic diagram illustrating a first image frame and a second image frame according to an embodiment of the present disclosure;
FIG. 3 is a complete image frame of an image according to an embodiment of the present disclosure;
fig. 4 is a schematic diagram illustrating a third image frame and a fourth image frame according to an embodiment of the present disclosure;
FIG. 5 is a schematic diagram of an enlarged display image according to an embodiment of the present disclosure;
FIG. 6 is a schematic diagram of an enlarged display image according to an embodiment of the present disclosure;
fig. 7 is a structural diagram of an image display device according to an embodiment of the present application;
fig. 8 is a block diagram of an electronic device according to an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
In order to solve the problems of complex user operation and low processing efficiency in the related art, the embodiment of the application provides an image display method, which can be applied to electronic equipment, wherein the electronic equipment can be a terminal or a server. The electronic device has a display unit, and an image can be displayed on the display unit.
The electronic device may acquire a first image and a second image to be displayed, then display an image picture in the first image in a first display area within a preset display range, and display an image picture in the second image in a second display area within the preset display range, and when a movement instruction for the first image or the second image is received, the electronic device may adjust the image pictures displayed by the first image and the second image in the corresponding display areas.
Therefore, based on the processing, the electronic device can simultaneously display the first image and the second image in the preset display range, operation by a user can be facilitated, in addition, when the electronic device receives a moving instruction aiming at any image, image pictures displayed in respective display areas of the first image and the second image can be simultaneously adjusted, the user can conveniently observe the images, and the processing efficiency is improved.
Referring to fig. 1, fig. 1 is a flowchart of an image display method provided in an embodiment of the present application, where the method may include the following steps:
s101: a first image and a second image to be displayed are acquired.
The first image and the second image may be the same type of image, for example, both the first image and the second image are picture images, or both the first image and the second image are video images.
In one implementation, a user may process a picture image (which may be referred to as an original image) based on an image processing algorithm (e.g., an image enhancement algorithm), and the processed picture image may be referred to as a target image. To determine the processing effect of the image processing algorithm, the user may compare the image quality of the original image and the target image. At this time, the original image and the target image may be the first image and the second image, respectively.
It is understood that the contents of the image pictures displayed in the first image and the second image are identical and the quality of the image pictures is different.
The user can input the first image and the second image to the electronic device, and accordingly the electronic device can acquire the first image and the second image.
For example, the electronic device may display a button of "add first image" and a button of "add second image" in the display section, then the user may click the button of "add first image" to select the original image, then the user may click the button of "add second image" to select the target image, and then the electronic device may acquire the first image and the second image to be compared by the user.
S102: and displaying an image picture in the first image in a first display area within a preset display range.
The preset display range may be a display area set in a display part of the electronic device. For example, the preset display range may be a rectangular display area of a preset size in a display part of the electronic device.
The first display area may be a display area within a preset display range.
For example, if the preset display range is a rectangular display area, the first display area may be a smaller rectangular display area on the left side of the preset display range, or the first display area may also be a smaller rectangular display area on the right side of the preset display range.
For another example, if the preset display range is a rectangular display region, the first display region may be a smaller rectangular display region located above the preset display range, or the first display region may be a smaller rectangular display region located below the preset display range.
In one implementation, after acquiring the first image and the second image, the electronic device may display an image frame in the first image based on a first display size in a smaller rectangular display area on the left side of the preset display range, where the first display size may be set by a technician according to experience.
It is understood that, according to the different sizes of the first display size and the preset display range, the image frames displayed by the electronic device in the first display area may be all image frames in the first image or part of image frames in the first image.
S103: and displaying the image picture in the second image in a second display area within the preset display range.
The preset display range comprises a first display area and a second display area.
For example, the preset display range is a rectangular display area, the first display area is a smaller rectangular display area closer to the left side in the preset display range, and the second display area may be a rectangular display area (i.e., a smaller rectangular display area closer to the right side in the preset display range) in the preset display range except for the first display area, and the second display area is adjacent to the first display area.
For another example, the predetermined display range is a rectangular display area, the first display area is a smaller rectangular display area located above the predetermined display range, and the second display area is a rectangular display area located outside the first display area (i.e., a smaller rectangular display area located below the predetermined display range) in the predetermined display range, and the second display area is adjacent to the first display area.
In one implementation, after acquiring the first image and the second image, the electronic device may display the image frame in the first image based on the first display size in a smaller rectangular display area on the left side of the preset display range, and display the image frame in the second image based on the second display size in a smaller rectangular display area on the right side of the preset display range, where the second display size may be set by a technician according to experience.
It is understood that, according to the second display size and the different size of the preset display range, the image picture displayed in the second display area by the electronic device may be all image pictures in the second image or a part of image pictures in the second image.
In addition, as to the execution sequence of S102 and S103, the embodiment of the present application is not limited, and the electronic device may execute S102 and then execute S103, or may execute S103 and then execute S102, or the electronic device may execute S102 and S103 at the same time.
S104: when a moving instruction for the first image or the second image is received, the image picture of the first image and the second image displayed in the corresponding display area is adjusted.
After the electronic device displays the image picture in the first image in the first display area and displays the image picture in the second image in the second display area, the user can browse the image pictures of the first image and the second image displayed in the preset display range.
Since the image picture displayed in the first display area may be a partial image picture in the first image, and the image picture displayed in the second display area may also be a partial image picture in the second image, when a user needs to browse an image picture not currently displayed in the first image and/or an image picture not currently displayed in the second image, the user may input a movement instruction for the first image or the second image through an input component of the electronic device, or when the user needs to compare image pictures at corresponding positions in the first image and the second image and an image picture at the position in at least one image is not displayed, the user may input a movement instruction for the first image or the second image through the input component of the electronic device, but is not limited thereto.
In one implementation manner, when a user browses image frames of a first image and a second image displayed within a preset display range, the user may click the first image or the second image through a mouse and drag the clicked image, and accordingly, the electronic device may adjust the image frame of the first image displayed in the first display area and the image frame of the second image displayed in the second display area according to the drag operation of the user.
Alternatively, the electronic device may display the image frame in the first image and the image frame in the second image within the preset display range based on the following two ways.
In a first mode, when the first image and the second image are tiled, the image frame in the first image displayed in the first display area is the image frame in the first designated area in the first image, and the image frame in the second image displayed in the second display area is the image frame in the area corresponding to the first designated area in the first image in the second image.
In one implementation, the predetermined display range is a rectangular display area, the first display area is a smaller rectangular display area closer to the left side of the predetermined display range, and the second display area is a smaller rectangular display area closer to the right side of the predetermined display range.
After acquiring the first image, the electronic device may determine a display height of the first image according to a height of a preset display range, so that the display height of the first image is consistent with a height of the first display area, and then, the electronic device may determine a display width of the first image in an equal proportion according to the determined display height, that is, determine a first display size of the first image.
Then, the electronic device may display an image screen in the first image (may be referred to as a first image screen) according to the determined first display size in the first display area. The corresponding area of the first image picture in the first image is also the first designated area. It is to be understood that the first image picture may be a partial image picture in the first image.
Similarly, after the second image is acquired, the electronic device may determine the display height of the second image according to the height of the preset display range, so that the display height of the second image is consistent with the height of the second display area, and then, the electronic device may determine the display width of the second image according to the determined display height and in an equal proportion, that is, determine the second display size of the second image.
Then, the electronic apparatus may display an image screen in the second image (may be referred to as a second image screen) in the second display area according to the determined second display size such that a corresponding area of the second image screen in the second image corresponds to the above-described first designated area. It is to be understood that the second image picture may be a partial image picture in the second image.
Referring to fig. 2, fig. 2 is a schematic diagram of a first image frame and a second image frame displayed by an electronic device.
The first image frame may be the left image frame in fig. 2, and the second image frame may be the right image frame in fig. 2. A complete picture frame of the first image and the second image can be seen in fig. 3.
It can be seen that the first image frame is an image frame on the left side of the first image, the second image frame is an image frame on the left side of the second image, and the corresponding area of the second image frame in the second image corresponds to the corresponding area of the first image frame in the first image (i.e. the first designated area).
Based on the first mode, the user can conveniently observe and/or compare two image frames in corresponding areas of the first image and the second image, and the first mode can also be called that the first image and the second image are tiled.
In a second aspect, when the first image and the second image are displayed in an overlapping manner, the image screen in the first image displayed in the first display region is an image screen of a second designated region in the first image, the image screen in the second image displayed in the second display region is an image screen of a third designated region in the second image, the third designated region is different from a fourth designated region in the second image, and the fourth designated region is a region in the second image corresponding to the second designated region in the first image.
In one implementation, the predetermined display range is a rectangular display area, the first display area is a smaller rectangular display area closer to the left side of the predetermined display range, and the second display area is a smaller rectangular display area closer to the right side of the predetermined display range.
After acquiring the first image, the electronic device may determine a display height and a display width (i.e., a first display size) of the first image according to a height of a preset display range.
Then, the electronic device may display an image screen (may be referred to as a third image screen) in the first image according to the first display size in the first display area. It is to be understood that the third image picture may be a partial image picture in the first image. The corresponding area of the third image picture in the first image is also the second designated area.
Similarly, after acquiring the second image, the electronic device may determine the display height and the display width (i.e., the second display size) of the second image according to the height of the preset display range.
Then, the electronic apparatus may display an image screen in the second image (may be referred to as a fourth image screen) according to the second display size in the second display area such that the fourth designated area is an area in the second image corresponding to the second designated area in the first image. The fourth designated area is all or part of the area of the fourth image picture except the third designated area, and the third designated area is the corresponding area of the fourth image picture in the second image. It is to be understood that the fourth image picture may be a partial image picture in the second image. Referring to fig. 4, fig. 4 is a schematic diagram of a third image screen and a fourth image screen displayed by the electronic device.
The third image frame may be the left image frame in fig. 4, and the fourth image frame may be the right image frame in fig. 4. A complete picture frame of the first image and the second image can be seen in fig. 3.
It can be seen that the third image frame is an image frame on the left side in the first image, the fourth image frame is an image frame on the right side in the second image, the second designated area is an area on the left side in the first image, the third designated area is an area on the right side in the second image, the fourth designated area is an area on the left side in the second image, and the relative position of the fourth designated area in the second image corresponds to the relative position of the second designated area in the first image.
Based on the second mode, the user can compare the image quality of the image picture close to the same boundary of the first display area and the second display area conveniently. The second mode may also be referred to as overlapping display of the first image and the second image.
Optionally, the electronic device may further adjust a boundary between the first display area and the second display area, and further adjust sizes of image frames displayed in the first display area and the second display area, where the method may further include the following steps:
step one, when an adjusting instruction aiming at the boundary of a first display area and a second display area is received, the sizes of the first display area and the second display area are adjusted.
In one mode, a user may adjust the position of the boundary between the first display area and the second display area according to a browsing requirement, that is, the user may input an adjustment instruction for the boundary between the first display area and the second display area to the electronic device, and accordingly, the electronic device may adjust the size of the first display area and the size of the second display area according to the adjustment instruction.
Optionally, a same boundary exists between the first display area and the second display area, and the adjustment instruction is an instruction triggered in response to a dragging operation on the same boundary.
In one mode, referring to fig. 4, the first display area and the second display area have a same boundary, and a button displaying two triangles may be set at the same boundary, and the user clicks the button and drags the button left and right, so that the positions of the same boundary of the first display area and the second display area may be adjusted.
And step two, displaying the image picture in the first image in the adjusted first display area, and displaying the image picture in the second image in the adjusted second display area.
After the user adjusts the position of the boundary where the first display area and the second display area are the same, the sizes of the first display area and the second display area are changed, accordingly, the electronic device may adjust the image picture displayed in the first display area and the image picture displayed in the second display area, and after adjustment, the fourth designated area is still the area corresponding to the second designated area in the first image in the second image, that is, the image picture displayed in the first display area and the image picture displayed in the second display area after adjustment still can form a complete image picture.
Optionally, S104 may include the following two cases:
in case one, when a first movement instruction for a first image is received, an image screen of the first image displayed in the first display area and an image screen of the second image displayed in the second display area are adjusted based on a displacement vector indicated by the first movement instruction.
In case two, when a second movement instruction for a second image is received, the image screen of the first image displayed in the first display area and the image screen of the second image displayed in the second display area are adjusted based on the displacement vector indicated by the second movement instruction.
When browsing the image screens displayed in the first display area and the second display area, the user can adjust the displayed image screens.
In one way, in the case of tiled display, referring to fig. 2, the left side in fig. 2 is an image frame in a first image displayed in the first display area, and the right side is an image frame in a second image displayed in the second display area. At this time, the user can only browse the head of the cat in the first image and the second image.
If the user wants to browse the body part of the cat in the first image and the second image, the user may click on the image screen in the displayed first image and drag the image screen to the left (i.e., input a first movement instruction for the first image) in the first display area, or the user may click on the image screen in the displayed second image and drag the image screen to the left (i.e., input a second movement instruction for the second image) in the second display area.
Through the two operations, the user can input the movement instruction to the electronic equipment. Accordingly, the electronic device may determine a displacement vector (which may be referred to as a first displacement vector) according to the direction and distance indicated by the movement instruction input by the user, and adjust the image screen of the first image displayed in the first display area and the image screen of the second image displayed in the second display area according to the first displacement vector.
For example, the electronic device may move the image screen displayed in the first display region and the image screen displayed in the second display region to the left as a whole in accordance with the first displacement vector to display the body part of the cat in the first image in the first display region and display the body part of the cat in the second image in the second display region, and a region of the image screen displayed in the second display region corresponding to the region of the image screen displayed in the first display region corresponding to the region of the first image.
In another mode, in the case of the overlay display, referring to fig. 4, the left side in fig. 4 is an image screen in the first image displayed in the first display region, and the right side is an image screen in the second image displayed in the second display region. At this time, the user can compare the image frames of the cat face parts in the first image and the second image conveniently according to the same boundary of the first display area and the second display area.
If the user wants to compare the image frames of the catena parts in the first image and the second image according to the same boundary of the first display area and the second display area, the user can click and drag the image frame in the displayed first image to the right in the first display area (i.e., input a first movement instruction for the first image), or the user can click and drag the image frame in the displayed second image to the right in the second display area (i.e., input a second movement instruction for the second image).
Through the two operations, the user can input the movement instruction to the electronic equipment. Accordingly, the electronic device may determine a displacement vector (which may be referred to as a second displacement vector) according to the direction and distance indicated by the movement instruction input by the user, and adjust the image screen of the first image displayed in the first display area and the image screen of the second image displayed in the second display area according to the second displacement vector.
For example, the electronic device may move the image picture displayed in the first display region and the image picture displayed in the second display region in the entirety to the right according to the second displacement vector, so that the image picture of the catena portion in the first image is moved to the boundary between the first display region and the second display region, and the image picture of the catena portion in the second image is also moved to the boundary between the first display region and the second display region.
It is understood that, when a user inputs a movement instruction to the electronic device, the electronic device may determine the first displacement vector and the second displacement vector according to the coordinates of the user start click position and the coordinates of the user stop position after dragging, and further adjust the image frame of the first image displayed in the first display area and the image frame of the second image displayed in the second display area.
In addition, in order to facilitate the user to compare the first image with the second image, the electronic device may further provide an image enlarging display function, and optionally, the method may further include the following steps:
step one, when an amplifying display instruction is received, determining a first image to be amplified which is appointed by a user and needs to be amplified and displayed in one of a first image and a second image.
In the application embodiment, the user can select to enlarge and display the image picture displayed in the first display area or the second display area.
In one implementation, the electronic device may display an "enlarged display" button in the display section, and after the user clicks the button, the user may select one position in the image screen displayed in the first display region or the second display region.
The electronic equipment can determine the first image to be amplified specified by the user and needing to be amplified and displayed according to the position selected by the user. The first to-be-enlarged image may be an image displayed in a display area of a second preset size centered on the position selected by the user.
And step two, determining the position to be amplified in the other image according to the relative position of the first image to be amplified in the image.
And the position to be amplified corresponds to the relative position of the first image picture to be amplified in the image.
In one implementation, if the first image to be enlarged is an image in the first image, the electronic device may determine a position to be enlarged in the second image according to a relative position of the first image to be enlarged in the first image, and the determined position to be enlarged corresponds to the relative position of the first image to be enlarged in the first image.
If the first image to be magnified is an image in the second image, the electronic device may determine a position to be magnified in the first image according to a relative position of the first image to be magnified in the second image, and the determined position to be magnified corresponds to the relative position of the first image to be magnified in the second image.
And step three, displaying the first image picture to be amplified and the image picture indicated by the position to be amplified by a preset amplification factor.
In one implementation, after determining the first image to be magnified and the position to be magnified, the electronic device may display the first image to be magnified and the image indicated by the position to be magnified at a preset magnification.
For example, with respect to fig. 2, in the case of tiled display, when a user needs to enlarge and display an image screen of a cat-eye portion, the user may select enlarged display, and specify the image screen of the cat-eye portion in a first display area or a second display area, and then, the electronic device may display the image screens of the cat-eye portions of the first image and the second image after enlargement, see fig. 5.
For another example, in the case of the overlay display, when the user needs to enlarge and display the image screen of the cat-eye portion in the case of the overlay display, the user may select the enlargement display and specify the image screen of the cat-eye portion in the first display region, and further, the electronic device may display the enlarged image screens of the cat-eye portions of the first image and the second image, see fig. 6.
Corresponding to the embodiment of the method in fig. 1, referring to fig. 7, fig. 7 is a structural diagram of an image display apparatus provided in an embodiment of the present application, where the apparatus may include:
an obtaining module 701, configured to obtain a first image and a second image to be displayed;
a first display module 702, configured to display an image frame in a first image in a first display area within a preset display range;
a second display module 703, configured to display an image frame in a second image in a second display area within a preset display range; the preset display range comprises a first display area and a second display area;
an adjusting module 704, configured to, when a moving instruction for the first image or the second image is received, adjust an image screen of the first image and the second image displayed in the corresponding display area.
Optionally, in a case that the first image and the second image are tiled for display, an image picture in the first image displayed in the first display area is an image picture in a first designated area in the first image, and an image picture in the second image displayed in the second display area is an image picture in an area corresponding to the first designated area in the first image in the second image; and/or, in the case that the first image and the second image are displayed in an overlapping manner, the image picture in the first image displayed in the first display area is the image picture of the second specified area in the first image, the image picture in the second image displayed in the second display area is the image picture of the third specified area in the second image, the third specified area is different from the fourth specified area in the second image, and the fourth specified area is the area corresponding to the second specified area in the first image in the second image.
Optionally, the apparatus further comprises:
the processing module is used for adjusting the sizes of the first display area and the second display area when receiving an adjusting instruction aiming at the boundary of the first display area and the second display area;
displaying an image picture in the first image in the adjusted first display area;
and displaying the image picture in the second image in the adjusted second display area.
Optionally, a same boundary exists between the first display area and the second display area, and the adjustment instruction is an instruction triggered in response to a dragging operation on the same boundary.
Optionally, the adjusting module 704 is specifically configured to, when a first movement instruction for the first image is received, adjust an image frame of the first image displayed in the first display area and an image frame of the second image displayed in the second display area based on a displacement vector indicated by the first movement instruction;
alternatively, the first and second electrodes may be,
when a second movement instruction for a second image is received, the image screen of the first image displayed in the first display area and the image screen of the second image displayed in the second display area are adjusted based on the displacement vector indicated by the second movement instruction.
Optionally, the apparatus further comprises:
the third display module is used for determining a first image to be amplified, which is appointed by a user and needs to be amplified and displayed, in one of the first image and the second image when receiving an amplification display instruction;
determining a position to be amplified in another image according to the relative position of the first image picture to be amplified in the image to which the first image picture to be amplified belongs, wherein the position to be amplified corresponds to the relative position of the first image picture to be amplified in the image to which the first image picture to be amplified belongs;
and displaying the first image picture to be amplified and the image picture indicated by the position to be amplified by a preset amplification factor.
An embodiment of the present application further provides an electronic device, as shown in fig. 8, including a memory 801 and a processor 802;
a memory 801 for storing a computer program;
the processor 802 is configured to implement the image display method according to the embodiment of the present application when executing the program stored in the memory 801.
Specifically, the image display method includes:
acquiring a first image and a second image to be displayed;
displaying an image picture in a first image in a first display area within a preset display range;
displaying an image picture in a second image in a second display area within a preset display range; the preset display range comprises a first display area and a second display area;
when a moving instruction for the first image or the second image is received, the image picture of the first image and the second image displayed in the corresponding display area is adjusted.
It should be noted that other implementation manners of the image display method are the same as those of the embodiment of the method, and are not described herein again.
The electronic device may be provided with a communication interface for realizing communication between the electronic device and another device.
The processor, the communication interface, and the memory are configured to communicate with each other through a communication bus, where the communication bus may be a Peripheral Component Interconnect (PCI) bus or an Extended Industry Standard Architecture (EISA) bus. The communication bus may be divided into an address bus, a data bus, a control bus, etc.
The Memory may include a Random Access Memory (RAM) or a Non-Volatile Memory (NVM), such as at least one disk Memory. Optionally, the memory may also be at least one memory device located remotely from the processor.
The Processor may be a general-purpose Processor, and includes a Central Processing Unit (CPU), a Network Processor (NP), and the like; the Integrated Circuit may also be a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field Programmable Gate Array (FPGA) or other Programmable logic device, a discrete Gate or transistor logic device, or a discrete hardware component.
The embodiment of the present application further provides a computer-readable storage medium, in which instructions are stored, and when the computer-readable storage medium runs on a computer, the computer is enabled to execute the image display method provided by the embodiment of the present application.
Specifically, the image display method includes:
acquiring a first image and a second image to be displayed;
displaying an image picture in a first image in a first display area within a preset display range;
displaying an image picture in a second image in a second display area within a preset display range; the preset display range comprises a first display area and a second display area;
when a moving instruction for the first image or the second image is received, the image picture of the first image and the second image displayed in the corresponding display area is adjusted.
It should be noted that other implementation manners of the image display method are the same as those of the embodiment of the method, and are not described herein again.
Embodiments of the present application further provide a computer program product containing instructions, which when run on a computer, cause the computer to execute the image display method provided by the embodiments of the present application.
Specifically, the image display method includes:
acquiring a first image and a second image to be displayed;
displaying an image picture in a first image in a first display area within a preset display range;
displaying an image picture in a second image in a second display area within a preset display range; the preset display range comprises a first display area and a second display area;
when a moving instruction for the first image or the second image is received, the image picture of the first image and the second image displayed in the corresponding display area is adjusted.
It should be noted that other implementation manners of the image display method are the same as those of the embodiment of the method, and are not described herein again.
In the above embodiments, the implementation may be wholly or partially realized by software, hardware, firmware, or any combination thereof. When implemented in software, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When loaded and executed on a computer, cause the processes or functions described in accordance with the embodiments of the application to occur, in whole or in part. The computer may be a general purpose computer, a special purpose computer, a network of computers, or other programmable device. The computer instructions may be stored in a computer readable storage medium or transmitted from one computer readable storage medium to another, for example, from one website site, computer, server, or data center to another website site, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, Digital Subscriber Line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.). The computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device, such as a server, a data center, etc., that incorporates one or more of the available media. The usable medium may be a magnetic medium (e.g., floppy Disk, hard Disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., Solid State Disk (SSD)), among others.
It is noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.
All the embodiments in the present specification are described in a related manner, and the same and similar parts among the embodiments may be referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, for the apparatus, the electronic device, the computer-readable storage medium, and the computer program product embodiments, since they are substantially similar to the method embodiments, the description is relatively simple, and for the relevant points, reference may be made to the partial description of the method embodiments.
The above description is only for the preferred embodiment of the present application, and is not intended to limit the scope of the present application. Any modification, equivalent replacement, improvement and the like made within the spirit and principle of the present application are included in the protection scope of the present application.
Claims (12)
1. An image display method, characterized in that the method comprises:
acquiring a first image and a second image to be displayed;
displaying an image picture in the first image in a first display area within a preset display range;
displaying an image picture in the second image in a second display area within the preset display range; the preset display range comprises the first display area and the second display area;
when a moving instruction for the first image or the second image is received, adjusting an image picture displayed by the first image and the second image in a corresponding display area;
the method further comprises the following steps:
when an amplifying display instruction is received, determining a first image to be amplified, which is specified by a user and needs to be amplified and displayed, in one of the first image and the second image;
determining a position to be amplified in another image according to the relative position of the first image picture to be amplified in the image to which the first image picture to be amplified belongs, wherein the position to be amplified corresponds to the relative position of the first image picture to be amplified in the image to which the first image picture to be amplified belongs;
displaying the first image picture to be amplified and the image picture indicated by the position to be amplified by a preset amplification factor; and simultaneously displaying the image picture displayed in an enlarged mode, the image picture in the first image displayed in the first display area and the image picture in the second image displayed in the second display area in the preset display range.
2. The method according to claim 1, wherein in a case where the first image and the second image are tiled, an image picture in the first image displayed in the first display area is an image picture of a first designated area in the first image, and an image picture in the second image displayed in the second display area is an image picture in an area corresponding to the first designated area in the first image in the second image; and/or, when the first image and the second image are displayed in an overlapping manner, an image picture in the first image displayed in the first display area is an image picture in a second designated area in the first image, an image picture in the second image displayed in the second display area is an image picture in a third designated area in the second image, the third designated area is different from a fourth designated area in the second image, and the fourth designated area is an area corresponding to the second designated area in the first image in the second image.
3. The method according to claim 1 or 2, characterized in that the method further comprises:
when an adjusting instruction for a boundary of the first display area and the second display area is received, adjusting the sizes of the first display area and the second display area;
displaying an image picture in the first image in the adjusted first display area;
and displaying an image picture in the second image in the adjusted second display area.
4. The method according to claim 3, wherein the first display area and the second display area have a same boundary, and the adjustment instruction is an instruction triggered in response to a drag operation on the same boundary.
5. The method according to claim 1, wherein the adjusting, when a movement instruction for the first image or the second image is received, an image screen in which the first image and the second image are displayed in a corresponding display area comprises:
when a first movement instruction for the first image is received, adjusting an image picture of the first image displayed in the first display area and an image picture of the second image displayed in the second display area based on a displacement vector indicated by the first movement instruction;
alternatively, the first and second electrodes may be,
when a second movement instruction for the second image is received, the image picture of the first image displayed in the first display area and the image picture of the second image displayed in the second display area are adjusted based on the displacement vector indicated by the second movement instruction.
6. An image display apparatus, characterized in that the apparatus comprises:
the device comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring a first image and a second image to be displayed;
the first display module is used for displaying an image picture in the first image in a first display area in a preset display range;
the second display module is used for displaying an image picture in the second image in a second display area in the preset display range; the preset display range comprises the first display area and the second display area;
the adjusting module is used for adjusting image pictures displayed by the first image and the second image in the corresponding display areas when a moving instruction aiming at the first image or the second image is received;
the device further comprises:
the third display module is used for determining a first image to be amplified, which is specified by a user and needs to be amplified and displayed, in one of the first image and the second image when an amplification display instruction is received;
determining a position to be amplified in another image according to the relative position of the first image picture to be amplified in the image to which the first image picture to be amplified belongs, wherein the position to be amplified corresponds to the relative position of the first image picture to be amplified in the image to which the first image picture to be amplified belongs;
displaying the first image picture to be amplified and the image picture indicated by the position to be amplified by a preset amplification factor; and simultaneously displaying the image picture displayed in an enlarged mode, the image picture in the first image displayed in the first display area and the image picture in the second image displayed in the second display area in the preset display range.
7. The apparatus according to claim 6, wherein in a case where the first image and the second image are tiled, an image picture in the first image displayed in the first display area is an image picture of a first designated area in the first image, and an image picture in the second image displayed in the second display area is an image picture in an area corresponding to the first designated area in the first image in the second image; and/or, when the first image and the second image are displayed in an overlapping manner, an image picture in the first image displayed in the first display area is an image picture in a second designated area in the first image, an image picture in the second image displayed in the second display area is an image picture in a third designated area in the second image, the third designated area is different from a fourth designated area in the second image, and the fourth designated area is an area corresponding to the second designated area in the first image in the second image.
8. The apparatus of claim 6 or 7, further comprising:
the processing module is used for adjusting the sizes of the first display area and the second display area when receiving an adjusting instruction aiming at the boundary of the first display area and the second display area;
displaying an image picture in the first image in the adjusted first display area;
and displaying an image picture in the second image in the adjusted second display area.
9. The apparatus according to claim 8, wherein the first display area and the second display area have a same boundary, and the adjustment instruction is an instruction triggered in response to a drag operation on the same boundary.
10. The apparatus according to claim 6, wherein the adjusting module is specifically configured to, when a first movement instruction for the first image is received, adjust an image frame of the first image displayed in the first display area and an image frame of the second image displayed in the second display area based on a displacement vector indicated by the first movement instruction;
alternatively, the first and second electrodes may be,
when a second movement instruction for the second image is received, the image picture of the first image displayed in the first display area and the image picture of the second image displayed in the second display area are adjusted based on the displacement vector indicated by the second movement instruction.
11. An electronic device comprising a memory and a processor;
the memory is used for storing a computer program;
the processor, when executing the program stored in the memory, implementing the method steps of any of claims 1-5.
12. A computer-readable storage medium, characterized in that a computer program is stored in the computer-readable storage medium, which computer program, when being executed by a processor, carries out the method steps of any one of the claims 1-5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910700959.9A CN110399076B (en) | 2019-07-31 | 2019-07-31 | Image display method and device, electronic equipment and readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910700959.9A CN110399076B (en) | 2019-07-31 | 2019-07-31 | Image display method and device, electronic equipment and readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110399076A CN110399076A (en) | 2019-11-01 |
| CN110399076B true CN110399076B (en) | 2021-04-02 |
Family
ID=68326881
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910700959.9A Active CN110399076B (en) | 2019-07-31 | 2019-07-31 | Image display method and device, electronic equipment and readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110399076B (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108108418A (en) * | 2017-12-14 | 2018-06-01 | 北京小米移动软件有限公司 | Picture management method, device and storage medium |
| CN108763317A (en) * | 2018-04-27 | 2018-11-06 | 维沃移动通信有限公司 | A kind of auxiliary chooses the method and terminal device of picture |
| CN109659027A (en) * | 2018-11-30 | 2019-04-19 | 贵州电网有限责任公司 | GIS device digital radiographic double screen is the same as the big diagnostic method of region Synchronous Radio and device |
Family Cites Families (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2014203406A (en) * | 2013-04-09 | 2014-10-27 | 富士通株式会社 | Control device, control method, and control program |
| CN109035131A (en) * | 2017-06-12 | 2018-12-18 | 龙芯中科技术有限公司 | Show method, apparatus, readable storage medium storing program for executing and the electronic equipment of image |
| CN107562208A (en) * | 2017-09-27 | 2018-01-09 | 上海展扬通信技术有限公司 | The intelligent terminal control method and intelligent terminal control system of a kind of view-based access control model |
| CN109559663A (en) * | 2018-10-19 | 2019-04-02 | 闪维（北京）文化有限公司 | A kind of interactive sandbox based on multimedia project production and management system |
| CN109194839B (en) * | 2018-10-30 | 2020-10-23 | 维沃移动通信（杭州）有限公司 | Display control method, terminal and computer readable storage medium |
| CN109597550A (en) * | 2018-11-19 | 2019-04-09 | 维沃移动通信有限公司 | A kind of image processing method and mobile terminal |
-
2019
- 2019-07-31 CN CN201910700959.9A patent/CN110399076B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108108418A (en) * | 2017-12-14 | 2018-06-01 | 北京小米移动软件有限公司 | Picture management method, device and storage medium |
| CN108763317A (en) * | 2018-04-27 | 2018-11-06 | 维沃移动通信有限公司 | A kind of auxiliary chooses the method and terminal device of picture |
| CN109659027A (en) * | 2018-11-30 | 2019-04-19 | 贵州电网有限责任公司 | GIS device digital radiographic double screen is the same as the big diagnostic method of region Synchronous Radio and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110399076A (en) | 2019-11-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20190272140A1 (en) | Manipulating shared screen content | |
| US20180232135A1 (en) | Method for window displaying on a mobile terminal and mobile terminal | |
| KR102121905B1 (en) | Method and apparatus for setting background of ui control, and terminal | |
| WO2016082586A1 (en) | Webpage update method and apparatus | |
| WO2021243788A1 (en) | Screenshot method and apparatus | |
| US10809898B2 (en) | Color picker | |
| CN109298909B (en) | Window adjusting method, mobile terminal and computer readable storage medium | |
| US20180081257A1 (en) | Automatic Zooming Method and Apparatus | |
| CN113282262A (en) | Control method and device for screen projection display picture, mobile terminal and storage medium | |
| CN110443772B (en) | Picture processing method and device, computer equipment and storage medium | |
| CN110399076B (en) | Image display method and device, electronic equipment and readable storage medium | |
| KR20160083723A (en) | Dispaly apparatus and displaying method thereof | |
| CN109766530B (en) | Method and device for generating chart frame, storage medium and electronic equipment | |
| CN112631698A (en) | Data display method and device, computer equipment and storage medium | |
| CN104765564A (en) | Screen-shooting method and device | |
| CN114518821A (en) | Application icon management method and device and electronic equipment | |
| CN112783382B (en) | Method, device, terminal and storage medium for setting document icons | |
| JP2015032261A (en) | Display device and control method | |
| CN111813408B (en) | View display processing method and device, terminal equipment and storage medium | |
| JP7200008B2 (en) | ELECTRONIC DEVICE AND ITS CONTROL METHOD AND PROGRAM | |
| CN112286430A (en) | Image processing method, apparatus, device and medium | |
| CN113157184A (en) | Content display method and device, electronic equipment and readable storage medium | |
| JP5512213B2 (en) | Reference display system, reference display method and program | |
| CN112835488B (en) | Display window control method and device | |
| CN112306336A (en) | Document content display method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |