Wallpaper display method and electronic device

Abstract

Provided in the present application is a wallpaper display method. The method is applied to an electronic device, and comprises: displaying a first interface, wherein the first interface comprises one or more wallpaper elements located in a first area; and in response to an unlocking instruction, displaying a desktop, wherein during the process of displaying the desktop, desktop wallpaper elements among the one or more wallpaper elements are moved from the first area to a second area, the second area is one or more areas close to the side edge of a screen, and the desktop wallpaper elements are some or all wallpaper elements among the one or more wallpaper elements. Therefore, an electronic device can realize a process of switching between different user interfaces by means of a gradually changing dynamic effect, such that the display coherence between the user interfaces is maintained, thereby improving the user experience.

Description

Wallpaper display method and electronic device Technical Field

[0001] The embodiments of the present invention relate to the field of terminal technology, and in particular to a wallpaper display method and an electronic device. Background Art

[0002] With the rapid development of information technology, electronic devices have become indispensable tools in people's daily lives and work. When using electronic devices, users not only pursue functional perfection and ease of use, but also increasingly value personalized user experience and visual aesthetics. The interface design of electronic devices, especially wallpaper design, has become a key factor in determining the user's personalized experience and influencing the aesthetics of the user interface.

[0003] Because user interfaces include not only wallpapers but also other visual elements such as the status bar, app icons, folders, and widgets, overly complex wallpapers can create visual distractions for users, making it difficult for them to identify other visual elements within the UI, thus impacting the user experience. Currently, balancing user preferences with the overall visual quality of the UI in wallpaper design is a pressing issue in this field. Summary of the Invention

[0004] Embodiments of the present invention provide a wallpaper display method and electronic device. By implementing this method, the electronic device can minimize the visual interference of the wallpaper while maintaining the theme consistency between the lock screen wallpaper and the desktop wallpaper, supporting users to display their personalities and improving the overall user experience.

[0005] In a first aspect, an embodiment of the present invention provides a wallpaper display method, which is applied to an electronic device, the method comprising: displaying a first interface, the first interface including one or more wallpaper elements, the one or more wallpaper elements being located in a first area; displaying a desktop in response to an unlock instruction, and during the display of the desktop, moving a desktop wallpaper element from the one or more wallpaper elements from the first area to a second area, wherein the second area is one or more areas near the sides of the screen, and the desktop wallpaper elements are some or all of the one or more wallpaper elements.

[0006] The first interface may include: a user interface displayed when the electronic device is in a locked state, and a user interface displayed when the electronic device is in an always on display (AOD) state.

[0007] Thus, electronic devices can switch between different user interfaces through a dynamic gradient effect, which can maintain the display consistency between user interfaces and improve the user experience.

[0008] In conjunction with the first aspect, in some implementations, the desktop wallpaper element may be determined by the position of one or more wallpaper elements in the first area.

[0009] In combination with the first aspect, in some implementations, the position of the desktop wallpaper element in the first area and the position of the desktop wallpaper element in the second area are located on the same side of the screen.

[0010] In this way, the distance traveled by the desktop wallpaper element from the first area to the second area can be shortened as much as possible, thereby shortening the movement time of the desktop wallpaper element and avoiding animation delays during the process of switching user interfaces.

[0011] In conjunction with the first aspect, in some embodiments, the desktop wallpaper element includes a first wallpaper element and a second wallpaper element. If the first wallpaper element is located higher than the second wallpaper element in the first area, then the first wallpaper element is located higher than the second wallpaper element in the second area; or if the first wallpaper element is located lower than the second wallpaper element in the first area, then the first wallpaper element is located lower than the second wallpaper element in the second area.

[0012] This can avoid the problem of interlaced routes of various wallpaper elements during movement and improve the overall visual effect.

[0013] In combination with the first aspect, in some implementations, the desktop wallpaper elements are partially displayed in the second area, and / or the desktop wallpaper elements are displayed in an overlapping state.

[0014] In conjunction with the previous embodiment, in some examples, the desktop wallpaper element is partially displayed in the second area, specifically including: the display area of ​​the desktop wallpaper element in the second area is greater than or equal to a first value and / or less than or equal to a second value. The first value may be, for example, 55% of the area of ​​the desktop wallpaper element, and the second value may be, for example, 70% of the area of ​​the desktop wallpaper element.

[0015] In conjunction with the previous embodiment, in some examples, the desktop wallpaper elements are displayed in an overlapping state, specifically including: the overlapping area between the desktop wallpaper elements is less than a third value. The third value may be, for example, 40% of the area of ​​the desktop wallpaper elements.

[0016] In combination with the first aspect, in some embodiments, the second area is determined based on the layout of the icons displayed on the desktop, so that the desktop wallpaper elements do not block the icons on the desktop as much as possible when displayed in the second area. The above icons include application icons, and / or folders, and / or widgets, and / or cards.

[0017] In conjunction with the first aspect, in some embodiments, before displaying the first interface, the method further includes: determining the wallpaper element in response to a user operation selecting a wallpaper element. The first interface is determined based on the wallpaper element and a wallpaper template, wherein the wallpaper template is used to determine one or more wallpaper elements and the positions of the one or more wallpaper elements in the first interface based on the order in which the wallpaper elements are selected.

[0018] In combination with the previous embodiment, in some examples, if an important area of ​​a wallpaper element is blocked, the wallpaper element is rotated around the center of the wallpaper element, and / or the wallpaper element is mirrored, and / or the wallpaper element is translated so that the important area of ​​the wallpaper element is displayed in the first area.

[0019] Therefore, by fine-tuning the placement of wallpaper elements, it is possible to ensure that important areas of the wallpaper elements are displayed in the user interface, thereby ensuring the display effect of the wallpaper elements.

[0020] In a second aspect, embodiments of the present application provide a wallpaper display method, which is applied to an electronic device and includes: determining a wallpaper element in response to a user operation selecting a wallpaper element; determining a lock screen wallpaper based on the wallpaper element; and determining a desktop wallpaper based on the lock screen wallpaper, wherein wallpaper elements included in the desktop wallpaper are selected from wallpaper elements included in the lock screen wallpaper, and placement of wallpaper elements in the desktop wallpaper is determined by placement of wallpaper elements in the lock screen wallpaper.

[0021] In combination with the second aspect, in some embodiments, the wallpaper elements in the lock screen wallpaper are located in a first area in the desktop wallpaper, and the first area includes an area whose distance from the top and / or bottom edge of the screen of the electronic device is greater than or equal to a first preset value, and / or the distance from the side edge of the screen of the electronic device is less than or equal to a second preset value.

[0022] In some examples, the first preset value and / or the second preset value may be fixed values. For example, the first preset value may be 767 pixels, and the second preset value may be 50 pixels.

