Wallpaper display method and electronic equipment

Abstract

The invention discloses a wallpaper display method and electronic equipment, and relates to the technical field of terminals. The wallpaper such as the lock screen wallpaper and the desktop wallpaper is generated by performing layout arrangement on the picture and the geometrical mask frame, and has a visual effect that a part of a main body object in the picture extends out of the geometrical edge of the mask frame, namely, a broken-lattice display effect is realized, a visual three-dimensional space is created in a two-dimensional space, and the three-dimensional display effect is realized. The invention provides the three-dimensional and unique wallpaper.

Description

[0001] This application claims the priority of the Chinese patent application filed with the State Intellectual Property Office on November 8, 2023, with application number 202311485079.7 and invention name “A method for interacting with lock screen wallpaper and electronic device”, all contents of which are incorporated by reference in this application. Technical Field

[0002] The present application relates to the field of terminal technology, and in particular to a wallpaper display method and electronic device. Background Art

[0003] Generally speaking, electronic devices will display wallpapers in some scenarios, such as desktop wallpapers, lock screen wallpapers, etc. With the popularization of electronic devices such as mobile phones and tablets, the styles and forms of wallpapers are becoming more and more diverse, greatly enriching the user experience.

[0004] How to meet users' unique and personalized needs for wallpapers is a problem that needs to be solved. Summary of the invention

[0005] The embodiments of the present application provide a wallpaper display method and an electronic device, which create a visual three-dimensional space in a two-dimensional space and provide a three-dimensional and unique wallpaper.

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

[0007] In a first aspect, a wallpaper display method is provided, the method comprising:

[0008] In the lock screen wallpaper setting interface, the first template is set as the lock screen wallpaper. Specifically, the first user interface is displayed, and the first user interface includes an icon of the first template; in response to the user selecting the first template (for example, clicking the icon of the first template), the second user interface is displayed; the second user interface includes a preview area and a first control (for example, an "Apply" button), and the preview area is used to display a preview image of the first wallpaper, which is generated according to the first template. In response to the user selecting the first control (for example, clicking the "Apply" button), the first wallpaper is set as the lock screen wallpaper.

[0009] In response to the user's lock screen operation, a lock screen interface is displayed, and the lock screen interface includes the lock screen wallpaper (first wallpaper).

[0010] The first wallpaper includes a first main object and a first mask frame, a first part of the first main object covers the first mask frame, and a second part of the first main object is covered by the first mask frame. This achieves a visual effect of extending a part of the first main object out of the edge of the first mask frame, that is, a "breaking the rules" display effect is achieved, creating a visual three-dimensional space in a two-dimensional space, and providing a three-dimensional and unique wallpaper.

[0011] In conjunction with the first aspect, in a possible implementation, the preview area includes a clock icon. In one implementation, the first part of the first main object blocks the clock icon; more of the first main object with a "breaking the rules" display effect is displayed. In another implementation, the first part of the first main object is blocked by the clock icon; more of the clock is displayed to facilitate users to check the time.

[0012] In combination with the first aspect, in a possible implementation, when the highest point of the first main object is not higher than the horizontal center line of the clock icon, the first part of the first main object blocks the clock icon; when the highest point of the first main object is higher than the horizontal center line of the clock icon, the first part of the first main object is blocked by the clock icon.

[0013] In this method, when the overlapping area between the first main object and the clock icon is large, the first main object is displayed under the clock icon, so as to avoid the first main object blocking the clock icon too much and affecting the user's viewing of time.

[0014] In combination with the first aspect, in a possible implementation, in response to the user's zoom-in operation in the preview area, the first main object is enlarged and displayed; when the highest point of the first main object is higher than the horizontal center line of the clock icon, the first part of the first main object is blocked by the first mask frame, or the first part of the first main object is blocked by the clock icon.

[0015] In this method, the user can manually enlarge the main object. When the main object overlaps with the clock icon, the main object is displayed under the clock icon to avoid the main object blocking the clock icon too much and affecting the user's time viewing. Alternatively, when the main object overlaps with the clock icon, the "breaking the frame" display effect is cancelled to avoid affecting the appearance and the user's time viewing.

[0016] In combination with the first aspect, in a possible implementation, in response to a user's movement operation in the preview area, the first main object is moved to a first position; when the highest point of the first main object is higher than the horizontal center line of the clock icon, the first part of the first main object is blocked by the first mask frame, or the first part of the first main object is blocked by the clock icon.

[0017] In this method, the user can manually move the main object position. When the main object overlaps with the clock icon in a large area, the main object is displayed under the clock icon to avoid excessive obstruction of the clock icon by the main object and to avoid affecting the user's viewing of the time. Alternatively, when the main object overlaps with the clock icon in a large area, the "breaking the grid" display effect is canceled (the first part of the first main object is obstructed by the first mask frame) to avoid affecting the aesthetics and the user's viewing of the time.

[0018] In combination with the first aspect, in a possible implementation, in response to a user's zoom-out operation in the preview area, the first subject is displayed in a reduced size; the minimum size of the first subject to be reduced is that any edge of the first image containing the first subject is circumscribed by a preset rectangular frame, and the position and size of the preset rectangular frame are determined by the geometric shape of the first mask frame. In this way, it can be ensured that the background image in the first image fills the transparent area outside the geometric shape of the first mask frame, making the lock screen wallpaper more beautiful.

[0019] In combination with the first aspect, in a possible implementation, when the first main object contacts a preset area on the first mask frame, a first portion of the first main object is blocked by the first mask frame, ie, the “breaking the grid” display effect is cancelled.

[0020] This can prevent the upper half of the subject from being displayed above the mask frame and the lower half from being displayed below the mask frame, which would cause image splitting at the junction of the upper and lower halves of the mask frame.

[0021] In combination with the first aspect, in a possible implementation, the first wallpaper is generated according to the first mask frame and the first picture including the first main object.

[0022] In this method, by arranging the picture and the geometric mask frame in a layout, a visual effect of extending a part of the main object in the picture beyond the edge of the geometric shape of the mask frame is achieved.

[0023] In combination with the first aspect, in a possible implementation, the first wallpaper includes a first layer, a second layer, a third layer and a fourth layer, the first layer contains the first picture, the second layer contains the first part of the first mask frame, the third layer contains the first main object, the fourth layer contains the second part of the first mask frame, and the geometric shape formed by the first part and the second part of the first mask frame is used to accommodate part or all of the first main object.

[0024] When the first part of the first main object blocks the first mask frame, the third layer is above the second layer and the fourth layer is above the third layer; when the first part of the first main object is blocked by the first mask frame, the second layer and the fourth layer are above the third layer.

[0025] In combination with the first aspect, in a possible implementation, the first wallpaper includes a fifth layer, and the fifth layer includes a clock icon. When the first part of the first main object blocks the clock icon, the third layer is located above the fifth layer; when the first part of the first main object is blocked by the clock icon, the fifth layer is located above the third layer.

[0026] By adjusting the order of each layer, it can be achieved that the first main object covers the mask frame, or the mask frame covers the first main object, or the first main object covers the clock icon, or the clock icon covers the first main object.

[0027] In combination with the first aspect, in a possible implementation, the method further includes, in response to a user's selection operation on the second mask frame, updating the mask frame in the first wallpaper to the second mask frame.

[0028] In this method, the user is supported to replace the mask frame in the template.

[0029] In combination with the first aspect, in a possible implementation, the method also includes: in response to a user's selection operation on the second picture, displaying a preview image of the second wallpaper in the preview area; the second wallpaper includes a second main object and a first mask frame, the first part of the second main object obstructs the first mask frame, and the second part of the second main object is obstructed by the first mask frame.

[0030] In this method, users are supported to replace the pictures in the template.

[0031] In a possible implementation, if the distance between the highest point of the second main object in the second picture and the upper edge of the second picture is less than a preset value, the second main object is reduced to a minimum size when generating the second wallpaper; the minimum size is that any edge of the second picture is circumscribed by a preset rectangular frame, wherein the position and size of the preset rectangular frame are determined by the geometric shape of the mask frame.

[0032] In this method, when the distance between the highest point of the main object in the second picture and the upper edge of the picture is less than a preset value, if a lock screen wallpaper with a "breaking the frame" display effect is generated based on the second picture, the main object will block the "clock" icon in a large area, affecting the user's ability to view the time. Therefore, when the distance between the highest point of the main object in the second picture and the upper edge of the picture is less than a preset value, a lock screen wallpaper with a "breaking the frame" display effect is not generated, but the layer where the mask frame is located is located above the layer where the main object is located, that is, the mask frame blocks the main object in the second picture. In order to avoid the mask frame blocking the main object in a large area, the second main object is reduced to the minimum size when generating the first wallpaper, so that a more complete image of the main object in the second picture can be displayed.

[0033] In combination with the first aspect, in a possible implementation, the method further includes: in response to a user's zoom-in operation in the preview area, the second main object is magnified and displayed; and the first part of the magnified second main object covers the first mask frame. In other words, for a picture in which the main object has certain defects (for example, the second main object in the second picture is incomplete), a lock screen wallpaper with a "breaking the rules" display effect can also be generated according to the user's operation.

