Picture preview method, electronic device, storage medium and program product

Abstract

The embodiments of the present application relate to the technical field of data processing. Provided are a picture preview method, an electronic device, a storage medium and a program product. The method comprises: displaying a first interface, wherein the first interface comprises a target picture displayed on the basis of a first display template; in response to a first operation, displaying, on the first interface, information of one or more display templates, wherein the one or more display templates comprise a second display template; and after receiving a selection operation on the second display template, displaying on the first interface the target picture on the basis of the second display template. By means of applying the solutions provided in the embodiments of the present application, a better picture preview effect can be achieved.

Description

Picture preview method, electronic device, storage medium and program product

[0001] The present application claims priority to the Chinese patent application No. 202411018567.1, filed on July 26, 2024, and entitled "Picture preview method, electronic device, storage medium and program product", the content of which is incorporated herein by reference in its entirety. TECHNICAL FIELD

[0002] The present application relates to the technical field of data processing, in particular to a picture preview method, an electronic device, a storage medium and a program product. BACKGROUND

[0003] Electronic devices such as mobile phones and tablet computers generally support displaying pictures in various interfaces, for example, displaying lock screen pictures in a lock screen interface. When a user sets a picture to be displayed in the above interface, the user can select a display template provided by the electronic device, and the display template defines the display manner of the picture. Different display manners will bring different picture display effects. In order to facilitate the user to intuitively understand the display effect of the display template, each display template is equipped with a corresponding sample picture.

[0004] In this way, after the user selects a display template, the electronic device can display the sample picture corresponding to the selected display template in a preview interface according to the display manner of the display template, so that the user can understand the display effect of the display template by previewing the sample picture.

[0005] However, when previewing pictures in the above manner, the preview effect of the pictures is not good. Therefore, it is necessary to provide a picture preview scheme to achieve a better picture preview effect. SUMMARY

[0006] Therefore, the present application provides a picture preview method, an electronic device, a storage medium and a program product to achieve a better picture preview effect.

[0007] In a first aspect, an embodiment of the present application provides a picture preview method applied to an electronic device, and the method comprises:

[0008] displaying a first interface, wherein the first interface comprises a target picture displayed based on a first display template;

[0009] in response to a first operation, displaying information of one or more display templates in the first interface, wherein the one or more display templates comprise a second display template;

[0010] After receiving the selection operation on the second display template, the target picture is displayed on the first interface based on the second display template. That is, after receiving the selection operation on the second display template, the target picture based on the first display template can be updated to display the target picture based on the second display template, that is, the electronic device can replace the template information (including but not limited to typesetting and / or color matching) alone, while the target picture used in the template remains unchanged, or part of the area remains unchanged, or only the size, transparency, etc. change while the content remains unchanged.

[0011] As can be seen from the above, when the scheme provided by the embodiment of the application is applied to preview the picture, the electronic device displays the target picture on the first interface based on the first display template, and in response to the first operation, the information of the second display template is displayed on the first interface. In this way, in response to the selection operation on the second display template, the target picture is displayed on the first interface based on the selected second display template. The target picture is the picture displayed in the first display template before the second display template. As can be seen, in the scheme provided by the embodiment of the application, after the user selects the second display template, the electronic device displays the target picture instead of the sample picture corresponding to the second display template in the first interface. In this way, it is convenient for the user to preview the display effect of the picture other than the sample picture in the display template, and a better picture preview effect is achieved.

[0012] In addition, after the user previews the display effect of the target picture in one display template on the first interface, the user often wants to know the effect of the target picture in other display templates. In the scheme provided by the embodiment of the application, the electronic device can directly display the target picture displayed under the first display template in the newly selected second display template in response to the selection operation on the second display template, without the user manually selecting the target picture from the gallery after switching the new display template. This enables the user to conveniently and quickly preview the display effect of the target picture under the new display template, the human-computer interaction efficiency is high, and the efficiency of the user in previewing the target picture under the new display template after switching the display template is improved.

[0013] In an embodiment of the application, the displaying of the target picture on the first interface based on the second display template comprises:

[0014] The first recommended information associated with the target picture is displayed on the first interface;

[0015] After receiving the selection operation on the first recommended information, the target picture is displayed on the first interface based on the second display template.

[0016] In this embodiment, when the electronic device displays a target image, the first recommendation information associated with the target image is displayed first. After receiving a selection operation on the first recommendation information, it is indicated that the user has a demand to understand the display effect of the target image in the second display template. At this time, the electronic device displays the target image based on the second display template, so that the user can understand the display effect of the target image in the second display template. It can be seen that after the user switches the display template, the target image is not displayed directly, but the target image is displayed after the user selects the first recommendation information, and the user experience is better.

[0017] In one embodiment of the present application, the first recommendation information is displayed on the first interface, including:

[0018] In the case where the target image includes a preset display element, the first recommendation information is displayed on the first interface.

[0019] It can be seen that in the case where the target image includes a preset display element, it indicates that the target image can meet the display requirements of the display element, and then the electronic device can display the first recommendation information on the first interface, which is beneficial to the subsequent user to conveniently display the target image by selecting the first recommendation information.

[0020] In one embodiment of the present application, the first recommendation information is displayed on the first interface in the case where the target image includes a preset display element, including:

[0021] In the case where the target image includes a preset object, the first recommendation information is displayed on the first interface.

[0022] In one embodiment of the present application, the first recommendation information is displayed on the first interface in the case where the target image includes a preset display element, including:

[0023] In the case where the type of the preset object included in the target image belongs to a preset type, the first recommendation information is displayed on the first interface.

[0024] In one embodiment of the present application, the first recommendation information is displayed on the first interface in the case where the target image includes a preset display element, including:

[0025] In the case where the number of the preset object included in the target image is greater than a preset number, the first recommendation information is displayed on the first interface.

[0026] According to different specific circumstances, the electronic device can flexibly and accurately determine whether the target picture meets the related requirements of the object defined by the second display template according to whether the target picture includes the preset object, the type of the included preset object, and the number of the included preset object, and then can display the first recommended information on the first interface when the requirements are met.

[0027] In one embodiment of the present application, the displaying of the first recommended information on the first interface comprises:

[0028] displaying a first proof sheet picture based on the second display template on the first interface, the first proof sheet picture being associated with the second display template;

[0029] displaying the first recommended information on the first proof sheet picture.

[0030] In the embodiment, the electronic device displays the first proof sheet picture associated with the selected second display template on the first interface based on the selected second display template in response to the selection operation on the display template, so that the user can understand the display effect of the first proof sheet picture in the second display template. Then, the first interface also displays the recommended information for the target picture, and the electronic device displays the target picture on the first interface based on the selected second display template in response to the selection operation on the recommended information. After displaying the recommended information, the user still does not need to manually select the target picture, so that the user can conveniently understand the display effect of the preset proof sheet picture in the new display template and can quickly preview the display effect of the target picture in the new display template, thereby improving the user experience.

[0031] In one embodiment of the present application, the displaying of the first recommended information on the first interface comprises:

[0032] In a case where the target picture is not a second proof sheet picture associated with the first display template, the first recommended information is displayed on the first interface.

[0033] After the user newly selects the second display template, the user can want to preview the effect of the target picture in the newly selected second display template. Therefore, the electronic device can display the recommended information for the target picture on the first interface, so that the user can display the target picture on the first interface based on the selected second display template after selecting the recommended information. It can be seen that, when it is determined that the target picture is not the second proof sheet picture associated with the first display template, the step of displaying the recommended information for the target picture on the first interface is performed again, which is beneficial to recommending the picture information of the picture that the user wants to display in the to-be-set interface to the user, that is, predicting the user's intention, thereby bringing a more intelligent use experience to the user.

[0034] In an embodiment of the present application, the displaying the first recommended information on the first interface comprises:

[0035] The first interface displays a first control, wherein the first control comprises the first recommended information.

[0036] The recommended information is displayed in the first control, which is more eye-catching for the user and helps the user quickly see the recommended information. Furthermore, the recommended information is displayed in the form of a control, which can shorten the distance between the user and the device and improve the user's sense of intimacy.

[0037] In an embodiment of the present application, the method further comprises:

[0038] After receiving the selection operation on any control other than the first control or a blank area that does not include a control, the first control is not displayed.

[0039] When the user selects any control other than the first control or a blank area that does not include a control in the first interface, it usually indicates that the user does not want to select the first control, i.e., does not want to display the target picture on the first interface, but wants to perform other operations. Therefore, in this case, the electronic device can not display the first control to facilitate the user to perform other operations, and can also prevent the user from accidentally touching the first control, thereby improving the user experience.

[0040] In an embodiment of the present application, the method further comprises:

[0041] After receiving the selection operation on the second control, the first sample picture displayed based on the second display template is displayed on the first interface, and the first sample picture is associated with the second display template.

[0042] In this embodiment, the electronic device can directly display the target picture based on the second display template on the first interface in response to the selection operation on the second display template, so that the user can understand the display effect of the target picture in the second display template without manually selecting the target picture, thereby simplifying the operation of the user previewing the display effect of the target picture in the newly selected display template and improving the efficiency of the user previewing the display effect of the target picture in the newly selected display template. In addition, the electronic device can also display the first sample picture associated with the second display template on the first interface based on the second display template in response to the selection operation on the second control, so that the user can understand the display effect of the first sample picture in the second display template. As can be seen, in this way, the user can quickly preview the display effect of the target picture in the new display template, and can also conveniently preview the display effect of the preset sample picture in the new display template, thereby providing a better user experience.

[0043] In an embodiment of the present application, the method further comprises:

[0044] The second control is displayed on the first interface, and the second control includes second prompt text, the second prompt text being used to prompt a function of the second control.

[0045] In this way, the second prompt text can more prominently prompt the function of the second control, so that the user can quickly learn the function, and the distance between the user and the electronic device can be shortened, and the user's sense of intimacy can be improved.

[0046] In an embodiment of the present application, the method further includes:

[0047] After receiving the operation on any control or a blank area not including a control, the second control is not displayed.

[0048] The second prompt text in the second control is used to prompt the function of the second control, and the user can learn the function after seeing the second prompt text in the second control. When the user performs the operation on any control or a blank area, it can be considered that the user has seen the second prompt text and has learned the function, so that the second control can be considered to have achieved its function, and thus the electronic device can not display the second control, so as to prevent the interface from being not simple due to long-time display of the second control, and to facilitate the user to perform other operations.

[0049] In an embodiment of the present application, the displaying the target picture on the first interface based on the second display template includes:

[0050] In a case where the target picture includes a preset display element, the target picture is displayed on the first interface based on the second display template.

[0051] In a case where the target picture does not include a preset display element, third prompt text is displayed on the first interface, the third prompt text being used to prompt that the target picture does not support display based on the second display template.

[0052] In the embodiment, on one hand, if the target picture includes the preset display element, it indicates that the target picture can be displayed in the display manner defined by the second display template, and therefore, the electronic device can display the target picture on the first interface based on the second display template, which is beneficial to guarantee the display effect of the target picture. On the other hand, if the target picture does not include the preset display element, it indicates that the target picture cannot be displayed in the display manner defined by the second display template, and therefore, in order to avoid the display abnormality or the poor display effect when the target picture is displayed on the first interface based on the second display template, the electronic device can not display the target picture on the first interface based on the second display template, but display the third prompt text on the first interface to prompt the user, so that the user can understand the situation in time after reading the third prompt text and then respond accordingly.

[0053] In an embodiment of the present application, the method further includes:

[0054] displaying a first proof picture on the first interface based on the second display template, the first proof picture being associated with the second display template;

[0055] displaying the third prompt text on the first proof picture.

[0056] In this way, when the target picture does not support display based on the newly selected second display template, the electronic device can first display the first proof picture associated with the second display template, so that the user can understand the display effect of the picture displayed in the display manner defined by the second display template. In addition, the third prompt text is also displayed on the first proof picture to prompt the user, so that the user can understand the situation in time after reading the third prompt text and then respond accordingly.

[0057] In an embodiment of the present application, the method further includes:

[0058] after receiving the display template adjustment operation, displaying a template adjustment interface, wherein the template adjustment interface includes information of a first type of display template and / or information of a second type of display template, the first type of display template being a selectable display template, and the second type of display template being a non-selectable display template;

[0059] after receiving the selection operation on the first type of display template, displaying the target picture on the first interface based on the selected first type of display template.

[0060] In the embodiment, the template adjustment interface includes a first type of display template that can be selected and / or a second type of display template that cannot be selected. In this way, the user can intuitively understand which display templates the target picture can be applied to and which display templates the target picture cannot be applied to. Thus, the user can conveniently select the first type of display template to which the target picture can be applied, thereby reducing the probability of the target picture not being able to be applied to the selected display template and improving the convenience of the user previewing the target picture displayed in the display template.

[0061] In an embodiment of the present application, the method further includes:

[0062] After receiving the selection operation of the picture cropping control in the display template adjustment interface, the first cropping style of the target picture is updated to a second cropping style. After receiving the selection operation of the picture color changing control in the display template adjustment interface, the first color of the target picture is updated to a second color.

[0063] In the embodiment, the electronic device can support cropping the target picture that has been displayed according to the display template and can also support adjusting the color of the target picture that has been displayed according to the display template, which is conducive to meeting the personalized needs of the user and improves the flexibility of picture previewing. In addition, the user can conveniently trigger the functions of cropping the target picture and adjusting the color of the target picture by selecting the picture cropping control and the picture color adjustment operation in the display template adjustment interface.

[0064] In an embodiment of the present application, the display element defined by the second display template includes an object and a background, the object layer of the target object picture is displayed in the first interface, the target object picture includes an object in a target image, and the sample background picture in the first sample picture associated with the second display template is displayed in a background layer in the first interface. The object layer is a layer defined by the second display template for displaying an object, the background layer is a layer defined by the second display template for displaying a background, and the sample background picture is a picture displayed in the background layer in the first sample picture.

[0065] As can be seen, the picture displayed in the first interface substantially includes the object in the target picture and the background in the first sample picture, and the display manner is relatively flexible, which is conducive to meeting the personalized needs of the user and improves the flexibility of displaying the target picture in the first interface.

[0066] In an embodiment of the present application, the recommendation information includes a thumbnail of the target picture and a first prompt text, and the first prompt text is used to prompt that the target picture is a picture recommended to the user.

[0067] The thumbnail of the target picture can enable the user to intuitively know the content of the target picture, and the first prompt text can prompt the user of the purpose of displaying the thumbnail. In this way, after the electronic device displays the recommendation information including the thumbnail and the first text in the first interface, the user can intuitively and conveniently know the function of the recommendation information, and the user experience is improved.

[0068] In a second aspect, an embodiment of the present application provides an electronic device, comprising:

[0069] one or more processors and a memory;

[0070] The memory is coupled with the one or more processors, and the memory is configured to store computer program codes, the computer program codes comprising computer instructions, and the one or more processors are configured to invoke the computer instructions to enable the electronic device to perform the method in the first aspect.

[0071] In a third aspect, an embodiment of the present application provides a computer readable storage medium, comprising a computer program, when the computer program is executed on an electronic device, the computer program enables the electronic device to perform the method in the first aspect.

[0072] In a fourth aspect, an embodiment of the present application provides a computer program product, the computer program product comprises executable instructions, when the executable instructions are executed on an electronic device, the electronic device performs the method in the first aspect.

[0073] In a fifth aspect, an embodiment of the present application provides a chip system, the chip system is applied to an electronic device, and the chip system comprises one or more processors, and the processor is configured to invoke computer instructions to enable the electronic device to input data into the chip system and perform the method in the first aspect to preview a picture.

[0074] The beneficial effects of the solutions provided by the embodiments of the second aspect to the fifth aspect can refer to the beneficial effects of the solutions provided by the embodiments of the first aspect. BRIEF DESCRIPTION OF DRAWINGS

[0075] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the following will briefly introduce the drawings needed to be used in the embodiments. Obviously, the drawings in the following description are only some embodiments of the present application, and other drawings can be obtained by those skilled in the art without creative labor.

[0076] FIG. 1a is a schematic diagram of a first application scenario provided by an embodiment of the present application;

[0077] FIG. 1b is a schematic diagram of a second application scenario provided by an embodiment of the present application;

[0078] FIG. 1c is a schematic diagram of a third application scenario provided by the embodiment of the present application;

[0079] FIG. 2a is a schematic diagram of a first picture display mode provided by the embodiment of the present application;

[0080] FIG. 2b is a schematic diagram of a second picture display mode provided by the embodiment of the present application;

[0081] FIG. 2c is a schematic diagram of a third picture display mode provided by the embodiment of the present application;

[0082] FIG. 2d is a schematic diagram of a fourth picture display mode provided by the embodiment of the present application;

[0083] FIG. 2e is a schematic diagram of a fifth picture display mode provided by the embodiment of the present application;

[0084] FIG. 3a is a schematic diagram of a first interface change process provided by the embodiment of the present application;

[0085] FIG. 3b is a schematic diagram of a second interface change process provided by the embodiment of the present application;

[0086] FIG. 4a is a schematic diagram of a third interface change process provided by the embodiment of the present application;

[0087] FIG. 4b is a schematic diagram of a fourth interface change process provided by the embodiment of the present application;

[0088] FIG. 4c is a schematic diagram of a fifth interface change process provided by the embodiment of the present application;

[0089] FIG. 4d is a schematic diagram of a sixth interface change process provided by the embodiment of the present application;

[0090] FIG. 5a is a schematic diagram of a seventh interface change process provided by the embodiment of the present application;

[0091] FIG. 5b is a schematic diagram of an eighth interface change process provided by the embodiment of the present application;

[0092] FIG. 6 is a schematic diagram of a ninth interface change process provided by the embodiment of the present application;

[0093] FIG. 7 is a schematic diagram of a tenth interface change process provided by the embodiment of the present application;

[0094] FIG. 8a is a schematic diagram of an eleventh interface change process provided by the embodiment of the present application;

[0095] FIG. 8b is a schematic diagram of a twelfth interface change process provided by the embodiment of the present application;

[0096] FIG. 9a is a schematic diagram of a thirteenth interface change process provided by the embodiment of the present application;

[0097] FIG. 9b is a schematic diagram of a fourteenth interface change process according to an embodiment of the present application;

[0098] FIG. 9c is a schematic diagram of a fifteenth interface change process according to an embodiment of the present application;

[0099] FIG. 10 is a flowchart of a first picture preview method according to an embodiment of the present application;

[0100] FIG. 11a is a flowchart of a second picture preview method according to an embodiment of the present application;

[0101] FIG. 11b is a flowchart of a third picture preview method according to an embodiment of the present application;

[0102] FIG. 12 is a flowchart of a fourth picture preview method according to an embodiment of the present application;

[0103] FIG. 13 is a flowchart of a fifth picture preview method according to an embodiment of the present application;

[0104] FIG. 14 is a flowchart of a sixth picture preview method according to an embodiment of the present application;

[0105] FIG. 15 is a structural diagram of an electronic device according to an embodiment of the present application;

[0106] FIG. 16 is a software structure block diagram of an electronic device according to an embodiment of the present application;

[0107] FIG. 17 is a structural diagram of a chip system according to an embodiment of the present application. DETAILED DESCRIPTION

[0108] In order to better understand the technical solutions of the present application, the embodiments of the present application will be described in detail below with reference to the drawings.

[0109] In order to facilitate clear description of the technical solutions of the embodiments of the present application, in the embodiments of the present application, the same items or similar items with basically the same functions and effects are distinguished by using "first", "second", etc. For example, the first instruction and the second instruction are used to distinguish different user instructions, and do not limit the order. Those skilled in the art can understand that "first", "second", etc. do not limit the quantity and execution order, and "first", "second", etc. also do not necessarily mean different.

[0110] It should be noted that the words "exemplarily" or "for example" and the like in this application are used to represent an example, illustration or description. Any embodiment or design scheme described as "exemplarily" or "for example" in this application should not be interpreted as more preferred or more advantageous than other embodiments or design schemes. Rather, the words "exemplarily" or "for example" and the like are intended to present the relevant concept in a specific manner.

[0111] The scheme provided by the embodiments of the present application can be applied to any electronic device capable of setting a picture to be displayed in an interface, such as a mobile phone, a tablet computer, a desktop computer, a smart watch, a wearable electronic device, a vehicle-mounted device, and the like.

[0112] The application scenario of the picture preview scheme provided by the embodiments of the present application will be introduced first.

[0113] The application scenario of the picture preview scheme provided by the embodiments of the present application is a scenario in which a user sets a picture to be displayed in an interface of an electronic device.

[0114] Taking a mobile phone, a tablet computer and the like as an example, the above interface can be any interface of a terminal in which a picture to be displayed is required to be set, and the embodiments of the present application do not limit this. The following will be described by taking FIG. 1a-FIG. 1c as examples.

[0115] In one case, the user can set a lock screen picture to be displayed in a lock screen interface of the terminal, as shown in FIG. 1a, which shows the lock screen interface and the lock screen picture displayed on the lock screen interface.

[0116] In another case, the user can set a wallpaper picture to be displayed on a desktop, as shown in FIG. 1b, which shows the desktop and the wallpaper picture displayed on the desktop.

[0117] In another case, the user can set a background picture to be displayed in a background interface of an application program, as shown in FIG. 1c, which shows a chat background interface of an instant messaging application program (APP) and the background picture displayed on the chat background interface.

[0118] Some concepts to be involved in the embodiments of the present application will be explained, or the implementation method of some steps will be described.

[0119] 1, to-be-set interface

[0120] The to-be-set interface is the interface mentioned in the foregoing that needs to set a picture to be displayed, such as a lock screen interface, a desktop, an application program background interface and the like.

[0121] 2, display template

[0122] The display template can be understood as a template that needs to be followed when displaying the picture. The display template defines the display manner of the picture.

[0123] The embodiments of the present application do not limit the display manner defined by the display template. For example, the display manner can be: performing picture cutout on the picture and displaying the picture obtained by the cutout, performing picture cropping on the picture and displaying the cropped picture, displaying the picture processed by picture expansion, displaying the picture added with a filter, and the like.

[0124] In one case, the display template can define a display element to be displayed on the preview interface, and define a display area of the display element in the preview interface. The specific meaning and examples of the display element are described in the following.

[0125] 3. Preview interface of the to-be-set interface

[0126] The preview interface of the to-be-set interface is used to display the picture according to the display template, so that the user can preview the effect of displaying the picture according to the display template.

[0127] After the user sees the picture display effect in the preview interface, the user can conveniently know the picture display effect of the picture displayed on the to-be-set interface according to the display template, so as to further determine whether to apply the picture and the display template on the to-be-set interface.

[0128] 4. Target picture

[0129] The target picture is a picture displayed in the preview interface under a display template selected before a currently selected display template, that is, a picture displayed under a display template selected before a newly selected display template. In one case, the target picture can be a picture displayed in the preview interface under a last display template.

[0130] The preview interface can display a plurality of display templates that can be selected by the user. When the user selects a display template, the preview interface can display the picture according to the display template.

[0131] The picture displayed in the last display template selected by the user is the target picture. The target picture can be a sample picture corresponding to the display template, or a picture selected by the user from a gallery. Details are described in the following specific embodiments.

[0132] 5. Displaying the target picture based on the display template

[0133] Displaying the target picture based on the display template means displaying the target picture on the preview interface according to the display manner defined by the display template. The manner of displaying the target picture based on the display template is different according to different display templates.

[0134] For example, if the display mode defined by the display template T1 is to add a filter F1 to a picture and display the picture after adding the filter, when the target picture P1 is displayed based on the display template T1, the filter F1 needs to be added to the target picture P1 first, and then the target picture P1 after adding the filter F1 is displayed on the preview interface.

[0135] For example, if the display mode defined by the display template T2 is to crop a picture and display the cropped picture, when the target picture P1 is displayed based on the display template T2, the target picture P1 needs to be cropped according to the shape and / or size defined by the display template T2 first, and then the cropped target picture P1 is displayed on the preview interface.