[0023] In other examples, the first preset value and / or the second preset value may be values ​​related to the length of the top edge, bottom edge, and side edge of the screen when the electronic device is in portrait mode. For example, the first preset value may be 1 / 4 of the length of the side edge of the screen when the electronic device is in portrait mode. The second preset value may be 1 / 12 of the length of the top edge and / or bottom edge of the screen when the electronic device is in portrait mode.

[0024] Based on the above strategies, the visual interference of the lock screen wallpaper can be effectively reduced.

[0025] In combination with the second aspect, in some embodiments, the wallpaper elements in the desktop wallpaper are located in a second area in the desktop wallpaper, and the second area includes an area whose distance from the top and / or bottom edge of the screen of the electronic device is greater than or equal to a third preset value, and / or the distance from the side edge of the screen of the electronic device is less than or equal to a fourth preset value.

[0026] In some examples, the third preset value and / or the fourth preset value may be fixed values, for example, the third preset value and the fourth preset value may both be 50 pixels. In other examples, the third preset value and / or the fourth preset value may be values ​​related to the length of the side edge, top edge, or bottom edge of the screen of the electronic device. For example, the third preset value may be 1 / 10 of the length of the top edge or bottom edge of the screen, and the fourth preset value may be 1 / 12 of the length of the side edge of the screen of the electronic device.

[0027] Based on the above strategies, the visual interference of desktop wallpaper can be effectively reduced.

[0028] In conjunction with the second aspect, in some embodiments, the wallpaper elements included in the desktop wallpaper include: wallpaper elements located in the left area of ​​one or more lock screen wallpapers, and / or wallpaper elements located in the right area of ​​one or more lock screen wallpapers. The wallpaper elements located in the left area of ​​the lock screen wallpaper are also located in the left area of ​​the desktop wallpaper, and the wallpaper elements located in the right area of ​​the lock screen wallpaper are also located in the right area of ​​the desktop wallpaper.

[0029] In conjunction with the second aspect, in some embodiments, the wallpaper elements included in the desktop wallpaper include a first wallpaper element and a second wallpaper element. If the first wallpaper element is located higher than the second wallpaper element in the lock screen wallpaper, then the first wallpaper element is located higher than the second wallpaper element in the desktop wallpaper; or if the first wallpaper element is located lower than the second wallpaper element in the lock screen wallpaper, then the first wallpaper element is located lower than the second wallpaper element in the desktop wallpaper.

[0030] In conjunction with the second aspect, in some implementations, wallpaper elements included in the desktop wallpaper are partially displayed, and / or wallpaper elements included in the desktop wallpaper are displayed in an overlapping manner.

[0031] In conjunction with the previous embodiment, in some examples, a wallpaper element included in the desktop wallpaper is partially displayed, specifically including: the display area of ​​the desktop wallpaper element is greater than or equal to a first value, and / or less than or equal to a second value. The first value may be, for example, 55% of the area of ​​the desktop wallpaper element, and the second value may be, for example, 70% of the area of ​​the desktop wallpaper element.

[0032] In conjunction with the previous embodiment, in some examples, the wallpaper elements included in the desktop wallpaper are displayed in an overlapping state, specifically including: the overlapping area between the desktop wallpaper elements is less than a third value. The third value may be, for example, 40% of the area of ​​the desktop wallpaper elements.

[0033] In combination with the second aspect, in some embodiments, the placement of wallpaper elements in the desktop wallpaper is determined according to the layout of the icons displayed on the desktop, so that the wallpaper elements in the desktop wallpaper do not block the icons on the desktop as much as possible when displayed. The above icons include application icons, and / or folders, and / or widgets, and / or cards.

[0034] In combination with the second aspect, in some embodiments, the method further includes: if an important area of ​​a wallpaper element in the desktop wallpaper is blocked, rotating the wallpaper element with the center of the wallpaper element as the axis, and / or mirroring the wallpaper element, and / or translating the wallpaper element so that the important area of ​​the wallpaper element is displayed in the desktop wallpaper.

[0035] In a third aspect, an embodiment of the present application provides an electronic device, which includes a memory, a processor, and a sensor, wherein the memory is used to store a computer program, and the processor is used to call the computer program so that the electronic device executes a method as described in any one of the first and second aspects above.

[0036] In a fourth aspect, an embodiment of the present application provides a computer program product comprising instructions. When the computer program product is run on an electronic device, the electronic device executes the method as described in any one of the first and second aspects above.

[0037] In a fifth aspect, an embodiment of the present application provides a computer-readable storage medium comprising instructions. When the instructions are executed on an electronic device, the electronic device executes a method as described in any one of the first and second aspects above. BRIEF DESCRIPTION OF THE DRAWINGS

[0038] FIG1A is a schematic structural diagram of an electronic device 100 provided in an embodiment of the present invention;

[0039] FIG1B is a software structure block diagram of an electronic device 100 provided in an embodiment of the present invention;

[0040] 2A to 2E are schematic diagrams of scenarios in which the electronic device 100 determines wallpaper elements according to an embodiment of the present invention;

[0041] 3A to 3C are schematic diagrams of scenarios in which the electronic device 100 determines a wallpaper template according to an embodiment of the present invention;

[0042] 3D to 3E are schematic diagrams of scenarios in which the electronic device 100 switches wallpapers according to an embodiment of the present invention;

[0043] FIG4 is a schematic diagram of a flowchart of a wallpaper display method provided by an embodiment of the present invention;

[0044] FIG5 is a schematic diagram of a first region provided by an embodiment of the present invention;

[0045] FIG6A is a schematic diagram of a lock screen template provided by an embodiment of the present invention;

[0046] FIG6B is a schematic diagram of lock screen templates corresponding to different numbers of wallpaper elements provided by an embodiment of the present invention;

[0047] 7A to 7D are schematic diagrams of sticker templates provided in an embodiment of the present invention;

[0048] 8A to 8D are schematic diagrams of array templates provided in an embodiment of the present invention;

[0049] FIG9 is a schematic diagram of fine-tuning the placement of wallpaper elements within a wallpaper according to an embodiment of the present invention;

[0050] FIG10 is a schematic diagram of determining the foreground of a desktop wallpaper according to the foreground of a lock screen wallpaper according to an embodiment of the present invention;

[0051] 11A-11B are schematic diagrams of the second region provided by an embodiment of the present invention. DETAILED DESCRIPTION

[0052] The following will clearly describe the technical solutions in the embodiments of the present invention in conjunction with the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present invention, not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field are within the scope of protection of the present invention.

[0053] Depending on the application interface, electronic device wallpapers can be divided into lock screen wallpapers and desktop wallpapers. Among them, lock screen wallpapers are used for the lock screen interface displayed when the electronic device is in the locked state, or the screen off interface displayed when the electronic device is in the screen off state. Desktop wallpapers are used for the desktop interface displayed when the electronic device is unlocked.

