Image display method and related device

Abstract

The embodiments of the present application provide an image display method and related devices, which are applied to the field of terminal technology. The method includes: the terminal device displays a first interface on a first display screen, the first interface including a first image and a first control; the terminal device receives a first operation for the first control; the terminal device responds to the first operation and displays a second interface on the first display screen, wherein the second interface includes a first image and a second image, and the second image is an image obtained by processing the first image using the parameters corresponding to the first control. Based on this, the terminal device can display the first image and the second image at the same time, which is convenient for users to compare images from dimensions such as color and to determine the editing effect. In addition, when the terminal device is a folding screen mobile phone, tablet computer or other large-screen device, the screen can be fully utilized to beautify the interface and enhance the user experience.

Description

Technical Field

[0001] The present application relates to the field of terminal technology, and in particular to an image display method and related devices. Background Art

[0002] With the development of current flexible screen technology, flexible foldable screens (also called folding screens) have been applied to terminal devices such as mobile phones, allowing users to fold or unfold their phones to meet their needs for different screen sizes.

[0003] In a possible implementation, a foldable phone may include an inner screen, an outer screen, and a back panel, with the inner screen being foldable. Users can edit saved images using either the inner or outer screen. Editing can include, but is not limited to, adding filters, adjusting image brightness, and adding blur effects. During editing, the original image can be displayed in the edited image's place for comparison to confirm the edited image's effect.

[0004] However, the mobile phone performs comparison by switching the display of the original image at the position of the edited image, which results in poor comparison effect and poor user experience. Summary of the Invention

[0005] The present application provides an image display method and related apparatus for use in a terminal device. The terminal device can simultaneously display an edited image and the original image, making it easier for the user to compare the editing effects and improving the user experience. Furthermore, when the terminal device is a foldable phone, tablet, or other large-screen device, the screen can be fully utilized to beautify the interface and enhance the user experience.

[0006] In a first aspect, an embodiment of the present application proposes an image display method, which is applied to a terminal device, and the method includes: the terminal device displays a first interface on a first display screen, where the first interface includes a first image and a first control; the terminal device receives a first operation for the first control; the terminal device responds to the first operation and displays a second interface on the first display screen, where the second interface includes the first image and a second image, and the second image is an image obtained by processing the first image using parameters corresponding to the first control.

[0007] The first image can be the original image. It is understood that when the terminal device switches the image editing type, the original image edited in the next editing operation will be the edited image obtained by the previous editing operation. For example, when the terminal device receives a user operation to trim an image, the image size changes. When the terminal device receives a user operation to add a filter, the original image displayed in the filter interface will be the image after the size change.

[0008] The second interface can be called a comparison interface, or a dual-image interface. Figure 7 and Figure 9 The interface shown in d, Figure 11 and Figure 12 The interface shown in c. Figure 11 and Figure 12 In the interface shown in c, the second image may be an image with a morning light filter added.

[0009] In this way, the terminal device can display the first image and the second image simultaneously, making it easier for the user to compare the images in terms of color and other dimensions, and to determine the editing effect. In addition, when the terminal device is a foldable screen mobile phone, tablet computer or other large screen device, the screen can be fully utilized to beautify the interface and enhance the user experience.

[0010] Optionally, the terminal device also includes a foldable body and a second display screen, the first display screen and the second display screen are respectively located on two opposite surfaces of the foldable body, and the first display screen includes a first sub-screen and a second sub-screen; when the foldable body is in a folded state, the second display screen is exposed to the surface of the foldable body, and the angle between the two exposed surfaces of the first sub-screen and the second sub-screen is less than a first angle threshold; when the foldable body is in an unfolded state, the angle between the two exposed surfaces of the first sub-screen and the second sub-screen is greater than a second angle threshold, wherein 0°≤first angle threshold<180°, 0°<second angle threshold≤180°, and the first angle threshold≤second angle threshold; when the terminal device detects that the foldable body is in an unfolded state, the terminal device displays the user interface on the first display screen, and when the terminal device detects that the foldable body is in a folded state, the terminal device displays the user interface on the second display screen.

[0011] In this way, the terminal device can have multiple display screens. The terminal device can be a foldable screen mobile phone, etc.

[0012] Optionally, the method also includes: when the terminal device determines that the foldable body is in a folded state, a third interface is displayed on the second display screen, and the third interface includes a first image and a first control; the terminal device receives a first operation for the first control; the terminal device responds to the first operation and displays a fourth interface on the second display screen, wherein the fourth interface includes the second image but does not include the first image.

[0013] The fourth interface may be an interface processed using the parameters corresponding to the first control, such as Figure 7 and Figure 9 The interface shown in e, Figure 11 and Figure 12 The interface shown in e.

[0014] In this way, when the folded state, a single image is displayed; when the unfolded state, two images are displayed. This can fully utilize the folding screen, beautify the interface, and enhance the user experience.

[0015] Optionally, the method also includes: after the second interface is displayed on the first display screen, when the terminal device detects that the foldable body switches from an unfolded state to a folded state, the terminal device displays a fourth interface on the second display screen, and the fourth interface includes the second image but not the first image.

[0016] Optionally, the method also includes: the terminal device receives a second operation for the second image on the fourth interface; the terminal device displays a fifth interface on the second display screen in response to the second operation, and the fifth interface displays the first image.

[0017] The second operation may be a long press operation, a click operation, or a touch operation, which is not limited in the embodiment of the present application.

[0018] In this way, when the image is folded, the user can use the image control terminal device to display the original image, which is convenient for the user to compare and determine the editing effect.

[0019] Optionally, the fourth interface includes a second control; the method also includes: the terminal device receives a third operation for the second control; the terminal device responds to the third operation, displaying a fifth interface on the second display screen, and the fifth interface displays the first image.

[0020] The second control may be a contrast control in the interface corresponding to the folded state, for example, Figure 7 The comparison control 713 in the interface shown in e; Figure 9 The comparison control 914 in the interface shown in e; Figure 11 The comparison control 1114 in the interface shown in e; Figure 12 Compare controls 1214 in the interface shown in FIG.

[0021] The fifth interface displays the original image, for example, Figure 10 The interface shown in a, Figure 13 The interface shown in b.

[0022] The third operation may be a long press operation, a click operation, or a touch operation, which is not limited in the embodiment of the present application.

[0023] In this way, when in the folded state, the user can control the terminal device to display the original image through the second control, which is convenient for the user to compare and determine the editing effect.

[0024] Optionally, the second interface includes a third control; the method also includes: the terminal device receives a fourth operation for the third control; the terminal device displays a sixth interface on the first display screen in response to the fourth operation, the sixth interface includes the second image, and the sixth interface does not include the first image.

[0025] The third control can be a merged control or a single-image control, for example, Figure 7The contrast control shown in d, Figure 9 The merge control 910 shown in d in FIG. Figure 11 The merge control 1107 shown in c in Figure 12 The dual-graph control 1207 shown in c in FIG.

[0026] The sixth interface displays a second image, for example Figure 7 The interface shown in d, Figure 9 The interface shown in d, Figure 11 The interface shown in c, Figure 12 The interface shown in c.

[0027] The third operation may be a lifting operation during a long press operation, or a clicking operation or a touching operation, which is not limited in the embodiment of the present application.

[0028] In this way, when the terminal device is in the unfolded state, it can also switch to display a single image.

[0029] Optionally, the sixth interface includes a fourth control; the terminal device receives a fifth operation for the fourth control; and the terminal device displays the second interface on the first display screen in response to the fifth operation.

[0030] The fourth control can be a split control, a dual-graph control, etc. For example, Figure 7 The split control 707 shown in c in FIG. Figure 9 The split control 907 shown in c in Figure 11 The split control 1111 shown in d, Figure 12 The dual-graph control 1211 shown in d in FIG.

[0031] The fifth operation may be a long press operation, a single click operation, a touch operation, or the like.

[0032] In this way, when the terminal device is in the unfolded state, it can realize the switching display of a single image and two images, which is flexible in display mode and improves the user experience.

[0033] Optionally, the method also includes: the terminal device receives a sixth operation for the second image on the second interface; the terminal device displays a seventh interface on the first display screen in response to the sixth operation, and the seventh interface displays the first image and the first image side by side.

[0034] The sixth operation may be a long press operation, a single click operation, a touch operation, etc. The seventh interface displays two original images.

[0035] In this way, the user can control the terminal device to display the first image in the position of the second image through the second image, which is convenient for comparing images in dimensions such as texture lines, convenient for confirming editing effects, and improving user experience.

[0036] Optionally, the second interface includes a fifth control; the method also includes: the terminal device receives a seventh operation for the fifth control; the terminal device responds to the seventh operation, and displays an eighth interface on the first display screen, and the eighth interface displays the first image and the first image side by side.

[0037] The seventh operation can be a long press operation, a single click operation, a touch operation, etc. The eighth interface displays two original images. For example, Figure 10 The interface shown in b, Figure 13 The interface shown in a.

[0038] In this way, the user can control the terminal device to display the first image in the position of the second image through the fifth control, which is convenient for comparing images in dimensions such as texture lines, convenient for confirming editing effects, and improving user experience.

[0039] Optionally, the method also includes: the terminal device receives an eighth operation when displaying the second interface, the sixth interface, or the eighth interface; the terminal device responds to the eighth operation by displaying a ninth interface on the first display screen, a first split-screen window corresponding to the first application, and a second split-screen window corresponding to the second application, the first split-screen window including the second image, and the second split-screen window including the application interface of the second application.

[0040] The eighth operation is an operation for indicating split screen. The first application can be a gallery application, and the second application can be a split screen application, or an application that can be displayed in split screen, such as WeChat, a calculator, etc. The second split screen window includes the application interface corresponding to the split screen application, such as the chat interface of the WeChat application.

[0041] The ninth interface displays the second image and the content of the split-screen application, for example, Figure 6-Figure 9 The interface shown in f, Figure 11 and Figure 12 The interface shown in f in FIG; exemplarily, the second image may be displayed on the first sub-screen; the application interface of the second application may be displayed on the second sub-screen.

[0042] In this way, the terminal device can display images and other applications in split screen, and the user can operate and control the split-screen application while editing the image.

[0043] Optionally, the method also includes: the terminal device receives a ninth operation for the second image on the ninth interface; and the terminal device displays the first image at the position where the second image is displayed in the first split-screen window in response to the ninth operation.

[0044] The ninth operation may be a long press operation, a single click operation, a touch operation, or the like.

[0045] In this way, in the split-screen state, the user can control the terminal device to display the first image in the position of the second image through the second image.

[0046] Optionally, the eighth interface includes a sixth control; the method also includes: the terminal device receives a tenth operation for the sixth control; the terminal device responds to the tenth operation and displays the first image at the position where the second image is displayed in the first split-screen window.

[0047] The tenth operation may be a long press operation, a single click operation, a touch operation, or the like.

[0048] In this way, in the split-screen state, the user can control the terminal device to display the first image in the position of the second image through the sixth control.

[0049] Optionally, the second interface also includes a seventh control; the method also includes: the terminal device receives an eleventh operation for the seventh control; the terminal device responds to the eleventh operation and displays a tenth interface on the first display screen, the tenth interface including a first image and a third image, the third image being an image obtained by processing the first image using parameters corresponding to the seventh control.

[0050] The seventh control can correspond to any filter option other than the one corresponding to the first control, for example, the Classic filter in the filter options. It can also correspond to any of the other editing options listed above. Other editing options include, but are not limited to, contrast, exposure, brightness, or saturation. The seventh control can also correspond to any parameter option corresponding to contrast other than the one corresponding to the first control.

[0051] In this way, the terminal device can switch images corresponding to different parameters for comparison with the first image, for example, switch images corresponding to different filters, so as to facilitate the user to edit the image.

[0052] Optionally, the second interface also includes a seventh control; the method also includes: the terminal device receives an eleventh operation for the seventh control on the second interface; the terminal device responds to the eleventh operation and displays an eleventh interface on the first display screen, the eleventh interface includes a second image and a third image, and the third image is an image obtained by processing the first image with parameters corresponding to the seventh control.

[0053] In this way, the terminal device can compare images corresponding to different parameters, for example, images corresponding to different filters, making it easier for users to edit images and confirm the editing effects.

[0054] Optionally, the method further includes: the terminal device determines an arrangement of the first image and the second image in the second interface based on a first value, where the first value is related to a size of the first image.

[0055] In this way, by selecting different arrangements based on the size of the image, the display screen can be maximized and the display effect can be improved.

[0056] Optionally, the first value is the ratio of the length of the first image to the width of the first image; when the first value is greater than a first threshold, the first image and the second image in the second interface are arranged in an up-and-down manner, and the first threshold is related to the size of the preview area in the second interface and a preset spacing, and the preset spacing is a preset spacing between images; when the first value is less than or equal to the first threshold, the first image and the second image in the second interface are arranged in an up-and-down manner.

[0057] Optionally, the first threshold satisfies:

[0058] Optionally, the second interface further includes a guide animation; the guide animation is used to prompt the user how to use the third control.

[0059] In this way, users can be guided in using the image comparison function.

[0060] Optionally, the terminal device displays the second interface on the first display screen in response to the first operation, including: the terminal device displays the twelfth interface, and the twelfth interface displays the second image; the terminal device receives the twelfth operation for the second image on the twelfth interface; the terminal device displays the second interface on the first display screen in response to the twelfth operation.

[0061] The twelfth operation may be a long press operation, or a click or touch operation, which is not limited here.

[0062] The twelfth interface can be Figure 6-Figure 9 The interface shown in d, Figure 11 The interface shown in c, Figure 12 In this way, the terminal device can enter the interface of a single image, and then enter the interface of two images through the interface of a single image to perform image comparison.

[0063] Optionally, the terminal device displays the second interface on the first display screen in response to the first operation, including: the terminal device displays the thirteenth interface, the thirteenth interface displays the second image and the eighth control; the terminal device receives the thirteenth operation for the eighth control; the terminal device displays the second interface on the first display screen in response to the thirteenth operation.

[0064] The thirteenth operation may be a long press operation, or a click or touch operation, which is not limited here.

[0065] The thirteenth interface can be Figure 7 and Figure 9 The interface shown in d, Figure 11 The interface shown in c, Figure 12In this way, the terminal device can enter the interface of a single image, and enter the interface of two images by triggering the control in the interface of a single image to perform image comparison.

[0066] In a third aspect, embodiments of the present application provide a terminal device, which may also be referred to as a terminal, user equipment (UE), mobile station (MS), or mobile terminal (MT). The terminal device may be a mobile phone, a smart TV, a wearable device, a tablet computer, a computer with wireless transceiver capabilities, a virtual reality (VR) terminal device, an augmented reality (AR) terminal device, a wireless terminal in industrial control, a wireless terminal in self-driving, a wireless terminal in remote medical surgery, a wireless terminal in a smart grid, a wireless terminal in transportation safety, a wireless terminal in a smart city, a wireless terminal in a smart home, and the like.