[0136] As introduced above, in some cases, the display template can define a display element to be displayed on the preview interface, and define a display area of the display element on the preview interface. In this case, the display element can be displayed on the preview interface based on the target picture. The following examples 1-4 are used for intuitive explanation.

[0137] Example 1:

[0138] The display element defined by the display template T3 includes a target picture and a clock component, where the display area of the target picture is the full-screen area, and the display area of the clock component is the upper middle area of the screen. When the target picture P1 is displayed based on the display template T3, the target picture P1 can be displayed full-screen on the preview interface, and the clock component can be displayed in the upper middle area of the preview interface, as shown in FIG. 2a.

[0139] Example 2:

[0140] The display element defined by the display template T4 includes a target picture, a background picture and a clock component, where the display area of the background picture is the full-screen area, the display area of the target picture is the lower middle area of the screen, and the display area of the clock component is the upper middle area of the screen. When the target picture P1 is displayed based on the display template T3, the background picture can be displayed full-screen on the preview interface, the target picture P1 can be displayed in the lower middle area of the preview interface, and the clock component can be displayed in the upper middle area of the preview interface, as shown in FIG. 2b.

[0141] The background picture can be a picture displayed on the background layer in the sample picture corresponding to the template T4, or a picture selected by the user from the gallery.

[0142] It should be noted that in the scheme provided by the embodiments of the present application, the background pictures mentioned later can be pictures displayed on the background layer in the sample picture, or pictures selected by the user from the gallery.

[0143] In one embodiment of the present application, after the target picture is displayed at the default position defined by the display template, the user can further actively adjust the display position of the target picture by dragging the target picture, and the like. The above-mentioned manner is applicable to the above-mentioned example 2, and is also applicable to other examples in which the subsequent target picture is not displayed full screen.

[0144] For example, referring to the content on the left side of the arrow in FIG. 2c, when the target picture P1 is displayed based on the display template T3, the target picture P1 is displayed at the region defined by the display template T3 by default. Then, the user can actively drag the target picture P1 downwards to the position shown on the right side of the arrow, and the dashed box in the content on the right side of the arrow represents the position of the target picture P1 before being dragged.

[0145] In one embodiment of the present application, the user can also actively adjust the display positions of other display elements defined by the display template, which can be the clock component, and the like. The specific adjustment manner can be similar to the manner of adjusting the position of the picture by dragging shown in FIG. 2c, and will not be described in detail herein.

[0146] Example 3:

[0147] The display elements defined by the display template T5 include one object in the target picture, a background picture, and a clock component. The display region of the background picture is the full screen region, the display region of the object is the middle region of the screen, and the display region of the clock component is the upper middle region of the screen. When the target picture P2 is displayed based on the display template T5, the object in the target picture P2 is O1, and the background picture can be displayed full screen on the preview interface as shown in FIG. 2d, the object O1 in the target picture P2 is displayed in the middle region of the preview interface, and the clock component is displayed in the upper middle region of the preview interface.

[0148] In one embodiment of the present application, after the object is displayed at the default position defined by the display template, the user can further actively adjust the display position of the object by dragging the object, and the like. The specific adjustment manner can be similar to the manner of adjusting the position of the picture by dragging shown in FIG. 2c, and will not be described in detail herein.

[0149] Example 4:

[0150] The display elements defined by the display template T6 include four objects in the target picture and a clock component. The display regions of the four objects are four preset regions in the screen, and the display region of the clock component is the upper middle region of the screen. When the target picture P3 is displayed based on the display template T6, the objects in the target picture P3 are O1-O4, the four preset regions are the regions shown by the dashed boxes in the figure, the objects O1-O4 are displayed in the four preview regions of the preview interface, and the clock component is displayed in the upper middle region of the preview interface, as shown in FIG. 2e.

[0151] In one embodiment of the present application, after the multiple objects are displayed in the default positions defined by the display template, the user can further actively adjust the display position of at least one object by dragging the object one by one, and the adjustment manner can be similar to the manner of adjusting the position of the picture by dragging shown in FIG. 2c, which will not be described in detail here.

[0152] The picture preview scheme provided by the embodiments of the present application will be described in detail below by taking the terminal setting of the lock screen picture as an example in combination with the accompanying drawings and the following Embodiment 1 to Embodiment 6.

[0153] In the scenario of setting the lock screen picture, the display template of the picture can also be referred to as the lock screen template.

[0154] For the convenience of description, in the following embodiments, the operation of the user and the display of the terminal during the user previewing the lock screen picture are divided into multiple stages, and are described by stages.

[0155] Embodiment 1:

[0156] Stage P1, triggering the lock screen picture setting function, and displaying the preview interface of the lock screen interface.

[0157] The lock screen picture setting function is a function of setting the picture to be displayed on the lock screen interface. After triggering the function, the terminal can display the preview interface of the lock screen interface on the screen, which is used for the user to preview the display effect of the picture on the lock screen interface.

[0158] The user can trigger the lock screen picture setting function in multiple ways, which is not limited in the embodiments of the present application, and will be introduced by examples below.

[0159] The following introduces one possible way of triggering the lock screen picture setting function by the user based on FIG. 3a and FIG. 3b:

[0160] First, referring to FIG. 3a, the user first clicks the icon 101 of the setting APP in the desktop 10, and the terminal starts the setting APP and displays the interface 20 of the setting APP. The interface 20 of the setting APP includes the desktop and the personalization control 201, and the user can click the control 201. Referring to FIG. 3b, the terminal displays the interface 30, which can include multiple controls such as the lock screen style control 301 and the off-screen display control. After the user clicks the lock screen style control 301, the lock screen picture setting function is triggered, and the terminal displays the preview interface 40 of the lock screen interface. As can be seen, the preview interface 40 includes multiple control of the lock screen template such as template A, template B and template C. The user can preview the picture displayed according to the selected lock screen template in the preview interface by clicking the control of the lock screen template.

[0161] In stage P2, a lock screen template is selected, and a picture is displayed on the preview interface according to the selected lock screen template.

[0162] After the user triggers the lock screen picture setting function, a plurality of different display templates can be displayed on the preview interface, as shown in templates A-C included in the preview interface 40 in FIG. 3b; in this way, the user can select a lock screen template that the user wants to apply to the lock screen interface from the plurality of display templates, so that the preview interface displays a sample picture corresponding to the lock screen template selected by the user.

[0163] As shown in FIG. 4a, the sample picture of template A is a picture including a mountain peak and clouds, and the picture display mode defined by template A is to display the picture in a lower middle region of the screen and display a clock component in an upper middle region of the screen. If the user clicks the control 401 of template A from the plurality of lock screen templates displayed on the preview interface 40, the terminal displays the preview interface 50, and the preview interface 50 displays the sample picture of template A according to template A, that is, the sample picture is displayed in a lower middle region of the preview interface, and the clock component is displayed in an upper middle region of the preview interface.

[0164] In stage P3, the lock screen template is changed, and a target picture is displayed on the preview interface according to the changed new lock screen template.

[0165] As can be seen from the foregoing description of the concept introduction, the target picture is a picture displayed on the preview interface by a display template selected before a new lock screen template is selected.

[0166] In this embodiment, the display template selected before the user selects a new lock screen template is template A, and the picture displayed on the preview interface according to template A is a sample picture corresponding to template A, and at this time, the target picture is the sample picture.

[0167] After the user previews the target picture displayed according to template A on the preview interface, the user can want to preview the display effect of the target picture under other lock screen templates, and at this time, the user can change the lock screen template.

[0168] As shown in FIG. 4b, the target picture is displayed on the preview interface according to the template A (the sample picture of the template A), and the user wants to preview the display effect of the target picture under the lock screen template B, so the user clicks the lock screen style button 501 on the preview interface 50; then the terminal jumps to the preview interface 40, the preview interface 40 includes the control 402 of the template B, and the control 402 includes the thumbnail of the sample picture of the template B displayed according to the template B. The sample picture of the template B is a picture including a mountain and a sun, and the picture display mode defined by the template B is: displaying the picture in full screen and displaying the clock component in the middle upper area of the screen; the user can click the control 402 of the template B on the preview interface 40, and the terminal jumps to the preview interface 60, and the target picture can be displayed on the preview interface 60 according to the template B, that is, the target picture is displayed in full screen on the preview interface, and the clock component is displayed in the middle upper area of the preview interface.

[0169] In this way, after the user replaces the new lock screen template, it can be considered that the user wants to preview the display effect of the target picture under the new lock screen template, so the target picture is directly displayed on the preview interface according to the new lock screen template.

[0170] In FIG. 4b, when the control of the lock screen template is displayed on the preview interface, the control includes the thumbnail of the sample picture displayed according to the template.

[0171] In an embodiment of the present application, when the control of the lock screen template is displayed on the preview interface, the control can include the thumbnail of the target picture displayed according to the template.

[0172] As shown in FIG. 4c, the target picture is displayed on the preview interface according to the template A, the user wants to preview the display effect of the target picture under the lock screen template B, and after the user clicks the lock screen style button on the preview interface, the control of the template B is displayed on the preview interface, and the control includes the thumbnail of the target picture displayed according to the template B.

[0173] In this way, after the user sees the control of the template B, the user can intuitively know the display effect of the target picture applied to the template B, so that the user can more conveniently determine whether to select the template B.

[0174] In an embodiment of the present application, when the control of the lock screen template is displayed on the preview interface, the control can include both the thumbnail of the sample picture displayed according to the template and the thumbnail of the target picture displayed according to the template.

[0175] As shown in FIG. 4d, the target picture is displayed on the preview interface according to the template A, the user wants to preview the display effect of the target picture under the lock screen template B, and after the user clicks the lock screen style button on the preview interface, the control of the template B is displayed on the preview interface, and the control includes both the thumbnail of the sample picture displayed according to the template B and the thumbnail of the target picture displayed according to the template B.

[0176] In this way, after the user sees the control of the template B, the user can not only know the original effect when the sample picture is displayed according to the template B, but also can intuitively know the display effect of the target picture applied to the template B, more information can be intuitively known, and this is beneficial to assist the user to select the template subsequently.

[0177] Embodiment Two

[0178] Stage P1, a lock screen picture setting function is triggered, and a preview interface of a lock screen interface is displayed.

[0179] Stage P2, a lock screen template is selected, and the picture is displayed on the preview interface according to the selected lock screen template.

[0180] Stage P4, the picture displayed under the current template is replaced.

[0181] Compared with the embodiment one, the embodiment two further includes stage P4 before stage P3, that is, after the user selects a lock screen template, the sample picture corresponding to the lock screen template is displayed on the preview interface by default, and before the new lock screen template is selected, the user can also replace the sample picture displayed under the current lock screen template, and after the picture is replaced, the new lock screen template is selected.

[0182] Specifically, after the user selects the lock screen template, the sample picture corresponding to the lock screen template is displayed on the lock screen interface 50 by default, as shown in FIG. 4a. If the user wants to view the display effect of other pictures in the selected lock screen template, the user can actively replace the picture displayed under the current template.

[0183] Referring to FIG. 5a, the user can click the replace picture button 502 on the preview interface 50, the terminal jumps to the gallery interface 70, the gallery interface 70 displays the pictures stored in the terminal, and the user selects the picture 701 from the displayed pictures; then, the terminal jumps to the preview interface 80, and the picture 701 is displayed on the preview interface 80 according to the template A.

[0184] Stage P3, the lock screen template is replaced, and the target picture is displayed on the preview interface according to the replaced new lock screen template.

[0185] In the embodiment, the display template selected by the user before the new lock screen template is selected is the template A, the picture displayed on the preview interface according to the template A is the picture 701 selected by the user, and at this time, the above-mentioned target picture is the picture 701.

[0186] As shown in FIG. 5b, the target picture is displayed on the preview interface 80 according to the template A, and the user wants to preview the display effect of the target picture under the lock screen template B, and thus the user can click the lock screen style button 801 on the preview interface 80. Then, the terminal jumps to the preview interface 40, the user clicks the control 402 of the template B on the preview interface 40, the terminal jumps to the preview interface 90, and the preview interface 90 displays the target picture according to the template B.

[0187] Embodiment Three

