Image display method and electronic device

Abstract

The present application discloses an image display method and electronic device, belonging to the field of image display. The method includes: receiving a first input to a first image while displaying first content and second content of the first image; and displaying third content and fourth content in response to the first input, wherein the third content is content matching the first content, and the fourth content is content displayed after the first image is updated based on the first input.

Description

Technical Field

[0001] The present application belongs to the field of image display, and specifically relates to an image display method and electronic equipment. Background Art

[0002] As Internet technology matures, communication between users can usually be conducted online, and images are an important information carrier in online communication.

[0003] Currently, for images, such as pictures, due to screen size limitations, users often need to change the image zoom ratio to see part of the image clearly. However, because the image may contain highly related content, partial display of the image often makes it difficult for users to perceive the relationship between the images. Users often need to repeatedly drag the image to view different areas. As can be seen, current image viewing is very inconvenient for users. Summary of the Invention

[0004] The purpose of the embodiments of the present application is to provide an image display method that can solve the problem of inconvenience for users in viewing images.

[0005] In a first aspect, an embodiment of the present application provides an image display method, the method comprising:

[0006] receiving a first input for the first image while displaying first content and second content of the first image;

[0007] In response to the first input, third content and fourth content are displayed, wherein the third content is content matching the first content, and the fourth content is content displayed after the first image is updated based on the first input.

[0008] In a second aspect, an embodiment of the present application provides an image display device, comprising:

[0009] a first receiving module, configured to receive a first input of the first image while displaying the first content and the second content of the first image;

[0010] The display module is configured to display third content and fourth content in response to the first input, wherein the third content is content matching the first content, and the fourth content is content displayed after the first image is updated based on the first input.

[0011] In a third aspect, an embodiment of the present application provides an electronic device comprising a processor, a memory, and a program or instruction stored in the memory and executable on the processor, wherein the program or instruction, when executed by the processor, implements the steps of the method described in the first aspect.

[0012] In a fourth aspect, an embodiment of the present application provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, the steps of the method described in the first aspect are implemented.

[0013] In a fifth aspect, an embodiment of the present application provides a chip, which includes a processor and a communication interface, the communication interface and the processor are coupled, and the processor is used to run programs or instructions to implement the method described in the first aspect.

[0014] In a sixth aspect, an embodiment of the present application provides a computer program product, which is stored in a storage medium and executed by at least one processor to implement the method described in the first aspect.

[0015] In an embodiment of the present application, while displaying first content and second content of a first image, a user can display third content and fourth content through a first input, where the third content is content that matches the first content, and the fourth content is content displayed after the first image is updated based on the first input. In this way, after receiving the first input, the electronic device updates the displayed content by displaying the fourth content. Furthermore, by displaying the third content, at least part of the first content remains displayed. This eliminates the need for the user to repeatedly drag or zoom the image to view content in different areas of the image, thereby improving the convenience of image viewing. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] Figure 1 This is one of the step flow charts of the image display method provided in the embodiment of the present application;

[0017] Figure 2 This is the second step flow chart of the image display method provided in the embodiment of the present application;

[0018] Figure 3 This is the third step flow chart of the image display method provided in the embodiment of the present application;

[0019] Figure 4 This is the fourth step flow chart of the image display method provided in the embodiment of the present application;

[0020] Figure 5 This is the fifth step flow chart of the image display method provided in the embodiment of the present application;

[0021] Figure 6 This is one of the display schematic diagrams of the first image provided in the embodiment of the present application;

[0022] Figure 7 This is the second schematic diagram of displaying the first image provided in the embodiment of the present application;

[0023] Figure 8 This is the third display diagram of the first image provided in the embodiment of the present application;

[0024] Figure 9 This is the fourth schematic diagram of displaying the first image provided in the embodiment of the present application;

[0025] Figure 10 This is the fifth display diagram of the first image provided in the embodiment of the present application;

[0026] Figure 11 This is the sixth display diagram of the first image provided in the embodiment of the present application;

[0027] Figure 12 This is the seventh display diagram of the first image provided in the embodiment of the present application;

[0028] Figure 13 This is the eighth schematic diagram of displaying the first image provided in the embodiment of the present application;

[0029] Figure 14 This is the ninth schematic diagram of displaying the first image provided in the embodiment of the present application;

[0030] Figure 15 This is the tenth schematic diagram of displaying the first image provided in an embodiment of the present application;

[0031] Figure 16 This is the eleventh display diagram of the first image provided in the embodiment of the present application;

[0032] Figure 17 This is the twelfth schematic diagram of displaying the first image provided in an embodiment of the present application;

[0033] Figure 18 This is the thirteenth schematic diagram of displaying the first image provided in the embodiment of the present application;

[0034] Figure 19 This is one of the structural schematic diagrams of the image display device provided in the embodiment of the present application;

[0035] Figure 20 This is the second structural diagram of the image display device provided in the embodiment of the present application;

[0036] Figure 21 This is the third structural diagram of the image display device provided in the embodiment of the present application;

[0037] Figure 22 This is one of the structural diagrams of the electronic device provided in the embodiment of the present application;

[0038] Figure 23 This is the second structural diagram of the electronic device provided in the embodiment of the present application. DETAILED DESCRIPTION

[0039] The following will be combined with the accompanying drawings in the embodiments of the present application to clearly describe the technical solutions in the embodiments of the present application. Obviously, the embodiments described are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field are within the scope of protection of this application.