[0034] In combination with the first aspect, in a possible implementation, if there is no identifiable subject object in the second picture, a first prompt message is displayed to prompt the user to change the picture.

[0035] In combination with the first aspect, in a possible implementation, the first mask frame includes a text box, which supports generating text in the text box according to text input by a user in the text editing box.

[0036] In combination with the first aspect, in a possible implementation, generating the text in the text box based on the text entered by the user in the text editing box includes: generating supplementary text based on the text entered by the user in the text editing box; generating the text in the text box based on the text entered by the user in the text editing box and the supplementary text.

[0037] In combination with the first aspect, in a possible implementation manner, the subject object includes a person, an animal, a plant or a building.

[0038] In combination with the first aspect, in a possible implementation, the first part is the upper half, and the second part is the lower half, that is, a visual effect of the subject's head extending out of the mask frame is generated.

[0039] In combination with the first aspect, in a possible implementation, a third user interface is displayed, the third user interface includes an icon of the first template; in response to a user selecting the first template, a fourth user interface is displayed; the fourth user interface includes a second preview area and a second control, the second preview area includes a preview image of the first wallpaper; in response to a user selecting the second control, the first wallpaper is set as a desktop wallpaper; in response to a user returning to the desktop, a desktop interface is displayed, the desktop interface including the desktop wallpaper.

[0040] In this method, a desktop wallpaper with a "breaking the rules" display effect is achieved.

[0041] In a second aspect, an electronic device is provided, which has the function of implementing the wallpaper display method described in the first aspect. The function can be implemented by hardware, or by hardware executing corresponding software. The hardware or software includes one or more modules corresponding to the above functions.

[0042] In a third aspect, an electronic device is provided, comprising: a processor, a memory and a display screen; the memory is used to store computer execution instructions, and when the electronic device is running, the processor executes the computer execution instructions stored in the memory, so that the electronic device executes the wallpaper display method as described in any possible implementation method of the first aspect above.

[0043] In a fourth aspect, a computer-readable storage medium is provided, wherein instructions are stored in the computer-readable storage medium, and when the computer-readable storage medium is run on a computer, the computer can execute the method described in any possible implementation of the first aspect.

[0044] In a fifth aspect, a computer program product comprising instructions is provided, which, when executed on a computer, enables the computer to execute the method described in any possible implementation of the first aspect.

[0045] Among them, the technical effects brought about by any possible implementation method in the second to fifth aspects can refer to the technical effects brought about by different implementation methods in the first aspect, and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0046] Figure 1 A schematic diagram of an example of a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0047] Figure 2 A schematic diagram of a scenario example of the wallpaper display method provided in an embodiment of the present application;

[0048] Figure 3 A schematic diagram of a scenario example of the wallpaper display method provided in an embodiment of the present application;

[0049] Figure 4 A schematic diagram of the hardware structure of an electronic device provided in an embodiment of the present application;

[0050] Figure 5 A schematic diagram of a setting method of a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0051] Figure 6 A schematic diagram of a scenario example of the wallpaper display method provided in an embodiment of the present application;

[0052] Figure 7 A schematic diagram of a method for setting desktop wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0053] Fig. 8A A schematic diagram of an implementation method of the wallpaper display method provided in an embodiment of the present application;

[0054] Figure 8BA schematic diagram of an implementation method of the wallpaper display method provided in an embodiment of the present application;

[0055] Fig. 9 A schematic diagram of an implementation method of the wallpaper display method provided in an embodiment of the present application;

[0056] Fig.10 A schematic diagram of an implementation method of the wallpaper display method provided in an embodiment of the present application;

[0057] Fig.11 A schematic diagram of an implementation method of the wallpaper display method provided in an embodiment of the present application;

[0058] Fig.12 A schematic diagram of an implementation method of the wallpaper display method provided in an embodiment of the present application;

[0059] Fig.13A A schematic diagram of an implementation method of the wallpaper display method provided in an embodiment of the present application;

[0060] Fig. 13B A schematic diagram of an implementation method of the wallpaper display method provided in an embodiment of the present application;

[0061] Fig.14 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0062] Fig.15 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0063] Fig.16 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0064] Fig.17 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0065] Fig.18 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0066] Fig.19 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0067] Fig. 20A A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0068] Fig. 20B A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0069] Fig.21 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0070] Fig. 22 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0071] Fig.23 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0072] Fig.24 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0073] Fig.25 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0074] Fig.26 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0075] Fig. 27 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0076] Fig.28 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0077] Fig.29 A schematic diagram of an editing method for a lock screen wallpaper in the wallpaper display method provided in an embodiment of the present application;

[0078] Fig.30 A schematic diagram of the structural composition of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0079] In the description of the embodiments of the present application, the terms used in the following embodiments are only for the purpose of describing specific embodiments, and are not intended to be used as limitations to the present application. As used in the specification and the appended claims of the present application, the singular expressions "a", "said", "above", "the" and "this" are intended to also include such expressions as "one or more", unless there is a clear contrary indication in the context. It should also be understood that in the following embodiments of the present application, "at least one", "one or more" refer to one or more (including two). The term "and / or" is used to describe the association relationship of associated objects, indicating that three relationships can exist; for example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural. The character " / " generally indicates that the associated objects before and after are a kind of "or" relationship.

[0080] References to "one embodiment" or "some embodiments" etc. described in this specification mean that one or more embodiments of the present application include specific features, structures or characteristics described in conjunction with the embodiment. Thus, the statements "in one embodiment", "in some embodiments", "in some other embodiments", "in some other embodiments", etc. that appear in different places in this specification do not necessarily refer to the same embodiment, but mean "one or more but not all embodiments", unless otherwise specifically emphasized in other ways. The terms "including", "comprising", "having" and their variations all mean "including but not limited to", unless otherwise specifically emphasized in other ways. The term "connection" includes direct connection and indirect connection, unless otherwise specified. "First" and "second" are used for descriptive purposes only and cannot be understood as indicating or implying relative importance or implicitly indicating the number of technical features indicated.

[0081] In the embodiments of the present application, words such as "exemplary" or "for example" are used to indicate examples, illustrations or descriptions. Any embodiment or design described as "exemplary" or "for example" in the embodiments of the present application should not be interpreted as being more preferred or more advantageous than other embodiments or designs. Specifically, the use of words such as "exemplary" or "for example" is intended to present related concepts in a specific way.

[0082] Generally speaking, electronic devices such as mobile phones, tablet computers, and smart watches all provide wallpapers. The embodiment of the present application provides a wallpaper display method applied to electronic devices, which displays a two-dimensional picture as a wallpaper with a three-dimensional display effect through "breaking the layout", providing users with a three-dimensional and unique wallpaper.

[0083] "Breaking the Rules" is a typesetting method that breaks the conventional typesetting rules. By arranging the picture and the geometric mask frame, a visual effect of extending part of the main object in the picture beyond the edge of the geometric shape of the mask frame is achieved. The main object in the picture can include people, animals, plants, buildings, etc. The wallpaper generated by "Breaking the Rules" has a three-dimensional display effect of the main object "breaking the rules", which is more unique.

[0084] Take the lock screen wallpaper as an example. In one scenario, after the phone screen is turned off, in response to the user's lock screen operation (such as turning on the screen, pressing the power button, etc.), the phone displays the lock screen interface. In another scenario, the phone screen is turned on, and in response to the user's lock screen operation (such as clicking the lock screen button), the phone displays the lock screen interface. For example, Figure 1 As shown, the mobile phone 100 displays a lock screen interface, which includes a lock screen wallpaper 101. The head of the character 1011 in the lock screen wallpaper 101 exceeds the geometric shape edge of the mask frame 1012. Visually, the head of the character 1011 extends out of the mask frame 1012, creating a visual effect that the character's head "breaks out of the ordinary", and realizing a lock screen wallpaper with a three-dimensional display effect. Optionally, the lock screen wallpaper 101 may also include a "clock" icon 1013, a "date" icon 1014, etc.; the "clock" icon 1013 is used to display the time, and the "date" icon 1014 is used to display the date. In some examples, the lock screen interface may also include a "fingerprint" icon 102, etc.; the "fingerprint" icon 102 is used to prompt the user to enter a fingerprint for fingerprint recognition.

[0085] In the lock screen interface, in response to the user's unlocking operation, the mobile phone displays the desktop interface; the unlocking operation may include inputting a face, inputting a fingerprint, inputting a lock screen password, etc. For example, Figure 2 As shown, the mobile phone 100 receives the user's fingerprint input operation on the lock screen interface, and the mobile phone 100 performs fingerprint recognition based on the collected fingerprint image; if the fingerprint recognition is successful, in response to the user's fingerprint input operation, the mobile phone 100 displays the desktop interface.