[0188] Stage P1, triggering the lock screen picture setting function, and displaying the preview interface of the lock screen interface.

[0189] Stage P2, selecting the lock screen template, and displaying the picture according to the selected lock screen template on the preview interface.

[0190] Stage P4, replacing the picture displayed under the current template.

[0191] Stage P5, replacing the lock screen template, and displaying the sample picture corresponding to the new lock screen template according to the new lock screen template on the preview interface.

[0192] Compared with Embodiment Two, after the user replaces the template, the terminal does not directly display the target picture according to the new lock screen template, but displays the sample picture of the new lock screen template according to the new lock screen template.

[0193] In some cases, after the user replaces the new lock screen template, the user can not want to directly preview the display effect of the target picture in the new lock screen template, but also want to first preview the display effect of the sample picture corresponding to the new lock screen template in the new lock screen template.

[0194] As shown in FIG. 6, after the user clicks the lock screen style button 801 on the preview interface 80, the terminal jumps to the preview interface 40, and after the user clicks the control 402 of the template B on the preview interface 40, the terminal jumps to the preview interface 100, and the preview interface 100 displays the sample picture corresponding to the template B according to the replaced template B, instead of displaying the target picture according to the template B.

[0195] Stage P6, clicking the picture recommendation bubble, and displaying the target picture according to the new lock screen template on the preview interface.

[0196] In stage P5, instead of directly displaying the target picture according to the new lock screen template on the preview interface, the sample picture of the new lock screen template is displayed according to the new lock screen template, and the picture recommendation bubble for the target picture is displayed, and after the user clicks the above picture recommendation bubble, the terminal displays the target picture according to the new lock screen template on the preview interface.

[0197] As shown in FIG. 6, the preview interface 100 displays the sample picture corresponding to the template B according to the replaced template B, and displays a picture recommendation bubble 1001, which can include a thumbnail of the target picture and a prompt text such as "Recommended for you". After the user clicks the picture recommendation bubble 1001, the terminal jumps to the preview interface 90, which displays the target picture according to the template B.

[0198] In this embodiment, after the user replaces the new lock screen template, it can be considered that the user tends to preview the display effect of displaying the sample picture according to the new lock screen template. Therefore, instead of directly displaying the target picture according to the new lock screen template, the terminal displays the sample picture of the new lock screen template according to the new lock screen template. At the same time, the preview interface displays a picture recommendation bubble. When the user clicks the picture recommendation bubble, it indicates that the user has the demand to display the target picture under the new lock screen template. At this time, the terminal displays the target picture according to the new lock screen template. In this way, the user can understand the display effect of displaying the sample picture according to the new lock screen template, and the user can conveniently know the display effect of displaying the target picture according to the new lock screen template.

[0199] Embodiment Four

[0200] Stage P1, triggering the lock screen picture setting function, and displaying the preview interface of the lock screen interface.

[0201] Stage P2, selecting a lock screen template, and displaying a picture according to the selected lock screen template in the preview interface.

[0202] Stage P4, replacing the picture displayed under the current template.

[0203] Stage P3, replacing the lock screen template, and displaying the target picture according to the new lock screen template in the preview interface.

[0204] Stage P7, clicking the sample picture recovery control, and displaying the sample picture corresponding to the new lock screen template according to the new lock screen template in the preview interface.

[0205] In stage P3, the user clicks to replace the lock screen template, and the preview interface directly displays the target picture according to the new lock screen template. In some cases, the user also wants to preview the display effect of the sample picture corresponding to the new lock screen template in the new lock screen template.

[0206] Compared with Embodiment Two, after stage P3, the preview interface displays the target picture according to the new lock screen template, and the preview interface can display a sample picture recovery control. After the user clicks the sample picture recovery control, the terminal can display the sample picture corresponding to the new lock screen template according to the new lock screen template in the preview interface.

[0207] As shown in FIG. 7, the user can click the lock screen style button 801 on the preview interface 80, the terminal jumps to the preview interface 40, the user clicks the control 402 of the template B on the preview interface 40, then the terminal jumps to the preview interface 110; the preview interface 110 displays the target picture according to the template B, and the preview interface 110 also displays the sample picture recovery control 1101, the adjacent area of the sample picture recovery control 1101 can display the bubble 1102 including the prompt text, the prompt text can be "click to display the sample picture", etc.; after the user clicks the sample picture recovery control 1101, the terminal jumps to the new preview interface 210, and the preview interface 210 displays the sample picture corresponding to the new lock screen template B according to the new lock screen template B.

[0208] It should be noted that the bubble 1102 itself has no function of restoring the display of the sample picture, and cannot respond to the user's interaction, and is only used to prompt the user of the function of the sample picture recovery control 1101; the sample picture recovery control 1101 is the control that can actually respond to the user's interaction and has the function of displaying the sample picture.

[0209] In an embodiment of the present application, the terminal can only display the above-mentioned bubble on the preview interface after the user first switches the lock screen template, and does not display the above-mentioned bubble on the preview interface after the user clicks any position on the preview interface.

[0210] In the embodiment, after the user replaces the new lock screen template, it can be considered that the user tends to preview the display effect of displaying the target picture according to the new lock screen template, therefore, the terminal directly displays the target picture according to the new lock screen template; at the same time, the preview interface displays the sample picture recovery control control, when the user clicks the sample picture recovery control control, it indicates that the user has the demand of restoring the display of the sample picture corresponding to the new lock screen template under the new lock screen template, at this time, the terminal displays the sample picture corresponding to the new lock screen template according to the new lock screen template. Similarly, this can make the user understand the display effect of displaying the target picture according to the new lock screen template, and also enable the user to easily know the display effect of displaying the sample picture according to the new lock screen template.

[0211] Embodiment five:

[0212] Stage P1, triggering the lock screen picture setting function, displaying the preview interface of the lock screen interface.

[0213] Stage P2, selecting a lock screen template, displaying a picture according to the selected lock screen template on the preview interface.

[0214] Stage P8, replacing the lock screen template, displaying a prompt text on the preview interface.

[0215] In some cases, after the user replaces the new lock screen template, the target picture can not support the display according to the new lock screen template.

[0216] In the case that the target picture does not support display according to the new lock screen template selected by the user, in order not to affect the display effect of the picture, the terminal can not display the target picture according to the new lock screen template after replacement, but display a prompt text on the preview interface.

[0217] Compared with the first embodiment, in the case that the target picture does not support display according to the new lock screen template selected by the user, after the user replaces the lock screen template, the terminal can display a prompt text on the preview interface to inform the user that the target picture cannot be applied to the new lock screen template.

[0218] As shown in FIG. 8a, the preview interface 50 displays the target picture according to the template A, the user clicks the lock screen style button 501 on the preview interface 50, and the terminal jumps to the preview interface 120; the preview interface 120 includes the control 1201 of the template D, after the user clicks the control 1201 of the template D, the terminal jumps to the preview interface 130; the preview interface 130 still displays the target picture according to the template A, and displays a prompt text 1301, which can be “the original picture has no identifiable subject, please try other pictures to experience this template” and the like. The above-mentioned original picture is the target picture currently displayed in the preview interface.

[0219] In this way, after the user sees the prompt text 1301, it can be known that the target picture cannot be applied to the new lock screen template, and then the user can try to replace the picture or replace other lock screen templates.

[0220] It can be seen that in the embodiment, it can be considered that the user pays more attention to the target picture displayed according to the last lock screen template after replacing the lock screen template, that is, the user is more inclined to know the effect of the target picture in other templates. Therefore, if the target picture cannot be applied to the new lock screen template, the target picture is still displayed preferentially, that is, the target picture is displayed on the preview interface according to the last lock screen template, which facilitates the user to subsequently replace other lock screen templates to which the target picture can be applied.

[0221] In an embodiment of the present application, in stage P8, a sample picture corresponding to the new lock screen template can be first displayed on the preview interface according to the new lock screen template after replacement, and then a prompt text is displayed on the preview interface.

[0222] As shown in FIG. 8b, the preview interface 50 displays the target picture according to the template A, the user clicks the lock screen style button 501 on the preview interface 50, and the terminal jumps to the preview interface 120; the preview interface 120 includes the control 1201 of the template D, after the user clicks the control 1201 of the template D, the terminal jumps to the preview interface 140; the preview interface 140 displays the sample picture corresponding to the new template B according to the new template B, and displays the prompt text 1401, which can be "the original picture has no identifiable subject, please try other pictures to experience this template".

[0223] It can be seen that in the embodiment, it can be considered that the user pays more attention to the new lock screen template after changing the lock screen template, that is, is more inclined to know the display effect of the new lock screen template, therefore, if the target picture cannot be applied to the new lock screen template, the display effect of the lock screen template is preferentially displayed, that is, the sample picture is displayed on the preview interface according to the new lock screen template, which facilitates the user to subsequently change other pictures that can be applied to the above-mentioned lock screen template.

[0224] Embodiment six:

[0225] Stage P1, triggering the lock screen picture setting function, displaying the preview interface of the lock screen interface.

[0226] Stage P2, selecting a lock screen template, displaying a picture on the preview interface according to the selected lock screen template.

[0227] Stage P4, changing the picture displayed under the current template.

[0228] Stage P3, changing the lock screen template, displaying the target picture on the preview interface according to the changed lock screen template.

[0229] Stage P9, triggering the template style adjustment function, displaying the template adjustment interface, and the template adjustment interface displays the control including the first type of display template to which the target picture can be applied and the control of the first type of display template to which the target picture cannot be applied.

[0230] The template style adjustment function is used to change the lock screen template, change the display mode of the lock screen template, etc.

[0231] Compared with embodiment two, after the preview interface displays the target picture according to the changed lock screen template, the user can further trigger the template style adjustment function to further adjust the template to change the display effect of the preview target picture.

[0232] Referring to FIG. 9a, the target picture is displayed on the preview interface 80 according to the template A, and the user can click the lock screen style button 801 on the preview interface 80, and the terminal jumps to the preview interface 40; the user clicks the control 402 of the template B on the preview interface 40, and then the terminal jumps to the preview interface 150; the preview interface 150 displays the personalized decoration control 1501, and after the user clicks the personalized decoration control 1501, the terminal jumps to the template adjustment interface 160; the template adjustment interface 160 displays the control 1601 of the first type of display template to which the target picture can be applied, and the first type of display template includes the template A, the template B, and the template C, and the control 1602 of the second type of display template to which the target picture cannot be applied can also be displayed.

[0233] In the embodiment of the present application, the manner of displaying the second type of display template is not limited, for example, the control of the second type of display template can be grayed out and an inhibition symbol can be displayed in the control as shown in FIG. 9a, or only the control of the second type of display template can be grayed out or only an inhibition symbol can be displayed in the control.

[0234] In the embodiment of the present application, the control of the first type of display template can be set to a selectable state, and the control of the second type of display template can be set to a non-selectable state. In this way, the user can intuitively know which display templates the target picture can be applied to and which display templates the target picture cannot be applied to.

[0235] In the embodiment of the present application, the control 1601 of the first type of display template can include a thumbnail of the display effect of the target picture applied to the lock screen template corresponding to the control.

[0236] In this way, the user can intuitively and quickly understand the display effect of the target picture under each lock screen template after browsing each control, so as to better determine which lock screen template to select to display the target picture subsequently.

[0237] In the stage P10, the control of the first type of display template is selected, and the target picture is displayed on the preview interface according to the first type of display template.

[0238] Referring to FIG. 9b, the preview interface is displaying the target picture in full screen according to the last selected template, and the user can click the control 16011 of the template A in the control 1601 of the first type of display template on the template adjustment interface 160, and then the terminal jumps to the preview interface 170; the preview interface 170 displays the target picture according to the template A, and at this time, the target picture is displayed in a non-full screen manner according to the definition of the template A, that is, the target picture is displayed in a non-full screen manner.

[0239] In the embodiment of the present application, the template adjustment interface can also display a picture cropping control, and after the user clicks the picture cropping control, the picture displayed on the preview interface can be cropped according to the cropping manner indicated by the clicked picture cropping control.