[0040] The terms "first," "second," and the like in the specification and claims of this application are used to distinguish similar objects, and are not used to describe a specific order or precedence. It should be understood that the terms used in this manner are interchangeable where appropriate, so that the embodiments of this application can be implemented in an order other than that illustrated or described herein, and that the objects distinguished by "first," "second," and the like are generally of the same type, and do not limit the number of objects; for example, the first content can be one or more. In addition, the term "and / or" in the specification and claims refers to at least one of the connected objects, and the character " / " generally indicates that the objects connected are in an "or" relationship.

[0041] The image display method provided by the embodiment of the present application is described in detail below through specific embodiments and their application scenarios in conjunction with the accompanying drawings.

[0042] Reference Figures 1 to 18 , an embodiment of the present application provides an image display method, which can be applied to an electronic device, and the method includes:

[0043] Step 101: While displaying first content and second content of a first image, receive a first input of the first image.

[0044] In the embodiments of the present application, the first image may be an image received by the user or an image stored locally by the user. When the first image is an image received by the user, the first image may be pre-cached and displayed on the electronic device. It is understood that the display of the first image may refer to display methods in related arts, for example, the first image may be scaled to a size that matches the screen size of the electronic device and then displayed.

[0045] For example, the first content and the second content may be the content displayed after the first image is zoomed or dragged. The first content and the second content may be portions of the content contained in the first image. That is, the first image may contain other content in addition to the first content and the second content. If the first image contains other content, some content may not be displayed in the first image.

[0046] The above content can be text content, table content, pattern content, etc., and can be determined according to the actual usage scenario.

[0047] The above-mentioned first input may be an input executed when the user changes the display parameters of the first image. The display parameters include but are not limited to the zoom ratio, display content or display area of ​​the first image. For example, when the first content and the second content of the first image are displayed, if the first image also includes content that is not displayed, and the user needs to compare and view at least part of the first content and the undisplayed content, in this case, the user can use the above-mentioned first input to zoom out or drag the first image to view the undisplayed content. For example, when the first content and the second content of the first image are displayed, if the user needs to enlarge the zoom ratio of the image to see part of the second content clearly, and needs to compare and view at least part of the first content, in this case, the user can use the above-mentioned first input to enlarge the first image to compare and view at least part of the first content, and clearly view part of the second content.

[0048] Specifically, the first input can be a touch input of the user to the first screen display area, or a voice command input by the user, or a specific gesture input by the user. The specific input can be determined according to actual usage requirements and is not limited in this embodiment of the present application. It is understood that the specific gesture is not a touch input to the first screen display area, for example, a specific gesture is recognized by a camera, infrared, ultrasonic or pressure sensor.

[0049] The specific gesture in the embodiment of the present application can be any one of a single-click gesture, a sliding gesture, a drag gesture, a pressure recognition gesture, a long press gesture, an area change gesture, a double-press gesture, and a double-click gesture; the touch input in the embodiment of the present application can be a single-click input, a double-click input, or any number of click inputs, etc., and can also be a long press input or a short press input.

[0050] In a specific embodiment, the first input may be a single-finger drag input for changing the displayed content of the first image when the first image is partially displayed, or a two-finger sliding input for changing the zoom ratio of the first image to adapt to the user's usual image viewing method.

[0051] Step 102: Display third content and fourth content in response to the first input, wherein the third content is content matching the first content, and the fourth content is content displayed after the first image is updated based on the first input.

[0052] In the embodiment of the present application, the third content and the fourth content may be content that is updated and displayed after the display parameters of the first image are changed.

[0053] The third content matches the first content, and the match can be understood as identical or similar content. Specifically, the third content can be the same as the first content, or the third content can be content whose similarity to the first content reaches a preset threshold, or both the third content and the first content contain a preset object, without limitation herein.

[0054] The fourth content is the content displayed after the first image is updated based on the first input. For example, the fourth content and the third content may be located in different areas of the first image, so that the fourth content that was not previously displayed can be displayed after the first input. Alternatively, the fourth content may be a portion of the second content, and after the first input, the portion of the second content, i.e., the fourth content, is magnified and displayed.

[0055] For example, if Figures 6 to 8 As shown, Figure 6 The first image 600 includes three paragraphs of text content. If the three need to be displayed together, the text content will be unrecognizable due to the small zoom ratio. Usually, it is necessary to zoom in to Figure 7 The displayed state is only recognizable for the text it contains.

[0056] In the embodiment of the present application, the content corresponding to the image area 601 is the first content, the content corresponding to the image area 602 is the second content, and the content corresponding to the image area 603 is the fourth content.

[0057] Then in Figure 7 In the case where the first content corresponding to the image area 701 of the first image and the second content corresponding to the image area 702 are displayed, the original fourth content is not displayed due to the scaling ratio. The user can update the second content to be displayed as shown by dragging the image area 702. Figure 8 The fourth content corresponding to the image area 802 is Figure 8 The third content corresponding to the middle image area 801 may be the same as the first content corresponding to the image area 601 , so that the user can conveniently view the first content and the fourth content at the same time without having to frequently drag and compare.

[0058] In an embodiment of the present application, while displaying first content and second content of a first image, a user can display third content and fourth content through a first input, where the third content is content that matches the first content, and the fourth content is content displayed after the first image is updated based on the first input. In this way, after receiving the first input, the electronic device updates the displayed content by displaying the fourth content. Furthermore, by displaying the third content, at least part of the first content remains displayed. This eliminates the need for the user to repeatedly drag or zoom the image to view content in different areas of the image, thereby improving the convenience of image viewing.

[0059] In some embodiments, for large-sized images, users are often unable to view details of the reduced image and are usually required to zoom in on the image to view a partially enlarged view of the image.

[0060] Optionally, the electronic device may be pre-set with a specific display mode for large-size pictures or table pictures, and the user may activate the above-mentioned specific display mode through the fourth input to the first image.