[0054] Because the number and placement of visual elements on the lock screen, screen-off, and desktop interfaces differ, and the frequency and characteristics of user interactions in each interface differ, lock screen wallpapers and desktop wallpapers have different design requirements. For example, compared to the lock screen and screen-off interfaces, the desktop interface may include more visual elements, such as application icons, folders, and widgets. Furthermore, user interactions on the desktop interface are much more frequent and detailed than those on the lock screen. Therefore, desktop wallpapers have a greater need to reduce visual clutter.

[0055] Currently, in order to meet the different needs for wallpapers in different scenarios, electronic devices can determine the lock screen wallpaper and desktop wallpaper separately. This method destroys the theme coherence between the lock screen interface and the desktop interface to a certain extent, resulting in a relatively fragmented visual experience when the user switches between the two interfaces. In addition, electronic devices can also obtain desktop wallpapers by blurring the lock screen wallpaper. However, since blurring reduces the clarity of details in the wallpaper, this method may limit the user's space to personalize the desktop wallpaper according to personal preferences, making it impossible for users to fully display their own personality and style, thereby affecting the overall user experience.

[0056] This application provides a wallpaper display method and electronic device. By implementing this method, the electronic device can minimize the visual interference of the wallpaper while maintaining the theme consistency of the lock screen wallpaper and desktop wallpaper, supporting users to display their personality and improving the overall user experience.

[0057] FIG. 1A shows a schematic structural diagram of an electronic device 100 .

[0058] 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 speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

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

[0060] 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 processing unit (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). The different processing units may be independent devices or integrated into one or more processors.

[0061] 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.

[0062] Processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in processor 110 is a cache memory. This memory can store instructions or data that have just been used or are being recycled by processor 110. If processor 110 needs to use the same instruction or data again, it can directly access the memory. This avoids duplicate accesses, reduces processor 110 latency, and thus improves system efficiency.

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

[0064] The charging management module 140 is configured to receive charging input from a charger. The charger can be either a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 can receive charging input from the wired charger via the USB interface 130. In some wireless charging embodiments, the charging management module 140 can receive wireless charging input via the wireless charging coil of the electronic device 100. While charging the battery 142, the charging management module 140 can also provide power to the electronic device via the power management module 141.

[0065] 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, and provides power to the processor 110, the internal memory 121, the external memory, the display 194, the camera 193, and the wireless communication module 160. The power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle count, and battery health status (leakage, impedance). In some other embodiments, the power management module 141 can also be set in the processor 110. In other embodiments, the power management module 141 and the charging management module 140 can also be set in the same device.

[0066] 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.

[0067] Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In other embodiments, the antennas can be used in conjunction with a tuning switch.

[0068] The mobile communication module 150 can provide solutions for wireless communications including 2G / 3G / 4G / 5G applied to the electronic device 100. The mobile communication module 150 may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves from the antenna 1, and filter, amplify, and process the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the same device as at least some of the modules of the processor 110.

[0069] The modem processor may include a modulator and a demodulator. The modulator is used to modulate the low-frequency baseband signal to be transmitted into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After being processed by the baseband processor, the low-frequency baseband signal is passed to the application processor. The application processor outputs a sound signal through an audio device (not limited to the speaker 170A, the receiver 170B, etc.) or displays an image or video through the display screen 194. In some embodiments, the modem processor may be an independent device. In other embodiments, the modem processor may be independent of the processor 110 and be set in the same device as the mobile communication module 150 or other functional modules.

[0070] The wireless communication module 160 can provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc., which are applied to the electronic device 100. The wireless communication module 160 can be one or more devices that integrate at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110. The wireless communication module 160 can also receive the signal to be sent from the processor 110, frequency modulate it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2.

[0071] In some embodiments, the antenna 1 of the electronic device 100 is coupled to the mobile communication module 150, and the antenna 2 is coupled to the wireless communication module 160, so that the electronic device 100 can communicate with a network and other devices through wireless communication technologies. The wireless communication technologies may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technology. The GNSS may include a global positioning system (GPS), a global navigation satellite system (GLONASS), a Beidou navigation satellite system (BDS), a quasi-zenith satellite system (QZSS) and / or a satellite based augmentation system (SBAS).

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

[0073] Display screen 194 is used to display images, videos, etc. Display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD). The display panel can also be made of 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), a miniLED, a microLED, a micro-OLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, the electronic device can include one or N display screens 194, where N is a positive integer greater than one.

[0074] The electronic device 100 can implement a shooting function through an ISP, a camera 193, a video codec, a GPU, a display screen 194, and an application processor.

[0075] The ISP processes data fed back by camera 193. For example, when taking a photo, the shutter is opened, and light is transmitted through the lens to the camera's photosensitive element. The light signal is converted into an electrical signal, which is then passed to the ISP for processing and converted into a visible image. The ISP can also perform algorithmic optimization on image noise, brightness, and skin tone. It can also optimize parameters such as exposure and color temperature of the captured scene. In some embodiments, the ISP can be located within camera 193.

[0076] The camera 193 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 light signal into an electrical signal, and then passes the electrical signal to the ISP for conversion 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 100 may include 1 or N cameras 193, where N is a positive integer greater than 1.

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

[0078] Video codecs are used to compress or decompress digital video. Electronic device 100 may support one or more video codecs. This allows electronic device 100 to play or record videos in various encoding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, and MPEG4.

[0079] The NPU is a neural network (NN) computing processor. Drawing on the structure of biological neural networks, such as the transmission patterns between neurons in the human brain, it rapidly processes input information and can continuously self-learn. The NPU can enable intelligent cognitive applications in electronic device 100, such as image recognition, face recognition, speech recognition, and text comprehension.

[0080] 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 100. The external memory card communicates with the processor 110 via the external memory interface 120 to implement data storage functions. For example, files such as music and videos can be stored on the external memory card.

[0081] 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 100 by running the instructions stored in the internal memory 121. The internal memory 121 may include a program storage area and a data storage area. Among them, the program storage area can store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc. The data storage area can store data created during the use of the electronic device 100 (such as audio data, a phone book, etc.), 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.

[0082] The electronic device 100 can implement audio functions such as music playback and recording through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone jack 170D, and the application processor.

[0083] The buttons 190 include a power button, a volume button, and the like. The buttons 190 may be mechanical buttons or touch buttons. The electronic device 100 may receive key inputs and generate key signal inputs related to user settings and function control of the electronic device 100.

[0084] Motor 191 can generate vibration prompts. Motor 191 can be used for incoming call vibration prompts, and can also be used for touch vibration feedback. For example, touch operations acting on different applications (such as taking pictures, audio playback, etc.) can correspond to different vibration feedback effects. For touch operations acting on different areas of the display screen 194, motor 191 can also correspond to different vibration feedback effects. Different application scenarios (for example: time reminders, receiving messages, alarm clocks, games, etc.) can also correspond to different vibration feedback effects. The touch vibration feedback effect can also support customization.

