Wallpaper editing guiding method, electronic equipment and computer readable storage medium

Abstract

The invention discloses a wallpaper editing guiding method, electronic equipment and a computer readable storage medium, can be used for guiding a user to edit a wallpaper template of the electronic equipment, and belongs to the technical field of terminals. The method is applied to the electronic equipment, multiple sets of wallpaper templates are arranged in the electronic equipment, and the method comprises the steps that in response to a first operation triggered by a user for a first function button, a first user interface is displayed, and the first user interface comprises at least one set of wallpaper template in the multiple sets of wallpaper templates; detecting a second operation for a first wallpaper template in the at least one set of wallpaper templates, and determining the type of the first wallpaper template in response to the second operation; according to the type of the first wallpaper template, the user-defined editing ability supported by the first wallpaper template is displayed, and a demonstration rule is displayed, and the demonstration rule is used for guiding a user to perform corresponding editing operation on the user-defined editing ability supported by the first wallpaper template.

Description

Technical Field

[0001] This application relates to the technical field of terminals, and particularly to a method for guiding wallpaper editing, an electronic device, and a computer-readable storage medium. Background Art

[0002] Wallpapers can make the display screen of an electronic device look more beautiful and personalized. To improve the user experience of using an electronic device, users can set and change the wallpapers of the electronic device (such as the lock screen wallpaper or the desktop wallpaper). For example, currently, users can use the pictures in the gallery as the wallpapers of the electronic device. However, the above solution cannot meet the need for personalized wallpaper settings when setting wallpapers.

[0003] To enable users to set their favorite wallpapers on the electronic device according to their preferences, the electronic device can use the wallpaper template function in the electronic device to process the original photos uploaded by the user through a matting algorithm and match them with custom template decorations to form personalized feature wallpapers. Although currently the electronic device can use the preset wallpaper templates in the wallpaper template function to synthesize personalized wallpapers, different wallpaper templates in the electronic device often support different display effects, and the wallpaper templates usually support multiple custom editing capabilities. Although the wallpaper templates facilitate users to generate personalized wallpapers, it may not be clear to users how to edit the wallpaper templates in the electronic device. Therefore, there is an urgent need for a guiding method to guide users to correctly edit the wallpaper templates of the electronic device. Summary of the Invention

[0004] This application provides a method for guiding wallpaper editing, an electronic device, and a computer-readable storage medium, which can be used to guide users to edit the wallpaper templates of the electronic device.

[0005] In a first aspect, a method for guiding wallpaper editing is provided, which is applied to an electronic device. The electronic device has multiple sets of wallpaper templates. The method includes: in response to a first operation triggered by a user on a first function button (such as a lock screen style button), displaying a first user interface, where the first user interface includes at least one set of wallpaper templates among the multiple sets of wallpaper templates;

[0006] Detecting a second operation on a first wallpaper template among at least one set of wallpaper templates, and in response to the second operation, determining the type of the first wallpaper template; according to the type of the first wallpaper template, displaying the corresponding demonstration rules of the first wallpaper template, where the demonstration rules include at least one custom editing capability supported by the first wallpaper template, and interface indication information for guiding the user on how to perform corresponding editing operations for each custom editing capability.

[0007] In the method provided by the embodiments of the present application, the electronic device determines the type of the first wallpaper template selected by the user, and then outputs at least one custom editing ability supported by the first wallpaper template according to the type of the first wallpaper template, as well as interface indication information for guiding the user on how to perform corresponding editing operations on the at least one custom editing ability. This facilitates the user to know which custom editing abilities the selected first wallpaper template supports, and the user can understand how to edit the custom editing abilities supported by the first wallpaper template according to the interface indication information, so as to facilitate the user to correctly edit the wallpaper template to obtain a personalized wallpaper that meets the user's needs and improve the user experience.

[0008] In a possible implementation manner, the custom editing abilities supported by the first wallpaper template include any one or more of the following: setting a depth-of-field effect, replacing the main picture of the wallpaper template, moving / scaling the picture main body, changing the style and / or color of the personalized decoration, setting the font style and / or color of the clock, and supporting intelligent changing of the color of the personalized decoration and / or the font color of the clock. The so-called support for intelligent changing of the color of the personalized decoration and / or the font color of the clock means that the electronic device can set the color of the personalized decoration and / or the font color of the clock according to the color extracted from the main picture included in the first wallpaper template.

[0009] In a possible implementation manner, the custom editing abilities supported by different types of wallpaper templates in multiple sets of wallpaper templates are different.

[0010] For example, the custom editing abilities supported by the first type of wallpaper template and the second type of wallpaper template include: setting a depth-of-field effect, moving / scaling the picture main body, changing the style and / or color of the personalized decoration, setting the style and / or color of the clock, replacing the main picture of the wallpaper template, and intelligent changing of the color of the personalized decoration and / or the font color of the clock.

[0011] For example, the custom editing abilities supported by the third type of wallpaper template include: changing the style and / or color of the personalized decoration, setting the style and / or color of the clock, replacing the main picture of the wallpaper template, and intelligent changing of the color of the personalized decoration and / or the font color of the clock.

[0012] In a possible implementation manner, determining the type of the first wallpaper template in response to a second operation includes: in response to the second operation, determining the wallpaper template file of the first wallpaper template, where the wallpaper template file includes the number of levels and the type of layers included in the first wallpaper template; determining the type of the first wallpaper template according to the number of levels and the type of layers included in the first wallpaper template. In this way, the electronic device can determine the type of the first wallpaper template according to the number of levels and the type of layers included in the obtained wallpaper template.

[0013] For example, the first type of wallpaper template includes an original layer, a clock layer, a cutout layer, and an indefinite number of decorative layers. Therefore, if the electronic device determines that the number of layers included in the first wallpaper template is greater than or equal to a preset value and does not include a color background layer, it determines that the first wallpaper template is of the first type.

[0014] For example, the second type of wallpaper template includes an original layer, a clock layer, a cutout layer, a color background layer, and an indefinite number of decorative layers. Therefore, if the electronic device determines that the types of layers included in the first wallpaper template include a color background layer, it determines that the first wallpaper template is of the second type.

[0015] For example, the third type of wallpaper template includes an original layer, a clock layer, and an indefinite number of decorative layers. Therefore, if the electronic device determines that the types of layers included in the first wallpaper template do not include a color background layer and a cutout layer, and the number of layers included in the third wallpaper template is less than the preset value, it determines that the type of the first wallpaper template is of the third type.

[0016] In a possible implementation, in response to a second operation, determining a wallpaper template file of the first wallpaper template includes: in response to the second operation, determining a template identifier of the first wallpaper template; and obtaining the wallpaper template file of the first wallpaper template from the file system according to the template identifier of the first wallpaper template. This solution can improve the convenience of obtaining the wallpaper template file.

[0017] In a possible implementation, the electronic device includes a functional main body module and a lock screen view module. The obtaining the wallpaper template file of the first wallpaper template from the file system according to the template identifier of the first wallpaper template includes:

[0018] The functional main body module determines the identifier of the first wallpaper template in response to the second operation;

[0019] The functional main body module obtains the wallpaper template file of the first wallpaper template from the file system according to the identifier of the first wallpaper template;

[0020] The functional main body module parses the wallpaper template file of the first wallpaper template to obtain wallpaper display information of the first wallpaper template, where the wallpaper display information includes the number of levels of the layers of the first wallpaper template and the types of the layers;

[0021] The functional main body module provides the wallpaper display information of the first wallpaper template to the lock screen view module;

[0022] Determining the type of the first wallpaper template according to the number of levels of the layers included in the first wallpaper template and the types of the layers includes:

[0023] The lock screen view module determines the type of the first wallpaper template according to the wallpaper display information of the first wallpaper template.

[0024] In a possible implementation manner, when the electronic device replaces the main picture in the first wallpaper template, the method provided by the embodiments of the present application further includes: the electronic device extracts the color of the main picture included in the first wallpaper template after replacement; the electronic device updates the color of the clock and / or the personalized decoration in the first wallpaper template according to the color extracted from the main picture included in the first wallpaper template, and performs display.

[0025] For example, the electronic device updates the color of the clock and / or the personalized decoration in the first wallpaper template according to the color extracted from the main picture included in the first wallpaper template, including: the electronic device performs intelligent color picking on the main picture included in the first wallpaper template, and matches the closest color (referred to as the target color) from the preset color set according to the extracted color. The electronic device updates the color of the photo frame and / or the clock in the first wallpaper template to the target color. In this way, the unified color tone of the picture and the wallpaper template is achieved, so as to achieve a better visual effect.

[0026] In a possible implementation manner, when the custom editing ability supported by the first wallpaper template includes scaling the main picture of the picture, the method provided by the embodiments of the present application further includes: displaying a third user interface, where the third user interface displays the main picture included in the first wallpaper template; when detecting a gesture operation of the user scaling the main picture on the third user interface, in response to the gesture operation, perform a scaling process on the main picture, and display the updated first wallpaper template on the third user interface, and the updated first wallpaper template includes the scaled main picture.

[0027] In a possible implementation manner, when the type of the first wallpaper template is the first type of wallpaper template or the third type of wallpaper template, performing a scaling process on the main picture in response to the gesture operation, and displaying the updated first wallpaper template on the third user interface, where the updated first wallpaper template includes the scaled main picture includes: in response to the gesture operation, determining whether the scaling ratio of the main picture indicated by the gesture operation is less than the minimum scaling ratio;

[0028] When the scaling ratio of the main picture indicated by the gesture operation is less than the minimum scaling ratio, scale the main picture at the minimum scaling ratio, and display the updated first wallpaper template on the third user interface, and the updated first wallpaper template includes the main picture scaled at the minimum scaling ratio.

[0029] In a possible implementation, when the electronic device replaces the main picture in the first wallpaper template, the method provided by the embodiments of the present application further includes: the electronic device extracts the color of the main picture included in the first wallpaper template after replacement; the electronic device updates the color of the clock and / or personalized decoration in the first wallpaper template according to the color extracted from the main picture included in the first wallpaper template, and performs display.

[0030] In a possible implementation, when the type of the first wallpaper template is the third type of wallpaper template, the method provided by the embodiments of the present application further includes: the electronic device displays a fourth user interface, and the fourth user interface includes a second function button, and the second function button is used to trigger the electronic device to replace the main picture of the first wallpaper template;

[0031] When the second function button is triggered, in response to the operation of the second function button being triggered, a fifth user interface is displayed, and the fifth user interface includes one or more pictures;

[0032] Detecting a selection operation by the user on any one of the pictures in the fifth user interface, in response to the selection operation, scaling any one of the pictures to the center of the photo frame of the first wallpaper template and displaying it centered.

[0033] In a possible implementation, when the type of the first wallpaper template is the second type of wallpaper template, the method provided by the embodiments of the present application further includes: the electronic device displays a fourth user interface, and the fourth user interface includes a second function button (i.e., the picture replacement button), and the second function button is used to trigger the electronic device to replace the main picture of the first wallpaper template;

[0034] When the second function button is triggered, in response to the operation of the second function button being triggered, a fifth user interface is displayed, and the fifth user interface includes one or more pictures;

[0035] Detecting a selection operation by the user on any one of the pictures in the fifth user interface, in response to the selection operation, when it is determined that the picture main body cannot be cut out from any one of the pictures, the electronic device displays a sixth user interface, and the sixth user interface includes the updated first wallpaper template, and the updated first wallpaper template includes any one of the pictures and a clock frame.

[0036] In a possible implementation, the method provided by the embodiments of the present application further includes: when it is determined that the main pictures in any of the pictures cannot be recognized, the electronic device outputs a first prompt message on the sixth user interface, where the first prompt message is used to prompt that the main pictures in any of the pictures cannot be recognized. This facilitates the user to replace the pictures in a timely manner according to the first prompt message, thereby guiding the user to use pictures that can be subject-extracted to achieve an ideal effect.

[0037] In a second aspect, a guiding device for wallpaper editing is provided. The guiding device for wallpaper editing has a function of implementing the actions of the guiding method for wallpaper editing in the first aspect above. The guiding device for wallpaper editing includes at least one module, and the at least one module is used to implement the guiding method for wallpaper editing provided in the first aspect above.

[0038] In a third aspect, an electronic device is provided. The structure of the electronic device includes a processor and a memory. The memory is used to store a program that supports the electronic device to execute the guiding method for wallpaper editing provided in the first aspect above, and to store data involved in implementing the guiding method for wallpaper editing described in the first aspect above. The processor is configured to execute the program stored in the memory. The computer device may further include a communication bus, and the communication bus is used to establish a connection between the processor and the memory.

[0039] In a fourth aspect, a computer-readable storage medium is provided. Instructions are stored in the computer-readable storage medium, and when it runs on a computer, it causes the computer to execute the guiding method for wallpaper editing described in the first aspect above.

[0040] In a fifth aspect, a computer program product containing instructions is provided. When it runs on a computer, it causes the computer to execute the guiding method for wallpaper editing described in the first aspect above.

[0041] The technical effects obtained in the second, third, fourth, and fifth aspects above are similar to the technical effects obtained by the corresponding technical means in the first aspect above, and will not be elaborated here. Description of the Drawings

[0042] Figure 1 is a schematic structural diagram of an electronic device provided by an embodiment of the present application;

[0043] Figure 2 is a schematic diagram of multiple layers included in a wallpaper template according to an embodiment of the present application;

[0044] Figure 3 is a schematic diagram of each layer provided by an embodiment of the present application;

[0045] Figure 4Schematic diagram of a lock screen wallpaper shown in an embodiment of the present application;

[0046] Figure 5 Schematic diagram of another lock screen wallpaper shown in an embodiment of the present application;

[0047] Figure 6 Composed of an embodiment of the present application Figure 5 Each layer of the lock screen wallpaper shown;

[0048] Figure 7 Schematic diagram of the process for loading a wallpaper template provided by an embodiment of the present application;

[0049] Figure 8 Type of layers included in the first type of wallpaper template provided by an embodiment of the present application;

[0050] Fig. 9 And Fig.10 Are respectively schematic diagrams of a wallpaper editing interface provided by an embodiment of the present application;

[0051] Fig.11 Scene instance schematic of the wallpaper editing guidance method provided by an embodiment of the present application Figure 1 ;

[0052] Fig.12 Scene instance schematic of the wallpaper editing guidance method provided by an embodiment of the present application Figure 2 ;

[0053] Fig.13 Scene instance schematic of the wallpaper editing guidance method provided by an embodiment of the present application Figure 3 ;

[0054] Fig.14 Scene instance schematic of the wallpaper editing guidance method provided by an embodiment of the present application Figure 4 ;

[0055] Fig.15 Scene instance schematic of the wallpaper editing guidance method provided by an embodiment of the present application Figure 5 ;

[0056] Fig.16 Scene instance schematic of the wallpaper editing guidance method provided by an embodiment of the present application Figure 6 ;

[0057] Fig.17 Scene instance schematic of the wallpaper editing guidance method provided by an embodiment of the present application Figure 7 ;

[0058] Fig.18 Schematic diagram of the demonstration process of the first type of wallpaper template provided by an embodiment of the present application;

[0059] Fig.19 Schematic diagram of a scenario example of the wallpaper editing guidance method provided by an embodiment of this application Figure 8 ;

[0060] Fig. 20 Schematic diagram of the demonstration process of the first type of wallpaper template provided by an embodiment of this application;

[0061] Fig.21 Schematic diagram of a scenario example of a wallpaper editing guidance method provided by an embodiment of this application Figure 9 ;

[0062] Fig.22A and Fig. 22B Schematic diagram of a scenario example of a wallpaper editing guidance method provided by an embodiment of this application respectively Figure 10 ;

[0063] Fig.23 Schematic diagram of the demonstration process of the second type of wallpaper template provided by an embodiment of this application;

[0064] Figure 24 to Figure 30 Schematic diagram of the scenario example of a user editing wallpaper in different scenarios provided by an embodiment of this application;

[0065] Fig.31 Schematic diagram of the implementation environment involved in the wallpaper editing method provided by an embodiment of this application;

[0066] Fig.32 Schematic diagram of the wallpaper editing module provided by an embodiment of this application;

[0067] Fig.33 Flowchart of a wallpaper editing method provided by an embodiment of this application;

[0068] Fig.34 Schematic diagram of the target area in the full-screen picture provided by an embodiment of this application;

[0069] Fig.35 Schematic diagram of the full-screen picture provided by an embodiment of this application;

[0070] Fig.36 Flowchart of a wallpaper editing method provided by an embodiment of this application;

[0071] Fig.37 Schematic diagram of the content of the json file involved in an embodiment of this application;

[0072] Fig.38 Schematic diagram of scaling a picture in a wallpaper editing method provided by an embodiment of this application;

[0073] Fig.39Schematic diagram of the specific implementation of setting a clock in a wallpaper editing method provided by an embodiment of the present application;

[0074] Fig.40 and Fig.41 Schematic diagrams of the specific implementation of setting personalized decorations in a wallpaper editing method provided by an embodiment of the present application respectively;

[0075] Fig.42 Schematic diagram of the specific implementation of setting a depth-of-field effect in a wallpaper editing method provided by an embodiment of the present application;

[0076] Fig.43 Schematic diagram of the specific implementation of setting the background blur degree in a wallpaper editing method provided by an embodiment of the present application;

[0077] Fig.44 Schematic diagram of the specific implementation process of replacing the main picture of the wallpaper in a wallpaper editing method provided by an embodiment of the present application;

[0078] Fig.45 Schematic diagram of the specific implementation process of scaling the main picture of the wallpaper in a wallpaper editing method provided by an embodiment of the present application. Detailed implementation manners