[0061] For example, after displaying the first image, the electronic device can identify the first image, determine whether its size is too large compared to the electronic device screen, or determine whether it has more details (such as text, numbers, texture details), etc., and display a control for turning on a specific display mode when the first image size is large or has more details. The fourth input can be a touch operation on the control. Of course, the electronic device can also automatically trigger the partial display of the first image. The first content and the second content can be the local content of the first image, specifically the content contained in the preset area, so that when the user views an image with a large size or more details, the first content and the second content can be viewed more clearly, avoiding the inconvenience caused by the user frequently zooming in and out of the first image.

[0062] Reference Figure 3 Optionally, the third content is the same as the first content, and displaying the third content includes:

[0063] Step 10211: intercept an image area corresponding to the first content of the first image to obtain a second image.

[0064] Step 10212: Display the second image.

[0065] In an embodiment of the present application, the third content can be displayed by intercepting an image of the image area corresponding to the first content. Alternatively, the second image can be displayed in a suspended manner so that the first content remains unchanged when the second content is updated to display the fourth content based on the first input.

[0066] The display position of the second image may be the same as the display position of the first content. Of course, in other optional embodiments, the second image may also be displayed in an electronic device or a location area preset by the user, which is not limited here.

[0067] In an alternative embodiment, the second image and the first image may belong to different layers, so that the second image does not respond to zooming or panning inputs on the first image, thereby maintaining the display of the third content included in the second image. In other words, the second image will not be scaled or panned in response to zooming or panning inputs on the first image.

[0068] Optionally, the electronic device may pre-crop the image area corresponding to the first content into a separate layer to obtain a second image, and may display the second image in a floating manner on a layer above the image corresponding to the second content, so that when the image corresponding to the second content changes based on the first input, the display position of the second image may remain fixed.

[0069] The second image can be determined based on user input. For example, the user can define an area by sliding on the first image, or by long pressing the image area corresponding to the first content to determine the area. The electronic device can then capture the image within the area to obtain the second image.

[0070] For example, referring to Figures 9 to 11 , optionally, when the first image is displayed in full screen, Figure 9 If the user needs to obtain Figure 9 The electronic device can partially display the details of the Figure 10 If the first content is Figure 10 The first content is the content corresponding to the middle image area 1001, and the second content is the content corresponding to the image area 1002. At this time, the electronic device can crop and display the image corresponding to the image area 1001 in a suspended manner.

[0071] When the electronic device receives the first input of the user to the image area 1002, such as Figure 10 When the drag input is input in , the electronic device can display the third content that is the same as the first content, that is, Figure 11 The content corresponding to the image area 1101 in the image is shown. The content in the image area 1002 is partially hidden after dragging, and the previously hidden content is displayed, forming the updated fourth content, i.e. Figure 11 The content corresponding to the image area 1102.

[0072] Optionally, the first input may be directed to the image area corresponding to the second content. In this case, the display parameters of the image area corresponding to the first content remain unchanged, thereby preventing the first content from leaving the display range when the user performs the first input. Optionally, only inputs directed to the image area corresponding to the first content may change its display parameters. The specific settings can be tailored to the specific circumstances and are not detailed here.

[0073] In an embodiment of the present application, the electronic device can achieve, in the case of a first input, fixedly displaying a third content that is the same as the first content by capturing an image of the image area corresponding to the first content, and at the same time updating the second content to display the fourth content, so as to facilitate the user to compare the first content and the fourth content located in different areas, avoid the user's frequent operations of viewing images and comparing contents in different locations, and improve the user experience.

[0074] Reference Figure 2 Optionally, the above step 102 includes:

[0075] Step 1021: If the first content matches the target content, display the third content and the fourth content in response to the first input.

[0076] In the embodiments of the present application, the target content may be preset content. Specifically, the target content may include preset content, such as text, a pattern, or a table. Of course, the target content may also be content located at a preset position in the first image. In other words, compared to other content, the target content has a higher priority for the user and may be content that the user needs to frequently view or compare.

[0077] The above-mentioned situation where the first content matches the target content includes but is not limited to the first content being the target content, the first content includes at least part of the target content, the similarity between the first content and the target content reaches a preset threshold, and the first content and the target content have the same attributes.

[0078] It is understandable that the electronic device can determine the first content that matches the target content by itself based on image recognition, etc. Of course, the electronic device can also determine the first content that matches the target content based on user input, which is not limited here.

[0079] For example, if the first image contains table content, the target content may be the table header that the user needs to pay frequent attention to, including but not limited to the first row content and / or first column content of the table, such as Figure 9 Product A-Product D columns, and / or Figure 9Of course, users can also manually select a row or column and long-press to determine the first content as the target content to be focused on or compared. The specific settings can be made according to the actual application scenario.

[0080] When the image size is large, the electronic device may prioritize displaying the first content that matches the target content. The second content may be content associated with or corresponding to the first content, for example, content adjacent to the first content, or content that has a mapping relationship with the first content. Figure 9 As shown, since users usually pay more attention to the table header, the target content can be set to the first row and first column content corresponding to the image area 901 of the first image. Figure 10 As shown, the first content may be the content corresponding to the image area 1001. Since the first content is the first column of content and is part of the target content, it may be considered as matching the target content. The second content may be the content of the image area adjacent to the image area 1001, such as the content corresponding to the image area 1002.

[0081] In the above case, the user can display the third content and the fourth content through the first input, thereby ensuring that the third content matching the first content is the content that the user needs to pay attention to or compare, thereby improving the user's experience when viewing images.