[0085] The indicator 192 may be an indicator light, which may be used to indicate the charging status, power level changes, messages, missed calls, notifications, etc.

[0086] The SIM card interface 195 is used to connect a SIM card. The SIM card can be connected to or disconnected from the electronic device 100 by inserting it into or removing it from the SIM card interface 195. The electronic device 100 can support 1 or N SIM card interfaces, where N is a positive integer greater than 1. The SIM card interface 195 can support Nano SIM cards, Micro SIM cards, SIM cards, and the like. Multiple cards can be inserted into the same SIM card interface 195 at the same time. The types of the multiple cards can be the same or different. The SIM card interface 195 can also be compatible with different types of SIM cards. The SIM card interface 195 can also be compatible with external memory cards. The electronic device 100 interacts with the network through the SIM card to implement functions such as calls and data communications. In some embodiments, the electronic device 100 uses an eSIM, i.e., an embedded SIM card. The eSIM card can be embedded in the electronic device 100 and cannot be separated from the electronic device 100.

[0087] The software system of the electronic device 100 can adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a micro-service architecture, or a cloud architecture. In the embodiment of the present application, the Android system with a layered architecture is used as an example to illustrate the software structure of the electronic device 100.

[0088] FIG1B is a software structure block diagram of the electronic device 100 according to an embodiment of the present application.

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

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

[0091] As shown in FIG1B , the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and short message.

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

[0093] As shown in FIG. 1B , the application framework layer may include a window manager, a content provider, a view system, a telephony manager, a resource manager, a notification manager, and the like.

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

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

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

[0097] The phone manager is used to provide communication functions of the electronic device 100, such as management of call status (including answering, hanging up, etc.).

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

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

[0100] Android Runtime includes core libraries and a virtual machine. Android runtime is responsible for scheduling and management of the Android system.

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

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

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

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

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

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

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

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

[0109] The following describes the workflow of the software and hardware of the electronic device 100 in conjunction with capturing a photo scene.

[0110] When the touch sensor 180K receives a touch operation, the corresponding hardware interrupt is sent to the kernel layer. The kernel layer processes the touch operation into a raw input event (including touch coordinates, touch operation timestamp, and other information). The raw input event is stored in the kernel layer. The application framework layer obtains the raw input event from the kernel layer and identifies the control corresponding to the input event. For example, if the touch operation is a touch single-click operation and the control corresponding to the single-click operation is the control of the camera application icon, the camera application calls the interface of the application framework layer to start the camera application, and then starts the camera driver by calling the kernel layer to capture a still image or video through the camera 193.

[0111] The following is an exemplary description of the user interface involved in the wallpaper display process provided in the embodiment of the present application.

[0112] 2A to 2E exemplarily show user interfaces involved in determining wallpaper elements by the electronic device 100 .

[0113] Figure 2A exemplarily illustrates a user interface 210, which may be a display settings page provided by a settings application. As shown in Figure 2A, the user interface 210 includes a wallpaper control 211. The wallpaper control 211 is used to trigger the electronic device 100 to display a user interface for the user to manage the wallpaper of the electronic device 100.

[0114] In response to receiving an input operation (e.g., a touch operation) acting on the wallpaper control 211, the electronic device 100 may display the user interface 220 shown in FIG2B . The user interface 220 includes a settings control 221. The settings control 221 is used to trigger the electronic device 100 to display a user interface for the user to set the wallpaper of the electronic device 100.

[0115] In response to the received input operation (e.g., touch operation) acting on the setting control 221, the electronic device 100 may display the user interface 230 as shown in FIG2C. The user interface 230 is used for the user to select the wallpaper type. Different wallpaper types correspond to different wallpaper generation methods. Exemplarily, the user interface 230 includes type controls 231 to 234. Among them,

[0116] The type control 231 corresponds to the wallpaper type "Gallery", which supports users to select photos they have taken or saved in the gallery as wallpapers.

[0117] The type control 232 corresponds to the wallpaper type “recommendation”, which supports the user to select one of a series of pictures provided by the electronic device 100 as a wallpaper.

[0118] Type control 233 corresponds to the wallpaper type "emoji," allowing users to select emojis as wallpaper elements and select a wallpaper template. A wallpaper element is a display element within a wallpaper. A wallpaper template indicates how the wallpaper element is placed within the wallpaper. The electronic device 100 can determine a wallpaper based on the wallpaper element and wallpaper template selected by the user. This process will be described in detail in subsequent embodiments of this application.

[0119] The type control 234 corresponds to the wallpaper type "color", which supports the user to select a color and a color effect. The electronic device 100 can generate a wallpaper according to the color and color effect selected by the user.

[0120] In response to the received input operation (e.g., touch operation) acting on the type control 233, the electronic device 100 may display a user interface 240 as shown in FIG2D. The user interface 240 is used for the user to select an emoticon. The user interface 240 includes a preview box 241 and an emoticon bar 242.

[0121] Preview box 241 is used for users to view and manage selected emoticons. Preview box 241 includes a delete button 241A and a confirmation button 241B. Delete button 241A is used to trigger electronic device 100 to delete the user-selected emoticon, while confirmation button 241B is used to trigger electronic device 100 to determine the user-selected emoticon as a wallpaper element.

[0122] The emoticon bar 242 is used to display emoticons that can be selected by the user.

[0123] The user can select one or more emoticons as wallpaper elements. Exemplarily, in response to an input operation (e.g., a touch operation) acting on a plurality of emoticons in the emoticon bar 242, the electronic device 100 can display a user interface 250 as shown in Figure 2E. The user interface 250 includes a preview box 251 and an emoticon bar 252. Among them, the preview box 251 includes a delete button 251A and a confirmation button 251B. The preview box in the user interface 250 can display a plurality of emoticons selected by the user. In addition, for the description of the various components of the user interface 250, reference can be made to the description of the various components of the user interface 240 in the aforementioned embodiment, which will not be repeated here.

[0124] 3A to 3C exemplarily illustrate user interfaces involved in the electronic device 100 determining a wallpaper template.

[0125] Wallpaper templates indicate how wallpaper elements are placed within a wallpaper. Depending on the type of wallpaper they're applied to, wallpaper templates can be categorized as lock screen templates or desktop templates. Lock screen templates are used for lock screen wallpapers, while desktop templates are used for desktop wallpapers.

[0126] In response to the user's input operation (e.g., a touch operation) on the confirmation button 251B in the user interface 250 shown in FIG2E , the electronic device 100 may determine the emoticon displayed in the preview box 251 as a wallpaper element and display the user interface 310 shown in FIG3A . The user interface 310 is used to display the wallpaper template "Sticker Theme 1". As shown in FIG3A , the user interface 310 includes a title control 311, a lock screen wallpaper preview bar 312, a desktop wallpaper preview bar 313, a selection button 314, and a page indication control 315. Among them,

