Picture display method and electronic equipment

Abstract

The invention provides a picture display method and electronic equipment, and relates to the field of terminals. The electronic equipment displays a plurality of thumbnails and a first control; after a first number of thumbnails in the multiple thumbnails are selected, a second interface is displayed in response to a first operation on the first control, and the second interface comprises two or more selected pictures, for example, the second interface comprises the first picture and the second picture. In this way, a user can compare a plurality of pictures. When the second interface is displayed, a second operation on the second picture is received, the second picture is deleted from the electronic equipment, and a third interface is displayed, for example, the third interface comprises the first picture and the third picture. Therefore, the picture can be directly deleted from the electronic equipment and automatically supplemented when the second interface is displayed. And a user can compare and manage pictures conveniently.

Description

A method for displaying images and an electronic device Technical Field

[0001] This application relates to the field of terminals, and more particularly to an image display method and an electronic device. Background Technology

[0002] As the shooting capabilities of electronic devices continue to improve, many users use electronic devices to take pictures; users can also use electronic devices to download various pictures from the Internet; users can also use electronic devices to receive pictures shared by other devices, etc.

[0003] As the number of images stored on electronic devices increases, users will have a need to manage these images. This includes things like viewing images, comparing differences between them, deleting images, and saving images to favorites.

[0004] How to make it easier for users to manage pictures on their electronic devices is a problem that needs to be solved.

[0005] Summary of the Invention

[0006] This application provides an image display method and an electronic device that can provide users with a convenient way to manage images and improve the user's experience in managing images on electronic devices.

[0007] To achieve the above objectives, the embodiments of this application adopt the following technical solutions:

[0008] In a first aspect, embodiments of this application provide an image display method, comprising: an electronic device displaying a first interface, the first interface including multiple thumbnails and a first control; after a first number (M) of thumbnails are selected, in response to a first operation (e.g., a click operation) on the first control, displaying a second interface, the second interface including a first image and a second image; wherein the first number of thumbnails includes a first thumbnail, a second thumbnail, and a third thumbnail, the first image being the image corresponding to the first thumbnail, and the second image being the image corresponding to the second thumbnail. For example, the second interface is an image comparison interface, the first image and the second image being two images selected for image comparison, optionally, the first image and the second image being the two images ranked first.

[0009] When the second interface is displayed, a second operation (e.g., deletion operation) is received on the second image, the second image is deleted from the electronic device and the third interface is displayed. The third interface includes the first image and the third image, and the third image is the image corresponding to the third thumbnail in the first interface.

[0010] In this method, after a user selects thumbnails of multiple images, the electronic device displays a second interface (image comparison interface). This second interface includes two or more of the selected images. This allows users to compare multiple images. Furthermore, images can be deleted directly from the electronic device while the second interface (image comparison interface) is displayed, and the interface will automatically add new images, facilitating image management for the user.

[0011] In conjunction with the first aspect, in one possible implementation, when the electronic device is in a folded state, a first image and a second image in the second interface are displayed in a first layout; when the electronic device unfolds from the folded state, the first layout is switched to the second layout to display the first image and the second image; the second layout is different from the first layout. Specifically, a first number of thumbnails correspond to a first number of images, meaning the number of images selected for comparison is the first number, and the second layout is related to the aspect ratio of the second number of images within the first number of images.

[0012] In this method, the electronic device unfolds from a folded state to an unfolded state, and the layout of the first and second images changes accordingly. The layout can include a horizontal layout or a vertical layout. For example, when the electronic device is in a folded state, the first and second images are arranged horizontally; when the electronic device is in an unfolded state, the first and second images are arranged vertically.

[0013] In one possible implementation, when the electronic device is in a folded state, the first and second images are preset to be in a horizontal layout. When the electronic device is in an unfolded state, the screen of the electronic device is approximately square; when the electronic device unfolds from a folded state, the layout of each image in the image comparison interface is determined according to the size of the selected images for comparison.

[0014] Because the size and shape of the images displayed in the image comparison interface are adapted to the size and shape of the area where the image is displayed, the image will be enlarged during the adaptation process. By determining the layout of each image in the image comparison interface according to the image size, that is, the shape of the display area is more in line with the image size, which can reduce the situation where the image is significantly cropped after being enlarged, so that more of the image is displayed.

[0015] In one possible implementation, when the electronic device is in an unfolded state, the layout of the first and second images is related to the W (second number) frames of the images selected for comparison according to a preset order.

[0016] In this embodiment, the image ranked first among the selected images for comparison is displayed on the screen. The layout of the images is determined based on the size of the ranked image, which makes the display area more compatible with the image size.

[0017] In one possible implementation, when more than half of the images in the second number of images are in a vertical orientation, the first and second images are arranged vertically (optionally, the second arrangement is vertical); when less than half of the images in the second number of images are in a vertical orientation, the first and second images are arranged horizontally (optionally, the second arrangement is horizontal).

[0018] When most images are portrait-oriented, they are laid out portrait-oriented; when most images are landscape-oriented, they are laid out landscape-oriented. The image layout is consistent with the aspect ratio of most images. This allows more of the image to be displayed, reducing the likelihood of images being heavily cropped when displayed.

[0019] In conjunction with the first aspect, in one possible implementation, when the second interface is displayed, the first and second images in the second interface are displayed in a third layout; when the third interface is displayed, the first and third images in the third interface are displayed in a fourth layout. The fourth layout differs from the third layout, and the layout can include a horizontal layout or a vertical layout. For example, when the second interface is displayed, the first and second images are arranged horizontally; after the second image is removed from the electronic device, the third interface is displayed, and the first and third images in the third interface are arranged vertically. As another example, when the second interface is displayed, the first and second images are arranged vertically; after the second image is removed from the electronic device, the third interface is displayed, and the first and third images in the third interface are arranged horizontally.

[0020] In this method, when an image is deleted from the image comparison interface, the image layout changes.

[0021] In one possible implementation, the first number of thumbnails corresponds to the first number of images, meaning the number of images selected for image comparison is the first number. The third and fourth layouts are related to the aspect ratio of the second number of images within the first number of images. When an image is deleted from the image comparison interface, the second number of images is updated, the aspect ratio of the second number of images changes, and correspondingly, the image layout in the image comparison interface changes.

[0022] In one possible implementation, the layout of each image in the image comparison interface is determined based on the top W (second number) of the selected images for comparison.

[0023] Because the size and shape of the images displayed in the image comparison interface are adapted to the size and shape of the area where the image is displayed, the image will be enlarged during the adaptation process. By determining the layout of each image in the image comparison interface based on its aspect ratio—that is, ensuring the shape of the display area matches the image aspect ratio—the significant cropping of images after enlargement can be reduced, resulting in more of the image being displayed. The image selected for comparison that is ranked first is displayed on the screen; determining the image layout based on the aspect ratio of the first image ensures a better match between the display area and the image aspect ratio.

[0024] In one possible implementation, when more than half of the images in the second number of images are in a vertical orientation, the images are arranged vertically; when less than half of the images in the second number of images are in a vertical orientation, the images are arranged horizontally.

[0025] When most images are portrait-oriented, they are laid out portrait-oriented; when most images are landscape-oriented, they are laid out landscape-oriented. The image layout is consistent with the aspect ratio of most images. This allows more of the image to be displayed, reducing the likelihood of images being heavily cropped when displayed.

[0026] For example, when the second interface is displayed, if more than half of the images in the second number of images are in a vertical orientation, the first and second images in the second interface are arranged vertically. After the second image is deleted, the third interface is displayed. At this time, if less than half of the images in the second number of images are in a vertical orientation, the first and third images in the third interface are arranged horizontally.

[0027] For example, when the second interface is displayed, less than half of the images in the second number of images are in a vertical orientation, and the first and second images in the second interface are arranged horizontally. After the second image is deleted, the third interface is displayed. At this time, more than half of the images in the second number of images are in a vertical orientation, and the first and third images in the third interface are arranged vertically.

[0028] In conjunction with the first aspect, in one possible implementation, the second interface and the third interface further include a first region; the first region of the second interface includes a sub-thumbnail of the first image, a sub-thumbnail of the second image, and a sub-thumbnail of the third image, wherein the sub-thumbnail of the first image and the sub-thumbnail of the second image are highlighted; the first region of the third interface includes the sub-thumbnail of the first image and the sub-thumbnail of the third image, but does not include the sub-thumbnail of the second image.

[0029] In this method, the first area of ​​the interface includes a list of sub-thumbs, displaying sub-thumbs of all or some of the selected images to visually show the user the images selected for comparison. The second interface includes a first image and a second image, with the sub-thumbs of the first and second images highlighted accordingly, providing the user with a clear view of the images currently displayed in the image comparison interface.

[0030] After the second image is deleted, the second image will not be included in the third interface. Consequently, the first area of ​​the third interface will not include the secondary thumbnail of the second image.

[0031] In one possible implementation, in the first area of ​​the second interface, the sub-thumbnail of the third image is ordered after the sub-thumbnail of the second image.

[0032] In this method, the sub-thumbs are ordered in the same way as the images. The sub-thumbs of the third image are ordered after the sub-thumbs of the second image, meaning the third image is ordered after the second image. In other words, if the second image is deleted, the image following the second image is added to the image comparison interface.

[0033] In one possible implementation, a first area of ​​the second interface includes a second control, and in response to a third operation (e.g., a click operation) on the second control, a fourth interface is displayed, the fourth interface including multiple thumbnails; a first number of thumbnails among the multiple thumbnails are selected, the first number of thumbnails including a first thumbnail, a second thumbnail, and a third thumbnail.

[0034] In this method, the first area includes a second control, such as the "Add" button 50d in Figure 9B. In response to a user's click on the second control, the electronic device displays a fourth interface (e.g., an image selection interface 701). The image selection interface 701 includes thumbnails of multiple images, wherein a second number of thumbnails are selected; for example, the thumbnails corresponding to the first and second images in the second interface are selected. In one embodiment, each thumbnail includes a selection control corresponding to that image. The user can select or deselect an image by clicking the selection control. This allows the user to easily view the selected images for comparison, and to easily add, remove, or change the selected images for comparison.

[0035] In conjunction with the first aspect, in one possible implementation, a first area of ​​the second interface includes a sub-thumbnail of the fourth image, and in response to a fourth operation (e.g., a click operation) on the sub-thumbnail of the fourth image, a fifth interface is displayed, the fifth interface including the first image, the second image, and the fourth image, with the sub-thumbnail of the fourth image highlighted in the first area of ​​the fifth interface.

[0036] In this method, users can easily add images for comparison by clicking on the sub-thumbnail in the first area.

[0037] In one possible implementation, in response to a fourth operation on a sub-thumbnail of a highlighted fourth image, a second interface is displayed, wherein the sub-thumbnail of the fourth image is not highlighted in a first area of ​​the second interface.

[0038] In this method, users can easily deselect images for comparison by clicking on the highlighted sub-thumbnail in the first area.

[0039] In conjunction with the first aspect, in one possible implementation, in response to a fifth operation on the first image in the second interface, the first image and the second image are enlarged and displayed at the same scale.

[0040] When the second interface (image comparison interface) is displayed, the images in the second interface can be enlarged or reduced simultaneously and proportionally, making it convenient for users to compare images.

[0041] In conjunction with the first aspect, in one possible implementation, when the electronic device displays a first application window and a second application window, the first application window displays a first image and a second image from the second interface in a fifth layout. In response to a sixth operation on the second application window (e.g., closing the window), the second application window is closed and the first application window is displayed in full-screen mode. Within the full-screen first application window, the first image and the second image are displayed in a sixth layout. Optionally, the fifth layout is the same as the third layout, and the sixth layout is the same as the fourth layout.