[0082] Optionally, the electronic device can also automatically display the first content that matches the target content in the first image in detail through image recognition or other methods. For example, the first content and the second content can be displayed by partially zooming in, thereby avoiding manual input by the user when viewing the required first content, and improving the convenience of the user when viewing the image.

[0083] Reference Figure 4 Furthermore, before the step of receiving a first input of the first image, the method further includes:

[0084] Step 104 : While displaying the fifth content of the first image, receive a second input to the image area corresponding to the fifth content.

[0085] Step 105: In response to the second input, display the fifth content at a target location, and determine the fifth content as target content.

[0086] In an embodiment of the present application, if the fifth content is the content that the user needs to pay attention to or compare, in this case, the user can use the second input to determine the fifth content as the target content and display it at the target position. The target position can be the first row or the first column.

[0087] Optionally, if the first content matches the fifth content determined by the second input, the electronic device may continue to display the third and fourth content based on the first input. The matching between the first content and the fifth content may mean that the first content is identical or similar to the fifth content, or that the display position of the first content is identical or similar to the display position of the fifth content.

[0088] Optionally, the fifth content can be displayed in the image area corresponding to the first content, for example, by floating the image corresponding to the fifth content above the image area corresponding to the first content, or by moving the fifth content to the image area corresponding to the first content, replacing the first content. During this process, the first image may be moved as a whole or not, depending on the user's needs.

[0089] In this way, users can select the target content they want to focus on by manual input, which improves the user's freedom in image viewing and can more comprehensively cover the user's image viewing needs.

[0090] The second input is similar to the first input and may be a touch input or a non-touch input. To avoid repetition, details are omitted here.

[0091] Reference Figures 12 to 13 , if the electronic device partially displays the first image as Figure 12 , and the first content is the content corresponding to the image area 1201 , at this time the user can determine the fifth content corresponding to the image area 1202 as the target content through a second input to the image area 1202 .

[0092] At this time, the user can long press the image area 1202 to determine the fifth content as the target content, and the electronic device can correspondingly move the image area 1202 to the left as a whole, such as Figure 13 As shown, the object corresponding to the target content can be changed, so that the user can focus on the column where the “model” corresponding to the image area 1301 is located.

[0093] When the fifth content is used as the target content, it is equivalent to fixing the column where the "model" selected by the user is located. Similar to the above situation, refer to Figure 13 When a first input of dragging the image area 1302 corresponding to the second content along the row direction is received, if the first content matches the fifth content, then the third content that is the same as the first content can be displayed, that is, the image area 1301 is displayed; the second content is updated to be displayed as the fourth content, that is, the image area 1302 is changed to the image area 1402.

[0094] Correspondingly, the user can also cancel the attention to the fifth content by manual input. That is, after displaying the fifth content at the target position and determining the fifth content as the target content, the method may further include:

[0095] Step 106: Receive a third input at the target location.

[0096] Step 107: In response to the third input, cancel displaying the fifth content at the target location, and determine that the fifth content is not the target content.

[0097] In the embodiment of the present application, the third input can be an input different from the second input. Continuing with the above example, the user can determine the fifth content as the target content by long pressing the area 1201, and the electronic device will display the status from Figure 12 Updated to Figure 13 .

[0098] Accordingly, the user can cancel the fifth content from being the target content by swiping up or down on the area 1301. Figure 13 The display status in the Figure 12 and restore the target content to its original state. Figure 12 The first content in the image is displayed, making it easy for users to change the target content they need to focus on at any time, thereby improving the experience during image viewing.

[0099] Reference Figure 5 Optionally, the first input includes at least one of a zoom operation and a drag operation, and the displaying of the third content and the fourth content includes:

[0100] Step 1022: Display the fourth content, and based on the fourth content, display the third content corresponding to the fourth content.

[0101] In the embodiment of the present application, the user can change the displayed content or display ratio of the first image through a zooming operation or dragging operation of the first input, thereby updating the second content to be displayed as the fourth content. In this case, the first content can also be updated to display as the third content with reference to the change from the second content to the fourth content.

[0102] It should be understood that the first content can be the same as or similar to the third content. The matching of the first and third contents includes, but is not limited to, the first and third contents containing specific content or the same features. For example, the first and third contents contain the same pattern, the first and third contents contain the same text, the first and third contents contain the same cell content, or the first and third contents both include at least part of the target content.

[0103] Let’s continue to use the first and third contents as examples for table contents. Figures 15 and 16 As shown, the content corresponding to the image area 1501 is the first content, and the content corresponding to the image 1502 is the second content. If the target content is the first row and first column content in the table, the third content and the first content can both include the first column content. The third content can be as follows Figure 16 The content corresponding to the image area 1601.

[0104] At the same time, in order to ensure the correspondence of the table in the first image and avoid user confusion, the row and column correspondence between the third content and the fourth content can be the same as the correspondence of the table in the first image, that is, the correspondence between the third content and the fourth content is ensured.

[0105] Optionally, the image corresponding to the first content may determine whether to change according to a zoom or drag input of the first input.

[0106] You can still refer to Figures 10 and 11 If the content corresponding to image area 1001 is the first content and the content corresponding to image area 1002 is the second content, then when the user drags image area 1002 corresponding to the second content along the row direction until the fourth content corresponding to image area 1102 is updated and displayed, in order to maintain the correspondence between the rows of the third content and the rows of the fourth content, the image area 1001 corresponding to the first content may not be changed, and the image area 1101 corresponding to the third content is obtained. At this time, the first content and the third content may be the same.