[0086] Take desktop wallpaper as an example. For example, Figure 3As shown, the mobile phone 100 displays a desktop interface, and the desktop interface displays a desktop wallpaper 103. The head of the character 1031 in the desktop wallpaper 103 exceeds the geometric shape edge of the mask frame 1032. Visually, the head of the character 1031 extends out of the mask frame 1032, creating a visual effect that the character's head "breaks out of the ordinary", and realizing a desktop wallpaper with a three-dimensional display effect. Optionally, the desktop wallpaper 103 may also include a "clock" icon 1033, a "date" icon 1034, etc.; the "clock" icon 1033 is used to display the time, and the "date" icon 1034 is used to display the date. In some examples, the desktop interface may also include various application icons, and the application icons are used to start the corresponding application. Exemplarily, in response to the user clicking the "gallery" icon in the desktop interface, the mobile phone 100 displays the user interface of the gallery application.

[0087] The wallpaper display method provided in the embodiment of the present application can be applied to electronic devices including display screens. The above-mentioned electronic devices may include mobile phones, tablet computers, laptop computers, personal computers (PCs), ultra-mobile personal computers (UMPCs), handheld computers, netbooks, smart home devices (e.g., smart TVs, smart screens, large screens, smart speakers, smart air conditioners, etc.), personal digital assistants (PDAs), wearable devices (e.g., smart watches, smart bracelets, etc.), vehicle-mounted devices, virtual reality devices, etc., and the embodiment of the present application does not impose any restrictions on this.

[0088] like Figure 4 , which is a schematic diagram of the structure of an electronic device. The electronic device 100 may include: a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a sensor module 180, a button 190, a camera 191, a display screen 192, etc. The sensor module 180 may include a pressure sensor, a fingerprint sensor, a temperature sensor, a touch sensor, etc.

[0089] It is to be understood that the structure illustrated in this embodiment does not constitute a specific limitation on the electronic device 100. In other embodiments, the electronic device 100 may include more or fewer components than shown in the figure, or combine some components, or separate some components, or arrange the components differently. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.

[0090] The processor 110 may include one or more processing units, for example, the processor 110 may include an application processor (AP), a modem processor, a graphics processor (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.

[0091] The controller may be the nerve center and command center of the electronic device 100. The controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.

[0092] The processor 110 may also be provided with a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory may store instructions or data that the processor 110 has just used or cyclically used. If the processor 110 needs to use the instruction or data again, it may be directly called from the memory. This avoids repeated access, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

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

[0094] It is understandable that the interface connection relationship between the modules illustrated in this embodiment is only a schematic illustration and does not constitute a structural limitation of the electronic device. In other embodiments, the electronic device may also adopt different interface connection methods in the above embodiments, or a combination of multiple interface connection methods.

[0095] The charging management module 140 is used to receive charging input from a charger. The charger may be a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 may receive charging input from a wired charger through the USB interface 130. In some wireless charging embodiments, the charging management module 140 may receive wireless charging input through a wireless charging coil of an electronic device. While the charging management module 140 is charging the battery 142, it may also power the electronic device through the power management module 141.

[0096] The power management module 141 is used to connect the battery 142, the charging management module 140 and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140 to power the processor 110, the internal memory 121, the external memory, the display screen 192, the camera 191, and the wireless communication module 160.

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

[0098] The electronic device 100 implements the display function through a GPU, a display screen 192, and an application processor. The GPU is a microprocessor for image processing, which connects the display screen 192 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 may include one or more GPUs that execute program instructions to generate or change display information.

[0099] The display screen 192 is used to display images, videos, etc. The display screen 192 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 or an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), Mini-LED, Micro-OLED, Micro-OLED, quantum dot light-emitting diodes (QLED), etc.

[0100] In the embodiment of the present application, the display screen 192 can be used to display a user interface, such as a lock screen interface, a desktop interface, etc.

[0101] The electronic device 100 can realize the shooting function through ISP, camera 191, video codec, GPU, display screen 192 and application processor.

[0102] ISP is used to process the data fed back by camera 191. For example, when taking a photo, the shutter is opened, and the light is transmitted to the camera photosensitive element through the lens. The light signal is converted into an electrical signal, and the camera photosensitive element transmits the electrical signal to ISP for processing and converts it into an image visible to the naked eye. ISP can also perform algorithm optimization on the noise, brightness, and skin color of the image. ISP can also optimize the exposure, color temperature and other parameters of the shooting scene. In some embodiments, ISP can be set in camera 191.

[0103] The camera 191 is used to capture still images or videos. The object generates an optical image through the lens and projects it onto the photosensitive element. 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 passes the electrical signal to the ISP to be converted 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 an image signal in a standard RGB, YUV or other format. In some embodiments, the electronic device may include 1 or N cameras 191, where N is a positive integer greater than 1.

[0104] Digital signal processors are used to process digital signals. In addition to processing digital image signals, they can also process other digital signals. For example, when an electronic device selects a frequency point, a digital signal processor is used to perform Fourier transform on the frequency point energy.

[0105] NPU is a neural network (NN) computing processor. By drawing on the structure of biological neural networks, such as the transmission mode between neurons in the human brain, it can quickly process input information and continuously self-learn. NPU can realize applications such as intelligent cognition of electronic devices, such as image recognition, face recognition, fingerprint recognition, voice recognition, text understanding, etc.

[0106] The audio module 170 is used to convert digital audio information into analog audio signal output, and is also used to convert analog audio input into digital audio signals. The audio module 170 can also be used to encode and decode audio signals. In some embodiments, the audio module 170 can be arranged in the processor 110, or some functional modules of the audio module 170 can be arranged in the processor 110.

[0107] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device. The external memory card communicates with the processor 110 through the external memory interface 120 to implement a data storage function. For example, audio, video and other files are stored in the external memory card.

[0108] The internal memory 121 can be used to store computer executable program codes, which include instructions. The processor 110 executes various functional applications and data processing of the electronic device by running the instructions stored in the internal memory 121. For example, in an embodiment of the present application, the processor 110 can execute instructions stored in the internal memory 121, and the internal memory 121 may include a program storage area and a data storage area. Among them, the program storage area may store an operating system, an application required for at least one function. The data storage area may store data created during the use of the electronic device, etc. In addition, the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc.

[0109] The pressure sensor is used to sense the pressure signal and can convert the pressure signal into an electrical signal. In some embodiments, the pressure sensor can be arranged on the display screen 192. There are many types of pressure sensors, such as resistive pressure sensors, inductive pressure sensors, capacitive pressure sensors, etc. A capacitive pressure sensor can be a parallel plate including at least two conductive materials. When a force acts on the pressure sensor, the capacitance between the electrodes changes. The electronic device 100 determines the intensity of the pressure based on the change in capacitance. When a touch operation acts on the display screen 192, the electronic device 100 detects the intensity of the touch operation based on the pressure sensor. The electronic device 100 can also calculate the position of the touch based on the detection signal of the pressure sensor.

[0110] The touch sensor is also called a "touch panel". The touch sensor can be set on the display screen 192, and the touch sensor and the display screen 192 form a touch screen, also called a "touch screen". The touch sensor is used to detect a touch operation acting on or near it. The touch sensor can pass the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 192.

[0111] The button 190 includes a power button, a volume button, etc. The button 190 may be a mechanical button or a touch button.

[0112] In the embodiment of the present application, the electronic device is an electronic device that can run an operating system and install application programs. Optionally, the operating system running on the electronic device can be system, system, System, etc.

[0113] In conjunction with the accompanying drawings, the wallpaper display method provided in the embodiment of the present application is described in detail, taking the electronic device as a mobile phone as an example. The wallpaper described in the embodiment of the present application may include desktop wallpaper, lock screen wallpaper, always on display (AOD) wallpaper, etc. In the following embodiments, the lock screen wallpaper is used as an example for introduction. It should be noted that the wallpaper display method provided in the embodiment of the present application is also applicable to other types of wallpapers, such as desktop wallpapers, AOD wallpapers, etc.

[0114] The user can set and edit wallpapers on the user interface provided by the mobile phone. For example, in response to the user's two-finger pinch operation on the desktop interface, the mobile phone 100 displays the "wallpaper" icon. The user can click the "wallpaper" icon to open the wallpaper setting interface. For another example, in response to the user's click operation on the "settings" icon, the mobile phone 100 displays the setting interface, and the setting interface includes the "desktop and wallpaper" option; in response to the user's click operation on the "desktop and wallpaper" option, the mobile phone 100 displays the desktop and wallpaper setting interface; the desktop and wallpaper setting interface includes the "wallpaper" option, and in response to the user's click operation on the "wallpaper" option, the mobile phone 100 displays the wallpaper setting interface. Users can set and edit wallpapers in the wallpaper setting interface.