[0240] Referring to FIG. 9c, the template adjustment interface 160 displays a picture cropping control 1603, and the user can click a picture cropping control 16031 in the picture cropping control 1603. The picture cropping control 16031 indicates a cropping manner of cropping the picture into a capsule shape. Then, the terminal jumps to a preview interface 180. The preview interface 180 displays the picture after the target picture is cropped into a capsule shape.

[0241] In an embodiment of the present application, the template adjustment interface can also display a picture color changing control, such as the template color changing control 1604 in FIG. 9c. Different gray controls represent different colors indicated by the controls. After the user clicks the picture color changing control, the color of the picture displayed in the preview interface can be adjusted based on the color indicated by the control. The color of the picture displayed in the preview interface can be adjusted in various manners, such as adjusting the background color of the picture, adjusting the color temperature and contrast of the picture, and the like. The present embodiment is not limited in this regard.

[0242] Based on the foregoing embodiments, the picture preview scheme provided by the present embodiment is introduced below through a flowchart.

[0243] Referring to FIG. 10, a flowchart of a first picture preview method provided by an embodiment of the present application is shown. The foregoing method includes the following steps S1001-S1003.

[0244] Step S1001: Display a first interface.

[0245] The foregoing first interface includes a target picture displayed based on a first display template.

[0246] The target picture displayed based on the first display template, that is, the target picture is displayed according to template information defined by the first display template. The template information can include the layout and / or color matching defined by the display template. When the target picture is displayed based on the first display template, the target picture can also be displayed according to the display elements defined by the display template and the display manner of the display elements. For details, refer to the description in the foregoing embodiments related to the lock screen picture replacement.

[0247] The foregoing first interface is the preview interface of the foregoing to-be-set interface, and the target picture is the picture currently displayed on the first interface based on the first display template.

[0248] Step S1002: In response to a first operation, display information of one or more display templates on the first interface.

[0249] The foregoing first operation can be the template switching operation for switching the display template mentioned above, for example, the operation of clicking the template switching control mentioned above.

[0250] The one or more display templates can include a second display template, and the one or more display templates can be the display templates mentioned above for defining various picture display modes.

[0251] In one case, the information of a display template can include a name of the display template. For example, the information of the display template T1 can include its name "Minimalist Magazine", the information of the display template T2 can include its name "Cute Pet World", and so on.

[0252] In another case, the information of a display template can further include a thumbnail of a sample picture corresponding to the display template according to the display of the display template. For example, the control 401 of the lock screen template in the aforementioned FIG. 4a.

[0253] In another case, the information of a display template can further include a thumbnail of a target picture according to the display of the display template.

[0254] The information of a display template can further include a description text of the display template, a thumbnail of a sample picture corresponding to the display template, and so on, which are not limited by the embodiments of the present application.

[0255] Step S1003: After receiving the selection operation on the second display template, the target picture is displayed on the first interface based on the second display template.

[0256] The selection operation on the second display template can be a click operation on the information of the second display template, or a sliding operation on the first display template that has been selected on the first interface.

[0257] For example, the first display template T1 has been selected on the first interface, and after detecting a right sliding operation on the first display template T1, it can be considered that the selection operation on the second display template T2 following the first display template T1 in the sequence number is detected.

[0258] The manner of displaying the target picture on the first interface based on the second display template has been described in the aforementioned conceptual introduction, and thus will not be described herein again.

[0259] In one case, if the display element defined by the second display template to be displayed on the first interface includes an object and a background, the target picture can be displayed on the first interface based on the selected second display template in the following manner:

[0260] The target object in the target picture is recognized, and the region where the target object is located is cut out from the target picture to obtain a target object picture including the target object. Then, the target object picture is displayed on the object layer in the first interface, and the sample background picture in the first sample picture associated with the second display template is displayed on the background layer in the first interface.

[0261] The object layer is a layer defined by the second display template for displaying an object, and the background layer is a layer defined by the second display template for displaying a background.

[0262] The sample background picture is a picture displayed in the background layer in the first sample picture.

[0263] When the display element defined by the second display template to be displayed in the first interface includes an object and a background, the associated first sample picture can include a sample object picture and a sample background picture, and when the first sample picture is displayed on the first interface, the sample object picture is displayed on the object layer and the sample background picture is displayed on the background layer.

[0264] In this embodiment, when the target picture is displayed based on the second display template, the picture finally displayed in the first interface includes a target object picture of a target object and a sample background picture in the first sample picture, which is equivalent to replacing the sample object picture in the first sample picture displayed in the first interface with the target object picture.

[0265] As can be seen, the picture displayed in the first interface substantially includes the object in the target picture and the background in the first sample picture, and the display mode is more flexible, which is conducive to meeting the personalized needs of users and improving the flexibility of displaying the target picture in the first interface.

[0266] As can be seen from the above, when the picture is previewed by the scheme provided in the embodiments of the present application, the terminal displays the information of the second display template on the first interface in response to the first operation after displaying the target picture on the first interface based on the first display template. In this way, in response to the selection operation of the second display template, the target picture is displayed on the first interface based on the selected second display template. The target picture is a picture displayed in the first display template before the second display template is selected. As can be seen, in the scheme provided in the embodiments of the present application, after the user selects the second display template, the sample picture corresponding to the second display template is not displayed in the first interface, but the target picture is displayed in the first interface. In this way, it is convenient for the user to preview the display effect of other pictures in addition to the sample picture in the display template, and a better picture preview effect is achieved.

[0267] In addition, after previewing the display effect of the target picture in a display template on the first interface, the user often wants to know the effect of the target picture in other display templates. In the scheme provided by the embodiment of the present application, in response to the selection operation on the second display template, the target picture displayed under the first display template can be directly displayed in the newly selected second display template, without the user manually selecting the target picture from the gallery after switching the new display template, so that the user can conveniently and quickly preview the display effect of the target picture under the new display template, the human-computer interaction efficiency is high, and the efficiency of the user previewing the target picture under the new display template after switching the display template is improved.

[0268] On the basis of the embodiment shown in FIG. 10, before the terminal displays the target picture based on the selected second display template on the first interface, the terminal can also display first recommendation information of the target picture, and then display the target picture based on the selected second display template on the first interface in the case where the user selects the first recommendation information. In view of the above, the embodiment of the present application provides another picture preview method.

[0269] Referring to FIG. 11a, a flowchart of a second picture preview method provided by the embodiment of the present application is shown, and the above method includes the following steps S1101-S1104.

[0270] Step S1101: display a first interface.

[0271] Step S1102: in response to a first operation, display information of one or more display templates on the first interface.

[0272] Step S1103: after receiving a selection operation on a second display template, display first recommendation information on the first interface.

[0273] The first recommendation information can be any information associated with the target picture, for example, the above first recommendation information can be a thumbnail of the target picture, prompt text for the target picture, etc.

[0274] In one case, the first recommendation information can include a thumbnail of the target picture and a first prompt text, and the first prompt text is used to prompt that the target picture is a picture recommended to the user.

[0275] The thumbnail of the target picture can enable the user to intuitively know the content of the target picture, and the first prompt text can prompt the user of the purpose of displaying the thumbnail, so that after the terminal displays the first recommendation information including the above thumbnail and first text on the first interface, the user can intuitively and conveniently know the effect of the recommendation information, and the user experience is improved.

[0276] In an embodiment of the present application, the terminal can display a first control including the above first recommendation information on the first interface.

[0277] The first recommended information is displayed in the first control, which is more eye-catching for the user and helps the user to quickly see the first recommended information. Moreover, the recommended information is displayed in the form of a control, which can shorten the distance between the user and the terminal and improve the user's sense of intimacy.

[0278] In one embodiment of the present application, the step S1103 can be implemented by the following step P:

[0279] Step P: displaying the first sample picture based on the second display template on the first interface, and displaying the first recommended information on the first sample picture.

[0280] Similarly, the target picture based on the second display template, that is, the target picture is displayed according to the template information defined by the second display template. The template information can include the layout and / or color matching defined by the display template. When the target picture is displayed based on the second display template, the target picture can also be displayed according to the display elements and the display mode of the display elements defined by the display template. For details, refer to the description in the foregoing embodiments related to the lock screen picture replacement.

[0281] The sample picture is associated with the display template. It can be understood that the sample picture is the default picture set by the display template, that is, the sample picture is the sample picture corresponding to the display template.

[0282] In this way, after determining that the user selects the second display template, the terminal does not directly display the target picture based on the selected second display template on the first interface, but displays the first sample picture associated with the second display template on the first interface, as shown in the foregoing FIG. 6.

[0283] In the present embodiment, the terminal displays the first sample picture associated with the second display template on the first interface based on the selected second display template in response to the selection operation on the display template. In this way, the user can understand the display effect of the first sample picture in the second display template. Then, the first recommended information of the target picture is also displayed on the first interface. In response to the selection operation on the first recommended information, the terminal can display the target picture based on the selected second display template on the first interface. After displaying the first recommended information, the user still does not need to manually select the target picture. The user only needs to select the first recommended information to understand the display effect of the target picture in the second display template. As can be seen, in this way, the user can conveniently understand the display effect of the preset sample picture in the new display template, and the user can quickly preview the display effect of the target picture in the new display template, and the user experience is better.

[0284] Step S1104: after receiving the selection operation on the first recommended information, displaying the target picture based on the second display template on the first interface.

[0285] The selecting operation is clicking the first control when the first recommendation information is displayed in the first control.

[0286] After the user selects the first recommendation information, it indicates that the user intends to preview the display effect of the target picture in the newly selected second display template, and therefore the terminal can display the target picture based on the selected second display template in the first interface.

[0287] In one embodiment of the present application, the terminal can not display the first control after receiving the selecting operation on any control in the first interface except the first control or a blank area not including any control.

[0288] When the user selects any control in the first interface except the first control or a blank area not including any control, it usually indicates that the user does not want to select the first control, i.e., does not want to display the target picture in the first interface, but wants to perform other operations. Therefore, in this case, the terminal can not display the first control to facilitate the user to perform other operations, and can also prevent the user from mistakenly touching the first control, thereby improving the user experience.

[0289] In the embodiment, the terminal displays the first recommendation information associated with the target picture first when displaying the target picture, and after receiving the selecting operation on the first recommendation information, it indicates that the user has the demand to understand the display effect of the target picture in the second display template. At this time, the terminal displays the target picture based on the second display template, so that the user can understand the display effect of the target picture in the second display template. It can be seen that the target picture is not displayed directly after the user switches the display template, but is displayed after the user selects the first recommendation information, and the user experience is better.

[0290] On the basis of the embodiment shown in FIG. 11a, when the terminal displays the first recommendation information in the first interface in step S1103, the terminal can also display the first recommendation information in the first interface in the case where the target picture includes the preset display element. In view of the above, another picture preview method is provided in the embodiments of the present application.

[0291] Referring to FIG. 11b, it is a flowchart of a third picture preview method provided by the embodiments of the present application. Compared with the above-mentioned FIG. 11a, step S1103 can be implemented by the following step S1103A:

[0292] Step S1103A: Display the first recommendation information in the first interface in the case where the target picture includes the preset display element.

[0293] The step can be understood as judging whether the target picture supports display based on the second display template. The display template defines the display manner of the picture, and the judgment of whether the target picture supports display based on the second display template is also the judgment of whether the target picture supports display in the display manner defined by the second display template.

[0294] If the target picture supports display in the display manner defined by the second display template, it can be called that the target picture and the second display template can match; if the target picture does not support display in the display manner defined by the second display template, it can be called that the target picture and the second display template cannot match.

[0295] In an implementation manner, the preset display element is a display element defined by the second display template and to be displayed on the first interface. Whether the target picture supports display based on the second display template can be judged according to whether the target picture includes the display element.

[0296] As can be known from the foregoing description, the display element can include elements such as the target picture, a background picture, a preset object, a clock component, and the like.

[0297] After the display element defined by the second display template and to be displayed on the first interface is determined, it can be judged whether the target picture can meet the display requirement of the display element, such as whether the display element is included. If yes, it is determined that the target picture supports display based on the second display template, and then the first recommended information is displayed on the first interface.

[0298] Specifically, if the determined display element includes a preset object, the following manner can be used to judge whether the target picture supports display in the display manner defined by the second display template.