[0107] And refer to Figures 15 and 16 If the user drags the image area 1502 corresponding to the second content along the column direction until the updated display is Figure 16 When the fourth content corresponds to the image area 1602, in order to maintain the correspondence between the rows of the third content and the rows of the fourth content, the image corresponding to the first content also needs to be moved along the column direction at the same time, that is, changed from image area 1501 to image area 1601.

[0108] In addition, in order to adapt to the scaling ratio of the image corresponding to the second content, the image corresponding to the first content may also be adaptively scaled. Usually, the scaling ratio of the image corresponding to the first content may be equal to the scaling ratio of the image corresponding to the second content.

[0109] Of course, in some embodiments, if the first image includes table content, and the first content is one or more rows in the table, to maintain the aesthetics of the table, the image corresponding to the first content may be scaled only in the row direction. When the image corresponding to the second content is scaled from 1*1 to 2*2, the image corresponding to the first content may be scaled from 1*1 to 2*1. The display method for the first content being one or more columns in a table is similar and will not be repeated here to avoid repetition.

[0110] In an embodiment of the present application, the electronic device can update the first content to the third content based on the displacement or scaling ratio of the fourth content relative to the second content, so that when the first content and the second content are a table or content with a fixed correspondence, the correspondence between the third content and the fourth content can be kept unchanged to avoid users being confused about the correspondence between different contents.

[0111] Generally speaking, for table images, if you need to clearly see the contents of the table, you need to set the display size of the table image to a larger size. However, when users view table images on electronic devices, such as mobile terminals, in order to ensure viewing clarity, the mobile terminals can often only display part of the table image. Table images have first row headers and first column headers, which usually represent different object types. If the first row header or first column header does not exist in the image currently being viewed by the user, the user often cannot clearly understand the meaning of each piece of data and needs to repeatedly slide between the first row header and the data or the first column header and the data, which is inconvenient to operate.

[0112] With respect to the above application scenarios, the following embodiments are provided for reference.

[0113] In the embodiment of the present application, the first image may include: Figure 9 The first table in the first table, and the first content may include N preset rows or M preset columns in the first table, where M and N are both positive integers. Accordingly, the second content may include a table adjacent to the first content in the first table, and the specific displayed content may be determined based on the image area corresponding to the first content and the image area corresponding to the second content, as well as their relative positional relationship.

[0114] The above-mentioned preset rows or columns can be predetermined by the electronic device by recognizing the first image. For example, the above-mentioned first content can be the first row or first column of the first table. By fixing the first row or first column, the user can avoid the phenomenon of being unable to match the object type and data.

[0115] Of course, in other optional embodiments, the above-mentioned preset rows or preset columns can also be determined by user input, which will not be listed here one by one.

[0116] It is understood that when N is 1, the preset row may be any row in the first table; when N is greater than 1, the preset row may be N adjacent, partially adjacent, or non-adjacent rows in the first table. The preset columns are similar to the preset rows and are not described in detail here.

[0117] In an embodiment of the present application, when an electronic device displays a table image, it is possible to fix preset rows or preset columns so that when the display parameters of the first image are changed, the correspondence between the object type and data in each column in the preset row, as well as the correspondence between the object type and data in each row in the preset column, can always be viewed. This avoids the user repeatedly sliding the table image to view the data and the first row header or the first column header, thereby improving the convenience for the user to view the table image.

[0118] It should be noted that, to achieve a one-to-one correspondence between data and object types, the relative positional relationship between the rows and columns in the third and fourth contents remains the same as in the first table. Furthermore, when the display area of ​​the first image changes, the row and column correspondence between the updated fourth and third contents can remain the same as in the first table.

[0119] For ease of understanding, the following will be described in detail with reference to specific implementation methods.

[0120] Reference Figures 5 to 17 , the electronic device can recognize the image and start the table image viewing mode when it recognizes the table type image. Figure 9 The content corresponding to the first row and / or first column of the first table in the display is used as the target content. At the same time, in order to improve the display effect, the image of the image area 1001 corresponding to the first content is displayed at the boundary of the display area, as shown in FIG. Figure 10 The content corresponding to the image area 1002 can be regarded as the second content.

[0121] When the first content is the first row or first column of the first table, the first image display mode can refer to the above description of Figures 10 and 11 or Figures 15 and 16 It is understandable that the first content may also include the first row and first column of the first table, such as Figure 17 As shown, the image area corresponding to the first content is the "inverted L-shaped" image of image area 1701, and the image area corresponding to the second content is the image area corresponding to the remaining table contents.

[0122] At this time, when the user slides the image area corresponding to the second content along the column direction, the image of the image area corresponding to the first row can remain fixed, while the image of the image area corresponding to the first column can move simultaneously with the column direction.

[0123] When the user slides the image of the image area corresponding to the second content along the row direction, the image of the image area corresponding to the first column can remain fixed, while the image of the image area corresponding to the first row can move simultaneously with the row direction, thereby achieving a one-to-one correspondence between each column in the first row and each column in the image of the image area corresponding to the second content.

[0124] like Figures 17 and 18 As shown, when the user slides the image of the image area corresponding to the second content along the direction between the row direction and the column direction at an angle α by a first movement amount L, the electronic device can calculate the second movement amount LCosα° in the row direction and the third movement amount LSinα° in the column direction of the second content according to the trigonometric function, and display the updated fourth content, that is, Figure 18 The table content except for image area 1801 is displayed. At the same time, the image of the image area corresponding to the first row is moved by a first movement amount along the row direction, and the image of the image area corresponding to the first column is moved by a second movement amount along the column direction, to display the updated third content, i.e., the content corresponding to image area 1801.

[0125] Other methods can be set according to actual application scenarios and are not listed here one by one.