[0079] In the following description, specific details such as specific system structures and technologies are proposed for the purpose of illustration rather than limitation, so as to thoroughly understand the embodiments of the present application. However, those skilled in the art should clearly understand that the present application can also be implemented in other embodiments without these specific details.

[0080] It should be understood that when used in the specification and appended claims of the present application, the term "comprising" indicates the presence of the described features, wholes, steps, operations, elements and / or components, but does not exclude the presence or addition of one or more other features, wholes, steps, operations, elements, components and / or their combinations. The terms "comprising", "including", "having" and their variants all mean "including but not limited to", unless otherwise specifically emphasized in other ways.

[0081] It should be understood that the "one or more" mentioned in the present application refers to one, two or more, and the "multiple" mentioned in the present application refers to two or more. In the description of the present application, unless otherwise specified, " / " means "or", for example, A / B can represent A or B. The "and / or" herein is only a description of the association relationship of the associated objects, indicating that there can be three relationships, for example, A and / or B can represent: A exists alone, A and B exist simultaneously, and B exists alone.

[0082] In addition, for the convenience of clearly describing the technical solutions of this application, terms such as "first" and "second" are used to distinguish identical or similar items with basically the same functions and roles. Those skilled in the art can understand that terms such as "first" and "second" do not limit the quantity and execution order, and "first", "second", etc. do not necessarily mean being different.

[0083] Statements such as "an embodiment" or "some embodiments" described in this application mean that a specific feature, structure, or characteristic described in the embodiment is included in one or more embodiments of this application. Thus, statements such as "in an embodiment", "in some embodiments", "in other some embodiments", "in still other embodiments" that appear in different parts of this application do not necessarily refer to the same embodiment, but mean "one or more but not all embodiments", unless otherwise specifically emphasized in other ways.

[0084] Wallpaper refers to the background image used on a computer desktop or a mobile phone desktop. Wallpaper can make the display screen of an electronic device look more beautiful and personalized. To enhance the user experience of using an electronic device, a user can set and change the wallpaper of the electronic device (such as a lock screen wallpaper or a desktop wallpaper). For example, currently, a user can use a picture in the gallery as the wallpaper of the electronic device. However, the above solution cannot meet the need for personalized wallpaper settings when setting the wallpaper. The wallpaper in the embodiments of this application can refer to the lock screen wallpaper of the electronic device or the desktop wallpaper of the electronic device, and the embodiments of this application do not make a limitation in this regard.

[0085] Currently, in order to support users to customize and set personalized wallpapers on an electronic device, the electronic device usually has a wallpaper editing function, that is, it supports users to edit the wallpaper. This wallpaper editing function provides featured functions such as object extraction, wallpaper templates, clock customization, and blur filters. The electronic device can use the wallpaper template function to process the user's original photo through a matting algorithm and decorate it with a customized wallpaper template to form a personalized featured wallpaper. However, different wallpaper templates require different display and depth-of-field effects, with diverse types and various effects. In addition, different wallpaper templates include different types of layers. Therefore, the supported custom editing capabilities of different wallpaper templates are different. For example, some wallpaper templates support including a matting layer, while some wallpaper templates do not include a matting layer. For wallpaper templates that include a matting layer, the depth-of-field effect of the wallpaper template can be changed, while for wallpaper templates that do not include a matting layer, changing the depth-of-field effect of the wallpaper template is not supported. Therefore, in the case where the types of wallpaper templates in the electronic device are diverse and have various effects, how to enable users to make the most of the wallpaper templates in the electronic device to design their favorite wallpapers is an urgent problem to be solved.

[0086] In view of this, in the embodiments of the present application, in order to facilitate users to quickly get started and use, and customize their own personalized wallpapers, the electronic device has a template demonstration function. The electronic device differentiates the types of each wallpaper template and outputs different demonstration rules for different types of wallpaper templates, so that users can experience and design their favorite wallpapers to the greatest extent.

[0087] The method for editing wallpapers provided by the embodiments of the present application can be applied to an electronic device. The electronic device can support the wallpaper editing function, that is, the electronic device supports users to generate personalized wallpapers using wallpaper templates. For example, the electronic device can be a mobile phone, a tablet computer, a wearable device, a digital camera, a vehicle-mounted device, an augmented reality (AR) device, a virtual reality (VR) device, a laptop computer, an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA), a laptop, etc. The embodiments of the present application do not limit this.

[0088] Figure 1 It is a schematic structural diagram of an electronic device provided by the embodiments of the present application. Refer to Figure 1 , 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, a headphone 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. Among them, the sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric 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.

[0089] It can be understood that the structure illustrated in the embodiments of the present application does 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 those illustrated, or combine certain components, or split certain components, or have different component arrangements. The illustrated components 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 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), etc. Among them, different processing units may be independent devices or integrated in one or more processors.

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

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

[0093] 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 through the external memory interface 120 to implement the data storage function. For example, files such as music and videos are saved in the external memory card.

[0094] The internal memory 121 can be used to store computer-executable program code, and the computer-executable program code includes 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 can include a program storage area and a data storage area. Among them, the program storage area can store an operating system, application programs required for at least one function (such as a sound playback function, an image playback function, 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.). In addition, the internal memory 121 can include a high-speed random access memory, and can also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc.

[0095] The wireless communication function of the electronic device 100 can be implemented by the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modulation and demodulation processor, and the baseband processor, etc.

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

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

[0098] The electronic device 100 implements a display function through the GPU, the display screen 194, and the application processor, etc.

[0099] The GPU is a microprocessor for image processing, connecting the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 can include one or more GPUs, which execute program instructions to generate or change display information. The display screen 194 is used to display images, videos, etc.

[0100] The touch sensor 180K, also known as the "touch panel". The touch sensor 180K can be disposed on the display screen 194, and the touch sensor 180K and the display screen 194 form a touch screen, also known as the "touch screen". The touch sensor 180K is used to detect touch operations acting thereon or nearby. The touch sensor 180K can transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 194. In some other embodiments, the touch sensor 180K can also be disposed on the surface of the electronic device 100, at a different position from the display screen 194.

[0101] The embodiments of the present application do not particularly limit the specific structure of the execution subject of the wallpaper editing method. As long as the code recording the wallpaper editing method provided by the embodiments of the present application can be run to process according to the wallpaper editing method provided by the embodiments of the present application. For example, the execution subject of the wallpaper editing method provided by the embodiments of the present application can be a functional module in an electronic device that can call and execute a program, or can be a processing device applied to an electronic device, such as a chip, etc.

[0102] Next, the wallpaper involved in the wallpaper editing method provided by the embodiments of the present application will be described.

[0103] The wallpaper in the embodiments of the present application may include multiple layers. The layers described in the embodiments of the present application may also be referred to as views.

[0104] There is a hierarchical relationship among the multiple layers, and this hierarchical relationship refers to the upper and lower layer relationships of the multiple layers when displayed. Generally, the layer in the upper layer will partially or completely block the layer in the lower layer when displayed.

[0105] Figure 2 It is a schematic diagram of multiple layers provided by the embodiments of the present application. The multiple layers can be divided into multiple types.

[0106] Exemplarily, as Figure 2 shown, the multiple layers may include five types of layers, namely: the original layer, the color background layer, the decoration layer, the clock layer, and the cutout layer.

[0107] Generally, the original layer is located at the bottom layer. The hierarchical level of the color background layer is lower than that of the decoration layer, the clock layer, and the cutout layer. The hierarchical level of the decoration layer can be lower than that of the clock layer and the cutout layer in some cases, and can also be higher than that of the clock layer and the cutout layer in some cases. The hierarchical level of the clock layer can be lower than that of the cutout layer.

[0108] The picture of the original layer can be called the main picture. Exemplarily, the main picture can be a picture selected by the user, such as a picture selected by the user from the pictures in the picture gallery, or a picture selected by the user from the pictures pre-set in the electronic device. Or, the main picture can be the picture of the original layer included in a wallpaper template selected by the user from multiple wallpaper templates pre-set in the electronic device. For example, the original layer can be the Figure 3 layer shown in Figure (a) in

[0109] The picture of the color background layer is a picture with a certain color as a whole. Exemplarily, the color of the picture can be a solid color or a gradient color. For example, the color background layer can be the Figure 3 layer shown in Figure (b) in , and the color of the picture of the color background layer is a solid color.

[0110] The picture of the decoration layer is a picture that can decorate the main picture. Exemplarily, the picture can be a picture with a photo frame effect, or a picture with a certain texture, or a picture with a mask effect, etc. The embodiments of the present application do not limit this. For example, the decoration layer can be Figure 3 the layer shown in Figure (c) or Figure (d) in Figure 3 When the decoration layer shown in Figure (c) in Figure 3 is superimposed and displayed with the decoration layer shown in Figure (d) in

[0111] The clock layer is a layer used to display time, and the time can be the system time of the electronic device. Exemplarily, the clock layer can be Figure 3 the layer shown in Figure (e) in

[0112] The picture of the cutout layer can be a foreground object extracted from the picture of the original layer. For example, when the original layer is Figure 3 the layer shown in Figure (a) in Figure 3 the cutout layer can be

[0113] In practical applications, Figure 2 the hierarchy of each layer shown in

[0114] is not uniquely determined, and the hierarchy of each layer can also be changed according to the actual situation, or corresponding layers can be deployed according to the wallpaper editing function of the electronic device.

[0115] Exemplarily, the desktop wallpaper can include the original layer.

[0116] Exemplarily, the lock screen wallpaper can include, from the bottom layer to the top layer in sequence: the original layer, the clock layer. For example, the lock screen wallpaper can be Figure 4 the wallpaper shown in Figure (a) in Figure 3 which includes the original layer shown in Figure (a) in Figure 3 and the clock layer shown in Figure (e) in

[0117] Or, the lock screen wallpaper can include, from the bottom layer to the top layer in sequence: the original layer, the color background layer, the clock layer, the cutout layer. For example, the lock screen wallpaper can be Figure 4 the wallpaper shown in Figure (b) in Figure 3 which includes the original layer shown in Figure (a) in Figure 3 the color background layer shown in Figure (b) in Figure 3 the clock layer shown in Figure (e) in Figure 3The matte layer shown in Figure (f).

[0118] Alternatively, the lock screen wallpaper may sequentially include, from the bottommost layer to the topmost layer: an original layer, a decoration layer 1, a clock layer, and a decoration layer 2. For example, the lock screen wallpaper may be Figure 4 the wallpaper shown in Figure (c), which includes Figure 3 the original layer shown in Figure (a), Figure 3 the decoration layer shown in Figure (c), Figure 3 the clock layer shown in Figure (e), Figure 3 the decoration layer shown in Figure (d).

[0119] Alternatively, the lock screen wallpaper may sequentially include, from the bottommost layer to the topmost layer: an original layer, a decoration layer 1, a clock layer, a matte layer, and a decoration layer 2. For example, the lock screen wallpaper may be Figure 4 the wallpaper shown in Figure (d), which includes Figure 3 the original layer shown in Figure (a), Figure 3 the decoration layer shown in Figure (c), Figure 3 the clock layer shown in Figure (e), Figure 3 the matte layer shown in Figure (f), Figure 3 the decoration layer shown in Figure (d).

[0120] Compared with Figure 4 the wallpaper shown in Figure (c), Figure 4 the wallpaper shown in Figure (d) can make the picture have a foreground-background hierarchical effect through the interaction of the original layer, the decoration layer, the clock layer, and the matte layer. In the embodiments of the present application, this effect is referred to as the depth-of-field effect.

[0121] Of course, in addition to the above examples, various types of layers can also be flexibly combined in other ways to obtain a lock screen wallpaper with better visual effects. The embodiments of the present application do not limit this.

[0122] It should be noted that the above Figure 3 and Figure 4 are only exemplary descriptions of the layers and the wallpaper, and do not limit the embodiments of the present application.

[0123] As can be seen from the above, the wallpaper in the embodiments of the present application can be obtained by stacking multiple layers according to the hierarchical relationship. For example, by processing Figure 5 a main picture shown in Figure (a), a wallpaper shown in Figure (b) can be obtained, which may include Figure 5 Figure 6 ​The seven layers shown in Figure (a) are, respectively: the original layer, the decoration layer 1, the decoration layer 2, the clock layer, the cutout layer, the decoration layer 3, and the decoration layer 4. Their levels from low to high are: 1, 2, 3, 4, 5, 6, 7. The visual elements of this wallpaper are rich and can meet the personalized needs of users.

[0124] Since each wallpaper will have an original layer, a clock layer, an indefinite number of decoration layers or color background layers, and there may be a cutout layer according to the type of wallpaper. In order to achieve the display and depth-of-field effects of different templates, the electronic device must stack each layer one by one according to the configuration file of each wallpaper and correctly set the Z-axis height of each layer in the order of configuration.

[0125] The effect is as shown in Figure 6 Figure (b):

[0126] In some embodiments, as shown in Figure 6 Figure (b), the layer has position information, which can be represented by coordinates (x, y, z). Among them, (x, y) is the center position of the layer. Among them, (z) is used to indicate the level of the layer in all layers of the wallpaper to which it belongs.

[0127] The wallpaper editing function provided by the embodiments of the present application can edit various types of layers included in the wallpaper. For example, for the original layer, it can be scaled, moved, blurred, etc.; for the color background layer, its color can be adjusted, etc.; for the decoration layer, its style, color, etc. can be adjusted; for the clock layer, its font, color, etc. can be adjusted; for the cutout layer, its depth-of-field effect can be adjusted, etc.

[0128] Since the wallpaper includes multiple types of layers, the loading of the wallpaper will be described in detail below. In the configuration file of the wallpaper, information about each layer is included. When refreshing and displaying the wallpaper, the electronic device needs to read the configuration file, and through a loop, obtain the information of each layer and perform corresponding operations according to the type of the layer, such as changing the color, setting the layer position and height information, etc. The specific flowchart is as shown in Figure 7 shown:

[0129] Step 700, initialize the settings to set the loop control variable to 0.

[0130] For example, obtain the number of layers of the figure as 8, initialize the counter to 0, then parse the first layer, increment the count by 1, and end the loop when the count reaches 8.

[0131] Step 701, determine whether the loop control variable is less than the length of the layers array in the layer set in the json file.

[0132] Step 702: When the loop control variable is less than the length of the layers array, obtain or generate the bitmap of the corresponding layer. For example, obtain the corresponding image according to the src path of the image of the layer or generate the corresponding image.

[0133] When the loop control variable is greater than or equal to the length of the layers array, execute the following step 707.

[0134] Step 703: Determine whether the layer supports color change.

[0135] For example, the electronic device determines whether it supports color change according to the value of the colorpolicy field in the json file. If the value of the colorpolicy field is 1, change the corresponding color; if not or other values, do not change.

[0136] Step 704: When the layer supports color change, change the color of the layer.

[0137] Step 705: Initialize the scaling ratio and display area of the image.

[0138] For example, obtain the sizes of the screen and the image, and calculate the scaling ratio 1 of the image. And use the scaling ratio 1 as the initial scaling ratio of the image. Scaling ratio 1 = Math.max(screen width / image width, screen height / image height), that is, take the maximum value of these two calculation results.

[0139] Step 706: Set the Z-axis height of the layer, increment the value of the loop control variable by 1, and then execute step 701.

[0140] For example, set the Z-axis height according to the layer order. For example, the height of the first layer is 1, the height of the second layer is 2, and so on. The image with a higher level can be displayed above the image with a lower level. Thus, a depth-of-field effect is constructed.

[0141] Step 707: Obtain the first field (such as the offset field), and determine whether the first field is not 0.

[0142] When the first field is not 0, execute the following step 708. When the first field is 0, execute the following step 709.

[0143] Step 708: When the first field is not 0, read the scaling ratio in the record to set the scaling ratio of the image, and set the display area of the image according to the first field. The scaling ratio information is determined according to the user's scaling operation on the main image, and is used to indicate how much the scaled main image has been scaled compared to the original. The scaling ratio information acts on the original layer and the cutout layer.

[0144] The offset information is determined according to the user's operation of moving the main picture, and is used to indicate how much the center of the moved main picture is offset relative to the center of the screen. The offset information acts on the original layer and the cut-out layer.

[0145] Step 709, redraw the view and display it.

[0146] Through Figure 7 The process shown can set the correct display effect for each layer. In order to obtain the final display effect of multiple layers superimposed, it is necessary to control the height of the layers, that is, the height of the Z-axis, and superimpose all the layers one by one in order to achieve the multi-layer display effect of the template and the depth-of-field effect of the wallpaper.

[0147] As an example, multiple sets of wallpaper templates in the electronic device include various types and styles. For example, the styles supported by the multiple sets of wallpaper templates can be: landscapes, people, animals. The type of the wallpaper template can be determined by the type of the layers included in the wallpaper template.

[0148] Next, the types of wallpaper templates involved in the embodiments of the present application will be described.

[0149] The wallpaper templates in the embodiments of the present application can be classified into the following types according to the types of layers included in the wallpaper templates:

[0150] The first type of wallpaper template refers to a wallpaper template that includes an original layer, a clock layer, a cut-out layer, and an indefinite number of decoration layers. As Figure 8 shown, this wallpaper template includes an original layer, a clock layer, a cut-out layer, decoration layer 1 and decoration layer 2. The layers of this wallpaper template are superimposed in order from low to high level (i.e., 1, 2, 3, 4, 5) to form the final personalized wallpaper template. Among them, when decoration layer 1 and decoration layer 2 are superimposed and displayed, a photo frame effect can be formed.

[0151] The second type of wallpaper template: The wallpaper type includes an original layer, a clock layer, a cut-out layer, a color background layer, and an indefinite number of decoration layers.