[0299] In a first manner, it can be judged whether the target picture includes the preset object. If yes, it is determined that the target picture supports display based on the second display template, so that the first recommended information can be displayed on the first interface. The preset object can be one or multiple, and can be any object such as a person, an animal, a natural scenery, a food, a building, and the like, which is not limited in the embodiments of the present application.

[0300] For example, if the preset object is an animal, object recognition can be performed on the target picture. If an animal is recognized, it is determined that the target picture supports display based on the second display template, and otherwise, it is determined that the target picture does not support display based on the second display template.

[0301] When the preset object includes multiple objects, if any preset object is recognized from the target picture, it can be considered that the preset object exists in the target picture.

[0302] For example, if the preset object includes food and building, the target picture can be subjected to object recognition, and if food and / or building is recognized, it is determined that the target picture supports display based on the second display template, and otherwise, it is determined that the target picture does not support display based on the second display template.

[0303] In the second mode, it can be determined whether the type of the preset object included in the target picture is a preset type defined by the second display template. If the type belongs to the preset type, it is determined that the target picture supports display based on the second display template, so that the first recommended information can be displayed on the first interface. The preset type can be a biological type, a landscape type, etc.

[0304] For example, if the preset type defined by the second display template is a biological type, the target picture can be subjected to object recognition. If the recognized preset object is human, it is determined that the human belongs to the biological type, and it is determined that the target picture supports display based on the second display template. If the recognized preset object is a building, it is determined that the building does not belong to the biological type, and it is determined that the target picture does not support display based on the second display template.

[0305] In the third mode, it can be determined whether the number of the preset objects included in the target picture is greater than a preset number defined by the second display template. If the number is greater than the preset number, it is determined that the target picture supports display based on the second display template, so that the first recommended information can be displayed on the first interface.

[0306] For example, if the preset number is 4, the target picture can be subjected to object recognition. If the number of the recognized preset objects is greater than 4, it is determined that the target picture supports display based on the second display template, and otherwise, it is determined that the target picture does not support display based on the second display template.

[0307] It can be seen that according to different specific conditions, the terminal can flexibly and accurately determine whether the target picture meets the related requirements of the objects defined by the second display template according to whether the target picture includes the preset object, the type of the included preset object, and the number of the included preset object, and then the first recommended information can be displayed on the first interface when the requirements are met.

[0308] In this way, in the case where the target picture includes the preset display element, it is indicated that the target picture can meet the display requirements of the display element, and then the terminal can display the first recommended information on the first interface, which is beneficial to the subsequent user to conveniently display the target picture by selecting the first recommended information.

[0309] In another embodiment, it can be determined whether a target parameter of the target picture meets a preset condition. If it meets, it is determined that the target picture supports display based on the second display template.

[0310] The target parameter can be a size, a resolution, or the like of the picture, and the preset condition can be that the size of the picture is greater than a preset size, the resolution of the picture is greater than a preset resolution, or the like. Embodiments of the present application do not limit this.

[0311] In this way, the terminal displays the target picture based on the second display template in the first interface when it is determined that the target picture supports display based on the second display template, which can reduce the probability of display abnormalities or poor display effects when the target picture is displayed based on the second display template, and is beneficial to improving the user experience.

[0312] In an embodiment of the present application, the step S1103 can also be implemented by the following step S1103B:

[0313] Step S1103B: In the case where the target picture is not the second sample picture associated with the first display template, displaying first recommendation information in the first interface.

[0314] That is, it is determined whether the target picture is the second sample picture associated with the first display template, and if not, the first recommendation information is displayed in the first interface.

[0315] If the target picture is not the second sample picture associated with the first display template, the target picture can be a picture that the user actively selects from the gallery, that is, the user's desire to preview the target picture can be relatively strong, and the target picture can be a picture that the user wants to display in the to-be-set interface.

[0316] Therefore, in this case, after the user newly selects the second display template, the user can want to preview the effect of the target picture in the newly selected second display template. Therefore, the terminal can display first recommendation information of the target picture in the first interface, so that the user can display the target picture based on the selected second display template in the first interface after selecting the first recommendation information. It can be seen that, when it is determined that the target picture is not the second sample picture associated with the first display template, the step of displaying the first recommendation information of the target picture in the first interface is performed again, which is beneficial to recommending the picture information of the picture that the user wants to display in the to-be-set interface to the user, that is, predicting the user's intention, and bringing a more intelligent use experience to the user.

[0317] If the target picture is the second sample picture associated with the first display template, it indicates that the user can not have actively replaced the second sample picture, that is, the user can not have determined the picture that the user wants to display in the to-be-set interface. In this case, it can be considered that the user tends to view the display effect of the second display template after the user selects the second display template, and therefore, the terminal can directly display the first sample picture associated with the second display template in the first interface without actively displaying the first recommendation information of the second sample picture.

[0318] On the basis of the embodiment shown in FIG. 10, after the terminal displays the target picture based on the selected second display template on the first interface, the terminal can also display the first sample picture associated with the second display template on the first interface based on the second display template in response to the selection operation on the second control. In view of the above, another picture preview method is provided in the embodiments of the present application.

[0319] Referring to FIG. 12, a flowchart of a fourth picture preview method provided in the embodiments of the present application is shown, and the above method includes the following steps S1201-S1204.

[0320] Step S1201: display a first interface.

[0321] Step S1202: in response to a first operation, display information of one or more display templates on the first interface.

[0322] Step S1203: after receiving a selection operation on a second display template, display a target picture based on the second display template on the first interface.

[0323] Step S1204: after receiving a selection operation on a second control, display a first sample picture displayed based on the second display template on the first interface.

[0324] In this way, after the user triggers the selection operation on the second control, the first interface displays the first sample picture associated with the second display template, so that the user can know the display effect of the first sample picture under the second display template.

[0325] The embodiments of the present application do not limit the specific operation mode when the second control is selected. For example, the user can double-click the first interface, and then click the second control popped up on the first interface to select the second control; the user can also long-press the first interface, and then click the second control popped up to select the second control.

[0326] In one case, the second control can be directly displayed on the first interface, and in this case, the user can directly select the second control displayed on the first interface.

[0327] In one embodiment of the present application, the second control includes a second prompt text, and the second prompt text is used to prompt the function of the second control. The second control is a control used to display the first sample picture associated with the second display template, which can be the sample picture recovery control in the foregoing.

[0328] In this way, the second prompt text can more prominently prompt the user of the function of the second control, so that the user can quickly know the function, and this can shorten the distance with the user and improve the user's sense of intimacy.

[0329] In this embodiment, the terminal can directly display the target picture based on the second display template on the first interface in response to the selection operation on the second display template, so that the user can know the display effect of the target picture in the second display template without manually selecting the target picture, thereby simplifying the operation of the user when previewing the display effect of the target picture in the newly selected display template and improving the efficiency of the user when previewing the display effect of the target picture in the newly selected display template. In addition, the terminal can display the first sample picture associated with the second display template on the first interface based on the second display template in response to the selection operation on the second control, so that the user can know the display effect of the first sample picture in the second display template. It can be seen that, in this way, the user can quickly preview the display effect of the target picture in the new display template, and the user can conveniently preview the display effect of the preset sample picture in the new display template, and the user experience is better.

[0330] In one embodiment of the present application, the terminal does not display the second control after receiving the operation on any control or the blank area of the first interface.

[0331] The second prompt text in the second control is used to prompt the function of the second control, and the user can know the function after seeing the second prompt text in the second control. When the user performs the operation on any control or the blank area, the user has seen the second prompt text and known the function, so in this case, the second control can be considered to have achieved its function, and thus the terminal can not display the second control, preventing the interface from being not simple due to long-term display of the second control, and facilitating the user to perform other operations.

[0332] On the basis of the embodiment shown in FIG. 10, when the terminal displays the target picture based on the selected second display template on the first interface in step S1003, the terminal can further determine whether the target picture supports display based on the second display template, and if yes, display the target picture based on the selected second display template on the first interface. In view of the above, another picture preview method is provided in the embodiments of the present application.

[0333] Referring to FIG. 13, FIG. 13 is a flow diagram of a fifth picture preview method provided by the embodiments of the present application, and the above method includes the following steps S1301-S1304.

[0334] Step S1301: display a first interface.

[0335] Step S1302: in response to a first operation, display information of one or more display templates on the first interface.

[0336] After the terminal receives the selection operation on the second display template, the terminal performs the following step S1303 or step S1304.

[0337] Step S1303: In the case where the target picture includes the preset display element, displaying the target picture on the first interface based on the second display template.

[0338] Wherein, the way of judging whether the target picture supports the display based on the second display template based on the target picture including the preset display element has been described in the step S1105 of the embodiment shown in the aforementioned FIG. 11b, which will not be repeated here.

[0339] Step S1304: In the case where the target picture does not include the preset display element, displaying a third prompt text on the first interface.

[0340] The third prompt text is used to prompt that the target picture does not support the display based on the second display template definition.

[0341] In the embodiment, on the one hand, in the case where the target picture includes the preset display element, it indicates that the target picture can be displayed according to the display manner defined by the second display template, therefore, the terminal can display the target picture on the first interface based on the second display template, which is conducive to guaranteeing the display effect of the target picture; on the other hand, in the case where the target picture does not include the preset display element, it indicates that the target picture cannot be displayed according to the display manner defined by the second display template, therefore, in order to avoid the display abnormality or the poor display effect when displaying the target picture on the first interface based on the second display template, the terminal can not display the target picture on the first interface based on the second display template, but display the third prompt text on the first interface to prompt the user, so that the user can understand the situation in time after reading the third prompt text and then make subsequent response.

[0342] In an embodiment of the present application, the above step S1304 can also be implemented by the following step Q:

[0343] Step Q: In the case where the target picture does not include the preset display element, displaying a first sample picture displayed based on the second display template on the first interface, and displaying the third prompt text on the first sample picture.

[0344] In this way, in the case where the target picture does not support the display based on the newly selected second display template, the terminal can first display the first sample picture associated with the second display template, so that the user can understand the display effect of the picture displayed according to the display manner defined by the second display template; in addition, the third prompt text is also displayed on the first sample picture to prompt the user, so that the user can understand the situation in time after reading the third prompt text and then make subsequent response.

[0345] On the basis of the embodiment shown in FIG. 10, after the terminal displays the target picture based on the selected second display template in the first interface at step S1003, the display template in the first interface can also be adjusted after receiving a template adjustment operation. In view of the above, another picture preview method is provided in the embodiments of the present application.

[0346] Referring to FIG. 14, a flowchart of a sixth picture preview method provided in the embodiments of the present application is shown, and the above method includes the following steps S1401-S1405.

[0347] Step S1401: display a first interface.

[0348] Step S1402: in response to a first operation, display information of one or more display templates in the first interface.

[0349] Step S1403: after receiving a selection operation on a second display template, display a target picture based on the second display template in the first interface.

[0350] Step S1404: after receiving a display template adjustment operation, display a template adjustment interface.

[0351] The template adjustment interface includes information of a first type of display template and / or information of a second type of display template, the first type of display template is a selectable display template, which can be understood as a display template that can be applied to the target picture, and the second type of display template is a non-selectable display template, which can be understood as a display template that cannot be applied to the target picture.

[0352] The display template that can be applied to the target picture refers to a display template that can support the target picture to be displayed in a defined display manner, and the display template that cannot be applied to the target picture refers to a display template that cannot support the target picture to be displayed in a defined display manner.

[0353] Step S1405: after receiving a selection operation on the first type of display template, display the target picture based on the selected first type of display template in the first interface.

[0354] In the embodiments, the template adjustment interface includes the selectable first type of display template and the non-selectable second type of display template, so that the user can intuitively understand which display templates the target picture can be applied to and which display templates the target picture cannot be applied to. Therefore, the user can conveniently select the first type of display template that the target picture can be applied to, thereby reducing the probability of the target picture not being able to be applied in the selected display template and improving the convenience of the user previewing the target picture displayed in the display template.

[0355] In an embodiment of the present application, the terminal can also update the first cropping style of the target picture to the second cropping style after receiving the picture cropping operation.