[0126] Further, in the embodiments of the present application, referring to Figures 10 and 11 The user can use the fourth input to replace the preset row or column corresponding to the first content with the target row or column, that is, the fifth content replaces the first content as the target content. The display mode after receiving the first input can refer to Figures 13 and 14 To avoid repetition, I will not go into details here.

[0127] In an embodiment of the present application, the user can select the required fixed target row or target column according to his or her own needs, so that the relationship between the target row data and other data can be viewed, thereby further improving the convenience of the user in viewing the table image.

[0128] Of course, the user can also cancel the fixed target row or target column by inputting the target row or target column of the first image after the display is updated.

[0129] The image display method provided in the embodiment of the present application can be executed by an image display device. In the embodiment of the present application, the image display device provided in the embodiment of the present application is described by taking the method of performing image display by the image display device as an example.

[0130] Reference Figure 19 , the embodiment of the present application further provides an image display device 1900, including:

[0131] A first receiving module 1901 is configured to receive a first input of a first image while displaying first content and second content of the first image;

[0132] The display module 1902 is configured to display third content and fourth content in response to the first input, wherein the third content is content matching the first content, and the fourth content is content displayed after the first image is updated based on the first input.

[0133] In an embodiment of the present application, while displaying first content and second content of a first image, a user can display third content and fourth content through a first input, where the third content is content that matches the first content, and the fourth content is content displayed after the first image is updated based on the first input. In this way, after receiving the first input, the electronic device updates the displayed content by displaying the fourth content. Furthermore, by displaying the third content, at least part of the first content remains displayed. This eliminates the need for the user to repeatedly drag or zoom the image to view content in different areas of the image, thereby improving the convenience of image viewing.

[0134] Reference Figure 20 Optionally, the display module 1902 includes:

[0135] The first display unit 19021 is configured to display third content and fourth content in response to the first input when the first content matches the target content.

[0136] In an embodiment of the present application, when the first content matches the target content, the user can display the third content and the fourth content through the first input, thereby ensuring that the third content matching the first content is the content that the user needs to pay attention to or compare, thereby improving the user experience when viewing the image.

[0137] Optionally, the third content is the same as the first content, and the display module 1902 includes:

[0138] A capture unit 19022 is configured to capture an image area corresponding to the first content of the first image to obtain a second image;

[0139] The second display unit 19023 is used to display the second image.

[0140] In an embodiment of the present application, the electronic device can achieve, in the case of a first input, fixedly displaying a third content that is the same as the first content by capturing an image of the image area corresponding to the first content, and at the same time updating the second content to display the fourth content, so as to facilitate the user to compare the first content and the fourth content located in different areas, avoid the user's frequent operations of viewing images and comparing contents in different locations, and improve the user experience.

[0141] Reference Figure 21 Optionally, the device further comprises:

[0142] A second receiving module 1903 is configured to receive a second input of an image area corresponding to the fifth content when displaying the fifth content of the first image;

[0143] The second determining module 1904 is configured to display the fifth content at a target location in response to the second input, and determine the fifth content as target content.

[0144] In the embodiment of the present application, the user can select the target content to focus on by manual input, which improves the user's freedom in image viewing and can more comprehensively cover the user's image viewing needs.

[0145] Optionally, the device further comprises:

[0146] A third receiving module 1905 is configured to receive a third input at the target location;

[0147] The third determining module 1906 is configured to cancel displaying the fifth content at the target location in response to the third input, and determine that the fifth content is not the target content.

[0148] In the embodiment of the present application, the user can select the target content to focus on by manual input, which improves the user's freedom in image viewing and can more comprehensively cover the user's image viewing needs.

[0149] Reference Figure 20 Optionally, the first input includes at least one of a zoom operation and a drag operation, and the display module 1902 includes:

[0150] The third display unit 19024 is configured to display fourth content and, based on the fourth content, display third content corresponding to the fourth content.

[0151] In an embodiment of the present application, the electronic device can update the first content to the third content based on the displacement or scaling ratio of the fourth content relative to the second content, so that when the first content and the second content are a table or content with a fixed correspondence, the correspondence between the third content and the fourth content can be kept unchanged to avoid users being confused about the correspondence between different contents.

[0152] The image display device in the embodiment of the present application can be an electronic device or a component in an electronic device, such as an integrated circuit or a chip. The electronic device can be a terminal or a device other than a terminal. For example, the electronic device can be a mobile phone, a tablet computer, a laptop computer, a PDA, an in-vehicle electronic device, a mobile Internet device (MID), an augmented reality (AR) / virtual reality (VR) device, a robot, a wearable device, an ultra-mobile personal computer (UMPC), a netbook or a personal digital assistant (PDA), etc. It can also be a server, a network attached storage (NAS), a personal computer (PC), a television (TV), a teller machine or a self-service machine, etc., and the embodiment of the present application does not specifically limit it.

[0153] The image display device in the embodiment of the present application may be a device having an operating system. The operating system may be an Android operating system, an iOS operating system, or other possible operating systems, which are not specifically limited in the embodiment of the present application.

[0154] The image display device provided in the embodiment of the present application can achieve Figures 1 to 18 To avoid repetition, the various processes implemented in the method embodiment are not described here.

[0155] Alternatively, as Figure 22 As shown, an embodiment of the present application further provides an electronic device 2200, including a processor 2201 and a memory 2202, wherein the memory 2202 stores a program or instruction that can be run on the processor 2201, and when the program or instruction is executed by the processor 2201, each process of the above-mentioned image display method embodiment is implemented, and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

[0156] It should be noted that the electronic devices in the embodiments of the present application include the mobile electronic devices and non-mobile electronic devices mentioned above.