[0042] In this method, the layout of the images changes when switching from split-screen to full-screen display.

[0043] In one possible implementation, the first number of thumbnails corresponds to the first number of images, that is, the number of images selected for image comparison is the first number, and the sixth layout is related to the aspect ratio of the second number of images in the first number of images.

[0044] In one possible implementation, the layout of the first and second images within the first application window for full-screen display is determined based on the top W (second number) of the selected images for comparison.

[0045] In one possible implementation, when more than half of the images in the second number of images are in a vertical orientation, the first and second images are arranged vertically in the first application window displayed in full screen; when less than half of the images in the second number of images are in a vertical orientation, the first and second images are arranged horizontally in the first application window displayed in full screen.

[0046] When most images are portrait-oriented, the first and second images are arranged vertically; when most images are landscape-oriented, the first and second images are arranged horizontally, with the image layout consistent with the majority of the image dimensions. This allows more of the image to be displayed, reducing the likelihood of significant image cropping during display.

[0047] In conjunction with the first aspect, in one possible implementation, in response to a seventh operation (e.g., a long press) on the first image in the second interface, the first image is selected; after the first image is selected in the second interface, in response to the seventh operation (e.g., a long press) on the first image, a floating image corresponding to the first image is displayed; in response to the floating image being dragged to a preset hotspot, an application icon of at least one application is displayed in the second area; in response to the floating image being dragged to the first application icon, the first image is sent to the application corresponding to the first application icon.

[0048] In this method, users can easily share any image from the image comparison interface to other applications simply by long-pressing the image, making it convenient for users to manage their images.

[0049] In conjunction with the first aspect, in one possible implementation, after the first image is selected in the second interface, in response to a seventh operation (e.g., a long press) on the second image in the second interface, a floating image corresponding to the second image is displayed; in response to the floating image corresponding to the second image being dragged to a preset hot zone, an application icon of at least one application is displayed in the second area; in response to the floating image corresponding to the second image being dragged to a first application icon, the second image is sent to the application corresponding to the first application icon.

[0050] In this method, after long-pressing the first image to select it, you can long-press the second image to easily and quickly share it to other applications, making it convenient for users to manage their images.

[0051] In conjunction with the first aspect, in one possible implementation, in response to a seventh operation (e.g., a long press) on the first image in the second interface, the first image is selected and a third control (e.g., the "delete" button 517 in FIG14) is displayed; in response to an eighth operation (e.g., a selection operation) on the second image in the second interface, the second image is selected; and in response to a ninth operation (e.g., a click operation) on the third control, the first and second images are deleted from the electronic device.

[0052] This method allows users to delete multiple images at once in the image comparison interface, making image management easier.

[0053] In conjunction with the first aspect, in one possible implementation, the first number of thumbnails, the fifth thumbnail and the sixth thumbnail, in response to a ninth operation on the third control, display a sixth interface, the sixth interface including a fifth image and a sixth image, the fifth image being the image corresponding to the fifth thumbnail and the sixth image being the image corresponding to the sixth thumbnail.

[0054] In this method, after multiple images are deleted, the image comparison interface automatically replenishes the same number of images, making it convenient for users to continue comparing images.

[0055] In conjunction with the first aspect, in one possible implementation, a first number of thumbnails correspond to a first number of images; the third image is ranked first among the first number of images after the reference image, where the reference image is the image ranked later between the first and second images. That is, the rule for automatically supplementing the image comparison interface is based on the principle of proximity and prioritizing selection from the nearest image. In this way, the images in the comparison list are displayed sequentially in the image comparison interface from front to back. Each time the user deletes an image, the automatically supplemented images in the updated image comparison interface are those that have not yet been compared, allowing the user to compare images sequentially and avoiding repetitive manual image selection, thus saving user steps.

[0056] In another possible implementation, the third image is the last one in the first number of images, ordered before the reference image. The reference image is the image that appears later in the order of the first and second images, and is the last one in the first number of images. In this implementation, there are no images after the reference image; instead, the image closest to the reference image is selected.

[0057] In another possible implementation, the third image is the one among the first number of images whose acquisition time is closest to that of the second image. Generally, images with similar shooting (or acquisition) times are likely to have similar image content, making it easier for users to view images with similar content.

[0058] In another possible implementation, the third image is the one among the first number of images that has the highest image similarity to the second image. This makes it easier for users to view images with similar content.

[0059] Secondly, an electronic device is provided, which has the function of implementing the method described in the first aspect. This function can be implemented by hardware or by hardware executing corresponding software. The hardware or software includes one or more modules corresponding to the aforementioned function.

[0060] Thirdly, an electronic device is provided, comprising: a processor, a memory, and a display screen; the display screen is used to display a user interface, the memory is used to store computer execution instructions, and when the electronic device is running, the processor executes the computer execution instructions stored in the memory to cause the electronic device to perform the method as described in any of the possible embodiments of the first aspect above.

[0061] Fourthly, a computer-readable storage medium is provided that stores instructions which, when executed on a computer, enable the computer to perform the method described in any of the possible embodiments of the first aspect described above.

[0062] Fifthly, a computer program product containing instructions is provided, which, when run on a computer, enables the computer to perform the method described in any of the possible embodiments of the first aspect above.

[0063] The technical effects of any of the possible implementations in the second to fifth aspects can be found in the technical effects of different implementations in the first aspect, and will not be repeated here. Attached Figure Description

[0064] Figure 1 is a schematic diagram of an electronic device configured with a foldable screen according to an embodiment of this application;

[0065] Figure 2 is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0066] Figure 3 is a schematic diagram of another electronic device configured with a foldable screen according to an embodiment of this application;

[0067] Figure 4 is a schematic diagram of another electronic device equipped with a foldable screen provided in an embodiment of this application;

[0068] Figure 5 is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0069] Figure 6 is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0070] Figure 7A is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0071] Figure 7B is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0072] Figure 7C is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0073] Figure 8 is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0074] Figure 9A is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0075] Figure 9B is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0076] Figure 10 is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0077] Figure 11 is a schematic diagram of a scenario in which an image is deleted according to an embodiment of this application;

[0078] Figures 12 and 13 are schematic diagrams illustrating a scenario in which multiple images are deleted in batches, as provided in the embodiments of this application.

[0079] Figure 14 is a schematic diagram of a scenario example where multiple images are deleted in batches according to an embodiment of this application;

[0080] Figure 15 is a schematic diagram of a scenario in which an image is deleted according to an embodiment of this application;

[0081] Figures 16 and 17 are schematic diagrams illustrating the rules for automatically adding an image from the comparison list to the updated image comparison interface in the embodiments of this application.

[0082] Figure 18 is a schematic diagram of a scenario example of automatically exiting the image comparison interface provided in an embodiment of this application;

[0083] Figure 19 is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0084] Figure 20 is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0085] Figure 21 is a schematic diagram of the image's aspect ratio;

[0086] Figure 22 is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0087] Figure 23 is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0088] Figure 24 is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0089] Figure 25 is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0090] Figure 26 is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0091] Figure 27 is a schematic diagram of an example of an image display method provided in an embodiment of this application;

[0092] Figure 28 is a schematic diagram of a hardware structure of an electronic device provided in an embodiment of this application;

[0093] Figure 29 is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. Detailed Implementation

[0094] In the description of the embodiments of this application, the terminology used in the following embodiments is for the purpose of describing specific embodiments only and is not intended to be a limitation of this application. As used in the specification and appended claims of this application, the singular expressions "a," "the," "the," "the," and "this" are intended to also include expressions such as "one or more," unless the context clearly indicates otherwise. It should also be understood that in the following embodiments of this application, "at least one" and "one or more" refer to one or more (including two). The term "and / or" is used to describe the relationship between related objects, indicating that three relationships can exist; for example, A and / or B can indicate: A alone, A and B simultaneously, or B alone, where A and B can be singular or plural. The character " / " generally indicates that the preceding and following related objects are in an "or" relationship.

[0095] References to "one embodiment" or "some embodiments" in this specification mean that one or more embodiments of this application include a specific feature, structure, or characteristic described in connection with that embodiment. Therefore, the phrases "in one embodiment," "in some embodiments," "in other embodiments," "in still other embodiments," etc., appearing in different parts of this specification do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically emphasized. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless otherwise specifically emphasized. The term "connection" includes direct connections and indirect connections, unless otherwise stated. "First" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of technical features indicated.

[0096] In the embodiments of this application, the terms "exemplary" or "for example" are used to indicate that something is an example, illustration, or description. Any embodiment or design that is described as "exemplary" or "for example" in the embodiments of this application should not be construed as being more preferred or advantageous than other embodiments or design. Specifically, the use of the terms "exemplary" or "for example" is intended to present the relevant concepts in a specific manner.

[0097] This application provides an image display method that can be applied to electronic devices equipped with foldable screens. In this application, the electronic device equipped with a foldable screen can also be referred to as a foldable device.

[0098] For example, the foldable device described above can be a mobile phone, tablet computer, desktop, laptop, handheld computer, notebook computer, ultra-mobile personal computer (UMPC), netbook, cellular phone, personal digital assistant (PDA), augmented reality (AR) / virtual reality (VR) device, etc. The embodiments of this application do not impose any special limitations on the specific form of the electronic device.

[0099] The foldable device includes at least one foldable screen, which can be folded to form at least two screens (display areas). For example, the foldable screen can be folded along a straight line (folding line) or folding axis to form display area one and display area two. It should be noted that the at least two screens (display areas) formed after folding can be multiple independent screens or a single integrated screen, simply folded into at least two parts. In some embodiments, the foldable screen can be a flexible screen, also known as a flexible OLED (organic light-emitting diode). Compared to traditional screens, flexible screens have the characteristics of being bendable and highly flexible. The flexible screen may be partially or entirely made of flexible materials. For example, only the foldable parts (such as the folding edges) of the flexible screen may be made of flexible materials, while other parts may be made of rigid materials; or, the entire flexible screen may be made of flexible materials.

[0100] In one example, as shown in FIG1(a), the electronic device 10 includes an inner screen 101, which is divided into screen A and screen B along the fold line 1a. Screen A and screen B can be two independent screens or two parts of a single screen. As shown in FIG1(b), the electronic device 10 also includes an outer screen 102, also referred to as screen C. Exemplarily, screen C is positioned back-to-back with screen A. It is understood that FIG1 is merely an example of screen C being positioned behind screen A and is not intended to limit the electronic device 10 provided in this application embodiment. In other possible embodiments, screen C may also be positioned behind screen B.

[0101] Foldable devices can be in different postures, such as unfolded, supported, and folded.

[0102] Taking electronic device 10 as an example, as shown in Figure 1(a) and Figure 1(b), the inner screen 101 includes screen A and screen B. During use, the user can change the orientation of electronic device 10 by altering the angle between screen A and screen B. For instance, the unfolded state of electronic device 10 refers to the state where the angle between screen A and screen B is greater than or equal to a preset first angle. This first angle can be a preset value, such as 135°, 165°, or 175°.

[0103] In response to the user's folding operation, the angle between screen A and screen B of electronic device 10 gradually decreases. Referring to Figures 1(c) and 1(d), the user can fold electronic device 10 inward (in the direction of the inner screen 101) along folding line 1a. When the angle between screen A and screen B is less than a first angle and greater than a second angle, electronic device 10 is in a support state. The second angle can be a preset value, such as 5°, 30°, 65°, etc.