[0067] The terminal device includes: a processor and a memory; the memory stores computer-executable instructions; the processor executes the computer-executable instructions stored in the memory, so that the terminal device executes the method of the first aspect.

[0068] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium storing a computer program, which, when executed by a processor, implements the method of the first aspect.

[0069] In a fifth aspect, an embodiment of the present application provides a computer program product, which includes a computer program. When the computer program is run, it enables the computer to execute the method of the first aspect.

[0070] It should be understood that the second to fifth aspects of the present application correspond to the technical solutions of the first aspect of the present application, and the beneficial effects achieved by each aspect and the corresponding feasible implementation methods are similar and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0071] Figure 1A A schematic diagram of the structure of a terminal device provided in an embodiment of the present application;

[0072] Figure 1BA schematic diagram of the structure of a terminal device provided in an embodiment of the present application;

[0073] Figure 2 A schematic diagram of an interface corresponding to editing an image when a terminal device is in an unfolded state in a possible implementation;

[0074] Figure 3 A software structure diagram of a terminal device provided in an embodiment of the present application;

[0075] Figure 4 A schematic diagram of an interface for entering an image editing process provided in an embodiment of the present application;

[0076] Figure 5 A schematic diagram of an interface for entering an image editing process provided in an embodiment of the present application;

[0077] Figure 6 A schematic diagram of an interface corresponding to editing an image when a terminal device is in an unfolded state provided by an embodiment of the present application;

[0078] Figure 7 A schematic diagram of an interface corresponding to editing an image when a terminal device is in an unfolded state provided by an embodiment of the present application;

[0079] Figure 8 A schematic diagram of an interface corresponding to editing an image when a terminal device is in an unfolded state provided by an embodiment of the present application;

[0080] Figure 9 A schematic diagram of an interface corresponding to editing an image when a terminal device is in an unfolded state provided by an embodiment of the present application;

[0081] Figure 10 A schematic diagram of an interface corresponding to an overlay comparison provided in an embodiment of the present application;

[0082] Figure 11 A schematic diagram of an interface corresponding to editing an image when a terminal device is in an unfolded state provided by an embodiment of the present application;

[0083] Figure 12 A schematic diagram of an interface corresponding to editing an image when a terminal device is in an unfolded state provided by an embodiment of the present application;

[0084] Figure 13 A schematic diagram of an interface corresponding to an overlay comparison provided in an embodiment of the present application;

[0085] Figure 14 A schematic diagram of an interface corresponding to the comparison of different filters provided in an embodiment of the present application;

[0086] Figure 15 A schematic diagram of an image layout provided in an embodiment of the present application;

[0087] Figure 16 A schematic diagram of an interface for guiding animation in a terminal device provided in an embodiment of the present application;

[0088] Figure 17 A schematic diagram of an interface for guiding animation in a terminal device provided in an embodiment of the present application;

[0089] Figure 18 A schematic diagram of an interface corresponding to video editing when a terminal device is in an expanded state provided in an embodiment of the present application;

[0090] Figure 19 A schematic diagram of an interface corresponding to an overlay comparison provided in an embodiment of the present application;

[0091] Figure 20 A schematic flow chart of an image display method provided in an embodiment of the present application;

[0092] Figure 21 A schematic structural diagram of an image display device provided in an embodiment of the present application;

[0093] Figure 22 A schematic diagram of the hardware structure of a terminal device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0094] To facilitate a clear description of the technical solutions of the embodiments of this application, the words "exemplary" or "for example" are used in the embodiments of this application to indicate examples, illustrations, or explanations. Any embodiment or design described in this application as "exemplary" or "for example" should not be interpreted as being preferred or advantageous over other embodiments or designs. Rather, the use of words such as "exemplary" or "for example" is intended to present the relevant concepts in a concrete manner.

[0095] In the embodiments of the present application, "at least one" refers to one or more, and "more" refers to two or more. "And / or" describes the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can represent: the existence of A alone, the existence of A and B at the same time, and the existence of B alone, where A and B can be singular or plural. The character " / " generally indicates that the previous and next associated objects are in an "or" relationship. "At least one of the following items" or similar expressions refers to any combination of these items, including any combination of single items or plural items. For example, at least one of a, b, or c can represent: a, b, c, ab, ac, bc, or abc, where a, b, c can be single or multiple.

[0096] It should be noted that the “at…” in the embodiments of the present application can be the instant when a certain situation occurs, or it can be a period of time after the occurrence of a certain situation. The embodiments of the present application do not make specific limitations on this.

[0097] It should be noted that the display interface provided in the embodiment of the present application is only an example, and the display interface may also include more or less content.

[0098] The embodiments of the present application can be applied to terminal devices with foldable screens. Terminal devices can also be referred to as terminals, user equipment (UE), mobile stations (MS), mobile terminals (MT), etc. Terminal devices can be mobile phones, smart TVs, wearable devices, tablet computers (Pads), computers with wireless transceiver functions, virtual reality (VR) terminal devices, augmented reality (AR) terminal devices, wireless terminals in industrial control, wireless terminals in self-driving, wireless terminals in remote medical surgery, wireless terminals in smart grids, wireless terminals in transportation safety, wireless terminals in smart cities, wireless terminals in smart homes, etc.

[0099] For example, Figure 1A As shown, the terminal device includes a first display screen 001, a foldable body ( Figure 1A The first display screen 001 and the second display screen 002 are respectively located on two opposite surfaces of the foldable body, and the first display screen 001 includes a first sub-screen 003 and a second sub-screen 004.

[0100] When the foldable body is in a folded state, the second display screen is exposed on the surface of the foldable body, and the angle between the two exposed surfaces of the first sub-screen and the second sub-screen is less than a first angle threshold. When the foldable body is in an unfolded state, the angle between the two exposed surfaces of the first sub-screen and the second sub-screen is greater than a second angle threshold, wherein 0° ≤ the first angle threshold < 180°, 0° < the second angle threshold ≤ 180°, and the first angle threshold ≤ the second angle threshold;

[0101] When the terminal device detects that the foldable body is in the unfolded state, the terminal device displays the user interface on the first display screen 001 . When the terminal device detects that the foldable body is in the folded state, the terminal device displays the user interface on the second display screen 002 .

[0102] Alternatively, it can be understood that the terminal device includes a folded state and an unfolded state. The folded state can be understood as the angle between the two side screens of the folding screen is less than or equal to the first value, and the unfolded state can be understood as the angle between the two side screens of the folding screen is greater than or equal to the second value.

[0103] In one possible implementation, the first value is equal to the second value. This implementation may be understood as the terminal device being either in a folded state or in an unfolded state.

[0104] In another possible implementation, the second value is greater than the first value. In this implementation, the terminal device may further include a transition state, which can be understood as a state in which the angle between the two side screens of the folding screen is greater than the first value and less than the second value.

[0105] For example, Figure 1B Schematic diagrams of front and rear views of a terminal device with a foldable screen provided in an embodiment of the present application.

[0106] like Figure 1B As shown, when the terminal device is in a folded state, the display screen facing the user in the front view can be called the outer screen, and the display screen facing the user in the rear view can be called the back panel. When the terminal device is in an unfolded state, the display screen facing the user in the front view can be called the inner screen (or folding screen), and the outer screen and the back panel in the rear view can be unfolded on the same plane.

[0107] That is, when the terminal device is in the folded state, the inner screen can be folded and hidden, and the outer screen can be used to display the interface. When the terminal device is in the unfolded state, the inner screen can be unfolded and used to display the interface.

[0108] Further, such as Figure 1B As shown, cameras can be set in the inner screen, outer screen and back panel of the terminal device.

[0109] In a possible implementation, the camera of a terminal device can be categorized as a front-facing camera and a rear-facing camera. The front-facing camera may include an external screen camera located on the external screen and an internal screen camera located on the internal screen. The rear-facing camera may include a camera located on the back panel.

[0110] It is understandable that the terminal device may include one or more external screen cameras, and / or one or more internal screen cameras. The external screen camera can be set at any position on the external screen; the internal screen camera can be set at any position on the internal screen. For example, the internal screen camera can be on the display screens on both sides when the internal screen is unfolded, or on the display screen on either side when the internal screen is unfolded. The embodiments of the present application do not limit the number of internal screen cameras, the positions of the internal screen cameras, the number of external screen cameras, and the positions of the external screen cameras.

[0111] For example, Figure 1B In the terminal device shown, when the terminal device is in a folded state, the external screen 101 and the external screen camera 102 on the external screen can be seen in the front view; in the corresponding rear view, the rear camera 103 can be seen.

[0112] When the terminal device is in the unfolded state, the inner screen is opened, and the inner screen 104 and the inner screen camera 105 on the inner screen can be seen in the front view; the corresponding rear view shows the rear camera 107 and the outer screen camera 106 on the outer screen. Among them, the inner screen 104 can be divided into two parts, left and right.

[0113] For example, Figure 2 This is a schematic diagram of an interface corresponding to editing an image when a terminal device is in an expanded state in a possible implementation.

[0114] When the terminal device receives the user's operation to edit the image, it can enter the following Figure 2 The image editing interface shown in a. Figure 2 As shown in a in FIG. , the image editing interface may include an image display area 201 and editing options. The image display area includes an original image 202. The original image 202 fills the entire image display area 201 horizontally or vertically. The editing options include, but are not limited to, editing options such as clipping, filtering 203, adjustment, or other types of editing options.

[0115] When the user Figure 2 When the filter 203 is triggered by clicking, touching or other operations in the image editing interface shown in a, the terminal device receives the user's operation of adjusting the image filter, and the terminal device enters the following Figure 2 The filter adjustment interface shown in b in FIG. The filter adjustment interface may include: a preview area 204, edit options, and filter options. The filter options include, but are not limited to: original image, classic, morning light 205, black and white, or other types of filter options.

[0116] In an embodiment of the present application, the filter selection item can be a thumbnail of the image after adding the corresponding filter, or it can be the filter name, or the filter selection item includes both the filter name and the thumbnail of the image after adding the corresponding filter. The embodiment of the present application does not limit the specific form of the filter selection item.

[0117] When the user Figure 2 When the morning light 205 is triggered by clicking, touching or other operations in the filter adjustment interface shown in b, the terminal device receives the user's operation of adding the morning light filter, and the terminal device enters the following Figure 2 The Morning Light filter interface shown in Figure c in the figure can include a preview area 206 and filter selection options. The image 207 after adding the Morning Light filter fills the preview area 206 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types. In a possible implementation, the Morning Light filter interface also includes a contrast control 208.

[0118] When the user Figure 2 When the morning light filter interface shown in c is triggered by clicking, touching or other operations to add the morning light filter image 207 or the comparison control 208, the terminal device receives the user's operation of comparing images, and the terminal device enters the following state: Figure 2 The comparison interface shown in d in FIG. The comparison interface includes a preview area 209. The original image is displayed in the preview area 209. Figure 2 The position of the original image in the comparison interface shown in d is different from Figure 2 The position of the image 207 after adding the morning light filter in the morning light filter interface shown in c is consistent.

[0119] It is understandable that when the terminal device is in the folded state, the image display mode is the same as the above Figure 2 The image display when the terminal device is in the expanded state is similar and will not be repeated here.

[0120] from Figure 2 As can be seen in the figure, the terminal device switches between the filtered image and the original image in the preview area for image comparison. Furthermore, the image is displayed in the center. When the image fills the preview area horizontally and vertically, some areas on the left and right sides of the preview area are left unused, resulting in low screen utilization of the internal screen and making it difficult for users to compare the images before and after processing.

[0121] In addition, from Figure 2 It can also be seen that the comparison control is located in the upper right corner of the inner screen, which is not convenient for users to operate with one hand and the user experience is poor.

[0122] In view of this, the embodiments of the present application provide an image display method and related devices. When the terminal device is in the expanded state to edit an image, multiple images can be displayed on the inner screen at the same time to facilitate the user to compare the editing effects, reduce the tedious operations of repeated modifications, improve the utilization rate of the inner screen, and enhance the user experience.

[0123] For ease of understanding, the following describes the software system of the terminal device. The software system of the terminal device can adopt a layered architecture, event-driven architecture, micro-kernel architecture, microservice architecture, or cloud architecture, etc., which will not be detailed here.

[0124] Figure 3 This is a software structure block diagram of a terminal device provided in an embodiment of the present application.

[0125] A layered architecture divides software into several layers, each with distinct roles and responsibilities. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers: the application layer, the application framework layer, the Android runtime and system libraries, and the kernel layer.

[0126] The application layer can include a series of application packages.

[0127] like Figure 3 As shown, the application package may include applications such as camera, calendar, phone, map, telephone, music, settings, mailbox, video, social, etc.

[0128] The application framework layer provides an application programming interface (API) and programming framework for the applications in the application layer. The application framework layer includes some predefined functions.

[0129] like Figure 3 As shown, the application framework layer may include a window manager, a content provider, a resource manager, a view system, a notification manager, and the like.

[0130] The window manager is used to manage window programs. The window manager can obtain the display size, determine whether there is a status bar, lock the screen, touch the screen, drag the screen, take screenshots, etc.

[0131] Content providers are used to store and retrieve data and make it accessible to applications. Data can include videos, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.

[0132] The view system includes visual controls, such as those for displaying text and images. The view system is used to build applications. A display interface can consist of one or more views. For example, a display interface containing a text notification icon might include a view for displaying text and a view for displaying images.

[0133] The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, video files, and so on.

[0134] The Notification Manager allows applications to display notifications in the status bar. These messages can be displayed briefly and then disappear automatically, without requiring user interaction. For example, the Notification Manager can be used to notify users of completed downloads and message reminders. The Notification Manager can also display notifications in the top status bar of the system as icons or scrolling text, such as notifications from background applications, or as dialog windows on the screen. Examples include displaying text messages in the status bar, emitting alert sounds, vibrating the device, or flashing indicator lights.

[0135] The Android runtime includes the core library and the virtual machine. The Android runtime is responsible for scheduling and management of the Android system.

[0136] The core library consists of two parts: one is the function that needs to be called by the Java language, and the other is the Android core library.

[0137] The application layer and application framework layer run in a virtual machine. The virtual machine executes Java files in the application layer and application framework layer as binary files. The virtual machine manages object lifecycles, stack management, thread management, security and exception management, and garbage collection.

[0138] The system library can include multiple functional modules, such as surface manager, media library, 3D graphics processing library (such as OpenGL ES), 2D graphics engine (such as SGL), etc.

[0139] The surface manager is used to manage the display subsystem and provide fusion of 2D and 3D layers for multiple applications.

[0140] The media library supports playback and recording of a variety of common audio and video formats, as well as static image files. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

[0141] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0142] A 2D graphics engine is a drawing engine for 2D drawings.