[0157] Figure 23 A schematic diagram of the hardware structure of an electronic device implementing an embodiment of the present application.

[0158] The electronic device 2300 includes but is not limited to: a radio frequency unit 2301, a network module 2302, an audio output unit 2303, an input unit 2304, a sensor 2305, a display unit 2306, a user input unit 2307, an interface unit 2308, a memory 2309, and a processor 2310.

[0159] Those skilled in the art will understand that the electronic device 2300 may also include a power source (such as a battery) to power each component, and the power source may be logically connected to the processor 2310 through a power management system, thereby implementing functions such as charging, discharging, and power consumption management through the power management system. Figure 23 The electronic device structure shown in the figure does not constitute a limitation on the electronic device. The electronic device may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently, which will not be repeated here.

[0160] The user input unit 2307 is configured to receive a first input on the first image when the first content and the second content of the first image are displayed.

[0161] The display unit 2306 is configured to display third content and fourth content in response to the first input, wherein the third content is content matching the first content, and the fourth content is content displayed after the first image is updated based on the first input.

[0162] In an embodiment of the present application, while displaying first content and second content of a first image, a user can display third content and fourth content through a first input, where the third content is content that matches the first content, and the fourth content is content displayed after the first image is updated based on the first input. In this way, after receiving the first input, the electronic device updates the displayed content by displaying the fourth content. Furthermore, by displaying the third content, at least part of the first content remains displayed. This eliminates the need for the user to repeatedly drag or zoom the image to view content in different areas of the image, thereby improving the convenience of image viewing.

[0163] Optionally, the display unit 2306 is further configured to display third content and fourth content in response to the first input when the first content matches the target content.

[0164] In an embodiment of the present application, when the first content matches the target content, the user can display the third content and the fourth content through the first input, thereby ensuring that the third content matching the first content is the content that the user needs to pay attention to or compare, thereby improving the user experience when viewing the image.

[0165] Optionally, the third content is the same as the first content, and the display unit 2306 is further configured to intercept an image area corresponding to the first content of the first image to obtain a second image, and display the second image.

[0166] In an embodiment of the present application, the electronic device can achieve, in the case of a first input, fixedly displaying a third content that is the same as the first content by capturing an image of the image area corresponding to the first content, and at the same time updating the second content to display the fourth content, so as to facilitate the user to compare the first content and the fourth content located in different areas, avoid the user's frequent operations of viewing images and comparing contents in different locations, and improve the user experience.

[0167] Optionally, the user input unit 2307 is further configured to receive a second input to an image area corresponding to the fifth content when displaying the fifth content of the first image;

[0168] The processor 2310 is further configured to, in response to the second input, display the fifth content at a target location and determine the fifth content as target content.

[0169] In the embodiment of the present application, the user can select the target content to focus on by manual input, which improves the user's freedom in image viewing and can more comprehensively cover the user's image viewing needs.

[0170] Optionally, the user input unit 2307 is further configured to receive a third input at the target location;

[0171] The processor 2310 is further configured to, in response to the third input, cancel displaying the fifth content at the target location, and determine that the fifth content is not the target content.

[0172] In the embodiment of the present application, the user can select the target content to focus on by manual input, which improves the user's freedom in image viewing and can more comprehensively cover the user's image viewing needs.

[0173] Optionally, the first input includes at least one of a zoom operation and a drag operation, and the display unit 2306 is further configured to display fourth content and, based on the fourth content, display third content corresponding to the fourth content.

[0174] In an embodiment of the present application, the electronic device can update the first content to the third content based on the displacement or scaling ratio of the fourth content relative to the second content, so that when the first content and the second content are a table or content with a fixed correspondence, the correspondence between the third content and the fourth content can be kept unchanged to avoid users being confused about the correspondence between different contents.

[0175] It should be understood that in an embodiment of the present application, the input unit 2304 may include a graphics processing unit (GPU) 23041 and a microphone 23042, and the graphics processor 23041 processes the image data of a static picture or video obtained by an image capture device (such as a camera) in a video capture mode or an image capture mode. The display unit 2306 may include a display panel 23061, and the display panel 23061 may be configured in the form of a liquid crystal display, an organic light emitting diode, etc. The user input unit 2307 includes a touch panel 23071 and at least one of the other input devices 23072. The touch panel 23071 is also called a touch screen. The touch panel 23071 may include two parts: a touch detection device and a touch controller. Other input devices 23072 may include but are not limited to a physical keyboard, function keys (such as volume control keys, switch keys, etc.), a trackball, a mouse, and a joystick, which will not be repeated here. The memory 2309 can be used to store software programs and various data, including but not limited to applications and operating systems. The processor 2310 may integrate an application processor and a modem processor, wherein the application processor mainly processes the operating system, user interface, and application programs, and the modem processor mainly processes wireless communications. It is understood that the modem processor may not be integrated into the processor 2310.

[0176] The memory 2309 may mainly include a first storage area for storing programs or instructions and a second storage area for storing data. The first storage area may store an operating system, applications or instructions required for at least one function (such as a sound playback function, an image playback function, etc.). In addition, the memory 2309 may include a volatile memory or a non-volatile memory, or the memory 2309 may include both volatile and non-volatile memory. The non-volatile memory may be a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), or a flash memory. Volatile memory can be random access memory (RAM), static random access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronous dynamic random access memory (DDRSDRAM), enhanced synchronous dynamic random access memory (ESDRAM), synchronous link dynamic random access memory (SLDRAM), and direct RAM bus random access memory (DRRAM). The memory 2309 in the embodiment of the present application includes but is not limited to these and any other suitable types of memory.