[0152] For the second type of wallpaper template, the supported custom editing capabilities of the second type of wallpaper template can also include changing the level of the cut-out layer through a depth-of-field switch, supporting customizing the colors of the clock and the color background, and being able to change different texture styles to adapt to different pet types and styles.

[0153] The third type of wallpaper template: It refers to a wallpaper template that includes an original picture layer, a clock layer, and an indefinite number of decoration layers.

[0154] In summary, it can be seen that different types of wallpapers have different types of layers included, and because different categories of wallpapers support different custom editing capabilities, the following will describe how, when an electronic device has multiple sets of different types of wallpaper templates, the electronic device can execute different types of demonstration rules on different types of wallpaper templates to guide the user to perform personalized editing on the wallpaper template to generate a personalized wallpaper.

[0155] For example, different types of wallpaper templates in the electronic device or each set of wallpaper templates will correspond to a demonstration rule. For example, the first type of wallpaper template corresponds to demonstration rule 1, the second type of wallpaper template corresponds to demonstration rule 2, and the third type of wallpaper template corresponds to demonstration rule 3. Then, when the user selects the first type of wallpaper template, the electronic device can display demonstration rule 1. When the second type of wallpaper template is selected, demonstration rule 2 can be displayed. When the third type of wallpaper template is selected, the electronic device can display demonstration rule 3. Combining the above content, demonstration rule 1 can be used to indicate that the custom editing capabilities supported by the first type of wallpaper template include the following: replacing the main picture, setting the color and font of the clock, setting personalized decorations, setting the depth-of-field effect, performing zooming and / or moving processing on the main picture, and guiding the user on how to perform corresponding editing operations on the first type of wallpaper template. Demonstration rule 2 can be used to indicate that the custom editing capabilities supported by the second type of wallpaper template include the following: replacing the main picture, setting the color and font of the clock, setting personalized decorations, setting the depth-of-field effect, performing zooming and / or moving processing on the main picture, and guiding the user on how to perform corresponding editing operations on the first type of wallpaper template. Demonstration rule 3 can be used to indicate that the custom editing capabilities supported by the third type of wallpaper template include the following: replacing the main picture, setting the color and font of the clock, setting personalized decorations, performing zooming and / or moving processing on the main picture, and guiding the user on how to perform corresponding editing operations on the first type of wallpaper template.

[0156] The wallpaper editing function provided by the embodiments of the present application can be implemented based on a wallpaper editing interface. Next, the wallpaper editing interface will be described.

[0157] Fig. 9 is a schematic diagram of a wallpaper editing interface provided by an embodiment of the present application. Refer to Fig. 9 , the wallpaper editing interface 700 may include a function button 701, a lock screen wallpaper page 702, and a home screen wallpaper page 703.

[0158] The function button 701 may include main function buttons, such as a return button, an apply button, etc. The function button 701 may also include buttons for editing the wallpaper, which can provide various editing functions.

[0159] The lock screen wallpaper page 702 is a page for previewing the edited lock screen wallpaper.

[0160] The lock screen wallpaper page 703 is a page for previewing the edited lock screen wallpaper. Optionally, the lock screen wallpaper page 703 can also display a thumbnail of the desktop content, so that the display effect of the lock screen wallpaper can be better previewed.

[0161] The lock screen wallpaper page 702 and the desktop wallpaper page 703 can exist in a paged form, and the two can be switched and displayed by a sliding operation. For example, Fig. 9 in the wallpaper editing interface 700 shown in FIG. (a), the lock screen wallpaper page 702 is displayed. After the user swipes left in the wallpaper editing interface 700, as Fig. 9 shown in FIG. (b), the wallpaper editing interface 700 can display the desktop wallpaper page 703. After that, the user swipes right in Fig. 9 the wallpaper editing interface 700 shown in FIG. (b), as Fig. 9 shown in FIG. (a), the wallpaper editing interface 700 can display the lock screen wallpaper page 702.

[0162] Exemplarily, as Fig. 9 shown in FIG. (a), when the lock screen wallpaper page 702 is displayed in the wallpaper editing interface 700, the wallpaper editing interface 700 can also display relevant function buttons 701 for editing the lock screen wallpaper, such as a change picture button, a lock screen style button, a personalized decoration button, a depth of field effect button, etc., which are not limited in the embodiments of the present application.

[0163] Exemplarily, as Fig. 9 shown in FIG. (b), when the desktop wallpaper page 703 is displayed in the wallpaper editing interface 700, the wallpaper editing interface 700 can also display relevant function buttons 701 for editing the desktop wallpaper, such as a follow lock screen button, a color button, a select wallpaper button, a blur button, etc., which are not limited in the embodiments of the present application.

[0164] In some embodiments, the wallpaper editing interface 700 can also include a mask layer. Exemplarily, the mask layer can be a blur mask layer, which refers to a mask layer obtained by blurring. In this case, the function buttons 701, the lock screen wallpaper page 702, and the desktop wallpaper page 703 can all be displayed on the upper layer of the mask layer.

[0165] Exemplarily, the mask layer can be obtained by blurring the main picture of the lock screen wallpaper displayed on the lock screen wallpaper page 702. Or, the mask layer can be obtained by blurring the desktop wallpaper displayed on the desktop wallpaper page 703. Of course, the mask layer can also be obtained by other means, such as by blurring a preset picture, which is not limited in the embodiments of the present application.

[0166] In some embodiments, the wallpaper editing interface 700 can be entered from the lock screen interface or the desktop.

[0167] As an example, as shown in figure (c) of Fig. 9 , when the electronic device displays the lock screen interface 800, the user can perform a first gesture operation in the lock screen interface 800 ( Fig. 9 taking the two-finger pinch operation in figure (c) of Fig. 9 as an example). In response to the first gesture operation, the electronic device can display Fig. 9 the wallpaper editing interface 700 shown in figure (d) of

[0168] . The wallpaper editing interface 700 displays the lock screen wallpaper page 702 and relevant function buttons 701 for editing the lock screen wallpaper. In this case, the user can edit the lock screen wallpaper based on Fig. 9 the wallpaper editing interface 700 shown in figure (d) of Fig. 9 . Fig. 9 If the user wants to edit the desktop wallpaper, they can swipe left in the wallpaper editing interface 700 shown in figure (d) of

[0169] and then, as shown in figure (e) of Fig.10 , the wallpaper editing interface 700 can display the desktop wallpaper page 703 and relevant function buttons 701 for editing the desktop wallpaper. In this case, the user can edit the desktop wallpaper based on Fig.10 the wallpaper editing interface 700 shown in figure (e) of Fig.10 . Fig.10 As another example, as shown in figure (a) of Fig.10 , when the electronic device displays the desktop 900, the user can perform a second gesture operation in the desktop 900 (

[0170] taking the two-finger pinch operation in Fig.10 as an example). In response to the second gesture operation, the electronic device displays Fig.10As shown in figure (d), the wallpaper editing interface 700 may display a lock screen wallpaper page 702 and relevant function buttons 701 for editing the lock screen wallpaper. In this case, the user may edit the lock screen wallpaper based on Fig.10 the wallpaper editing interface 700 shown in figure (d).

[0171] Next, the specific process of editing the lock screen wallpaper based on the wallpaper editing interface 700 will be described.

[0172] The embodiments of the present application provide capabilities such as wallpaper templates, clock customization, ornament setting, depth of field setting, picture replacement, and picture scaling for the lock screen wallpaper. Through these capabilities, users can edit personalized and characteristic wallpapers.

[0173] As an example, after the electronic device displays the wallpaper editing interface 700 shown in figure (a) of Fig.11 , the electronic device may display guiding information on the wallpaper editing interface 700. For example, the guiding information is "instruct the user to click the lock screen style button at the bottom of the page to edit the lock screen wallpaper". For the convenience of the user to view, in addition to the text form, the guiding information also includes the dynamic operation of the user using a gesture to click the lock screen style button. Optionally, when displaying the guiding information, the "lock screen style button is highlighted (or displays a jitter effect, etc.) to distinguish it from other function buttons in the wallpaper editing interface 700.

[0174] After that, in response to the user's click operation on the lock screen style button, as shown in figure (b) of Fig.11 , the electronic device may pop up a window 7011 (which can also be called a wallpaper list page for the first user interface) from the bottom of the wallpaper editing interface 700. Multiple wallpaper template options are displayed in the window 7011. The electronic device may display guiding information on the wallpaper editing interface 700. For example, the guiding information is "select a wallpaper template from the above wallpaper templates" to guide the user to select a wallpaper template. Optionally, as an example, after the user triggers a selection operation for one of the wallpaper templates, the electronic device may display the interface shown in figure (c) of Fig.11 , that is, display the selected wallpaper template for the user to view. Of course, as another example, optionally, after the user triggers a selection operation for one of the wallpaper templates, the electronic device may also display guiding information "click the preview button to preview the selected wallpaper" on the window 7011 to guide the user to preview the selected wallpaper template. After that, in response to the user's click operation on the "preview" button, the electronic device displays the interface shown in figure (c) of Fig.11 . Optionally, during the process of the electronic device prompting the user to click the "preview" button, the electronic device may highlight the preview button or display the "preview" button in the form of an animation effect.

[0175] It can be understood that Fig.11 taking the wallpaper list page shown in Figure (b) in [reference] as an example and being displayed in the form of a pop-up window, in the actual process, the electronic device can also switch from the wallpaper editing interface 700 to the wallpaper list page.

[0176] Furthermore, the wallpaper list page can also display picture options in the gallery and some wallpaper picture options preset in the electronic device. Suppose the user selects a wallpaper template from the multiple wallpaper templates. Then, in response to the selection operation of this wallpaper template, the selected wallpaper template is displayed, so as to perform a preview display of the wallpaper template selected by the user. As Fig.11 shown in Figure (c) in [reference], the electronic device can close the pop-up window 7011 and display this wallpaper template on the lock screen wallpaper page 702.

[0177] Optionally, as Fig.11 shown in the interface of Figure (b) in [reference], the interface can also include a "Preview" button. After the user triggers the selection operation, the electronic device can determine which wallpaper template is selected by the user in response to this selection operation. Then, if the user needs to preview the selected wallpaper template, the user can click the "Preview" button to trigger the electronic device to display the wallpaper template selected by the user, as Fig.11 shown in Figure (c) in [reference].

[0178] Furthermore, the electronic device can also display guiding information to instruct the user to slide left or right to switch the wallpaper templates displayed on the wallpaper list page.

[0179] As an example, based on the page shown in Figure (c) in [reference], taking guiding the user on how to set the font and / or color of the clock of a certain type of wallpaper template as an example, as Fig.11 shown in Figure (a) in [reference], the electronic device can display the demonstration rules for setting the font and / or color of the clock of a certain type of wallpaper template on the wallpaper editing interface 700. For example, the demonstration rules include the operation guiding information 1201 that prompts the user to perform a click operation on the clock box included in this wallpaper template, and shows the picture of the clock box being clicked to the user. Optionally, during the process of the electronic device displaying the operation guiding information 1201, the clock box and the text inside the clock box displayed on the wallpaper editing interface 700 can be highlighted or display a jittering animation effect. Next, in response to the user's operation of clicking the clock box, it is displayed as Fig.12 shown in Figure (a) in [reference], the electronic device can display the demonstration rules for setting the font and / or color of the clock of a certain type of wallpaper template on the wallpaper editing interface 700. For example, the demonstration rules include the operation guiding information 1201 that prompts the user to perform a click operation on the clock box included in this wallpaper template, and shows the picture of the clock box being clicked to the user. Optionally, during the process of the electronic device displaying the operation guiding information 1201, the clock box and the text inside the clock box displayed on the wallpaper editing interface 700 can be highlighted or display a jittering animation effect. Next, in response to the user's operation of clicking the clock box, it is displayed as Fig.12The second pop-up window 7012 shown in Figure (b) therein. The second pop-up window 7012 includes multiple clock fonts and colors of various clock fonts. Optionally, the second pop-up window 7012 further includes operation guidance information 1202, and the operation guidance information 1202 is used to prompt the user to perform a selection operation on any one of the multiple clock font options displayed in the second pop-up window 7012. After that, the electronic device responds to the selection operation performed by the user on any one of the clock font options, and displays the text in the clock box in the clock font selected by the user, such as "KaiTi". Optionally, as Fig.12 shown in Figure (c) therein, the electronic device can also use the operation guidance information 1203 to prompt the user to perform a selection operation on any one of the multiple clock color options. After that, in response to the selection operation performed by the user on any one of the clock color options, the electronic device shows the user a picture of the clock box being displayed in the selected clock color option.

[0180] Optionally, as Fig.12 shown in Figure (d) therein, the electronic device can also use the operation guidance information 1204 to show the user to click the exit control on the second pop-up window 7012 to trigger the electronic device to exit the clock setting, as Fig.12 shown in Figure (e) therein, the electronic device can demonstrate to the user the interface displayed by the electronic device when the exit control is triggered.

[0181] As an example, taking guiding the user on how to set the personalized decoration of a certain type of wallpaper template as an example, as Fig.13 shown in Figure (a) therein, after the user selects a certain type of wallpaper template, if the electronic device determines that the custom editing ability of the type of wallpaper template selected by the user includes setting personalized decoration, the electronic device can display the operation guidance information 1301 on the lock screen wallpaper page 702 shown in Figure (a) therein, where the operation guidance information 1301 can prompt the user to perform a click operation on the personalized decoration included in the wallpaper template. Fig.13

[0182] Fig.13 It can be understood that the operation guidance information 1301 is also used to show the user a picture of the personalized decoration button being clicked. Next, the electronic device can respond to the operation of the personalized decoration button being clicked. As Fig.13 shown in Figure (b) therein, the electronic device can, as Fig.13A pop-up window 7013 is displayed on the lock screen wallpaper page 702 shown in FIG. (a). Then, the electronic device can display operation guide information 1302 on the lock screen wallpaper page 702 to prompt the user to perform a selection operation on any one of the multiple style options displayed in the pop-up window 7013, and dynamically display the screen of the user triggering the selection operation on a certain style option. Optionally, when a certain style option is selected, the electronic device can also use a demonstration rule to show the user an interface in which the style of the decorative element in the wallpaper of the lock screen wallpaper page 702 is displayed in the selected style option. Optionally, the electronic device can also display operation guide information 1303 on the lock screen wallpaper page 702, and use the operation guide information 1303 to prompt the user to perform a selection operation on any one of the multiple color options, and dynamically display the screen of the user triggering the selection operation on a certain color option, and show the user a screen in which the style of the decorative element in the wallpaper of the lock screen wallpaper page 702 is displayed in the color of the selected color option. Finally, the electronic device can also use a demonstration rule to show the user the wallpaper with the style and color of the decorative element set.

[0183] As an example, taking guiding the user on how to set the depth-of-field effect of the wallpaper as an example, the electronic device can display operation guide information 1401 on the lock screen wallpaper page 702 shown in FIG. (a) to prompt the user that they can click the depth-of-field effect button to set the depth-of-field effect of the wallpaper. In response to the user's click operation on the depth-of-field effect button, as shown in FIG. (b), the electronic device can pop up a pop-up window 7014 from the bottom of the wallpaper editing interface 700. And display operation guide information 1402 in the lock screen wallpaper page 702 to prompt the user to click the depth-of-field effect switch to turn on or off the depth-of-field effect. Further optionally, when a background blur control (taking the control in the form of a slider in Fig.14 as an example) is also displayed in the pop-up window 7014, the operation guide information 1402 can also prompt the user to drag the slider to adjust the blur degree of the background part in the main picture of the wallpaper of the lock screen wallpaper page 702. Next, the electronic device can, in response to the user's operation of triggering the turn-on of the depth-of-field effect switch, show the user the display effect of the wallpaper of the lock screen wallpaper page 702 when the depth-of-field effect switch is turned on. In addition, the electronic device can also, in response to the user's operation of triggering the turn-off of the depth-of-field effect switch, show the user the display effect of the wallpaper of the lock screen wallpaper page 702 when the depth-of-field effect switch is turned off. This facilitates the user to make a decision on whether to turn on or off based on the display effects of the wallpaper of the lock screen wallpaper page 702 when the depth-of-field effect switch is turned off and on demonstrated by the electronic device. After that, as Fig.14 shown in FIG. (b), the electronic device can display operation guide information 1403 in the lock screen wallpaper page 702 to prompt the user to click the depth-of-field effect button again to close the pop-up window 7014. In response to the user's click operation on the depth-of-field effect button, the electronic device can close the pop-up window 7014. Fig.14 shown in FIG. (b), the electronic device can display operation guide information 1403 in the lock screen wallpaper page 702 to prompt the user to click the depth-of-field effect button again to close the pop-up window 7014. In response to the user's click operation on the depth-of-field effect button, the electronic device can close the pop-up window 7014. Fig.14As shown in figure (c), when the depth-of-field effect setting is completed, the electronic device can also display operation guidance information 1403. The operation guidance information 1403 is used to prompt the user to click the folding button to close the pop-up window 7014. Then, in response to the user's click operation on the folding button, the electronic device can display the interface where the pop-up window 7014 is closed.

[0184] Optionally, after the user sets the depth-of-field effect and / or adjusts the blur degree of the background part in the main picture of the wallpaper, as Fig.14 shown in figure (d), the electronic device can also display operation guidance information 1403 to prompt the user to apply the wallpaper as the lock screen wallpaper. For example, the electronic device can also dynamically display the interface where the user triggers the application button. It can be understood that when the application button is triggered, the electronic device can display the interface as shown in Fig.17 figure (b) to show the display effect of the wallpaper edited by the user to the user.