[0104] As the angle between screen A and screen B of electronic device 10 continues to decrease, referring to Figure 1(e), when the angle between screen A and screen B is less than or equal to the second angle, electronic device 10 is in a folded state.

[0105] When the electronic device 10 is in a folded state, in response to the user's unfolding operation, the angle between screen A and screen B of the electronic device 10 gradually increases. When the angle between screen A and screen B is greater than a second angle but less than a first angle, the electronic device 10 is in a stand state. As the angle between screen A and screen B of the electronic device 10 continues to increase, the electronic device 10 is in an unfolded state, and the angle between screen A and screen B is greater than or equal to the first angle.

[0106] Understandably, the posture of the electronic device 10 can be switched between the unfolded state, the stand state, and the unfolded state under the operation of the user.

[0107] The electronic device 10 shown in Figure 1 includes an inner screen 101 and an outer screen 102. In some embodiments, when the electronic device 10 is in different postures, the inner screen 101 or the outer screen 102 of the electronic device 10 displays a user interface accordingly. For example, when the electronic device 10 is in an unfolded state, the inner screen 101 displays the user interface; when the electronic device 10 is in a stand state, the outer screen 102 displays the user interface; when the electronic device 10 is in a folded state, the outer screen 102 displays the user interface. The electronic device 10 can switch between displaying the user interface on the inner screen 101 or the outer screen 102 according to its posture. For example, as shown in Figure 2, when the electronic device is in an unfolded state, the inner screen 101 of the electronic device 10 displays the user interface; in response to the user's folding operation of the electronic device, the posture of the electronic device 10 changes to a folded state, and the outer screen 102 of the electronic device 10 displays the user interface. When the electronic device is in a folded state, in response to the user's unfolding operation of the electronic device, the posture of the electronic device 10 changes to an unfolded state, and the inner screen 101 of the electronic device 10 displays the user interface.

[0108] In some embodiments, when the included angle between the individual screens of the foldable screen is greater than or equal to a first angle, the inner screen 101 of the electronic device 10 displays the user interface of the electronic device. When the included angle between the individual screens of the foldable screen is less than the first angle, the outer screen 102 of the electronic device 10 displays the user interface of the electronic device.

[0109] As shown in Figure 2, the electronic device 10 has an inner screen 101 with four sides of similar length, resulting in an approximately square user interface when displayed on the inner screen 101. The outer screen 102 has a larger difference in length between its long and short sides, resulting in an approximately rectangular user interface when displayed on the outer screen 102. In this embodiment, the long side of the outer screen 102 along the vertical direction is referred to as the electronic device 10 being placed vertically, and the short side of the outer screen 102 along the vertical direction is referred to as the electronic device 10 being placed horizontally. For example, in Figure 2, the electronic device 10 is placed vertically. This embodiment presents the user interface using the vertical placement of the electronic device as an example. When the electronic device is placed horizontally, the displayed user interface can be changed according to the vertically placed user interface; however, this embodiment will not provide further examples.

[0110] In another example, as shown in Figure 3(a), the electronic device 20 includes a screen 201, which is divided into a D screen and an E screen along the fold line 1b. The D screen and the E screen can be two separate screens or two parts of a single screen.

[0111] During the use of electronic device 20, the user can change the posture of electronic device 20 by changing the angle between screen D and screen E. As shown in Figure 3(a), when the angle between screen D and screen E of electronic device 20 is greater than or equal to angle one, electronic device 20 is in the unfolded state. Here, angle one can be a preset value, such as 130°, 165°, 170°, etc.

[0112] The user can fold the electronic device 20 outwards (towards the back of the screen 201) along folding line 1b. In response to the user's folding operation, the angle between the D screen and the E screen of the electronic device 20 gradually decreases. As shown in Figure 3(b), when the angle between the D screen and the E screen is less than angle one and greater than angle two, the electronic device 20 is in a stand state. Here, angle two can be a preset value, such as 5°, 30°, 65°, etc.

[0113] As the angle between the D screen and the E screen of the electronic device 20 continues to decrease, referring to Figure 3(c), when the angle between the D screen and the E screen is less than or equal to angle 2, the electronic device 20 is in a folded state.

[0114] When the electronic device 20 is in a folded state, in response to the user's unfolding operation, the angle between the D screen and the E screen of the electronic device 20 gradually increases. When the angle between the D screen and the E screen is greater than angle two and less than angle one, the electronic device 20 is in a stand state. As the angle between the D screen and the E screen of the electronic device 20 continues to increase, the electronic device 20 is in an unfolded state, and the angle between the D screen and the E screen is greater than or equal to angle one.

[0115] The posture of the electronic device 20 changes between the unfolded state, the support state, and the unfolded state under the operation of the user.

[0116] In some embodiments, when the electronic device 20 is in different postures, the corresponding display areas of the screen 201 of the electronic device 20 display the user interface. For example, when the electronic device 20 is in an unfolded state, the D screen and E screen of the screen 201 display the user interface; when the electronic device 20 is in a stand state, the D screen of the screen 201 displays the user interface; and when the electronic device 20 is in a folded state, the D screen of the screen 201 displays the user interface.

[0117] The electronic device 20 shown in Figure 3 has screen 201 with four sides of similar length. When the D and E screens of screen 201 display the user interface, the user interface is approximately square. The D screen of screen 201 has a larger difference in length between its long and short sides. When the D screen of screen 201 displays the user interface, the user interface is approximately rectangular.

[0118] It should be noted that the dashed lines in Figures 1 and 3 are used to indicate the position where the electronic device is folded. In actual products, there may be no folding lines or folding axes on the electronic device.

[0119] Figures 1 and 3 above show the electronic device folded along a horizontal fold line. Of course, the electronic device can also be folded along a vertical fold line. In one example, the vertical fold line is perpendicular to the horizontal fold line.

[0120] In another example, as shown in Figure 4, the electronic device 30 includes a folding screen 301. The electronic device 30 folds inward along the folding line 1c, and the folding screen 301 also folds inward along the folding line 1c. The folding screen 301 is divided into two display areas along the folding line 1c, such as the F screen and the G screen. It is understood that the F screen and the G screen can be multiple independent screens; or they can be a single, integrated screen, simply divided into at least two parts along the folding line. This application embodiment does not specifically limit this. After the electronic device 301 is folded inward, the F screen and the G screen face each other. The electronic device 30 also has an H screen on the back of the folding screen 301. For example, the H screen can be located on the back of the F screen or the G screen. It is understood that Figure 4 is only an example of the H screen being configured on the back of the F screen and is not intended to limit the electronic device provided in this application embodiment.

[0121] During the use of electronic device 30, the user can change the posture of electronic device 30 by altering the angle between the F screen and the G screen. The posture of electronic device 30 can switch between an unfolded state, a stand state, and an unfolded state under the user's operation.

[0122] In some embodiments, when the electronic device 30 is in different postures, the screen 301 or H-screen of the electronic device 30 displays the user interface accordingly. For example, when the electronic device 30 is in an unfolded state, the screen 301 of the electronic device 30 displays the user interface; when the electronic device 30 is in a stand state or a folded state, the H-screen of the electronic device 30 displays the user interface.

[0123] In the electronic device 30 shown in Figure 4, the four sides of the H screen are of similar length, and when the H screen displays the user interface, the user interface is approximately square. The long side and short side of the screen 301 have a larger difference in length, and when the screen 301 displays the user interface, the user interface is approximately rectangular.

[0124] This application uses the electronic device 10 shown in FIG1 as an example to illustrate the embodiment. The implementation of the image display method provided in this application on the electronic device 20 shown in FIG3 or the electronic device 30 shown in FIG4 can refer to the implementation of the electronic device 10.

[0125] The user interface displayed on the D screen and E screen of the screen 201 of the electronic device 20 corresponds to the user interface displayed on the inner screen 101 of the electronic device 10, and the user interface displayed separately on the D screen of the screen 201 of the electronic device 20 corresponds to the user interface displayed on the outer screen 102 of the electronic device 10.

[0126] The user interface displayed on the H screen of electronic device 30 corresponds to the user interface displayed on the inner screen 101 of electronic device 10, and the user interface displayed on the screen 301 of electronic device 30 corresponds to the user interface displayed on the outer screen 102 of electronic device 10.

[0127] Users can manage images stored on their electronic devices, such as viewing images, comparing differences between images, deleting images, and saving images to favorites. This application provides an image display method that offers users a convenient way to manage images.

[0128] For example, applications such as image galleries and file management on electronic devices can provide the function of displaying images to users. This application embodiment uses an image gallery application as an example for description. It can be understood that the image display method provided in this application embodiment is also applicable to applications such as file management.

[0129] The electronic device can be in three states: unfolded, mounted, or folded. When the electronic device is in any of these states, it can respond to user input by launching a gallery application. The gallery application's interface displays multiple images to the user.

[0130] Taking the electronic device 10 in a folded state as an example, with the external screen 102 of the electronic device 10 displaying the user interface.

[0131] In one example, as shown in Figure 5, the external screen of the electronic device 10 displays a desktop interface, which includes application icons for multiple applications. For example, the desktop interface includes application icon 501. In response to a user's click on application icon 501, the electronic device 10 displays a photo display interface 502 of a gallery application, which includes thumbnails of multiple images.

[0132] In another example, as shown in Figure 6, the electronic device 10 displays a desktop interface including application icons 501. In response to a user's click on the application icons 501, the electronic device 10 displays a gallery interface 601, which includes at least one folder, such as "All Photos," "Albums," "Screenshots / Screen Recordings," "My Favorites," etc. For example, in response to a user's click on the folder "All Photos," the electronic device 10 displays an "All Photos" interface 602, which includes thumbnails of multiple images.

[0133] When the electronic device 10 displays thumbnails of multiple images (e.g., displaying a photo display interface 502 or a "All Photos" interface 602), the user can select multiple images for comparison.

[0134] For example, as shown in Figure 7A, the photo display interface 502 includes thumbnails of multiple images, such as thumbnails a, b, c, d, e, and f. In response to a user's action on one of the image thumbnails (e.g., thumbnail a), such as a long press, the electronic device 10 displays an image selection interface 503. The image selection interface 503 includes thumbnails of multiple images, each thumbnail containing a selection control corresponding to that image. The user can select or deselect an image by clicking the selection control. The image selection interface 503 also includes a "Share" control, a "Compare" control, a "Create" control, and a "Delete" control. In response to the user clicking the "Share" control, the electronic device 10 sends the selected image to other applications or devices. In response to the user clicking the "Compare" control, the electronic device 10 displays a user interface for comparing images, which includes the selected image. In response to the user clicking the "Create" control, the electronic device 10 generates a video based on the selected image. In response to the user clicking the "Delete" control, the selected image is deleted from the electronic device 10. In one implementation, the "Compare" control cannot be selected when the number of selected images is less than a preset number. For example, the preset number is 2, as shown in Figure 7A. When the number of selected images is 1, the "Compare" control is grayed out, indicating that it cannot be selected. When the number of selected images is 6, the "Compare" control is black, indicating that it can be selected. For example, when six images are selected, such as thumbnails a, b, c, d, e, and f, the electronic device 10 displays an image comparison interface 504 in response to the user's click on the "Compare" control. The image comparison interface 504 includes images 505 and 506, where images 505 and 506 are two of the six selected images. For example, images 505 and 506 are the two images whose thumbnails appear first in the selected images. For example, referring to Figure 7A, image 505 is the image corresponding to thumbnail a, and image 506 is the image corresponding to thumbnail b.