[0115] For example, Figure 5 A schematic diagram of a lock screen wallpaper setting method is shown. Figure 5 As shown in (a), the mobile phone 100 displays a lock screen wallpaper setting interface 201, which includes a preview area 2011. The preview area 2011 is used to display a preview image of the lock screen wallpaper. Exemplarily, the lock screen wallpaper setting interface 201 also includes a "select wallpaper" icon 2012. The user can click the "select wallpaper" icon 2012 to select a lock screen wallpaper. For example, Figure 5 As shown in (b), in response to the user clicking the "Select Wallpaper" icon 2012, the mobile phone 100 displays a template page 2013 in the lock screen wallpaper setting interface 201, and the template page 2013 includes multiple lock screen wallpaper template icons; the user can select one from the multiple lock screen wallpaper templates and set it as the lock screen wallpaper of the mobile phone 100. Exemplarily, the template page 2013 includes an icon of template A, and the user can click the icon of template A to select template A as the lock screen wallpaper. Optionally, the image with a "breaking the box" display effect of the main object displayed by the icon of template A is a default image; optionally, the image with a "breaking the box" display effect of the main object displayed by the icon of template A is generated by selecting a picture saved in the mobile phone and arranging it in a layout with a mask frame of a default shape. For example, as Figure 5 As shown in (c), in response to the user clicking the icon of template A, the mobile phone 100 displays the preview image of template A as the lock screen wallpaper in the preview area 2011. Exemplarily, the preview image of template A has a three-dimensional display effect of the main object "breaking the rules".

[0116] Optionally, the preview image of the lock screen wallpaper is an image generated according to template A; optionally, the preview image of the lock screen wallpaper is an image generated by selecting a picture saved in the mobile phone and arranging it with a mask frame of a default shape, and having a "breaking the box" display effect of the main object. In a possible example, the image with a "breaking the box" display effect of the main object displayed by the icon of template A is a default image, and the preview image of the lock screen wallpaper is an image generated by selecting a picture saved in the mobile phone and arranging it with a mask frame of a default shape, and having a "breaking the box" display effect of the main object. The preview image of the lock screen wallpaper may be different from the image displayed by the icon of template A.

[0117] In one example, the user can set template A as the lock screen wallpaper of the mobile phone 100. The mobile phone 100 receives the user's operation of setting template A as the lock screen wallpaper, and sets template A as the lock screen wallpaper of the mobile phone 100. Exemplarily, the lock screen wallpaper setting interface 201 includes an "Apply" button. Figure 5 In the user interface shown in (c), in response to the user clicking the "Apply" button, the mobile phone 100 sets template A as the lock screen wallpaper.

[0118] When the mobile phone 100 displays the lock screen interface, the lock screen wallpaper of the lock screen interface is template A. In one example, Figure 6 As shown, when the mobile phone 100 is off, it receives a user's pressing operation on the power button (lock screen operation). In response to the user's pressing operation on the power button, the mobile phone 100 displays a lock screen interface, and the lock screen interface displays a lock screen wallpaper 101, and the lock screen wallpaper 101 is template A.

[0119] For example, Figure 7 A schematic diagram of a setting method for desktop wallpaper is shown. Figure 7 As shown in (a), the mobile phone 100 displays a desktop wallpaper setting interface 211, and the desktop wallpaper setting interface 211 includes a preview area 2111, and the preview area 2111 is used to display a preview image of the desktop wallpaper. Exemplarily, the desktop wallpaper setting interface 201 also includes a "select wallpaper" icon 2112, and the user can click the "select wallpaper" icon 2112 to select a desktop wallpaper. For example, Figure 7As shown in (b), in response to the user clicking the "Select Wallpaper" icon 2112, the mobile phone 100 displays a template page 2113 in the desktop wallpaper setting interface 211, and the template page 2113 includes multiple desktop wallpaper template icons; the user can select one from the multiple desktop wallpaper templates and set it as the desktop wallpaper of the mobile phone 100. Exemplarily, the template page 2113 includes an icon for template A, and the user can click the icon for template A to select template A as the desktop wallpaper. In one example, the user can set template A as the desktop wallpaper of the mobile phone 100. The mobile phone 100 receives the user's operation to set template A as the desktop wallpaper, and sets template A as the desktop wallpaper of the mobile phone 100. Exemplarily, the desktop wallpaper setting interface 211 includes an "Apply" button. Figure 7 In the user interface shown in (c), in response to the user clicking the "Apply" button, the mobile phone 100 sets the template A as the desktop wallpaper.

[0120] When the mobile phone 100 displays the desktop interface, the desktop wallpaper of the desktop interface is template A. In one example, the mobile phone 100 receives an operation of returning to the desktop by the user and displays the desktop interface, which displays the lock screen wallpaper 101, which is template A.

[0121] The following takes Template A as an example to introduce a method for generating a lock screen wallpaper with a "breaking the rules" effect of the main object provided by an embodiment of the present application.

[0122] The wallpaper display method provided in the embodiment of the present application realizes the visual effect of extending a part of the main object in the picture out of the edge of the geometric shape of the mask frame by arranging the picture and the mask frame of a geometric shape.

[0123] Exemplarily, template A is generated by arranging the main object in mask frame a and picture b. Template A includes multiple layers. A layer can be a transparent canvas of a preset size (such as screen size) arranged with at least one element (image).

[0124] In one implementation, reference Fig. 8A The geometrical mask frame a is divided into an upper half and a lower half, and the geometrical shape formed by the upper half and the lower half of the mask frame a is used to accommodate the main object. In one example, the mask frame a is divided along the horizontal midline to be divided into an upper half and a lower half. It is understandable that in the specific implementation process, the ratio of the upper half to the lower half can be adjusted, and the specific value of the ratio is not limited in the embodiment of the present application.

[0125] In one example, template A includes layer 11, layer 12, layer 20, and layer 21. The elements included in layer 11 are the upper half image of mask frame a (referred to as the upper half frame), the elements included in layer 12 are the lower half image of mask frame a (referred to as the lower half frame), the elements included in layer 20 are the image of picture b, and the elements included in layer 21 are the main object cutout image generated based on picture b. Optionally, template A also includes layer 30, and the elements included in layer 30 are the "clock" icon and the "date" icon.

[0126] Layer 11, layer 12, layer 20, layer 21 and layer 30 are synthesized to generate a lock screen wallpaper. For example, Figure 8B As shown, the layers from bottom to top are layer 20, layer 11, layer 30, layer 21, and layer 12, and these layers are combined into one image to generate lock screen wallpaper 101. In lock screen wallpaper 101, layer 12 is above layer 21, and the elements in layer 12 are the lower half of the mask frame, and the elements in layer 21 are the main object cutout image. The overlapping part of the main object cutout image and the lower half of the mask frame is blocked by the mask frame, and the transparent part of layer 12 does not block the main object; layer 21 is above layer 11, and the elements in layer 11 are the upper half of the mask frame. The overlapping part of the main object cutout image and the upper half of the mask frame blocks the mask frame. The head of the main object blocks the upper half of the frame, achieving a "break the box" display effect in which the head of the main object extends out of the mask frame.

[0127] In this example, layer 20 includes all images of the picture, such as the background and the main object; the main object in layer 20 is in the same proportion as the main object in layer 21; the background of the picture is displayed in the generated lock screen wallpaper 101. For example, the background behind the main object in picture b is the ground, and the background of the main object in lock screen wallpaper 101 is also the ground.

[0128] In another example, template A may not include layer 20, and the layers from bottom to top are layer 11, layer 30, layer 21, and layer 12. In this case, the background area in the lock screen wallpaper 101 can be a preset pattern. For example, the background behind the main object in picture b is the ground, and the background of the main object in the lock screen wallpaper 101 is a preset solid color background.

[0129] In other examples, template A may not include layer 30, and lock screen wallpaper 101 does not include a “clock” icon and a “date” icon.

[0130] In another implementation, reference Fig. 9 , the picture b is divided into an upper half and a lower half. In one example, the picture b is divided along a horizontal midline into an upper half and a lower half.

[0131] In one example, template A includes layer 10, layer 20, and layer 22. The elements included in layer 10 are the image of mask frame a, the elements included in layer 20 are the image of picture b, and the elements included in layer 22 are the cutout image of the upper half of the subject generated based on the upper half of picture b.

[0132] Optionally, template A further includes layer 30, and the elements included in layer 30 are a "clock" icon and a "date" icon.

[0133] Layer 10, layer 20, layer 22 and layer 30 are synthesized to generate a lock screen wallpaper. For example, Fig.10 As shown, the layers from bottom to top are layer 20, layer 10, layer 30, and layer 22. These layers are combined into one image to generate lock screen wallpaper 101. In lock screen wallpaper 101, layer 10 is above layer 20, the element in layer 10 is a mask frame, the element in layer 20 is a picture image (including background and main object), the overlapping part of the picture image and the mask frame is blocked by the mask frame, and the transparent part of layer 10 does not block the picture image; layer 22 is above layer 10, the element in layer 22 is the upper half of the main object cutout image, and the overlapping part of the upper half of the main object cutout image and the mask frame blocks the mask frame. The lower half of the main object is blocked by the mask frame, and the head of the main object blocks the mask frame, achieving a "breaking the rules" visual effect of the main object's head extending out of the mask frame.

[0134] When arranging the layout to generate a lock screen wallpaper, you can compose the picture based on the relative position of the main object and the mask frame in the picture to achieve the effect that the highest point of the main object extends outside the mask frame.

[0135] For example, Fig.11 As shown, in picture 23, the main object occupies a relatively low proportion in the picture. If the picture and the mask frame are directly synthesized to generate a lock screen wallpaper, the visual effect of the main object sticking out of the mask frame cannot be displayed.