[0185] As an example, taking the scenario of guiding the user to replace the main picture of the wallpaper as an example, the electronic device can display operation guidance information 1501 in the interface as shown in Fig.15 figure (a) to prompt the user to replace the picture. For example, the operation guidance information 1501 is used to prompt the user to click the replace picture button. In addition, the electronic device can also display the picture of the user clicking the replace picture button. Then, as shown in Fig.15 figure (b), in response to this click operation, the electronic device pops up a pop-up window 7015 from the bottom of the wallpaper editing interface 700. The pop-up window 7501 includes at least one picture stored in the electronic device and operation guidance information 1502. The operation guidance information 1502 is used to prompt the user to perform a selection operation on any one of the displayed picture options. Next, in response to the user's selection operation, as shown in Fig.15 figure (c), the electronic device can close the pop-up window 7015 and display the interface where the main picture of the wallpaper on the lock screen wallpaper page 702 is replaced with this picture. Similarly, then the electronic device can also display demonstration rules to prompt the user to apply the edited wallpaper, that is, the wallpaper as shown in Fig.15 figure (c) as the lock screen wallpaper. The specific process refers to the description in the following embodiments and will not be elaborated here.

[0186] As an example, taking the scenario of guiding the user on how to zoom in or out the main picture of the wallpaper on the lock screen wallpaper page 702 and / or move the position of the main picture as an example. For example, as Fig.16As shown in Figure (a), the electronic device can display a demonstration rule on the lock screen wallpaper page 702 to prompt the user to perform a two-finger zoom-in operation, indicating that the user can zoom in on the main picture of the wallpaper. Subsequently, the electronic device also shows the effect of the main picture of the wallpaper on the enlarged lock screen wallpaper page 702 in response to the two-finger zoom-in operation.

[0187] It should be noted that since the second type of wallpaper template has no restriction on the frame layer and has a solid color layer as the background, when the wallpaper template selected by the user is the second type of wallpaper template, if the electronic device detects a two-finger zoom-in operation performed by the user, regardless of the zoom-in ratio of the two-finger zoom-in operation on the main picture of the wallpaper, it will respond to the two-finger zoom-in operation of the user and perform a zoom-in process on the main picture. For other types of wallpaper templates except the second type of wallpaper template, such as the first type of wallpaper template, since this type of wallpaper template includes a frame layer formed by superimposing decorative layers, when the electronic device detects a two-finger zoom-in / zoom-out operation performed by the user, it also needs to prompt the user what the maximum zoom-in / minimum zoom-out ratio supported is. Optionally, in this case, if the user uses the two-finger zoom-in / zoom-out operation to indicate a zoom-in / zoom-out ratio of the picture that exceeds the preset maximum zoom-in ratio / preset minimum zoom-out ratio, then the electronic device responds to the two-finger zoom-in / zoom-out operation and displays the enlarged / reduced main picture at the preset maximum zoom-in ratio / minimum zoom-out ratio. Optionally, the electronic device can also prompt the user through a prompt message that the zoom-in ratio exceeds the upper limit or the zoom-out ratio is lower than the lower limit, etc.

[0188] In addition to the user triggering the zoom-in by using the two-finger zoom-in operation, in the zoom-in / zoom-out scenario, the electronic device can also guide the user to zoom in or out the main picture by dragging a slider. Optionally, one or more zoom-in ratios and one or more zoom-out ratios are corresponding to the slider. The electronic device can prompt the user to drag the slider to any zoom-in ratio or zoom-out ratio and display what the specific zoom-in ratio or zoom-out ratio of this zoom-in ratio or zoom-out ratio is.

[0189] For the first type of wallpaper template, in the zoom-in scenario, if the user drags the slider to zoom in on the picture and drags the slider to the highest zoom-in ratio, the electronic device can prompt the user that the maximum zoom-in ratio has been reached and display the enlarged picture at the maximum zoom-in ratio. Similarly, in the zoom-out scenario, if the user drags the slider to zoom out the picture and drags the slider to the lowest zoom-in ratio, the electronic device can prompt the user that the minimum zoom-out ratio has been reached and display the enlarged picture at the minimum zoom-in ratio.

[0190] Also, for example, as Fig.16As shown in Figure (c), the electronic device can perform a two-finger pinch operation on the lock screen wallpaper page 702 as a demonstration rule to prompt the user that the main picture of the wallpaper can be reduced. Then, in response to this two-finger pinch operation, as Fig.16 shown in Figure (d), the electronic device can also show the user the display effect after the main picture of the wallpaper on the lock screen wallpaper page 702 is reduced.

[0191] For another example, as Fig.16 shown in Figure (e), the electronic device can also use the up and down movement operation performed on the lock screen wallpaper page 702 as a demonstration rule to prompt the user that the main picture can be moved up or down. For example, Fig.16 taking the picture in Figure (c) where the electronic device demonstrates the downward movement operation on the lock screen wallpaper page 702 for the user as an example. Then, as Fig.16 shown in Figure (f), in response to this downward movement operation, the electronic device can demonstrate to the user the display effect after the main picture of the wallpaper on the lock screen wallpaper page 702 moves downward.

[0192] After guiding the user to edit the lock screen wallpaper through one or more of the above demonstration rules, the electronic device can also guide the user on how to set the wallpaper as the lock screen wallpaper of the lock screen interface 800. The specific process is as follows: If the user determines that the wallpaper on the current lock screen wallpaper page 702 can meet the requirements, then as Fig.17 shown in Figure (a), the electronic device can display a demonstration rule to prompt the user that they can click the apply button in the wallpaper editing interface 700. In response to the user's click operation on the apply button, the electronic device can close the wallpaper editing interface 700, and, as Fig.17 shown in Figure (b), the electronic device can show the user the display effect of setting the wallpaper on the lock screen wallpaper page 702 as the lock screen wallpaper of the lock screen interface 800.

[0193] Through the Figures 11 to 17 interfaces shown above, the user can perform corresponding operations on the custom editing capabilities supported by the wallpaper template according to the demonstration rules displayed by the electronic device to obtain a personalized wallpaper that meets the user's needs.

[0194] It should be noted that since the layers included in different types of wallpaper templates are different, the corresponding demonstration rules for different types of wallpaper templates are different. The overall demonstration flowcharts of three different types of wallpaper templates will be described separately below.

[0195] For example, as Fig.18 shown, taking the demonstration rules of the first type of wallpaper template displayed by the electronic device as an example for description, the method includes: Fig.18

[0196] ​Step 1801: The electronic device displays a first user interface. Among them, at least one wallpaper template among multiple sets of wallpaper templates available in the electronic device is displayed in the first user interface.

[0197] When the lock screen wallpaper page is displayed in the wallpaper editing interface, various editing operations can be performed on the wallpaper of the lock screen wallpaper page. In some cases, if the user wants to change the style of the lock screen wallpaper, as shown in Figure (a) of Fig.11 , the user can click the lock screen style button, and the electronic device will receive the click operation on the lock screen style button and display the interface as shown in Figure (b) of Fig.11 .

[0198] Step 1802: The electronic device detects a selection operation triggered by the user for a certain wallpaper template.

[0199] As shown in Figure (b) of Fig.11 , if the user wants to generate a wallpaper, the user can select a wallpaper template from the wallpaper templates displayed in the first user interface according to their own needs and perform a click operation to trigger the electronic device to determine the wallpaper template selected by the user.

[0200] Exemplarily, as shown in Figure (b) of Fig.11 , the user can select a wallpaper template option by clicking on a wallpaper template option displayed in the pop-up window 7011, and the electronic device will receive the selection operation for this wallpaper template option.

[0201] Step 1803: In response to the selection operation of a certain wallpaper template, the electronic device determines the type of the selected wallpaper template according to the template identifier of the selected wallpaper template.

[0202] A template identifier uniquely identifies a wallpaper template. The template identifier corresponding to this wallpaper template option is the template identifier of the wallpaper template indicated by this wallpaper template option.

[0203] As an example, after the electronic device determines the template identifier of the wallpaper template, it can determine the wallpaper template file of the wallpaper template from the file system according to the template identifier of the wallpaper template. Then, the electronic device determines the type of the wallpaper template selected by the user according to the information of the layers included in the wallpaper template file. For example, the electronic device has a function main module and a file system. After the function main module of the electronic device determines the template identifier of the wallpaper template, it can send the template identifier of the wallpaper template to the file system and instruct the file system to provide the wallpaper template file of the wallpaper template. Then, the function main module determines the type of the wallpaper template selected by the user according to the hierarchical information of the layers included in the wallpaper template file.

[0204] Step 1804. When the type of the wallpaper template selected by the user is the first type of wallpaper template, the electronic device determines that the custom editing capabilities supported by the wallpaper template include: changing the main picture, setting the depth-of-field effect, moving / scaling the picture main body, changing the style and / or color of the personalized decoration, and setting the style and / or color of the clock.

[0205] It can be understood that when the custom editing capabilities supported by the wallpaper template include: changing the main picture, setting the depth-of-field effect, moving / scaling the picture main body, changing the style and / or color of the personalized decoration, setting the style and / or color of the clock, etc., the electronic device can display the operation guides for changing the main picture, setting the depth-of-field effect, moving / scaling the picture main body, changing the style and / or color of the personalized decoration, and setting the style and / or color of the clock to the user. For the specific process of how the electronic device displays the operation guides corresponding to the custom editing capabilities to the user, reference can be made to Figures 11 to 16 the process described herein, which will not be elaborated further here.

[0206] Step 1805. The electronic device outputs guidance information 1, which is used to prompt the user to click the replace picture button to trigger the electronic device to replace the main picture of the wallpaper, and display to the user the process of how to replace the main picture.

[0207] Specifically, the implementation of step 1809 can refer to Fig.15 the description in, which will not be elaborated further here.

[0208] Step 1806. When the electronic device determines the picture to be replaced by the user, the electronic device outputs a prompt message to the user.

[0209] Among them, the prompt message is used to indicate whether the picture replaced by the user supports matting and whether secondary composition can trigger the depth-of-field effect.

[0210] For example, in the interface shown in figure (b) of Fig.15 , assuming that the user selects a picture to replace the main picture of the lock screen wallpaper, the electronic device outputs a prompt message to the user. For example, if the electronic device determines that the picture replaced by the user supports matting and secondary composition, and the main body is cut out and the depth-of-field effect can be triggered after secondary composition, the electronic device can display the words that can trigger the depth-of-field effect, which is convenient for the user to decide whether to turn on the depth-of-field effect later. For example, if the electronic device determines that the picture replaced by the user supports matting, but secondary composition cannot trigger the depth-of-field effect, the electronic device can display the words that cannot trigger the depth-of-field effect, which is convenient for the user to know that the depth-of-field effect does not need to be set for this photo later.

[0211] Step 1807: The electronic device demonstrates pictures that can cut out the subject and trigger the depth-of-field effect after secondary composition, pictures that can cut out the subject but have no depth-of-field effect after secondary composition, and pictures that cannot cut out the subject, respectively.

[0212] Step 1808: The electronic device shows the user the display effect of the wallpaper after changing the picture and then intelligently changing the colors of the decoration and the clock according to the intelligent color picking algorithm.

[0213] Specifically, when changing the picture, the electronic device will determine whether the picture selected by the user supports picture cutting and whether secondary composition can trigger the depth-of-field effect according to the picture cutting algorithm. Then, according to the return value of the picture cutting algorithm, for pictures that can cut out the subject and trigger the depth-of-field effect after secondary composition, the electronic device will perform picture cutting and secondary composition, so that the replaced picture template has a prominent photo frame and a depth-of-field effect above the clock, as shown in Figure (a) of Fig.19 For pictures that can cut out the subject but whose secondary composition cannot trigger the depth-of-field effect, they will be scaled to the center position of the photo frame to achieve the best visual effect of the template, as shown in Figure (b) of Fig.19 For pictures that cannot be cut, the cut layer will be set to invisible and the depth-of-field switch button will be hidden, as shown in Figure (c) of Fig.19

[0214] Optionally, the electronic device can perform intelligent color picking based on the replaced picture, match the color in the preset color set that is closest to the replaced picture, and update the colors of the decoration and the clock to the colors picked intelligently from the replaced picture. In this way, the unified color tone of the picture and the template is achieved, thus achieving a better visual effect.

[0215] It should be noted that in the scenario where the user changes the subject photo, after the user selects the target picture, the electronic device can also Fig. 27 ​In the interface shown in Figure (c), the "Intelligent Color Matching" button is displayed, and the electronic device can also prompt the user to turn on the "Intelligent Color Matching" button according to the demonstration rules. When the "Intelligent Color Matching" button is turned on, the electronic device can perform intelligent color extraction based on the replaced picture, match the color in the preset color set that is closest to the replaced picture, and update the colors of the decoration and the clock to the color obtained by intelligent color extraction from the replaced picture. Optionally, in the scenario where the electronic device adjusts the colors of the decoration and the clock according to the extracted color, the electronic device can also output a prompt message before adjusting the colors of the decoration and the clock to prompt the user whether to adjust the colors of the decoration and the clock according to the extracted color. If the user clicks "Confirm", the electronic device will perform the action of adjusting the colors of the decoration and the clock according to the extracted color. If the electronic device clicks "No", the electronic device will not perform the action of adjusting the colors of the decoration and the clock according to the extracted color, that is, the colors of the decoration and the clock will remain the same as before the picture was replaced after the picture is replaced. Of course, optionally, after the electronic device performs the action of adjusting the colors of the decoration and the clock according to the extracted color, the electronic device can also prompt the user whether to retain the adjusted colors of the decoration and the clock. If the user confirms to retain, the electronic device will use the adjusted colors of the decoration and the clock as the standard when displaying the wallpaper. If the user confirms not to retain, the electronic device will display the original colors of the decoration and the clock when displaying the wallpaper. In addition, after the electronic device adjusts the colors of the decoration and the clock, the electronic device can also output prompt messages for the decoration and the clock respectively to prompt the user whether to retain the adjusted colors, so that the user can choose to change the color of either the decoration or the clock.

[0216] Optionally, in the actual process, it may be that the colors of the decoration or the clock cannot be modified by default. Therefore, in this scenario, even if the electronic device extracts the color of the replaced main picture, it will not perform the action of modifying the color of the decoration or the clock. In this case, the electronic device can output a prompt message to the user indicating that the color of the decoration or the clock cannot be modified.

[0217] When the "Intelligent Color Matching" button is turned off, the electronic device will not perform intelligent color extraction on the replaced picture, nor will it perform the action of changing the colors of the decoration and the clock using the extracted color.

[0218] Optional step 1808 is an optional step. When the electronic device does not execute step 1808, the electronic device can modify the color of the decoration by itself based on the process shown in Fig.13 or modify the font color of the clock by itself based on the process shown in Fig.12

[0219] Step 1809: The electronic device outputs guidance information 2, where the guidance information 2 is used to prompt the user to click the depth-of-field switch button on the lock screen wallpaper interface. The electronic device shows the user a display image of the wallpaper with a depth-of-field effect when the depth-of-field switch button is turned on, and a display image of the wallpaper without a depth-of-field effect when the depth-of-field effect is turned off.

[0220] Step 1810: The electronic device prompts the user that they can perform a move or zoom operation on the main picture of the wallpaper.

[0221] Step 1811: When the electronic device shows the user the process of moving or zooming the picture, if the cutout layer touches the seam line of the wallpaper template, the electronic device hides the cutout layer and only shows the effect of the original layer.

[0222] Specifically, during the process when the electronic device detects that the user performs a move or zoom operation on the picture, the electronic device will detect in real time whether the cutout layer touches the seam line of the wallpaper template (i.e., the boundary line of the decorative layer used to stack and form the photo frame layer). If it touches the seam line of the template, the cutout layer will be hidden, that is, the attribute of the cutout layer is set to invisible, and only the original layer is shown, so that the picture will have a visual effect of being inside the photo frame at this time.

[0223] Step 1812: The electronic device prompts the user that they can click on the clock frame to change the font and / or color of the clock, and shows the user the process of how to change the clock font and / or color.

[0224] Specifically, the process by which the electronic device shows the user how to change the clock font and / or color can refer to the process as Fig.12 shown, which will not be elaborated here.

[0225] Step 1813: The electronic device prompts the user that they can click the personalized decoration button on the lock screen wallpaper interface, and shows the user the process of how to change the style and / or color of the personalized decoration.

[0226] The process by which the electronic device shows the user how to change the style and / or color of the personalized decoration can refer to the process as Fig.13 shown, which will not be elaborated here.

[0227] It can be understood that this application does not limit the order of steps 1809 to 1813. For example, the electronic device can first execute step 1812 and then execute step 1813, or the electronic device can first execute step 1813 and then execute step 1809. This application embodiment does not make a limitation in this regard. It is worth noting that if the electronic device changes the personalized style and / or the font color of the clock in step 1808, then in steps 1812 and 1813, the electronic device will no longer prompt the user to change the personalized style and / or the font color of the clock.

[0228] As Fig. 20 shown, taking the demonstration rule of the electronic device displaying the second type of wallpaper template as an example for description, the method includes: Fig. 20

[0229] Step 2001, the electronic device displays a first user interface. Among them, at least one wallpaper template among multiple sets of wallpaper templates available in the electronic device is displayed in the first user interface.

[0230] Step 2002, the electronic device detects a selection operation triggered by the user for a certain wallpaper template.

[0231] Step 2003, in response to the selection operation of a certain wallpaper template, the electronic device determines the type of the selected wallpaper template according to the template identifier of the selected wallpaper template.