[0356] For example, the terminal can crop the target picture based on the cropping style indicated by the picture cropping operation, which can be understood as cropping the first shape and / or the first size of the picture to the second shape and / or the second size indicated by the cropping style.

[0357] In one case, the display template adjustment interface can include a picture cropping control, and the picture cropping operation can be an operation of selecting the picture cropping control in the display template adjustment interface.

[0358] In this way, the user can conveniently trigger the function of cropping the target picture by selecting the picture cropping control in the display template adjustment interface.

[0359] In the embodiment, the terminal can also support cropping the target picture that has been displayed according to the display template, which is conducive to meeting the personalized needs of the user and improves the flexibility during picture preview.

[0360] In an embodiment of the present application, the terminal can also update the first cropping style of the target picture to the second cropping style after receiving the picture cropping operation.

[0361] In one case, the display template adjustment interface can include a picture cropping control, and the picture cropping operation can be an operation of selecting the picture cropping control in the display template adjustment interface.

[0362] The adjustment of the color of the target picture can be the adjustment of the background color of the picture, or the adjustment of the color temperature, contrast, etc. of the picture, which is not limited in the embodiments of the present application.

[0363] In this way, the user can conveniently trigger the function of adjusting the color of the target picture by selecting the picture color changing control in the display template adjustment interface.

[0364] In the embodiment, the terminal can also support adjusting the color of the target picture that has been displayed according to the display template, which is conducive to meeting the personalized needs of the user and improves the flexibility during picture preview.

[0365] The user information involved in the embodiments of the present application is all authorized information of the user, and the acquisition, storage, use, processing, transmission, provision and disclosure, etc. of the user information all comply with the relevant legal regulations and do not violate public order and good customs.

[0366] The scheme provided in the embodiments of the present application can be applied to an electronic device, and a possible hardware structure and software structure of the electronic device are described below.

[0367] For example, FIG. 15 shows a structural schematic diagram of an electronic device 1500. The electronic device 1500 can include a processor 1510, a display screen 1520, a camera 1530, an internal memory 1540, a Subscriber Identification Module (SIM) card interface 1550, a Universal Serial Bus (USB) interface 1560, a charging management module 1570, a battery management module 1571, a battery 1572, a sensor module 1580, a mobile communication module 1590, a wireless communication module 1600, an antenna 1 and an antenna 2, and the like. The sensor module 1580 can include a pressure sensor 1580A, a touch sensor 1580B, and the like.

[0368] It can be understood that the structure shown in the embodiments of the present application does not constitute a specific limitation on the electronic device 1500. In other embodiments of the present application, the electronic device 1500 can include more or fewer components than shown, or combine certain components, or split certain components, or different arrangement of components. The components shown can be implemented in hardware, software, or a combination of software and hardware.

[0369] The processor 1510 can include one or more processing units, for example: the processor 1510 can include a Central Processing Unit (CPU), an Application Processor (AP), a modem processor, a graphics processing unit (GPU), an Image Signal Processor (ISP), a controller, a video codec, a Digital Signal Processor (DSP), a baseband processor, and / or a Neural-network Processing Unit (NPU), and the like. Different processing units can be independent components, or can be integrated in one or more processors. In some embodiments, the electronic device 1500 can also include one or more processors 1510. The controller can generate operation control signals according to instruction operation codes and timing signals to complete the control of fetching instructions and executing instructions. In other embodiments, a memory can also be provided in the processor 1510 to store instructions and data. For example, the memory in the processor 1510 can be a cache memory. The memory can save instructions or data that the processor 1510 has just used or repeatedly uses.

[0370] In some embodiments, the processor 1510 can include one or more interfaces. The interfaces can include an Inter-Integrated Circuit (I2C) interface, an Inter-Integrated Circuit Sound (I2S) interface, a Pulse Code Modulation (PCM) interface, a Universal Asynchronous Receiver / Transmitter (UART) interface, a Mobile Industry Processor Interface (MIPI), a General-Purpose Input / Output (GPIO) interface, a SIM card interface, and / or a USB interface, etc. The USB interface 1560 is an interface that conforms to the USB standard specification, and can be a Mini USB interface, a Micro USB interface, a USB Type C interface, etc. The USB interface 1560 can be used to connect a charger for charging the electronic device 1500, and can be used to transmit data between the electronic device 1500 and an external device. The USB interface 1560 can also be used to connect an earphone and play audio through the earphone.

[0371] It can be understood that the interface connection relationship between the modules shown in the embodiments of the present application is used for illustrative description, and does not constitute a structural limitation on the electronic device 1500. In some other embodiments of the present application, the electronic device 1500 can also use different interface connection modes or a combination of multiple interface connection modes in the above embodiments.

[0372] The wireless communication function of the electronic device 1500 can be implemented by the antenna 1, the antenna 2, the mobile communication module 1590, the wireless communication module 1600, the modem processor, and the baseband processor, etc.

[0373] The antenna 1 and the antenna 2 are used to transmit and receive electromagnetic wave signals.

[0374] The electronic device 1500 realizes the display function through the GPU, the display screen 1520, and the application processor, etc. The GPU is a microprocessor for image processing, connected to the display screen 1520 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 1510 can include one or more GPUs that execute program instructions to generate or change display information.

[0375] The display screen 1520 is configured to display pictures, videos, and the like. The display screen 1520 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a Miniled, a MicroLed, a Micro-oLed, a quantum dot light emitting diode (QLED), or the like. In some embodiments, the electronic device 1500 can include one or more display screens 1520.

[0376] In some embodiments of the present application, when the display panel is made of OLED, AMOLED, FLED, or the like, the display screen 1520 in FIG. 15 can be bent. Here, the display screen 1520 can be bent at any part to any angle and can be kept at the angle, for example, the display screen 1520 can be folded left and right from the middle. It can also be folded up and down from the middle.

[0377] The display screen 1520 of the electronic device 1500 can be a flexible screen. Compared with a traditional screen, the flexible screen has the characteristics of strong flexibility and bendability, and can provide a new interaction mode based on the bendability for a user. For an electronic device configured with a foldable display screen, the foldable display screen on the electronic device can be switched between a small screen in a folded state and a large screen in an unfolded state at any time. Therefore, the user can also use the split-screen function on the electronic device configured with the foldable display screen.

[0378] The display screen 1520 displays a desktop of an operating system to which the electronic device belongs. The desktop displays application icons of each application installed on the electronic device.

[0379] The electronic device 1500 can implement a photographing function through an ISP, a camera 1530, a video codec, a GPU, a display screen 1520, and an application processor, and the like. The camera 1530 includes a front camera and a rear camera.

[0380] ISP is used to process the data feedback by the camera 1530. For example, when taking a photo, the shutter is opened, the light is transmitted to the camera photosensitive element through the lens, and the optical signal is converted into an electrical signal. The camera photosensitive element transmits the electrical signal to the ISP for processing and converts it into an image visible to the naked eye. The ISP can optimize the noise, brightness and color of the image through algorithms. The ISP can also optimize the exposure and color temperature of the shooting scene. In some embodiments, the ISP can be arranged in the camera 1530.

[0381] The camera 1530 is used to take photos or videos. Objects generate optical images through lenses and project them onto photosensitive elements. The photosensitive element can be a charge-coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the optical signal into an electrical signal, and then transmits the electrical signal to the ISP to convert it into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signal into a standard Red Green Blue (RGB), YUV, etc. format image signal. In some embodiments, the electronic device 1500 can include one or N cameras 1530, where N is a positive integer greater than 1.

[0382] The digital signal processor is used to process digital signals, in addition to processing digital image signals, it can also process other digital signals. For example, when the electronic device 1500 selects a frequency point, the digital signal processor is used to perform Fourier transform on the frequency point energy, etc.

[0383] The video codec is used to compress or decompress digital video. The electronic device 1500 can support one or more video codecs. In this way, the electronic device 1500 can play or record videos in multiple encoding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG 2, MPEG 3, and MPEG 4.

[0384] The NPU is a neural network (Neural-Network, NN) computing processor, which learns from the structure of biological neural networks, such as the transmission mode between human brain neurons, and can quickly process input information and continuously self-learn. Through the NPU, the electronic device 1500 can realize intelligent cognition and other applications, such as image recognition, face recognition, voice recognition, and text understanding.

[0385] The internal memory 1540 can be used to store one or more computer programs including instructions. The processor 1510 can cause the electronic device 1500 to perform the picture preview method provided in some embodiments of the present application, various applications, and data processing, etc. by running the above-mentioned instructions stored in the internal memory 1540. The internal memory 1540 can include a program storage area and a data storage area. The program storage area can store an operating system, and can also store one or more applications (such as a gallery, contacts, etc.). The data storage area can store data created during use of the electronic device 1500 (such as photos, contacts, etc.). In addition, the internal memory 1540 can include a high-speed random access memory, and can also include a non-volatile memory such as one or more disk storage components, flash memory components, Universal Flash Storage (UFS), etc. In some embodiments, the processor 1510 can cause the electronic device 1500 to perform the picture preview method provided in the present application and other applications and data processing by running the instructions stored in the internal memory 1540 and / or the instructions stored in the memory disposed in the processor 1510.

[0386] The internal memory 1540 can be used to store the related programs of the picture preview method provided in the embodiments of the present application, and the processor 1510 can be used to call the related programs of the picture preview method stored in the internal memory 1540 when displaying information, and execute the picture preview method of the embodiments of the present application.

[0387] The sensor module 1580 can include a pressure sensor 1580A, a touch sensor 1580B, etc.

[0388] The pressure sensor 1580A is configured to sense a pressure signal and convert the pressure signal into an electrical signal. In some embodiments, the pressure sensor 1580A can be disposed on the display screen 1520. The pressure sensor 1580A can be of various types, such as a resistive pressure sensor, an inductive pressure sensor, or a capacitive pressure sensor. The capacitive pressure sensor can include at least two parallel plates of conductive material. When a force is applied to the pressure sensor 1580A, the capacitance between the electrodes changes, and the electronic device 1500 determines the intensity of the force based on the change in capacitance. When a touch operation is applied to the display screen 1520, the electronic device 1500 detects the touch operation based on the pressure sensor 1580A. The electronic device 1500 can also calculate the position of the touch based on the detection signal of the pressure sensor 1580A, and determine the application or the control within the application to which the touch operation is directed based on the position of the touch. In some embodiments, touch operations applied to the same touch position but with different touch operation intensities can correspond to different operation instructions. For example, when a touch operation with an intensity less than a first pressure threshold is applied to a short message application icon, an instruction to view a short message is executed; when a touch operation with an intensity greater than or equal to the first pressure threshold is applied to the short message application icon, an instruction to create a new short message is executed.

[0389] The touch sensor 1580B is also referred to as a touch device. The touch sensor 1580B can be disposed on the display screen 1520, and the touch sensor 1580B and the display screen 1520 together form a touch screen, which is also referred to as a touch screen. The touch sensor 1580B is configured to detect a touch operation applied to or near the touch sensor 1580B. The touch sensor 1580B can transmit the detected touch operation to the application processor to determine a touch event type, which can include a click type, a long press type, a swipe type, and the like. Visual output related to the touch operation can be provided through the display screen 1520. In some embodiments, different touch event types can correspond to different operation instructions. In other embodiments, the touch sensor 1580B can also be disposed on the surface of the electronic device 1500 and at a position different from the display screen 1520.

[0390] FIG. 16 is a block diagram of a software structure of an electronic device to which embodiments of the present application are applied. The software system of the electronic device can employ a layered architecture, an event-driven architecture, a microkernel architecture, a microservices architecture, or a cloud architecture.

[0391] A layered architecture divides the software system of an electronic device into several layers, each of which has a clear role and division of labor. Layers communicate with each other through software interfaces. In some embodiments, the software system can be divided into five layers, namely, applications, application framework, system library, hardware abstraction layer (HAL), and kernel.

[0392] The application layer can include a series of application packages, and the application layer runs the applications by calling the application programming interfaces (APIs) provided by the application framework layer. As shown in FIG. 16, the application packages can include settings, gallery, instant messaging software, video, and the like. It can be understood that each of the above-mentioned application ports can be used to receive data.