[0136] Before compositing multiple layers, the image or the main object image in the image may be processed first, so that a portion of the main object exceeds the edge of the geometric shape of the mask frame, creating a visual effect that the main object protrudes from the mask frame.

[0137] In one example, if Fig.12As shown, a minimum baseline is set, which is a horizontal line passing through the highest point of the geometric shape of the mask frame. In one implementation, the image 23 is scaled so that the highest point of the main object in the image 23 is higher than the minimum baseline, so that the highest point of the main object in the lock screen wallpaper exceeds the edge of the geometric shape of the mask frame. In another implementation, the image 23 is moved, such as moving the image 23 up, down, left, or right, so that the highest point of the main object in the image 23 is higher than the minimum baseline, so that the highest point of the main object in the lock screen wallpaper exceeds the edge of the geometric shape of the mask frame.

[0138] In one example, if Fig.12 As shown, a highest reference line can also be set, for example, the highest reference line is the horizontal center line of the clock. Image 23 is scaled or moved so that the highest point of the subject in image 23 is lower than the highest reference line, so that the subject in the lock screen wallpaper blocks the clock less.

[0139] For example, Fig.13A A schematic diagram of a method for implementing image scaling is shown. Fig.13A As shown, the main object of the picture is identified, the position of the main object in the picture is obtained, and the picture is moved until the highest point of the main object is higher than the lowest baseline and lower than the highest baseline. Then the picture is enlarged with the highest point of the main object as the center point, so that the proportion of the main object in the screen display range reaches the preset proportion value. In this way, the zooming process is completed.

[0140] In one implementation, reference Fig. 13B , determine an intermediate area based on the highest baseline, the lowest baseline, the left line of the "clock" icon, and the right line of the "clock" icon. When synthesizing multiple layers, set the highest point of the main object in the intermediate area. In this way, the main object can be located in the middle of the entire lock screen wallpaper image, making the generated lock screen wallpaper more beautiful.

[0141] Users can edit the lock screen wallpaper in the lock screen wallpaper settings interface.

[0142] In some embodiments, the user can perform zooming operations (reduction and enlargement operations) and movement operations on the image (including the main object) in the lock screen wallpaper in the lock screen wallpaper preview area of ​​the lock screen wallpaper setting interface, and change the size and position of the main object on the lock screen wallpaper. Figure 5In (a) of the lock screen wallpaper setting interface 201, the lock screen wallpaper preview area is the preview area 2011 in the lock screen wallpaper setting interface 201. The preview area 2011 displays the preview image of the lock screen wallpaper generated by template A, that is, displays the preview image of the lock screen wallpaper 101. In one example, in the lock screen wallpaper preview area, the user's two-finger pinching operation is detected to reduce the main object; the user's two-finger outward operation is detected to enlarge the main object; the user's pressing and dragging operation is detected to move the main object. When the size, position, etc. of the main object in the picture changes, the relative position of the main object and the mask frame also changes accordingly.

[0143] In one implementation, if it is detected that the highest point of the subject in the image is higher than the highest reference line (the horizontal center line of the clock), then when generating the preview image, the layer containing the "clock" icon and the "date" icon (e.g., layer 30) is placed above the layer containing the subject cutout image (e.g., layer 21), so that the "clock" icon covers the subject. This can prevent the subject from covering the "clock" icon too much.

[0144] For example, Fig.14 As shown in (a), the mobile phone 100 displays the lock screen wallpaper setting interface 201, and the lock screen wallpaper setting interface 201 includes a preview area 2011, and the preview area 2011 displays template A as a preview image of the lock screen wallpaper (i.e., the preview image of the lock screen wallpaper 101). The user receives a two-finger pinch-out operation in the preview area 2011. In response to the two-finger pinch-out operation, the layers 20 and 21 in the preview image of the lock screen wallpaper 101 are enlarged at the same ratio, that is, the image in layer 20 and the image in layer 21 are enlarged at the same ratio, so that the main object in the preview image of the lock screen wallpaper 101 is enlarged. Fig.14 As shown in (b), when the main object image is enlarged so that the highest point of the main object is higher than the highest reference line (the horizontal center line of the clock), the main object image is partially blocked by the "clock" icon. At this time, the layer where the main object cutout image is located (for example, layer 21) is located below the layer where the "clock" icon is located (for example, layer 30).

[0145] In another implementation, if it is detected that the highest point of the subject in the picture is higher than the highest reference line (the horizontal center line of the clock), the "breaking the frame" display effect is cancelled; in one example, the layer where the upper half of the mask frame is located (for example, layer 11) is located above the layer where the subject cutout image is located (for example, layer 21), and the mask frame blocks the subject to cancel the "breaking the frame" display effect; in another example, the layer where the subject cutout image is located (for example, layer 21) can be removed, and the mask frame blocks the subject, thereby canceling the "breaking the frame" display effect. This can prevent the subject from excessively blocking the "clock" icon and the "date" icon.

[0146] For example, Fig.15As shown in (a), the mobile phone 100 displays a lock screen wallpaper setting interface 201, and the lock screen wallpaper setting interface 201 includes a preview area 2011. The preview area 2011 displays template A as a preview image of the lock screen wallpaper (i.e., a preview image of the lock screen wallpaper 101). In the preview area 2011, a two-finger pinch-out operation by the user is received. In response to the two-finger pinch-out operation, the picture image in the preview image (such as the image in layer 20) and the subject cutout image (such as the subject cutout image in layer 21) are enlarged at the same ratio. When the subject image is enlarged so that the highest point of the subject is higher than the highest baseline (the horizontal center line of the clock), the "breaking the frame" display effect is canceled; as shown in FIG. Fig.15 As shown in (b), the mask frame blocks the main object, and the visual effect of the main object's head extending out of the edge of the mask frame's geometric shape is lost.

[0147] In one implementation, if it is detected that the main object in the picture touches the preset area on the mask frame, the "breaking the frame" display effect is canceled. This can prevent the upper half of the main object from being displayed above the mask frame and the lower half of the main object from being displayed below the mask frame, resulting in the image being split at the junction of the upper and lower halves of the main object.

[0148] For example, Fig.16 As shown in (a), the mobile phone 100 displays the lock screen wallpaper setting interface 201, and the lock screen wallpaper setting interface 201 includes a preview area 2011, and the preview area 2011 displays the preview image of template A as the lock screen wallpaper (i.e., the preview image of the lock screen wallpaper 101). In the preview area 2011, a right sliding operation is received from the user. In response to the right sliding operation, the picture image (e.g., the image in layer 20) and the subject cutout image (e.g., the subject cutout image in layer 21) in the preview image move to the right. In one example, the preset areas on the mask frame of template A are lines 131 and 132, as shown in FIG. Fig.16 As shown in (b), the subject image moves to touch line 132. Fig.16 As shown in (c), in response to the subject image touching the line 132, the mask frame blocks the subject, and the visual effect of the subject's head extending out of the geometric edge of the mask frame is lost; that is, the "breaking the grid" display effect is cancelled. It should be noted that Fig.16 The lines 131 and 132 shown in (b) are only used to more clearly illustrate the position of the preset area. In actual implementation, the preset area (lines 131 and 132) on the mask frame is not displayed.

[0149] In one example, the preset area on the mask frame is two preset line segments. Each line segment can be represented by the starting coordinates and the ending coordinates of the line segment. The specific position of the preset line segment can be set according to the actual situation of the wallpaper display area and the model. Fig.17, the vertical coordinate values ​​of line 131 and line 132 are X / Y, where X is the width value of the wallpaper display area of ​​the mobile phone 100 display screen, and Y is the height value of the wallpaper display area of ​​the mobile phone 100 display screen; the horizontal coordinates of the starting point and the end point of line 131 and line 132 are determined according to the geometric shape of the mask frame. That is, after a horizontal line is determined according to the value of X / Y, the intersection of the horizontal line and the geometric shape of the mask frame is the starting point and the end point of the line.

[0150] In one implementation, a two-finger pinching operation by the user is detected, and the picture image (such as the image in layer 20) and the main object cutout image (such as the main object cutout image in layer 21) are reduced. The minimum size to which the picture is reduced is that the edge of the picture is circumscribed by a preset rectangular frame. This ensures that the background image in the picture fills the transparent area outside the geometric shape of the mask frame, making the lock screen wallpaper more beautiful. In one example, the upper left corner vertex position of the preset rectangular frame is the intersection of a horizontal line passing through the highest point of the upper edge of the geometric shape of the mask frame and a vertical line passing through the leftmost point of the left edge of the geometric shape of the mask frame; the lower right corner vertex position of the preset rectangular frame is the intersection of a horizontal line passing through the lowest point of the lower edge of the geometric shape of the mask frame and a vertical line passing through the rightmost point of the right edge of the geometric shape of the mask frame. After the preset rectangular frame is circumscribed to the edge of any side of the picture, the mobile phone does not respond to receiving an operation to reduce the picture by the user (such as a two-finger pinching operation). Exemplarily, such as Fig.18 As shown in (a), the mobile phone 100 displays a lock screen wallpaper setting interface 201, which includes a preview area 2011. The preview area 2011 displays a preview image of template A as the lock screen wallpaper (i.e., a preview image of the lock screen wallpaper 101). In the preview area 2011, a two-finger pinch operation of the user is received. In response to the two-finger pinch operation, the image image (including the main object image) in the preview image is reduced. Fig.18 As shown in (b), when the image is reduced to any edge (such as the bottom edge of the image) and the preset rectangular frame 133 is circumscribed, the image (including the main object image) cannot be further reduced. Fig.18 The interface shown in (b) receives a two-finger pinch operation from the user, and the mobile phone 100 does not shrink the image in response to the two-finger pinch operation.