[0232] Step 2004, when the type of the wallpaper template selected by the user is the second type of wallpaper template, the electronic device determines that the custom editing capabilities supported by this wallpaper template include: changing the main picture, setting the depth-of-field effect, moving / zooming the picture main body, changing the style and / or color of the personalized decoration, setting the style and / or color of the clock.

[0233] It can be understood that when the custom editing capabilities supported by the wallpaper template include: changing the main picture, setting the depth-of-field effect, moving / zooming the picture main body, changing the style and / or color of the personalized decoration, setting the style and / or color of the clock, etc., the electronic device can display the operation guide for changing the main picture, the operation guide for setting the depth-of-field effect, the operation guide for moving / zooming the picture main body, the operation guide for changing the style and / or color of the personalized decoration, and the operation guide for setting the style and / or color of the clock to the user. For the specific process of how the electronic device specifically displays the operation guide corresponding to the custom editing capabilities to the user, reference can be made to Figures 11 to 16 the process described, which will not be elaborated here.

[0234] Optionally, after the user selects a wallpaper template, the electronic device can display the wallpaper template selected by the user. Optionally, as Fig.11 shown, the electronic device can display the custom editing capabilities supported by the wallpaper template in the page as Fig.11 shown.

[0235] Step 2005, the electronic device displays a demonstration rule to prompt the user to click the depth-of-field switch button in the lock screen wallpaper interface, and shows the user the depth-of-field effect of the wallpaper before and after the Z-axis height interaction of the clock layer and the cut-out layer when the depth-of-field switch button is turned on or off.

[0236] Step 2006, the electronic device uses the demonstration rule to demonstrate to the user that the user can perform a move or zoom operation on the main picture of the wallpaper.​

[0237] Step 2007. When the electronic device demonstrates to the user the process of performing a zoom operation on the main picture of the wallpaper, it shows the user that there is no restriction on the zoom ratio when performing the zoom operation on the main picture.

[0238] Specifically, since the second type of wallpaper template has no restriction of a photo frame layer and has a solid color layer as the background, the main picture can be freely zoomed without restriction on the zoom ratio. That is, the user can zoom the main picture to any degree, thus achieving a more flexible customization ability.

[0239] Although both the first type of wallpaper template and the second type of wallpaper template support zoom processing of the main picture, the difference is that when performing zoom processing on the first type of wallpaper template, the zoom ratio is restricted. For example, it can only be zoomed to 10% of the original picture (the minimum zoom ratio). While for the second type of wallpaper template, there is no restriction on the zoom ratio when performing zoom processing. Therefore, when performing a zoom operation on the first type of wallpaper template, when the zoom operation implemented by the user indicates that the zoom ratio of the main picture is less than 10%, the electronic device will zoom and display the main picture at the minimum zoom ratio. In addition, in the interface shown in Figure (c) of Fig.16 , the electronic device can prompt the user of the minimum zoom ratio supported by this template. Similarly, in the interface shown in Figure (a) of Fig.16 , the electronic device can also prompt the user of the maximum magnification ratio supported by this template. When performing a zoom operation on the second type of wallpaper template, regardless of the zoom ratio triggered by the user's zoom operation, the main picture will be zoomed according to the zoom ratio triggered by the user's zoom operation.

[0240] When the template supports a minimum zoom ratio, the electronic device can use operation guidance information to show the user that when the zoom operation triggered by the user is less than the minimum zoom ratio, the electronic device will zoom and display the picture at the minimum zoom ratio.

[0241] As shown in Fig.21 , in the interface shown in Figure (a) of Fig.21 , if the electronic device detects that the user performs a magnification operation, the electronic device can magnify the main picture based on the user's magnification gesture operation, and there is no restriction on the magnification ratio during the magnification process. As shown in Fig.21 , as shown in Fig.21 , the wallpaper shown includes a photo frame. Therefore, when the user performs an operation on the one shown in Fig.21When magnifying the main picture in the interface shown in Figure (a), the main picture can only be magnified to a specified multiple, such as 2 times, 1.5 times, etc. When the user's magnifying gesture operation indicates magnifying the main picture to 3 times, the electronic device can output a prompt message to notify the user that the magnification limit has been exceeded. In addition, when the magnification does not meet the requirements, the electronic device can magnify the main picture to the maximum magnification and display it in the interface as shown in Fig.21 Figure (b) shown therein. Of course, as shown in Fig.22A Figure (a), when the magnification factor of the main picture indicated by the user is less than the specified magnification factor, the electronic device responds to the user's zoom-out gesture operation, zooms the main picture to the minimum zoom ratio, and displays it as shown in Fig.22A Figure (b) shown therein.

[0242] Step 2008: When the electronic device shows the user the process of moving or zooming a picture, if the cutout layer touches the seam line of the wallpaper template, the cutout layer is hidden and only the original layer is displayed.

[0243] When changing the picture, if the electronic device determines that it is unable to perform picture cutout on the picture selected by the user, the electronic device will automatically cancel the template effect, only retain the original layer and the clock layer, and pop up a prompt to remind the user that the main picture cannot be cut out from this picture, as shown in Fig. 22B shown, so as to guide the user to use pictures that can be cut out to achieve the ideal effect.

[0244] Fig.23 Taking the demonstration rules of the third type of wallpaper template displayed by the electronic device as an example for description, the method includes:

[0245] Step 2301: The electronic device displays a first user interface. Among them, at least one wallpaper template among multiple sets of wallpaper templates available in the electronic device is displayed in the first user interface.

[0246] Step 2302: The electronic device detects a selection operation triggered by the user for a certain wallpaper template.

[0247] Step 2303: In response to the selection operation of a certain wallpaper template, the electronic device determines the type of the selected wallpaper template according to the template identifier of the selected wallpaper template.

[0248] Step 2304: When the type of the wallpaper template selected by the user is the third type of wallpaper template, the electronic device determines that the custom editing capabilities supported by this wallpaper template include: replacing the main picture, changing the style and / or color of the personalized decoration, and setting the style and / or color of the clock.

[0249] Step 2305: The electronic device outputs guidance information 1, which is used to prompt the user to click the replace picture button to trigger the electronic device to replace the main picture of the wallpaper, and show the user the process of how to replace the main picture.

[0250] It should be noted that, in the case where the electronic device determines that the type of the wallpaper template selected by the user is the third type of wallpaper template, in the scenario where the user triggers the electronic device to replace the main picture of the wallpaper, the electronic device automatically scales the photo selected by the user and displays it at the center of the photo frame formed by the superimposed decorative layers and places it in a suitable position.

[0251] Step 2306: The electronic device shows the user the display effect of the wallpaper after the intelligent color extraction algorithm is used to intelligently change the color of the personalized decoration and / or the clock after replacing the picture.

[0252] Step 2307: The electronic device prompts the user that they can click the personalized decoration button on the lock screen wallpaper interface, and shows the user the process of how to change the style and / or color of the personalized decoration.

[0253] It should be noted that for the third type of wallpaper template, the electronic device can set the font and / or color of the clock and the style and / or color of the personalized decoration based on the user's operation. Of course, the electronic device can also perform intelligent color extraction on the photo replaced by the user, and then change the colors of the photo frame and the clock to the colors extracted from the replaced photo.

[0254] It should be noted that in the case where a certain type of wallpaper template (such as the third type of wallpaper template) does not support setting the depth-of-field effect, then the content that prompts the user to set the depth-of-field effect is not included in the demonstration rules of the third type of wallpaper template shown by the electronic device to the user, that is, it does not include the content as Fig.14 shown.

[0255] For example, in the case where the third type of wallpaper template supports setting the color and / or font of the clock and replacing the main body of the photo, the content of the demonstration rules shown by the electronic device to the user includes demonstrating to the user how to set the color and / or font of the clock (that is, the process as Fig.12 shown) and how to replace the main body of the photo (that is, the process as Fig.15 shown).

[0256] For example, when the first and second wallpaper templates support setting the clock color and / or font, changing the subject of the photo, setting the personalized decoration of the lock screen wallpaper, moving the subject picture and / or scaling the subject picture, and setting the depth of field effect, the content of the demonstration rules displayed by the electronic device to the user includes demonstrating to the user how to set the clock color and / or font, how to change the subject of the photo, how to move the subject picture / how to scale the subject picture, and how to set the depth of field effect. The difference is that compared with the first type of wallpaper template, when displaying the demonstration rules of the second type of wallpaper template, the electronic device can also prompt the user to select a photo that can be cut out when changing the photo. As an example, the electronic device can also take the selected photo as an example to demonstrate to the user that the selected photo cannot be cut out. When the selected photo cannot be cut out, the electronic device will demonstrate the screen that automatically cancels the template effect, retaining only the original image and the clock layer, and pop up a prompt to remind the user that the subject content of the picture cannot be cut out.

[0257] The above describes the editing operations that a user can perform on a wallpaper template when various demonstration rules are used to demonstrate to the user that the wallpaper template supports different custom editing capabilities.

[0258] The following will describe how the electronic device edits the wallpaper template based on the user's editing operation.

[0259] As an example, taking the font style and / or color of the clock of the wallpaper template edited by the user as an example, the electronic device displays the following Fig.24 After the wallpaper editing interface 700 shown in FIG. (a) in FIG. 1 is displayed, the user can click on the clock frame in the lock screen wallpaper page 702. In response to the click operation, as shown in FIG. Fig.24 As shown in FIG. 7( b) of FIG. 700 , the electronic device can pop up a pop-up window 7012 from the bottom of the wallpaper editing interface 700, and the pop-up window 7012 displays multiple clock font options and multiple clock color options. The user can adjust the font of the clock in the wallpaper of the lock screen wallpaper page 702 through these clock font options, and adjust the color of the clock in the wallpaper of the lock screen wallpaper page 702 through these clock color options. Assuming that the user selects a clock color, in response to the selection operation of the clock color, as shown in FIG. Fig.24 As shown in FIG. 7(c), the electronic device can set the color of the clock in the wallpaper of the lock screen wallpaper page 702 to this clock color, so that the user can view the clock display effect. Fig.24 As shown in Figure (c) in FIG. 1 , the user can click the collapse button. In response to the click operation, as shown in FIG. Fig.24 As shown in Figure (d), the electronic device can close the pop-up window 7012.

[0260] As an example, taking the style and / or color of the decorative piece in the wallpaper template edited by the user as an example, after the electronic device displays the wallpaper editing interface 700 shown in Figure (a) of Fig.25 , the user can click the personalized decoration button. In response to this click operation, as shown in Figure (b) of Fig.25 , the electronic device can pop up a pop-up window 7013 from the bottom of the wallpaper editing interface 700. Multiple style options and multiple color options are displayed in the pop-up window 7013. The user can adjust the style of the decorative piece in the wallpaper of the lock screen wallpaper page 702 through these style options, and adjust the color of the decorative piece in the wallpaper of the lock screen wallpaper page 702 through these color options. Suppose the user selects a color. In response to the selection operation of this color, as shown in Figure (c) of Fig.25 , the electronic device can set the color of the decorative piece in the wallpaper of the lock screen wallpaper page 702 to this color, so that the user can view the display effect of the decorative piece. After that, if the user determines to complete the setting of the decorative piece, as shown in Figure (c) of Fig.25 , the user can click the fold button. In response to this click operation, as shown in Figure (d) of Fig.25 , the electronic device can close the pop-up window 7013.

[0261] As an example, after the electronic device displays the wallpaper editing interface 700 shown in Figure (a) of Fig.26 , the user can click the depth of field effect button. In response to this click operation, as shown in Figure (b) of Fig.26 , the electronic device can pop up a pop-up window 7014 from the bottom of the wallpaper editing interface 700. A depth of field effect switch is displayed in the pop-up window 7014, and further, a background blur control (taking the control in the form of a slider in Fig.26 as an example) can also be displayed. The user can turn on or off the depth of field effect of the wallpaper of the lock screen wallpaper page 702 through the depth of field effect switch, and adjust the blur degree of the background part in the main picture of the wallpaper of the lock screen wallpaper page 702 through the background blur control. Suppose the user turns off the depth of field effect switch. In response to the closing operation of the depth of field effect switch, as shown in Figure (c) of Fig.26 , the electronic device can turn off the depth of field effect of the wallpaper of the lock screen wallpaper page 702. After that, if the user determines to complete the setting of the depth of field, as shown in Figure (c) of Fig.26 , the user can click the fold button. In response to this click operation, as shown in Figure (d) of Fig.26 , the electronic device can close the pop-up window 7014.

[0262] As an example, after the electronic device displays the wallpaper editing interface 700 shown in Figure (a) of Fig. 27 , the user can click the replace picture button. In response to this click operation, as Fig. 27 As shown in Figure (b) in Fig. 27 Fig. 27 , the electronic device can pop up a window 7015 from the bottom of the wallpaper editing interface 700, and picture options in the gallery are displayed in the window 7015. Assuming that the user selects a picture from these pictures, in response to the selection operation of this picture, such as

[0263] As an example, the user can zoom in or out the main picture of the wallpaper on the lock screen wallpaper page 702, and can also move the position of the main picture. For example, as Fig.28 shown in Figure (a) in Fig.28 Fig.28 , assuming that the user performs a two-finger zoom-in operation on the lock screen wallpaper page 702, in response to this two-finger zoom-in operation, as Fig.28 shown in Figure (b) in Fig.28 Fig.28 , the electronic device can zoom in the main picture of the wallpaper on the lock screen wallpaper page 702. For another example, as Fig.28 shown in Figure (c) in Fig.28 Fig.28 , assuming that the user performs a two-finger zoom-out operation on the lock screen wallpaper page 702, in response to this two-finger zoom-out operation, as

[0264] shown in Figure (d) in

[0265]

[0265] , the electronic device can zoom out the main picture of the wallpaper on the lock screen wallpaper page 702. For another example, as

[0266] shown in Figure (e) in

[0267]

[0267] , assuming that the user performs a downward movement operation on the wallpaper page 702, in response to this downward movement operation, as Fig.29The wallpaper editing interface 700 shown in Figure (a) in it. The wallpaper editing interface 700 displays the lock screen wallpaper page 702 and the relevant function buttons 701 for editing the lock screen wallpaper. The user swipes left in the wallpaper editing interface 700, and then as Fig.29 shown in Figure (b) in it, the wallpaper editing interface 700 displays the home screen wallpaper page 703 and the relevant function buttons 701 for editing the home screen wallpaper. Suppose the user clicks the follow lock screen button in the wallpaper editing interface 700. In response to this click operation, as Fig.29 shown in Figure (c) in it, the electronic device displays the main picture of the wallpaper on the lock screen wallpaper page 702 on the home screen wallpaper page 703.

[0268] In some possible implementations, after the user clicks the follow lock screen button in the wallpaper editing interface 700, the home screen wallpaper page 703 is in the follow lock screen state. In this case, any operation performed by the user on the main picture on the lock screen wallpaper page 702 will be synchronized to the home screen wallpaper page 703. Specifically, if the user zooms in on the main picture on the lock screen wallpaper page 702, the wallpaper on the home screen wallpaper page 703 will be synchronized and zoomed in; if the user zooms out on the main picture on the lock screen wallpaper page 702, the wallpaper on the home screen wallpaper page 703 will be synchronized and zoomed out; if the user moves the main picture on the lock screen wallpaper page 702, the wallpaper on the home screen wallpaper page 703 will be synchronized and moved.

[0269] As an example, after the electronic device displays the wallpaper editing interface 700 shown in Figure (a) in it, the user can click the color button. In response to this click operation, as Fig.30 shown in Figure (b) in it, the electronic device can pop up a window 7016 from the bottom of the wallpaper editing interface 700. In the window 7016, there is a gradient color switch and multiple color options displayed. The user can set the home screen wallpaper to a solid color wallpaper or a gradient color wallpaper through the gradient color switch, and the user can set the color of the home screen wallpaper through these color options. Optionally, among the multiple color options, there can be a smart color pick option, and the color corresponding to the smart color pick option is the main background color of the main picture of the wallpaper on the lock screen wallpaper page 702. Suppose the user selects a color. In response to the selection operation of this color, when the gradient color switch is turned off, as Fig.30 shown in Figure (c) in it, the electronic device can display a solid color wallpaper of this color on the home screen wallpaper page 703, so that the user can view the wallpaper display effect. After that, if the user determines to complete the color setting, as Fig.30 shown in Figure (c) in it, the user can click the fold button. In response to this click operation, as Fig.30 shown in Figure (d) in it, the electronic device can close the window 7016. Fig.30 shown in Figure (d) in it, the electronic device can close the window 7016.

[0270] As an example, when the wallpaper editing interface 700 displays the desktop wallpaper page 703 and the related function buttons 701 for editing the desktop wallpaper, the user can select a picture from the pictures in the gallery or the wallpaper pictures pre - installed in the electronic device as the wallpaper of the desktop wallpaper page 703 through the select wallpaper button in the wallpaper editing interface 700. This process is similar to the related process of selecting pictures in the above - mentioned Fig.10 or Fig.26 and will not be elaborated here.

[0271] As an example, when the wallpaper editing interface 700 displays the desktop wallpaper page 703 and the related function buttons 701 for editing the desktop wallpaper, the user can adjust the blur degree of the wallpaper of the desktop wallpaper page 703 through the blur button in the wallpaper editing interface 700. This process is similar to the related process of adjusting the blur degree in the above - mentioned Fig.25 and will not be elaborated here.

[0272] As an example, when the wallpaper editing interface 700 displays the desktop wallpaper page 703 and the related function buttons 701 for editing the desktop wallpaper, the user can zoom in or out the wallpaper of the desktop wallpaper page 703 and can also move the position of the wallpaper. This process is similar to the related process of adjusting the size or position of the main picture in the above - mentioned Fig. 27 and will not be elaborated here.