[0127] The title control 311 is used to indicate the name of the wallpaper template. The title control 311 can be implemented in the form of text, picture, etc. The embodiment of the present application does not limit the specific form of the title control 311.

[0128] The lock screen wallpaper preview bar 312 and the desktop wallpaper preview bar 313 are respectively used to display preview effects of the lock screen wallpaper and desktop wallpaper determined by the electronic device 100 according to the wallpaper template "sticker theme 1" and wallpaper elements.

[0129] The selection button 314 is used to trigger the electronic device 100 to determine a wallpaper template.

[0130] The page indication control 315 is used to indicate the number of wallpaper templates provided by the electronic device 100 and the order of the wallpaper templates.

[0131] In response to a left swipe by the user on user interface 310 shown in FIG3A , electronic device 100 may display user interface 320 as shown in FIG3B . User interface 320 is used to display the wallpaper template "Sticker Theme 2." As shown in FIG3B , user interface 320 includes a title control 321, a lock screen wallpaper preview bar 322, a desktop wallpaper preview bar 323, a selection button 324, and a page indicator control 325. For an introduction to the components of user interface 320, please refer to the aforementioned introduction to the components of user interface 310 and will not be repeated here.

[0132] In response to a right swipe on user interface 320 shown in FIG3B , electronic device 100 may display user interface 330 shown in FIG3C . User interface 310 is used to display the wallpaper template "Array Theme." As shown in FIG3C , user interface 330 includes a title control 331 , a lock screen wallpaper preview bar 332 , a desktop wallpaper preview bar 333 , a selection button 334 , and a page indicator control 335 .

[0133] In response to a user input operation (eg, a touch operation) on the selection button 333 in the user interface 330 shown in FIG. 3C , the electronic device 100 may determine the “array theme” as the wallpaper template.

[0134] After determining the wallpaper elements and wallpaper template, and obtaining the lock screen wallpaper and desktop wallpaper based on the wallpaper elements and wallpaper template, electronic device 100 may display lock screen interface 340 as shown in FIG3D in response to a lock screen instruction. Lock screen interface 340 includes the lock screen wallpaper. In response to an unlock operation, electronic device 100 may display desktop interface 350 as shown in FIG3E . The desktop interface includes the desktop wallpaper.

[0135] As the user interface displayed on electronic device 100 transitions from lock screen 340 shown in FIG. 3D to desktop 350 shown in FIG. 3E , six wallpaper elements rapidly move from their positions on lock screen 340 to their positions on desktop 350. The six wallpaper elements on desktop 350 are all located near the sides of the screen, with three located near the left side and three near the right side.

[0136] FIG4 is a flowchart of a wallpaper display method provided in an embodiment of the present application. The method can be applied to the electronic device 100. As shown in FIG4 , the method includes:

[0137] Step S401: Determine a wallpaper element in response to a received first user operation.

[0138] Wallpaper elements are display elements in wallpaper, and can be implemented in the form of emoticons, animations and dynamic effects, pictures, etc. The embodiment of the present application does not specifically limit the form of the display elements.

[0139] The first user operation is a user operation of selecting a wallpaper element. For example, the first user operation can be implemented as a user touching one or more emoticons within emoticon bar 242 in user interface 240 as shown in FIG2D , or a user touching confirmation button 241B within preview box 241 in user interface 250 as shown in FIG2E . In response to the first user operation, electronic device 100 can determine the one or more emoticons as wallpaper elements.

[0140] Step S402: Determine the lock screen wallpaper based on the wallpaper elements.

[0141] Lock screen wallpaper is the wallpaper applied to the lock screen interface. Lock screen wallpaper can include background and foreground.

[0142] The background is a layer located below the foreground. When the background overlaps with the foreground, the content of the foreground in the overlapping area will cover the content of the background. The size of the background can be the same as the screen size of the electronic device 100, and the content of the background can be implemented in the form of color filling, texture filling, etc. The embodiments of the present application do not limit the specific form of the background. In some implementations, the background of the lock screen wallpaper can be preset. In other implementations, the electronic device 100 can determine the content of the background in the wallpaper based on the wallpaper elements. Specifically, in the case where the content of the background is implemented as color filling, the electronic device 100 can determine the average value of the colors of all wallpaper elements as the color of the background.

[0143] The foreground is a layer including one or more display elements, including the aforementioned wallpaper elements.

[0144] Since the area near the edge of the screen in the lock screen interface usually displays some important content, including the status bar, clock controls, bottom navigation bar, etc. Therefore, the lock screen template can restrict the placement of wallpaper elements in the wallpaper.

[0145] Specifically, as shown in Figure 5, the wallpaper elements in the lock screen wallpaper can be restricted to be placed within a first area. The first area can be the set of all points whose distance from the top and / or bottom edges of the screen when the electronic device 100 is in portrait mode is greater than or equal to a first preset value, and whose distance from the side edges of the screen when the electronic device 100 is in portrait mode is greater than or equal to a second preset value. In some examples, the first preset value and / or the second preset value can be fixed values, for example: the first preset value can be 767 pixels and the second preset value can be 50 pixels. In other examples, the first preset value and / or the second preset value can be values ​​related to the length of the top, bottom, and side edges of the screen when the electronic device 100 is in portrait mode. For example, the first preset value can be 1 / 4 of the length of the side edge of the screen when the electronic device 100 is in portrait mode. The second preset value can be 1 / 12 of the length of the top and / or bottom edges of the screen when the electronic device 100 is in portrait mode. Based on the above strategy, the visual interference of the lock screen wallpaper can be effectively reduced.

[0146] In some implementations, the electronic device 100 may determine how wallpaper elements are placed in the foreground of the lock screen wallpaper based on the lock screen template.

[0147] A lock screen template may include one or more sets of parameters. Each set of parameters may correspond to a wallpaper element and be used to indicate how the corresponding wallpaper element is placed in the foreground of the lock screen wallpaper. In some implementations, the lock screen template may be selected by the user. In other implementations, the lock screen template may be determined automatically by the electronic device 100.

[0148] In some implementations, the lock screen template may indicate the wallpaper elements corresponding to each group of parameters therein. Specifically, the wallpaper elements corresponding to each group of parameters in the lock screen template may be related to the selection order of the wallpaper elements. Exemplarily, as shown in FIG6A , the lock screen template includes 6 groups of parameters: the first group of parameters, the second group of parameters, ..., the sixth group of parameters. Among them, the first group of parameters corresponds to the wallpaper element with a selection order of 1, the second group of parameters corresponds to the wallpaper element with a selection order of 2, ..., the sixth group of parameters corresponds to the wallpaper element with a selection order of 6.

[0149] In some implementations, for the same wallpaper template, the number of wallpaper elements varies, and the wallpaper elements corresponding to each set of parameters in the lock screen template can be different. For example, the lock screen template shown in FIG6B includes six sets of parameters: the first set of parameters, the second set of parameters, ..., the sixth set of parameters.