[0151] In some embodiments, the user can edit the lock screen wallpaper template with a "broken grid" display effect.

[0152] For example, Fig.19 As shown in (a), the mobile phone 100 displays a lock screen wallpaper setting interface 201, which includes a preview area 2011. The preview area 2011 displays a preview image of template A as a lock screen wallpaper (i.e., a preview image of the lock screen wallpaper 101). The lock screen wallpaper setting interface 201 also includes a "personalized decoration" icon 2014. Fig.19As shown in (b), in response to the user clicking the "personalized decoration" icon 2014, the mobile phone 100 displays the template editing page 2015 in the lock screen wallpaper setting interface 201. Exemplarily, the template editing page 2015 includes a "change picture" icon 2016, a "0" icon 2017, a "1" icon 2018, etc. The "change picture" icon 2016 is used to change the picture in the template, the "0" icon 2017 is used to modify the mask frame in the template to the mask frame corresponding to the number "0" (the mask frame geometric shape is the shape of "0"), and the "1" icon 2018 is used to modify the mask frame in the template to the mask frame corresponding to the number "1" (the mask frame geometric shape is the shape of "1").

[0153] Optionally, the template editing page 2015 also includes a background color option, which is used to change the background color of the mask box in template A. For example, Fig.19 The background color of the mask frame in the template A is black. In one example, the background color of the mask frame is set by default according to the main color of the subject in the picture. For example, if the color of the subject (character)'s clothes is red, when generating the mask frame layer, the red color of the subject (character)'s clothes is extracted as the background color of the mask frame. When the user clicks on the background color option, the background color of the mask frame is changed according to the color selected by the user. For example, Fig. 20A As shown, the color of the main object (character) clothing is mainly red, and the background color of the mask frame defaults to the color of the main object (character) clothing (red). The user can change the background color of the mask frame in template A by clicking the background color option in the template editing page 2015. For example, in response to the user clicking the purple option, the color of the mask frame in template A displayed in the preview area 2011 is changed to purple.

[0154] In one example, the mask frame in the template can be replaced. For example, Fig. 20B As shown, the mobile phone 100 receives the user's click operation on the "0" icon 2017, and modifies the mask frame in the template to the mask frame corresponding to the number "0" (the mask frame has a geometric shape of "0"). Exemplarily, the mask frame in the template preview image displayed in the preview area 2011 has a geometric shape of "0".

[0155] In one example, the image in the template can be replaced. For example, Fig.21 As shown in (a), the mobile phone 100 displays a template editing page 2015 in the lock screen wallpaper setting interface 201, and the template editing page 2015 includes a "change picture" icon 2016. Fig.21As shown in (b), in response to the user clicking the "Change Picture" icon 2016, the mobile phone 100 displays the picture interface 202, which includes multiple pictures, and the user can select one of the pictures as the picture in the template. Exemplarily, the picture interface 202 includes picture B. Fig.21 As shown in (c), in response to the user's click operation on picture B, the mobile phone 100 displays the lock screen wallpaper setting interface 201, and the lock screen wallpaper setting interface 201 includes a preview area 2011, and the picture in the template preview image displayed in the preview area 2011 is updated to picture B. In one implementation, when generating a lock screen wallpaper according to picture B, picture B can be scaled, moved, etc., so that the highest point of the main object in picture B is higher than the lowest baseline and lower than the highest baseline, so as to achieve a "breaking the rules" display effect and less obstruction of the "clock" icon. Optionally, the highest point of the main object in picture B can be set in the middle area, so that the main object is located in the middle position of the entire lock screen wallpaper image, so that the generated lock screen wallpaper is more beautiful. Optionally, it is determined that the main object does not touch the preset area (such as two preset line segments) on the mask frame to avoid the image splitting at the connection between the upper half and the lower half of the main object.

[0156] In one implementation, when the distance between the highest point of the main object in the picture and the upper edge of the picture is less than a preset value, if a lock screen wallpaper with a "broken frame" display effect is generated based on the picture, the main object will block the "clock" icon and the "date" icon over a large area, affecting the user's ability to view the time and date. In one example, when the distance between the highest point of the main object in the picture and the upper edge of the picture is less than a preset value, a lock screen wallpaper with a "broken frame" display effect is not generated. For example, the layer where the mask frame is located is above the layer where the main object is located, that is, the mask frame blocks the main object in the picture. In order to prevent the mask frame from blocking the main object over a large area, in one example, the picture is reduced to a preset rectangular frame outside the edge of the picture, that is, the picture is reduced to the minimum size to display a more complete image of the main object in the picture. Exemplary, such as Fig. 22 As shown, the picture interface 202 includes picture C. In response to the user's click operation on picture C, the mobile phone 100 displays the lock screen wallpaper setting interface 201, and the lock screen wallpaper setting interface 201 includes a preview area 2011. The picture in the template preview image displayed in the preview area 2011 is updated to picture C. Because the distance between the highest point of the main object in picture C and the upper edge of the picture is less than the preset value, the picture C in the template preview image is blocked by the mask frame, and the picture C is reduced to the preset rectangular frame 133 outside the picture edge.

[0157] In one implementation, for a template generated by picture C (a picture in which the distance between the highest point of the main object and the upper edge of the picture is less than a preset value), it supports users to zoom in on the picture as needed. Upon receiving an operation from the user to zoom in on the picture, a "broken frame" display effect is generated; that is, the layer where the upper half of the main object is located obscures the layer where the upper half of the mask frame is located, and the layer where the lower half of the mask frame is located obscures the layer where the lower half of the main object is located. In other words, for pictures in which the main object has certain defects (such as incompleteness), a lock screen wallpaper with a "broken frame" display effect can also be generated based on user operations. For example, Fig.23 As shown in (a), the mobile phone 100 displays a lock screen wallpaper setting interface 201, which includes a preview area 2011. The picture in the template preview image displayed in the preview area 2011 is picture C. Picture C is blocked by a mask frame, and the edge of picture C is connected to a preset rectangular frame 133. Fig.23 As shown in (b), in response to the user's pinch-out operation, the image C is enlarged, and the layer where the upper half of the person 1041 in the image C is located blocks the layer where the upper half of the mask frame 1042 is located. The head of the person 1041 in the preview image exceeds the edge of the geometric shape of the mask frame 1042, and the head of the person 1041 visually extends out of the mask frame 1042, achieving a display effect where the person's head "breaks out of the ordinary". In one example, the layer where the upper half of the subject is located blocks the layer where the "clock" icon is located, such as Fig.23 As shown in (b), the head of the character 1041 blocks the "clock" icon 1043. In another example, the layer where the "clock" icon is located blocks the layer where the upper half of the main object is located, such as Fig.23 As shown in (c), the “clock” icon 1043 blocks the head of the person 1041.

[0158] In one implementation, if the distance between the highest point of the main object in the picture and the upper edge of the picture is less than a preset value, a "breaking the grid" display effect is generated; that is, the layer where the upper half of the main object is located covers the layer where the upper half of the mask frame is located, and the layer where the lower half of the mask frame is located covers the layer where the lower half of the main object is located. In one example, the layer where the "clock" icon is located covers the layer where the upper half of the main object is located, that is, the main object is hidden under the "clock" icon. For example, Fig.24As shown, the picture interface 202 includes picture C. In response to the user's click operation on picture C, the mobile phone 100 displays the lock screen wallpaper setting interface 201. The lock screen wallpaper setting interface 201 includes a preview area 2011. The picture in the template preview image displayed in the preview area 2011 is updated to picture C. The layer where the upper half of the person 1041 in picture C is located blocks the layer where the upper half of the mask frame 1042 is located. The head of the person 1041 in the preview image exceeds the edge of the geometric shape of the mask frame 1042. Visually, the head of the person 1041 extends out of the mask frame 1042, achieving a display effect where the person's head "breaks out of the ordinary". Since the distance between the highest point of the main object in picture C and the upper edge of the picture is less than the preset value, the main object 1041 in picture C in the preview image is blocked by the "clock" icon.

[0159] In one implementation, when there is no identifiable subject in the picture, the wallpaper with the "out-of-frame" display effect may not be generated; that is, the mask frame blocks the picture. In one example, the mobile phone displays a prompt message to prompt the user to change the picture. For example, Fig.25 As shown, the picture interface 202 includes picture D. In response to the user clicking on picture D, the mobile phone 100 displays the lock screen wallpaper setting interface 201. The lock screen wallpaper setting interface 201 includes a preview area 2011. The picture in the template preview image displayed in the preview area 2011 is updated to picture D. There is no identifiable subject in picture D, and the lock screen wallpaper generated according to picture D does not have a "breakthrough" display effect. Optionally, the mobile phone 100 displays a prompt message "The current picture has no identifiable subject, try to change it" to prompt the user to change the picture.