[0273] After editing the desktop wallpaper in one or more of the above - mentioned ways, if the user determines that the wallpaper of the current desktop wallpaper page 703 can meet the requirements, the user can click the apply button in the wallpaper editing interface 700. In response to this click operation, the electronic device can set the wallpaper of the desktop wallpaper page 703 as the desktop wallpaper.

[0274] It should be noted that since the wallpaper editing interface 700 includes the lock - screen wallpaper page 702 and the desktop wallpaper page 703, after the user clicks the apply button in the wallpaper editing interface 700, the electronic device can set the wallpaper of the current lock - screen wallpaper page 702 as the lock - screen wallpaper and at the same time set the wallpaper of the current desktop wallpaper page 703 as the desktop wallpaper.

[0275] After understanding the various editing functions in the wallpaper editing method provided in the embodiments of the present application, the specific implementation processes of these editing functions will be described in detail below.

[0276] Fig.31 is a schematic diagram of the implementation environment related to a wallpaper editing method provided in the embodiments of the present application. Refer to Fig.31 This implementation environment may include a lock - screen application, a desktop application, a wallpaper editing module, and a file system.

[0277] Both the lock screen application and the desktop application can instruct the wallpaper editing module to display a wallpaper editing interface. After receiving the instruction from the lock screen application or the desktop application, the wallpaper editing module can load the wallpaper editing interface, that is, load function buttons, the lock screen wallpaper page, and the desktop wallpaper page. Among them, the wallpaper editing module can obtain the lock screen wallpaper file and the desktop wallpaper file from the file system, and display the lock screen wallpaper on the lock screen wallpaper page according to the lock screen wallpaper file, and display the desktop wallpaper on the desktop wallpaper page according to the desktop wallpaper file.

[0278] Fig.32 It is a technical architecture diagram related to a wallpaper editing module provided by an embodiment of the present application. Only the modules related to the embodiment of the present application are shown in this technical architecture diagram. These modules can be set in the gallery application or can be other applications independent of the gallery application. For example, a separate wallpaper editing application. In practical applications, other modules may also be included in this technical architecture diagram, which will not be shown one by one.

[0279] As Fig.32 shown, the wallpaper editing module can include a function main body module, a lock screen view module, and a desktop view module.

[0280] The function main body module is used to implement various editing functions during the wallpaper editing process. The function main body module can interact with the outside world, such as interacting with the lock screen application, the desktop application, and the file system. And, the function main body module can implement the parsing work related to the wallpaper file during the wallpaper editing process. In addition, the function main body module can also save the operation data of each editing operation during the wallpaper editing process.

[0281] The lock screen view module is used to display the lock screen wallpaper on the lock screen wallpaper page according to the lock screen wallpaper display information.

[0282] The desktop view module is used to display the desktop wallpaper on the desktop wallpaper page according to the desktop wallpaper display information.

[0283] After describing the technical architecture diagram of the wallpaper editing method provided by the embodiment of the present application, the following describes the sequence diagram of the wallpaper editing method provided by the embodiment of the present application. In the following sequence diagram, the above wallpaper editing module is set in the gallery application as an example for illustrative purposes. This sequence diagram corresponds to the Figures 7 to 18 shown scenario, that is, it is used to illustrate the specific implementation process of wallpaper editing based on the wallpaper editing interface.

[0284] Fig.33 It is a flowchart of a wallpaper editing method provided by an embodiment of the present application. Fig.33 The shown flowchart is used to illustrate the specific implementation process of displaying the wallpaper editing interface when using the wallpaper editing function for the first time. Refer to Fig.33 , this method can include the following steps:

[0285] Step 3301: The lock screen application receives a first gesture operation.

[0286] The first gesture operation can be a pre - defined gesture operation. For example, the first gesture operation can be a two - finger pinch operation, a long - press operation, a double - click operation, an S - shaped sliding operation, etc. The embodiments of the present application do not limit this.

[0287] For example, assume that the first gesture operation is a two - finger pinch operation. As shown in figure (c) of Fig. 9 , when the electronic device displays the lock screen interface 800, the user can perform a two - finger pinch on the lock screen interface 800. In this case, the lock screen application can receive this two - finger pinch operation on the lock screen interface 800. Among them, the two - finger pinch operation triggered on the lock screen interface 800 is used to indicate entering the wallpaper editing function, that is, it is used to indicate the display of the wallpaper editing interface.

[0288] Step 3302: In response to the first gesture operation, the lock screen application sends a first message to the gallery application.

[0289] Exemplarily, the first message can be an intent message.

[0290] The first message can carry source information, and this source information is used to indicate which application the first message comes from. For example, the source information in the first message can be the application identifier of the lock screen application.

[0291] In some implementations, in the case where the lock screen wallpaper has not been edited by the wallpaper editing method provided by the embodiments of the present application, the lock screen wallpaper is generally the default wallpaper picture. In this case, the first message can also carry the storage path of this wallpaper picture.

[0292] Since the first gesture operation triggered on the lock screen interface is used to indicate entering the wallpaper editing function, after the lock screen application receives the first gesture operation, it can send a first message to the gallery application to indicate that the gallery application displays the wallpaper editing interface.

[0293] Step 3303: After the function main body module in the gallery application receives the first message, if it determines that the first message comes from the lock screen application, it displays a function button.

[0294] Exemplarily, as Fig. 9As shown in Figures (d) and (e) thereof, the function button may include a main function button, such as a return button, an application button, etc., and may also include relevant function buttons for editing the lock screen wallpaper, such as a picture replacement button, a lock screen style button, a personalized decoration button, a depth of field effect button, etc., and may also include relevant function buttons for editing the desktop wallpaper, such as a follow lock screen button, a color button, a wallpaper selection button, a blur button, etc.

[0295] The function main body module may determine whether the first message comes from the lock screen application according to the source information in the first message.

[0296] In some embodiments, if the function main body module determines that the first message comes from the lock screen application, then the function main body module may determine that the display area of the lock screen wallpaper page is a first display area preset within the screen, and the display area of the desktop wallpaper page is a second display area preset, where only a part of the second display area is located within the screen or the second display area is completely located outside the screen. In this case, as Fig. 9 shown in Figure (d) thereof, the function main body module may first display the main function button and the relevant function buttons for editing the lock screen wallpaper, and temporarily not display the relevant function buttons for editing the desktop wallpaper.

[0297] The size of the first display area is the same as the size of the second display area. The area ratio (i.e., the aspect ratio of the area) of the first display area and the area ratio of the second display area are both the same as the screen ratio (i.e., the aspect ratio of the screen) of the electronic device.

[0298] For example, as Fig.34 shown, when the first message comes from the lock screen application, the function main body module may determine that the display area of the lock screen wallpaper page is the preset display area A within the screen, and the display area of the desktop wallpaper page is the preset display area B, and only a very small part of the display area B is located within the screen, and most of it is located outside the screen. In this case, the user can see the complete lock screen wallpaper page, but can only see a very small part of the desktop wallpaper page.

[0299] As an example, the function main body module may obtain the corresponding picture according to the storage path of the picture carried in the first message (i.e., the wallpaper picture described above), or the function main body module may obtain a preset picture. Then, the function main body module may adjust the picture according to the screen information so that the size of the picture is the screen size, and then perform a blur process on the picture to obtain the mask layer, and then display the mask layer.

[0300] In a possible implementation, the operation of the functional main body module to adjust the picture according to the screen information may be: cropping the picture according to the screen ratio, and the picture ratio (i.e., the aspect ratio of the picture height to width) of the cropped picture is the same as the screen ratio; dividing the screen height by the height of the cropped picture, or dividing the screen width by the width of the cropped picture, to obtain a scaling ratio; scaling the cropped picture according to the scaling ratio, and the size of the scaled picture is the screen size.

[0301] Step 3304: The functional main body module sends a wallpaper data acquisition request to the file system.

[0302] This wallpaper data acquisition request is used to request the acquisition of the lock screen wallpaper file and the home screen wallpaper file.

[0303] The lock screen wallpaper file is a file containing the relevant data of the current lock screen wallpaper of the electronic device.

[0304] The home screen wallpaper file is a file containing the relevant data of the current home screen wallpaper of the electronic device.

[0305] Step 3305: After receiving this wallpaper data acquisition request, the file system sends the lock screen wallpaper file and the home screen wallpaper file to the functional main body module.

[0306] After receiving the wallpaper data acquisition request sent by the functional main body module in the gallery application, the file system may send the first file of the lock screen wallpaper as the lock screen wallpaper file to the functional main body module, and send the first file of the home screen wallpaper as the home screen wallpaper file to the functional main body module.

[0307] The first file of the lock screen wallpaper is the lock screen wallpaper file that the gallery application needs to use when editing the lock screen wallpaper. In some implementations, in the case where the lock screen wallpaper has not been edited by the wallpaper editing method provided in the embodiments of the present application, the lock screen wallpaper may be a preset first picture, and then the first file of the lock screen wallpaper may contain the storage path of the first picture.

[0308] The first file of the home screen wallpaper is the home screen wallpaper file that the gallery application needs to use when editing the home screen wallpaper. In some implementations, in the case where the home screen wallpaper has not been edited by the wallpaper editing method provided in the embodiments of the present application, the home screen wallpaper may be a preset second picture, and then the first file of the home screen wallpaper may contain the storage path of the second picture.

[0309] Both the first picture and the second picture are some wallpaper pictures pre-installed in the electronic device. The first picture and the second picture may be the same or different, and the embodiments of the present application do not limit this.

[0310] Step 3306: After receiving the lock screen wallpaper file and the desktop wallpaper file, the functional main body module obtains the first picture according to the lock screen wallpaper file and obtains the second picture according to the desktop wallpaper file.

[0311] After the functional main body module receives the lock screen wallpaper file, in the case that the lock screen wallpaper file contains the storage path of the first picture, the first picture can be obtained according to the storage path.

[0312] After the functional main body module receives the desktop wallpaper file, in the case that the desktop wallpaper file contains the storage path of the second picture, the second picture can be obtained according to the storage path.

[0313] It should be noted that in the embodiment of the present application, after the functional main body module obtains a picture (such as the first picture or the second picture) according to the storage path, the obtained picture is saved in the memory and subsequent processing is performed on it, rather than directly processing the original picture in the storage path. This can avoid destroying the original picture by relevant processing.

[0314] Step 3307: The functional main body module processes the first picture to obtain a first display picture, and processes the second picture to obtain a second display picture.

[0315] The first display picture is the picture displayed on the lock screen wallpaper page. The size of the first display picture is the same as the size of the display area of the lock screen wallpaper page.

[0316] The second display picture is the picture displayed on the desktop wallpaper page. The size of the second display picture is the same as the size of the display area of the desktop wallpaper page.

[0317] In some embodiments, the operation of the functional main body module processing the first picture to obtain the first display picture may include the following steps (1) to (4).

[0318] (1) The functional main body module determines the initial scaling ratio of the first picture according to the screen size and the size of the first picture, and scales the first picture according to the initial scaling ratio to obtain a full-screen picture.

[0319] The initial scaling ratio is used to process the first picture into a full-screen picture, and the full-screen picture refers to a picture that can cover the screen.

[0320] Specifically, the screen height can be divided by the height of the first picture to obtain a first value, and the screen width can be divided by the width of the first picture to obtain a second value, and then the larger of the first value and the second value is used as the initial scaling ratio of the first picture.

[0321] (2) The functional main body module determines the target area in the full-screen picture.

[0322] The target area in the full-screen image is the area that can be displayed on the screen in the full-screen image. The target area in the full-screen image can be an area centered on the center of the full-screen image and having the same area ratio as the screen ratio.

[0323] For example, assuming the screen ratio is 16:9 and the image ratio of the full-screen image is 4:3, then the target area in the full-screen image can be as Fig.34 shown.

[0324] (3) The functional main body module crops the image within the target area in the full-screen image to obtain a target image.

[0325] (4) The functional main body module scales the target image according to a specific scaling ratio to obtain a first display image.

[0326] The specific scaling ratio is used to process the target image into an image that can be displayed on the lock screen wallpaper page. By way of example, the height (or width) of the display area of the lock screen wallpaper page can be divided by the screen height (or screen width) to obtain the specific scaling ratio.

[0327] It should be noted that the operation of the functional main body module to process the second image to obtain the second display image is similar to the operation of the functional main body module to process the first image to obtain the first display image, and this is not elaborated in this embodiment of the present application.

[0328] Step 3308: The functional main body module sends a first display request to the lock screen view module and a second display request to the desktop view module.

[0329] The first display request is used to request the display of the lock screen wallpaper page. The first display request may carry the first display image, and further may also carry the position information of the display area corresponding to the first display image (i.e., the display area of the lock screen wallpaper page).

[0330] The second display request is used to request the display of the desktop wallpaper page. The second display request may carry the second display image, and further may also carry the position information of the display area corresponding to the second display image (i.e., the display area of the desktop wallpaper page).

[0331] The position information of a certain display area is the position information of this display area in the screen coordinate system. In this way, the corresponding position of this display area on the screen can be located according to the position information of this display area.

[0332] Step 3309: After receiving the first display request, the lock screen view module displays the lock screen wallpaper page.

[0333] Specifically, the lock screen view module can display the first display picture at the corresponding position on the screen according to the position information of the display area carried in the first display request, so as to implement the display of the lock screen wallpaper page.

[0334] Step 3310: After receiving the second display request, the desktop view module displays the desktop wallpaper page.

[0335] Specifically, the desktop view module can display the second display picture at the corresponding position on the screen according to the position information of the display area carried in the second display request, so as to implement the display of the desktop wallpaper page.

[0336] After displaying the function button, the lock screen wallpaper page, and the desktop wallpaper page through the above steps, the display of the wallpaper editing interface is completed. For example, the displayed wallpaper editing interface can be Fig. 9 the wallpaper editing interface 700 shown in FIG. (b) of

[0337] After displaying the wallpaper editing interface, the user can edit the lock screen wallpaper or the desktop wallpaper based on the wallpaper editing interface. Next, the specific implementation process of various editing functions will be described in detail.

[0338] Fig.36 is a flowchart of a wallpaper editing method provided by an embodiment of the present application. Fig.36 The flowchart shown is used to illustrate the specific implementation process in which the user selects a wallpaper template based on the wallpaper editing interface. Refer to Fig.36 The method may include the following steps:

[0339] Step 3601: The function main body module receives a click operation on the lock screen style button.

[0340] When the lock screen wallpaper page is displayed in the wallpaper editing interface, various editing operations can be performed on the wallpaper of the lock screen wallpaper page. In some cases, if the user wants to change the style of the lock screen wallpaper, then as Fig.10 shown in FIG. (a) of

[0341] the user can click the lock screen style button, and the function main body module will receive the click operation on the lock screen style button.

[0342] Exemplarily, as Fig.10 shown in FIG. (b) of

[0343] Step 3603: The functional main body module receives a selection operation on the first wallpaper template option among at least one wallpaper template option.

[0344] Exemplarily, as Fig.10 shown in FIG. (b) of [], the user can select a wallpaper template option by clicking on a wallpaper template option displayed in the pop-up window 7011, and the functional main body module will receive the selection operation on this wallpaper template option.

[0345] Step 3604: In response to the selection operation on the first wallpaper template option, the functional main body module obtains the template identifier corresponding to the first wallpaper template option.

[0346] A template identifier uniquely identifies a wallpaper template. The template identifier corresponding to this wallpaper template option is the template identifier of the wallpaper template indicated by this wallpaper template option.

[0347] The wallpaper templates in the embodiments of the present application can be preset. Each wallpaper template can include multiple layers, and the types and levels of the multiple layers included in each wallpaper template can be preset.

[0348] Exemplarily, as Figure 4 shown, a wallpaper template can sequentially include an original layer and a clock layer from the bottommost layer to the topmost layer; or can include an original layer, a color background layer, a clock layer, and a cutout layer; or can include an original layer, a decoration layer 1, a clock layer, and a decoration layer 2; or can include an original layer, a decoration layer 1, a clock layer, a cutout layer, and a decoration layer 2. Of course, not limited to these examples, the multiple layers included in a wallpaper template can be flexibly set according to actual needs.

[0349] Step 3605: The functional main body module sends a wallpaper template data acquisition request to the file system.

[0350] This wallpaper template data acquisition request is used to request to obtain a file containing relevant data of the first wallpaper template. This wallpaper template data acquisition request can carry the template identifier of the first wallpaper template.

[0351] Step 3606: After receiving this wallpaper template data acquisition request, the file system sends the wallpaper template file of the first wallpaper template to the functional main body module.

[0352] Specifically, the file system can obtain the wallpaper template file corresponding to the first wallpaper template according to the template identifier of the first wallpaper template, and send the wallpaper template file of the first wallpaper template to the functional main body module.

[0353] For example, the file system stores the wallpaper template files of each wallpaper template among multiple wallpaper templates, and the wallpaper template files of each wallpaper template are stored in a specific directory of the file system and cannot be modified by the user.

[0354] Exemplarily, the wallpaper template file includes information such as the layer set (layers) information, offset information, scale ratio information, blur factor information, and depth of field effect switch state information (isDepthofFieldSupported) of the wallpaper template.

[0355] The layer set information includes the layer basic information of each layer in a plurality of layers, and the layer basic information of the plurality of layers can be organized in a hierarchical order in the layer set information. Exemplarily, the layer basic information of the original layer may include a layer identifier, a layer type, an image storage path, etc. The layer basic information of the color background layer may include a layer identifier, a layer type, a color setting type, a color value, etc. The layer basic information of the decoration layer may include a layer identifier, a layer type, an image storage path, a color setting type, a color value, etc. The layer basic information of the clock layer may include a layer identifier, a layer type, a font, a color value, a color setting type, etc. The layer basic information of the cut-out layer may include a layer identifier, a layer type, an image storage path, etc.