[0150] (1) When the number of wallpaper elements is 1, the 6 groups of parameters in the lock screen template can all correspond to the wallpaper element with a selection order of 1.

[0151] (2) When the number of wallpaper elements is 2, the first, third, and fifth groups of parameters in the lock screen template can correspond to the wallpaper elements with a selection order of 1. The second, fourth, and sixth groups of parameters can correspond to the wallpaper elements with a selection order of 2.

[0152] (3) When the number of wallpaper elements is 3, the first and fourth groups of parameters in the lock screen template can correspond to the wallpaper elements with a selection order of 1. The second and fifth groups of parameters can correspond to the wallpaper elements with a selection order of 2. The third and sixth groups of parameters can correspond to the wallpaper elements with a selection order of 3.

[0153] (4) When the number of wallpaper elements is 4, the first and fifth groups of parameters in the lock screen template can correspond to the wallpaper elements with a selection order of 1. The second and sixth groups of parameters can correspond to the wallpaper elements with a selection order of 2. The third group of parameters can correspond to the wallpaper elements with a selection order of 3. The fourth group of parameters can correspond to the wallpaper elements with a selection order of 4.

[0154] (5) When the number of wallpaper elements is 5, the first and sixth groups of parameters in the lock screen template may correspond to wallpaper elements with a selection order of 1. The second group of parameters may correspond to wallpaper elements with a selection order of 2. The third group of parameters may correspond to wallpaper elements with a selection order of 3. The fourth group of parameters may correspond to wallpaper elements with a selection order of 4. The fifth group of parameters may correspond to wallpaper elements with a selection order of 5.

[0155] (6) When the number of wallpaper elements is 6, the first group of parameters in the lock screen template can correspond to the wallpaper element with a selection order of 1, the second group of parameters can correspond to the wallpaper element with a selection order of 2, ..., the sixth group of parameters can correspond to the wallpaper element with a selection order of 6.

[0156] In other implementations, the wallpaper elements corresponding to each set of parameters in the lock screen template can also be determined by the electronic device 100 from the wallpaper elements in a random manner.

[0157] The placement of wallpaper elements in the wallpaper may include one or more of the following: element coordinates, element size, rotation angle, stacking level, and mirror state.

[0158] Element coordinates are used to indicate the location of a wallpaper element within the wallpaper. For example, the element coordinates can be implemented as the coordinates of the center point of the wallpaper element within the screen coordinate system. The screen coordinate system can be a two-dimensional coordinate system with the lower left corner of the screen of the electronic device 100 as the origin, the direction extending along the bottom edge of the screen as the horizontal axis, and the direction extending along the side edge of the screen as the vertical axis. For example, the element coordinates of a wallpaper element can be (198 pixels, 342 pixels).

[0159] Element size is used to indicate the size of a wallpaper element within the wallpaper. In some implementations, the element size can be implemented as a magnification of the wallpaper element's original size. For example, the element size can be 5 times the wallpaper element's original size. In other implementations, the element size can also be implemented as the diameter of the wallpaper element. For example, the element coordinates of a wallpaper element can be 340 pixels.

[0160] The rotation angle indicates the direction and amount of rotation of the wallpaper element within the wallpaper. The value range is -180° to 180°. For example, the rotation angle of a wallpaper element can be -11°.

[0161] The stacking level indicates the layer within the wallpaper where a wallpaper element resides. The value range is 1 to N, where N is the number of wallpaper elements. The stacking level determines the overlap between overlapping wallpaper elements. Elements with higher stacking levels will overlap those with lower stacking levels.

[0162] The mirror state indicates whether wallpaper elements are placed in a mirrored manner. The values ​​can include no mirror, left-right mirror, and top-bottom mirror.

[0163] For example, taking FIG6A as an example, the lock screen template shown in FIG6A may include six groups of parameters: group ① parameters, group ② parameters, ..., group ⑥ parameters.

[0164] The element coordinates of the wallpaper element indicated by the first set of parameters are (198 pixels, 342 pixels), the rotation angle is -11°, and the stacking level is 1;

[0165] The element coordinates of the wallpaper element indicated by the second group of parameters are (280 pixels, 465 pixels), the rotation angle is 8°, and the stacking level is 2.

[0166] The element coordinates of the wallpaper element indicated by the third group of parameters are (22 pixels, 501 pixels), the rotation angle is 6°, and the stacking level is 3.

[0167] The element coordinates of the wallpaper element indicated by the fourth group of parameters are (65 pixels, 629 pixels), the rotation angle is 9°, and the stacking level is 4.

[0168] The element coordinates of the wallpaper element indicated by the fifth group of parameters are (258 pixels, 668 pixels), the rotation angle is -5°, and the stacking level is 5.

[0169] The element coordinates of the wallpaper element indicated by the sixth group of parameters are (70 pixels, -17 pixels), the rotation angle is -4°, and the stacking level is 6.

[0170] In addition, the element size of the wallpaper element indicated by each set of parameters is 5 times the original size of the wallpaper element, and the mirror state is no mirror.

[0171] Lock screen templates can include sticker templates and array templates.

[0172] Figures 7A to 7D show four different sticker templates, each with different characteristics.

[0173] In some implementations, since the foreground of a wallpaper may include not only wallpaper elements but also other display elements, such as pictures, shapes, lines, text, animations, and dynamic effects, the sticker template may indicate not only how the wallpaper elements are placed within the wallpaper but also how other display elements other than the wallpaper elements are placed within the foreground of the wallpaper.

[0174] Exemplarily, as shown in FIG7D , the sticker template may include nine groups of parameters: the first group of parameters, the second group of parameters, ..., the ninth group of parameters. The above nine groups of parameters are used to indicate how the wallpaper elements are placed in the wallpaper. In addition, the sticker template may also indicate how the first shape is placed in the wallpaper. The first shape may, for example, be the shape composed of multiple straight lines and arrow symbols in FIG7 . The placement of the first shape in the foreground of the lock screen wallpaper may, for example, be: rotate 45° clockwise with the center of the shape as the axis, and place it in the center of the wallpaper, with the stacking level being the highest level.

[0175] Figures 8A to 8D exemplarily show four different array templates, each with different characteristics.

[0176] In some implementations, the array template may indicate that wallpaper elements are placed in the foreground of the lock screen wallpaper in an m*n grid array. Where m and n are both integers. m is the number of columns of wallpaper elements in the array template, and n is the number of rows of wallpaper elements in the array template.

[0177] For example, as shown in FIG8A , the array template may indicate that wallpaper elements are placed in the wallpaper in the form of a 4*8 array.

[0178] In some implementations, the electronic device 100 may also determine the placement of wallpaper elements in the foreground of the lock screen wallpaper in other ways, such as random determination.

[0179] It is understandable that no matter how the electronic device 100 determines the wallpaper elements, the wallpaper elements in the lock screen wallpaper can be restricted to be placed in the first area. For the description of the first area, reference can be made to the relevant description in the aforementioned embodiment, which will not be repeated here.