[0160] In some embodiments, the mask frame in the lock screen wallpaper template also includes text. It supports users to modify these texts. For example, Fig.26 As shown in (a), the mobile phone 100 displays a lock screen wallpaper setting interface 201, which includes a preview area 2011. The preview area 2011 displays a preview image of template B as the lock screen wallpaper. The mask frame of template B includes multiple text boxes, which are used to display text. For example, the mask frame of template B includes text box B1, text box B2, text box B3 and text box B4, which display the texts "Congratulations", "Happy", "Good luck" and "Fortune" respectively. The lock screen wallpaper setting interface 201 also includes a "Personalized Decoration" icon 2014. Fig.26As shown in (b), in response to the user clicking the "personal decoration" icon 2014, the mobile phone 100 displays the template editing page 2020 in the lock screen wallpaper setting interface 201. Exemplarily, the template editing page 2020 includes a "change picture" icon, a "0" icon, a "1" icon, etc. In one example, the template editing page 2020 includes a text editing box 2021, and the text editing box 2021 is used to receive text input by the user, such as text, numbers, etc. The text received by the text editing box 2021 is used to display the text box on the mask box in the template.

[0161] In one example, before the text edit box 2021 detects the text input by the user, the default text is displayed as an example of the input text. Fig.26 As shown in (b), the default text in the text editing box 2021 is "Congratulations on your prosperity"; optionally, the default text display format is dark pattern display.

[0162] In one example, the template editing page 2020 also includes a prompt text for prompting the type and format of the text input into the text editing box 2021. For example, Fig.26 As shown in (b), the template editing page 2020 includes prompt texts such as "blessing words" and "4 words need to be entered".

[0163] In one example, the maximum number of characters allowed to be entered in the text edit box 2021 is a preset number; for example, 4. When the number of characters entered in the text edit box 2021 is less than the preset number, the number of characters is supplemented to the preset number based on the text already entered. Fig. 27 As shown in (a), before the mobile phone 100 receives the text input by the user, the default text "Congratulations on your prosperity" is displayed in the text editing box 221. Fig. 27 As shown in (b), in response to the user clicking on the text editing box 2021, a keyboard 2022 is displayed in the template editing page 2020, and the user can enter text into the text editing box 2021 by clicking on the keyboard 2022. Exemplarily, the mobile phone 100 receives the text "new" entered by the user in the text editing box 2021, and "new" is displayed in the text editing box 2021. The mobile phone 100 also determines the four-character phrase "Happy New Year" based on "new", and automatically displays "Happy New Year" in the text editing box 2021, completing the number of words displayed in the text editing box 2021 to 4. Optionally, the display format of the text "Happy New Year" automatically supplemented by the mobile phone 100 is a dark pattern display to distinguish it from the text "year" entered by the user. Exemplarily, as Fig. 27As shown in (c), when the mobile phone 100 receives the text "New Year" input by the user in the text editing box 2021, the text editing box 2021 displays "New Year". The mobile phone 100 also automatically displays "Happy" in the text editing box 2021, and the display format of "Happy" is dark. Fig. 27 As shown in (d), when the mobile phone 100 receives the text "Happy New Year" entered by the user in the text editing box 2021, the text editing box 2021 displays "Happy New Year". The mobile phone 100 also automatically supplements the display of "Happy" in the text editing box 2021, and the display format of "Happy" is a dark pattern display. In one implementation, some four-character words are pre-set in the mobile phone 100. After the mobile phone 100 receives the text entered by the user in the text editing box 2021, it searches in the pre-set four-character words according to the entered text, and determines the supplementary text according to the successfully matched four-character words. In one implementation, after the mobile phone 100 receives the text entered by the user in the text editing box 2021, it performs semantic analysis on the input text, determines the corresponding four-character words according to the semantics of the entered text, and determines the supplementary text.

[0164] Optionally, in one implementation, if the corresponding 4-character phrase is not successfully determined based on the input text, the input text is repeatedly displayed. For example, if the mobile phone 100 receives the text "six" input by the user in the text editing box 2021, and the mobile phone 100 does not successfully determine the corresponding 4-character phrase based on the text "six", the supplementary text "six six six" is displayed; for example, if the mobile phone 100 receives the text "Come on" input by the user in the text editing box 2021, and the mobile phone 100 does not successfully determine the corresponding 4-character phrase based on the text "Come on", the supplementary text "Come on" is displayed.

[0165] In one implementation, the cursor position in the text editing box 2021 is located after the text entered by the user, that is, the supplementary text is after the cursor position; when the text entered by the user in the text editing box 2021 is received, the supplementary text at the corresponding position of the input text is replaced.

[0166] In one implementation, after the number of characters in the user's input text received in the text editing box 2021 equals a preset number, continued text input is not supported, and the text continued to be input by the user is not displayed.

[0167] In one example, in response to the user's operation of retracting the keyboard 2022, the text displayed in the text editing box 2021 is updated to the text box on the mask box of the template B. The text displayed in the text editing box 2021 includes the user input text and may also include supplementary text. In one implementation, the number of words in the user input text is less than a preset number, and the text in the text box on the mask box is generated according to the user input text and the supplementary text. For example, Fig.28As shown, the mobile phone 100 displays a template editing page 2020 in the lock screen wallpaper setting interface 201, and the template editing page 2020 includes a text editing box 2021, and the text editing box 2021 is used to receive the text input by the user. The template editing page 2020 includes a keyboard 2022, and the user can enter text into the text editing box 2021 by clicking the keyboard 2022. When the mobile phone 100 receives the text "Happy New Year" entered by the user in the text editing box 2021, the text editing box 2021 displays "Happy New Year". The mobile phone 100 also automatically supplements the display of "Happy" in the text editing box 2021, and the display format of "Happy" is dark pattern display. The cursor position is between "Happy New Year" and "Happy". In response to the user's operation of retracting the keyboard 2022, the template editing page 2020 is no longer displayed, and the text displayed in the text box on the mask box in the preview image displayed in the preview area 2011 is updated to "Happy New Year", and the text displayed in the text box includes the user input text and the supplementary text.

[0168] In one example, the mobile phone 100 stores a default text library including a plurality of default texts. It supports the user to change the default text displayed in the text editing box 2021. For example, Fig.29 As shown, the mobile phone 100 displays a template editing page 2020 in the lock screen wallpaper setting interface 201, and the template editing page 2020 includes a text editing box 2021 and a "change" button 2023. Before the text entered by the user is detected, the text editing box 2021 displays the default text "Congratulations on getting rich"; optionally, the default text display format is a dark pattern display. In one implementation, after receiving a user click operation on the "change" button 2023, any default text is selected in the default text library for update. Exemplarily, in response to the user's click operation on the "change" button 2023, the default text displayed in the text editing box 2021 is updated to "healthy and safe". "Congratulations on getting rich" and "healthy and safe" are both default texts in the default text library.

[0169] The wallpaper display method provided in the embodiment of the present application is generated by arranging the picture and the geometric mask frame in a layout, the layer where the upper half of the main object in the picture is located is above the layer where the upper half of the mask frame is located, and the layer where the lower half of the main object in the picture is located is below the layer where the lower half of the mask frame is located, so as to achieve a visual effect that a part of the main object in the picture extends out of the edge of the geometric shape of the mask frame, that is, a "breaking the rules" display effect. It provides users with a more personalized and design-oriented wallpaper.

[0170] It also supports users to edit wallpapers with "out-of-the-box" display effects as needed, such as changing pictures, replacing templates, scaling main objects, etc., to meet users' personalized customization needs.

[0171] It is understandable that the electronic device provided in the embodiment of the present application includes a hardware structure and / or software module corresponding to each function in order to realize the above functions. Those skilled in the art should easily realize that, in conjunction with the units and algorithm steps of each example described in the embodiment disclosed herein, the embodiment of the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a function is executed in the form of hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to exceed the scope of the embodiment of the present application.

[0172] The embodiment of the present application can divide the functional modules of the above-mentioned electronic device according to the above-mentioned method example. For example, each functional module can be divided corresponding to each function, or two or more functions can be integrated into one processing module. The above-mentioned integrated module can be implemented in the form of hardware or in the form of software functional modules. It should be noted that the division of modules in the embodiment of the present application is schematic and is only a logical function division. There may be other division methods in actual implementation.

[0173] In one example, see Fig.30 , which shows a possible structural diagram of the electronic device involved in the above embodiment. The electronic device 3000 includes: a processing unit 3010, a storage unit 3020 and a display unit 3030.

[0174] The processing unit 3010 is used to control and manage the actions of the electronic device 3000. The storage unit 3020 is used to store the program code and data of the electronic device 3000. The processing unit 3010 calls the program code stored in the storage unit 3020 to execute each step in the above method embodiment. The display unit 3030 is used to display the user interface of the electronic device 3000; for example, the lock screen interface, the desktop interface, the setting interface, etc.