[0135] Optionally, image 505 includes a "favorite" icon 5071 and a "delete" icon 5081, and image 506 includes a "favorite" icon 5072 and a "delete" icon 5082. In response to a user's click on the "favorite" icon 5071, the electronic device 10 adds image 505 to the "My Favorites" folder. In response to a user's click on the "favorite" icon 5072, the electronic device 10 adds image 506 to the "My Favorites" folder. In response to a user's click on the "delete" icon 5081, image 505 is deleted from the electronic device 10. In response to a user's click on the "delete" icon 5082, image 506 is deleted from the electronic device 10.

[0136] It should be noted that in some examples, the image comparison interface 504 includes a portion of the selected images, but not all of them; for example, as shown in Figure 7A, there are 6 selected images, but the image comparison interface 504 includes two images, not all 6 selected images. The selected images are those that can participate in the comparison, and the image comparison interface 504 displays only the images participating in the comparison.

[0137] Optionally, the display area 509 at the bottom of the image comparison interface 504 can display thumbnails of all or some of the selected images. In this embodiment, the list of image thumbnails (referred to as sub-thumbs up) displayed at the bottom of the image comparison interface is called the comparison list. For example, the maximum number of images that can be displayed in the comparison list is N, and the number of selected images that can participate in the image comparison is M; when M is greater than N, the comparison list includes thumbnails of N images, that is, displays thumbnails of some of the selected images; when M is less than or equal to N, the comparison list includes M images, that is, displays thumbnails of all the selected images. For example, as shown in Figure 7A, the number of selected images is 6, i.e., M=6. The comparison list can display a maximum of 5 images, i.e., N=5. The comparison list includes thumbnails of 5 images, namely thumbnail a', thumbnail b', thumbnail c', thumbnail d', and thumbnail e'. Thumbnail a' corresponds to thumbnail a and image 505, thumbnail b' corresponds to thumbnail b and image 506, thumbnail c' corresponds to thumbnail c, thumbnail d' corresponds to thumbnail d, and thumbnail e' corresponds to thumbnail e. In one implementation, the thumbnails (thumbnail a' and thumbnail b') corresponding to the images (images 505 and 506) displayed in the image comparison interface 504 are highlighted in the comparison list, which makes it convenient for users to quickly locate the image currently being compared in the comparison list.

[0138] Users can compare and view images 505 and 506. In some examples, the images in images 505 and 506 can be magnified in tandem. For example, as shown in FIG7B, when the electronic device 10 displays the image comparison interface 504, in response to the user's magnification operation on image 505, for example, a two-finger outward gesture on image 505, the images in images 505 and 506 are magnified. Optionally, images 505 and 506 are magnified at the same ratio. In other examples, images 505 and 506 can also be magnified individually. For example, as shown in FIG7C, the image comparison interface 504 includes a linkage button 5041. When the linkage button 5041 is grayed out, it indicates that magnification is not linked, and in response to the user's magnification operation on image 505, the image in image 505 is magnified.

[0139] It should be noted that Figure 7A uses the default display of two images in the image comparison interface as an example. In actual implementation, the default number of images displayed in the image comparison interface can be more, such as 3 or 4 images. For example, as shown in Figure 8, the electronic device 10 displays an image selection interface 503, in which 6 images are selected, corresponding to thumbnails a, b, c, d, e, and f. In response to the user's click on the "Compare" control, the electronic device 10 displays an image comparison interface 510, which includes images 505, 506, 511, and 512. Among them, image 505 is the image corresponding to thumbnail a, image 506 is the image corresponding to thumbnail b, image 511 is the image corresponding to thumbnail c, and image 512 is the image corresponding to thumbnail d. Images 505, 506, 511, and 512 are four of the six selected images, meaning that four images are compared at a time. Users can compare and view images 505, 506, 511, and 512. In one implementation, the images 505, 506, 511, and 512 can be zoomed in together or individually. In one example, the thumbnails corresponding to images 505, 506, 511, and 512 are highlighted in the comparison list.

[0140] In some embodiments, the electronic device 10 can increase or decrease the number of images displayed on the image comparison interface in response to user operation, facilitating comparison of multiple images. For example, as shown in FIG9A, the electronic device 10 displays an image comparison interface 504, which includes images 505 and 506. Correspondingly, thumbnails a' of image 505 and b' of image 506 are highlighted in the comparison list. Highlighting thumbnail a' indicates that the image corresponding to thumbnail a' is displayed on the image comparison interface 504, and highlighting thumbnail b' indicates that the image corresponding to thumbnail b' is displayed on the image comparison interface 504. In one example, in response to a user's click on thumbnail c', the electronic device 10 displays an image comparison interface 513, which includes images 505, 506, and 511, wherein image 511 is the image corresponding to thumbnail c'. In one example, when the electronic device 10 displays the image comparison interface 513, in response to the user's click on the thumbnail c', the electronic device 10 displays the image comparison interface 504. Thus, the user can display selected images on the image comparison interface or deselect selected images by clicking on the thumbnails in the comparison list. In one implementation, the number of images displayed on the image comparison interface is less than or equal to a value one and greater than or equal to a value two, where value one and value two are preset values, for example, value one is 4 and value two is 2.

[0141] In some embodiments, the electronic device 10 can increase or decrease the number of selected images in response to user operations. For example, as shown in FIG9B, the electronic device 10 displays an image comparison interface 504, which includes an "Add" button 50d. In response to a user clicking the "Add" button 50d, the electronic device 10 displays an image selection interface 701, which includes thumbnails of multiple images, each thumbnail containing a selection control corresponding to that image. The user can select or deselect images by clicking the selection control. For example, the image selection interface 701 also includes a page 702, which includes thumbnails of the selected images. Each thumbnail of a selected image includes a delete button, which the user can click to deselect the image corresponding to that delete button. This allows users to quickly select or adjust the images participating in the image comparison.

[0142] In some embodiments, when the electronic device 10 displays an image comparison interface, the images in the image comparison interface can be quickly shared to other applications in response to user operations. For example, as shown in FIG10(a), the electronic device 10 displays an image comparison interface 510, which includes images 505, 506, 511, and 512. As shown in FIG10(b), in response to a user's long-press operation on image 511, the electronic device 10 displays a selection interface 514, which includes images 505, 506, 511, and 512, each image including a selection control. When the electronic device 10 displays the image comparison interface 510, the long-press operation is applied to image 511, and correspondingly, the selection control for image 511 in the selection interface 514 is in a selected state, meaning image 511 has been selected. Further, as shown in Figure 10(c), in response to a user's long-press operation on image 511 in the selection interface 514, a floating image 801 is displayed; wherein, the floating image 801 is generated based on image 511, indicating that image 511 is shared to other applications. The user can drag the floating image 801 to any position on the screen. In one example, as shown in Figure 10(d), in response to the floating image 801 being dragged to a preset hot area, such as area 802 on the screen, the electronic device 10 can display a menu bar 803 on the right side of the screen, including icons of one or more candidate applications. The menu bar 803 may include a favorite icon, a search icon, a share icon, a note icon, an SMS icon, etc. Among them, the favorite application corresponding to the favorite icon can provide a global system favorite function, the search icon provides a search function, the share icon provides a sharing function to a specific application, and the note application corresponding to the note icon can provide in-app recording, favorite, and other functions. The candidate applications can be applications that support receiving images selected by the electronic device 10 from all installed applications. In response to the operation of dragging the floating image 801 onto any icon in the menu bar 803 and releasing it, the image 511 corresponding to the floating image 801 is sent to the application corresponding to that icon. In this embodiment, users only need to long-press an image to easily share any image in the image comparison interface to other applications, facilitating image management. For example, after comparing multiple images in the image comparison interface and selecting the one with the best effect, users can easily share the image by long-pressing it. Optionally, in one implementation, the size of the floating image 801 can change during the dragging process; for example, the closer it is to a preset hot zone, the smaller the floating image 801 becomes, providing users with a dynamic experience of the image being sent to the corresponding application.

[0143] In another example, when image 511 is selected in selection interface 514, in response to a user's long-press operation on image 512 in selection interface 514, a floating image corresponding to image 512 is displayed. Further, in response to an operation where the floating image corresponding to image 512 is dragged to any icon in menu bar 803 and released, image 512 is sent to the application corresponding to that icon. In this example, the image being shared is different from the image already selected in selection interface 514.

[0144] In some embodiments, when the electronic device 10 displays an image comparison interface, the user can delete one or more images.

[0145] Figures 11-18 illustrate several scenario examples where one or more images are deleted from electronic device 10. Specifically, Figure 11 shows a schematic diagram of a scenario where one image is deleted; Figures 12-13 show schematic diagrams of a scenario where multiple images are deleted in batches; Figure 14 shows a schematic diagram of a scenario where multiple images are deleted in batches, but unlike Figures 12 and 13, in Figure 14, after an image is deleted, multiple images in the comparison list are automatically added to the updated image comparison interface; Figure 15 shows a schematic diagram of a scenario where one image is deleted, but unlike Figure 11, in Figure 15, after an image is deleted, one image in the comparison list is automatically added to the updated image comparison interface; Figures 16 and 17 illustrate the rules for automatically adding one image from the comparison list to the updated image comparison interface; and Figure 18 shows a schematic diagram of a scenario where the image comparison interface is automatically exited.

[0146] In one example, when the electronic device 10 displays an image comparison interface, in response to a user's deletion of an image, that image is deleted from the electronic device 10. In one implementation, each image in the image comparison interface includes a "delete" icon. The user can click the "delete" icon to delete the image corresponding to that "delete" icon from the electronic device 10. For example, as shown in FIG11(a), the electronic device 10 displays an image comparison interface 510, which includes images 505, 506, 511, and 512, each of which includes a "delete" icon. As shown in FIG11(b), in response to a user's click on the "delete" icon 5111 on image 511, the electronic device 10 displays a prompt box 515, which includes the prompt message "Delete this image?", and also includes a "delete" button and a "cancel" button. In response to a user's click on the "delete" button, the image 511 corresponding to the "delete" icon 5111 is deleted from the electronic device 10. In this example, users can easily delete an image from their electronic device through the image comparison interface.

[0147] In another example, when the electronic device 10 displays an image comparison interface, in response to the user's operation of deleting multiple images, multiple images are deleted in batches from the electronic device 10. In one implementation, the user can select multiple images in the image comparison interface to achieve batch deletion of multiple images from the electronic device 10. For example, as shown in FIG12(a), the electronic device 10 displays an image comparison interface 510, which includes images 505, 506, 511, and 512. In response to the user's long-press operation on image 511, as shown in FIG12(b), the electronic device 10 displays a selection interface 514, which includes images 505, 506, 511, and 512, wherein each image includes a selection control. When the electronic device 10 displays the image comparison interface 510, the long-press operation is applied to image 511, and correspondingly, the selection control of image 511 in the selection interface 514 is in a selected state, that is, image 511 has been selected. Furthermore, users can also select other images on the selection interface 514 by clicking the selection control. For example, in response to a user's click on the selection control for image 512 in the selection interface 514, as shown in Figure 12(c), the selection control for image 512 in the selection interface 514 is selected, meaning image 512 is selected. As shown in Figure 12(c), there are two selected images on the selection interface 514. For example, the selection interface 514 also includes a "Delete" button 517. In response to a user's click on the "Delete" button 517, as shown in Figure 12(d), the electronic device 10 displays a prompt box 518. The prompt box 518 includes the message "Delete 2 images?" and also includes a "Delete" button and a "Cancel" button. In response to a user's click on the "Delete" button in the prompt box 518, the selected images 511 and 512 on the selection interface 514 are deleted from the electronic device 10. In this example, users can easily delete multiple images from their electronic devices through the image comparison interface, eliminating the need to delete each image individually and simplifying the process of deleting photos in the image comparison interface.