[0180] In some implementations, wallpaper elements usually include some important areas. For example, for emoticons, the eyes of emoticons, as an important factor in identifying the type of emoticon, can be used as important areas of emoticons. Due to the different placement positions and stacking levels of various wallpaper elements in the wallpaper, important areas in the wallpaper elements may be located outside the screen or blocked. Therefore, in order to ensure the display effect of the wallpaper elements, the electronic device 100 can determine the placement of the wallpaper elements in the foreground of the lock screen wallpaper, and then make fine adjustments so that the important areas in the wallpaper elements can be displayed. Specifically, the electronic device 100 fine-tunes the placement of the wallpaper elements in the wallpaper in the following ways: rotating around the shape center of the wallpaper element as the axis and / or mirroring the wallpaper element. In some implementations, the rotation angle range includes 0-45° counterclockwise rotation and 0-45° clockwise rotation.

[0181] When the wallpaper element is an emoticon, the important area of ​​the wallpaper element may include the emoticon's eye area. If the emoticon's eye area is blocked, the electronic device 100 may fine-tune the emoticon so that the displayed portion of the emoticon's eye area in the wallpaper is larger than 1 / 2 of the entire eye area, and the eyeball area of ​​the emoticon's eye area is not blocked.

[0182] For example, as shown in FIG9 , when emoji 1 and emoji 2 overlap, and the stacking level of emoji 1 is lower than that of emoji 2, the eye area of ​​emoji 1 is blocked. In this case, the electronic device 100 can rotate emoji 1 clockwise so that the displayed portion of the eye area of ​​emoji 1 in the wallpaper is larger than 1 / 2 of the entire eye area, and the eyeball area of ​​emoticon 1 is not blocked.

[0183] In some implementations, if the electronic device 100 still cannot display the important area of ​​the wallpaper element after fine-tuning the placement of the wallpaper element based on the above strategy, the electronic device 100 can further move the wallpaper element within a small range. The distance of the small range movement can be less than a fourth preset value, such as 50 pixels.

[0184] Thus, the electronic device 100 can determine the lock screen wallpaper.

[0185] Step S403: Determine the desktop wallpaper according to the lock screen wallpaper.

[0186] Desktop wallpaper is the wallpaper applied to the desktop interface. Similar to the lock screen wallpaper, the desktop wallpaper can also include a background and a foreground. For the description of the background and foreground, please refer to the relevant description in the previous embodiment, which will not be repeated here.

[0187] In the process of determining the desktop wallpaper, the electronic device 100 may first determine the background of the desktop wallpaper. For the description of the electronic device 100 determining the background of the desktop wallpaper, reference may be made to the description of the electronic device 100 determining the background of the lock screen wallpaper in the aforementioned embodiment, which will not be repeated here.

[0188] In addition, the electronic device 100 can determine the foreground of the desktop wallpaper according to the foreground of the lock screen wallpaper. The process of the electronic device 100 determining the foreground of the desktop wallpaper is as follows:

[0189] 1. Determine the wallpaper elements included in the foreground of the desktop wallpaper.

[0190] The electronic device 100 may select one or more wallpaper elements from the foreground of the lock screen wallpaper as wallpaper elements included in the foreground of the desktop wallpaper.

[0191] Specifically, in some implementations, the screen of the electronic device 100 can be divided into a left area and a right area, with the central axis of the electronic device 100 in portrait mode as the boundary. The area to the left of the central axis is the left area, and the area to the right of the central axis is the right area. The electronic device 100 can select one or more wallpaper elements in the left area of ​​the lock screen wallpaper, and select one or more wallpaper elements in the left area of ​​the lock screen wallpaper, as wallpaper elements in the desktop wallpaper.

[0192] For example, as shown in FIG10 , the lock screen wallpaper includes 12 wallpaper elements: lock screen element 1 to lock screen element 12, wherein lock screen element 2, lock screen element 3, lock screen element 4, lock screen element 5, lock screen element 9, and lock screen element 11 are located in the left area, and lock screen element 1, lock screen element 6, lock screen element 7, lock screen element 8, lock screen element 10, and lock screen element 12 are located in the right area. The electronic device 100 can select lock screen element 2, lock screen element 5, and lock screen element 11 from the left area and select lock screen element 6, lock screen element 8, and lock screen element 12 from the right area as wallpaper elements in the desktop wallpaper.

[0193] Because when the electronic device 100 is unlocked, the wallpaper displayed by the electronic device 100 can be switched from the lock screen wallpaper to the desktop wallpaper. In this process, the wallpaper elements that exist in both the lock screen wallpaper and the desktop wallpaper can achieve position switching by quickly moving from the first position in the lock screen wallpaper to the second position in the desktop wallpaper. In the above process, if the distance between the first position and the second position is too long, it may cause the time required for the wallpaper element to move too long, affecting the speed and smoothness of the electronic device 100 in switching wallpapers. Therefore, in some implementations, the wallpaper element selected by the electronic device 100 from the lock screen wallpaper can be a wallpaper element whose center point is less than a preset value from the side when the electronic device 100 is in the vertical state. The above preset value can be, for example, 2 / 5 of the length of the top edge when the electronic device 100 is in the vertical state.

[0194] 2. The electronic device 100 determines how each wallpaper element in the desktop wallpaper is placed in the foreground.

[0195] In the desktop interface, the center of the screen and the areas near the top and / or bottom of the screen usually display some important content, including the status bar, application icons, folders, widgets, bottom navigation bar, etc. Therefore, the desktop template can restrict the placement of wallpaper elements in the desktop wallpaper.

[0196] Specifically, the desktop template may restrict all wallpaper elements to be placed within the second area.

[0197] In some implementations, the second area may be a preset area. As shown in FIG11A , the second area may be a set of all points whose distance from the side of the screen when the electronic device 100 is in portrait mode is less than or equal to a third preset value, and / or whose distance from the top and / or bottom of the screen when the electronic device 100 is in portrait mode is greater than or equal to a fourth preset value. In some implementations, the third preset value and / or the fourth preset value may be fixed values, for example, the third preset value and the fourth preset value may both be 50 pixels. In other implementations, the third preset value and / or the fourth preset value may be values ​​related to the length of the side of the screen or the top or bottom of the screen of the electronic device 100. For example, the third preset value may be 1 / 10 of the length of the top or bottom of the screen, and the fourth preset value may be 1 / 12 of the length of the side of the screen of the electronic device 100. Based on the above strategy, the visual interference of the desktop wallpaper can be effectively reduced.

[0198] In other implementations, the electronic device 100 may determine the second area based on the layout of icons in the desktop interface. The icons may include application icons, folders, widgets, status bars, cards, etc. Specifically, as shown in FIG11B , the second area may include an area outside the placement areas of various icons in the desktop interface.