[0393] The application framework layer provides APIs and programming frameworks for the applications of the application layer. The application framework layer includes some pre-defined functions. As shown in FIG. 16, the application framework layer can include a window manager, a content provider, a view system, a resource manager, a notification manager, and a dynamic host configuration protocol (DHCP) module, and the like.

[0394] The window manager is used to manage window programs, and the window manager can obtain the size of the display screen, determine whether there is a status bar, lock the screen, and capture the screen, and the like.

[0395] The content provider is used to store and obtain data, and make the data accessible to the applications. The data can include videos, pictures, audios, and the like.

[0396] The view system includes visual controls, such as controls for displaying pictures, controls for displaying application icons, controls for displaying text, controls for displaying buttons, and the like.

[0397] The resource manager provides various resources for the applications, such as localized strings, application icons, pictures, layout files, video files, and the like.

[0398] The notification manager enables the applications to display notification information in the status bar, which can be used to convey messages of the notification type, and can automatically disappear after a short stay without user interaction.

[0399] The system library can include a plurality of functional modules, such as a surface manager, a three-dimensional graphics processing library, a two-dimensional graphics engine, and a file library. The surface manager is used to manage the display subsystem and provides a fusion of two-dimensional and three-dimensional layers for a plurality of application programs. The three-dimensional graphics processing library is used to implement three-dimensional graphics drawing, image rendering, synthesis, and layer processing. The two-dimensional graphics engine is a drawing engine for two-dimensional drawing.

[0400] The hardware abstraction layer can include a plurality of library modules, such as a hard disk library module and a display library module. The electronic device system can load a corresponding library module for device hardware, thereby achieving the purpose of process accessing device hardware, for example, the electronic device system can load a corresponding library module for a hard disk, thereby achieving the purpose of process accessing a system configuration file stored in the hard disk.

[0401] The kernel layer is a layer between hardware and software. The kernel layer is deployed with an operating system for driving hardware to work. The kernel layer at least includes a hard disk drive, a display drive, a camera drive, a sensor drive, and a motor drive, and the like, which are not limited by the embodiments of the present application. It can be understood that the hard disk drive, the display drive, the camera drive, the sensor drive, and the motor drive, and the like can be regarded as a drive node. Each of the above drive nodes includes an interface that can be used to receive data.

[0402] In the scheme provided by the embodiments of the present application, the operating system deployed in the kernel layer of the electronic device can respond to user operations to call a related process to execute the picture preview scheme provided by the embodiments of the present application. The related process can be a system interface (systemui) process of the application program layer.

[0403] In specific implementations, the present application also provides a computer storage medium, wherein the computer storage medium can store a program, wherein when the program runs, the computer readable storage medium controls the device to execute part or all of the steps in the above embodiments. The storage medium can be a magnetic disk, an optical disk, a read-only memory (ROM), or a random access memory (RAM), etc.

[0404] In specific implementations, the embodiments of the present application also provide a computer program product, which contains executable instructions, when the executable instructions are executed on an electronic device, the electronic device executes part or all of the steps in the above method embodiments.

[0405] In specific implementations, the embodiments of the present application also provide an electronic device, which includes one or more processors and a memory.

[0406] The memory is coupled with the one or more processors, and is configured to store computer program code including computer instructions, and the one or more processors are configured to invoke the computer instructions to enable the electronic device to perform the picture preview method provided in the embodiments of the present application.

[0407] As shown in FIG. 17, the present application further provides a chip system applied to an electronic device, and the chip system includes one or more processors 1701, and the processor 1701 is configured to invoke computer instructions to enable the electronic device to input data to be processed into the chip system, and the chip system performs picture preview based on the picture preview method provided in the embodiments of the present application.

[0408] In a possible implementation, the chip system further includes an input and output interface configured to input and output data.

[0409] Embodiments of the mechanism disclosed in the present application can be implemented in hardware, software, firmware or a combination thereof. The embodiments of the present application can be implemented as computer programs or program codes executed on a programmable system including at least one processor, a storage system (including volatile and non-volatile memory and / or storage elements), at least one input device and at least one output device.

[0410] The program code can be applied to input instructions to perform the functions described in the present application and generate output information. The output information can be applied to one or more output devices in a known manner. For the purpose of the present application, the processing system includes any system having a processor such as, for example, a digital signal processor (DSP), a microcontroller, an application specific integrated circuit (ASIC) or a microprocessor.

[0411] The program code can be implemented in a high-level programming language or an object-oriented programming language to communicate with the processing system. If necessary, the program code can also be implemented in assembly language or machine language. In fact, the mechanism described in the present application is not limited to the scope of any specific programming language. In any case, the language can be a compiled language or an interpreted language.

[0412] In some cases, the disclosed embodiments can be implemented in hardware, firmware, software, or any combination thereof. The disclosed embodiments can also be implemented as instructions carried by or stored on a transitory or non-transitory machine-readable (e.g., computer-readable) medium, which can be read and executed by one or more processors. For example, the instructions can be downloaded from a network or by way of another computer readable medium. Thus, a machine-readable medium can include any mechanism for storing or transmitting information in a form readable by a machine (e.g., a computer), including without limitation floppy disks, optical disks, optical disks, Compact Disc Read Only Memories (CD-ROMs), magnetic cased or optical cased cards, read-only memories, random access memories, erasable programmable read-only memories (EPROMs), electrically erasable programmable read-only memories (EEPROMs), magnetic or optical tape, flash memory, or any other suitable medium upon which information can be stored or transmitted. Thus, a machine-readable medium includes any type of medium suitable for storing or transmitting electronic instructions or information in a form readable by a machine (e.g., a computer).

[0413] In the drawings, some of the structural or methodological features can be shown in particular arrangements and / or orders. However, it should be understood that such particular arrangements and / or orders can not be required. Instead, in some embodiments, the features can be arranged differently than shown in the figures of the specification. Also, inclusion of a structural or methodological feature in a particular figure does not imply that the feature is required in all embodiments, and in some embodiments, the feature can not be included or can be combined with other features.

[0414] It should be noted that each unit / module mentioned in the device embodiments of the present application is a logical unit / module, in the physical world, one logical unit / module can be one physical unit / module, also can be a part of one physical unit / module, also can be realized in combination of multiple physical unit / modules, the physical realization of these logical units / modules is not the most important, the combination of the functions realized by these logical units / modules is the key to solve the technical problems proposed in the present application. In addition, in order to highlight the innovative part of the present application, the above-mentioned device embodiments of the present application do not introduce the units / modules which are not closely related to solving the technical problems proposed in the present application, which does not mean that the above-mentioned device embodiments do not have other units / modules.

[0415] It has to be noted that, in the description of the application, the terms "first", "second", etc. are used only for distinguishing between similar elements, and do not connote any order, sequence or priority. Moreover, the terms "comprises", "comprising", or any other variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but can also include other elements not expressly listed or inherent to such process, method, article, or apparatus. An element proceeded by "comprises... a" does not, without more constraints, exclude the presence of additional identical elements in the process, method, article, or apparatus that comprises the element.

[0416] While the application has been illustrated and described in detail in the drawings and foregoing description, the same is to be considered as illustrative and not restrictive in character, it being understood that only the preferred embodiments have been shown and described and that all changes and modifications that come within the spirit of the application are desired to be protected.

Claims

A method for previewing images, characterized in that, Applied to electronic devices, the method includes: Display a first interface, the first interface including a target image displayed based on a first display template; In response to the first operation, information of one or more display templates is displayed on the first interface, wherein the one or more display templates include a second display template; Upon receiving a selection operation for the second display template, the target image is displayed on the first interface based on the second display template. The method according to claim 1, characterized in that, The step of displaying the target image on the first interface based on the second display template includes: The first interface displays first recommendation information, which is associated with the target image. After receiving the selection operation for the first recommendation information, the target image is displayed on the first interface based on the second display template. The method according to claim 2, characterized in that, The step of displaying the first recommendation information on the first interface includes: If the target image includes preset display elements, first recommendation information is displayed on the first interface. The method according to claim 3, characterized in that, When the target image includes preset display elements, displaying first recommendation information on the first interface includes: If the target image includes a preset object, first recommendation information is displayed on the first interface. The method according to claim 3, characterized in that, When the target image includes preset display elements, displaying first recommendation information on the first interface includes: If the type of the preset object included in the target image belongs to a preset type, the first recommendation information is displayed on the first interface. The method according to claim 3, characterized in that, When the target image includes preset display elements, displaying first recommendation information on the first interface includes: If the number of preset objects included in the target image is greater than a preset number, first recommendation information is displayed on the first interface. The method according to claim 2, characterized in that, The step of displaying the first recommendation information on the first interface includes: The first interface displays a first sample image based on the second display template, and the first sample image is associated with the second display template; The first recommendation information is displayed on the first sample image. The method according to claim 2, characterized in that, The step of displaying the first recommendation information on the first interface includes: If the target image is not the second sample image associated with the first display template, the first recommendation information is displayed on the first interface. The method according to claim 2, characterized in that, The step of displaying the first recommendation information on the first interface includes: A first control is displayed on the first interface, wherein the first control includes first recommendation information. The method according to claim 9, characterized in that, The method further includes: After receiving a selection operation on any control other than the first control or a blank area excluding the control, the first control is not displayed. The method according to any one of claims 1-10, characterized in that, The method further includes: Received a selection operation for the second control; The first interface displays a first sample image based on the second display template, and the first sample image is associated with the second display template. The method according to claim 11, characterized in that, The method further includes: The second control is displayed on the first interface. The second control includes a second prompt text, which is used to prompt the function of the second control. The method according to claim 12, characterized in that, The method further includes: After receiving an operation on any control or a blank area excluding the control, the second control is not displayed. The method according to any one of claims 1-10, characterized in that, The step of displaying the target image on the first interface based on the second display template includes: If the target image includes preset display elements, the target image is displayed on the first interface based on the second display template. If the target image does not include preset display elements, a third prompt text is displayed on the first interface. The third prompt text is used to indicate that the target image does not support display based on the second display template. The method according to claim 14, characterized in that, The step of displaying the third prompt text on the first interface includes: The first interface displays a first sample image based on the second display template, and the first sample image is associated with the second display template; Display the third prompt text on the first sample image. The method according to any one of claims 1-10, characterized in that, The method further includes: Upon receiving a display template adjustment operation, a template adjustment interface is displayed, which includes: information on a first type of display template and / or information on a second type of display template, wherein the first type of display template is a selectable display template and the second type of display template is a non-selectable display template; Upon receiving a selection operation for the first type of display template, the target image is displayed on the first interface based on the selected first type of display template. The method according to claim 16, characterized in that, The method further includes: After receiving the selection operation of the image cropping control in the display template adjustment interface, the first cropping style of the target image is updated to the second cropping style; and / or After receiving the selection operation of the image color change control in the display template adjustment interface, the first color of the target image is updated to the second color. The method according to any one of claims 1-10, characterized in that, The display elements defined by the second display template include objects and backgrounds. The target object image is displayed in the object layer of the first interface. The target object image includes objects in the target image. The sample background image in the first sample image associated with the second display template is displayed in the background layer of the first interface. The object layer is a layer defined by the second display template for displaying objects. The background layer is a layer defined by the second display template for displaying backgrounds. The sample background image is the image displayed in the background layer of the first sample image. The method according to any one of claims 2-10, characterized in that, The first recommendation information includes: a thumbnail of the target image and a first prompt text, wherein the first prompt text is used to indicate that the target image is an image recommended to the user. An electronic device, characterized in that, include: One or more processors and memory; The memory is coupled to the one or more processors, the memory being used to store computer program code, the computer program code including computer instructions, the one or more processors invoking the computer instructions to cause the electronic device to perform the method as described in any one of claims 1 to 19. A computer-readable storage medium, characterized in that, Includes a computer program that, when run on an electronic device, causes the electronic device to perform the method as described in any one of claims 1 to 19. A computer program product, characterized in that, The computer program product includes executable instructions that, when executed on an electronic device, cause the electronic device to perform the method of any one of claims 1 to 19.

Images