[0148] In one implementation, when one or more images in the image comparison interface are deleted from the electronic device, the number of images displayed in the image comparison interface decreases accordingly. For example, when the image comparison interface displays P images, if Q images out of the P images are deleted from the electronic device, the updated image comparison interface will display (PQ) images, where the value of (PQ) is greater than or equal to the value of two.

[0149] For example, referring to Figure 11(a), the electronic device 10 displays an image comparison interface 510, which includes four images, i.e., P = 4. Referring to Figure 11(b), in response to the user's click on the "Delete" button in the prompt box 515, the image 511 corresponding to the "Delete" icon 5111 is deleted from the electronic device 10. As shown in Figure 11(c), the electronic device 10 displays an image comparison interface 516, which includes images 505, 506, and 512, i.e., (PQ) = 3. In this example, the image comparison interface 510 displays four images, i.e., four images are compared. After one image is deleted from the electronic device 10, the image comparison interface 516 displays three images, i.e., three images are compared.

[0150] For example, referring to Figure 12, the electronic device 10 displays an image comparison interface 510, which includes four images, i.e., P = 4. As shown in Figure 13, in response to the user's click on the "Delete" button in the prompt box 518, the selected images 511 and 512 on the selection interface 514 are deleted from the electronic device 10. The electronic device 10 displays an image comparison interface 504, which includes images 505 and 506, i.e., (PQ) = 2. In this example, the image comparison interface 510 displays four images, i.e., four images are compared. After two of these images are deleted from the electronic device 10, the image comparison interface 504 displays two images, i.e., two images are compared.

[0151] It should be noted that in the examples of Figures 11-13, when electronic device 10 receives a user's operation to delete one or more images—for example, in Figure 11(a), electronic device 10 receives a user's click on the "Delete" icon 5111, or in Figure 12, electronic device 10 receives a user's click on the "Delete" button 517—a prompt box is displayed, containing information to prompt the user to confirm the deletion of the images. After receiving confirmation from the user, for example, after receiving a user's click on the "Delete" button in the prompt box, the corresponding image is deleted from the electronic device. In other implementations, after receiving a user's operation to delete one or more images, electronic device 10 may not display a prompt message but directly delete the corresponding image from the electronic device. For example, referring to FIG11, when the electronic device 10 receives a user's click operation on the "delete" icon 5111 on the image 511, in response to the click operation on the "delete" icon 5111 on the image 511, the electronic device 10 displays the image comparison interface 516; for example, referring to FIG12 and FIG13, in response to a user's click operation on the "delete" button 517 in the selection interface 514, the electronic device 10 displays the image comparison interface 504.

[0152] In another implementation, when one or more images are deleted from the image comparison interface, the number of images displayed remains unchanged. For example, if the image comparison interface displays P images, and Q images out of those P images are deleted from the electronic device, and the number of remaining selected images for comparison is greater than or equal to P, the updated image comparison interface will still display P images. That is, the remaining Q selected images for comparison are automatically added to the updated image comparison interface, ensuring that the number of images included in the updated interface remains constant. This allows users to directly view and compare multiple images without having to manually add new images to the comparison interface after deletion, simplifying the user experience.

[0153] In one example, P = 4. For instance, as shown in Figure 14(a), the electronic device 10 displays an image comparison interface 510, which includes four images (P = 4): image 505, image 506, image 511, and image 512. A comparison list displays thumbnails of five images: thumbnail a', thumbnail b', thumbnail c', thumbnail d', and thumbnail e'. Thumbnail a' for image 505, thumbnail b' for image 506, thumbnail c' for image 511, and thumbnail d' for image 512 are highlighted. In response to a long press operation on image 511, as shown in Figure 14(b), the electronic device 10 displays a selection interface 514, where the user can select images 511 and 512. Furthermore, in response to the user's click on the "Delete" button 517, as shown in Figure 14(c), the electronic device 10 displays a prompt box 518; in response to the user's click on the "Delete" button in the prompt box 518, the selected images 511 and 512 on the selection interface 514 are deleted from the electronic device 10, i.e., Q = 2. Referring to Figure 7A, in the image selection interface 503, thumbnails a, b, c, d, e, and f have been selected, i.e., the number of images participating in the image comparison is 6 (N = 6). After images 511 (corresponding to thumbnail c) and 512 (corresponding to thumbnail d) are deleted, the remaining number of images selected for the image comparison is 4, and the corresponding thumbnails are thumbnail a, b, e, and f, respectively. The remaining number of images selected for the image comparison is equal to P, so the updated image comparison interface displays P images, i.e., the updated image comparison interface includes 4 images. For example, as shown in Figure 14(d), the electronic device 10 displays an image comparison interface 519, which includes images 505, 506, 520, and 521. In the comparison list, thumbnails a' corresponding to image 505, b' corresponding to image 506, e' corresponding to image 520, and f' corresponding to image 521 are highlighted. Among them, image 520 corresponds to thumbnail e in Figure 7A, and image 521 corresponds to thumbnail f in Figure 7A. That is to say, after the images corresponding to thumbnails c and d in Figure 7A (images 511 and 512 in Figure 14) are deleted, image 520 corresponding to thumbnail e in Figure 7A and image 521 corresponding to thumbnail f in Figure 7A are automatically added to the image comparison interface, so that the number of images included in the updated image comparison interface remains unchanged.

[0154] In one example, P = 3. For instance, as shown in Figure 15(a), the electronic device 10 displays an image comparison interface 513, which includes three images (P = 3): image 505, image 506, and image 511. A comparison list displays thumbnails of five images: thumbnail a', thumbnail b', thumbnail c', thumbnail d', and thumbnail e'. Thumbnail a' for image 505, thumbnail b' for image 506, and thumbnail c' for image 511 are highlighted. As shown in Figure 15(b), in response to a user clicking the "Delete" icon on image 511, the electronic device 10 displays a prompt box 515. In response to a user clicking the "Delete" button in prompt box 515, image 511 is deleted from the electronic device 10, and correspondingly, thumbnail c' for image 511 is also deleted from the comparison list. Referring to Figure 7A, in the image selection interface 503, thumbnails a, b, c, d, e, and f have been selected, meaning the number of images participating in the image comparison is 6 (N=6). After image 511 (corresponding to thumbnail c) is deleted, the remaining number of images selected for the image comparison is 5, with corresponding thumbnails a, b, d, e, and f. Since the remaining number of images selected for the image comparison is greater than P, the updated image comparison interface displays P images, meaning the updated image comparison interface includes 3 images. As shown in Figure 15(c), the electronic device 10 displays an image comparison interface 522, which includes images 505, 506, and 512. In the comparison list, thumbnails a' corresponding to image 505, b' corresponding to image 506, and d' corresponding to image 512 are highlighted. Among them, image 512 corresponds to thumbnail d in Figure 7A. That is to say, after the image corresponding to thumbnail c in Figure 7A (image 511 in Figure 15) is deleted, image 512 corresponding to thumbnail d in Figure 7A is automatically added to the image comparison interface, so that the number of images included in the updated image comparison interface remains unchanged.

[0155] It should be noted that in the examples of Figures 14 and 15, after receiving a user's operation to delete one or more images, the electronic device 10 displays a prompt box containing information to prompt the user to confirm the deletion. Upon receiving confirmation from the user, for example, upon receiving a click on the "Delete" button in the prompt box, the corresponding image is deleted from the electronic device. In other implementations, after receiving a user's operation to delete one or more images, the electronic device 10 may not display a prompt message but directly delete the corresponding image from the electronic device. For example, referring to Figure 14, upon receiving a user's click on the "Delete" button 517, the electronic device 10 displays an image comparison interface 519 in response to the click on the "Delete" button 517; for example, referring to Figure 15, the electronic device 10 displays an image comparison interface 522 in response to a user's click on the "Delete" icon on image 511.

[0156] In one example, P = 2. When the image comparison interface includes 2 images, in response to a user action, one image is deleted from the electronic device 10. If the number of remaining images selected for image comparison is greater than or equal to 2, the updated image comparison interface includes 2 images; that is, one image that was not previously displayed on the image comparison interface is displayed on the updated image comparison interface.

[0157] In the above embodiments, when one or more images that were not previously displayed on the image comparison interface are added to the updated image comparison interface, the images added to the updated image comparison interface can be determined according to preset rules.

[0158] The following example, using the case where P equals 2, describes the specific implementation method for supplementing the images included in the comparison list to the updated image comparison interface according to preset rules. When P is greater than 2, the preset rules are similar to those for the case where P equals 2; the specific implementation for P equals 2 can be referred to, and will not be illustrated in detail in this embodiment.

[0159] In one implementation, the preset rules include: determining the images to be added to the updated image comparison interface according to the principle of selecting the nearest image and the principle of selecting images from the back.

[0160] For example, based on the storage order of images within the electronic device, the image closest to the reference image is selected after the reference image. The reference image is the image stored later in the storage order among the two images included in the image comparison interface. For instance, if the comparison list includes 7 images, numbered 1-7 in storage order, and the image comparison interface displays images 2 and 5 (i.e., image 5 is the reference image), after image 2 is deleted, the closest image after image 5 is image 6, which is automatically added to the updated image comparison interface, which includes images 5 and 6. Then, if image 6 is deleted, image 6 becomes the reference image, and the closest image after image 6 is image 7; after image 6 is deleted, image 7 is automatically added to the updated image comparison interface, which includes images 5 and 7.

[0161] In this way, the images in the comparison list are displayed in the image comparison interface in order from front to back. Each time the user deletes an image, the images automatically added to the updated image comparison interface are all those that have not yet been compared. This allows users to compare images in order, avoiding the repetitive operation of manually selecting images and saving users operation steps.

[0162] Optionally, if no image follows the baseline image, the image closest to the baseline image is selected. For example, if the comparison list includes 7 images, stored in order from image 1 to image 7, the image comparison interface displays images 2 and 7. This means the baseline image is image 7, and there are no images after it. The closest image before image 7 is image 6. If image 2 is deleted, image 6 is automatically added to the updated image comparison interface, which then includes both images 6 and 7. Similarly, if image 7 is deleted, image 6 is automatically added to the updated image comparison interface, which then includes both images 2 and 6.

[0163] Figures 16 and 17 show an example of automatically supplementing images using the principle of selecting the nearest image and the principle of prioritizing backward selection.

[0164] For example, as shown in Figure 16(a), the electronic device 10 displays an image comparison interface 901, which includes images 902 and 903. The comparison list includes thumbnails a', b', c', and d', with thumbnail b' corresponding to image 902 and thumbnail c' corresponding to image 903 highlighted. Optionally, the image comparison interface 901 includes an "Image Comparison" button, as shown in Figure 16(b). In response to a user clicking the "Image Comparison" button in the image comparison interface 901, the electronic device 10 displays an image selection interface 904, which includes multiple images, where thumbnail a', thumbnail b', thumbnail c', and thumbnail d' are selected.