[0175] Of course, the unit modules in the electronic device 3000 include but are not limited to the processing unit 3010, the storage unit 3020 and the display unit 3030. For example, the electronic device 3000 may also include a communication unit, a power supply unit, etc. The communication unit is used for the electronic device 3000 to communicate with other electronic devices; the power supply unit is used to supply power to the electronic device 3000.

[0176] The processing unit 3010 may be a processor or a controller, such as a central processing unit (CPU), a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field programmable gate array (FPGA) or other programmable logic devices, transistor logic devices, hardware components or any combination thereof. The storage unit 3020 may be a memory. The display unit 3030 may be a display screen, etc.

[0177] For example, the processing unit 3010 is a processor (such as Figure 4 The processor 110 shown in FIG. 10A ) and the storage unit 3020 may be a memory (such as Figure 4 The internal memory 121 shown in FIG. 1 ), the display unit 3030 may be a display screen (such as Figure 4 The electronic device 3000 provided in the embodiment of the present application may be Figure 4 The electronic device 100 shown in FIG. 1 is a schematic diagram of an embodiment of the present invention. The processor, memory, display screen, etc., can be connected together, for example, via a bus. The processor calls the program code stored in the memory to execute each step in the above method embodiment.

[0178] The embodiment of the present application also provides a chip system, which includes at least one processor and at least one interface circuit. The processor and the interface circuit can be interconnected by lines. For example, the interface circuit can be used to receive signals from other devices (such as a memory of an electronic device). For another example, the interface circuit can be used to send signals to other devices (such as a processor). Exemplarily, the interface circuit can read instructions stored in the memory and send the instructions to the processor. When the instructions are executed by the processor, the electronic device can perform the various steps in the above embodiments. Of course, the chip system can also include other discrete devices, which are not specifically limited in the embodiment of the present application.

[0179] An embodiment of the present application also provides a computer-readable storage medium, which includes computer instructions. When the computer instructions are executed on the above-mentioned electronic device, the electronic device executes each function or step executed by the mobile phone in the above-mentioned method embodiment.

[0180] The embodiment of the present application also provides a computer program product. When the computer program product is run on a computer, the computer is enabled to execute each function or step executed by the mobile phone in the above method embodiment.

[0181] Through the description of the above implementation methods, technical personnel in the relevant field can clearly understand that for the convenience and simplicity of description, only the division of the above-mentioned functional modules is used as an example. In actual applications, the above-mentioned functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.

[0182] In the several embodiments provided in the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic. For example, the division of the modules or units is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another device, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0183] The units described as separate components may or may not be physically separated, and the components shown as units may be one physical unit or multiple physical units, that is, they may be located in one place or distributed in multiple different places. Some or all of the units may be selected according to actual needs to achieve the purpose of the present embodiment.

[0184] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0185] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a readable storage medium. Based on this understanding, the technical solution of the embodiment of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, which is stored in a storage medium, including several instructions to enable a device (which can be a single-chip microcomputer, chip, etc.) or a processor (processor) to perform all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium includes: U disk, mobile hard disk, read only memory (ROM), random access memory (RAM), disk or optical disk and other media that can store program code.

[0186] The above contents are only specific implementation methods of the present application, but the protection scope of the present application is not limited thereto. Any changes or substitutions within the technical scope disclosed in the present application shall be included in the protection scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.

Claims

1. A wallpaper display method, characterized in that: include: displaying a first user interface, wherein the first user interface includes an icon of a first template; In response to a user selecting the first template, a second user interface is displayed; the second user interface includes a preview area and a first control, the preview area includes a preview image of a first wallpaper, the first wallpaper includes a first main object and a first mask frame, a first part of the first main object covers the first mask frame, and a second part of the first main object is covered by the first mask frame; In response to a user selecting the first control, setting the first wallpaper as a lock screen wallpaper; In response to a lock screen operation by the user, a lock screen interface is displayed, wherein the lock screen interface includes the lock screen wallpaper.

2. The method according to claim 1, characterized in that The preview area also includes a clock icon. The first part of the first main object covers the clock icon; or, A first portion of the first main object is blocked by the clock icon.

3. The method according to claim 2, characterized in that When the highest point of the first main object is not higher than the horizontal center line of the clock icon, the first part of the first main object covers the clock icon; When the highest point of the first main object is higher than the horizontal center line of the clock icon, the first part of the first main object is blocked by the clock icon.

4. The method according to claim 3, characterized in that The method further comprises: In response to a user's zoom-in operation in the preview area, the first subject object is displayed in an enlarged manner; When the highest point of the first main object is higher than the horizontal center line of the clock icon, the first part of the first main object is blocked by the first mask frame, or the first part of the first main object is blocked by the clock icon.

5. The method according to claim 3, characterized in that: The method further comprises: In response to a movement operation of the user in the preview area, the first main object is moved to a first position; When the highest point of the first main object is higher than the horizontal center line of the clock icon, the first part of the first main object is blocked by the first mask frame, or the first part of the first main object is blocked by the clock icon.

6. The method according to any one of claims 1 to 5, characterized in that: The method further comprises: In response to a user's zoom-out operation in the preview area, the first main object is displayed in reduced size; the minimum size to which the first main object is reduced is a preset rectangular frame circumscribed by any edge of the first image containing the first main object, and the position and size of the preset rectangular frame are determined by the geometric shape of the first mask frame.

7. The method according to any one of claims 4 to 6, characterized in that: When the first main object contacts a preset area on the first mask frame, a first portion of the first main object is shielded by the first mask frame.

8. The method according to any one of claims 1 to 7, characterized in that: The first wallpaper is generated according to the first mask frame and a first picture including the first main object.

9. The method according to claim 8, characterized in that The first wallpaper includes a first layer, a second layer, a third layer and a fourth layer, the first layer contains the first picture, the second layer contains the first part of the first mask frame, the third layer contains the first main object, and the fourth layer contains the second part of the first mask frame. The geometric shape formed by the first and second parts of the first mask frame is used to accommodate part or all of the first main object.

10. The method according to claim 9, characterized in that When the first part of the first main object covers the first mask frame, the third layer is located above the second layer, and the fourth layer is located above the third layer; When the first part of the first main object is blocked by the first mask frame, the second layer and the fourth layer are located above the third layer.

11. The method according to claim 9 or 10, characterized in that: The first wallpaper includes a fifth layer, and the fifth layer includes a clock icon. When the first part of the first main object covers the clock icon, the third layer is located above the fifth layer; When the first part of the first main object is blocked by the clock icon, the fifth layer is located above the third layer.

12. The method according to any one of claims 1 to 11, characterized in that: The method further comprises: In response to a user's selection operation on a second mask frame, the first mask frame in the first wallpaper is updated to the second mask frame.

13. The method according to any one of claims 1 to 11, characterized in that: The method further comprises: In response to the user's selection operation on the second picture, a preview image of the second wallpaper is displayed in the preview area; the second wallpaper includes a second main object and the first mask frame, a first part of the second main object obscures the first mask frame, and a second part of the second main object is obscured by the first mask frame.

14. The method according to claim 13, characterized in that The method further comprises: If the distance between the highest point of the second main object in the second picture and the upper edge of the second picture is less than a preset value, the second main object in the second wallpaper is reduced to a minimum size; the minimum size is a preset rectangular frame circumscribed by any edge of the second picture, and the position and size of the preset rectangular frame are determined by the geometric shape of the first mask frame.

15. The method according to claim 14, characterized in that The method further comprises: In response to a user's zoom-in operation in the preview area, the second main object is magnified and displayed; a first portion of the magnified second main object covers the first mask frame.

16. The method according to claim 13, characterized in that The method further comprises: If there is no identifiable subject in the second picture, a first prompt message is displayed; the first prompt message is used to prompt the user to change the picture in the second wallpaper.

17. The method according to any one of claims 1 to 16, characterized in that: The first mask frame includes a text frame, and the method further includes: Generate supplementary text according to the text entered by the user in the text editing box; The text in the text box is generated according to the text input by the user in the text editing box and the supplementary text.

18. The method according to any one of claims 1 to 17, characterized in that: The first subject object includes a person, an animal, a plant or a building.

19. The method according to any one of claims 1 to 18, characterized in that: The method further comprises: displaying a third user interface, wherein the third user interface includes an icon of the first template; In response to a user selecting the first template, displaying a fourth user interface; the fourth user interface includes a second preview area and a second control, the second preview area includes a preview image of the first wallpaper; In response to a user selecting the second control, setting the first wallpaper as a desktop wallpaper; In response to the user's operation of returning to the desktop, a desktop interface is displayed, wherein the desktop interface includes the desktop wallpaper.

20. An electronic device, characterized in that: include: one or more processors; Display screen; Memory; Wherein, one or more computer programs are stored in the memory, and the one or more computer programs include instructions. When the instructions are executed by the electronic device, the electronic device executes the method as described in any one of claims 1-19.

21. A computer-readable storage medium, characterized in that: The method comprises computer instructions; when the computer instructions are executed on an electronic device, the electronic device executes the method as described in any one of claims 1 to 19.

Images