[0177] Processor 2310 may include one or more processing units. Optionally, processor 2310 integrates an application processor and a modem processor. The application processor primarily handles operations related to the operating system, user interface, and application programs, while the modem processor primarily processes wireless communication signals, such as a baseband processor. It is understood that the modem processor may not be integrated into processor 2310.

[0178] An embodiment of the present application also provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, the various processes of the above-mentioned image display method embodiment are implemented and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

[0179] The processor is the processor in the electronic device described in the above embodiment. The readable storage medium includes a computer-readable storage medium, such as a computer read-only memory (ROM), random access memory (RAM), a magnetic disk, or an optical disk.

[0180] An embodiment of the present application further provides a chip, which includes a processor and a communication interface, wherein the communication interface is coupled to the processor, and the processor is used to run programs or instructions to implement the various processes of the above-mentioned image display method embodiment, and can achieve the same technical effect. To avoid repetition, it will not be repeated here.

[0181] It should be understood that the chip mentioned in the embodiments of the present application can also be called a system-level chip, a system chip, a chip system or a system-on-chip chip, etc.

[0182] An embodiment of the present application provides a computer program product, which is stored in a storage medium. The program product is executed by at least one processor to implement the various processes of the above-mentioned image display method embodiment and can achieve the same technical effect. To avoid repetition, it will not be repeated here.

[0183] It should be noted that, in this article, the terms "comprise", "include" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device comprising a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, an element defined by the statement "comprises a ..." does not exclude the presence of other identical elements in the process, method, article or device comprising the element. In addition, it should be noted that the scope of the methods and devices in the embodiments of the present application is not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in the opposite order according to the functions involved. For example, the described method may be performed in an order different from that described, and various steps may also be added, omitted, or combined. In addition, the features described with reference to certain examples may be combined in other examples.

[0184] Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus the necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of the present application is essentially or the part that contributes to the prior art can be embodied in the form of a computer software product, which is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk), including a number of instructions for enabling a terminal (which can be a mobile phone, computer, server, or network device, etc.) to execute the methods described in each embodiment of the present application.

[0185] The embodiments of the present application are described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of this application, ordinary technicians in this field can also make many forms without departing from the purpose of this application and the scope of protection of the claims, all of which are within the protection of this application.

Claims

1. An image display method, characterized in that: The method comprises: In a case where first content and second content of a first image are displayed, receiving a first input of the first image, where the first content and the second content are contents displayed after the first image is zoomed or dragged; In response to the first input, display third content and fourth content, wherein the third content is content matching the first content, the fourth content is content displayed after the first image is updated based on the first input, and the fourth content and the third content are located in different areas of the first image, or the fourth content is part of the second content; The first input includes at least one of a zoom operation and a drag operation, and the displaying of the third content and the fourth content includes: The fourth content is displayed, and based on the fourth content, the third content corresponding to the fourth content is displayed.

2. The method according to claim 1, characterized in that The displaying of third content and fourth content in response to the first input includes: In a case where the first content matches the target content, third content and fourth content are displayed in response to the first input.

3. The method according to claim 1, characterized in that The third content is the same as the first content, and displaying the third content includes: intercepting an image area corresponding to the first content of the first image to obtain a second image; The second image is displayed.

4. The method according to claim 2, characterized in that Before the step of receiving a first input of the first image, the method further comprises: In a case where fifth content of the first image is displayed, receiving a second input to an image area corresponding to the fifth content; In response to the second input, the fifth content is displayed at a target location, and the fifth content is determined as target content.

5. The method according to claim 4, characterized in that After displaying the fifth content at the target location and determining the fifth content as the target content, the method further includes: receiving a third input at the target location; In response to the third input, display of the fifth content at the target location is canceled, and it is determined that the fifth content is not the target content.

6. An image display device, characterized in that: include: a first receiving module, configured to receive a first input of a first image when first content and second content of the first image are displayed, the first content and the second content being contents displayed after the first image is zoomed or dragged; a display module configured to display third content and fourth content in response to the first input, wherein the third content is content matching the first content, the fourth content is content displayed after the first image is updated based on the first input, and the fourth content and the third content are located in different areas of the first image, or the fourth content is part of the second content; The first input includes at least one of a zoom operation and a drag operation, and the display module includes: The third display unit is configured to display fourth content and, based on the fourth content, display third content corresponding to the fourth content.

7. The device according to claim 6, characterized in that The display module includes: The first display unit is configured to display third content and fourth content in response to the first input when the first content matches target content.

8. The device according to claim 6, characterized in that The third content is the same as the first content, and the display module includes: a cutting unit, configured to cut out an image area corresponding to the first content of the first image to obtain a second image; The second display unit is configured to display the second image.

9. The device according to claim 7, characterized in that The device further comprises: a second receiving module, configured to receive a second input of an image area corresponding to the fifth content when displaying the fifth content of the first image; The second determining module is configured to display the fifth content at a target location in response to the second input, and determine the fifth content as target content.

10. The device according to claim 9, characterized in that The device further comprises: a third receiving module, configured to receive a third input at the target location; The third determining module is configured to cancel display of the fifth content at the target location in response to the third input, and determine that the fifth content is not the target content.

11. An electronic device, characterized in that: The method comprises a processor, a memory, and a program or instruction stored in the memory and executable on the processor, wherein the program or instruction, when executed by the processor, implements the steps of the image display method according to any one of claims 1 to 5.

12. A readable storage medium, characterized in that: The readable storage medium stores a program or instruction, and when the program or instruction is executed by the processor, the steps of the image display method according to any one of claims 1 to 5 are implemented.

Images