[0165] Combining Figure 16(a) and Figure 16(b), the number of images selected for comparison is 4, meaning the comparison list includes 4 images; the number of images displayed on the image comparison interface is 2, of which the baseline image is image 903 (the image corresponding to thumbnail c').

[0166] Users can delete images in the image comparison interface. For example, as shown in Figure 16(c), in response to a user clicking the "delete" icon on image 902, image 902 is deleted from electronic device 10, and electronic device 10 displays an image comparison interface 905, which includes images 903 and 906. Image 906 is the first image stored on electronic device 10 after image 903, as shown in Figure 16(a), and the thumbnail d' corresponding to image 906 is the first image after the thumbnail c' corresponding to image 903. After image 902 is deleted, the thumbnail b' corresponding to image 902 is also deleted, as shown in Figure 16(c). The comparison list includes thumbnails a', c', and d', with thumbnails c' corresponding to image 903 and d' corresponding to image 906 highlighted. In one implementation, the images in the image comparison interface are displayed in the order in which they are stored in the electronic device 10, as shown in Figure 16(c). Image 903 is stored in the electronic device 10 before image 906. Accordingly, in the image comparison interface 905, image 903 is displayed above image 906. Compared to the image comparison interface 901, the display position of image 903 has been moved upward.

[0167] Optionally, the image comparison interface 905 includes an "Image Comparison" button, as shown in Figure 16(d). In response to the user's click on the "Image Comparison" button in the image comparison interface 905, the electronic device 10 displays an image selection interface 907, which includes multiple images, among which thumbnail a' corresponding to thumbnail a, thumbnail c' corresponding to thumbnail c, and thumbnail d' corresponding to thumbnail d are selected.

[0168] Combining Figure 16(c) and Figure 16(d), the number of images selected for comparison is 3, and the number of images displayed on the image comparison interface is 2.

[0169] Furthermore, as shown in Figure 17(a), when the electronic device 10 displays the image comparison interface 905, the number of images selected for comparison is 3, meaning the comparison list includes 3 images; the number of images displayed in the image comparison interface is 2, with the reference image being image 906 (the image corresponding to thumbnail d'). Optionally, the image comparison interface 905 includes an "Image Comparison" button, as shown in Figure 17(b). In response to the user's click on the "Image Comparison" button in the image comparison interface 905, the electronic device 10 displays the image selection interface 907.

[0170] For example, image 906 is deleted from electronic device 10. No image follows the thumbnail d' corresponding to image 906, and the most recent image before thumbnail d' is image 909 corresponding to thumbnail a'. As shown in Figure 17(c), in response to the user's click on the "delete" icon on image 906, electronic device 10 displays an image comparison interface 908, which includes images 909 and 903. After image 906 is deleted, the thumbnail d' corresponding to image 906 is also deleted. As shown in Figure 17(c), the comparison list includes thumbnails a' and c'.

[0171] Optionally, the image comparison interface 908 includes an "image comparison" button, as shown in Figure 17(d). In response to the user's click on the "image comparison" button in the image comparison interface 908, the electronic device 10 displays an image selection interface 910, which includes multiple images, among which thumbnail a' and thumbnail c' are selected.

[0172] In another implementation, the preset rules include: selecting images to be added to the updated image comparison interface based on the principles of proximity and forward selection. For example, according to the storage order of images in the electronic device, the image closest to the calibrated image is selected, where the calibrated image is the one stored earlier in the two images included in the image comparison interface. If no image exists before the calibrated image, the image closest to the calibrated image is selected after it. This allows users to perform a more detailed comparison of images they have already viewed.

[0173] In another implementation, the preset rules include: selecting the image from the comparison list whose shooting time (or acquisition time) is closest to the image retained in the image comparison interface. Generally, images with similar shooting times (or acquisition times) are likely to have similar image content, making it easier for users to view images with similar content. In this embodiment, the image corresponding to the thumbnail in the comparison list is also referred to as an image in the comparison list.

[0174] In another implementation, the preset rules include: selecting images from the comparison list that were taken at the same location as the images retained in the image comparison interface. Generally, images taken at the same location are likely to have similar image content, making it easier for users to view images with similar content.

[0175] In another implementation, the electronic device can perform image analysis on all images in the comparison list to obtain the image similarity between each image. Preset rules include selecting the image with the highest similarity to the images retained in the image comparison interface from the comparison list. This makes it convenient for users to view images with similar content.

[0176] In another implementation, the preset rules include: selecting images from multiple images in the order they were chosen for comparison. This allows users to prioritize viewing the first image they selected.

[0177] It is understandable that other preset rules can be set as needed, but they will not be exemplified one by one in this application embodiment.

[0178] In some embodiments, if the comparison list includes two images, meaning the number of images selected for comparison is two, and after receiving a user's deletion operation on one of the images, the remaining number of images selected for comparison is one, then the image comparison is exited. For example, as shown in FIG18, the electronic device 10 displays an image comparison interface 908, which includes images 909 and 903. The comparison list includes thumbnails a' and c', where thumbnail a' corresponds to image 909 and thumbnail c' corresponds to image 903. In response to a user's click on the "delete" icon on image 903, the electronic device 10 displays an image selection interface 911, which includes multiple images, where thumbnail a' (image 909) is the selected thumbnail.

[0179] The above embodiments illustrate the image display method provided in this application embodiment, taking the electronic device 10 in a folded state and the external screen 102 of the electronic device 10 displaying a user interface as an example. It should be noted that the image display method provided in the above embodiments is also applicable when the electronic device 10 is in a stand state or an unfolded state. When the electronic device 10 is in a stand state or an unfolded state, the specific implementation of processes such as displaying an image comparison interface, increasing or decreasing the number of images in the image comparison interface, increasing or decreasing the number of images participating in the comparison, and deleting images from the electronic device 10 can be referred to the implementation when the electronic device 10 is in a folded state, and will not be exemplified one by one in this application embodiment.

[0180] In some embodiments, the four sides of the display area of ​​the electronic device are of similar length, and the user interface displayed by the electronic device is approximately square. For example, referring to FIG1, when the electronic device 10 is in the unfolded state, the inner screen 101 of the electronic device 10 displays the user interface, and the four sides of the inner screen 101 are of similar length, approximating a square; for example, referring to FIG3, when the electronic device 20 is in the unfolded state, the D screen and E screen of the screen 201 of the electronic device 20 display the user interface, and the four sides of the screen 201 are of similar length, approximating a square; for example, referring to FIG4, when the electronic device 30 is in the stand state or folded state, the H screen of the electronic device 30 displays the user interface, and the four sides of the H screen are of similar length, approximating a square.

[0181] The image display method provided in this application embodiment is such that when the display area of ​​the electronic device is approximately square, the user interface displayed by the electronic device is also approximately square. For example, the user interface is an image comparison interface. Taking the electronic device 10 as an example again, when the electronic device 10 is in an unfolded state, the inner screen 101 of the electronic device 10 displays the user interface (image comparison interface), which is approximately square.

[0182] The image comparison interface includes multiple images arranged in both horizontal and vertical layouts. For example, as shown in Figure 19(a), when the image comparison interface includes two images, in a horizontal layout, the two images are arranged vertically, with the horizontal length of each image greater than its vertical length. As shown in Figure 19(b), when the image comparison interface includes two images, in a vertical layout, the two images are arranged horizontally, with the vertical length of each image greater than its horizontal length. As shown in Figure 19(c), when the image comparison interface includes three images, in a horizontal layout, the three images are arranged vertically, with the horizontal length of each image greater than its vertical length. As shown in Figure 19(d), when the image comparison interface includes three images, in a vertical layout, the three images are arranged horizontally, with the vertical length of each image greater than its horizontal length.

[0183] In another implementation, when the image comparison interface includes four images, a fixed layout is used. For example, as shown in Figure 20, when the image comparison interface includes four images, the four images are arranged in a 2x2 grid.

[0184] The image comparison interface includes multiple images, each with both vertical and horizontal aspect ratios. In one implementation, referring to Figure 21, if the vertical length of the image is greater than its horizontal length, the image is displayed vertically; if the vertical length is equal to the horizontal length, the image is displayed vertically; and if the vertical length is less than the horizontal length, the image is displayed horizontally.

[0185] In one example, as shown in Figure 22, the electronic device 10 displays an image comparison interface 1001, which includes two images, image 1002 and image 1003. When the image comparison interface 1001 is laid out horizontally, but the original images of the two images being compared are in portrait orientation, the original images are enlarged and cropped vertically before display. For example, as shown in Figure 22, the images in images 1002 and 1003 are not fully displayed, resulting in a poor user experience.

[0186] This application provides an image display method. When the image comparison interface includes 2 or 3 images, the layout of the image comparison interface is related to the aspect ratio of the selected images for comparison. In one implementation, the layout of the image comparison interface is determined based on the aspect ratio of the first W images selected for comparison, where W is a preset value, for example, W = 4. For example, if more than half of the W images are vertically oriented, the image comparison interface is vertically oriented; if less than half of the W images are vertically oriented, the image comparison interface is horizontally oriented. In this way, when most of the selected images for comparison are vertically oriented, the image comparison interface is also vertically oriented, allowing more images to be displayed in the image comparison interface, resulting in a better display effect.

[0187] In some embodiments, when the image comparison interface is entered for the first time, the layout of the image comparison interface is determined according to the aspect ratio of the first W images selected for comparison.

[0188] Taking an image comparison interface comprising two images as an example. In one example, as shown in Figure 23(a), the electronic device 10 displays an image comparison interface 1004, which includes thumbnails of multiple images, of which 6 images have been selected. In another example, the electronic device 10 receives a user's click operation on the "Compare" control in the image comparison interface 1004 and determines the layout of the image comparison interface based on the aspect ratio of the first W images among the 6 selected images. For example, if W=4, and the number of vertically oriented images among the first 4 selected images is greater than or equal to 2, then the image comparison interface is determined to be a vertical layout. In response to the user's click operation on the "Compare" control in the image comparison interface 1004, the electronic device 10 displays an image comparison interface 1005, which is also a vertical layout. In another example, as shown in Figure 23(b), the electronic device 10 displays an image comparison interface 1006, which includes thumbnails of multiple images, of which 6 images have been selected. In one example, electronic device 10 receives a user's click on the "Compare" control in image comparison interface 1006 and determines the layout of the image comparison interface based on the orientation of the first W images out of the six selected images. For example, if W = 4, and the number of vertically oriented images in the first four selected images is less than two, then the image comparison interface is determined to be in landscape layout. In response to the user's click on the "Compare" control in image comparison interface 1006, electronic device 10 displays image comparison interface 1007, which is also in landscape layout.

[0189] In some embodiments, the number of images selected for comparison may change when the electronic device displays an image comparison interface. For example, if one or more images are deleted while the image comparison interface is displayed, the number of images selected for comparison may change; or the number of selected images may be increased or decreased based on user actions (e.g., as shown in the scenario in Figure 9B).

[0190] When the number of images selected for comparison changes, the layout of the image comparison interface is redefined based on the orientation of the first W images among the selected images.

[0191] The following example uses an image comparison interface with two images. It is understood that the implementation of an image comparison interface with three or more images can refer to the implementation of an image comparison interface with two images. In this application embodiment, they will not be illustrated one by one.

[0192] In one example, as shown in Figure 24, the electronic device 10 displays an image comparison interface 1005, which includes images 1008 and 1009 arranged horizontally, i.e., the image comparison interface 1005 is a vertical layout. For example, the comparison list includes six thumbnails, meaning six images have been selected for comparison, for example, Q=4. The vertical layout of the image comparison interface 1005 is determined based on the orientation of the first four selected images; for example, the first image is vertical, the second image is vertical, the third image is horizontal, and the fourth image is horizontal. The number of vertical images is equal to the number of horizontal images, thus the image comparison interface is vertically laid out.

[0193] For example, in response to a user's click on the "delete" icon on image 1009, image 1009 is deleted from electronic device 10, and electronic device 10 displays an image comparison interface 1010. The comparison interface 1010 includes images 1008 and 1011, which are arranged vertically, i.e., the image comparison interface 1010 is in a horizontal layout. In one implementation, after receiving a user's click on the "delete" icon on image 1009, electronic device 10 determines the layout of the updated image comparison interface based on the orientation of the first four selected images. For example, if the first image is in a vertical orientation, the original second image has been deleted, the changed second image (original third image) is in a horizontal orientation, the changed third image (original fourth image) is in a horizontal orientation, and the changed fourth image is in a horizontal orientation, and the number of vertical images is less than the number of horizontal images, then the image comparison interface is in a horizontal layout.

[0194] In another example, as shown in Figure 25, the electronic device 10 displays an image comparison interface 1007, which includes images 1011 and 1012. Images 1011 and 1012 are arranged vertically, i.e., the image comparison interface 1007 has a horizontal layout. In response to the user's click on the "delete" icon on image 1012, image 1012 is deleted from the electronic device 10, and the electronic device 10 displays an image comparison interface 1013. The comparison interface 1013 includes images 1011 and 1008, which are arranged horizontally, i.e., the image comparison interface 1013 has a vertical layout.

[0195] In some embodiments, when the electronic device 10 displays the image comparison interface and the interface of another application in a split-screen manner, it changes from split-screen display to full-screen display. After determining the change from split-screen display to full-screen display, the layout of the image comparison interface in full-screen display is determined according to the aspect ratio of the first W images selected for image comparison.

[0196] For example, as shown in Figure 26, the electronic device 10 displays application window 1014 and application window 1015 in a split screen. For instance, application window 1014 is the application window of the calculator application, displaying the calculator interface; application window 1015 is the application window of the gallery application, displaying the image comparison interface 1016, which includes image 1017 and image 1018, arranged vertically.

[0197] In response to the operation of closing application window 1014, electronic device 10 displays the application window of the gallery application in full screen. For example, the calculator interface includes an exit control 10141, and electronic device 10 receives the user's click operation on the exit control 10141, which is equivalent to receiving the operation of closing application window 1014. For example, in response to the user's operation of closing application window 1014, electronic device 10 displays an image comparison interface 1019, which includes image 1017 and image 1018, arranged horizontally, i.e., the image comparison interface 1019 has a vertical layout.

[0198] In one implementation, when the electronic device 10 receives a user's click operation on the exit control 10141, the layout of the image comparison interface for full-screen display is determined to be a vertical layout based on the aspect ratio of the first W images selected for image comparison.

[0199] Optionally, when the electronic device 10 displays the image comparison interface 1019 in full screen, if a split-screen display operation is received, the electronic device 10 displays the image comparison interface 1016 in the application window 1015, in which images 1017 and 1018 are arranged vertically.

[0200] In some embodiments, when the electronic device 10 is unfolded from a folded state or a stand state to an unfolded state, the layout of the image comparison interface in the unfolded state is determined according to the aspect ratio of the first W images among the selected images for image comparison.

[0201] For example, as shown in Figure 27, the electronic device 10 is in a folded state, and the outer screen 102 of the electronic device 10 displays an image comparison interface 1020. The image comparison interface 1020 includes image 1021 and image 1022, which are arranged vertically.

[0202] When the electronic device 10 is unfolded from a folded state to an unfolded state, the layout of the image comparison interface in the unfolded state is determined according to the aspect ratio of the first W images selected for image comparison. For example, if the number of images selected for image comparison is 4 and the value of Q is 4, the layout of the image comparison interface is determined to be a vertical layout according to the aspect ratio of the first 4 images selected for image comparison.

[0203] For example, in response to the electronic device 10 being unfolded, the inner screen 101 of the electronic device 10 displays an image comparison interface 1023, which includes image 1021 and image 1022. In the unfolded state of the electronic device 10, image 1021 and image 1022 are arranged horizontally, that is, the image comparison interface 1023 is arranged vertically.

[0204] It should be noted that the various embodiments provided in this application can be combined in any way; for example, the user interface displayed by the electronic device 10 in the folded state in the scenario shown in FIG27 can be the user interface displayed by the electronic device 10 in the folded state in the aforementioned embodiments, such as the image comparison interface 504 in FIG7A and FIG13, the image comparison interface 901 in FIG16, the image comparison interface 905 in FIG17, the image comparison interface 908 in FIG18, etc.; as another example, the image comparison interface 1016 in the application window 1015 displayed in the split screen in FIG26 can be obtained by splitting any one of the image comparison interfaces in FIG22-FIG25; as yet another example, the image comparison interface 1005 in FIG24 can be the image comparison interface 1023 in FIG27.

[0205] The image display method provided in this application embodiment can be applied to electronic devices configured with foldable screens.

[0206] For example, Figure 28 shows a schematic diagram of a hardware structure of the above-mentioned electronic device.

[0207] Electronic device 100 may include: processor 110, memory 120, antenna 1, antenna 2, mobile communication module 130, wireless communication module 140, audio module 150, camera 160, display screen 170, sensor module 180, etc. Sensor module 180 may include pressure sensor, touch sensor, gyroscope sensor, accelerometer sensor, etc.

[0208] It is understood that the structure illustrated in this embodiment does not constitute a specific limitation on the electronic device 100. In other embodiments, the electronic device 100 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0209] Processor 110 may include one or more processing units, such as: application processor (AP), modem processor, graphics processing unit (GPU), image signal processor (ISP), controller, memory, video codec, digital signal processor (DSP), baseband processor, and / or neural network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.

[0210] The controller can be the nerve center and command center of the electronic device 100. The controller can generate operation control signals according to the instruction opcode and timing signals to complete the control of fetching and executing instructions.

[0211] The processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or that are used repeatedly. If the processor 110 needs to use the instruction or data again, it can retrieve it directly from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0212] In some embodiments, the processor 110 may include one or more interfaces. Interfaces may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface, etc.