[0143] The kernel layer is the layer between hardware and software. The kernel layer includes at least display driver, camera driver, audio driver, and sensor driver.

[0144] The following describes the workflow of the terminal device software and hardware by way of example, using the scenario of terminal device interface switching.

[0145] When the touch sensor in the terminal device receives a touch operation, the corresponding hardware interrupt is sent to the kernel layer. The kernel layer processes the touch operation into a raw input event (including information such as touch coordinates, touch force, and the timestamp of the touch operation). The raw input event is stored in the kernel layer. The application framework layer obtains the raw input event from the kernel layer and identifies the control corresponding to the input event. For example, if the touch operation is a touch-click operation and the control corresponding to the click operation is the control of the gallery application icon, the gallery application calls the application framework layer's interface to start the gallery application, and then calls the kernel layer to start the display driver to display the gallery application's functional interface.

[0146] The following first describes how to enter the image editing interface. The terminal device can enter the image editing interface through the gallery application (such as Figure 4 You can also enter the image editing interface through the camera application (as shown Figure 5 shown).

[0147] For example, Figure 4 A flow chart of entering an image editing interface provided by an embodiment of the present application. Figure 4 In the main interface shown in a, when the user opens the gallery application 401 of the terminal device, the terminal device can enter Figure 4 The gallery interface shown in b in FIG. The gallery interface may include thumbnails of images and / or thumbnails of videos, such as Figure 4 A thumbnail 402 of the image shown in b.

[0148] When the user Figure 4 When the thumbnail 402 of an image is selected by clicking, touching or other operations in the gallery interface shown in FIG. 1 , the terminal device receives the user's operation of viewing the image, and the terminal device enters the following state: Figure 4 The image interface shown in c in FIG. This image interface may include an image display area 403 and settings items. The image display area includes an original image 404. The original image 404 fills the entire image display area 403 horizontally or vertically. Settings items include, but are not limited to, sharing, favorites, editing 405, deleting, more, or other types of editing options.

[0149] When the user Figure 4 When the editing 405 is triggered by clicking, touching or other operations in the image interface shown in c, the terminal device receives the user's operation of editing the image, and the terminal device enters the Figure 4The image editing interface shown in d in FIG. The image editing interface may include an image display area 406 and editing options, as well as parameter setting areas corresponding to the editing options. The image display area includes the original image 407. The original image 407 occupies the entire image display area 406 horizontally or vertically. The editing options include, but are not limited to, clipping, filtering, adjusting, or other types of editing options. Each editing option corresponds to a different parameter setting area, for example, Figure 4 As shown in d, the parameter setting area corresponding to the clip mainly includes parameters for adjusting the image size, rotating the image direction, etc. As mentioned above or below, the parameter setting area corresponding to the filter includes different filter selection options.

[0150] It is understood that the above-mentioned gallery interface may include both videos and images, only images, or only videos. The number of images may be one or more; the number of videos may also be one or more. The embodiments of this application do not limit the number of images, the number of videos, the arrangement of images, and the arrangement of videos in the gallery interface.

[0151] For example, Figure 5 A schematic diagram of another process for entering an image editing interface provided in an embodiment of the present application.

[0152] When the terminal device is Figure 5 In the main interface shown in a, when the user opens the camera application 501 of the terminal device, the terminal device can enter Figure 5 The camera interface is shown in b. Figure 5 As shown in b in FIG, the camera interface may include a camera preview area, camera mode selection items, a photo control 502, and a thumbnail 503. The camera mode selection items include but are not limited to: video, photo, portrait, night scene, or other mode selection items.

[0153] When the user Figure 5 When the camera interface shown in b is triggered by clicking, touching or other operations in the camera interface 502, the terminal device receives the user's operation of taking a picture, and the terminal device enters the following state: Figure 5 The interface shown in c in FIG. This interface may include a camera preview area, a camera mode selection item, a photo control, and a thumbnail 504.

[0154] When the user Figure 5 When the thumbnail 504 is triggered by clicking, touching or other operations in the interface shown in c, the terminal device receives the user's operation of viewing the image, and the terminal device enters the Figure 5The image interface shown in d in FIG. This image interface may include an image display area 505 and settings items. The image display area includes the original image 506. The original image 506 fills the entire image display area 505 horizontally or vertically. Settings items include, but are not limited to, sharing, favorites, editing 507, deleting, more, or other types of editing options.

[0155] When the user Figure 5 When the editing 507 is triggered by clicking, touching or other operations in the image interface shown in d, the terminal device receives the user's operation of editing the image, and the terminal device enters the Figure 5 The image editing interface shown in Figure e may include an image display area 508 and editing options. The image display area includes an original image 509. The original image 509 fills the entire image display area 508 horizontally or vertically. The editing options include, but are not limited to, editing options for clipping, filtering, adjusting, or other types of editing options.

[0156] It is understandable that the above Figure 5 The thumbnail 503 shown in the interface shown in b corresponds to the thumbnail of the image or video taken most recently with the camera. When the thumbnail 503 corresponds to an image, the user can also Figure 5 When the thumbnail 503 is triggered by clicking, touching or other operations in the camera interface shown in b, the terminal device receives the user's operation to view the image, and the terminal device enters the image interface corresponding to the thumbnail 503 and displays the image corresponding to the thumbnail 503. The user can edit the image in the image interface corresponding to the thumbnail 503. The image interface corresponding to the thumbnail 503 can be referred to Figure 5 The interface shown in d is not described here.

[0157] The following is a detailed introduction to the image editing and comparison operation process and the image editing interface display process in the application provided in the embodiment of the present application in conjunction with the accompanying drawings.

[0158] The terminal device receives a comparison operation in the expanded state and displays multiple images for comparison. For example, the comparison operation can be a continuous pressing operation, a click or a touch operation, etc. Figure 6-Figure 14 The image comparison process provided in the embodiment of the present application is described. Figure 6 and Figure 7 The image comparison process is described by taking a continuous pressing operation as an example. Figures 8-14 The image comparison process is described by taking a click or touch operation as an example.

[0159] For example, Figure 6 A schematic diagram of an interface corresponding to editing an image when a terminal device is in an expanded state provided in an embodiment of the present application.

[0160] When the terminal device receives the user's operation of editing the image, the user can Figure 4 or Figure 5 To edit the image in the manner shown, the terminal device can enter the Figure 6 The image editing interface shown in a. Figure 6 As shown in a in FIG. , the image editing interface may include an image display area 601 and editing options. The image display area includes an original image 602. The original image 602 fills the entire image display area 601 horizontally or vertically. The editing options include, but are not limited to, clipping, filtering 603, adjustment, or other types of editing options.

[0161] When the user Figure 6 When the filter 603 is triggered by clicking, touching or other operations in the image editing interface shown in a, the terminal device receives the user's operation of adjusting the image filter, and the terminal device enters the following Figure 6 The filter adjustment interface shown in b in FIG. The filter adjustment interface may include: a preview area 604, edit options, and filter options. Filter options include, but are not limited to: original image, classic, morning light 605, black and white, or other types of filter options.

[0162] In the embodiments of the present application, the filter selection item can be a thumbnail of the image after adding the corresponding filter, or a filter name, or can include both the filter name and the thumbnail of the image after adding the corresponding filter. The filter name can be set on the thumbnail or around the thumbnail. The embodiments of the present application do not limit the specific form of the filter selection item.

[0163] When the user Figure 6 When the morning light 605 is triggered by clicking, touching or other operations in the filter adjustment interface shown in b, the terminal device receives the user's operation of adding the morning light filter, and the terminal device enters the following Figure 6 The Morning Light filter interface shown in c in Figure 1 may include a preview area 606 and filter selection options. The image 607 after adding the Morning Light filter fills the preview area 606 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types.

[0164] When the user Figure 6 When the image 607 after adding the morning light filter is triggered by a continuous pressing operation in the morning light filter interface shown in c in FIG, the terminal device receives the user's operation of comparing images, and the terminal device enters the following Figure 6 The comparison interface shown in d in FIG. The comparison interface includes a preview area 608. The preview area 608 displays the original image 609 and the image 610 after adding the morning light filter.

[0165] When the terminal device is Figure 6 When the user's lifting operation is detected in the comparison interface shown in d, the terminal device enters the following Figure 6 The morning light filter interface shown in c.

[0166] In this way, the edited image and the original image are compared separately, which is convenient for users to compare. In addition, separate comparison can make full use of the screen and beautify the display interface.

[0167] In a possible implementation, when the terminal device enters the interface after adding a filter, the interface after adding a filter displays the name of the added filter, and the filter name disappears after being displayed for a preset time. Figure 6 In the morning light filter interface shown in c, "Morning Light" is displayed on the interface, and "Morning Light" disappears after being displayed for a preset time. The preset time can be 1 second (s) or any other time, and this embodiment of the application is not limited to this.

[0168] Based on the above embodiment, when the terminal device displays Figure 6 When the morning light filter interface shown in c in the figure switches from the expanded state to the folded state, the terminal device displays Figure 6 The Morning Light filter interface shown in Figure e of the figure can include a preview area 611 and filter selection options. The image 612 after adding the Morning Light filter fills the preview area 611 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types.

[0169] When the user Figure 6 When the morning light filter interface shown in e in FIG. 6 triggers the image 612 after adding the morning light filter by operations such as clicking, touching, and continuously pressing, the terminal device receives the user's operation of comparing images and displays the original image in the preview area.

[0170] Based on the above embodiment, when the terminal device displays Figure 6 The morning light filter interface shown in c in the figure, when receiving the operation for instructing split screen, the terminal device displays Figure 6 The interface shown in f.

[0171] The interface may include: a gallery application display area and a split-screen application display area. The gallery application display area includes: a preview area 613 and filter selection items. The image 614 after adding the morning light filter fills the preview area 613 horizontally or vertically. The filter selection items include but are not limited to: original image, classic, morning light, black and white or other types of filter selection items. The split-screen application display area can display the content of other applications (for example, the interface of a calculator application, etc.), and other applications include but are not limited to: a calculator application, a WeChat application, a settings application, a memo application, etc. The embodiment of the present application does not limit the specific content displayed in the split-screen application display area.

[0172] When the user Figure 6 When the interface shown in f in FIG. 6 is triggered by clicking, touching, or continuously pressing the image 614 after adding the morning light filter, the terminal device receives the user's operation of comparing images and displays the original image in the preview area.

[0173] above Figure 6 In the embodiment shown, when the terminal device is in a folded state or split screen, image comparison is achieved by adding filtered images. The terminal device can also achieve image comparison through controls. Figure 6 The interfaces shown in e and f also include comparison controls. Figure 6 The interface shown in e or Figure 6 When the comparison control is triggered by clicking, touching, or continuously pressing the interface shown in f, the terminal device receives the user's operation of comparing images and displays the original image in the preview area of the corresponding interface.

[0174] For example, Figure 7 A schematic diagram of an interface corresponding to editing an image when a terminal device is in an expanded state provided in an embodiment of the present application.

[0175] When the terminal device receives the user's operation of editing the image, the user can also Figure 4 or Figure 5 To edit the image in the manner shown, the terminal device can enter the Figure 7 The image editing interface shown in a. Figure 7 As shown in a in FIG. , the image editing interface may include an image display area 701 and editing options. The image display area includes an original image 702. The original image 702 fills the entire image display area 701 horizontally or vertically. The editing options include, but are not limited to, editing options such as clipping, filtering 703, adjustment, or other types of editing options.

[0176] When the user Figure 7 When the filter 703 is triggered by clicking, touching, etc. in the image editing interface shown in a, the terminal device receives the user's operation of adjusting the image filter, and the terminal device enters the Figure 7 The filter adjustment interface shown in b in FIG. The filter adjustment interface may include: a preview area 704 and filter selection options. The filter selection options include, but are not limited to: original image, classic, morning light 705, black and white, or other types of filter selection options.

[0177] When the user Figure 7 When the morning light 705 is triggered by clicking, touching or other operations in the filter adjustment interface shown in b, the terminal device receives the user's operation of adding the morning light filter, and the terminal device enters the Figure 7 The Morning Light filter interface shown in c in Figure 1 may include a preview area 706, a split control 707, and filter selection options. The image 708 after adding the Morning Light filter fills the preview area 706 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types.

[0178] When the user Figure 7 When the split control 707 is triggered by continuously pressing the morning light filter interface shown in c, the terminal device receives the user's operation of comparing images, and the terminal device enters the following state: Figure 7 The comparison interface shown in d in FIG. The comparison interface includes a preview area 709. The preview area 709 displays the original image 710 and the image 711 after adding the morning light filter.

[0179] When the user Figure 7 When a lifting operation is received in the comparison interface shown in d in FIG, the terminal device receives the user's operation to end the comparison of images, and the terminal device enters the following Figure 7 The morning light filter interface shown in c.

[0180] In this way, the edited image and the original image are compared separately, which is convenient for users to compare. In addition, separate comparison can make full use of the screen and beautify the display interface.

[0181] In a possible implementation, the split control 707 is located in the lower right corner of the inner screen of the terminal device, which is convenient for the user to operate with one hand and improves the user's operating efficiency.

[0182] In a possible implementation, when the terminal device enters the interface after adding a filter, the interface after adding a filter displays the name of the added filter, and the filter name disappears after being displayed for a preset time. Figure 7 In the morning light filter interface shown in c, "Morning Light" is displayed on the interface, and "Morning Light" disappears after being displayed for a preset time. The preset time can be 1 second (s) or any other time, and this embodiment of the application is not limited to this.

[0183] Based on the above embodiment, when the terminal device displays Figure 7When the morning light filter interface shown in c in the figure switches from the expanded state to the folded state, the terminal device displays Figure 7 The Morning Light filter interface shown in Figure e of the image above may include a preview area 712, a contrast control 713, and filter selection options. The image 714 after adding the Morning Light filter fills the entire preview area 712 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types.

[0184] When the user Figure 7 When the contrast control 713 is triggered by clicking, touching, or continuously pressing the morning light filter interface shown in FIG. 7 , the terminal device receives the user's operation of comparing images and displays the original image in the preview area.

[0185] Based on the above embodiment, when the terminal device displays Figure 7 The morning light filter interface shown in c in the figure, when receiving the operation for instructing split screen, the terminal device displays Figure 7 The interface shown in f in FIG. This interface may include: a gallery application display area and a split-screen application display area. The gallery application display area includes: a preview area 715, a comparison control 716, and filter selection options. The image 717 after adding the morning light filter fills the preview area 715 horizontally or vertically. The filter selection options include but are not limited to: original image, classic, morning light, black and white, or other types of filter selection options. The split-screen application display area can be referred to the relevant description above and will not be repeated here.

[0186] When the user Figure 7 When the comparison control 716 is triggered by clicking, touching, pressing or other operations on the interface shown in f, the terminal device receives the user's operation of comparing images and displays the original image in the preview area.

[0187] above Figure 7 In the embodiment shown, when the terminal device is in a folded state or split screen, image comparison is achieved through controls, and the terminal device can also achieve image comparison by adding filtered images. Figure 7 The interfaces shown in Figures e and f do not include the comparison control. Figure 7 The interface shown in e or Figure 7 When the interface shown in f in the figure is triggered by clicking, touching, pressing and holding, etc. to add the morning light filter to the image, the terminal device receives the user's operation of comparing the images and displays the original image in the preview area of the corresponding interface.

[0188] The following combination Figure 8 and Figure 9 This section describes the process of image comparison using click or touch operations.

[0189] For example, Figure 8 A schematic diagram of an interface corresponding to editing an image when a terminal device is in an expanded state provided in an embodiment of the present application.

[0190] When the terminal device receives the user's operation to edit the image, the terminal device can enter the following Figure 8 The image editing interface shown in a. Figure 8 As shown in a in FIG. , the image editing interface may include an image display area 801 and editing options. The image display area includes an original image 802. The original image 802 fills the entire image display area 801 horizontally or vertically. The editing options include, but are not limited to, clipping, filtering 803, adjustment, or other types of editing options.

[0191] When the user Figure 8 When the filter 803 is triggered by clicking, touching or other operations in the image editing interface shown in a, the terminal device receives the user's operation of adjusting the image filter, and the terminal device enters the following Figure 8 The filter adjustment interface shown in b in FIG. The filter adjustment interface may include: a preview area 804 and filter selection options. The filter selection options include, but are not limited to: original image, classic, morning light 805, black and white, or other types of filter selection options.

[0192] When the user Figure 8 When the morning light 805 is triggered by clicking, touching or other operations in the filter adjustment interface shown in b, the terminal device receives the user's operation of adding the morning light filter, and the terminal device enters the Figure 8 The Morning Light filter interface shown in c in Figure 1 may include a preview area 806 and filter selection options. The image 807 after adding the Morning Light filter fills the preview area 806 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types.

[0193] When the user Figure 8 When the image 807 after adding the morning light filter is triggered by clicking, touching, etc. in the morning light filter interface shown in c, the terminal device receives the user's operation of comparing images, and the terminal device enters the Figure 8 The comparison interface shown in d in FIG. The comparison interface includes a preview area 808. The preview area 808 displays the original image 809 and the image 810 after adding the morning light filter.

[0194] When the user Figure 8 When the image 810 after adding the morning light filter is triggered by clicking, touching or other operations in the comparison interface shown in d, the terminal device receives the user's operation to end the comparison of images, and the terminal device enters the following Figure 8 The morning light filter interface shown in c.

[0195] In this way, the edited image and the original image are compared separately, which is convenient for users to compare. In addition, separate comparison can make full use of the screen and beautify the display interface.

[0196] In a possible implementation, when the terminal device enters the interface after adding a filter, the interface after adding a filter displays the name of the added filter, and the filter name disappears after being displayed for a preset time. Figure 8 In the morning light filter interface shown in c, "Morning Light" is displayed on the interface, and "Morning Light" disappears after being displayed for a preset time. The preset time can be 1 second (s) or any other time, and this embodiment of the application is not limited to this.

[0197] Based on the above embodiment, when the terminal device displays Figure 8 The morning light filter interface shown in c or Figure 8 When the comparison interface shown in d is switched from the expanded state to the folded state, the terminal device displays Figure 8 The Morning Light filter interface shown in Figure e of the figure can include a preview area 811 and filter selection options. The image 812 after adding the Morning Light filter fills the preview area 811 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types.

[0198] When the user Figure 8 When the morning light filter interface shown in e in FIG is triggered by operations such as clicking, touching, and continuously pressing to add the morning light filter to the image 812, the terminal device receives the user's operation of comparing images and displays the original image in the preview area.

[0199] Based on the above embodiment, when the terminal device displays Figure 8 The morning light filter interface shown in c or Figure 8 When receiving the operation for instructing split screen, the terminal device displays the comparison interface shown in d on the inner screen. Figure 8 The interface shown in f.

[0200] This interface includes a gallery application display area and a split-screen application display area. The gallery application display area includes a preview area 813 and filter selection options. The image 814 with the morning light filter added fills the entire preview area 813 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types. The split-screen application display area can be described above and will not be further elaborated here.

[0201] When the user Figure 8When the interface shown in f in FIG. 8 is triggered by clicking, touching, or continuously pressing the image 814 after adding the morning light filter, the terminal device receives the user's operation of comparing the images and displays the original image in the preview area.

[0202] above Figure 8 In the embodiment shown, when the terminal device is in a folded state or split screen, image comparison is achieved by adding filtered images. The terminal device can also achieve image comparison through controls. Figure 8 The interfaces shown in e and f also include comparison controls. Figure 8 The interface shown in e or Figure 8 When the comparison control is triggered by clicking, touching, or continuously pressing the interface shown in f, the terminal device receives the user's operation of comparing images and displays the original image in the preview area of the corresponding interface.

[0203] For example, Figure 9 A schematic diagram of an interface corresponding to editing an image when a terminal device is in an expanded state provided in an embodiment of the present application.

[0204] When the terminal device receives the user's operation to edit the image, the terminal device can enter the following Figure 9 The image editing interface shown in a. Figure 9 As shown in a in FIG. , the image editing interface may include an image display area 901 and editing options. The image display area includes an original image 902. The original image 902 fills the entire image display area 901 horizontally or vertically. The editing options include, but are not limited to, editing options such as clipping, filtering 903, adjustment, or other types of editing options.

[0205] When the user Figure 9 When the filter 903 is triggered by clicking, touching, etc. in the image editing interface shown in a, the terminal device receives the user's operation of adjusting the image filter, and the terminal device enters the Figure 9 The filter adjustment interface shown in b in FIG. The filter adjustment interface may include: a preview area 904 and filter selection options. The filter selection options include, but are not limited to: original image, classic, morning light 905, black and white, or other types of filter selection options.

[0206] When the user Figure 9 When the morning light 905 is triggered by clicking, touching or other operations in the filter adjustment interface shown in b, the terminal device receives the user's operation of adding the morning light filter, and the terminal device enters the following Figure 9The Morning Light filter interface shown in c in Figure 1 may include a preview area 906, a split control 907, and filter selection options. The image 908 after adding the Morning Light filter fills the preview area 906 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types.

[0207] When the user Figure 9 When the split control 907 is triggered by clicking, touching, etc. in the morning light filter interface shown in c, the terminal device receives the user's operation of comparing images, and the terminal device enters the following Figure 9 The comparison interface shown in d in FIG. The comparison interface includes a preview area 909 and a merge control 910. The preview area 909 displays the original image 911 and the image 912 after adding the morning light filter.

[0208] When the user Figure 9 When the merge control 910 is triggered by clicking, touching, etc. in the comparison interface shown in FIG. d, the terminal device receives the user's operation to end the comparison of images, and the terminal device enters the following state: Figure 9 The morning light filter interface shown in c.

[0209] In this way, the edited image and the original image are compared separately, which is convenient for users to compare. In addition, separate comparison can make full use of the screen and beautify the display interface.

[0210] In a possible implementation, the split control 907 and / or the merge control 910 are located in the lower right corner of the inner screen of the terminal device, which facilitates the user's one-handed operation and improves the user's operating efficiency.

[0211] In a possible implementation, when the terminal device enters the interface after adding a filter, the interface after adding a filter displays the name of the added filter, and the filter name disappears after being displayed for a preset time. Figure 9 In the morning light filter interface shown in c, "Morning Light" is displayed on the interface, and "Morning Light" disappears after being displayed for a preset time. The preset time can be 1 second (s) or any other time, and this embodiment of the application is not limited to this.

[0212] When the terminal device displays Figure 9 The morning light filter interface shown in c or Figure 9 When the comparison interface shown in d is switched from the expanded state to the folded state, the terminal device displays Figure 9 The Morning Light filter interface shown in Figure e of the figure can include a preview area 913, a contrast control 914, and filter selection options. The image 915 after adding the Morning Light filter fills the entire preview area 913 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types.

[0213] When the user Figure 9 When the morning light filter interface shown in FIG. 8 triggers the comparison control 914 by clicking, touching, or other operations, the terminal device receives the user's operation of comparing images and displays the original image in the preview area.

[0214] Based on the possible implementation method 2, when the terminal device displays Figure 9 The morning light filter interface shown in c or Figure 9 When receiving the operation for instructing split screen, the terminal device displays the comparison interface shown in d on the inner screen. Figure 9 The interface shown in f in FIG. This interface may include: a gallery application display area and a split-screen application display area. The gallery application display area includes: a preview area 916, a comparison control 917, and filter selection options. The image 918 after adding the morning light filter fills the preview area 916 horizontally or vertically. The filter selection options include but are not limited to: original image, classic, morning light, black and white, or other types of filter selection options. The split-screen application display area can refer to the relevant description above and will not be repeated here.

[0215] When the user Figure 9 When the comparison control 917 is triggered by clicking, touching, or other operations in the interface shown in FIG. 5 , the terminal device receives the user's operation of comparing images and displays the original image in the preview area.

[0216] above Figure 9 In the embodiment shown, when the terminal device is in a folded state or split screen, image comparison is achieved through controls, and the terminal device can also achieve image comparison by adding filtered images. Figure 9 The interfaces shown in Figures e and f do not include the comparison control. Figure 9 The interface shown in e or Figure 9 When the interface shown in f in the figure is triggered by clicking, touching, pressing and holding, etc. to add the morning light filter to the image, the terminal device receives the user's operation of comparing the images and displays the original image in the preview area of the corresponding interface.

[0217] above Figure 9 In the embodiment shown, the display switching between dual images and single images is achieved by switching different controls (for example, splitting controls or merging controls). The display switching between dual images and single images can also be achieved through different states of the same control (for example, on or off). The specific implementation is similar to the interface display and will not be described in detail here.

[0218] above Figure 8 and Figure 9In the embodiment shown, the terminal device can confirm the editing effect by comparing the image after adding the filter and the original image at the same time when the terminal device is in the expanded state. The terminal device can also confirm the editing effect by superimposing the comparison at the same position.

[0219] In the above Figure 8 or Figure 9 Based on the illustrated embodiment, the terminal device can receive a user's overlay comparison operation in the filter-adding interface and then display the original image over the filtered image in the preview area. This allows the two images to be displayed alternately in their original positions, making it easier for the user to confirm the edited areas in the image, verify the editing effects, and compare textures and lines.

[0220] Among the possible implementations, Figure 8 The interface shown in c and Figure 9 The interfaces shown in c in FIG. 1 and 2 may include a comparison control. Figure 9 Take the morning light filter interface shown in c as an example. Figure 9 The morning light filter interface shown in c in FIG further includes: a contrast control 919. When the user Figure 9 When the contrast control 919 is triggered by clicking, touching or continuously pressing in the morning light filter interface shown in c, the terminal device receives the user's operation of comparing images, and the terminal device displays the original image (such as Figure 10 (as shown in a in the figure).

[0221] In possible implementations, Figure 9 Based on the embodiment shown, when the terminal device is in the expanded single-image interface (for example, Figure 9 In the interface shown in c in FIG), when the filtered image is added by clicking, touching or continuously pressing, the terminal device receives the user's operation of comparing images, and the terminal device displays the original image at the position of the corresponding image.

[0222] In the above Figure 8 and Figure 9 Based on the illustrated embodiment, the terminal device can receive a user's overlay comparison command on the comparison interface and then display the original image in the preview area in place of the filtered image. This replaces the original image display, making it easier for the user to confirm the edited areas in the image and verify the editing effect from perspectives such as line texture.

[0223] Among the possible implementations, Figure 8 The interface shown in d and Figure 9 The interfaces shown in c in FIG. 1 and 2 may include a comparison control. Figure 9 Take the interface shown in d as an example, Figure 9 The interface shown in d in FIG further includes: a comparison control 920. When the user Figure 9 When the comparison control 920 is triggered by clicking, touching, or continuously pressing in the interface shown in d, the terminal device receives the user's comparison operation, and the terminal device displays the original image (such as Figure 10 (as shown in b in the figure).

[0224] In possible implementations, Figure 9 Based on the embodiment shown, when the terminal device is in the expanded dual-image interface (for example, Figure 9 When the filtered image is added by clicking, touching or continuously pressing the interface shown in d in the figure, the terminal device receives the user's operation of comparing images, and the terminal device displays the original image at the position of the corresponding image.

[0225] above Figures 6-10 In the corresponding embodiment, the terminal device displays a single image by default after selecting a filter until a comparison operation is received; Figure 11-13 The following describes the process of displaying two images for comparison by default after a filter is selected on a terminal device.

[0226] For example, Figure 11 A schematic diagram of an interface corresponding to editing an image when a terminal device is in an expanded state provided in an embodiment of the present application.

[0227] When the terminal device receives the user's operation to edit the image, the terminal device can enter the following Figure 11 The image editing interface shown in a. Figure 11 As shown in a in FIG. , the image editing interface may include an image display area 1101 and editing options. The image display area includes an original image 1102. Original image 1102 fills image display area 1101 horizontally or vertically. Editing options include, but are not limited to, editing options such as clipping, filtering, and adjusting.

[0228] When the user Figure 11 When the filter 1103 is triggered by clicking, touching, etc. in the image editing interface shown in a, the terminal device receives the user's operation of adjusting the image filter, and the terminal device enters the Figure 11 The filter adjustment interface shown in b in FIG. The filter adjustment interface may include: a preview area 1104 and filter selection options. The filter selection options include, but are not limited to: original image, classic, morning light 1105, black and white, or other types of filter selection options.

[0229] When the user Figure 11 When the morning light 1105 is triggered by clicking, touching or other operations in the filter adjustment interface shown in b, the terminal device receives the user's operation of adding the morning light filter, and the terminal device enters the Figure 11The comparison interface shown in c in Figure 110 is comprised of a preview area 1106, a merge control 1107, and filter options. Preview area 1106 displays the original image 1108 and the image with the morning light filter added 1109. Filter options include, but are not limited to, original, classic, morning light, black and white, or other filter options.

[0230] In this way, the edited image and the original image are compared separately, which is convenient for users to compare. In addition, separate comparison can make full use of the screen and beautify the display interface.

[0231] In a possible implementation, when the terminal device enters the interface after adding a filter, the interface after adding a filter displays the name of the added filter, and the filter name disappears after being displayed for a preset time. Figure 11 In the morning light filter interface shown in c, "Morning Light" is displayed on the interface, and "Morning Light" disappears after being displayed for a preset time. The preset time can be 1 second (s) or any other time, and this embodiment of the application is not limited to this.

[0232] When the user Figure 11 When the merge control 1107 is triggered by clicking, touching, etc. in the comparison interface shown in c, the terminal device receives the user's operation to cancel the comparison, and the terminal device enters the following state: Figure 11 The Morning Light filter interface shown in d in the figure may include a preview area 1110, a split control 1111, and filter selection options. The image 1112 after adding the Morning Light filter fills the entire preview area 1110 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types.

[0233] When the user Figure 11 When the split control 1111 is triggered by clicking, touching, etc. in the morning light filter interface shown in d, the terminal device receives the user's operation of comparing images, and the terminal device enters the following Figure 11 The comparison interface shown in c.

[0234] In a possible implementation, the split control 1111 and / or the merge control 1107 are located in the lower right corner of the inner screen of the terminal device, which facilitates the user's one-handed operation and improves the user's operating efficiency.

[0235] It should be noted that the merge control 1107 and the split control 1111 can be two different states of a control, that is, the merge control 1107 and the split control 1111 can be implemented by a two-state selection switch.

[0236] It is understandable that when the terminal device is Figure 11When the morning light filter interface shown in d triggers other filters by clicking, touching, etc., the images corresponding to the other filters are displayed in the preview area. Other filters include but are not limited to classic, black and white, etc. If the user triggers other filters and triggers the split control 1111 by clicking, touching, etc., the terminal device will Figure 11 The preview area of the comparison interface shown in c in FIG. 1 displays the original image and the images corresponding to other filters.

[0237] exist Figure 11 On the basis of the corresponding embodiment, when the terminal device displays Figure 11 The comparison interface shown in c or Figure 11 When the morning light filter interface shown in d in the figure switches from the expanded state to the folded state, the terminal device displays Figure 11 The Morning Light filter interface shown in Figure e of the image above may include a preview area 1113, a contrast control 1114, and filter selection options. The image 1115 after adding the Morning Light filter fills the entire preview area 1113 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types.

[0238] When the user Figure 11 When the morning light filter interface shown in FIG. 5 is triggered by clicking, touching or other operations on the comparison control 1114 , the terminal device receives the user's operation of comparing images and displays the original image in the preview area.

[0239] exist Figure 11 On the basis of the corresponding embodiment, when the terminal device displays Figure 11 The comparison interface shown in c or Figure 11 The morning light filter interface shown in d in the figure, when receiving the operation for instructing split screen, the terminal device displays Figure 11 The interface shown in e in the figure may include: a gallery application display area and a split-screen application display area. The gallery application display area includes: a preview area 1116, a comparison control 1117, and filter selection options. The image 1118 after adding the morning light filter fills the preview area 1116 horizontally or vertically. The filter selection options include but are not limited to: original image, classic, morning light, black and white, or other types of filter selection options. The split-screen application display area can be referred to the relevant description above and will not be repeated here.

[0240] When the user Figure 11 When the morning light filter interface shown in f triggers the comparison control 1117 by clicking, touching, etc., the terminal device receives the user's operation of comparing images and displays the original image in the preview area.

[0241] above Figure 11In the embodiment shown, the display switching between dual images and single images is achieved by switching different controls (for example, splitting controls or merging controls), and the display switching between dual images and single images can also be achieved by different states of the same control (for example, on or off).

[0242] For example, Figure 12 A schematic diagram of an interface corresponding to editing an image when a terminal device is in an expanded state provided in an embodiment of the present application.

[0243] When the terminal device receives the user's operation to edit the image, the terminal device can enter the following Figure 12 The image editing interface shown in a. Figure 12 As shown in a in FIG. , the image editing interface may include an image display area 1201 and editing options. The image display area includes an original image 1202. The original image 1202 fills the entire image display area 1201 horizontally or vertically. The editing options include, but are not limited to, clipping, filtering 1203, adjustment, or other types of editing options.

[0244] When the user Figure 12 When the filter 1203 is triggered by clicking, touching, etc. in the image editing interface shown in a, the terminal device receives the user's operation of adjusting the image filter, and the terminal device enters the Figure 12 The filter adjustment interface shown in b in FIG. The filter adjustment interface may include: a preview area 1204 and filter selection options. The filter selection options include, but are not limited to: original image, classic, morning light 1205, black and white, or other types of filter selection options.

[0245] When the user Figure 12 When the morning light 1205 is triggered by clicking, touching or other operations in the filter adjustment interface shown in b, the terminal device receives the user's operation of adding the morning light filter, and the terminal device enters the following Figure 12 The comparison interface shown in c in Figure 1 includes a preview area 1206, a dual-image control 1207, and filter options. Preview area 1206 displays the original image 1208 and the image with the morning light filter added 1209. Filter options include, but are not limited to, original, classic, morning light, black and white, or other filter options.

[0246] In this way, the edited image and the original image are compared separately, which is convenient for users to compare. In addition, separate comparison can make full use of the screen and beautify the display interface.

[0247] In a possible implementation, when the terminal device enters the interface after adding a filter, the interface after adding a filter displays the name of the added filter, and the filter name disappears after being displayed for a preset time. Figure 12In the morning light filter interface shown in c, "Morning Light" is displayed on the interface, and "Morning Light" disappears after being displayed for a preset time. The preset time can be 1 second (s) or any other time, and this embodiment of the application is not limited to this.

[0248] When the user Figure 12 When the state of the dual-image control 1207 is changed by clicking, touching, etc. in the comparison interface shown in FIG. 3 , the terminal device receives the user's operation to cancel the comparison, and the terminal device enters the state shown in FIG. Figure 12 The single-image interface shown in d is the Morning Light filter interface. This Morning Light filter interface includes a preview area 1210, a dual-image control 1211, and filter selection options. The image 1212 with the Morning Light filter applied fills the entire preview area 1210 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types.

[0249] It is understood that if the dual-image control 1207 is in the open state, clicking the dual-image control 1207 triggers a state change, that is, triggering the dual-image control 1207 to switch to the closed state. If the dual-image control 1207 is in the closed state, clicking the dual-image control 1207 triggers a state change, that is, triggering the dual-image control 1207 to switch to the open state. The embodiments of the present application do not limit the specific states corresponding to the controls.

[0250] When the user Figure 12 When the state of the dual image control 1211 is changed by clicking, touching, etc. in the morning light filter interface shown in d, the terminal device receives the user's operation of comparing images, and the terminal device enters the state shown in Figure 12 The comparison interface shown in c.

[0251] In a possible implementation, the dual-image control in the above embodiment is located in the lower right corner of the inner screen of the terminal device, which is convenient for the user to operate with one hand and improves the user's operating efficiency.

[0252] It is understandable that when the terminal device is Figure 12 When the morning light filter interface shown in d triggers other filters by clicking, touching, etc., the images corresponding to the other filters are displayed in the preview area. Other filters include but are not limited to classic, black and white, etc. If the user triggers other filters and triggers the dual image control 1211 state change by clicking, touching, etc., the terminal device will Figure 12 The preview area of the comparison interface shown in c in FIG. 1 displays the original image and the images corresponding to other filters.

[0253] exist Figure 12 On the basis of the corresponding embodiment, when the terminal device displays Figure 12 The comparison interface shown in c or Figure 12When the morning light filter interface shown in d in the figure switches from the expanded state to the folded state, the terminal device displays Figure 12 The Morning Light filter interface shown in Figure e of the image above may include a preview area 1213, a contrast control 1214, and filter selection options. The image 1215 after adding the Morning Light filter fills the entire preview area 1213 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types.

[0254] When the user Figure 12 When the morning light filter interface shown in e triggers the comparison control 1214 by clicking, touching, etc., the terminal device receives the user's operation of comparing images and displays the original image in the preview area.

[0255] exist Figure 12 On the basis of the corresponding embodiment, when the terminal device displays Figure 12 The comparison interface shown in c or Figure 12 The morning light filter interface shown in d in the figure, when receiving the operation for instructing split screen, the terminal device displays Figure 12 The interface shown in e in FIG. This interface may include: a gallery application display area and a split-screen application display area. The gallery application display area includes: a preview area 1216, a comparison control 1217, and filter selection options. The image 1218 after adding the morning light filter fills the preview area 1216 horizontally or vertically. The filter selection options include but are not limited to: original image, classic, morning light, black and white, or other types of filter selection options. The split-screen application display area can be referred to the relevant description above and will not be repeated here.

[0256] When the user Figure 12 When the morning light filter interface shown in f triggers the comparison control 1217 by clicking, touching, etc., the terminal device receives the user's operation of comparing images and displays the original image in the preview area.

[0257] above Figure 11 and Figure 12 In the embodiment shown, when the terminal device is in a folded state or split screen, image comparison is achieved through controls, and the terminal device can also achieve image comparison by adding filtered images. Figure 12 The interfaces shown in Figures e and f do not include the comparison control. Figure 12 The interface shown in e or Figure 12 When the interface shown in f in the figure is triggered by clicking, touching, pressing and holding, etc. to add the morning light filter to the image, the terminal device receives the user's operation of comparing the images and displays the original image in the preview area of the corresponding interface.

[0258] above Figure 11 and Figure 12In the embodiment shown, the terminal device can confirm the editing effect by comparing the image after adding the filter and the original image at the same time when the terminal device is in the expanded state. The terminal device can also confirm the editing effect by superimposing the comparison at the same position.

[0259] In the above Figure 11 or Figure 12 Based on the illustrated embodiment, the terminal device can receive a user's overlay comparison command on the comparison interface and then display the original image in the preview area in the position of the filtered image. In this way, the two images are switched and compared in the same position, making it easier for the user to confirm the edited area in the image and confirm the editing effect.

[0260] Among the possible implementations, Figure 11 The interface shown in c and Figure 12 The interfaces shown in c in FIG. 1 and 2 may include a comparison control. Figure 12 Take the morning light filter interface shown in c as an example. Figure 12 The morning light filter interface shown in c in FIG further includes: a contrast control 1219. When the user Figure 12 When the contrast control 1219 is triggered by clicking, touching, or continuously pressing in the morning light filter interface shown in c, the terminal device receives the user's operation of comparing images, and the terminal device displays the original image (such as Figure 13 (as shown in a in the figure).

[0261] In a possible implementation, when the terminal device is in the expanded dual-image interface (for example, Figure 11 The interface shown in c and Figure 12 When the filtered image is added by clicking, touching or continuously pressing the interface shown in c in the figure, the terminal device receives the user's operation of comparing images, and the terminal device displays the original image at the position of the corresponding image.

[0262] In the above Figure 11 and Figure 12 Based on the illustrated embodiment, the terminal device can receive a user's overlay comparison operation in the add filter interface and then display the original image in the preview area in the place of the filtered image. This allows the user to easily identify the edited areas in the image and verify the editing effect based on dimensions such as texture and line.

[0263] Among the possible implementations, Figure 11 The interface shown in d and Figure 12 The interfaces shown in d in FIG. 1 and 2 may include a comparison control. Figure 12 Take the interface shown in d as an example, Figure 12The interface shown in d in FIG further includes: a comparison control 1220. When the user Figure 12 When the comparison control 1220 is triggered by clicking, touching, or continuously pressing in the interface shown in d, the terminal device receives the user's comparison operation, and the terminal device displays the original image (such as Figure 13 (as shown in b in the figure).

[0264] In a possible implementation, when the terminal device is in the expanded single-image interface (for example, Figure 11 The interface shown in d and Figure 12 In the interface shown in d in the figure), when the filtered image is added by clicking, touching or continuously pressing, the terminal device receives the user's operation of comparing images, and the terminal device displays the original image superimposed at the position of the corresponding image.

[0265] In the above Figure 6-Figure 12 Based on the illustrated embodiment, the terminal device may compare images with different filters with the original image, or the terminal device may compare images with different filters.

[0266] In a first possible implementation, when the terminal device receives an operation for instructing other filters, the terminal device compares the image with the other filters added with the original image.

[0267] For example, Figure 12 For example, when the terminal device is Figure 12 When the comparison interface shown in c in FIG receives an operation for indicating a classic filter, the terminal device compares the image with the classic filter added with the original image. For example, Figure 12 The position of image 1209 on c in FIG. 1 shows the image after the original image is processed using the classic filter.

[0268] In a second possible implementation, when the terminal device receives an operation from the user to drag any filter in the filter selection items to a preset area, the terminal device adds an image corresponding to the corresponding filter for comparison.

[0269] The preset area may be the entire preview area or part of the preview area in the interface, or may be other areas in the interface, which is not limited in this embodiment of the present application.

[0270] It is understandable that the terminal device can add images corresponding to corresponding filters for comparison by increasing the number of displayed images, or can add images corresponding to corresponding filters for comparison by replacing images at corresponding positions.

[0271] For example, taking the preset area as a blank area in the preview area as an example, when the terminal device is in Figure 12In the comparison interface shown in c, when the user drags the classic filter in the filter selection item to the preset area, the terminal device compares the image with the classic filter, the image with the morning light filter, and the original image.

[0272] For example, taking the preset area as the area where the image is displayed as an example, if the terminal device is in Figure 12 In the comparison interface shown in c, the user drags the classic filter from the filter selection item to the original image. The terminal device replaces the original image with the image with the classic filter added, and compares the image with the classic filter and the image with the morning light filter added. If the terminal device is in Figure 12 In the comparison interface shown in c, the user drags the classic filter from the filter selection item to the image with the morning light filter added. The terminal device replaces the image with the morning light filter with the image with the classic filter added, and compares the image with the classic filter with the original image.

[0273] The embodiment of the present application does not limit the number of images that can be displayed simultaneously on the terminal device. The terminal device can also adjust the layout of the display interface according to the number of images displayed to adjust the image size.

[0274] In a third possible implementation, the terminal device may compare the image after the filter is added for the Nth time with the image after the filter is added for the N-1th time based on the order in which the filters are selected.

[0275] For example, taking the case where the terminal device selects the morning light filter for the first time and the classic filter for the second time, when the terminal device is displaying the image with the classic filter added, it receives an operation for instructing to compare images, and the terminal device displays the image with the morning light filter added and the image with the classic filter added for comparison.

[0276] For example, taking the case where the terminal device selects the morning light filter for the first time and the classic filter for the second time, when the terminal device displays the original image and the image with the morning light filter added for comparison, it receives an instruction to select the classic filter operation, and the terminal device displays the image with the morning light filter added and the image with the classic filter added for comparison.

[0277] In a possible implementation, when the terminal device receives an operation for indicating other filters in the comparison interface of the above embodiment, the terminal device displays the image of the filter added for the N-1th time and the image of the filter added for the Nth time in the preview area, and displays the latest filter on the right.

[0278] For example, Figure 12 For example, when the terminal device is Figure 12 When the morning light filter interface shown in c receives an operation for indicating the classic filter, the terminal device enters Figure 14The comparison interface shown in a of FIG. This interface includes a preview area 1401, a merge control 1402, and filter selection options. Preview area 1401 displays an image 1403 with a Morning Light filter applied and an image 1404 with a Classic filter applied. Filter selection options include, but are not limited to, Original, Classic, Morning Light, Black and White, or other filter options.

[0279] When the user Figure 14 When the state of the dual-image control 1402 is changed by clicking, touching, etc. in the comparison interface shown in a, the terminal device receives the user's operation to cancel the comparison, and the terminal device enters the following state: Figure 14 The classic filter interface shown in b in Figure 1402 may include a preview area 1405, a dual-image control 1406, and filter selection options. The image 1407 after adding the classic filter fills the preview area 1405 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types.

[0280] In a possible implementation, when the terminal device displays Figure 14 The comparison interface shown in a or Figure 14 When the classic filter interface shown in b in the figure switches from the expanded state to the collapsed state, the terminal device displays Figure 14 The classic filter interface shown in c in Figure 140 is shown. This classic filter interface may include a preview area 1408, a contrast control 1409, and filter selection options. The image 1410 after adding the classic filter fills the entire preview area 1408 horizontally or vertically. Filter selection options include, but are not limited to, original image, classic, morning light, black and white, or other filter types.

[0281] When the user Figure 14 When the comparison control 1409 is triggered by clicking, touching, or other operations on the classic filter interface shown in c, the terminal device receives the user's operation of comparing images and displays the morning light filter image added in the preview area.

[0282] In a possible implementation, when the terminal device displays Figure 14 The comparison interface shown in a or Figure 14 The classic filter interface shown in b in the figure, when receiving the operation for instructing split screen, the terminal device displays Figure 14 The interface shown in d in the figure may include: a gallery application display area and a split-screen application display area. The gallery application display area includes: a preview area 1411, a comparison control 1414, and filter selection options. The image 1413 after adding the classic filter fills the preview area 1411 horizontally or vertically. The filter selection options include, but are not limited to: original image, classic, morning light, black and white, or other types of filter selection options.

[0283] When the user Figure 14 When the classic filter interface shown in d triggers the comparison control 1414 by clicking, touching, etc., the terminal device receives the user's operation of comparing images and displays the image with the morning light filter added in the preview area.

[0284] It is understandable that the above Figure 6-Figure 14 In the embodiment shown, the terminal device performs image comparison in a left-right layout manner; the terminal device may also perform image comparison in a top-bottom layout manner.

[0285] In some embodiments, when comparing images, the terminal device may select different layouts based on the size of the image and the size of the preview area to maximize the display of the image.

[0286] For example, when the ratio of the length to the width of the image is greater than a first threshold, a top-bottom layout is adopted. When the ratio of the length to the width of the image is less than or equal to the first threshold, a left-right layout is adopted.

[0287] The first threshold can be determined based on the size of the preview area and the preset spacing. When the terminal device displays N images at the same time, the first threshold satisfies

[0288] For example, when the terminal device displays two images simultaneously, the first threshold satisfies

[0289] The following combination Figure 15 Explain the layout of terminal equipment selection.

[0290] For example, Figure 15 This is a schematic diagram of an image layout provided by an embodiment of the present application. Take the length and width of the preview area as 1984 pixels (px) and 1268 px respectively, and the preset spacing as 78 px as an example. The first threshold is

[0291] When the ratio of the length to the width of the image is When using left-right layout, the maximum size of the image displayed is 953px*595px (e.g. Figure 15 The maximum size of an image displayed in top-down layout is 953px*595px (as shown in a in Figure 15 (as shown in b in the figure).

[0292] When the ratio of the length to the width of the image is When using left-right layout, the maximum size of the image displayed is 953px*1134px (such as Figure 15 The maximum size of an image displayed in top-down layout is 500px*595px (as shown in c in Figure 15 The left-right layout displays a larger image.

[0293] When the ratio of the length to the width of the image is When using top-down layout, the maximum size of the image displayed is 1500px*595px (e.g. Figure 15 The maximum size of an image displayed in top-down layout is 953px*567px (as shown in e in Figure 15 (as shown in f in the figure). The top-down layout displays a larger image.

[0294] from Figure 15 As can be seen from the figure, when the image's length-to-width ratio is equal to the first threshold, the image size is the same in both the top-bottom and left-right layouts. When the image's length-to-width ratio is less than the first threshold, the image displayed in the left-right layout is larger. When the image's length-to-width ratio is greater than the first threshold, the image displayed in the top-bottom layout is larger.

[0295] Based on the above embodiment, when the terminal device adds a filter to an image for the first time in the expanded state, a guide animation may be displayed on the terminal device interface to prompt the user how to perform image comparison.

[0296] For example, the guide animation can prompt the user to trigger the image comparison (such as Figure 16 ), and a trigger method for prompting the user to end the image comparison (as shown in a Figure 16 (as shown in b in the figure).

[0297] In this way, the user is prompted by the guiding animation to compare images when editing them, which improves the user experience.

[0298] In a possible implementation, the terminal device may also match different guidance prompts based on the size of the image.

[0299] For example, when the ratio of the length to the width of the image is greater than the first threshold, the user is prompted to use a top-bottom layout when comparing images (e.g. Figure 16 When the ratio of the length to the width of the image is less than or equal to the first threshold, the user is prompted to use a left-right layout when comparing images (e.g. Figure 17 The interfaces shown in a and b in the figure).

[0300] In some embodiments, when the terminal device receives a click, touch, or other operation at any location outside the boot animation area, the terminal device ends the boot animation, or the boot animation ends within a preset duration.

[0301] It's understandable that the image editing comparison above uses the addition of filters as an example. This can also be applied to other editing processes, including contrast adjustment, exposure adjustment, brightness adjustment, saturation adjustment, color temperature adjustment, highlight adjustment, shadow adjustment, sharpening adjustment, adding mosaics, and adding text. The specific implementation is similar to that for adding filters and will not be further elaborated here.

[0302] In a possible implementation, a terminal device performs different types of image editing. When switching between different editing types, the original image used in the next editing operation is the image after the previous editing operation. For example, when the terminal device receives a user operation to trim an image, the image size changes. When the terminal device receives a user operation to add a filter, the original image displayed in the filter interface is the image after the size change.

[0303] The method provided in the embodiment of the present application can also be applied to video editing scenarios. The video editing interface is similar to the image editing in the above embodiment and will not be described in detail here.

[0304] For example, Figure 18 A schematic diagram of an interface corresponding to editing a video when a terminal device is in an expanded state provided in an embodiment of the present application.

[0305] When the terminal device receives the user's operation of editing the video, the terminal device can enter the following Figure 18 The video editing interface shown in a. Figure 18 As shown in a in FIG, the video editing interface may include a video display area 1801 and editing options. The video display area includes the original video 1802. The original video 1802 fills the entire video display area 1801 horizontally or vertically. The editing options include, but are not limited to, editing options such as clips, filters 1803, music, text, adjustments, or other types of editing options.

[0306] When the user Figure 18 When the filter 1803 is triggered by clicking, touching, etc. in the video editing interface shown in a, the terminal device receives the user's operation of adjusting the video filter, and the terminal device enters the following Figure 18 The filter adjustment interface shown in b in FIG. The filter adjustment interface may include: a preview area 1804 and filter selection options. The filter selection options include, but are not limited to: original image, blur, morning light 1805, black and white, or other types of filter selection options.

[0307] When the user Figure 18 When the adjustment filter interface shown in b in the figure is triggered by clicking, touching or other operations, the terminal device receives the user's operation of adding the morning light filter, and the terminal device enters the following Figure 18 The Morning Light filter interface shown in c in Figure 18 is shown. This interface includes a preview area 1806, a split control 1807, and filter selection options. The video 1808 after adding the Morning Light filter fills the preview area 1806 horizontally or vertically. Filter selection options include, but are not limited to, original image, blurred, morning light, black and white, or other filter types.

[0308] When the user Figure 18 When the split control 1807 is triggered by clicking, touching, etc. in the morning light filter interface shown in c, the terminal device receives the user's operation of comparing videos, and the terminal device enters the following state: Figure 18 The comparison interface shown in d in FIG. The comparison interface includes a preview area 1809 and a merge control 1810. The preview area 1809 displays the original video 1811 and the video 1812 after adding the morning light filter.

[0309] When the user Figure 18 When the merge control 1810 is triggered by clicking, touching, etc. in the comparison interface shown in FIG. d, the terminal device receives the user's operation to end the comparison video, and the terminal device enters the following state: Figure 18 The morning light filter interface shown in c.

[0310] In this way, the edited video and the original video are compared separately, which is convenient for users to compare. In addition, separate comparison can make full use of the screen and beautify the display interface.

[0311] In a possible implementation, the split control 1807 and / or the merge control 1810 are located in the lower right corner of the inner screen of the terminal device, which facilitates the user's one-handed operation and improves the user's operating efficiency.

[0312] In a possible implementation, when the terminal device enters the interface after adding a filter, the interface after adding a filter displays the name of the added filter, and the filter name disappears after being displayed for a preset time. Figure 18 In the morning light filter interface shown in c, "Morning Light" is displayed on the interface, and "Morning Light" disappears after being displayed for a preset time. The preset time can be 1 second (s) or any other time, and this embodiment of the application is not limited to this.

[0313] When the terminal device displays Figure 18 The morning light filter interface shown in c or Figure 18 When the comparison interface shown in d is switched from the expanded state to the folded state, the terminal device displays Figure 18 The morning light filter interface shown in Figure e in the figure can include a preview area 1813, contrast controls 1814, and filter selection options. The video 1815 after adding the morning light filter fills the preview area 1813 horizontally or vertically. Filter selection options include, but are not limited to, original image, blurred, morning light, black and white, or other filter types.

[0314] When the user Figure 18 When the morning light filter interface shown in e triggers the comparison control 1814 by clicking, touching, etc., the terminal device receives the user's operation of comparing videos and displays the original video in the preview area.

[0315] Based on the possible implementation method 2, when the terminal device displays Figure 18 The morning light filter interface shown in c or Figure 18 When receiving the operation for instructing split screen, the terminal device displays the comparison interface shown in d on the inner screen. Figure 18 The interface shown in f in . This interface may include: a gallery application display area and a split-screen application display area. The gallery application display area includes: a preview area 1816, a comparison control 1817, and filter selection items. The video 1818 after adding the morning light filter fills the preview area 1816 horizontally or vertically. The filter selection items include but are not limited to: original image, blur, morning light, black and white, or other types of filter selection items. The split-screen application display area can refer to the relevant description above and will not be repeated here.

[0316] When the user Figure 18 When the comparison control 1817 is triggered by clicking, touching, or other operations on the interface shown in f, the terminal device receives the user's operation of comparing videos and displays the original video in the preview area.

[0317] above Figure 18 In the embodiment shown, when the terminal device is in a folded state or split screen, video comparison is achieved through controls, and the terminal device can also achieve video comparison by adding filtered videos. Figure 18 The interfaces shown in Figures e and f do not include the comparison control. Figure 18 The interface shown in e or Figure 18 When the interface shown in f triggers the video with the morning light filter added by clicking, touching, or continuously pressing, the terminal device receives the user's operation of comparing the videos and displays the original video in the preview area of the corresponding interface.

[0318] above Figure 18 In the embodiment shown, the display switching between dual images and single images is achieved by switching different controls (for example, splitting controls or merging controls). The display switching between dual images and single images can also be achieved through different states of the same control (for example, on or off). The specific implementation is similar to the interface display and will not be described in detail here.

[0319] above Figure 18 In the embodiment shown, the terminal device can confirm the editing effect by comparing the video after adding the filter and the original video at the same time when the terminal device is in the expanded state. The terminal device can also confirm the editing effect by comparing the video after adding the filter and the original video at the same position.

[0320] In the above Figure 18Based on the illustrated embodiment, the terminal device can receive a user's overlay comparison operation in the add filter interface and then display the original video in the preview area at the location of the added filtered video. In this way, the two videos are switched, making it easier for the user to confirm the edited area in the video, confirm the editing effect, and compare texture lines, etc.

[0321] For example, Figure 18 Take the morning light filter interface shown in c as an example. Figure 18 The morning light filter interface shown in c in FIG further includes: a contrast control 1819. When the user Figure 18 When the comparison control 1819 is triggered by clicking, touching or continuously pressing in the morning light filter interface shown in c, the terminal device receives the user's operation of comparing videos, and the terminal device displays the original video (such as Figure 19 (as shown in a in the figure).

[0322] In possible implementations, Figure 18 Based on the embodiment shown, when the terminal device is in the expanded single-image interface (for example, Figure 18 In the interface shown in c in FIG), when the video after adding the filter is triggered by clicking, touching or continuously pressing, the terminal device receives the user's operation of comparing the videos, and the terminal device displays the original video at the position of the corresponding video.

[0323] In the above Figure 18 Based on the illustrated embodiment, the terminal device can receive a user's overlay comparison command on the comparison interface and then display the original video in the preview area in the place of the filtered video. This allows the user to conveniently confirm the edited areas in the video and verify the editing effect through dimensions such as line texture.

[0324] For example, Figure 18 Take the interface shown in d as an example, Figure 18 The interface shown in d in FIG further includes: a comparison control 1820. When the user Figure 18 When the comparison control 1820 is triggered by clicking, touching, or continuously pressing in the interface shown in d, the terminal device receives the user's operation of superimposing the comparison, and the terminal device displays the original video (such as Figure 19 (as shown in b in the figure).

[0325] In possible implementations, Figure 18 Based on the embodiment shown, when the terminal device is in the expanded dual-image interface (for example, Figure 18When the video after adding the filter is triggered by clicking, touching or pressing continuously (the interface shown in d in the figure), the terminal device receives the user's operation of comparing the videos, and the terminal device displays the original video at the position of the corresponding video.

[0326] It is understood that the display interface of the terminal device described above is only an example, and the display interface of the terminal device may also include more or less content. In addition, the shape and form of each control in the above embodiment are only examples. The embodiments of the present application do not limit the content of the display interface and the shape and form of each control.

[0327] Based on the above embodiments, the present application provides a method for displaying an image. For example, Figure 20 A flowchart of an image display method provided in an embodiment of the present application.

[0328] like Figure 20 As shown, the image display method may include the following steps:

[0329] S2001: The terminal device displays a first interface on a first display screen, where the first interface includes a first image and a first control;

[0330] The interface described in the embodiments of this application can be understood as a user interface (UI), which refers to the layout design of the software's human-computer interaction, operating logic, and interface aesthetics. It is understandable that changes in the layout design of the interface will bring about a new interface.

[0331] The first display screen can be a folding screen, can also be understood as the internal display screen of a folding screen device, or can be the display screen of a terminal device such as a tablet computer (Pad).

[0332] The first interface may be the filter adjustment interface described in the embodiment of the present application. For example, the first interface may be Figure 7 and Figure 9 The interface shown in b, Figure 11 and Figure 12 The first interface may also be an interface corresponding to other editing options, which is not limited here.

[0333] S2002: The terminal device receives a first operation on a first control.

[0334] The first control can correspond to any of the filter options, such as the morning light filter. It can also correspond to any of the other editing options listed above. Other editing options include, but are not limited to, contrast, exposure, brightness, or saturation. The first control can also correspond to any of the parameter options corresponding to contrast.

[0335] The first operation may be a click operation or a touch operation, etc., which is not limited in the embodiment of the present application.

[0336] S2003. The terminal device displays a second interface on the first display screen in response to the first operation, wherein the second interface includes a first image and a second image, and the second image is an image obtained by processing the first image using parameters corresponding to the first control.

[0337] The first image can be the original image. It is understood that when the terminal device switches the image editing type, the original image edited in the next editing operation will be the edited image obtained by the previous editing operation. For example, when the terminal device receives a user operation to trim an image, the image size changes. When the terminal device receives a user operation to add a filter, the original image displayed in the filter interface will be the image after the size change.

[0338] The second interface can be called a comparison interface, or a dual-image interface. Figure 7 and Figure 9 The interface shown in d, Figure 11 and Figure 12 The interface shown in c. Figure 11 and Figure 12 In the interface shown in c, the second image may be an image with a morning light filter added.

[0339] Based on this, the terminal device can display the first image and the second image simultaneously, making it easier for the user to compare the images in terms of color and other dimensions, and to determine the editing effect. In addition, when the terminal device is a foldable screen mobile phone, tablet computer or other large screen device, the screen can be fully utilized to beautify the interface and enhance the user experience.

[0340] Optionally, the terminal device also includes a foldable body and a second display screen, the first display screen and the second display screen are respectively located on two opposite surfaces of the foldable body, and the first display screen includes a first sub-screen and a second sub-screen; when the foldable body is in a folded state, the second display screen is exposed to the surface of the foldable body, and the angle between the two exposed surfaces of the first sub-screen and the second sub-screen is less than a first angle threshold; when the foldable body is in an unfolded state, the angle between the two exposed surfaces of the first sub-screen and the second sub-screen is greater than a second angle threshold, wherein 0°≤first angle threshold<180°, 0°<second angle threshold≤180°, and the first angle threshold≤second angle threshold; when the terminal device detects that the foldable body is in an unfolded state, the terminal device displays the user interface on the first display screen, and when the terminal device detects that the foldable body is in a folded state, the terminal device displays the user interface on the second display screen.

[0341] In this way, the terminal device can have multiple display screens. The terminal device can be a foldable screen mobile phone, etc.

[0342] Optionally, the method also includes: when the terminal device determines that the foldable body is in a folded state, a third interface is displayed on the second display screen, and the third interface includes a first image and a first control; the terminal device receives a first operation for the first control; the terminal device responds to the first operation and displays a fourth interface on the second display screen, wherein the fourth interface includes the second image but does not include the first image.

[0343] The fourth interface may be an interface processed using the parameters corresponding to the first control, such as Figure 7 and Figure 9 The interface shown in e, Figure 11 and Figure 12 The interface shown in e.

[0344] In this way, when the folded state, a single image is displayed; when the unfolded state, two images are displayed. This can fully utilize the folding screen, beautify the interface, and enhance the user experience.

[0345] Optionally, the method also includes: after the second interface is displayed on the first display screen, when the terminal device detects that the foldable body switches from an unfolded state to a folded state, the terminal device displays a fourth interface on the second display screen, and the fourth interface displays the second image but does not include the first image.

[0346] Optionally, the method also includes: the terminal device receives a second operation for the second image on the fourth interface; the terminal device displays a fifth interface on the second display screen in response to the second operation, and the fifth interface displays the first image.

[0347] The second operation may be a long press operation, a click operation, or a touch operation, which is not limited in the embodiment of the present application.

[0348] In this way, when the image is folded, the user can use the image control terminal device to display the original image, which is convenient for the user to compare and determine the editing effect.

[0349] Optionally, the fourth interface includes a second control; the method also includes: the terminal device receives a third operation for the second control; the terminal device responds to the third operation, displaying a fifth interface on the second display screen, and the fifth interface displays the first image.

[0350] The second control may be a contrast control in the interface corresponding to the folded state, for example, Figure 7 The comparison control 713 in the interface shown in e; Figure 9 The comparison control 914 in the interface shown in e; Figure 11 The comparison control 1114 in the interface shown in e; Figure 12 Compare controls 1214 in the interface shown in FIG.

[0351] The fifth interface displays the original image, for example, Figure 10 The interface shown in a, Figure 13 The interface shown in b.

[0352] The third operation may be a long press operation, a click operation, or a touch operation, which is not limited in the embodiment of the present application.

[0353] In this way, when in the folded state, the user can control the terminal device to display the original image through the second control, which is convenient for the user to compare and determine the editing effect.

[0354] Optionally, the second interface includes a third control; the method also includes: the terminal device receives a fourth operation for the third control; the terminal device displays a sixth interface on the first display screen in response to the fourth operation, the sixth interface includes the second image, and the sixth interface does not include the first image.

[0355] The third control can be a merged control or a single-image control, for example, Figure 7 The contrast control shown in d, Figure 9 The merge control 910 shown in d in FIG. Figure 11 The merge control 1107 shown in c in Figure 12 The dual-graph control 1207 shown in c in FIG.

[0356] The sixth interface displays a second image, for example Figure 7 The interface shown in d, Figure 9 The interface shown in d, Figure 11 The interface shown in c, Figure 12 The interface shown in c.

[0357] The third operation may be a lifting operation during a long press operation, or a clicking operation or a touching operation, which is not limited in the embodiment of the present application.

[0358] In this way, when the terminal device is in the unfolded state, it can also switch to display a single image.

[0359] Optionally, the sixth interface includes a fourth control; the terminal device receives a fifth operation for the fourth control; and the terminal device displays the second interface on the first display screen in response to the fifth operation.

[0360] The fourth control can be a split control, a dual-graph control, etc. For example, Figure 7 The split control 707 shown in c in FIG. Figure 9 The split control 907 shown in c in Figure 11 The split control 1111 shown in d, Figure 12 The dual-graph control 1211 shown in d in FIG.

[0361] The fifth operation may be a long press operation, a single click operation, a touch operation, or the like.

[0362] In this way, when the terminal device is in the unfolded state, it can realize the switching display of a single image and two images, which is flexible in display mode and improves the user experience.

[0363] Optionally, the method also includes: the terminal device receives a sixth operation for the second image on the second interface; the terminal device displays a seventh interface on the first display screen in response to the sixth operation, and the seventh interface displays the first image and the first image side by side.

[0364] The sixth operation may be a long press operation, a single click operation, a touch operation, etc. The seventh interface displays two original images.

[0365] In this way, the user can control the terminal device to display the first image in the position of the second image through the second image, which is convenient for comparing images in dimensions such as texture lines, convenient for confirming editing effects, and improving user experience.

[0366] Optionally, the second interface includes a fifth control; the method also includes: the terminal device receives a seventh operation for the fifth control; the terminal device responds to the seventh operation, and displays an eighth interface on the first display screen, and the eighth interface displays the first image and the first image side by side.

[0367] The seventh operation can be a long press operation, a single click operation, a touch operation, etc. The eighth interface displays two original images. For example, Figure 10 The interface shown in b, Figure 13 The interface shown in a.

[0368] In this way, the user can control the terminal device to display the first image in the position of the second image through the fifth control, which is convenient for comparing images in dimensions such as texture lines, convenient for confirming editing effects, and improving user experience.

[0369] Optionally, the method also includes: the terminal device receives an eighth operation when displaying the second interface, the sixth interface, or the eighth interface; the terminal device responds to the eighth operation by displaying a ninth interface on the first display screen, a first split-screen window corresponding to the first application, and a second split-screen window corresponding to the second application, the first split-screen window including the second image, and the second split-screen window including the application interface of the second application.

[0370] The eighth operation is an operation for indicating split screen. The first application can be a gallery application, and the second application can be a split screen application, or an application that can be displayed in split screen, such as WeChat, a calculator, etc. The second split screen window includes the application interface corresponding to the split screen application, such as the chat interface of the WeChat application.

[0371] The ninth interface displays the second image and the content of the split-screen application, for example, Figure 6-Figure 9 The interface shown in f, Figure 11 and Figure 12 The interface shown in f in FIG; exemplarily, the second image may be displayed on the first sub-screen; the application interface of the second application may be displayed on the second sub-screen.

[0372] In this way, the terminal device can display images and other applications in split screen, and the user can operate and control the split-screen application while editing the image.

[0373] Optionally, the method also includes: the terminal device receives a ninth operation for the second image on the ninth interface; and the terminal device displays the first image at the position where the second image is displayed in the first split-screen window in response to the ninth operation.

[0374] The ninth operation may be a long press operation, a single click operation, a touch operation, or the like.

[0375] In this way, in the split-screen state, the user can control the terminal device to display the first image in the position of the second image through the second image.

[0376] Optionally, the eighth interface includes a sixth control; the method also includes: the terminal device receives a tenth operation for the sixth control; the terminal device responds to the tenth operation and displays the first image at the position where the second image is displayed in the first split-screen window.

[0377] The tenth operation may be a long press operation, a single click operation, a touch operation, or the like.

[0378] In this way, in the split-screen state, the user can control the terminal device to display the first image in the position of the second image through the sixth control.

[0379] Optionally, the second interface also includes a seventh control; the method also includes: the terminal device receives an eleventh operation for the seventh control; the terminal device responds to the eleventh operation and displays a tenth interface on the first display screen, the tenth interface including a first image and a third image, the third image being an image obtained by processing the first image using parameters corresponding to the seventh control.

[0380] The seventh control can correspond to any filter option other than the one corresponding to the first control, for example, the Classic filter in the filter options. It can also correspond to any of the other editing options listed above. Other editing options include, but are not limited to, contrast, exposure, brightness, or saturation. The seventh control can also correspond to any parameter option corresponding to contrast other than the one corresponding to the first control.

[0381] In this way, the terminal device can switch images corresponding to different parameters for comparison with the first image, for example, switch images corresponding to different filters, so as to facilitate the user to edit the image.

[0382] Optionally, the second interface also includes a seventh control; the method also includes: the terminal device receives an eleventh operation for the seventh control on the second interface; the terminal device responds to the eleventh operation and displays an eleventh interface on the first display screen, the eleventh interface includes a second image and a third image, and the third image is an image obtained by processing the first image with parameters corresponding to the seventh control.

[0383] In this way, the terminal device can compare images corresponding to different parameters, for example, images corresponding to different filters, making it easier for users to edit images and confirm the editing effects.

[0384] Optionally, the method further includes: the terminal device determines an arrangement of the first image and the second image in the second interface based on a first value, where the first value is related to a size of the first image.

[0385] In this way, by selecting different arrangements based on the size of the image, the display screen can be maximized and the display effect can be improved.

[0386] Optionally, the first value is the ratio of the length of the first image to the width of the first image; when the first value is greater than a first threshold, the first image and the second image in the second interface are arranged in an up-and-down manner, and the first threshold is related to the size of the preview area in the second interface and a preset spacing, and the preset spacing is a preset spacing between images; when the first value is less than or equal to the first threshold, the first image and the second image in the second interface are arranged in an up-and-down manner.

[0387] Optionally, the first threshold satisfies:

[0388] Optionally, the second interface further includes a guide animation; the guide animation is used to prompt the user how to use the third control.

[0389] In this way, users can be guided in using the image comparison function.

[0390] Optionally, the terminal device displays the second interface on the first display screen in response to the first operation, including: the terminal device displays the twelfth interface, and the twelfth interface displays the second image; the terminal device receives the twelfth operation for the second image on the twelfth interface; the terminal device displays the second interface on the first display screen in response to the twelfth operation.

[0391] The twelfth operation may be a long press operation, or a click or touch operation, which is not limited here.

[0392] The twelfth interface can be Figure 6-Figure 9The interface shown in d, Figure 11 The interface shown in c, Figure 12 In this way, the terminal device can enter the interface of a single image, and then enter the interface of two images through the interface of a single image to perform image comparison.

[0393] Optionally, the terminal device displays the second interface on the first display screen in response to the first operation, including: the terminal device displays the thirteenth interface, the thirteenth interface displays the second image and the eighth control; the terminal device receives the thirteenth operation for the eighth control; the terminal device displays the second interface on the first display screen in response to the thirteenth operation.

[0394] The thirteenth operation may be a long press operation, or a click or touch operation, which is not limited here.

[0395] The thirteenth interface can be Figure 7 and Figure 9 The interface shown in d, Figure 11 The interface shown in c, Figure 12 In this way, the terminal device can enter the interface of a single image, and enter the interface of two images by triggering the control in the interface of a single image to perform image comparison.

[0396] In a possible implementation, the above-mentioned one or more controls may be located in the lower right area of the display interface of the terminal device, so that the user can operate it with one hand and improve the user experience.

[0397] It should be noted that the above embodiments are all based on the example of a terminal device with a foldable screen that can be folded twice on the left and right sides, and the terminal device having two states: a folded state and an unfolded state. In possible implementations, the foldable screen can also be a foldable screen that can be folded three times or four times (not shown in the figure). The terminal device can also have three states: a folded state, a transitional state, and an unfolded state.

[0398] Exemplarily, the folding screen may be a folding screen that can achieve N folds, where N is an integer greater than or equal to 2.

[0399] For example, in a terminal device with a foldable screen that folds in three places, a back panel that does not include a screen can be provided behind the middle screen of the foldable screen. When the foldable screen is folded, the back panel that does not include a screen can be hidden, and one of the screens of the foldable screen can serve as the back panel.

[0400] In a possible implementation, when the terminal device is in a folded state, a transitional state, and an unfolded state, in the transitional state, the terminal device can control both the inner and outer screens to light up, and both the inner and outer screens display images. For example, the angle between two adjacent folding screens can be defined as 0-30 degrees for the folded state, 30-45 degrees for the transitional state, and 45-180 degrees for the unfolded state.

[0401] The image display method of the embodiment of the present application has been described above, and the device for executing the above method provided by the embodiment of the present application is described below. Figure 21 As shown, Figure 21 This is a structural schematic diagram of an image display device provided in an embodiment of the present application. The image display device can be a terminal device in an embodiment of the present application, or a chip or chip system in the terminal device.

[0402] like Figure 21 As shown, the image display device 2100 can be used in a communication device, circuit, hardware component, or chip, and includes a display unit 2101 and a processing unit 2102. The display unit 2101 is used to support the display steps performed by the image display device 2100; the processing unit 2102 is used to support the information processing steps performed by the image display device 2100.

[0403] In a possible implementation, the image display device 2100 may also include a communication unit 2103. Specifically, the communication unit is used to support the image display device 2100 in executing the steps of sending and receiving data. The communication unit 2103 may be an input or output interface, pin, or circuit.

[0404] In a possible embodiment, the image display device may further include a storage unit 2104. The processing unit 2102 and the storage unit 2104 are connected via a circuit. The storage unit 2104 may include one or more memories, which may be devices in one or more devices or circuits used to store programs or data. The storage unit 2104 may exist independently and be connected to the processing unit 2102 of the image display device via a communication line. The storage unit 2104 may also be integrated with the processing unit 2102.

[0405] The storage unit 2104 can store computer-executable instructions for the method in the terminal device, so that the processing unit 2102 executes the method in the above embodiment. The storage unit 2104 can be a register, a cache, or a RAM, etc. The storage unit 2104 can be integrated with the processing unit 2102. The storage unit 2104 can be a read-only memory (ROM) or other type of static storage device that can store static information and instructions. The storage unit 2104 can be independent of the processing unit 2102.

[0406] For example, Figure 22 This is a schematic diagram of the structure of a terminal device provided in an embodiment of the present application. The terminal device may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, a sensor module 180, and a display screen 194. The sensor module 180 may include at least: an angle sensor 180A, a gyroscope sensor 180B, a touch sensor 180C, and an acceleration sensor 180D.

[0407] It is understood that the structures illustrated in the embodiments of the present application do not constitute specific limitations on the terminal device. In other embodiments of the present application, the terminal device may include more or fewer components than shown, or may combine or separate certain components, or arrange the components differently. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0408] The processor 110 may include one or more processing units. The different processing units may be independent devices or integrated into one or more processors. The processor 110 may also be provided with a memory for storing instructions and data.

[0409] USB interface 130 is an interface that complies with USB standards and specifications, and may be a Mini USB interface, a Micro USB interface, a USB Type-C interface, or the like. USB interface 130 can be used to connect a charger to charge the terminal device, or to transfer data between the terminal device and peripheral devices. It can also be used to connect headphones to play audio. This interface can also be used to connect other electronic devices, such as AR devices.

[0410] The charging management module 140 is used to receive charging input from a charger. The charger can be a wireless charger or a wired charger. The power management module 141 is used to connect the charging management module 140 to the processor 110.

[0411] The wireless communication function of the terminal device can be implemented through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor and baseband processor.

[0412] Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. The antennas in a terminal device can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization.

[0413] Mobile communication module 150 can provide wireless communication solutions for terminal devices, including 2G / 3G / 4G / 5G. It can include at least one filter, switch, power amplifier, and low-noise amplifier (LNA). Mobile communication module 150 receives electromagnetic waves from antenna 1, filters and amplifies the received electromagnetic waves, and transmits them to the modem processor for demodulation.

[0414] The wireless communication module 160 can provide wireless communication solutions applied to terminal devices, including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), etc.

[0415] The terminal device implements display functions through a GPU, display screen 194, and an application processor. The GPU is a microprocessor for image processing that connects the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering.

[0416] Display screen 194 is used to display images, videos, etc. Display screen 194 includes a display panel. In some embodiments, the terminal device may include one or N display screens 194, where N is a positive integer greater than 1. In the embodiment of the present application, the display screen 194 may be a foldable screen or a large screen.

[0417] In some embodiments, the folding screen can be a folding screen that can be folded in two, three or four directions, or a folding screen that can be folded in three or four directions (not shown in the figure). For example, the folding screen can be a folding screen that can be folded in two directions.

[0418] The folding screen state may include two states: folded state and unfolded state; the folding screen state may also include three states: folded state, transition state and unfolded state.

[0419] In some embodiments, the display screen 194 may also be an external screen of the terminal device. The understanding of the external screen can refer to the introduction of the external screen in the above embodiment, and will not be repeated here. In some embodiments, the display screen 194 may also be an internal screen of the terminal device. The understanding of the internal screen can refer to the introduction of the internal screen in the above embodiment, and will not be repeated here.

[0420] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the terminal device. The external memory card communicates with the processor 110 via the external memory interface 120 to implement data storage functions. For example, files such as music and videos can be stored on the external memory card.

[0421] The internal memory 121 can be used to store computer executable program codes, which include instructions. The internal memory 121 can include a program storage area and a data storage area.

[0422] The angle sensor 180A is used to measure the angle. In the embodiment of the present application, when the terminal device is a foldable screen mobile phone, the angle sensor 180A is used to determine the folding angle of the foldable screen mobile phone.

[0423] The gyroscope sensor 180B can be used to determine the motion posture of the terminal device. In the embodiment of the present application, the gyroscope sensor 180B can be used to determine the horizontal screen state or the vertical screen state of the terminal device. When the terminal device is a foldable screen mobile phone, the gyroscope sensor 180B can also be used to determine the upper half or lower half of the foldable screen mobile phone.

[0424] The touch sensor 180C can be disposed on the display screen 194, and the touch sensor 180C and the display screen 194 form a touch screen, or "touch screen." In the embodiment of the present application, the touch sensor 180C is used to receive user touch operations on the touch screen, such as receiving user operations to launch a video application, launch a short video application, or trigger a function control in an application.

[0425] The acceleration sensor 180D is used to monitor the acceleration of the folding action. In the embodiment of the present application, when the terminal device is a foldable screen mobile phone, the acceleration sensor 180D is used to determine the acceleration when the foldable screen is folded, or the acceleration when the foldable screen is unfolded.

[0426] An embodiment of the present application provides a terminal device, which may also be referred to as a terminal, user equipment (UE), mobile station (MS), mobile terminal (MT), etc. The terminal device may be a mobile phone, a smart TV, a wearable device, a tablet computer (Pad), a computer with wireless transceiver function, a virtual reality (VR) terminal device, an augmented reality (AR) terminal device, a wireless terminal in industrial control, a wireless terminal in self-driving, a wireless terminal in remote medical surgery, a wireless terminal in a smart grid, a wireless terminal in transportation safety, a wireless terminal in a smart city, a wireless terminal in a smart home, etc.

[0427] The terminal device includes: a processor and a memory; the memory stores computer-executable instructions; the processor executes the computer-executable instructions stored in the memory, so that the terminal device executes the above method.

[0428] The embodiments of the present application also provide a computer-readable storage medium. The computer-readable storage medium stores a computer program. When the computer program is executed by a processor, the above-mentioned method is implemented. The methods described in the above embodiments can be implemented in whole or in part by software, hardware, firmware, or any combination thereof. If implemented in software, the functions can be stored as one or more instructions or codes on a computer-readable medium or transmitted on a computer-readable medium. Computer-readable media can include computer storage media and communication media, and can also include any medium that can transfer a computer program from one place to another. The storage medium can be any target medium that can be accessed by a computer.

[0429] In one possible implementation, a computer-readable medium may include RAM, ROM, compact disc read-only memory (CD-ROM) or other optical disc storage, magnetic disk storage or other magnetic storage devices, or any other medium intended to carry or store the desired program code in the form of instructions or data structures and accessible by a computer. Moreover, any connection is appropriately referred to as a computer-readable medium. For example, if a coaxial cable, fiber optic cable, twisted pair, digital subscriber line (DSL) or wireless technology (such as infrared, radio and microwave) is used to transmit software from a website, server or other remote source, the coaxial cable, fiber optic cable, twisted pair, DSL or wireless technology such as infrared, radio and microwave are included in the definition of medium. Disk and optical disc as used herein include optical disc, laser disc, optical disc, digital versatile disc (DVD), floppy disk and Blu-ray disc, where disks generally reproduce data magnetically, while optical discs reproduce data optically using lasers. Combinations of the above should also be included within the scope of computer-readable media.

[0430] An embodiment of the present application provides a computer program product, which includes a computer program. When the computer program is executed, the computer executes the above method.

[0431] The present application embodiment is described with reference to the flow chart and / or block diagram of the method, device (system) and computer program product according to the embodiment of the present application.It should be understood that each flow process and / or box in the flow chart and / or block diagram and the combination of the flow process and / or box in the flow chart and / or block diagram can be realized by computer program instructions.These computer program instructions can be provided to the processing unit of general-purpose computer, special-purpose computer, embedded processing machine or other programmable device to produce a machine, so that the instruction executed by the processing unit of computer or other programmable data processing device produces the device for realizing the function specified in one flow chart flow or multiple flows and / or one block or multiple blocks of block diagram.

[0432] The above specific implementation methods further illustrate the objectives, technical solutions and beneficial effects of the present invention in detail. It should be understood that the above are only specific implementation methods of the present invention and are not intended to limit the scope of protection of the present invention. Any modifications, equivalent replacements, improvements, etc. made on the basis of the technical solutions of the present invention should be included in the scope of protection of the present invention.

Claims

1. An image display method, characterized in that: Applied to a terminal device, the terminal device includes a foldable body, a first display screen, and a second display screen, the first display screen and the second display screen are respectively located on two opposite surfaces of the foldable body, and the first display screen includes a first sub-screen and a second sub-screen; the terminal device displays a user interface on the first display screen when detecting that the foldable body is in an unfolded state, and displays a user interface on the second display screen when detecting that the foldable body is in a folded state; the method includes: When the terminal device detects that the foldable body is in the unfolded state, the terminal device displays a first interface on the first display screen, where the first interface includes a first image and a first control; The terminal device receives a first operation on a first control; In response to the first operation, the terminal device displays a second interface on the first display screen, wherein the second interface includes the first image and a second image, and the second image is an image obtained by processing the first image using the parameters corresponding to the first control; In which, when the foldable body is in a folded state, the second display screen is exposed on the surface of the foldable body, and the angle between the two exposed surfaces of the first sub-screen and the second sub-screen is less than a first angle threshold; when the foldable body is in an unfolded state, the angle between the two exposed surfaces of the first sub-screen and the second sub-screen is greater than a second angle threshold, wherein 0°≤the first angle threshold<180°, 0°<the second angle threshold≤180°, and the first angle threshold≤the second angle threshold.

2. The method according to claim 1, characterized in that The method further comprises: When the terminal device determines that the foldable body is in the folded state, displaying a third interface on the second display screen, the third interface including the first image and the first control; The terminal device receives a first operation on a first control; In response to the first operation, the terminal device displays a fourth interface on the second display screen, wherein the fourth interface includes the second image but does not include the first image.

3. The method according to claim 1, characterized in that The method further comprises: After the first display screen displays the second interface, when the terminal device detects that the foldable body switches from the unfolded state to the folded state, the terminal device displays a fourth interface on the second display screen, and the fourth interface includes the second image but does not include the first image.

4. The method according to claim 3, characterized in that The method further comprises: The terminal device receives a second operation on the second image on the fourth interface; In response to the second operation, the terminal device displays a fifth interface on the second display screen, where the fifth interface displays the first image.

5. The method according to claim 3, characterized in that The fourth interface includes a second control; The method further includes: the terminal device receiving a third operation for the second control; In response to the third operation, the terminal device displays a fifth interface on the second display screen, where the fifth interface displays the first image.

6. The method according to claim 1, characterized in that The second interface includes a third control; The method further includes: the terminal device receiving a fourth operation for the third control; In response to the fourth operation, the terminal device displays a sixth interface on the first display screen, where the sixth interface includes the second image but does not include the first image.

7. The method according to claim 6, characterized in that The sixth interface also includes a fourth control; The terminal device receives a fifth operation on the fourth control; In response to the fifth operation, the terminal device displays the second interface on the first display screen.

8. The method according to any one of claims 1, 6-7, characterized in that: The method further comprises: The terminal device receives a sixth operation on the second image on the second interface; In response to the sixth operation, the terminal device displays a seventh interface on the first display screen, where the first image and the second image are displayed side by side on the seventh interface.

9. The method according to claim 1, characterized in that The second interface includes a fifth control; The method further includes: the terminal device receiving a seventh operation for the fifth control; In response to the seventh operation, the terminal device displays an eighth interface on the first display screen, and the first image and the second image are displayed side by side on the eighth interface.

10. The method according to any one of claims 1, 6-7, and 9, characterized in that: The method further comprises: The terminal device receives an eighth operation when displaying the second interface, the sixth interface, or the eighth interface; In response to the eighth operation, the terminal device displays a ninth interface on the first display screen, wherein the ninth interface includes a first split-screen window corresponding to the first application and a second split-screen window corresponding to the second application, the first split-screen window includes the second image, and the second split-screen window includes the application interface of the second application.

11. The method according to claim 10, characterized in that The method further comprises: The terminal device receives a ninth operation on the ninth interface for the second image; In response to the ninth operation, the terminal device displays the first image in the position where the second image is displayed in the first split-screen window.

12. The method according to claim 10, characterized in that The eighth interface includes a sixth control; The method further includes: the terminal device receiving a tenth operation for the sixth control; In response to the tenth operation, the terminal device displays the first image in the position where the second image is displayed in the first split-screen window.

13. The method according to any one of claims 1, 6 and 9, characterized in that: The second interface also includes a seventh control; The method further includes: the terminal device receiving an eleventh operation for the seventh control; In response to the eleventh operation, the terminal device displays a tenth interface on the first display screen, where the tenth interface includes the first image and a third image, and the third image is an image obtained by processing the first image using parameters corresponding to the seventh control.

14. The method according to any one of claims 1, 6 and 9, characterized in that: The second interface also includes a seventh control; The method further includes: receiving, by the terminal device on the second interface, an eleventh operation on the seventh control; In response to the eleventh operation, the terminal device displays an eleventh interface on the first display screen, where the eleventh interface includes the second image and a third image, and the third image is an image obtained by processing the first image with the parameters corresponding to the seventh control.

15. The method according to any one of claims 1-7, 9, 11-12, characterized in that: The terminal device determines an arrangement of the first image and the second image in the second interface based on a first value, where the first value is related to a size of the first image.

16. The method according to claim 15, characterized in that The first value is a ratio of a length of the first image to a width of the first image; When the first value is greater than a first threshold, the first image and the second image are arranged in a top-to-bottom manner in the second interface, and the first threshold is related to the size of the preview area in the second interface and a preset spacing, where the preset spacing is a preset spacing between images; When the first value is less than or equal to the first threshold, the first image and the second image are arranged in a top-to-bottom manner in the second interface.

17. The method according to claim 16, characterized in that The first threshold satisfies: .

18. The method according to claim 6, characterized in that The second interface also includes a guide animation; The guiding animation is used to prompt the user how to use the third control.

19. A terminal device, characterized in that: include: processor and memory; The memory stores computer-executable instructions; The processor executes the computer-executable instructions stored in the memory, so that the terminal device performs the method according to any one of claims 1 to 18.

20. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the method according to any one of claims 1 to 18 is implemented.

21. A computer program product, characterized in that The method comprises a computer program which, when being executed, causes a computer to execute the method according to any one of claims 1 to 18.

Images