[0199] For any wallpaper element that exists in both the lock screen wallpaper and the desktop wallpaper, the electronic device 100 can determine the placement mode of the wallpaper element in the foreground of the desktop wallpaper based on the placement mode of the wallpaper element in the foreground of the lock screen wallpaper.

[0200] Specifically, in some implementations, if a wallpaper element is located in the left area of ​​the lock screen wallpaper, then the electronic device 100 can determine that the wallpaper element is also located in the left area of ​​the desktop wallpaper. Similarly, if a wallpaper element is located in the right area of ​​the lock screen wallpaper, then the electronic device 100 can determine that the wallpaper element is also located in the right area of ​​the desktop wallpaper.

[0201] In some implementations, the electronic device 100 may determine the height of the position of the wallpaper element in the foreground of the lock screen wallpaper as the height of the position of the wallpaper element in the foreground of the desktop wallpaper.

[0202] In addition, as mentioned above, when the electronic device 100 is unlocked, the wallpaper displayed by the electronic device 100 can be switched from the lock screen wallpaper to the desktop wallpaper. In this process, the wallpaper elements that exist in both the lock screen wallpaper and the desktop wallpaper can be switched by quickly moving from the first position in the lock screen wallpaper to the second position in the desktop wallpaper. In order to avoid the intersection of the movement routes of the various wallpaper elements and affect the visual effect. Therefore, based on the above implementation method, the height order of the area where the wallpaper elements are located in the lock screen wallpaper is the same as the height order of the area where they are located in the desktop wallpaper.

[0203] In some implementations, the electronic device 100 may limit the overlap between wallpaper elements in the foreground of the desktop wallpaper. For example, if each wallpaper element occupies the same area in the desktop wallpaper, the electronic device 100 may require that the overlap between wallpaper elements be less than or equal to 40% of the area occupied by the desktop wallpaper.

[0204] The screen exposure ratio of a wallpaper element can be the ratio of the area of ​​the displayed portion of the wallpaper element on the screen to the overall area of ​​the wallpaper element. In some implementations, the electronic device 100 can limit the screen exposure ratio of each wallpaper element in the desktop wallpaper. For example, the electronic device 100 can require that the screen exposure ratio of each wallpaper element be greater than or equal to 55% of the overall area of ​​the wallpaper element and less than or equal to 70% of the overall area of ​​the wallpaper element.

[0205] Thus, the electronic device 100 can determine the desktop wallpaper.

[0206] Afterwards, when in the screen-off state or the lock screen state, the electronic device 100 can display the lock screen interface, which includes the lock screen wallpaper. In response to the unlock instruction, the electronic device 100 can display the desktop interface, which includes the desktop wallpaper. During the process of the displayed user interface being converted from the lock screen interface to the desktop interface, one or more wallpaper elements in the lock screen interface can be quickly moved from their positions in the lock screen interface to their positions in the desktop interface, wherein the positions of the one or more wallpaper elements in the desktop interface are all close to the side of the screen.

[0207] Thus, the electronic device 100 can not only reduce the visual interference of the wallpaper as much as possible, but also maintain the theme consistency of the lock screen wallpaper and the desktop wallpaper, support users to display their personality, and improve the overall user experience.

[0208] In some implementations, before each display of the desktop interface, the electronic device 100 can re-determine the desktop wallpaper by executing step S403 to update the desktop wallpaper. Thus, each time the electronic device 100 displays the desktop interface, the desktop wallpaper in the desktop interface can be different, providing the user with a rich and varied visual experience.

Claims

1. A wallpaper display method, characterized in that: The method is applied to an electronic device, and includes: Displaying a first interface, wherein the first interface includes one or more wallpaper elements, and the one or more wallpaper elements are located in a first area; In response to the unlock instruction, the desktop is displayed. During the process of displaying the desktop, the desktop wallpaper elements among the one or more wallpaper elements are moved from the first area to the second area, wherein the second area is one or more areas close to the side of the screen, and the desktop wallpaper elements are part or all of the wallpaper elements among the one or more wallpaper elements.

2. The method according to claim 1, characterized in that The desktop wallpaper element is determined by positions of the one or more wallpaper elements in the first area.

3. The method according to claim 1 or 2, characterized in that The position of the desktop wallpaper element in the first area and the position of the desktop wallpaper element in the second area are located on the same side of the screen.

4. The method according to any one of claims 1 to 3, characterized in that The desktop wallpaper element includes a first wallpaper element and a second wallpaper element; If the position of the first wallpaper element in the first area is higher than the position of the second wallpaper element, then the position of the first wallpaper element in the second area is also higher than the position of the second wallpaper element; or, If the position of the first wallpaper element in the first area is lower than the position of the second wallpaper element, then the position of the first wallpaper element in the second area is also lower than the position of the second wallpaper element.

5. The method according to any one of claims 1 to 4, characterized in that The desktop wallpaper element is partially displayed in the second area, and / or The desktop wallpaper elements are displayed in an overlapping state.

6. The method according to claim 5, characterized in that The desktop wallpaper element is partially displayed in the second area, specifically including: The display area of ​​the desktop wallpaper element in the second region is greater than or equal to a first value, and / or less than or equal to a second value.

7. The method according to claim 5 or 6, characterized in that The desktop wallpaper elements are displayed in an overlapping state, specifically including: The overlapping area between the desktop wallpaper elements is smaller than a third value.

8. The method according to any one of claims 1 to 7, characterized in that The second area is determined according to the layout of the icons displayed on the desktop so that the desktop wallpaper elements do not block the icons on the desktop as much as possible when displayed in the second area. The icons include application icons, and / or folders, and / or widgets, and / or cards.

9. The method according to any one of claims 1 to 8, characterized in that Before displaying the first interface, the method further includes: In response to a user operation of selecting the wallpaper element, determining the wallpaper element; The first interface is determined according to the wallpaper elements and the wallpaper template, and the wallpaper template is used to determine the one or more wallpaper elements and the positions of the one or more wallpaper elements in the first interface according to the selection order of the wallpaper elements.

10. The method according to claim 9, characterized in that The method further comprises: If the important area of ​​the wallpaper element is blocked, the wallpaper element is rotated with the center of the wallpaper element as the axis, and / or the wallpaper element is mirrored, and / or the wallpaper element is translated so that the important area of ​​the wallpaper element is displayed in the first area.

11. An electronic device, characterized in that: The electronic device includes a memory, a processor, and a sensor. The memory is used to store a computer program, and the processor is used to call the computer program, so that the electronic device executes the method according to any one of claims 1 to 10.

12. A computer program product comprising instructions, characterized in that When the computer program product is run on an electronic device, the electronic device is caused to execute the method according to any one of claims 1 to 10.

13. A computer-readable storage medium comprising instructions, characterized in that: When the instructions are executed on an electronic device, the electronic device executes the method according to any one of claims 1 to 10.

Images