[0213] The wireless communication function of electronic device 100 can be implemented through antenna 1, antenna 2, mobile communication module 130, wireless communication module 140, modem processor, and baseband processor.

[0214] The mobile communication module 130 can provide wireless communication solutions, including 2G / 3G / 4G / 5G, for use on the electronic device 100. In some embodiments, at least some functional modules of the mobile communication module 130 may be housed in the processor 110. In some embodiments, at least some functional modules of the mobile communication module 130 and at least some modules of the processor 110 may be housed in the same device.

[0215] The wireless communication module 140 can provide solutions for wireless communication applications on electronic devices 100, including wireless local area networks (WLAN) (such as Wi-Fi networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR).

[0216] In this embodiment, the electronic device 100 can receive images from other devices via the mobile communication module 130 or the wireless communication module 140, and save the received images to the image library.

[0217] Electronic device 100 implements display functions through a GPU, a display screen 170, and an application processor. The GPU is a microprocessor for image processing, connected to the display screen 170 and the application processor. The GPU is used to perform mathematical and geometric calculations and for graphics rendering. Processor 110 may include one or more GPUs, which execute program instructions to generate or modify display information.

[0218] The display screen 170 is used to display images, videos, etc. The display screen 170 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a Mini-LED, a Micro-OLED, a quantum dot light-emitting diode (QLED), etc.

[0219] In this embodiment, the display screen 170 can be used to display the user interface of the electronic device 100, such as an image comparison interface in a gallery. In this embodiment, the electronic device 100 may include multiple display screens, such as an inner screen and an outer screen.

[0220] Electronic device 100 can perform shooting functions through ISP, camera 160, video codec, GPU, display 170 and application processor.

[0221] Camera 160 is used to capture still images or videos. An object is projected onto a photosensitive element by generating an optical image through a lens. The photosensitive element can be a charge-coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the light signal into an electrical signal, which is then transmitted to an ISP (Internet Service Provider) for conversion into a digital image signal. The ISP outputs the digital image signal to a DSP (Digital Signal Processor) for processing. The DSP converts the digital image signal into image signals in standard formats such as RGB and YUV. In some embodiments, the electronic device may include one or N cameras 160, where N is a positive integer greater than 1. In this embodiment, the still images captured by the camera 160 can be saved to a gallery.

[0222] The audio module 150 is used to convert digital audio information into analog audio signal output, and also to convert analog audio input into digital audio signal. The audio module 150 can also be used for encoding and decoding audio signals. In some embodiments, the audio module 150 may be located in the processor 110, or some functional modules of the audio module 150 may be located in the processor 110.

[0223] The memory 120 can be used to store computer executable program code, which includes instructions. The processor 110 executes various functional applications and data processing of the electronic device by running the instructions stored in the memory 120. For example, in this embodiment, the processor 110 can execute instructions stored in the memory 120, which may include a program storage area and a data storage area. The program storage area may store the operating system and at least one application required for a function. The data storage area may store data created during the use of the electronic device (such as image or video files). Furthermore, the memory 120 may include high-speed random access memory and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc.

[0224] A pressure sensor is used to sense pressure signals and converts them into electrical signals. In some embodiments, the pressure sensor may be disposed on the display screen 170. There are many types of pressure sensors, such as resistive pressure sensors, inductive pressure sensors, and capacitive pressure sensors. A capacitive pressure sensor may include at least two parallel plates with conductive material. When a force is applied to the pressure sensor, the capacitance between the electrodes changes. The electronic device 100 determines the pressure intensity based on the change in capacitance. When a touch operation is applied to the display screen 170, the electronic device 100 detects the intensity of the touch operation based on the pressure sensor. The electronic device 100 may also calculate the touch location based on the detection signal from the pressure sensor.

[0225] A touch sensor, also known as a "touch panel," can be located on the display screen 170. The touch sensor and the display screen 170 together form a touchscreen, also called a "touch screen." The touch sensor detects touch operations applied to or near it. The touch sensor can then transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 170. In one example, the touch event can determine whether a user's touch operation (e.g., tap, double-tap, etc.) on the inner or outer screen has been received, and it can also determine whether a gesture on the inner or outer screen has been received.

[0226] A gyroscope sensor can be used to determine the motion attitude of an electronic device 100. In some embodiments, the angular velocity of the electronic device 100 about three axes (i.e., the x, y, and z axes) can be determined by the gyroscope sensor.

[0227] An accelerometer can be used to detect the magnitude of acceleration of electronic device 100 in various directions (generally three axes). When electronic device 100 is stationary, the magnitude and direction of gravity can be detected.

[0228] In one example, the orientation of the electronic device 100 can be obtained using a gyroscope sensor and an accelerometer sensor, for example, to determine whether the electronic device 100 is placed horizontally or vertically.

[0229] For example, multiple sets of sensors can be set in the electronic device 100. For instance, sensor modules can be set on screen A and screen B of the electronic device. For example, screen A can be equipped with gyroscope sensor 1 and accelerometer sensor 1, and screen B can be equipped with gyroscope sensor 2 and accelerometer sensor 2. By reading the output data of gyroscope sensor 1 and accelerometer sensor 1, the movement speed and direction of screen A can be obtained; by reading the output data of gyroscope sensor 2 and accelerometer sensor 2, the movement speed and direction of screen B can be obtained, thereby determining whether the electronic device 100 is unfolded or folded. By reading the output data of gyroscope sensor 1, accelerometer sensor 1, gyroscope sensor 2, and accelerometer sensor 2, the electronic device 100 can obtain parameters such as the angle between screen A and screen B, thereby determining the attitude of the electronic device 100, such as unfolded state, supported state, or folded state.