[0356] The offset information is determined according to the user's operation of moving the main image, and is used to indicate how much the center of the moved main image is offset relative to the center of the screen. The offset information acts on the original layer and the cut-out layer.

[0357] The scale ratio information is determined according to the user's operation of scaling the main image, and is used to indicate how much the scaled main image is scaled compared to the original. The scale ratio information acts on the original layer and the cut-out layer.

[0358] The blur factor information is determined according to the blur factor adjusted by the user, and is used to indicate the blur factor of the main image. The blur factor information acts on the original layer.

[0359] The depth of field effect switch state information is used to indicate whether the depth of field effect switch is in the on state or the off state. The depth of field effect switch state information acts on the cut-out layer.

[0360] It should be noted that the layer basic information of each layer in the layer set information included in the wallpaper template file can be set in advance. And, the offset in the offset information included in the wallpaper template file can be defaulted to [0,0], the scale ratio in the scale ratio information can be defaulted to 1, the blur factor in the blur factor information can be defaulted to 0, and the state in the depth of field effect switch state information can be defaulted to the on state.

[0361] In some embodiments, the wallpaper template file can be a JSON file. The JSON file can use the form of "KEY-VALUE pairs" to save data. Each "KEY" has its unique "VALUE" value, and the "VALUE" value can also have its own sub "KEY-VALUE pairs". This structure can well record the above-mentioned layer set information, offset information, scaling ratio information, blur degree information, depth of field effect switch status information, etc.

[0362] As an example, a JSON file can contain various information as Fig.37 shown. Among them, "type" is the layer type. For example, the meanings of the values of "type" are: [0] original layer, [1] color background layer, [2] decoration layer, [3] clock layer, [4] cutout layer. Among them, "colorPolicy" is the color setting type. For example, the meanings of the values of "colorPolicy" are: [0] non-colorable, [1] main color, can be set separately, [2] cannot be set separately, take the secondary color of the main color, [3] main color gradient, [4] select clock color. Among them, "isDepthofFieldSupported" is the depth of field effect switch status information. For example, the meanings of the values of "isDepthofFieldSupported" are: [true] on state, [false] off state.

[0363] It should be noted that the JSON file has a simple and efficient format, its syntax rules are simple, and data parsing is more efficient. Therefore, when the wallpaper template file is a JSON file, the function main module can obtain the wallpaper template file from the file system faster and can parse the wallpaper template file faster.

[0364] Step 3607: After the function main module receives the wallpaper template file of the first wallpaper template, it parses the wallpaper template file to obtain wallpaper display information. For example, the wallpaper display information includes the display information of each layer in multiple layers.

[0365] For example, the display information of the clock layer can include the layer identifier, layer level, clock setting information (including layout, font, color value) and visibility of the clock layer.

[0366] For example, for any other layer except the clock layer, the display information of this layer can include the layer identifier, layer level, display picture and visibility of this layer.

[0367] In some embodiments, the operation of step 3607 can include the following steps (1) to step (5).

[0368] (1) The functional main body module determines the layer level of the clock layer and the clock setting information according to the layer set information in the wallpaper template file, and determines the layer level of each layer except the clock layer and the full-screen image.

[0369] For any layer except the clock layer, this layer has an initial image. In the embodiments of the present application, the initial image can be processed into a full-screen image, and the full-screen image refers to an image that can cover the screen.

[0370] As an example, step (1) may include the following steps A to E:

[0371] Step A: The functional main body module determines the number of layers according to the layer set information.

[0372] Exemplarily, the functional main body module can determine the number of layers as the number of layer identifiers in the layer set information. For example, for Fig.37 the shown json file, the number of "id" in "layers" can be determined as the number of layers, that is, the number of layers can be determined to be 8.

[0373] Hereinafter, it is assumed that the number of layers is k, and k is an integer greater than or equal to 2.

[0374] Step B: The functional main body module sets i to 1.

[0375] Step C: The functional main body module determines whether the i-th layer in the layer set information is the clock layer.

[0376] Exemplarily, the functional main body module can determine whether the i-th layer is the clock layer according to the layer type in the layer basic information of the i-th layer.

[0377] Step D: If the i-th layer is the clock layer, the functional main body module obtains the layout, font, and color values in the layer basic information of the i-th layer as the clock setting information of the clock layer, and determines that the layer level of the clock layer is i. Then, it is judged whether i is equal to k; if i is not equal to k, then let i = i + 1, and re-execute step C and the subsequent steps; if i is equal to k, the operation ends.

[0378] Step E: If the i-th layer is not the clock layer, the functional main body module parses the layer basic information of the i-th layer to obtain the initial image of the i-th layer, processes the initial image of the i-th layer to obtain the full-screen image of the i-th layer, and determines that the layer level of the i-th layer is i. Then, it is judged whether i is equal to k; if i is not equal to k, then let i = i + 1, and re-execute step C and the subsequent steps; if i is equal to k, the operation ends.

[0379] Exemplarily, the operation of the functional main body module for parsing the layer basic information of the i-th layer to obtain the initial image of the i-th layer can be as follows: If the layer basic information of the i-th layer contains an image storage path and does not contain a color value and a color setting type, then obtain the image according to the image storage path as the initial image of the i-th layer; If the layer basic information of the i-th layer contains an image storage path, a color value, and a color setting type, then obtain the image according to the image storage path, and set the color of the image according to the color value and the color setting type to obtain the initial image of the i-th layer; If the layer basic information of the i-th layer does not contain an image storage path but contains a color value and a color setting type, then generate an image with the same size as the screen size, and set the color of the image according to the color value and the color setting type to obtain the initial image of the i-th layer.

[0380] For example, Fig.37 The first array in "layers" in the shown json file is the layer basic information of the first layer. According to the layer type in the first array, it can be determined that the first layer is the original layer. The image can be obtained according to the image storage path in the first array as the initial image of the first layer, and the level of the first layer is determined to be 1.

[0381] Fig.37 The second array in "layers" in the shown json file is the layer basic information of the second layer. According to the layer type in the second array, it can be determined that the second layer is the color background layer. Since the second array does not contain an image storage path, an image with the same size as the screen size can be generated, and the color of the image is set according to the color value and the color setting type in the second array to obtain the initial image of the second layer, and the level of the second layer is determined to be 2.

[0382] Fig.37 The third array in "layers" in the shown json file is the layer basic information of the third layer. According to the layer type in the third array, it can be determined that the third layer is the decoration layer. The image can be obtained according to the image storage path in the third array, and the color of the image is set according to the color value and the color setting type in the third array to obtain the initial image of the third layer, and the level of the third layer is determined to be 3.

[0383] Fig.37 The fourth array in "layers" in the shown json file is the layer basic information of the fourth layer. According to the layer type in the fourth array, it can be determined that the fourth layer is the decoration layer. The image can be obtained according to the image storage path in the fourth array as the initial image of the fourth layer, and the level of the fourth layer is determined to be 4.

[0384] Fig.37 The fifth array in "layers" of the shown json file is the layer basic information of the fifth layer. According to the layer type in the fifth array, it can be determined that the fifth layer is a clock layer. The layout, font, and color values in the fifth array can be obtained as the clock setting information of the clock layer, and the level of the clock layer is determined to be 5.

[0385] Fig.37 The sixth array in "layers" of the shown json file is the layer basic information of the sixth layer. According to the layer type in the sixth array, it can be determined that the sixth layer is a cutout layer. The picture can be obtained as the initial picture of the sixth layer according to the picture storage path in the sixth array, and the level of the sixth layer is determined to be 4.

[0386] Exemplarily, the operation of the functional main body module to process the initial picture of the i-th layer to obtain the full-screen picture of the i-th layer can be: The functional main body module determines the initial scaling ratio according to the screen size and the size of the initial picture, and scales the initial picture according to the initial scaling ratio to obtain the full-screen picture of the i-th layer.

[0387] The initial scaling ratio is used to process the initial picture into a full-screen picture. Specifically, the screen height can be divided by the height of the initial picture to obtain a first value, and the screen width can be divided by the width of the initial picture to obtain a second value, and then the larger of the first value and the second value is used as the initial scaling ratio.

[0388] (2) The functional main body module processes the full-screen picture of the original layer according to the offset information and scaling ratio information in the wallpaper template file to obtain the target picture of the original layer, and processes the full-screen picture of the cutout layer according to the offset information and scaling ratio information in the wallpaper template file to obtain the target picture of the cutout layer.

[0389] Exemplarily, such as Fig.38As shown, the operation of the functional main body module to process the full-screen image of the original layer according to the offset information and scaling ratio information in the wallpaper template file to obtain the target image of the original layer can be as follows: The functional main body module determines the target area in the full-screen image of the original layer. The target area in the full-screen image is the area that can be displayed on the screen in the full-screen image. The target area in the full-screen image can be the area centered on the center of the full-screen image and having the same area ratio as the screen ratio; while keeping the center of the full-screen image unchanged, scale the full-screen image according to the scaling ratio in the scaling ratio information, and then move the scaled full-screen image according to the offset in the offset information so that the offset between the center of the moved full-screen image and the center of the target area is the offset in the offset information. After that, crop the image in the full-screen image that is within the target area to obtain the target image of the original layer.

[0390] The operation of the functional main body module to process the cut layer according to the offset information and scaling ratio information in the wallpaper template file to obtain the target image of the cut layer is similar to the operation of the functional main body module to process the full-screen image of the original layer according to the offset information and scaling ratio information in the wallpaper template file to obtain the target image of the original layer, and this embodiment of the present application will not elaborate on this.

[0391] (3) The functional main body module blurs the target image of the original layer according to the blur degree information in the wallpaper template file.

[0392] (4) When the depth-of-field effect switch status information in the wallpaper template file indicates an on state, the functional main body module sets the visibility of all layers in the multiple layers to visible; when the depth-of-field effect switch status information in the wallpaper template file indicates an off state, the functional main body module sets the visibility of all other layers except the cut layer in the multiple layers to visible, and sets the visibility of the cut layer to invisible.

[0393] (5) The functional main body module scales the target image of the original layer according to a specific scaling ratio to obtain the display image of the original layer, scales the target image of the cut layer to obtain the display image of the cut layer, and scales the full-screen images of the other layers except the original layer, the cut layer, and the clock layer in the multiple layers to obtain the display images of the other layers.

[0394] The specific scaling ratio is used to process the image into an image that can be displayed on the lock screen wallpaper page. By way of example, the height (or width) of the display area of the lock screen wallpaper page can be divided by the screen height (or screen width) to obtain the specific scaling ratio.

[0395] Step 3608: The functional main body module sends a third display request to the lock screen view module.

[0396] The third display request is used to request the display of the lock screen wallpaper page. The third display request carries the wallpaper display information of the first wallpaper template and the position information of the display area of the lock screen wallpaper page.

[0397] It should be noted that after the function main body module sends the third display request to the lock screen view module, the subsequent lock screen view module can display the corresponding wallpaper template. In this case, the lock screen wallpaper file currently used by the function main body module is the wallpaper template file.

[0398] Step 3609: After receiving the third display request, the lock screen view module displays the lock screen wallpaper page.

[0399] Specifically, the lock screen view module can, according to the position information of the display area carried in the third display request, at the corresponding position on the screen, in the order from low to high in hierarchy, display each layer of the multiple layers according to the display information of each layer of the multiple layers, so as to realize the display of the first wallpaper template, and thus realize the display of the lock screen wallpaper page. Exemplarily, the displayed lock screen wallpaper page can be Fig.10 the lock screen wallpaper page 702 shown in FIG. (c) of [], in which the wallpaper template selected by the user is displayed.

[0400] Step 3610: The lock screen view module determines the type of the first wallpaper template according to the wallpaper template file of the first wallpaper template and displays the demonstration rule of the first wallpaper template.

[0401] Fig.39 It is a flowchart of a wallpaper editing method provided by an embodiment of the present application. Fig.39 The shown flowchart is used to illustrate the specific implementation process of the user setting the clock based on the wallpaper editing interface. Refer to Fig.39 , this method may include the following steps:

[0402] Step 3901: The function main body module receives a click operation on the clock box.

[0403] In some cases, if the user wants to set the clock in the lock screen wallpaper, as shown in FIG. (a) of Fig.11 , the user can click the clock box, and the function main body module will receive the click operation on the clock box.

[0404] Step 3902: In response to the click operation on the clock box, the function main body module displays a second pop-up window.

[0405] Exemplarily, as shown in FIG. (b) of Fig.11 , multiple clock font options and multiple clock color options are displayed in the second pop-up window 7012.

[0406] Step 3903: The functional main body module receives a selection operation for a clock color option.

[0407] Exemplarily, as shown in Fig.11 Figure (b) therein, the user can select a clock color option by clicking on a clock color option displayed in the second pop-up window 7012, and the functional main body module will receive the selection operation for this clock color option.

[0408] Step 3904: In response to the selection operation for this clock color option, the functional main body module obtains the color value corresponding to this clock color option.

[0409] Step 3905: The functional main body module updates the color value in the layer basic information of the clock layer in the currently used lock screen wallpaper file to the color value corresponding to this clock color option.

[0410] Step 3906: The functional main body module sends the layer identifier of the clock layer and the color value of the clock layer to the lock screen view module.

[0411] Step 3907: After receiving the layer identifier of the clock layer and the color value of the clock layer, the lock screen view module updates the display information of the clock layer in the wallpaper display information.

[0412] Step 3908: The lock screen view module displays the lock screen wallpaper page.

[0413] Exemplarily, the displayed lock screen wallpaper page can be Fig.11 the lock screen wallpaper page 702 shown in Figure (c) therein, where the color of the clock in the displayed wallpaper is the color set by the user.

[0414] It should be noted that the operation of the user to set the font of the clock in the lock screen wallpaper through the second pop-up window is similar to the above operation of setting the color of the clock, and the embodiments of the present application will not elaborate on this.

[0415] Fig.40 is a flowchart of a wallpaper editing method provided by an embodiment of the present application. Fig.40 The shown flowchart is used to illustrate the specific implementation process of the user setting personalized decorations based on the wallpaper editing interface. Refer to Fig.40 and the method may include the following steps:

[0416] Step 4001: The functional main body module receives a click operation on the personalized decoration button.

[0417] In some cases, if the user wants to set the decorative piece in the lock screen wallpaper, then as Fig.12 shown in Figure (a) therein, the user can click on the personalized decoration button, and the functional main body module will receive the click operation on the personalized decoration button.

[0418] Step 4002: In response to a click operation on the personalized decoration button, the function main body module displays a third pop-up window.

[0419] Exemplarily, as shown in Fig.12 Figure (b) thereof, multiple style options and multiple color options are displayed in the third pop-up window 7013.

[0420] Step 4003: The function main body module receives a selection operation on a color option.

[0421] Exemplarily, as shown in Fig.12 Figure (b) thereof, the user can select a color option by clicking on a color option displayed in the third pop-up window 7013, and the function main body module will receive the selection operation on this color option.

[0422] Step 4004: In response to the selection operation on this color option, the function main body module obtains the color value corresponding to this color option.

[0423] Step 4005: The function main body module updates the color value in the layer basic information of the decoration layer in the currently used lock screen wallpaper file to the color value corresponding to this color option.

[0424] Step 4006: The function main body module sets the color of the display picture of the decoration layer according to the color value and color setting type in the layer basic information of the decoration layer.

[0425] Step 4007: The function main body module sends the layer identifier and display picture of the decoration layer to the lock screen view module.

[0426] Step 4008: After receiving the layer identifier and display picture of the decoration layer, the lock screen view module updates the display information of the decoration layer in the wallpaper display information.

[0427] Step 4009: The lock screen view module displays the lock screen wallpaper page.

[0428] Exemplarily, the displayed lock screen wallpaper page can be Fig.12 the lock screen wallpaper page 702 shown in Figure (c) thereof, where the color of the decorative piece in the displayed wallpaper is the color set by the user.

[0429] It should be noted that the operation of the user to set the style of the decorative piece in the lock screen wallpaper through the third pop-up window is similar to the above operation of setting the color of the decorative piece, and a brief description will be given below.

[0430] Fig.41 is a flowchart of a wallpaper editing method provided by an embodiment of the present application. Fig.41The flowchart shown is used to illustrate the specific implementation process of a user setting personalized decorations based on the wallpaper editing interface. Refer to Fig.41 , the method may include the following steps:

[0431] Step 4101: The function main body module receives a click operation on the personalized decoration button.

[0432] Step 4102: In response to the click operation on the personalized decoration button, the function main body module displays a third pop-up window.

[0433] Step 4103: The function main body module receives a selection operation on a style option.

[0434] Step 4104: In response to the selection operation on this style option, the function main body module obtains the image storage path corresponding to this style option.

[0435] Step 4105: The function main body module updates the image storage path in the layer basic information of the decoration layer in the currently used lock screen wallpaper file to the image storage path corresponding to this style option.

[0436] Step 4106: The function main body module obtains the display image of the decoration layer according to the image storage path, color value, color setting type, and specific scaling ratio in the layer basic information of the decoration layer.

[0437] The operation of Step 4106 is similar to the relevant operation in Step 2407 above, and this application embodiment will not elaborate on it here.

[0438] Step 4107: The function main body module sends the layer identifier and display image of the decoration layer to the lock screen view module.

[0439] Step 4108: After receiving the layer identifier and display image of the decoration layer, the lock screen view module updates the display information of the decoration layer in the wallpaper display information.