[0230] It is understood that the electronic device provided in this application embodiment includes hardware structures and / or software modules corresponding to perform each function in order to achieve the above-mentioned functions. Those skilled in the art should readily recognize that, in conjunction with the units and algorithm steps of the various examples described in the embodiments disclosed herein, the embodiments of this application can be implemented in hardware or a combination of hardware and computer software. Whether a function is executed by hardware or by computer software driving hardware depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of the embodiments of this application.

[0231] This application embodiment can divide the above-described electronic device into functional modules based on the method example described above. For example, each function can be divided into its own functional modules, or two or more functions can be integrated into one processing module. The integrated modules can be implemented in hardware or as software functional modules. It should be noted that the module division in this application embodiment is illustrative and only represents one logical functional division; other division methods may be used in actual implementation.

[0232] In one example, please refer to Figure 29, which shows a possible structural schematic diagram of the electronic device involved in the above embodiments. The electronic device 2900 includes: a processing unit 2910, a storage unit 2920, and a display unit 2930.

[0233] The processing unit 2910 is used to control and manage the operation of the electronic device 2900.

[0234] Storage unit 2920 is used to store program code and data of electronic device 2900.

[0235] Display unit 2930 is used to display the user interface of electronic device 2900.

[0236] Of course, the unit modules in the above-mentioned electronic device 2900 include, but are not limited to, the processing unit 2910, the storage unit 2920 and the display unit 2930.

[0237] Optionally, the electronic device 2900 may also include an image acquisition unit 2940. The image acquisition unit 2940 is used to acquire images.

[0238] Optionally, the electronic device 2900 may also include a communication unit 2950. The communication unit 2950 is used to support communication between the electronic device 2900 and other devices, such as acquiring images from other devices.

[0239] The processing unit 2910 can be a processor or controller, such as a central processing unit (CPU), a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field-programmable gate array (FPGA), or other programmable logic devices, transistor logic devices, hardware components, or any combination thereof. The storage unit 2920 can be a memory. The display unit 2930 can be a display screen, etc. The image acquisition unit 2940 can be a camera, etc. The communication unit 2950 can include a mobile communication unit and / or a wireless communication unit.

[0240] For example, processing unit 2910 is a processor (processor 110 as shown in FIG. 28), storage unit 2920 is a memory (memory 120 as shown in FIG. 28), and display unit 2930 is a display screen (display screen 170 as shown in FIG. 28). Image acquisition unit 2940 is a camera (camera 160 as shown in FIG. 28). Communication unit 2950 may include a mobile communication unit (mobile communication module 130 as shown in FIG. 28) and a wireless communication unit (wireless communication module 140 as shown in FIG. 28). The electronic device 2900 provided in this application embodiment can be the electronic device 100 shown in FIG. 28. The processor, memory, display screen, camera, mobile communication unit, and wireless communication unit described above can be connected together, for example, via a bus.

[0241] This application also provides a chip system including at least one processor and at least one interface circuit. The processor and the interface circuit are interconnected via lines. For example, the interface circuit can be used to receive signals from other devices (e.g., the memory of an electronic device). As another example, the interface circuit can be used to send signals to other devices (e.g., the processor). Exemplarily, the interface circuit can read instructions stored in the memory and send the instructions to the processor. When the instructions are executed by the processor, the electronic device can perform the steps in the above embodiments. Of course, the chip system may also include other discrete devices, and this application does not specifically limit this.

[0242] This application also provides a computer-readable storage medium including computer instructions that, when executed on the electronic device, cause the electronic device to perform various functions or steps performed by the mobile phone in the above method embodiments.

[0243] This application also provides a computer program product that, when run on a computer, causes the computer to perform the various functions or steps performed by the mobile phone in the above method embodiments.

[0244] Through the above description of the embodiments, those skilled in the art can clearly understand that, for the sake of convenience and brevity, only the division of the above functional modules is used as an example. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.

[0245] In the several embodiments provided in this application, it should be understood that the disclosed apparatus and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative; for instance, the division of modules or units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another device, or some features may be ignored or not executed. Furthermore, the mutual coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between devices or units may be electrical, mechanical, or other forms.

[0246] The units described as separate components may or may not be physically separate. A component shown as a unit can be one or more physical units; that is, it can be located in one place or distributed in multiple different locations. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0247] Furthermore, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit.

[0248] If the integrated unit is implemented as a software functional unit and sold or used as an independent product, it can be stored in a readable storage medium. Based on this understanding, the technical solutions of the embodiments of this application, essentially or in other words, the parts that contribute to the prior art, or all or part of the technical solutions, can be embodied in the form of a software product. This software product is stored in a storage medium and includes several instructions to cause a device (which may be a microcontroller, chip, etc.) or processor to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0249] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions within the technical scope disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A method for displaying an image, characterized in that, Applied to electronic devices, the method includes: Display a first interface, which includes multiple thumbnails and a first control; After a first number of thumbnails in the plurality of thumbnails are selected, in response to a first operation on the first control, a second interface is displayed; wherein, the first number of thumbnails includes a first thumbnail, a second thumbnail and a third thumbnail, and the second interface includes a first image and a second image, wherein the first image is the image corresponding to the first thumbnail and the second image is the image corresponding to the second thumbnail. The system receives a second operation on the second image, which deletes the second image from the electronic device and displays a third interface. The third interface includes the first image and the third image, and the third image is the image corresponding to the third thumbnail.

2. The method according to claim 1, characterized in that, The first number of thumbnails corresponds to the first number of images, and the method further includes: When the electronic device is in a folded state, the first image and the second image in the second interface are displayed in a first layout. When the electronic device changes from a folded state to an unfolded state, it switches from the first layout to displaying the first image and the second image in a second layout; the second layout is related to the aspect ratio of the second number of images out of the first number of images.

3. The method according to claim 1, characterized in that, When the second interface is displayed, the first image and the second image in the second interface are displayed in a third layout; When the third interface is displayed, the first image and the third image in the third interface are displayed in a fourth layout.

4. The method according to claim 3, characterized in that, The first number of thumbnails corresponds to the first number of images, and the third layout and the fourth layout are related to the aspect ratio of the second number of images in the first number of images.

5. The method according to claim 2 or 4, characterized in that, The second number of images are arranged first among the first number of images according to a preset order; Wherein, when more than half or more of the images in the second number of images are in a vertical orientation, the layout is a vertical layout; When less than half of the images in the second number are in portrait orientation, the layout is horizontal.

6. The method according to claim 4, characterized in that, The second number of images are arranged first among the first number of images according to a preset order; When the second interface is displayed, if more than half of the images in the second number of images are in a vertical orientation, the third layout is a vertical layout; when the third interface is displayed, if less than half of the images in the second number of images are in a vertical orientation, the fourth layout is a horizontal layout. or, When the second interface is displayed, the aspect ratio of less than half of the images in the second number of images is... The third layout is a horizontal layout, and the fourth layout is a vertical layout. When the third interface is displayed, the image orientation of more than or equal to half of the images in the second number of images is a vertical layout.

7. The method according to any one of claims 1-6, characterized in that, The second interface and the third interface also include a first region; The first area of ​​the second interface includes a sub-thumbnail of the first image, a sub-thumbnail of the second image, and a sub-thumbnail of the third image, with the sub-thumbnail of the first image and the sub-thumbnail of the second image highlighted. The first area of ​​the third interface includes a sub-thumbnail of the first image and a sub-thumbnail of the third image, but does not include a sub-thumbnail of the second image.

8. The method according to claim 7, characterized in that, In the first area of ​​the second interface, the sub-thumbnail of the third image is sorted after the sub-thumbnail of the second image.

9. The method according to claim 7, characterized in that, The first area of ​​the second interface includes a second control, and the method further includes: In response to a third operation on the second control, a fourth interface is displayed, the fourth interface including multiple thumbnails; A first number of thumbnails is selected from the plurality of thumbnails, the first number of thumbnails including the first thumbnail, the second thumbnail and the third thumbnail.

10. The method according to claim 7, characterized in that, The first area of ​​the second interface includes a sub-thumbnail of the fourth image, and the method further includes: In response to a fourth operation on the sub-thumbnail of the fourth image, a fifth interface is displayed, the fifth interface including the first image, the second image, and the fourth image, wherein the sub-thumbnail of the fourth image is highlighted in a first area of ​​the fifth interface.

11. The method according to claim 10, characterized in that, The method further includes: In response to a fourth operation on the sub-thumbnail of the highlighted fourth image, the second interface is displayed, wherein the sub-thumbnail of the fourth image is not highlighted in the first area of ​​the second interface.

12. The method according to any one of claims 1-6, characterized in that, The method further includes: In response to the fifth operation on the first image in the second interface, the first image and the second image are enlarged and displayed at the same scale.

13. The method according to claim 1, characterized in that, When the electronic device displays a first application window and a second application window, the first application window displays a first image and a second image from the second interface in a fifth layout. The method further includes: In response to the sixth operation on the second application window, the second application window is closed and the first application window is displayed in full screen; within the full-screen first application window, the first image and the second image are displayed in the sixth layout.

14. The method according to any one of claims 1-13, characterized in that, The method further includes: In response to the seventh operation on the first image in the second interface, the first image is selected; After the first image is selected in the second interface, in response to the seventh operation on the first image, the floating image corresponding to the first image is displayed; In response to the floating image being dragged to a preset hotspot, an application icon of at least one application is displayed in the second area; In response to the floating image being dragged to the first application icon, the first image is sent to the application corresponding to the first application icon.

15. The method according to claim 14, characterized in that, The method further includes: After the first image is selected in the second interface, in response to the seventh operation on the second image in the second interface, the floating image corresponding to the second image is displayed; In response to the floating image corresponding to the second image being dragged to a preset hot zone, at least one application icon is displayed in the second area; In response to the floating image corresponding to the second image being dragged to the first application icon, the second image is sent to the application corresponding to the first application icon.

16. The method according to any one of claims 1-13, characterized in that, The method further includes: In response to the seventh operation on the first image in the second interface, the first image is selected and the third control is displayed; In response to the eighth operation on the second image in the second interface, the second image is selected; In response to a ninth operation on the third control, the first image and the second image are deleted from the electronic device.

17. The method according to claim 16, characterized in that, The first number of thumbnails includes a fifth thumbnail and a sixth thumbnail, and the method further includes: In response to the ninth operation on the third control, a sixth interface is displayed, the sixth interface including a fifth image and a sixth image, the fifth image being the image corresponding to the fifth thumbnail, and the sixth image being the image corresponding to the sixth thumbnail.

18. The method according to any one of claims 1-17, characterized in that, The first number of thumbnails corresponds to the first number of images; The third image is the first image in the first number of images, following the reference image, which is the later image in the sequence between the first and second images; or... The third image is the last one in the first number of images, ordered before the reference image. The reference image is the image that appears later in the order between the first and second images, and is the last one in the first number of images; or... The third image is the image among the first number of images whose acquisition time is closest to that of the second image; or, The third image is the image with the highest image similarity to the second image among the first number of images.

19. An electronic device, characterized in that, The device includes a memory, a processor, and a display screen; the display screen is used to display an interface, the memory is coupled to the processor, the memory is used to store computer program code, the computer program code includes computer instructions, and the processor invokes the computer instructions to cause the electronic device to perform the method as described in any one of claims 1-18.

20. A computer-readable storage medium having a computer program / instructions stored thereon, characterized in that, When the computer program / instructions are executed by the processor, they implement the method described in any one of claims 1-18.

21. A computer program product, comprising a computer program / instructions, characterized in that, When the computer program / instructions are executed by the processor, they implement the method described in any one of claims 1-18.

Images