[0440] Step 4109: The lock screen view module displays the lock screen wallpaper page.

[0441] In this case, the style of the decorative part of the wallpaper on the displayed lock screen wallpaper page is the style selected by the user.

[0442] Fig.42 It is a flowchart of a wallpaper editing method provided by an embodiment of this application. Fig.42 The flowchart shown is used to illustrate the specific implementation process of a user setting a depth of field effect based on the wallpaper editing interface. Refer to Fig.42 , the method may include the following steps:

[0443] Step 4201: The function main body module receives a click operation on the depth of field effect button.

[0444] In some cases, if the user wants to set the depth-of-field effect in the lock screen wallpaper, as shown in Fig.14 Figure (a) therein, the user can click the depth-of-field effect button, and the function main body module will receive the click operation on the depth-of-field effect button.

[0445] Step 4202: In response to the click operation on the depth-of-field effect button, the function main body module displays a fourth pop-up window.

[0446] Exemplarily, as shown in Fig.14 Figure (b) therein, a depth-of-field effect switch is displayed in the fourth pop-up window 7014, and further, a background blur control can also be displayed.

[0447] Step 4203: The function main body module receives the closing operation on the depth-of-field effect switch.

[0448] Exemplarily, as shown in Fig.14 Figure (b) therein, the user can turn off the depth-of-field effect switch by clicking the depth-of-field effect switch, and the function main body module will receive the closing operation on the depth-of-field effect switch.

[0449] Step 4204: In response to the closing operation on the depth-of-field effect switch, the function main body module updates the state in the depth-of-field effect switch state information in the currently used lock screen wallpaper file to the off state.

[0450] Step 4205: The function main body module sets the visibility of the matte layer to invisible.

[0451] Step 4206: The function main body module sends the layer identifier and visibility of the matte layer to the lock screen view module.

[0452] Step 4207: After receiving the layer identifier and visibility of the matte layer, the lock screen view module updates the display information of the matte layer in the wallpaper display information.

[0453] Step 4208: The lock screen view module displays the lock screen wallpaper page.

[0454] Exemplarily, the displayed lock screen wallpaper page can be Fig.14 the lock screen wallpaper page 702 shown in Figure (c) therein, where the displayed wallpaper has no depth-of-field effect.

[0455] Fig.43 is a flowchart of a wallpaper editing method provided by an embodiment of the present application. Fig.43 The shown flowchart is used to illustrate the specific implementation process of the user setting the background blur degree based on the wallpaper editing interface. Refer to Fig.43 and this method may include the following steps:

[0456] Step 4301: The function main body module receives a click operation on the depth-of-field effect button.

[0457] Step 4302: In response to the click operation on the depth-of-field effect button, the function main body module displays a fourth pop-up window.

[0458] Step 4303: The function main body module receives a triggering operation on the background blur control.

[0459] Exemplarily, as shown in Figure (b) of Fig.14 the background blur control can be a control in the form of a slider. There is a slider in the slider, and the position of the slider in the slider can indicate the corresponding blur degree (which can be called the target blur degree). Of course, the background blur control can also be a control in other forms, and the embodiments of the present application do not limit this.

[0460] The triggering operation on the background blur control can be performed by the user. That is, if the user wants to adjust the background blur degree, the user can achieve this by operating the background blur control. For example, the user can drag Fig.14 the slider in the slider shown in Figure (b) of

[0461] to adjust the position of the slider in the slider, so as to set the background blur degree.

[0462] Step 4304: In response to the triggering operation on the background blur control, the function main body module determines the target blur degree.

[0463] Step 4305: The function main body module updates the blur degree in the blur degree information in the currently used lock screen wallpaper file to the target blur degree.

[0464] Step 4306: The function main body module blurs the target picture of the original layer according to the target blur degree, and scales the target picture of the original layer according to a specific scaling ratio to obtain the displayed picture of the original layer.

[0465] Step 4307: The function main body module sends the layer identifier and the displayed picture of the original layer to the lock screen view module.

[0466] Step 4308: After receiving the layer identifier and the displayed picture of the original layer, the lock screen view module updates the display information of the original layer in the wallpaper display information.

[0467] In this case, the blur degree of the background part of the main picture of the wallpaper on the displayed lock screen wallpaper page is the blur degree set by the user.

[0468] Fig.44 is a flowchart of a wallpaper editing method provided by an embodiment of the present application. Fig.44The flowchart shown is used to illustrate the specific implementation process of a user replacing the main picture of the wallpaper based on the wallpaper editing interface. Refer to Fig.44 , the method may include the following steps:

[0469] Step 4401: The functional main module receives a click operation on the replace picture button.

[0470] In some cases, if the user wants to change the main picture of the lock screen wallpaper, as shown in Fig.15 Figure (a) therein, the user can click the replace picture button, and the functional main module will receive the click operation on the replace picture button.

[0471] Step 4402: In response to the click operation on the replace picture button, the functional main module displays a fifth pop-up window.

[0472] Exemplarily, as shown in Fig.15 Figure (b) therein, picture options in the gallery are displayed in the fifth pop-up window 7015.

[0473] Step 4403: The functional main module receives a selection operation on a picture option.

[0474] Exemplarily, as shown in Fig.15 Figure (b) therein, the user can select a picture option by clicking on a picture option displayed in the fifth pop-up window 7015, and the functional main module will receive the selection operation on this picture option.

[0475] Step 4404: In response to the selection operation on this picture option, the functional main module obtains the picture corresponding to this picture option as the main picture, and generates a matte picture containing the foreground object in the main picture.

[0476] Step 4405: The functional main module stores both the main picture and the matte picture in the file system, obtaining the storage path of the main picture and the storage path of the matte picture.

[0477] Step 4406: The functional main module updates the picture storage path in the layer basic information of the original layer in the currently used lock screen wallpaper file to the storage path of the main picture, and updates the picture storage path in the layer basic information of the matte layer in the lock screen wallpaper file to the storage path of the matte picture.

[0478] Step 4407: The functional main module obtains the display picture of the original layer and the display picture of the matte layer according to the layer basic information of the original layer, the layer basic information of the matte layer, the offset information, the scaling ratio information, the blur degree information, the depth of field effect switch state information, and a specific scaling ratio in the lock screen wallpaper file.

[0479] The operation of step 4407 can refer to the above implementation, and this application embodiment will not elaborate on it again.

[0480] Step 4408: The function main body module sends the layer identifier and display picture of the original layer, and the layer identifier and display picture of the cut layer to the lock screen view module.

[0481] Step 4409: After receiving the layer identifier and display picture of the original layer and the layer identifier and display picture of the cut layer, the lock screen view module updates the display information of the original layer and the display information of the cut layer in the wallpaper display information.

[0482] Step 4410: The lock screen view module displays the lock screen wallpaper page.

[0483] Exemplarily, the displayed lock screen wallpaper page can be Fig.15 the lock screen wallpaper page 702 shown in Figure (c) of

[0484] Fig.45 It is a flowchart of a wallpaper editing method provided by an embodiment of this application. Fig.45 The shown flowchart is used to illustrate the specific implementation process of a user zooming in or out the main picture of the wallpaper based on the wallpaper editing interface. Refer to Fig.45 and this method may include the following steps:

[0485] Step 4501: The function main body module receives a zoom operation on the lock screen wallpaper page.

[0486] In some cases, if the user wants to zoom in or out the main picture of the lock screen wallpaper, then as Fig.16 shown in Figure (a) or Figure (c) of

[0487] the user can perform a zoom operation on the lock screen wallpaper page, and the function main body module will receive this zoom operation.

[0488] The target zoom ratio is the zoom ratio corresponding to this zoom operation. The target offset is the offset corresponding to this zoom operation.

[0489] Exemplarily, in the case where this zoom operation is a two-finger zoom-in operation or a two-finger zoom-out operation, the target zoom ratio and the target offset can be determined according to the sliding direction, sliding distance, sliding position, etc. of the two fingers.

[0490] Step 4503: The functional main body module updates the scaling ratio in the scaling ratio information in the currently used lock screen wallpaper file to the product of the scaling ratio and the target scaling ratio, and updates the offset in the offset information in the lock screen wallpaper file to the sum of the offset and a specific offset, where the specific offset is obtained by dividing the target offset by a specific scaling ratio.

[0491] Step 4504: The functional main body module processes the full-screen image of the original layer and the full-screen image of the cut-out layer according to the offset information, scaling ratio information, blur degree information in the lock screen wallpaper file and the specific scaling ratio, to obtain the displayed image of the original layer and the displayed image of the cut-out layer.

[0492] The operation of Step 4504 is similar to the related operations of the above steps, and the embodiments of the present application will not elaborate on this again.

[0493] Step 4505: The functional main body module sends the layer identifier and the displayed image of the original layer and the layer identifier and the displayed image of the cut-out layer to the lock screen view module.

[0494] Step 4506: After receiving the layer identifier and the displayed image of the original layer and the layer identifier and the displayed image of the cut-out layer, the lock screen view module updates the display information of the original layer and the display information of the cut-out layer in the wallpaper display information.

[0495] Step 4507: The lock screen view module displays the lock screen wallpaper page.

[0496] Exemplarily, the displayed lock screen wallpaper page may be Fig.16 the lock screen wallpaper page 702 shown in Figure (b) or Figure (d) therein, where the main picture of the displayed wallpaper is enlarged or reduced accordingly.

[0497] It should be noted that the implementation process of the user moving the main picture of the lock screen wallpaper is similar to the implementation process of the user zooming in or out on the main picture of the lock screen wallpaper above, and the embodiments of the present application will not elaborate on this again.

[0498] In some embodiments, the user can also slide on the wallpaper editing interface 700 to switch to the display of the desktop wallpaper page 703, and then edit the desktop wallpaper.

[0499] It should be understood that the magnitudes of the sequence numbers of the steps in the above embodiments do not mean the order of execution. The order of execution of each process should be determined by its function and internal logic, and should not constitute any limitation to the implementation process of the embodiments of the present application.

[0500] In the above embodiments, the descriptions of the various embodiments have their own emphases. For the parts not detailed or recorded in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0501] An embodiment of the present application further provides a computer-readable storage medium storing a computer program, and when the computer program is executed by a processor, the steps in the above method embodiments can be implemented.

[0502] An embodiment of the present application further provides a computer program product, and when the computer program product runs on an electronic device, the electronic device can implement the steps in the above method embodiments.

[0503] An embodiment of the present application further provides a chip system including a processor, the processor is coupled to a memory, and the processor executes a computer program stored in the memory to implement the steps of any method embodiment of the present application. The chip system can be a single chip or a chip module composed of multiple chips.

[0504] In the above embodiments, it can be implemented in whole or in part by software, hardware, firmware, or any combination thereof. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer instructions are loaded and executed on a computer, the processes or functions described in the embodiments of the present application are generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices. The computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another. For example, the computer instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center in a wired manner (such as coaxial cable, optical fiber, Digital Subscriber Line (DSL)) or wirelessly (such as infrared, wireless, microwave, etc.). The computer-readable storage medium can be any available medium that can be accessed by a computer, or a data storage device such as a server or data center that includes one or more integrated available media. The available medium can be a magnetic medium (such as a floppy disk, hard disk, magnetic tape), an optical medium (such as a Digital Versatile Disc (DVD)), or a semiconductor medium (such as a Solid State Disk (SSD)).

[0505] The above are optional embodiments provided by the present application and are not intended to limit the present application. Any modifications, equivalent replacements, improvements, etc. made within the technical scope disclosed in the present application shall be included in the protection scope of the present application.

Claims

1. A guiding method for wallpaper editing, characterized in that, Applied to an electronic device, which has multiple sets of wallpaper templates. The method includes: In response to a first operation on a first function button triggered by a user, display a first user interface, which includes at least one set of wallpaper templates among the multiple sets of wallpaper templates; Detect a second operation on a first wallpaper template among at least one set of wallpaper templates. In response to the second operation, determine the type of the first wallpaper template; According to the type of the first wallpaper template, display the corresponding demonstration rules of the first wallpaper template. The demonstration rules include at least one custom editing ability supported by the first wallpaper template, and interface indication information for guiding the user on how to perform corresponding editing operations on any one of the custom editing abilities.

2. The method according to claim 1, wherein The determining the type of the first wallpaper template in response to the second operation includes: In response to the second operation, determine the wallpaper template file of the first wallpaper template. The wallpaper template file includes the number of layers and the type of layers included in the first wallpaper template; According to the number of layers and the type of layers included in the first wallpaper template, determine the type of the first wallpaper template.

3. The method according to claim 2, wherein The determining the wallpaper template file of the first wallpaper template in response to the second operation includes: In response to the second operation, determine the template identifier of the first wallpaper template; According to the template identifier of the first wallpaper template, obtain the wallpaper template file of the first wallpaper template from the file system.

4. The method according to claim 3, wherein The electronic device includes a function main body module and a lock screen view module. The obtaining the wallpaper template file of the first wallpaper template from the file system according to the template identifier of the first wallpaper template includes: The function main body module determines the identifier of the first wallpaper template in response to the second operation; The function main body module obtains the wallpaper template file of the first wallpaper template from the file system according to the identifier of the first wallpaper template; The function main body module parses the wallpaper template file of the first wallpaper template to obtain the wallpaper display information of the first wallpaper template. The wallpaper display information includes the number of layers and the type of layers of the first wallpaper template; The function main body module provides the wallpaper display information of the first wallpaper template to the lock screen view module; The determining the type of the first wallpaper template according to the number of layers and the type of layers included in the first wallpaper template includes: The lock screen view module determines the type of the first wallpaper template according to the wallpaper display information of the first wallpaper template.

5. The method according to any one of claims 1 to 4, characterized in that, The custom editing abilities supported by the first wallpaper template include any one or more of the following: setting a depth of field effect, moving / scaling the picture main body, changing the style and / or color of personalized decorations, setting the style and / or color of the clock, replacing the main picture of the wallpaper template, and intelligently changing the color of personalized decorations and / or the font color of the clock.

6. The method according to claim 5, characterized in that, In the case where the custom editing ability supported by the first wallpaper template includes scaling the picture main body, the method further includes: Display a third user interface, where the third user interface displays the main picture included in the first wallpaper template; When a pinch gesture operation performed by the user on the third user interface is detected, in response to the pinch gesture operation, scale the main picture, and display the updated first wallpaper template on the third user interface. The updated first wallpaper template includes the scaled main picture.

7. The method according to claim 6, wherein When the type of the first wallpaper template is a first type of wallpaper template or a third type of wallpaper template, scaling the main picture in response to the gesture operation and displaying the updated first wallpaper template on the third user interface, where the updated first wallpaper template includes the scaled main picture includes: In response to the gesture operation, determine whether the scaling ratio of the main picture indicated by the gesture operation is less than the minimum scaling ratio; When the scaling ratio of the main picture indicated by the gesture operation is less than the minimum scaling ratio, scale the main picture at the minimum scaling ratio, and display the updated first wallpaper template on the third user interface. The updated first wallpaper template includes the main picture scaled at the minimum scaling ratio.

8. The method according to any one of claims 1 to 7, characterized in that, When the electronic device replaces the main picture in the first wallpaper template, the method further includes: The electronic device extracts the color of the main picture included in the first wallpaper template after replacement; The electronic device updates the color of the clock and / or personalized decoration of the first wallpaper template according to the color extracted from the main picture included in the first wallpaper template, and performs display.

9. The method according to any one of claims 1 to 8, characterized in that When the type of the first wallpaper template is a third type of wallpaper template, the method further includes: The electronic device displays a fourth user interface, and the fourth user interface includes a second function button for triggering the electronic device to replace the main picture of the first wallpaper template; When the second function button is triggered, in response to the operation of the second function button being triggered, display a fifth user interface, and the fifth user interface includes one or more pictures; When a selection operation of the user for any one of the pictures in the fifth user interface is detected, in response to the selection operation, scale any one of the pictures to the center of the photo frame of the first wallpaper template and display it centered.

10. The method according to any one of claims 1 to 9, characterized in that, When the type of the first wallpaper template is a second type of wallpaper template, the method further includes: The electronic device displays a fourth user interface, and the fourth user interface includes a second function button for triggering the electronic device to replace the main picture of the first wallpaper template; When the second function button is triggered, in response to the operation of the second function being triggered, display a fifth user interface, and the fifth user interface includes one or more pictures; Upon detecting a selection operation by the user on any of the pictures in the fifth user interface, in response to the selection operation, when it is determined that the main body of the picture cannot be cut out from any of the pictures, the electronic device displays a sixth user interface, and the sixth user interface includes an updated first wallpaper template, and the updated first wallpaper template includes any of the pictures and a clock frame.

11. The method according to claim 10, wherein The method further includes: When it is determined that the main picture in any of the pictures cannot be recognized, the electronic device outputs a first prompt message in the sixth user interface, and the first prompt message is used to prompt that the main picture of any of the selected pictures cannot be recognized.

12. A chip system, characterized in that, The chip system is applied to a computer device, and the chip system includes one or more processors, and the processors are used to call computer instructions to cause the computer device to execute the method according to any one of claims 1 to 11.

13. An electronic device, characterized in that, The electronic device includes a memory, a processor, and a computer program stored in the memory and executable on the processor, and when the computer program is executed by the processor, the method according to any one of claims 1 to 11 is implemented.

14. A computer-readable storage medium, characterized in that, Instructions are stored in the computer-readable storage medium, and when it runs on a computer, it causes the computer to execute the method according to any one of claims 1 to 11.

15. A computer program product comprising instructions, characterized in that, When it runs on a computer, it causes the computer to execute the method according to any one of claims 1 to 11.

Images