Wallpaper editing method, electronic device, and storage medium

Abstract

The application discloses a wallpaper editing method, an electronic device and a storage medium, and belongs to the technical field of terminals. The method comprises the following steps: after the electronic device displays a wallpaper editing interface, in response to an operation on a first control, a plurality of wallpaper template options are displayed, wherein the first wallpaper template option is included, and a wallpaper template file corresponding to the first wallpaper template option comprises a file of each layer in a plurality of layers, and the file of the layer is text or a picture; in response to an operation on the first wallpaper template option, a first wallpaper is displayed on a lock screen wallpaper page; in response to an editing operation on the first wallpaper, layer content of the plurality of layers is modified, and a second wallpaper is displayed; and in response to an operation on a second control, the second wallpaper is set as a lock screen wallpaper. In this way, a user can select a wallpaper template with a plurality of layers through a wallpaper editing interface, display and edit the wallpaper template based on a wallpaper template file, obtain a lock screen wallpaper meeting the user's own needs, and improve the flexibility of wallpaper setting.

Description

[0001] This application claims priority to Chinese Patent Application No. 202410042707.2, filed on January 10, 2024, entitled "Wallpaper Editing Method, Electronic Device and Storage Medium", the entire contents of which are incorporated herein by reference. Technical Field

[0002] This application relates to the field of terminal technology, and in particular to a wallpaper editing method, electronic device, and storage medium. Background Technology

[0003] With the continuous development of terminal technology, electronic devices such as mobile phones and tablets are becoming increasingly popular, bringing great convenience to people's daily lives. Users can set wallpapers for the lock screen and desktop of their electronic devices to enhance their aesthetics. However, currently, when changing wallpapers on electronic devices, users often need to select an image from the device's preset pictures or their gallery. This limited wallpaper setting method fails to meet users' personalized needs. Summary of the Invention

[0004] This application provides a wallpaper editing method, electronic device, and storage medium, which allow for flexible wallpaper settings to meet users' personalized needs. The technical solution is as follows:

[0005] Firstly, a wallpaper editing method is provided. In this method, an electronic device displays a wallpaper editing interface, which includes a lock screen wallpaper page, a first control, and a second control. In response to an operation applied to the first control, multiple wallpaper template options are displayed, including a first wallpaper template option. The wallpaper template file corresponding to the first wallpaper template option includes files for each layer in a plurality of layers, where any one of the layers is either text or an image. In response to an operation applied to the first wallpaper template option, a first wallpaper is displayed on the lock screen wallpaper page based on the wallpaper template file. The first wallpaper includes the plurality of layers. In response to an editing operation on the first wallpaper, the layer content of the plurality of layers is modified, and a second wallpaper is displayed. After displaying the second wallpaper, in response to an operation applied to the second control, the second wallpaper is set as the lock screen wallpaper.

[0006] The first control is used to change the wallpaper template. Actions performed on the first control can be triggers, such as clicking, to indicate the display of multiple wallpaper template options.

[0007] The first wallpaper template option can be any one of the multiple wallpaper template options. The operation performed on the first wallpaper template option is a selection operation to indicate the display of the wallpaper template corresponding to the first wallpaper template option, i.e., the first wallpaper.

[0008] In response to an editing operation on the first wallpaper, the electronic device can modify the layer content of at least one of the multiple layers of the first wallpaper to obtain and display the second wallpaper.

[0009] The second control is used to save the wallpaper. Operations on the second control are trigger actions, such as clicking, to instruct the user to set the second wallpaper as the lock screen wallpaper.

[0010] This application provides a wallpaper template with multiple layers and its corresponding wallpaper template file. The wallpaper template file includes a file (i.e., text or image) for each of the multiple layers. Users can select the wallpaper template with multiple layers provided in this application through the wallpaper editing interface, and display and edit the wallpaper template based on the wallpaper template file to obtain a lock screen wallpaper that meets their personalized needs, thus improving the flexibility of wallpaper settings.

[0011] It should be noted that after the electronic device displays the wallpaper editing interface, a second control can be displayed within the wallpaper editing interface. Optionally, the wallpaper editing interface can also display the lock screen wallpaper page and the first control, or it can choose not to display the lock screen wallpaper page and the first control.

[0012] In one possible implementation, before the electronic device displays the wallpaper editing interface, a second gesture operation can be received on the desktop; in response to the second gesture operation, the desktop editing interface is displayed, and the desktop editing interface includes a third control. In this case, the operation for the electronic device to display the wallpaper editing interface can be: in response to an operation performed on the third control, the electronic device displays the wallpaper editing interface. The third control is a control used to set the desktop wallpaper.

[0013] In this case, the displayed wallpaper editing interface shows the desktop wallpaper page and a second control. Optionally, the displayed wallpaper editing interface may not display the lock screen wallpaper page, or it may display part or all of the lock screen wallpaper page. When the desktop wallpaper page is displayed in the wallpaper editing interface, but the lock screen wallpaper page is not displayed or only partially displayed, receiving a gesture operation from the user in the wallpaper editing interface can fully display the lock screen wallpaper page.

[0014] In this application, users can quickly access the wallpaper editing interface from the desktop to edit the wallpaper, thereby improving the convenience of wallpaper editing.

[0015] In one possible implementation, the first gesture operation can be received on the lock screen before the electronic device displays the wallpaper editing interface. In this case, the operation of displaying the wallpaper editing interface on the electronic device can be: in response to the first gesture operation, the electronic device displays the wallpaper editing interface.

[0016] In this case, the displayed wallpaper editing interface shows the lock screen wallpaper page, the first control, and the second control. Optionally, the displayed wallpaper editing interface may not show the desktop wallpaper page, or it may show part or all of the desktop wallpaper page.

[0017] In this application, users can quickly enter the wallpaper editing interface from the lock screen using a first gesture to edit the wallpaper, thereby improving the convenience of wallpaper editing.

[0018] In one possible implementation, the operation of the electronic device to display the wallpaper editing interface in response to the first gesture operation can be as follows: in response to the first gesture operation, display the first control and the second control; create m first views, where m is an integer greater than or equal to 2; draw layer content in at least one of the m first views according to the lock screen wallpaper file to obtain m second views; and display the m second views.

[0019] It should be noted that after creating m first views, all m newly created first views are blank views. Then, after drawing layer content in at least one of the m first views based on the lock screen wallpaper file, the user can see the content drawn in that at least one first view when it is subsequently displayed. The other m first views, excluding that at least one first view, remain blank views and cannot be seen by the user even if they are displayed.

[0020] Furthermore, the m second views are not necessarily completely different from the layer content of the m first views; they may only involve changes to the layer content of some layers. That is, after drawing layer content in some or all of the m first views in this application, the m first views can be referred to as m second views.

[0021] In this application, when a wallpaper editing interface needs to be displayed, m views can be created first, and then layer content can be drawn and displayed in at least one of the m views based on the lock screen wallpaper file. In this way, the wallpaper corresponding to the lock screen wallpaper file can be quickly displayed using the created m views.

[0022] In one possible implementation, in response to an operation applied to the first wallpaper template option, the operation of the electronic device displaying the first wallpaper on the lock screen wallpaper page according to the wallpaper template file can be as follows: in response to an operation applied to the first wallpaper template option, obtaining the display information of each layer in a plurality of layers according to the wallpaper template file; clearing the hierarchy and layer content of m second views; setting the hierarchy of the corresponding second view and drawing the layer content in the corresponding second view according to the display information of each layer in the plurality of layers, thereby obtaining m third views; and displaying the m third views.

[0023] It should be noted that the m third views are not necessarily completely different from the layer content of the m second views; it may only be a change in the layer content of some layers. That is, after redrawing the layer content in some or all of the m second views in this application, the m second views can be referred to as m third views.

[0024] In this application, after each selection of a wallpaper template, the hierarchy and layer content of m views can be cleared, and the hierarchy and layer content of multiple views that correspond one-to-one with the multiple layers in the wallpaper template can be reset and displayed, thus enabling the wallpaper template to be displayed quickly and accurately.

[0025] For example, these multiple layers may include an original layer and a clock layer. The image in the original layer is the main image, and the clock layer is used to display the time. The clock layer in this wallpaper template file is a text file. The text name of the clock layer contains one or more of the following: view identifier, layer type, and layer level. The text content of the clock layer contains clock setting information. The display information of the clock layer includes one or more of the following: view identifier, layer level, and clock setting information. The other layers in this wallpaper template file, besides the clock layer, are images. The image names of these other layers contain one or more of the following: view identifier, layer type, and layer level. The display information of these other layers includes one or more of the following: view identifier, layer level, and displayed image.

[0026] For example, these multiple layers may also include one or more of a decoration layer, a color background layer, and a cutout layer. The image in the decoration layer is used to create a decorative effect on the main image, the image in the color background layer is a solid color image or a gradient image, and the image in the cutout layer contains foreground objects from the main image.

[0027] In one possible implementation, the operation of the electronic device to obtain the display information of each layer among multiple layers based on the wallpaper template file can be as follows: For the first layer among the multiple layers, the view identifier, layer type, and level of the first layer are obtained from the file name of the first layer in the wallpaper template file, where the first layer is any one of the multiple layers; if the layer type of the first layer is a clock layer, then the file of the first layer is determined to be text, and the clock setting information of the first layer is obtained from the text content of the text of the first layer in the wallpaper template file; if the layer type of the first layer is not a clock layer, then the file of the first layer is determined to be an image, the image of the first layer is obtained from the wallpaper template file, the image of the first layer is processed to obtain a full-screen image, and the full-screen image is scaled according to a specific scaling ratio to obtain the display image of the first layer.

[0028] A specific scaling factor is used to process the full-screen image into an image that can fill the display area of ​​the lock screen wallpaper page. For example, the specific scaling factor can be obtained by dividing the height (or width) of the display area of ​​the lock screen wallpaper page by the screen height (or screen width).

[0029] For example, the operation of an electronic device to process the image of the first layer to obtain a full-screen image can be as follows: determine an initial scaling ratio based on the screen size and the size of the image of the first layer, and scale the image of the first layer according to the initial scaling ratio to obtain a full-screen image.

[0030] This initial scaling factor is used to process the image in the first layer into a full-screen image. Specifically, the screen height is divided by the height of the first layer image to obtain a first value, and the screen width is divided by the width of the first layer image to obtain a second value. The larger of the first and second values ​​is then used as the initial scaling factor.

[0031] In one possible implementation, the display information includes a view identifier, a layer, and drawing information. The electronic device sets the layer of the corresponding second view and draws layer content in the corresponding second view based on the display information of each of the multiple layers to obtain m third views. This operation can be as follows: For the second layer among the multiple layers, the layer of the second view identified by the view identifier of the second layer is set to the layer level of the second layer, and the layer content is drawn in the second view identified by the view identifier of the second layer according to the drawing information of the second layer, thus obtaining a third view. Here, the second layer can be any one of the multiple layers.

[0032] In one possible implementation, in response to an operation performed on the first wallpaper template option, the electronic device can also save the wallpaper template file in memory.

[0033] In this case, the operation of the electronic device in response to the editing operation of the first wallpaper, modifying the layer content of the multiple layers, and displaying the second wallpaper can be as follows: in response to the editing operation of the first wallpaper, update the wallpaper template file to obtain a first lock screen wallpaper file; redraw the layer content in at least one of the m third views according to the first lock screen wallpaper file to obtain m fourth views, or reset the hierarchy of at least one of the m third views according to the first lock screen wallpaper file to obtain m fourth views; and display the m fourth views.

[0034] It should be noted that the m fourth views are not necessarily completely different from the layer content of the m third views; they may only involve changes in the layer content or hierarchy of some layers. That is, in this application, the m third views can be referred to as m fourth views after redrawing the layer content in some or all of the m third views, or after resetting the hierarchy of some or all of the m third views.

[0035] In this application, the currently edited lock screen wallpaper file can be updated based on the user's editing operation on the first wallpaper, and the layer content can be redrawn and displayed in at least one of the m views accordingly, or the hierarchy of the m views can be reset and displayed accordingly. In this way, the display of the edited wallpaper can be achieved simply and quickly.

[0036] For example, the editing operation could be an editing operation on the third layer among multiple layers, where the third layer can be any one of the multiple layers. In this case, in response to the editing operation on the first wallpaper, the electronic device can update the wallpaper template file to obtain the first lock screen wallpaper file by: in response to the editing operation on the third layer, updating the clock setting information in the text content of the third layer in the wallpaper template file if the third layer is a clock layer, or updating the image of the third layer in the wallpaper template file if the third layer is not a clock layer, thus obtaining the first lock screen wallpaper file.

[0037] Assuming the editing operation is a selection operation for the clock color option, the electronic device can update the color value of the text content of the clock layer in the wallpaper template file to the color value corresponding to the clock color option, thus obtaining the first lock screen wallpaper file.

[0038] Assuming the editing operation is a selection of color options for the decorative layer, the electronic device can modify the color of the image in the decorative layer of the wallpaper template file according to the color value corresponding to the color option, thus obtaining the first lock screen wallpaper file.

[0039] Assuming the editing operation is a selection of the shape option for the decorative layer, the electronic device can obtain the third image corresponding to the shape option, change the image name of the third image to the image name of the decorative layer in the wallpaper template file, update the image of the decorative layer in the wallpaper template file to the third image, and obtain the first lock screen wallpaper file.

[0040] Assuming the editing operation is a selection of an image option, the electronic device can obtain the fourth image corresponding to that image option, generate a fifth image based on the fourth image, modify the image name of the fourth image to the image name of the original layer in the wallpaper template file, and modify the image name of the fifth image to the image name of the cut-out layer in the wallpaper template file; update the image of the original layer in the wallpaper template file to the fourth image, and update the image of the cut-out layer in the wallpaper template file to the fifth image, thus obtaining the first lock screen wallpaper file.

[0041] The fifth image contains the foreground object from the fourth image, but does not contain any content from the fourth image other than the foreground object. In other words, the foreground object is present in the fifth image, and everything else in the fifth image is blank (i.e., transparent).

[0042] For example, the editing operation could be turning off the depth-of-field effect. In this case, in response to the editing operation on the first wallpaper, the electronic device could update the wallpaper template file to obtain the first lock screen wallpaper file by: in response to turning off the depth-of-field effect, swapping the layer level in the text name of the clock layer in the wallpaper template file with the layer level in the image name of the cutout layer, thus obtaining the first lock screen wallpaper file.

[0043] In one possible implementation, the editing operation can be a trigger operation on a fourth control used to adjust the background blur of the lock screen wallpaper. In this case, the operation of the electronic device in response to the editing operation on the first wallpaper, modifying the layer content of the multiple layers, and displaying the second wallpaper can be as follows: in response to the trigger operation on the fourth control, determining the target blur; generating a first operation record, which records the target blur; redrawing the layer content in at least one of the m third views according to the first operation record to obtain m fourth views; and displaying the m fourth views.

[0044] In one possible implementation, the editing operation can be a zoom operation performed on the lock screen wallpaper page. In this case, the operation of the electronic device in response to the editing operation on the first wallpaper, modifying the layer content of the multiple layers, and displaying the second wallpaper can be as follows: in response to the zoom operation performed on the lock screen wallpaper page, determining the zoom ratio and target offset corresponding to the zoom operation; generating a second operation record, which records the zoom ratio and the target offset; redrawing the layer content in at least one of the m third views according to the second operation record to obtain m fourth views; and displaying the m fourth views.

[0045] In one alternative implementation, in response to an operation performed on the second control, the electronic device can set the second wallpaper as the lock screen wallpaper by: storing the first lock screen wallpaper file to the file system in response to an operation performed on the second control.

[0046] In one alternative implementation, in response to an operation performed on the second control, the electronic device sets the second wallpaper as the lock screen wallpaper as follows: in response to an operation performed on the second control, if a first operation record and / or a second operation record exist, the wallpaper template file is updated according to the target blur in the first operation record and / or the scaling ratio and target offset in the second operation record to obtain the second lock screen wallpaper file; the second lock screen wallpaper file is stored in the file system.

[0047] For example, the wallpaper editing interface also includes a desktop wallpaper page and a fifth control, which is used to instruct the desktop wallpaper to follow the lock screen.

[0048] For example, when the lock screen wallpaper page is displayed in the wallpaper editing interface, if the displayed wallpaper editing interface does not display the desktop wallpaper page, or displays only a portion of the desktop wallpaper page, then in response to a third gesture operation performed on the wallpaper editing interface, the electronic device displays the desktop wallpaper page, the fifth control, and the second control in the wallpaper editing interface.

[0049] For example, when the displayed wallpaper editing interface does not display the lock screen wallpaper page, or displays only a portion of the lock screen wallpaper page, in response to a fourth gesture operation performed on the wallpaper editing interface, the electronic device displays the lock screen wallpaper page, the first control, and the second control in the wallpaper editing interface.

[0050] In this application, users can switch between displaying the desktop wallpaper page and the lock screen wallpaper page in the wallpaper editing interface using gestures to edit the corresponding wallpapers, thereby improving the flexibility of wallpaper editing.

[0051] In one alternative implementation, in response to an operation performed on the fifth control, the electronic device can display the main image of the wallpaper from the lock screen wallpaper page on the desktop wallpaper page. This achieves stylistic consistency between the desktop and lock screen wallpapers.

[0052] In one alternative implementation, after setting the second wallpaper as the lock screen wallpaper, the electronic device can, in response to a preset user operation, retrieve the first lock screen wallpaper file from the file system; and display the second wallpaper on the lock screen wallpaper page in the wallpaper editing interface based on the first lock screen wallpaper file. Then, in response to the editing operation on the second wallpaper, the layer content of multiple layers of the second wallpaper is modified to display the third wallpaper. After displaying the third wallpaper, in response to an operation performed on the second control, the third lock screen wallpaper file is stored in the file system to set the third wallpaper as the lock screen wallpaper. The third lock screen wallpaper file is obtained by updating the first lock screen wallpaper file based on the editing operation on the second wallpaper. In this way, the user can continue to edit the wallpaper that was previously edited, thereby further improving the flexibility of wallpaper editing. Furthermore, after editing the second wallpaper, updating the first lock screen wallpaper file ensures that the lock screen wallpaper file stored in the file system corresponds to the currently updated third wallpaper. Thus, when editing again, the latest lock screen wallpaper file can be obtained from the file system, ensuring the continuity of wallpaper editing.

[0053] Secondly, a wallpaper editing method is provided. In this method, an electronic device displays a wallpaper editing interface, which includes a lock screen wallpaper page, a first control, and a second control. In response to an operation on the first control, multiple wallpaper template options are displayed, including a first wallpaper template option. The wallpaper template corresponding to the first wallpaper template option includes a main image and a decorative image. In response to an operation on the first wallpaper template option, a first wallpaper is displayed on the lock screen wallpaper page. In response to an editing operation on the first wallpaper, the decorative image is modified to display a second wallpaper on the lock screen wallpaper page. The style of the decorative image in the second wallpaper is different from that in the first wallpaper. After displaying the second wallpaper, in response to an operation on the second control, the second wallpaper is displayed on the lock screen or desktop.

[0054] This application provides wallpaper templates that include a main image and decorative images. Users can select a wallpaper template with a main image and decorative images provided in this application through the wallpaper editing interface, and modify the decorative images in the wallpaper template to obtain a lock screen wallpaper that meets their personalized needs, thus improving the flexibility of wallpaper settings.

[0055] In one alternative implementation, in response to an operation applied to the first wallpaper template option, the operation of displaying the first wallpaper on the lock screen wallpaper page by the electronic device can be as follows: in response to an operation applied to the first wallpaper template option, the wallpaper template file is parsed to obtain wallpaper display information, which includes display information for each of the multiple layers, wherein the display information for the clock layer includes the layer identifier, level, and clock setting information of the clock layer, and the display information for the other layers besides the clock layer includes the layer identifier, level, and display image; the first wallpaper is displayed on the lock screen wallpaper page according to the wallpaper display information.

[0056] In one alternative implementation, the multiple layers include a cutout layer, and the wallpaper editing interface includes a depth-of-field effect switch. In response to turning the depth-of-field effect switch off, the electronic device sets the visibility of the cutout layer to invisible.

[0057] In one alternative implementation, the wallpaper editing interface also includes a desktop wallpaper page, which, in response to a received follow-lock screen command, displays the main image of the wallpaper from the lock screen wallpaper page on the desktop wallpaper page.

[0058] In one alternative implementation, after the second wallpaper is displayed on the lock screen or desktop, the electronic device can also receive a first gesture operation on the lock screen; in response to the first gesture operation, a wallpaper editing interface is displayed, in which the lock screen wallpaper page displays the second wallpaper; in response to the editing operation on the second wallpaper, the decorative image in the second wallpaper is modified to display a third wallpaper on the lock screen wallpaper page, the style of the third wallpaper being different from that of the decorative image in the second wallpaper.

[0059] In one alternative implementation, the decorative image is the image of the decorative layer.

[0060] Thirdly, a wallpaper editing apparatus is provided, which has the function of implementing the wallpaper editing method described in the first aspect above. The wallpaper editing apparatus includes at least one module for implementing the wallpaper editing method provided in the first or second aspect above.

[0061] Fourthly, an electronic device is provided, comprising: one or more processors, and a memory; the memory is coupled to the one or more processors, the memory being used to store computer program code, the computer program code including computer instructions, wherein the one or more processors invoke the computer instructions to cause the electronic device to perform the wallpaper editing method provided in the first or second aspect.

[0062] Fifthly, a chip system is provided for use in an electronic device, the chip system including one or more processors for invoking computer instructions to cause the electronic device to execute the wallpaper editing method provided in the first or second aspect above.

[0063] In a sixth aspect, a computer-readable storage medium is provided, the computer-readable storage medium including instructions that, when executed on an electronic device, cause the electronic device to perform the wallpaper editing method provided in the first or second aspect described above.

[0064] In a seventh aspect, a computer program product is provided that, when the computer program product is run on an electronic device, causes the electronic device to perform the wallpaper editing method provided in the first or second aspect.

[0065] The technical effects achieved by the third, fourth, fifth, sixth, and seventh aspects mentioned above are similar to those achieved by the corresponding technical means in the first and second aspects mentioned above, and will not be repeated here. Attached Figure Description

[0066] Figure 1 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application;

[0067] Figure 2 This is a schematic diagram of a multi-layer structure provided in an embodiment of this application;

[0068] Figure 3 This is a schematic diagram of a different type of layer provided in an embodiment of this application;

[0069] Figure 4 This is a schematic diagram of a lock screen wallpaper provided in an embodiment of this application;

[0070] Figure 5 This is a schematic diagram of a wallpaper provided in an embodiment of this application;

[0071] Figure 6 This is a layer hierarchy diagram provided in an embodiment of this application;

[0072] Figure 7 This is a schematic diagram of a wallpaper editing interface provided in an embodiment of this application;

[0073] Figure 8 This is a schematic diagram illustrating the process of entering a wallpaper editing interface according to an embodiment of this application;

[0074] Figure 9 This is a schematic diagram illustrating another process for entering the wallpaper editing interface provided in an embodiment of this application;

[0075] Figure 10 This is a schematic diagram illustrating a process for selecting a wallpaper template according to an embodiment of this application;

[0076] Figure 11 This is a schematic diagram illustrating a process for setting a clock according to an embodiment of this application;

[0077] Figure 12 This is a schematic diagram illustrating a process of setting a decorative element according to an embodiment of this application;

[0078] Figure 13 This is a schematic diagram illustrating a process for setting a depth-of-field effect according to an embodiment of this application;

[0079] Figure 14 This is a schematic diagram illustrating a process of changing an image according to an embodiment of this application;

[0080] Figure 15 This is a schematic diagram illustrating an image scaling and movement process provided in an embodiment of this application;

[0081] Figure 16 This is a schematic diagram illustrating a process for setting a lock screen wallpaper according to an embodiment of this application;

[0082] Figure 17 This is a schematic diagram illustrating a process of re-entering the wallpaper editing interface provided in an embodiment of this application;

[0083] Figure 18 This is a schematic diagram illustrating a process following screen locking provided in an embodiment of this application;

[0084] Figure 19 This is a schematic diagram illustrating a process for setting a color according to an embodiment of this application;

[0085] Figure 20 This is a schematic diagram of a software system provided in an embodiment of this application;

[0086] Figure 21 This is a flowchart of a wallpaper editing method provided in an embodiment of this application;

[0087] Figure 22 This is a schematic diagram of a display area provided in an embodiment of this application;

[0088] Figure 23 This is a flowchart of another wallpaper editing method provided in the embodiments of this application;

[0089] Figure 24 This is a flowchart illustrating how to determine the display information of a layer, as provided in an embodiment of this application.

[0090] Figure 25 This is a schematic diagram of a target area provided in an embodiment of this application;

[0091] Figure 26 This is a flowchart of another wallpaper editing method provided in the embodiments of this application;

[0092] Figure 27 This is a flowchart of another wallpaper editing method provided in the embodiments of this application;

[0093] Figure 28 This is a flowchart of another wallpaper editing method provided in the embodiments of this application;

[0094] Figure 29 This is a flowchart of another wallpaper editing method provided in the embodiments of this application;

[0095] Figure 30 This is a flowchart of another wallpaper editing method provided in the embodiments of this application;

[0096] Figure 31 This is a flowchart of another wallpaper editing method provided in the embodiments of this application;

[0097] Figure 32 This is a flowchart of another wallpaper editing method provided in the embodiments of this application;

[0098] Figure 33 This is a schematic diagram of another target area provided in an embodiment of this application;

[0099] Figure 34 This is a flowchart of another wallpaper editing method provided in the embodiments of this application;

[0100] Figure 35 This is a flowchart of another wallpaper editing method provided in the embodiments of this application;

[0101] Figure 36 This is a flowchart of another wallpaper editing method provided in the embodiments of this application;

[0102] Figure 37 This is a schematic diagram of another display area provided in an embodiment of this application;

[0103] Figure 38 This is a flowchart of another wallpaper editing method provided in the embodiments of this application. Detailed Implementation

[0104] In the following description, specific details such as particular system architectures and technologies are set forth for illustrative purposes and not for limiting purposes, in order to provide a thorough understanding of the embodiments of this application. However, those skilled in the art will understand that this application may also be implemented in other embodiments without these specific details.

[0105] It should be understood that, when used in this specification and the appended claims, the term "comprising" indicates the presence of the described features, integrals, steps, operations, elements, and / or components, but does not exclude the presence or addition of one or more other features, integrals, steps, operations, elements, components, and / or collections thereof. The terms "comprising," "including," "having," and variations thereof all mean "including but not limited to," unless otherwise specifically emphasized.

[0106] It should be understood that "one or more" as mentioned in this application refers to one, two, or more, and "multiple" as mentioned in this application refers to two or more. In the description of this application, unless otherwise stated, " / " means "or," for example, A / B can mean A or B. The "and / or" in this document is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, and B existing alone.

[0107] Furthermore, to facilitate a clear description of the technical solutions of this application, the terms "first" and "second" are used to distinguish identical or similar items with essentially the same function and effect. Those skilled in the art will understand that the terms "first" and "second" do not limit the quantity or execution order, and that the terms "first" and "second" do not necessarily imply that they are different.

[0108] The terms "one embodiment" or "some embodiments" used in this application mean that one or more embodiments of this application include the specific features, structures, or characteristics described in that embodiment. Therefore, the phrases "in one embodiment," "in some embodiments," "in other embodiments," "in still other embodiments," etc., appearing in different parts of this application do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically emphasized.

[0109] The wallpaper editing method provided in this application can be applied to electronic devices. These electronic devices can be mobile phones, tablets, wearable devices, digital cameras, in-vehicle devices, augmented reality (AR) devices, virtual reality (VR) devices, laptops, ultra-mobile personal computers (UMPCs), netbooks, personal digital assistants (PDAs), laptops, etc., and this application does not limit the specific type of device.

[0110] Figure 1This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. See also... 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 jack 170D, a sensor module 180, buttons 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer sensor 180E, a distance sensor 180F, a proximity 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.

[0111] It is understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0112] Processor 110 may include one or more processing units, such as: application processor (AP), modem processor, graphics processing unit (GPU), image signal processor (ISP), controller, memory, video codec, digital signal processor (DSP), baseband processor, and / or neural network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.

[0113] The controller can be the nerve center and command center of the electronic device 100. The controller can generate operation control signals according to the instruction opcode and timing signals to complete the control of fetching and executing instructions.

[0114] The processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or that are used repeatedly. If the processor 110 needs to use the instruction or data again, it can retrieve it directly from this memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0115] The external storage 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 storage interface 120 to perform data storage functions, such as saving music, video, and other files on the external memory card.

[0116] Internal memory 121 can be used to store computer-executable program code, which includes instructions. Processor 110 executes various functional applications and data processing of electronic device 100 by running the instructions stored in internal memory 121. Internal memory 121 may include a program storage area and a data storage area. The program storage area may store the operating system, at least one application program required for a function (such as sound playback, image playback, etc.), etc. The data storage area may store data created by electronic device 100 during use (such as audio data, phonebook, etc.). Furthermore, internal memory 121 may include high-speed random access memory and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc.

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

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

[0119] Electronic device 100 can perform shooting functions through ISP, camera 193, video codec, GPU, display 194 and application processor.

[0120] Electronic device 100 can realize display function through GPU, display screen 194, and application processor.

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

[0122] Touch sensor 180K, also known as a "touch panel," can be located on display screen 194. The touch sensor 180K and display screen 194 together form a touchscreen, also known as a "touch display." Touch sensor 180K detects touch operations applied to or near it. 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 display screen 194. In other embodiments, touch sensor 180K may also be located on the surface of electronic device 100, in a different position than display screen 194.

[0123] This application does not specifically limit the structure of the execution subject of the wallpaper editing method. As long as the code containing the wallpaper editing method provided in this application is run, the wallpaper editing method can be processed according to the wallpaper editing method provided in this application. For example, the execution subject of the wallpaper editing method provided in this application can be a functional module in an electronic device that can call and execute a program, or it can be a processing device applied in an electronic device, such as a chip.

[0124] The wallpapers involved in the wallpaper editing method provided in the embodiments of this application will be described next.

[0125] The wallpaper in this embodiment may include multiple layers. The layers described in this embodiment may be views obtained by drawing layer content (including but not limited to images, time, etc.) in a blank view.

[0126] These multiple layers have a hierarchical relationship, which refers to their position on the top or bottom layer when displayed. That is, when one layer is at a higher level than another, it is positioned above the first layer. Generally, a higher-level layer will partially or completely obscure the lower-level layer when displayed.

[0127] Figure 2 This is a schematic diagram of multiple layers provided in an embodiment of this application. These multiple layers can be divided into various types.

[0128] For example, such as Figure 2As shown, these multiple layers can include five types of layers: original layer, color background layer, decoration layer, clock layer, and cutout layer.

[0129] Generally, the original layer is at the bottom. The color background layer is below the decoration layer, clock layer, and cutout layer. The decoration layer's layer level can be below the clock layer and cutout layer in some cases, and above them in others. The clock layer's layer level can be below the cutout layer in some cases, and above it in others.

[0130] The image in the original layer can be referred to as the main image. For example, the main image could be an image selected by the user, such as one chosen from the user's gallery or one selected from preset images on the electronic device. Alternatively, the main image could be the image in the original layer of a wallpaper template selected by the user from multiple preset wallpaper templates on the electronic device. For instance, the original layer could be... Figure 3 The layer shown in Figure (a) is shown in the diagram.

[0131] The image in the color background layer is an image that has a certain color overall. For example, the color of this image can be a solid color or a gradient. For instance, the color background layer could be... Figure 3 The layer shown in Figure (b) has a solid color background.

[0132] The decorative layer image is an image that can decorate the main image. For example, the image can be an image with a frame effect, an image containing text, an image with a certain texture, or an image with a mask effect, etc., and this application embodiment does not limit this. For example, the decorative layer can be... Figure 3 The layer shown in Figure (c) or Figure (d) in the diagram. Figure 3 The decorative layer shown in Figure (c) is... Figure 3 The decorative layers shown in Figure (d) can create a frame effect when overlaid.

[0133] The clock layer is a layer used to display the time, which can be the system time of an electronic device. For example, this clock layer could be... Figure 3 The layer shown in Figure (e) is a clock layer that displays the time.

[0134] The image to be cut out can be obtained from the image of the original layer. For example, the image to be cut out can be an image of the foreground object in the image of the original layer. In some embodiments, the foreground object can be extracted from the image of the original layer based on object information and edge information. For example, if the original layer is... Figure 3 In the case of the layer shown in Figure (a), the cutout layer can be Figure 3 The layer shown in Figure (f) contains the foreground object from the original layer.

[0135] In practical applications, Figure 2 The layer hierarchy shown is not unique and can be changed according to the actual situation, or the layers can be deployed according to the wallpaper editing function of the electronic device. Furthermore, in practical applications, the layer types are not limited to... Figure 2 The five types shown can be customized to other types as needed.

[0136] The wallpaper in this embodiment may include one or more types of layers. In some cases, the wallpaper in this embodiment may also include one or more layers of the same type, for example, it may include one or more original layers, and / or it may include one or more color background layers, and / or it may include one or more decorative layers, and / or it may include one or more clock layers, and / or it may include one or more cutout layers.

[0137] For example, desktop wallpaper and lock screen wallpaper can be set on electronic devices.

[0138] Desktop wallpaper is the wallpaper displayed on the desktop of an electronic device. For example, such as... Figure 9 As shown in Figure (a), the desktop 900 of the electronic device can display a desktop wallpaper.

[0139] A lock screen wallpaper is the wallpaper displayed on the lock screen of an electronic device. The lock screen is the interface displayed when the electronic device is locked. For example, as shown... Figure 8 As shown in Figure (a), the lock screen interface 800 of the electronic device can display a lock screen wallpaper.

[0140] In some situations, users need to unlock their electronic devices when the screen is locked before the device can display the home screen. For example, when a user... Figure 8 After the lock screen interface 800 shown in Figure (a) performs the unlock operation, the electronic device can display... Figure 9 The desktop 900 is shown in Figure (a).

[0141] For example, desktop wallpapers may include the original layer.

[0142] For example, the lock screen wallpaper, from bottom to top, can include: the original layer, the clock layer, etc. For instance, the lock screen wallpaper could be... Figure 4 The wallpaper shown in Figure (a) includes... Figure 3 The original layer shown in Figure (a) and Figure 3 The clock layer is shown in Figure (e).

[0143] Alternatively, the lock screen wallpaper can include, from bottom to top, the following layers: the original layer, the color background layer, the clock layer, and the cutout layer. For example, the lock screen wallpaper could be... Figure 4 The wallpaper shown in Figure (b) includes... Figure 3 The original layer shown in Figure (a) is... Figure 3 The color background layer shown in Figure (b) is... Figure 3 The clock layer shown in Figure (e) Figure 3 The cutout layer is shown in Figure (f).

[0144] Alternatively, the lock screen wallpaper can include, from bottom to top, the following layers: original layer, decoration layer 1, clock layer, and decoration layer 2. For example, the lock screen wallpaper could be... Figure 4 The wallpaper shown in Figure (c) includes... Figure 3 The original layer shown in Figure (a) is... Figure 3 The decorative layer shown in Figure (c) is... Figure 3 The clock layer shown in Figure (e) Figure 3 The decorative layer shown in Figure (d) is shown in the diagram.

[0145] Alternatively, the lock screen wallpaper can include, from bottom to top, the following layers: original layer, decoration layer 1, clock layer, cutout layer, and decoration layer 2. For example, the lock screen wallpaper could be... Figure 4 The wallpaper shown in figure (d) includes... Figure 3 The original layer shown in Figure (a) is... Figure 3 The decorative layer shown in Figure (c) is... Figure 3 The clock layer shown in Figure (e) Figure 3 The cutout layer shown in Figure (f) is... Figure 3 The decorative layer shown in Figure (d) is shown in the diagram.

[0146] Compared to Figure 4 The wallpaper shown in figure (c) is as follows. Figure 4 The wallpaper shown in Figure (d) can create a sense of depth through the interaction of the original layer, the decorative layer, the clock layer, and the cutout layer. In this embodiment, this effect is referred to as the depth-of-field effect.

[0147] Of course, in addition to the examples above, various types of layers can be flexibly combined in other ways to obtain lock screen wallpapers with better visual effects. This application embodiment does not limit this.

[0148] It should be noted that the above text Figure 3 and Figure 4 This is merely an illustrative description of layers and wallpapers and does not constitute a limitation on the embodiments of this application.

[0149] As can be seen from the above, the wallpaper in this embodiment can be obtained by overlaying multiple layers according to their hierarchical relationship. For example, by... Figure 5 By processing the main image shown in Figure (a), we can obtain... Figure 5 The wallpaper shown in Figure (b) can include... Figure 6 The seven layers shown in Figure (a) are: Original Layer, Decoration Layer 1, Decoration Layer 2, Clock Layer, Cutout Layer, Decoration Layer 3, and Decoration Layer 4, with their layer hierarchy from lowest to highest as: 1, 2, 3, 4, 5, 6, and 7. This wallpaper features rich visual elements and can meet the personalized needs of users.

[0150] In some embodiments, such as Figure 6 As shown in Figure (b), the layer has positional information, which can be represented by coordinates (x, y, z). Here, (x, y) represents the center position of the layer. And (z) indicates the layer's hierarchy within all layers of the wallpaper. It can be seen that in... Figure 6 In the seven layers shown, the z-values ​​of the layers increase sequentially from the leftmost layer to the rightmost layer.

[0151] The wallpaper editing function provided in this application embodiment can edit various types of layers included in the wallpaper to achieve wallpaper editing. For example, it can perform operations such as scaling, moving, blurring, font adjustment, shape adjustment, color adjustment, and depth-of-field effect settings on the wallpaper.

[0152] For example, for the original layer, you can scale, move, blur, etc.; for the color background layer, you can adjust its color, etc.; for the decoration layer, you can adjust its shape, color, etc.; for the clock layer, you can adjust its font, color, etc.; for the cutout layer, you can adjust its depth of field effect, etc.

[0153] The wallpaper editing function provided in this application embodiment can be implemented based on the wallpaper editing interface, which will be described below.

[0154] Figure 7 This is a schematic diagram of a wallpaper editing interface provided in an embodiment of this application. See also... Figure 7 The wallpaper editing interface 700 may include function controls, a lock screen wallpaper page 702, and a desktop wallpaper page 703.

[0155] Functional controls may include main functional controls, such as the return control 70 and the application control 71. Functional controls may also include controls for editing wallpapers, which provide various editing functions.

[0156] Lock screen wallpaper page 702 is a page used to preview the edited lock screen wallpaper. Lock screen wallpaper refers to the wallpaper displayed on the lock screen of an electronic device.

[0157] Desktop wallpaper page 703 is used to preview the edited desktop wallpaper. Desktop wallpaper refers to the wallpaper displayed on the desktop after the electronic device is unlocked. Optionally, desktop wallpaper page 703 can also display thumbnails of the desktop content on top of the desktop wallpaper, thus providing a better preview of the wallpaper's display effect.

[0158] Lock screen wallpaper page 702 and desktop wallpaper page 703 can exist in a paginated format, and the two can be switched by swiping. For example, in Figure 7 The wallpaper editing interface 700 shown in Figure (a) displays a lock screen wallpaper page 702. After the user swipes left in the wallpaper editing interface 700, as shown... Figure 7 As shown in Figure (b), the wallpaper editing interface 700 can display the desktop wallpaper page 703. Afterwards, the user... Figure 7 As shown in Figure (b) of the wallpaper editing interface, after swiping to the right, as shown in Figure (b), the wallpaper editing interface will appear as follows: Figure 7 As shown in Figure (a), the wallpaper editing interface 700 can display the lock screen wallpaper page 702.

[0159] In some embodiments, Figure 7 When the lock screen wallpaper page 702 is displayed in the wallpaper editing interface 700 shown in Figure (a), the wallpaper editing interface 700 can also display part or all of the desktop wallpaper page 703.

[0160] In some embodiments, Figure 7 When the desktop wallpaper page 703 is displayed in the wallpaper editing interface 700 shown in Figure (b), the wallpaper editing interface 700 can also display part or all of the lock screen wallpaper page 702.

[0161] For example, such as Figure 7 As shown in Figure (a), when the wallpaper editing interface 700 displays the lock screen wallpaper page 702, the wallpaper editing interface 700 can also display related functional controls for editing the lock screen wallpaper, such as clock frame 710, image change control 75, lock screen style control 72, personalized decoration control 73, depth of field effect control 74, etc. This application embodiment does not limit this.

[0162] For example, such as Figure 7 As shown in Figure (b), when the wallpaper editing interface 700 displays the desktop wallpaper page 703, the wallpaper editing interface 700 can also display related functional controls for editing the desktop wallpaper, such as the follow lock screen control 76, color control 77, wallpaper selection control 78, fuzz control 79, etc. This application embodiment does not limit this.

[0163] In some embodiments, such as Figure 7As shown, the wallpaper editing interface 700 may also include a mask 704. For example, the mask 704 may be a blurred mask, which is a mask obtained through blurring. In this case, the function controls, the lock screen wallpaper page 702, and the desktop wallpaper page 703 can all be displayed on top of the mask 704.

[0164] For example, the mask 704 can be obtained by blurring the main image of the lock screen wallpaper displayed on the lock screen wallpaper page 702. Alternatively, the mask 704 can be obtained by blurring the desktop wallpaper displayed on the desktop wallpaper page 703. Of course, the mask 704 can also be obtained in other ways, such as by blurring a preset image, and this embodiment of the application does not limit this.

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

[0166] As an example, such as Figure 8 As shown in Figure (a), when the electronic device displays the lock screen interface 800, the user can perform a first gesture operation on the lock screen interface 800. Figure 8 (Taking the two-finger pinch gesture as an example). In response to the first gesture, the electronic device can display... Figure 8 Figure (b) shows a wallpaper editing interface 700, which displays a lock screen wallpaper page 702 and related functional controls for editing the lock screen wallpaper. In this case, the user can... Figure 8 The wallpaper editing interface 700 shown in Figure (b) is used to edit the lock screen wallpaper.

[0167] If users want to edit their desktop wallpaper, they can do so in [the following settings]. Figure 8 In the wallpaper editing interface 700 shown in Figure (b), swipe left, and then... Figure 8 As shown in Figure (c), the wallpaper editing interface 700 can display the desktop wallpaper page 703 and related functional controls for editing the desktop wallpaper. In this case, the user can... Figure 8 The wallpaper editing interface 700 shown in Figure (c) is used to edit the desktop wallpaper.

[0168] As another example, such as Figure 9 As shown in Figure (a), when the electronic device displays desktop 900, the user can perform a second gesture operation on desktop 900. Figure 9 (Taking the two-finger pinch gesture as an example). In response to the second gesture, the electronic device displays... Figure 9The desktop editing interface shown in Figure (b) displays controls for editing the desktop, such as wallpaper controls, card controls, effect switching controls, and desktop settings controls. The user then clicks on the wallpaper control within this interface. In response to this click, the electronic device can display... Figure 9 The wallpaper editing interface 700 shown in Figure (c) displays a desktop wallpaper page 703 and related functional controls for editing the desktop wallpaper. In this case, the user can... Figure 9 The wallpaper editing interface 700 shown in Figure (c) is used to edit the desktop wallpaper.

[0169] If users want to edit the lock screen wallpaper, they can do so in... Figure 9 In the wallpaper editing interface 700 shown in Figure (c), slide to the right, and then... Figure 9 As shown in Figure (d), the wallpaper editing interface 700 can display the lock screen wallpaper page 702 and related functional controls for editing the lock screen wallpaper. In this case, the user can... Figure 9 The wallpaper editing interface 700 shown in Figure (d) is used to edit the lock screen wallpaper.

[0170] The following section explains the specific process of editing lock screen wallpapers using the wallpaper editing interface 700.

[0171] This application provides lock screen wallpapers with features such as wallpaper templates, custom clocks, decorative settings, depth-of-field settings, image replacement, and image scaling and movement. These features allow users to create personalized wallpapers.

[0172] As an example, electronic devices display such as Figure 10 After the wallpaper editing interface 700 shown in Figure (a) is accessed, the user can click the lock screen style control 72. In response to this click, as shown... Figure 10 As shown in Figure (b), the electronic device can display a pop-up window 7011 on the wallpaper editing interface 700. For example, the electronic device can pop up the pop-up window 7011 from the bottom of the wallpaper editing interface 700. The pop-up window 7011 displays multiple wallpaper template options, and may further display image options from the gallery and some wallpaper image options preset by the electronic device. Assuming the user selects a wallpaper template from these multiple wallpaper templates, in response to the selection of this wallpaper template, as shown... Figure 10 As shown in Figure (c), the electronic device can close the pop-up 7011 and display the wallpaper template on the lock screen wallpaper page 702.

[0173] As an example, electronic devices display such as Figure 11After accessing the wallpaper editing interface 700 shown in Figure (a), the user can click on the clock frame 710 in the lock screen wallpaper page 702. In response to this click, as shown... Figure 11 As shown in Figure (b), the electronic device can display a pop-up window 7012 on the wallpaper editing interface 700. For example, the electronic device can pop up the pop-up window 7012 from the bottom of the wallpaper editing interface 700, which displays multiple clock font options and multiple clock color options. Users can use these clock font options to adjust the font of the clock in the wallpaper of the lock screen wallpaper page 702, and use these clock color options to adjust the color of the clock in the wallpaper of the lock screen wallpaper page 702. Assuming the user selects a clock color, in response to the selection of this clock color, as shown... Figure 11 As shown in Figure (c), the electronic device can set the color of the clock in the wallpaper of lock screen wallpaper page 702 to this clock color, so that the user can view the clock display effect. Afterwards, if the user confirms that the clock settings are complete, then... Figure 11 As shown in Figure (c), the user can click the collapse control 712. In response to this click, as... Figure 11 As shown in Figure (d), the electronic device can close pop-up 7012.

[0174] As an example, electronic devices display such as Figure 12 After viewing the wallpaper editing interface 700 shown in Figure (a), the user can click the personalization control 73. In response to this click, as shown... Figure 12 As shown in Figure (b), the electronic device can display a pop-up window 7013 on the wallpaper editing interface 700. For example, the electronic device can pop up the pop-up window 7013 from the bottom of the wallpaper editing interface 700, which displays multiple shape options and multiple color options. Users can use these shape options to adjust the shape of the decorative elements in the wallpaper of the lock screen wallpaper page 702, and use these color options to adjust the color of the decorative elements in the wallpaper of the lock screen wallpaper page 702. Assuming the user selects a color, in response to the selection of that color, as shown... Figure 12 As shown in Figure (c), the electronic device can set the color of the decorative elements 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 elements. Afterwards, if the user confirms the completion of the decorative element settings, then as shown... Figure 12 As shown in Figure (c), the user can click the collapse control 713. In response to this click, as... Figure 12 As shown in Figure (d), the electronic device can close pop-up 7013.

[0175] As an example, electronic devices display such as Figure 13After viewing the wallpaper editing interface 700 shown in Figure (a), the user can click the depth-of-field effect control 74. In response to this click, as shown... Figure 13 As shown in Figure (b), the electronic device can display a pop-up window 7014 on the wallpaper editing interface 700. For example, the electronic device can pop up the pop-up window 7014 from the bottom of the wallpaper editing interface 700. The pop-up window 7014 displays a depth-of-field effect switch 7141, and may further display a background blur control 7142. Figure 13 (Taking a slider-style control as an example). Users can turn the depth-of-field effect of the lock screen wallpaper page 702 on or off using the depth-of-field effect switch 7141, and adjust the blur of the background portion of the wallpaper on the lock screen wallpaper page 702 using the background blur control 7142. Assuming the user turns off the depth-of-field effect switch 7141, the response to turning off the depth-of-field effect switch 7141 is as follows: Figure 13 As shown in Figure (c), the electronic device can turn off the depth-of-field effect of the wallpaper on lock screen wallpaper page 702. Afterwards, if the user confirms that the depth-of-field setting is complete, then... Figure 13 As shown in Figure (c), the user can click the collapse control 7143. In response to this click, as... Figure 13 As shown in Figure (d), the electronic device can close pop-up 7014.

[0176] It should be noted that, as Figure 13 As shown in Figure (a), with the depth-of-field effect enabled, the cutout layer is above the clock layer, meaning the cutout layer is at a higher level than the clock layer, thus preventing it from obscuring the main subject. And as... Figure 13 As shown in Figure (d), with the depth-of-field effect turned off, the cutout layer is located below the clock layer, meaning the cutout layer is at a lower level than the clock layer, which can occlude the main subject.

[0177] As an example, electronic devices display such as Figure 14 After the wallpaper editing interface 700 shown in Figure (a) is completed, the user can click the image change control 75. In response to this click, as shown... Figure 14 As shown in Figure (b), the electronic device can display a pop-up window 7015 on the wallpaper editing interface 700. For example, the electronic device can pop up the pop-up window 7015 from the bottom of the wallpaper editing interface 700, displaying image options from the gallery. Assuming the user selects an image from these images, in response to the selection, as shown... Figure 14 As shown in Figure (c), the electronic device can close pop-up 7015 and change the main image of the wallpaper on the lock screen wallpaper page 702 to this image.

[0178] As an example, users can zoom in or out on the main image of the wallpaper on lock screen wallpaper page 702, and can also move the position of that main image. For example, as Figure 15 As shown in Figure (a), assuming the user performs a two-finger zoom operation on the lock screen wallpaper page 702, the response to this two-finger zoom operation is as follows: Figure 15 As shown in Figure (b), the electronic device can zoom in on the main image of the wallpaper on the lock screen wallpaper page 702. For example, as... Figure 15 As shown in Figure (c), assuming the user performs a two-finger pinch-to-zoom operation on the lock screen wallpaper page 702, the response to this pinch-to-zoom operation is as follows: Figure 15 As shown in Figure (d), electronic devices can reduce the size of the main image of the wallpaper on lock screen wallpaper page 702. For example, as... Figure 15 As shown in Figure (e), assuming the user performs a scroll-down operation on the lock screen wallpaper page 702, the response to this scroll-down operation is as follows: Figure 15 As shown in Figure (f), the electronic device can scroll down the main image of the wallpaper on the lock screen wallpaper page 702.

[0179] After editing the lock screen wallpaper using one or more of the methods described above, if the user determines that the wallpaper on the current lock screen wallpaper page 702 meets their needs, then... Figure 16 As shown in Figure (a), the user can click the application control 71 in the wallpaper editing interface 700. In response to this click, the electronic device can close the wallpaper editing interface 700, and, as... Figure 16 As shown in Figure (b), an electronic device can set the wallpaper of the lock screen wallpaper page 702 as the lock screen wallpaper of the lock screen interface 800.

[0180] Later, if the user wants to edit the wallpaper again while using the electronic device, then... Figure 17 As shown in Figure (a), the user can perform a first gesture operation on the lock screen 800. Figure 17 (Taking the two-finger pinch gesture as an example). In response to the first gesture, the electronic device can display... Figure 17 The wallpaper editing interface 700 shown in Figure (b) displays a lock screen wallpaper page 702 and related function controls for editing the lock screen wallpaper. At this time, the lock screen wallpaper page 702 displays the lock screen wallpaper that the user previously edited. In this case, the user can continue editing the previously edited lock screen wallpaper. For example, they can follow a similar... Figure 10 You can change the wallpaper template using the lock screen style control 72, or you can do it in a similar way. Figure 11 This method uses the clock frame 710 to reset the clock in the previously edited lock screen wallpaper, or you can follow a similar... Figure 12This method allows you to reset the shape and color of the decorative elements in the previously edited lock screen wallpaper, or you can follow a similar approach. Figure 13 This method allows you to change the depth-of-field effect and background blur in the previously edited lock screen wallpaper, or you can follow a similar approach. Figure 14 This is how you change the main image in the previously edited lock screen wallpaper, or you can follow a similar method. Figure 15 This allows you to zoom and / or move the main image in the lock screen wallpaper that was last edited.

[0181] The following section explains the specific process of editing desktop wallpapers using the 700 wallpaper editing interface.

[0182] This application provides desktop wallpapers with features such as following the lock screen, color settings, custom selection, blurring, zooming, and movement. These features allow users to create personalized wallpapers.

[0183] As an example, electronic devices display such as Figure 18 The wallpaper editing interface 700 shown in Figure (a) displays a lock screen wallpaper page 702 and related function controls for editing the lock screen wallpaper. The user swipes left in the wallpaper editing interface 700, and then... Figure 18 As shown in Figure (b), the wallpaper editing interface 700 displays the desktop wallpaper page 703 and related functional controls for editing the desktop wallpaper. Assuming the user clicks the follow lock screen control 76 in the wallpaper editing interface 700, the response to this click operation is as follows: Figure 18 As shown in Figure (c), the electronic device displays the main image of the wallpaper from the lock screen wallpaper page 702 on the desktop wallpaper page 703.

[0184] In some possible implementations, after the user clicks the "Follow Lock Screen" control 76 in the wallpaper editing interface 700, the desktop wallpaper page 703 enters the "Follow Lock Screen" state. In this case, any operation the user performs on the main image on the lock screen wallpaper page 702 will be synchronized to the desktop wallpaper page 703. For example, if the user changes the main image on the lock screen wallpaper page 702, the wallpaper on the desktop wallpaper page 703 will change accordingly; if the user zooms in on the main image on the lock screen wallpaper page 702, the wallpaper on the desktop wallpaper page 703 will zoom in accordingly; if the user zooms out on the main image on the lock screen wallpaper page 702, the wallpaper on the desktop wallpaper page 703 will zoom out accordingly; if the user moves the main image on the lock screen wallpaper page 702, the wallpaper on the desktop wallpaper page 703 will move accordingly.

[0185] In some embodiments, when the desktop wallpaper page 703 is in a state that follows the lock screen, any operations performed by the user on the wallpaper in the desktop wallpaper page 703 will not be synchronized to the lock screen wallpaper page 702. This way, while maintaining the same main image on both the desktop wallpaper page 703 and the lock screen wallpaper page 702, the display of the main image on the desktop wallpaper page 703 and the lock screen wallpaper page 702 can be differentiated based on user operations, thereby improving the flexibility of wallpaper settings. Of course, in some embodiments, when the desktop wallpaper page 703 is in a state that follows the lock screen, any operations performed by the user on the wallpaper in the desktop wallpaper page 703 can also be synchronized to the lock screen wallpaper page 702, thereby maintaining consistency between the desktop wallpaper page 703 and the lock screen wallpaper page 702.

[0186] As an example, electronic devices display such as Figure 19 After viewing the wallpaper editing interface 700 shown in Figure (a), the user can click the color control 77. In response to this click, as shown... Figure 19 As shown in Figure (b), the electronic device can display a pop-up window 7016 from the bottom of the wallpaper editing interface 700. The pop-up window 7016 displays a gradient color switch 7161 and multiple color options. Users can set the desktop wallpaper to a solid color or a gradient color using the gradient color switch 7161, and users can set the color of the desktop wallpaper using these color options. Optionally, these multiple color options may include a smart color picker, the color of which is the background color of the main image of the wallpaper on the lock screen wallpaper page 702. Assuming the user selects a color, in response to this color selection operation, when the gradient color switch 7161 is off, as shown... Figure 19 As shown in Figure (c), the electronic device can display a solid color wallpaper of this color on the desktop wallpaper page 703, allowing the user to view the wallpaper display effect. Afterwards, if the user confirms the color setting is complete, then... Figure 19 As shown in Figure (c), the user can click the collapse control 7162. In response to this click, as... Figure 19 As shown in Figure (d), the electronic device can close pop-up 7016.

[0187] As an example, when the wallpaper editing interface 700 displays the desktop wallpaper page 703 and related functional controls for editing the desktop wallpaper, the user can select an image from the gallery or preset wallpaper images on the electronic device using the wallpaper selection control 78 in the wallpaper editing interface 700 as the wallpaper for the desktop wallpaper page 703. This process is similar to the above. Figure 10 or Figure 14 The process of selecting images is similar and will not be repeated here.

[0188] As an example, when the wallpaper editing interface 700 displays the desktop wallpaper page 703 and related functional controls for editing the desktop wallpaper, the user can adjust the blur level of the wallpaper on the desktop wallpaper page 703 using the blur control 79 in the wallpaper editing interface 700. This process is similar to the above. Figure 13 The process of adjusting ambiguity is similar and will not be repeated here.

[0189] As an example, when the wallpaper editing interface 700 displays the desktop wallpaper page 703 and related functional controls for editing the desktop wallpaper, the user can zoom in or out on the wallpaper on the desktop wallpaper page 703, and also move the position of the wallpaper. This process is similar to the above. Figure 15 The process of adjusting the size or position of the main image is similar and will not be described in detail here.

[0190] After editing the desktop wallpaper using one or more of the methods described above, if the user determines that the wallpaper on the current desktop wallpaper page 703 meets their needs, the user can click the application control 71 in the wallpaper editing interface 700. In response to this click, the electronic device can set the wallpaper on the desktop wallpaper page 703 as the desktop wallpaper.

[0191] It should be noted that since the wallpaper editing interface 700 includes a lock screen wallpaper page 702 and a desktop wallpaper page 703, after the user clicks the application control 71 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.

[0192] Another point to note is that in some embodiments, if the electronic device enters the wallpaper editing interface 700 from the lock screen interface 800, then after the user clicks the application control 71 in the wallpaper editing interface 700, in response to the click operation, the electronic device can display the lock screen interface 800 and show the edited lock screen wallpaper on the lock screen interface 800. Conversely, if the electronic device enters the wallpaper editing interface 700 from the desktop 900, then after the user clicks the application control 71 in the wallpaper editing interface 700, in response to the click operation, the electronic device can display the desktop 900 and show the edited desktop wallpaper on the desktop 900.

[0193] In other embodiments, if the user clicks the application control 71 in the wallpaper editing interface 700 while the lock screen wallpaper page 702 is displayed in the wallpaper editing interface 700, then in response to the click operation, the electronic device can display the lock screen interface 800 and display the edited lock screen wallpaper on the lock screen interface 800. If the user clicks the application control 71 in the wallpaper editing interface 700 while the desktop wallpaper page 703 is displayed in the wallpaper editing interface 700, then in response to the click operation, the electronic device can display the desktop 900 and display the edited desktop wallpaper on the desktop 900.

[0194] In some other embodiments, after a user clicks on the application control 71 in the wallpaper editing interface 700, in response to the click operation, the electronic device can display the desktop 900 and display the edited desktop wallpaper on the desktop 900.

[0195] It should be noted that after editing the lock screen wallpaper and / or desktop wallpaper using one or more of the methods described above, if the user does not wish to save the edited lock screen wallpaper and / or desktop wallpaper, they can click the return control 70 in the wallpaper editing interface 700. In response to this click, the electronic device will not apply the newly edited lock screen wallpaper and / or desktop wallpaper, but will instead retain the original lock screen wallpaper and desktop wallpaper.

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

[0197] Figure 20 This is a schematic diagram of the software system involved in a wallpaper editing method provided in an embodiment of this application. See also... Figure 20 As shown in Figure (a), the software system may include an application layer and a system layer.

[0198] The application layer can include a series of applications. For example... Figure 20 As shown in Figure (a), the application layer can include applications such as lock screen applications, desktop applications, and gallery applications.

[0199] The system layer can include multiple functional modules, such as a file system.

[0200] Both the lock screen app and the desktop app can instruct the gallery app to display the wallpaper editing interface.

[0201] When the gallery application receives an instruction from the lock screen application or the desktop application, it can load the wallpaper editing interface, which includes loading the function controls, the lock screen wallpaper page, and the desktop wallpaper page.

[0202] The gallery application can retrieve lock screen wallpaper files and desktop wallpaper files from the file system, and display the lock screen wallpaper on the lock screen wallpaper page based on the lock screen wallpaper file, and display the desktop wallpaper on the desktop wallpaper page based on the desktop wallpaper file.

[0203] The file system is used to manage lock screen wallpaper files, desktop wallpaper files, and wallpaper template files. For example, lock screen wallpaper files, desktop wallpaper files, and wallpaper template files can be stored in hardware-level memory. The file system can read lock screen wallpaper files, desktop wallpaper files, and wallpaper template files from this memory. The file system can also update the lock screen wallpaper files and desktop wallpaper files in this memory.

[0204] A lock screen wallpaper file can include a first file and a second file. The first file is used when editing the lock screen wallpaper in the wallpaper editing interface; that is, the gallery application can display the lock screen wallpaper on the lock screen wallpaper page based on the first file. The second file is used when displaying the lock screen wallpaper on the lock screen interface; that is, the lock screen application can display the lock screen wallpaper on the lock screen interface based on the second file.

[0205] A desktop wallpaper file can include a first file and a second file. The first file is used when editing the wallpaper in the wallpaper editing interface; that is, the gallery application can display the wallpaper on the wallpaper page based on the first file. The second file is used when displaying the wallpaper on the desktop; that is, the desktop application can display the wallpaper on the desktop based on the second file.

[0206] Wallpaper template files are files that provide users with a selection of wallpaper templates when editing lock screen wallpapers in the wallpaper editing interface. In this case, after the user selects a wallpaper template, the gallery application can display that wallpaper template on the lock screen wallpaper page based on the corresponding wallpaper template file.

[0207] Figure 20 Figure (b) is a technical architecture diagram of a wallpaper editing method provided in an embodiment of this application. This technical architecture diagram only shows modules related to the embodiments of this application. These modules can be set in a gallery application or as other applications independent of the gallery application, such as a standalone wallpaper editing application. In practical applications, this technical architecture diagram may also include other modules, which are not shown one by one.

[0208] For example, such as Figure 20 As shown in Figure (b), the gallery application may include a main function module, a lock screen view module, and a desktop view module.

[0209] The main functional module implements various editing functions during the wallpaper editing process. This module can interact with external systems, such as lock screen applications, desktop applications, and the file system. Furthermore, it can perform parsing tasks related to the wallpaper file during the wallpaper editing process. Additionally, the main functional module can save operation data for each editing action during the wallpaper editing process.

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

[0211] The Desktop View module is used to display the desktop wallpaper on the desktop wallpaper page based on the desktop wallpaper display information.

[0212] Following the description of the technical architecture diagram of the wallpaper editing method provided in the embodiments of this application, a timing diagram of the wallpaper editing method provided in the embodiments of this application is described next. This timing diagram is related to... Figures 7 to 19 The scenario shown illustrates the specific implementation process of wallpaper editing based on the wallpaper editing interface.

[0213] Figure 21 This is a flowchart of a wallpaper editing method provided in an embodiment of this application. Figure 21 The flowchart shown illustrates the specific process of displaying the wallpaper editing interface when the wallpaper editing function is used for the first time. See also... Figure 21 The method may include the following steps:

[0214] Step 2101: The lock screen application receives the first gesture operation.

[0215] The first gesture operation can be a predefined gesture operation. For example, the first gesture operation can be a two-finger pinch operation, a long press operation, a double-tap operation, an S-shaped swipe operation, etc., and this application embodiment does not limit it.

[0216] For example, suppose the first gesture is a two-finger pinch. Figure 8 As shown in Figure (a), 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 the two-finger pinch operation on the lock screen interface 800. Specifically, the two-finger pinch operation triggered on the lock screen interface 800 is used to indicate entry into the wallpaper editing function, that is, to indicate the display of the wallpaper editing interface.

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

[0218] For example, the first message could be an intent message.

[0219] The first message can carry source information, which indicates 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.

[0220] In some implementations, if the lock screen wallpaper has not been edited using the wallpaper editing method provided in this application, the lock screen wallpaper is generally a default wallpaper image. In this case, the first message may also carry the storage path of the wallpaper image.

[0221] Since the first gesture triggered on the lock screen is used to indicate entry into the wallpaper editing function, the lock screen application can send a first message to the gallery application after receiving the first gesture to instruct the gallery application to display the wallpaper editing interface.

[0222] Step 2103: After receiving the first message, the main functional module in the gallery application determines that the first message comes from the lock screen application, and then displays the functional controls.

[0223] For example, such as Figure 8 As shown in Figures (b) and (c), the functional control may include main functional controls, such as the return control 70 and the application control 71, as well as related functional controls for editing the lock screen wallpaper, such as the clock frame 710, the image change control 75, the lock screen style control 72, the personalized decoration control 73, the depth of field effect control 74, and related functional controls for editing the desktop wallpaper, such as the follow lock screen control 76, the color control 77, the wallpaper selection control 78, and the blur control 79.

[0224] The main functional module can determine whether the first message comes from the lock screen application based on the source information in the first message.

[0225] In some embodiments, if the main functional module determines that the first message comes from a lock screen application, then the main functional module can determine that the display area of ​​the lock screen wallpaper page is a preset first display area within the screen, and the display area of ​​the desktop wallpaper page is a preset second display area, wherein the second display area is either partially located within the screen or completely located outside the screen. In this case, such as Figure 8 As shown in Figure (b), the main functional module can first display the main functional controls and related functional controls for editing the lock screen wallpaper, while temporarily not displaying the related functional controls for editing the desktop wallpaper.

[0226] In some embodiments, the size of the first display area is the same as the size of the second display area. The area ratio (i.e., the area aspect ratio) 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 screen aspect ratio) of the electronic device.

[0227] For example, such as Figure 22 As shown, when the first message originates from the lock screen application, the main functional module can determine that the display area of ​​the lock screen wallpaper page is a preset display area A within the screen, while the display area of ​​the desktop wallpaper page is a preset display area B. Display area B has only a very small portion within the screen, with the majority located off-screen. In this case, the user can see the complete lock screen wallpaper page, but only a very small portion of the desktop wallpaper page.

[0228] In some embodiments, if the main functional module determines that the first message comes from a lock screen application, it may also display a mask. For example, such as Figure 7 As shown, layer 704 is the bottommost layer of the wallpaper editing interface 703. The function controls, lock screen wallpaper page 702, and desktop wallpaper page 703 in the wallpaper editing interface 700 are all displayed on top of layer 704.

[0229] For example, the mask can be a blurred mask, which is a mask obtained through blurring.

[0230] As an example, the main functional module can retrieve the corresponding image based on the storage path of the image carried in the first message (i.e., the wallpaper image mentioned above), or it can retrieve a preset image. Then, the main functional module can adjust the image according to the screen information to make its size match the screen size, then blur the image to obtain the overlay, and finally display the overlay.

[0231] In one possible implementation, the operation of the main functional module to adjust the image according to the screen information can be as follows: crop the image according to the screen ratio, and the aspect ratio (i.e., the image height-to-width ratio) of the cropped image is the same as the screen ratio; divide the screen height by the height of the cropped image, or divide the screen width by the width of the cropped image, to obtain the scaling ratio; scale the cropped image according to the scaling ratio, and the size of the scaled image is the screen size.

[0232] Step 2104: The main functional module sends a first creation instruction to the lock screen view module. The first creation instruction is used to instruct the creation of m views.

[0233] m can be a pre-set value, such as the maximum number of layers a wallpaper template is expected to have, as estimated by a technician. For example, m is an integer greater than or equal to 2, such as 12, 13, etc., but this application does not limit this.

[0234] For example, the first creation instruction can carry the properties of each of the m views.

[0235] The properties of each of the m views can include view identifier, size, position, etc.

[0236] A view identifier is used to uniquely identify a view. For example, if m is 12, the view identifiers of the 12 views can be "layer_origin", "layer_color", "layer_res1", "layer_res2", "layer_res3", "layer_res4", "layer_res5", "layer_res6", "layer_res7", "layer_res8", "layer_timer", and "layer_crop".

[0237] The size of each of the m views can be the size of the display area of ​​the lock screen wallpaper page (i.e., the first display area). The position of each of the m views can be the position of the first display area.

[0238] Step 2105: After receiving the first creation instruction, the lock screen view module creates m views.

[0239] The lock screen view module can create m views based on the attributes of each of the m views specified in the first creation command. All m newly created views are blank views, meaning they are transparent views without any content yet drawn.

[0240] Step 2106: The main functional module sends a second creation instruction to the desktop view module. The second creation instruction is used to instruct the creation of n views.

[0241] n can be a pre-set numerical value. For example, n is an integer greater than or equal to 2, such as 2, 3, etc., but this application does not limit this.

[0242] For example, the second creation instruction can carry the properties of each of the n views.

[0243] The properties of each of the n views can include view identifier, size, position, etc.

[0244] For example, when n equals 2, the view identifiers for the n views can be "layer_origin" and "layer_icon".

[0245] The size of each of the n views can be the size of the display area of ​​the desktop wallpaper page (i.e., the second display area). The position of each of the n views can be the position of the second display area.

[0246] It should be noted that the operation of displaying the functional controls in step 2103, the operation of sending the first creation command to the lock screen view module in step 2104, and the operation of sending the second creation command to the desktop view module in step 2106 do not have a strict sequential order. That is, the functional module can display the functional controls first and then send the first and second creation commands, or the functional module can send the first and second creation commands first and then display the functional controls, or the functional module can send the first and second creation commands simultaneously with displaying the functional controls.

[0247] Step 2107: After receiving the second creation instruction, the desktop view module creates n views.

[0248] The Desktop View module can create n views based on the attributes of each of the n views specified in the second creation command. All n newly created views by the Desktop View module are blank views.

[0249] Step 2108: The main functional module sends a wallpaper data retrieval request to the file system.

[0250] This wallpaper data retrieval request is used to request lock screen wallpaper files and desktop wallpaper files.

[0251] A lock screen wallpaper file is a file that contains data related to the current lock screen wallpaper of an electronic device.

[0252] A desktop wallpaper file is a file that contains data related to the current desktop wallpaper on your electronic device.

[0253] Step 2109: After receiving the wallpaper data acquisition request, the file system sends the lock screen wallpaper file and the desktop wallpaper file to the main functional module.

[0254] After receiving a wallpaper data retrieval request from the main functional module of the gallery application, the file system can send the first file of the lock screen wallpaper as the lock screen wallpaper file to the main functional module, and also send the first file of the desktop wallpaper as the desktop wallpaper file to the main functional module.

[0255] 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, if the lock screen wallpaper has not been edited using the wallpaper editing method provided in this application embodiment, the lock screen wallpaper can be a preset first image, in which case the first file of the lock screen wallpaper can contain the first image.

[0256] The first file of the desktop wallpaper is the desktop wallpaper file that the gallery application needs to use when editing the desktop wallpaper. In some implementations, if the desktop wallpaper has not been edited using the wallpaper editing method provided in this application embodiment, the desktop wallpaper can be a preset second image, in which case the first file of the desktop wallpaper can contain the second image.

[0257] The first and second images are wallpaper images pre-installed on electronic devices. The first and second images may be the same or different, and this application embodiment does not limit this.

[0258] For example, the dimensions of both the first and second images are the same as the screen dimensions. In this case, both the first and second images are full-screen images, meaning images that can fill the entire screen.

[0259] Step 2110: After receiving the lock screen wallpaper file and the desktop wallpaper file, the main functional module retrieves the first image from the lock screen wallpaper file and the second image from the desktop wallpaper file.

[0260] It should be noted that, in this embodiment of the application, after the main functional module obtains the first image and the second image, it can save the obtained first image and the second image in memory and perform subsequent processing on them.

[0261] It should be noted that the images described in this application embodiment may exist in the electronic device as image data before being displayed, and can be drawn and rendered on the screen according to the image data during display. Therefore, obtaining the first image can be understood as obtaining the first image data, and obtaining the second image can be understood as obtaining the second image data.

[0262] Step 2111: The main functional module processes the first image to obtain the first display image, and processes the second image to obtain the second display image.

[0263] The first displayed image is the image used to display on the lock screen wallpaper page. The size of the first displayed image is the same as the size of the display area on the lock screen wallpaper page.

[0264] The second display image is the image used to display on the desktop wallpaper page. The size of the second display image is the same as the display area of ​​the desktop wallpaper page.

[0265] In some embodiments, when the size of the first image is the same as the screen size, the operation of the main functional module to process the first image to obtain the first display image can be: the main functional module scales the first image according to a specific scaling ratio to obtain the first display image.

[0266] A specific scaling factor is used to process a full-screen image into an image that can fill the display area of ​​the lock screen wallpaper page. For example, the specific scaling factor can be obtained by dividing the height (or width) of the display area of ​​the lock screen wallpaper page by the screen height (or screen width).

[0267] It should be noted that when the size of the second image is the same as the screen size, the operation of the main functional module to process the second image to obtain the second display image is similar to the operation of the main functional module to process the first image to obtain the first display image, and will not be described again in this embodiment.

[0268] Step 2112: The main functional module sends the first display command to the lock screen view module.

[0269] The first display instruction is used to instruct the display of the m views. The first display instruction carries a first view identifier and a first display image. For example, the first view identifier can be "layer_origin".

[0270] Step 2113: After receiving the first display instruction, the lock screen view module draws the first display image in the view identified by the first view identifier and displays the m views, where the content of the original layer is the first display image, and the other layers are blank views.

[0271] After the lock screen view module draws the first display image in the view identified by the first view identifier, the view with the first display image can be called the original layer. The other m-1 views besides the original layer are still blank views. Therefore, after the lock screen view module displays the m views, the user will only see the content drawn in the original layer.

[0272] For example, when the lock screen view module displays the m views, it can submit the m views to the rendering service for rendering so that the m views can be displayed in the display area (i.e., the first display area) of the lock screen wallpaper page on the screen, thus realizing the display of the lock screen wallpaper in the lock screen wallpaper page.

[0273] It should be noted that, as Figure 22 As shown, since the first display area is display area A completely located within the screen, after the lock screen view module displays the m views, as follows: Figure 8 As shown in Figure (b), users can see the lock screen wallpaper on lock screen wallpaper page 702.

[0274] Step 2114: The main functional module sends a second display command to the desktop view module.

[0275] The second display instruction is used to instruct the display of the n views.

[0276] For example, when n equals 2, the second display instruction can carry a second view identifier, a second display image, a third view identifier, and a desktop thumbnail. For example, the second view identifier can be "layer_origin", and the third view identifier can be "layer_icon". When n is greater than 2, the second display instruction can also carry other view identifiers and corresponding layer information.

[0277] The desktop thumbnail is a thumbnail of the desktop content. For example, after receiving the first message, the main functional module can obtain the desktop thumbnail from the desktop application. Of course, the main functional module can also obtain the desktop thumbnail through other means, and this embodiment of the application does not limit this.

[0278] Step 2115: After receiving the second display instruction, the desktop view module draws the second display image in the view identified by the second view identifier, draws the desktop thumbnail in the view identified by the third view identifier, and displays the n views.

[0279] When n equals 2, after the desktop view module draws the second display image in the view identified by the second view identifier, this view with the second display image can be called the original layer. After the desktop view module draws the desktop thumbnail in the view identified by the third view identifier, this view with the desktop thumbnail can be called the desktop icon layer. The desktop icon layer is at a higher level than the original layer; that is, the desktop icon layer is located above the original layer.

[0280] When n is greater than 2, the desktop view module can also draw layer content in the view identified by the other view identifier according to the layer information corresponding to the other view identifier carried by the second display instruction. When n is greater than 2, and the second display instruction only carries the second view identifier and the third view identifier, the second display image is drawn in the original layer, the desktop thumbnail is drawn in the desktop icon layer, and other views other than the original layer and the desktop icon layer are blank views.

[0281] For example, when displaying the n views, the desktop view module can submit the n views to the rendering service for rendering in ascending order of hierarchy, so as to display the n views in the display area (i.e., the second display area) of the desktop wallpaper page on the screen, thus realizing the display of the desktop wallpaper and desktop content in the desktop wallpaper page.

[0282] It should be noted that in some cases, such as Figure 22 As shown, since the second display area is display area B, which consists of only a small portion within the screen and the vast majority outside the screen, after the desktop view module displays these n views, it will look like... Figure 8As shown in Figure (b), users cannot see the desktop wallpaper and desktop content on the desktop wallpaper page.

[0283] In other cases, the second display area may be mostly or completely within the screen. In this case, after the desktop view module displays the n views, the user can see part or all of the desktop wallpaper and desktop content from the desktop wallpaper page.

[0284] After displaying the function controls, lock screen wallpaper page, and desktop wallpaper page through the above steps, the display of the wallpaper editing interface is complete. For example, the displayed wallpaper editing interface can be... Figure 8 The wallpaper editing interface 700 is shown in Figure (b).

[0285] After the wallpaper editing interface is displayed, users can edit the lock screen wallpaper or desktop wallpaper. The following is a detailed explanation of the implementation process of various editing functions.

[0286] Figure 23 This is a flowchart of a wallpaper editing method provided in an embodiment of this application. Figure 23 The flowchart shown illustrates the specific process of a user selecting a wallpaper template based on the wallpaper editing interface. See also... Figure 23 The method may include the following steps:

[0287] Step 2301: The main functional module receives click operations on the lock screen style control.

[0288] When the lock screen wallpaper page is displayed in the wallpaper editing interface, various editing operations can be performed on the wallpaper. In some cases, if the user wants to change the style of the lock screen wallpaper, such as... Figure 10 As shown in Figure (a), the user can click on the lock screen style control 72, and the main functional module will receive the click operation on the lock screen style control 72.

[0289] Step 2302: In response to a click on the lock screen style control, the main function module displays the first pop-up window.

[0290] For example, such as Figure 10 As shown in Figure (b), the first pop-up window 7011 displays multiple wallpaper template options. Optionally, it may also display image options from the gallery and some wallpaper image options preset by the electronic device.

[0291] Step 2303: The main functional module receives the selection operation for wallpaper template option 1.

[0292] For example, such as Figure 10As shown in Figure (b), after the user clicks on a wallpaper template option (hereinafter referred to as wallpaper template option 1) displayed in the first pop-up window 7011, the main functional module will receive a selection operation for wallpaper template option 1. For example, wallpaper template option 1 is the option corresponding to wallpaper template 1.

[0293] Step 2304: In response to the selection operation of wallpaper template option 1, the main function module obtains the template identifier corresponding to wallpaper template option 1.

[0294] Each template identifier uniquely identifies a wallpaper template. The template identifier corresponding to wallpaper template option 1 is the template identifier for wallpaper template 1.

[0295] The wallpaper templates in this embodiment can be preset. Each wallpaper template may include multiple layers, and the types and levels of the multiple layers included in each wallpaper template can be preset.

[0296] For example, such as Figure 4 As shown, a wallpaper template, from bottom to top, can include the original layer and a clock layer; or it can include the original layer, a color background layer, a clock layer, and a cutout layer; or it can include the original layer, decoration layer 1, a clock layer, and decoration layer 2; or it can include the original layer, decoration layer 1, a clock layer, a cutout layer, and decoration layer 2. Of course, these are not the only examples; the multiple layers included in a wallpaper template can be flexibly set according to actual needs.

[0297] Step 2305: The main functional module sends a wallpaper template data retrieval request to the file system.

[0298] This wallpaper template data retrieval request is used to request the wallpaper template file corresponding to wallpaper template 1. This request may include the template identifier for wallpaper template 1.

[0299] Step 2306: After receiving the wallpaper template data acquisition request, the file system sends the wallpaper template file to the main functional module.

[0300] Specifically, the file system can obtain the corresponding wallpaper template file based on the template identifier and send the wallpaper template file to the main functional module.

[0301] For example, a wallpaper template file includes files for each of multiple layers. The files for each of the multiple layers in a wallpaper template file can be preset.

[0302] For example, the filename of a layer's file can contain one or more of the layer's view identifier, layer type, level, etc., and the file content of a layer's file can contain the layer's layer data.

[0303] For example, the meanings of the layer type values ​​in the file name can be as follows: [0] original layer, [1] color background layer, [2] decoration layer, [3] clock layer, [4] cutout layer.

[0304] For example, the clock layer file can be text. The text name can contain one or more of the clock layer's view identifier, layer type, and layer level. The text content can contain clock setting information, which may include one or more of layout, font, and color values. For instance, the text can be in txt format, doc format, docx format, or JavaScript Object Notation (JSON) format, etc. This embodiment of the application does not limit this.

[0305] Other layers besides the clock layer, such as the original layer, color background layer, decoration layer, and cutout layer, can be images. The image name can contain one or more of the layer's view identifier, layer type, and layer level. For example, the image name for the original layer could be "1-0-layer_origin", where "1" represents the original layer's layer level, "0" represents the original layer's layer type, and "layer_origin" represents the original layer's view identifier.

[0306] Step 2307: After receiving the wallpaper template file, the main functional module obtains the display information of each layer in the multiple layers according to the wallpaper template file.

[0307] For example, the display information of the clock layer may include one or more of the clock layer's view identifier, hierarchy, and clock settings information.

[0308] For example, for layers other than the clock layer, such as the original layer, color background layer, decoration layer, cutout layer, etc., the display information of the layer may include one or more of the layer's view identifier, layer level, and display image. This display image is an image used to display on the lock screen wallpaper page, and it can fill the display area of ​​the lock screen wallpaper page.

[0309] In some embodiments, see Figure 24 For any layer file included in the wallpaper template file, the main functional module can obtain the display information of the layer according to the layer file through the following steps 23071 to 23073.

[0310] Step 23071: The main functional module obtains the view identifier, layer type, and level of the layer from the file name of the layer's file.

[0311] Step 23072: If the layer type is a clock layer, the main functional module determines that the file is text and obtains the clock setting information of the clock layer from the text content of the text file.

[0312] Step 23073: If the layer type is not a clock layer, the main functional module determines that the file is an image, obtains the image as the initial image, processes the initial image to obtain a full-screen image, scales the full-screen image according to a specific scaling ratio, and obtains the display image of the layer.

[0313] For example, the main functional module can process the initial image to obtain a full-screen image by: determining an initial scaling ratio based on the screen size and the size of the initial image, and scaling the initial image according to the initial scaling ratio to obtain a full-screen image.

[0314] This initial scaling factor is used to process the initial image into a full-screen image. Specifically, the screen height is divided by the height of the initial image to obtain a first value, and the screen width is divided by the width of the initial image to obtain a second value. The larger of the first and second values ​​is then used as the initial scaling factor.

[0315] It should be noted that in step 2307, after the main functional module receives the wallpaper template file, it can save the wallpaper template file as the currently edited lock screen wallpaper file in memory, and subsequent editing processes will modify the currently edited lock screen wallpaper file.

[0316] Step 2308: The main functional module sends a third display instruction to the lock screen view module.

[0317] The third display instruction is used to instruct the display of the wallpaper template. The third display instruction carries display information for each of the multiple layers.

[0318] Step 2309: After receiving the third display instruction, the lock screen view module draws the layer content in the corresponding view according to the display information of each layer in the multiple layers, and displays m views.

[0319] After receiving the third display command, the lock screen view module can first clear the hierarchy of the previously created m views and the content drawn within them. Then, based on the display information of each of the multiple layers, it sets the hierarchy of the multiple views that correspond one-to-one with the multiple layers, and draws the layer content in each of the multiple views. Finally, it displays the m views. In this case, the other views among the m views are blank views, so after the lock screen view module displays the m views, the user will only see the content drawn in those views.

[0320] In some embodiments, for a clock layer, the lock screen view module can draw a clock in the view identified by the view identifier of the clock layer based on the clock setting information in the clock layer's display information. In this case, the view that draws the layer content of the clock layer can be called the clock layer.

[0321] In some embodiments, for any layer other than the clock layer among the plurality of layers, the lock screen view module can draw the display image from the display information of that layer onto the view identified by the view identifier of that layer. For example, the lock screen view module can determine a target area in the display image and draw the image within the target area of ​​the display image onto the view.

[0322] The target area in the displayed image is the region within the displayed image that can be displayed within the lock screen wallpaper page. For example, the target area in the displayed image could be a region centered on the center of the displayed image and having the same size as the view. For instance, the target area in the displayed image could be... Figure 25 The area within the dashed line shown.

[0323] For example, when displaying the m views, the lock screen view module can submit them to the rendering service for rendering in ascending order of hierarchy. This allows the m views to be overlaid on the lock screen wallpaper page's display area, thus displaying the wallpaper template on the lock screen wallpaper page. For example, the displayed lock screen wallpaper page can be... Figure 10 The lock screen wallpaper page 702 shown in Figure (c) displays the wallpaper template selected by the user.

[0324] In some embodiments, after a user edits the lock screen wallpaper by selecting a wallpaper template, the user can also save the edited lock screen wallpaper to make it effective. This process may include the following steps 2310 and 2312.

[0325] Step 2310: The main functional module receives click operations on the application controls.

[0326] For example, such as Figure 10 As shown in Figure (c), after selecting a wallpaper template, the user can click on the application control 71 in the wallpaper editing interface 700, and the main functional module will receive the click operation on the application control 71.

[0327] After receiving a click operation on the application control, the main functional module can process the image of any layer other than the clock layer in the currently edited lock screen wallpaper file into a target image. The target image's dimensions are the same as the screen dimensions. This ensures that the images of all layers in the subsequently saved lock screen wallpaper file, except for the clock layer, will have the same dimensions as the screen dimensions.

[0328] For example, the operation of the main function module to process the image of the layer in the currently edited lock screen wallpaper file into the target image can be as follows: The main function module obtains the image of the layer in the currently edited lock screen wallpaper file as the initial image. Then, while keeping the image name unchanged, it first processes the initial image to obtain a full-screen image. Then, it crops the image within the full-screen image, with the center of the full-screen image as the center and the size being the same as the screen size, as the target image. Finally, it updates the image of the layer in the currently edited lock screen wallpaper file to the target image.

[0329] Step 2311: The main functional module sends a wallpaper data storage request to the file system.

[0330] This wallpaper data storage request is used to request the storage of lock screen wallpaper file 1. Lock screen wallpaper file 1 is the currently edited lock screen wallpaper file. In this embodiment, it is the wallpaper template file obtained by the main functional module after the user selects a wallpaper template, and here, the images of each layer in the wallpaper template file, except for the clock layer, are target images.

[0331] Step 2312: After receiving the wallpaper data storage request, the file system updates the lock screen wallpaper file.

[0332] For example, the file system can update the first file of the lock screen wallpaper to lock screen wallpaper file 1.

[0333] It should be noted that after a user saves an edited lock screen wallpaper, the lock screen application can display that wallpaper on the lock screen. In this case, if the user wants to edit the lock screen wallpaper again while using the electronic device, they can re-enter the wallpaper editing interface. At this time, the wallpaper editing interface will display the previously edited lock screen wallpaper, i.e., the lock screen wallpaper corresponding to lock screen wallpaper file 1. The user can continue to edit this lock screen wallpaper. The process of editing the lock screen wallpaper again can be referred to below. Figure 36 The flowchart shown is not described in detail here.

[0334] Figure 26 This is a flowchart of a wallpaper editing method provided in an embodiment of this application. Figure 26 The flowchart shown illustrates the specific process by which a user sets the clock based on the wallpaper editing interface. Figure 26The flowchart shown can be executed after step 2309 above; or, it can be executed after step 2312, when the user re-enters the wallpaper editing interface on the electronic device.

[0335] See Figure 26 The method may include the following steps:

[0336] Step 2601: The main functional module receives click operations on the clock frame.

[0337] In some cases, if a user wants to set a clock in the lock screen wallpaper, then... Figure 11 As shown in Figure (a), the user can click on the clock frame 710, and the main functional module will receive the click operation on the clock frame 710.

[0338] Step 2602: In response to the click operation on the clock frame, the main function module displays the second pop-up window.

[0339] For example, such as Figure 11 As shown in Figure (b), the second pop-up window 7012 displays multiple clock font options and multiple clock color options.

[0340] Step 2603: The main functional module receives the selection operation for clock color option 1.

[0341] For example, such as Figure 11 As shown in Figure (b), after the user clicks on a clock color option (hereinafter referred to as clock color option 1) displayed in the second pop-up window 7012, the main functional module will receive the selection operation for clock color option 1.

[0342] Step 2604: In response to the selection operation of clock color option 1, the main function module obtains the color value corresponding to clock color option 1.

[0343] Step 2605: The main function module updates the color value in the text content of the clock layer in the currently edited lock screen wallpaper file to the color value corresponding to clock color option 1, thus obtaining lock screen wallpaper file 2, and then re-acquires the clock setting information of the clock layer.

[0344] It should be noted that, if Figure 26 The flowchart shown is executed after step 2309 above, or after step 2312, when the user re-enters the wallpaper editing interface on the electronic device. In this case, the currently edited lock screen wallpaper file can be lock screen wallpaper file 1.

[0345] The main functional module can retrieve the clock setting information of the clock layer from the text content of the clock layer in the lock screen wallpaper file 2.

[0346] Step 2606: The main functional module sends the view identifier and clock setting information of the clock layer to the lock screen view module.

[0347] Step 2607: After receiving the view identifier and clock setting information of the clock layer, the lock screen view module redraws the layer content in the view identified by the view identifier of the clock layer according to the clock setting information of the clock layer, and displays m views.

[0348] After receiving the view identifier and clock setting information of the clock layer, the lock screen view module can redraw the clock in the view according to the clock setting information while keeping the layer of the view identified by the view identifier unchanged. Then, these m views can be submitted to the rendering service for rendering in ascending order of layer level, so that the m views are overlaid on the display area of ​​the lock screen wallpaper page on the screen, thus realizing the display of the wallpaper on the lock screen wallpaper page. For example, the displayed lock screen wallpaper page can be... Figure 11 The lock screen wallpaper page 702 shown in Figure (c) displays a clock in a color set by the user.

[0349] It should be noted that the operation of setting the font of the clock in the lock screen wallpaper through the second pop-up window is similar to the operation of setting the color of the clock as described above, and will not be described again in this embodiment.

[0350] In some embodiments, after a user edits the lock screen wallpaper by setting a clock, the edited lock screen wallpaper can be saved to take effect. This process may include steps 2608 and 2610 as follows.

[0351] Step 2608: The main functional module receives click operations on the application controls.

[0352] For example, such as Figure 11 As shown in Figure (c), after changing the color of the clock in the lock screen wallpaper, the user can directly click the application control 71 in the wallpaper editing interface 700, and the main functional module will receive the click operation on the application control 71. Or, as... Figure 11 As shown in Figure (c), after changing the color of the clock in the lock screen wallpaper, the user can first click the fold control 712 in the second pop-up window 7012, and then, as shown in Figure (c), the user can proceed as follows: Figure 11 As shown in Figure (d), the user then clicks the application control 71 in the wallpaper editing interface 700, and the main functional module will receive the click operation on the application control 71.

[0353] After receiving a click operation on the application control, the main functional module can process the image of any layer other than the clock layer in the currently edited lock screen wallpaper file into the target image. For details, please refer to step 2310 above; it will not be repeated here. This ensures that the images of all layers in the subsequently saved lock screen wallpaper file, excluding the clock layer, are the same size as the screen size.

[0354] Step 2609: The main functional module sends a wallpaper data storage request to the file system.

[0355] This wallpaper data storage request is used to request the storage of lock screen wallpaper file 2. Lock screen wallpaper file 2 is the currently edited lock screen wallpaper file. In this embodiment, it is the lock screen wallpaper file updated by the main functional module according to the relevant setting information after the user sets the clock. Here, the image of each layer in this lock screen wallpaper file, except for the clock layer, is the target image.

[0356] Step 2610: After receiving the wallpaper data storage request, the file system updates the lock screen wallpaper file.

[0357] For example, the file system can update the first lock screen wallpaper file to lock screen wallpaper file 2.

[0358] It should be noted that after a user saves an edited lock screen wallpaper, the lock screen application can display that wallpaper on the lock screen. In this case, if the user wants to edit the lock screen wallpaper again while using the electronic device, they can re-enter the wallpaper editing interface. At this time, the wallpaper editing interface will display the previously edited lock screen wallpaper, i.e., the lock screen wallpaper corresponding to lock screen wallpaper file 2. The user can continue to edit this lock screen wallpaper. The process of editing the lock screen wallpaper again can be referred to below. Figure 36 The flowchart shown is not described in detail here.

[0359] Figure 27 This is a flowchart of a wallpaper editing method provided in an embodiment of this application. Figure 27 The flowchart shown illustrates the specific process by which users set personalized decorations based on the wallpaper editing interface. Figure 27 The flowchart shown can be executed after step 2309 above; or, it can be executed after step 2312, when the user re-enters the wallpaper editing interface on the electronic device; or, it can be executed after step 2607; or, it can be executed after step 2610, when the user re-enters the wallpaper editing interface on the electronic device.

[0360] See Figure 27 The method may include the following steps:

[0361] Step 2701: The main functional module receives click operations on the personalized decoration controls.

[0362] In some cases, if a user wants to set decorative elements in the lock screen wallpaper, then... Figure 12 As shown in Figure (a), users can click on the personalized decoration control 73, and the main functional module will receive the click operation on the personalized decoration control 73.

[0363] Step 2702: In response to the click operation on the personalized decoration control, the main functional module displays the third pop-up window.

[0364] For example, such as Figure 12 As shown in Figure (b), the third pop-up window 7013 displays multiple shape options and multiple color options.

[0365] Step 2703: The main functional module receives the selection operation for color option 1.

[0366] For example, such as Figure 12 As shown in Figure (b), after the user clicks on a color option (hereinafter referred to as color option 1) displayed in the third pop-up window 7013, the main functional module will receive the selection operation for color option 1.

[0367] Step 2704: In response to the selection operation of color option 1, the main function module obtains the color value corresponding to color option 1.

[0368] It should be noted that when multiple decorative layers exist, color option 1 corresponds not only to a color value but also to one of the decorative layers. In this case, if the user adjusts the color of the decorative layer they are working with, the color of that specific decorative layer will be modified.

[0369] Step 2705: The main functional module modifies the color of the decorative layer image in the currently edited lock screen wallpaper file according to the color value corresponding to color option 1, obtains lock screen wallpaper file 3, and then re-acquires the display image of the decorative layer.

[0370] It should be noted that, if Figure 27 The flowchart shown is executed after step 2309 above, or after step 2312, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 1. However, if... Figure 27 The flowchart shown is executed after step 2607 above, or after step 2610, when the user re-enters the wallpaper editing interface on the electronic device. In this case, the currently edited lock screen wallpaper file can be lock screen wallpaper file 2.

[0371] The main functional module can retrieve the display image of the decorative layer from the image in the lock screen wallpaper file 3. For example, the main functional module can use the image of the decorative layer in the lock screen wallpaper file 3 as the initial image, process the initial image to obtain a full-screen image, and scale the full-screen image according to a specific scaling ratio to obtain the display image of the decorative layer.

[0372] The main functional module processes the initial image to obtain a full-screen image, which can be referred to in step 23073 above. This embodiment of the application will not repeat the details.

[0373] Step 2706: The main functional module sends the view identifier and display image of the decoration layer to the lock screen view module.

[0374] Step 2707: After receiving the view identifier and display image of the decoration layer, the lock screen view module redraws the layer content in the view identified by the view identifier of the decoration layer according to the display image of the decoration layer, and displays m views.

[0375] After receiving the view identifier and display image of the decoration layer, the lock screen view module can redraw the layer content in the view based on the display image, while keeping the layer hierarchy of the view identified by the view identifier unchanged. Specifically, it can determine the target area in the display image and draw the image within that target area into the view. Then, it can submit these m views to the rendering service for rendering in ascending order of layer hierarchy, so that the m views are overlaid on the display area of ​​the lock screen wallpaper page on the screen, thus realizing the display of the wallpaper on the lock screen wallpaper page. For example, the displayed lock screen wallpaper page can be... Figure 12 The lock screen wallpaper page 702 shown in Figure (c) displays wallpapers where the colors of the decorative elements are those set by the user.

[0376] In some embodiments, after a user edits the lock screen wallpaper by setting the color of the decorative element, the user can also save the edited lock screen wallpaper to make it effective. This process may include the following steps 2708 and 2710.

[0377] Step 2708: The main functional module receives click operations on the application controls.

[0378] For example, such as Figure 12 As shown in Figure (c), after changing the color of the decorative element in the lock screen wallpaper, the user can directly click the application control 71 in the wallpaper editing interface 700, and the main functional module will receive the click operation on the application control 71. Or, as... Figure 12As shown in Figure (c), after changing the color of the decorative element in the lock screen wallpaper, the user can first click the fold control 713 in the third pop-up window 7013, and then, as shown in Figure (c), the user can ... Figure 12 As shown in Figure (d), the user then clicks the application control 71 in the wallpaper editing interface 700, and the main functional module will receive the click operation on the application control 71.

[0379] After receiving a click operation on the application control, the main functional module can process the image of any layer other than the clock layer in the currently edited lock screen wallpaper file into the target image. For details, please refer to step 2310 above; it will not be repeated here. This ensures that the images of all layers in the subsequently saved lock screen wallpaper file, excluding the clock layer, are the same size as the screen size.

[0380] Step 2709: The main functional module sends a wallpaper data storage request to the file system.

[0381] This wallpaper data storage request is used to request the storage of lock screen wallpaper file 3. Lock screen wallpaper file 3 is the currently edited lock screen wallpaper file. In this embodiment, it is the lock screen wallpaper file updated by the main functional module according to the relevant color information after the user sets the color of the decorative elements. Here, the image of each layer in this lock screen wallpaper file, except for the clock layer, is the target image.

[0382] Step 2710: After receiving the wallpaper data storage request, the file system updates the lock screen wallpaper file.

[0383] For example, the file system can update the first lock screen wallpaper file to lock screen wallpaper file 3.

[0384] It should be noted that after a user saves an edited lock screen wallpaper, the lock screen application can display that wallpaper on the lock screen interface. In this case, if the user wants to edit the lock screen wallpaper again while using the electronic device, they can re-enter the wallpaper editing interface. At this time, the wallpaper editing interface will display the previously edited lock screen wallpaper, i.e., the lock screen wallpaper corresponding to lock screen wallpaper file 3. The user can continue to edit this lock screen wallpaper. The process of editing the lock screen wallpaper again can be referred to below. Figure 36 The flowchart shown is not described in detail here.

[0385] It should be noted that the operation of setting the shape of the decorative items in the lock screen wallpaper through the third pop-up window is similar to the operation of setting the color of the decorative items mentioned above. The following is a brief explanation of this.

[0386] Figure 28 This is a flowchart of a wallpaper editing method provided in an embodiment of this application. Figure 28The flowchart shown illustrates the specific process by which users set personalized decorations based on the wallpaper editing interface. Figure 28 The flowchart shown can be executed after step 2309; or, after step 2312, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2607; or, after step 2610, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2707; or, after step 2710, when the user re-enters the wallpaper editing interface on the electronic device.

[0387] See Figure 28 The method may include the following steps:

[0388] Step 2801: The main functional module receives click operations on the personalized decoration controls.

[0389] Step 2802: In response to the click operation on the personalized decoration control, the main functional module displays the third pop-up window.

[0390] The third pop-up window displays several shape options, including shape option 1.

[0391] Step 2803: The main functional module receives the selection operation for shape option 1.

[0392] Step 2804: In response to the selection operation of shape option 1, the main function module obtains the image corresponding to shape option 1.

[0393] The image corresponding to shape option 1 is a decorative image containing the pattern shape corresponding to shape option 1.

[0394] It should be noted that when multiple decorative layers exist, shape option 1 corresponds not only to the decorative image but also to one of the decorative layers. In this case, the shape adjustment made by the user to the decorative layer will modify the shape of that specific decorative layer.

[0395] Step 2805: The main function module modifies the image name of the image corresponding to shape option 1 to the image name of the decorative layer in the currently edited lock screen wallpaper file, updates the image of the decorative layer in the currently edited lock screen wallpaper file to the image corresponding to shape option 1, obtains lock screen wallpaper file 4, and then re-acquires the display image of the decorative layer.

[0396] It should be noted that, if Figure 28The flowchart shown is executed after step 2309 above, or after step 2312, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 1. However, if... Figure 28 The flowchart shown is executed after step 2607 above, or after step 2610, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 2. However, if... Figure 28 The flowchart shown is executed after step 2707 above, or after step 2710, when the user re-enters the wallpaper editing interface on the electronic device. In this case, the currently edited lock screen wallpaper file can be lock screen wallpaper file 3.

[0397] The main functional module can retrieve the display image of the decorative layer based on the image of the decorative layer in the lock screen wallpaper file 4. For specific operations, please refer to step 2705 above, which will not be repeated here.

[0398] Step 2806: The main functional module sends the view identifier and display image of the decoration layer to the lock screen view module.

[0399] Step 2807: After receiving the view identifier and display image of the decoration layer, the lock screen view module redraws the layer content in the view identified by the view identifier of the decoration layer according to the display image of the decoration layer, and displays m views.

[0400] After receiving the view identifier and display image of the decoration layer, the lock screen view module can redraw the layer content in the view based on the display image, while keeping the layer hierarchy of the view identified by the view identifier unchanged. Specifically, it can determine the target area in the display image and draw the image within the target area into the view. Then, it can submit these m views to the rendering service for rendering in ascending order of layer hierarchy, so that the m views are overlaid on the display area of ​​the lock screen wallpaper page on the screen, thus realizing the display of the wallpaper on the lock screen wallpaper page. In this case, the shape of the wallpaper decoration on the displayed lock screen wallpaper page is the shape selected by the user.

[0401] In some embodiments, after a user edits the lock screen wallpaper by setting the shape of the decorative element, the user can also save the edited lock screen wallpaper to make it effective. This process may include the following steps 2808 and 2810.

[0402] Step 2808: The main functional module receives click operations on the application controls.

[0403] After receiving a click operation on the application control, the main functional module can process the image of any layer other than the clock layer in the currently edited lock screen wallpaper file into the target image. For details, please refer to step 2310 above; it will not be repeated here. This ensures that the images of all layers in the subsequently saved lock screen wallpaper file, excluding the clock layer, are the same size as the screen size.

[0404] Step 2809: The main functional module sends a wallpaper data storage request to the file system.

[0405] This wallpaper data storage request is used to request the storage of lock screen wallpaper file 4. Lock screen wallpaper file 4 is the currently edited lock screen wallpaper file. In this embodiment, it is the lock screen wallpaper file updated by the main functional module according to the relevant shape information after the user sets the shape of the decorative element. Here, the image of each layer in the lock screen wallpaper file, except for the clock layer, is the target image.

[0406] Step 2810: After receiving the wallpaper data storage request, the file system updates the lock screen wallpaper file.

[0407] For example, the file system can update the first file of the lock screen wallpaper to lock screen wallpaper file 4.

[0408] It should be noted that after a user saves an edited lock screen wallpaper, the lock screen application can display that wallpaper on the lock screen interface. In this case, if the user wants to edit the lock screen wallpaper again while using the electronic device, they can re-enter the wallpaper editing interface. At this time, the wallpaper editing interface will display the previously edited lock screen wallpaper, i.e., the lock screen wallpaper corresponding to lock screen wallpaper file 4. The user can continue to edit this lock screen wallpaper. The process of editing the lock screen wallpaper again can be referred to below. Figure 36 The flowchart shown is not described in detail here.

[0409] Figure 29 This is a flowchart of a wallpaper editing method provided in an embodiment of this application. Figure 29 The flowchart shown illustrates the specific process by which users set depth-of-field effects based on the wallpaper editing interface. Figure 29The flowchart shown can be executed after step 2309; or, after step 2312, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2607; or, after step 2610, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2707; or, after step 2710, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2807; or, after step 2810, when the user re-enters the wallpaper editing interface on the electronic device.

[0410] See Figure 29 The method may include the following steps:

[0411] Step 2901: The main functional module receives click operations on the depth-of-field effect control.

[0412] In some cases, if a user wants to set a depth-of-field effect in their lock screen wallpaper, then... Figure 13 As shown in Figure (a), the user can click on the depth-of-field effect control 74, and the main functional module will receive the click operation on the depth-of-field effect control 74.

[0413] Step 2902: In response to the click operation on the depth of field effect control, the main function module displays the fourth pop-up window.

[0414] For example, such as Figure 13 As shown in Figure (b), the fourth pop-up window 7014 displays a depth-of-field effect switch 7141, and can further display a background blur control 7142.

[0415] Step 2903: The main functional module receives the operation to turn off the depth-of-field effect switch.

[0416] For example, such as Figure 13 As shown in Figure (b), the user can turn off the depth-of-field effect switch by clicking the depth-of-field effect switch 7141, and the main function module will receive the turning-off operation of the depth-of-field effect switch 7141.

[0417] Step 2904: In response to the operation of turning off the depth of field effect switch, the main function module swaps the layer level in the text name of the clock layer in the currently edited lock screen wallpaper file with the layer level in the image name of the cutout layer, resulting in lock screen wallpaper file 5, and then re-acquires the layer level of the clock layer and the layer level of the cutout layer.

[0418] It should be noted that, if Figure 29The flowchart shown is executed after step 2309 above, or after step 2312, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 1. However, if... Figure 29 The flowchart shown is executed after step 2607 above, or after step 2610, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 2. However, if... Figure 29 The flowchart shown is executed after step 2707 above, or after step 2710, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 3. However, if... Figure 29 The flowchart shown is executed after step 2807 above, or after step 2810, when the user re-enters the wallpaper editing interface on the electronic device. In this case, the currently edited lock screen wallpaper file can be lock screen wallpaper file 4.

[0419] The main functional module can retrieve the clock layer's layer level from the text name of the clock layer in lock screen wallpaper file 5, and retrieve the layer level of the cut-out layer from the image name of the cut-out layer in lock screen wallpaper file 5.

[0420] Generally, when the depth-of-field effect is turned on, the clock layer is at a lower level than the cutout layer, thus achieving a depth-of-field effect. Conversely, when the depth-of-field effect is turned off, the clock layer is at a higher level than the cutout layer, thus disabling the depth-of-field effect.

[0421] It should be noted that in some cases, after the main functional module retrieves the wallpaper template file from the file system, if the clock layer in the wallpaper template file is at a lower level than the cutout layer, it indicates that the wallpaper template file can achieve a depth-of-field effect. In this case, the main functional module will display the wallpaper on the lock screen wallpaper page based on this wallpaper template file and simultaneously turn on the depth-of-field effect. Subsequently, if the user turns off the depth-of-field effect, the main functional module can swap the levels of the clock layer and the cutout layer, making the clock layer higher than the cutout layer to disable the depth-of-field effect. Then, if the user turns the depth-of-field effect back on, the main functional module can again swap the levels of the clock layer and the cutout layer, making the clock layer lower than the cutout layer to enable the depth-of-field effect.

[0422] In other cases, after the main functional module retrieves the wallpaper template file from the file system, if the clock layer's layer level is higher than the cutout layer's layer level, it indicates that the wallpaper template file cannot achieve a depth-of-field effect. In this situation, the main functional module will display the wallpaper on the lock screen wallpaper page based on this template file while simultaneously turning off the depth-of-field effect switch. Later, if the user turns the depth-of-field effect switch on, the main functional module can swap the clock layer and the cutout layer's layers, making the clock layer's layer level lower than the cutout layer's layer level to enable the depth-of-field effect. Then, if the user turns the depth-of-field effect switch off again, the main functional module can swap the clock layer and the cutout layer's layers again, making the clock layer's layer level higher than the cutout layer's layer level to disable the depth-of-field effect.

[0423] Step 2905: The main functional module sends the view identifier and layer of the clock layer and the view identifier and layer of the cutout layer to the lock screen view module.

[0424] For example, suppose the clock layer in lock screen wallpaper file 1 has a layer level of 5 in its text name, and the cutout layer has a layer level of 6 in its image name. Since the clock layer's layer level is lower than the cutout layer's layer level, the depth-of-field effect is enabled. Then, in response to disabling the depth-of-field effect, the main functional module can swap the layers of the clock layer and the cutout layer, resulting in the clock layer having a layer level of 6 and the cutout layer having a layer level of 5, meaning the clock layer's layer level is higher than the cutout layer's. The main functional module can then send the clock layer's and the cutout layer's layers to the lock screen view module.

[0425] Step 2906: After receiving the view identifier and level of the clock layer and the view identifier and level of the cutout layer, the lock screen view module resets the level of the view identified by the view identifier of the clock layer and the level of the view identified by the view identifier of the cutout layer, and displays m views.

[0426] For example, after resetting the hierarchy of the views identified by the view identifier of the clock layer and the hierarchy of the views identified by the view identifier of the cutout layer, the lock screen view module can submit the m views to the rendering service for rendering in ascending order of hierarchy. This allows the m views to be overlaid and displayed on the lock screen wallpaper page's display area, thus achieving the display of the wallpaper on the lock screen wallpaper page. For example, the displayed lock screen wallpaper page can be... Figure 13 The lock screen wallpaper page 702 shown in Figure (c) has no depth-of-field effect.

[0427] In some embodiments, after editing the lock screen wallpaper by turning off the depth-of-field effect switch, the user can also save the edited lock screen wallpaper to make it effective. This process may include the following steps 2907 and 2909.

[0428] Step 2907: The main functional module receives click operations on the application controls.

[0429] For example, such as Figure 13 As shown in Figure (c), after the user disables the depth-of-field effect of the lock screen wallpaper, they can directly click on the application control 71 in the wallpaper editing interface 700, and the main functional module will receive the click operation on the application control 71. Or, as... Figure 13 As shown in Figure (c), after the user turns off the depth-of-field effect of the lock screen wallpaper, they can first click the folding control 7143 in the fourth pop-up window 7014, and then, as shown in Figure (c), the user can ... Figure 13 As shown in Figure (d), the user then clicks the application control 71 in the wallpaper editing interface 700, and the main functional module will receive the click operation on the application control 71.

[0430] After receiving a click operation on the application control, the main functional module can process the image of any layer other than the clock layer in the currently edited lock screen wallpaper file into the target image. For details, please refer to step 2310 above; it will not be repeated here. This ensures that the images of all layers in the subsequently saved lock screen wallpaper file, excluding the clock layer, are the same size as the screen size.

[0431] Step 2908: The main functional module sends a wallpaper data storage request to the file system.

[0432] This wallpaper data storage request is used to request the storage of lock screen wallpaper file 5. Lock screen wallpaper file 5 is the currently edited lock screen wallpaper file. In this embodiment, it is the lock screen wallpaper file updated by the main functional module according to the state of the depth effect switch after the user turns off the depth effect switch. Here, the images of each layer in this lock screen wallpaper file, except for the clock layer, are target images.

[0433] Step 2909: After receiving the wallpaper data storage request, the file system updates the lock screen wallpaper file.

[0434] For example, the file system can update the first file of the lock screen wallpaper to lock screen wallpaper file 5.

[0435] It should be noted that after a user saves an edited lock screen wallpaper, the lock screen application can display that wallpaper on the lock screen interface. In this case, if the user wants to edit the lock screen wallpaper again while using the electronic device, they can re-enter the wallpaper editing interface. At this time, the wallpaper editing interface will display the previously edited lock screen wallpaper, i.e., the lock screen wallpaper corresponding to lock screen wallpaper file 5. The user can continue to edit this lock screen wallpaper. The process of editing the lock screen wallpaper again can be referred to below. Figure 36The flowchart shown is not described in detail here.

[0436] Figure 30 This is a flowchart of a wallpaper editing method provided in an embodiment of this application. Figure 30 The flowchart shown illustrates the specific process by which users set the background blur based on the wallpaper editing interface. Figure 30 The flowchart shown can be executed after step 2309; or, after step 2312, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2607; or, after step 2610, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2707; or, after step 2710, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2807; or, after step 2810, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2906; or, after step 2909, when the user re-enters the wallpaper editing interface on the electronic device.

[0437] See Figure 30 The method may include the following steps:

[0438] Step 3001: The main functional module receives click operations on the depth-of-field effect control.

[0439] Step 3002: In response to the click operation on the depth of field effect control, the main function module displays a fourth pop-up window, which displays a background blur control.

[0440] Step 3003: The main functional module receives the trigger operation for the background blur control.

[0441] For example, such as Figure 13 As shown in Figure (b), the background blur control 7142 can be a slider-type control with a slider in it. The position of the slider in the slider can indicate the corresponding blur (which can be called the target blur). Of course, the background blur control 7142 can also be other types of controls, and this application embodiment does not limit this.

[0442] The background blur control can be triggered by the user. That is, if a user wants to adjust the background blur, they can do so by manipulating the background blur control. For example, a user can drag... Figure 13 The slider in slider 7142 shown in Figure (b) is used to adjust the position of the slider in the slider to set the background blur.

[0443] Step 3004: In response to the trigger operation of the background blur control, the main functional module determines the target blur.

[0444] Step 3005: The main functional module generates the first operation record, which records the target ambiguity.

[0445] The target blur in the first operation log is determined based on the background blur adjusted by the user. It is used to indicate the blur of the main image of the lock screen wallpaper, and the target blur applies to the original layer.

[0446] After determining the target fuzziness, the main functional module can generate a first operation record if no such record exists, and record the target fuzziness in the first operation record. If a first operation record exists, and the user subsequently adjusts the fuzziness using the background blur control, the main functional module can update the target fuzziness in the first operation record.

[0447] It should be noted that if the user subsequently changes the main image or selects a different wallpaper template, the main function module can delete the first operation record.

[0448] Step 3006: The main functional module sends the view identifier and target blur of the original layer to the lock screen view module.

[0449] Step 3007: After receiving the view identifier and target blur of the original layer, the lock screen view module redraws the layer content in the view identified by the view identifier of the original layer according to the target blur, and displays m views.

[0450] After receiving the view identifier and target blur of the original layer, the lock screen view module can redraw the layer content in the view based on the target blur while maintaining the layer hierarchy identified by the original layer's view identifier. Specifically, it can first blur the display image of the original layer according to the target blur, then determine the target area in the display image, and draw the image within the target area into the view. Afterwards, the lock screen view module can submit these m views to the rendering service for rendering in ascending order of layer hierarchy, so that the m views are overlaid on the display area of ​​the lock screen wallpaper page on the screen, thus achieving the display of the wallpaper on the lock screen wallpaper page. In this case, the blur of the background portion of the displayed wallpaper on the lock screen wallpaper page is the target blur set by the user.

[0451] In some embodiments, after a user edits the lock screen wallpaper using the background blur control, the user can also save the edited lock screen wallpaper to make it effective. This process may include the following steps 3008 and 3010.

[0452] Step 3008: The main functional module receives click operations on the application controls.

[0453] After receiving a click operation on the application control, the main functional module can process the image of any layer other than the clock layer in the currently edited lock screen wallpaper file into the target image. For details, please refer to step 2310 above; it will not be repeated here. This ensures that the images of all layers in the subsequently saved lock screen wallpaper file, excluding the clock layer, are the same size as the screen size.

[0454] It should be noted that, if Figure 30 The flowchart shown is executed after step 2309 above, or after step 2312, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 1. However, if... Figure 30 The flowchart shown is executed after step 2607 above, or after step 2610, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 2. However, if... Figure 30 The flowchart shown is executed after step 2707 above, or after step 2710, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 3. However, if... Figure 30 The flowchart shown is executed after step 2807 above, or after step 2810, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 4. However, if... Figure 30 The flowchart shown is executed after step 2906 above, or after step 2909, when the user re-enters the wallpaper editing interface on the electronic device. In this case, the currently edited lock screen wallpaper file can be lock screen wallpaper file 5.

[0455] Step 3009: For any layer other than the clock layer among the multiple layers, if a first operation record exists and the layer is the original layer, the main functional module blurs the image of the original layer in the currently edited lock screen wallpaper file according to the target blur in the first operation record, and obtains lock screen wallpaper file 6.

[0456] If there is no first operation record, or if there is a first operation record but the layer is not the original layer, the main function module will not process the image of that layer in the currently edited lock screen wallpaper file.

[0457] Step 3010: The main functional module sends a wallpaper data storage request to the file system.

[0458] The wallpaper data storage request is used to request the storage of lock screen wallpaper file 6. Lock screen wallpaper file 6 is the currently edited lock screen wallpaper file. In this embodiment, it is the lock screen wallpaper file updated by the main functional module according to the set target blur after the user sets the background blur. Here, the image of each layer in the lock screen wallpaper file, except for the clock layer, is a target image. The image of the original layer is a target image after blurring according to the target blur in the first operation record.

[0459] Step 3011: After receiving the wallpaper data storage request, the file system updates the lock screen wallpaper file.

[0460] For example, the file system can update the first file of the lock screen wallpaper to lock screen wallpaper file 6.

[0461] It should be noted that after a user saves an edited lock screen wallpaper, the lock screen application can display that wallpaper on the lock screen interface. In this case, if the user wants to edit the lock screen wallpaper again while using the electronic device, they can re-enter the wallpaper editing interface. At this time, the wallpaper editing interface will display the previously edited lock screen wallpaper, i.e., the lock screen wallpaper corresponding to lock screen wallpaper file 6. The user can continue to edit this lock screen wallpaper. The process of editing the lock screen wallpaper again can be referred to below. Figure 36 The flowchart shown is not described in detail here.

[0462] Figure 31 This is a flowchart of a wallpaper editing method provided in an embodiment of this application. Figure 31 The flowchart shown illustrates the specific process of how a user changes the main image of the wallpaper based on the wallpaper editing interface. Figure 31 The flowchart shown can be executed after step 2309; or, after step 2312, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2607; or, after step 2610, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2707; or, after step 2710, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2807; or, after step 2810, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2906; or, after step 2909, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 3007; or, after step 3011, when the user re-enters the wallpaper editing interface on the electronic device.

[0463] See Figure 31 The method may include the following steps:

[0464] Step 3101: The main functional module receives the click operation for changing the image control.

[0465] In some cases, if a user wants to change the main image of their lock screen wallpaper, then... Figure 14 As shown in Figure (a), the user can click on the image change control 75, and the main functional module will receive the click operation on the image change control 75.

[0466] Step 3102: In response to the click operation of the image replacement control, the main function module displays the fifth pop-up window.

[0467] For example, such as Figure 14 As shown in Figure (b), the fifth pop-up window 7015 displays the picture options in the gallery.

[0468] Step 3103: The main functional module receives the selection operation for image option 1.

[0469] For example, such as Figure 14 As shown in Figure (b), the user can click on an image option (hereinafter referred to as image option 1) displayed in the fifth pop-up window 7015, and the main function module will receive the selection operation for image option 1.

[0470] Step 3104: In response to the selection operation of image option 1, the main function module obtains the image corresponding to image option 1 as the main image and generates a cutout image containing the foreground object in the main image.

[0471] Step 3105: The main function module modifies the image name of the main image to the image name of the original layer in the currently edited lock screen wallpaper file, modifies the image name of the cutout image to the image name of the cutout layer in the currently edited lock screen wallpaper file, updates the image of the original layer in the currently edited lock screen wallpaper file to the main image, and updates the image of the cutout layer in the currently edited lock screen wallpaper file to the cutout image, resulting in lock screen wallpaper file 7. Then, it re-acquires the display image of the original layer and the display image of the cutout layer.

[0472] It should be noted that, if Figure 31 The flowchart shown is executed after step 2309 above, or after step 2312, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 1. However, if... Figure 31The flowchart shown is executed after step 2607 above, or after step 2610, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 2. However, if... Figure 31 The flowchart shown is executed after step 2707 above, or after step 2710, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 3. However, if... Figure 31 The flowchart shown is executed after step 2807 above, or after step 2810, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 4. However, if... Figure 31 The flowchart shown is executed after step 2906 above, or after step 2909, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 5. However, if... Figure 31 The flowchart shown is executed after step 3007 above, or after step 3011, when the user re-enters the wallpaper editing interface on the electronic device. In this case, the currently edited lock screen wallpaper file can be lock screen wallpaper file 6.

[0473] The main functional module can retrieve the original layer's display image based on the original layer's image in the lock screen wallpaper file 7. For specific operations, please refer to step 23073 above, which will not be repeated here.

[0474] The main functional module can re-obtain the display image of the cut-out layer based on the image of the cut-out layer in the lock screen wallpaper file 7. For specific operations, please refer to step 23073 above, which will not be repeated here.

[0475] Step 3106: The main functional module sends the view identifier and display image of the original layer, as well as the view identifier and display image of the cut-out layer, to the lock screen view module.

[0476] Step 3107: After receiving the view identifier and display image of the original layer and the view identifier and display image of the cutout layer, the lock screen view module redraws the layer content in the view identified by the view identifier of the original layer according to the display image of the original layer, and redraws the layer content in the view identified by the view identifier of the cutout layer according to the display image of the cutout layer, displaying m views.

[0477] After receiving the view identifier and display image of the original layer, the lock screen view module determines the target area in the display image while keeping the layer of the view identified by the view identifier of the original layer unchanged, and draws the image in the display image that is within the target area into the view.

[0478] After receiving the view identifier and display image of the cutout layer, the lock screen view module determines the target area in the display image while keeping the layer of the view identified by the cutout layer unchanged, and draws the image in the display image that is within the target area into the view.

[0479] Then, the lock screen view module can submit the m views to the rendering service for rendering in ascending order of hierarchy. These m views are then overlaid on the display area of ​​the lock screen wallpaper page on the screen, thus displaying the wallpaper on the lock screen wallpaper page. For example, the displayed lock screen wallpaper page could be... Figure 14 The lock screen wallpaper page 702 shown in Figure (c) displays a wallpaper whose main image is a picture changed by the user.

[0480] In some embodiments, after a user edits the lock screen wallpaper by changing the main image, the user can also save the edited lock screen wallpaper to make it effective. This process may include the following steps 3108 and 3110.

[0481] Step 3108: The main functional module receives click operations on the application controls.

[0482] For example, such as Figure 14 As shown in Figure (c), after changing the main image, the user can click on the application control 71 in the wallpaper editing interface 700, and the main function module will receive the click operation on the application control 71.

[0483] After receiving a click operation on the application control, the main functional module can process the image of any layer other than the clock layer in the currently edited lock screen wallpaper file into the target image. For details, please refer to step 2310 above; it will not be repeated here. This ensures that the images of all layers in the subsequently saved lock screen wallpaper file, excluding the clock layer, are the same size as the screen size.

[0484] Step 3109: The main functional module sends a wallpaper data storage request to the file system.

[0485] This wallpaper data storage request is used to request storage of lock screen wallpaper file 7. Lock screen wallpaper file 7 is the currently edited lock screen wallpaper file. In this embodiment, it is the lock screen wallpaper file updated by the main function module according to the changed main image after the user changes the main image. Here, the images of each layer in this lock screen wallpaper file, except for the clock layer, are target images.

[0486] Step 3110: After receiving the wallpaper data storage request, the file system updates the lock screen wallpaper file.

[0487] For example, the file system can update the first file of the lock screen wallpaper to lock screen wallpaper file 7.

[0488] It should be noted that after a user saves an edited lock screen wallpaper, the lock screen application can display that wallpaper on the lock screen interface. In this case, if the user wants to edit the lock screen wallpaper again while using the electronic device, they can re-enter the wallpaper editing interface. At this time, the wallpaper editing interface will display the previously edited lock screen wallpaper, i.e., the lock screen wallpaper corresponding to lock screen wallpaper file 7. The user can continue to edit this lock screen wallpaper. The process of editing the lock screen wallpaper again can be referred to below. Figure 36 The flowchart shown is not described in detail here.

[0489] Figure 32 This is a flowchart of a wallpaper editing method provided in an embodiment of this application. Figure 32 The flowchart shown illustrates the specific process of how users can zoom in and out on the main image of a wallpaper using the wallpaper editing interface. Figure 32 The flowchart shown can be executed after step 2309; or, after step 2312, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2607; or, after step 2610, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2707; or, after step 2710, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2807; or, after step 2810, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 2906; or, after step 2909, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 3007; or, after step 3011, when the user re-enters the wallpaper editing interface on the electronic device; or, after step 3107; or, after step 3110, when the user re-enters the wallpaper editing interface on the electronic device.

[0490] See Figure 32 The method may include the following steps:

[0491] Step 3201: The main functional module receives zoom operations performed on the lock screen wallpaper page.

[0492] In some cases, if a user wants to zoom in on the main image of the lock screen wallpaper, then... Figure 15As shown in Figure (a) or (c), users can zoom in and out on the lock screen wallpaper page 702, and the main functional module will receive this zoom operation.

[0493] Step 3202: In response to the scaling operation, the main functional module determines the scaling ratio and target offset corresponding to the scaling operation.

[0494] The target offset corresponding to the scaling operation is obtained by dividing the offset corresponding to the scaling operation by a specific scaling ratio.

[0495] For example, when the zoom operation is a two-finger zoom-in or two-finger zoom-out operation, the zoom ratio and offset corresponding to the zoom operation can be determined based on the sliding direction, sliding distance, sliding position, etc. of the two fingers.

[0496] Step 3203: The main functional module generates a second operation record, which records the scaling ratio and the target offset.

[0497] The scaling ratio in the second operation log is determined based on the user's scaling operation on the main image of the lock screen wallpaper. The scaling ratio in the second operation log is used to indicate how much the scaled main image has been scaled compared to the original. This scaling ratio applies to both the original layer and the cut-out layer.

[0498] The target offset in the second operation record is determined based on the user's moving and scaling operations on the main image of the lock screen wallpaper. It is used to indicate how much the center of the main image has shifted relative to the center of the screen after the movement. This target offset applies to both the original layer and the cutout layer.

[0499] After the main functional module determines the scaling ratio and target offset corresponding to the scaling operation, it can generate a second operation record if no second operation record exists, and record the scaling ratio and target offset corresponding to the scaling operation in the second operation record. If a second operation record exists, and the user subsequently performs a scaling operation, the main functional module can update the scaling ratio in the second operation record to the product of that scaling ratio and the scaling ratio corresponding to the current scaling operation, and update the target offset in the second operation record to the sum of that target offset and the target offset corresponding to the current scaling operation.

[0500] It should be noted that if the user subsequently changes the main image or selects a different wallpaper template, the main function module can delete the second operation record.

[0501] Step 3204: The main functional module sends the view identifier of the original layer, the view identifier of the cut-out layer, the scaling ratio and the specific offset in the second operation record to the lock screen view module. The specific offset is obtained by multiplying the target offset in the second operation record by the specific scaling ratio.

[0502] Step 3205: After receiving the view identifier of the original layer, the view identifier of the cut-out layer, the scaling ratio, and the specific offset, the lock screen view module redraws the layer content in the view identified by the view identifier of the original layer and the view content in the view identified by the view identifier of the cut-out layer according to the scaling ratio and the specific offset, and displays m views.

[0503] The lock screen view module can, while maintaining the layer hierarchy of the view identified by the view identifier of the original layer, determine the target area in the display image of the original layer based on the scaling ratio and a specific offset, and draw the image within the target area of ​​the display image onto the view. Furthermore, the lock screen view module can, while maintaining the layer hierarchy of the view identified by the view identifier of the cutout layer, determine the target area in the display image of the cutout layer based on the scaling ratio and a specific offset, and draw the image within the target area of ​​the display image onto the view.

[0504] For example, such as Figure 33 As shown, taking a scaling ratio of 1.5 and a specific offset of [20,20] as an example, the lock screen view module can determine the target area in the displayed image. The target area in the displayed image is the area in the displayed image centered on the center of the displayed image and with the same size as the view. While keeping the center of the displayed image unchanged, the displayed image is scaled according to the scaling ratio. Then, the scaled displayed image is moved according to the specific offset so that the offset between the center of the moved displayed image and the center of the target area is the specific offset. After that, the image in the moved displayed image that is within the target area is drawn into the view.

[0505] For example, when the lock screen view module displays m views, it can submit these m views to the rendering service for rendering in ascending order of hierarchy. This allows the m views to be overlaid on the lock screen wallpaper page's display area, thus displaying the wallpaper on the lock screen wallpaper page. For example, the displayed lock screen wallpaper page can be... Figure 15 The lock screen wallpaper page 702 shown in Figure (b) or (d) has its main image of the wallpaper enlarged or reduced accordingly.

[0506] It should be noted that the process of moving the main image of the lock screen wallpaper is similar to the process of scaling the main image of the lock screen wallpaper as described above, and will not be repeated in this embodiment.

[0507] In some embodiments, after a user edits the lock screen wallpaper by scaling or moving the main image, the user can save the edited lock screen wallpaper to make it effective. This process may include the following steps 3206 and 3208.

[0508] Step 3206: The main functional module receives click operations on the application controls.

[0509] For example, such as Figure 15 As shown in Figures (b), (d), or (f), after zooming or moving the main image, the user can click on the application control 71 in the wallpaper editing interface 700, and the main functional module will receive the click operation on the application control 71.

[0510] Step 3207: If a second operation record exists, for any one of the original layer and the cut-out layer, the main functional module obtains the image of that layer in the currently edited lock screen wallpaper file as the initial image. While keeping the image name unchanged, the initial image is first processed to obtain a full-screen image. Then, based on the scaling ratio and target offset in the second operation record, a specific area in the full-screen image is determined. The size of the specific area is the same as the screen size. Then, the image within the specific area of ​​the full-screen image is cropped as the target image of that layer. The image of that layer in the currently edited lock screen wallpaper file is updated to the target image of that layer, resulting in lock screen wallpaper file 8.

[0511] In the presence of a second operation record, for any layer other than the clock layer, the original layer, and the cutout layer among the multiple layers, the main function module can process the image of that layer in the currently edited lock screen wallpaper file into the target image. For specific operations, please refer to step 2310 above, which will not be repeated here.

[0512] In the absence of a second operation record, for any layer among the multiple layers except the clock layer, the main function module can process the image of that layer in the currently edited lock screen wallpaper file into the target image. For specific operations, please refer to step 2310 above, which will not be repeated here.

[0513] The target image is the same size as the screen size, so that the images of all layers in the subsequently saved lock screen wallpaper file, except for the clock layer, are the same size as the screen size.

[0514] The operation of the main functional module to determine a specific region in the full-screen image based on the scaling ratio and target offset in the second operation record can be as follows: determine the specific region in the full-screen image, which is the area in the full-screen image centered on the center of the full-screen image and with the same size as the screen size; while keeping the center of the full-screen image unchanged, scale the full-screen image according to the scaling ratio, and then move the scaled full-screen image according to the target offset, so that the offset between the center of the moved full-screen image and the center of the specific region is the target offset.

[0515] It should be noted that, if Figure 32 The flowchart shown is executed after step 2309 above, or after step 2312, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 1. However, if... Figure 32 The flowchart shown is executed after step 2607 above, or after step 2610, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 2. However, if... Figure 32 The flowchart shown is executed after step 2707 above, or after step 2710, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 3. However, if... Figure 32 The flowchart shown is executed after step 2807 above, or after step 2810, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 4. However, if... Figure 32 The flowchart shown is executed after step 2906 above, or after step 2909, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 5. However, if... Figure 32 The flowchart shown is executed after step 3007 above, or after step 3011, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 6. However, if... Figure 32 The flowchart shown is executed after step 3107 above, or after step 3110, when the user re-enters the wallpaper editing interface on the electronic device. In this case, the currently edited lock screen wallpaper file can be lock screen wallpaper file 7.

[0516] Step 3208: The main functional module sends a wallpaper data storage request to the file system.

[0517] The wallpaper data storage request is used to request the storage of lock screen wallpaper file 8. Lock screen wallpaper file 8 is the currently edited lock screen wallpaper file. In this embodiment, it is the lock screen wallpaper file updated by the main functional module according to the relevant scaling ratio or offset after the user zooms or moves the main image. Here, the image of each layer in the lock screen wallpaper file, except for the clock layer, is a target image. The image of the original layer and the image of the cut-out layer are target images obtained based on the scaling ratio and target offset in the second operation record.

[0518] Step 3209: After receiving the wallpaper data storage request, the file system updates the lock screen wallpaper file.

[0519] For example, the file system can update the first file of the lock screen wallpaper to lock screen wallpaper file 8.

[0520] It should be noted that after a user saves an edited lock screen wallpaper, the lock screen application can display that wallpaper on the lock screen interface. In this case, if the user wants to edit the lock screen wallpaper again while using the electronic device, they can re-enter the wallpaper editing interface. At this time, the wallpaper editing interface will display the previously edited lock screen wallpaper, i.e., the lock screen wallpaper corresponding to lock screen wallpaper file 8. The user can continue to edit this lock screen wallpaper. The process of editing the lock screen wallpaper again can be referred to below. Figure 36 The flowchart shown is not described in detail here.

[0521] In some embodiments, such as Figure 18 As shown in Figure (a), users can also slide to switch to the desktop wallpaper display page 703 on the wallpaper editing interface 700, and then edit the desktop wallpaper.

[0522] For example, after steps 2309, 2607, 2707, 2807, 2906, 3007, 3107, or 3205, the user can swipe to switch to the desktop wallpaper display page 703 on the wallpaper editing interface 700 and then edit the desktop wallpaper. Alternatively, after steps 2312, 2610, 2710, 2810, 2909, 3011, 3110, or 3209, after the user re-enters the wallpaper editing interface 700 on the electronic device, they can swipe to switch to the desktop wallpaper display page 703 on the wallpaper editing interface 700 and then edit the desktop wallpaper.

[0523] Figure 34 This is a flowchart of a wallpaper editing method provided in an embodiment of this application. Figure 34 The flowchart shown illustrates the specific process of a user setting their desktop wallpaper using the wallpaper editing interface. See also... Figure 34The method may include the following steps:

[0524] Step 3401: The main functional module receives click operations on the follow lock screen control.

[0525] In some cases, if a user wants the main image of their desktop wallpaper and lock screen wallpaper to be the same, then... Figure 18 As shown in Figure (b), the user can click on the Follow Lock Screen Control 76, and the main functional module will receive the click operation on the Follow Lock Screen Control 76.

[0526] Step 3402: In response to a click on the follow lock screen control, the main function module generates desktop wallpaper file 1 and obtains the display information of the original layer based on desktop wallpaper file 1.

[0527] Desktop wallpaper file 1 contains the image of the original layer from the currently edited lock screen wallpaper file.

[0528] It should be noted that, if Figure 34 The flowchart shown is executed after step 2309 above, or after step 2312, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 1. However, if... Figure 34 The flowchart shown is executed after step 2607 above, or after step 2610, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 2. However, if... Figure 34 The flowchart shown is executed after step 2707 above, or after step 2710, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 3. However, if... Figure 34 The flowchart shown is executed after step 2807 above, or after step 2810, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 4. However, if... Figure 34 The flowchart shown is executed after step 2906 above, or after step 2909, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 5. However, if... Figure 34 The flowchart shown is executed after step 3007 above, or after step 3011, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 6. However, if... Figure 34The flowchart shown is executed after step 3107 above, or after step 3110, when the user re-enters the wallpaper editing interface on the electronic device. Therefore, the currently edited lock screen wallpaper file can be lock screen wallpaper file 7. However, if... Figure 34 The flowchart shown is executed after step 3205 above, or after step 3209, when the user re-enters the wallpaper editing interface on the electronic device. In this case, the currently edited lock screen wallpaper file can be lock screen wallpaper file 8.

[0529] The main functional module can save desktop wallpaper file 1 as the currently edited desktop wallpaper file in memory, and subsequent editing processes will modify the currently edited desktop wallpaper file.

[0530] The operation of the main functional module to obtain the display information of the original layer based on the desktop wallpaper file 1 is similar to the operation of the main functional module to obtain the display information of the original layer based on the wallpaper template file in step 2307 above, and will not be described again in this embodiment.

[0531] Step 3403: The main functional module sends the display information of the original layer to the desktop view module.

[0532] It should be noted that, if a first operation record exists, the main functional module can also send the target blurriness from the first operation record to the desktop view module. If a second operation record exists, the main functional module can also send the scaling ratio and specific offset from the second operation record to the desktop view module.

[0533] Step 3404: After receiving the display information of the original layer, the desktop view module redraws the layer content in the corresponding view according to the display information of the original layer, and displays n views.

[0534] For example, the desktop view module can first blur the displayed image in the original layer's display information based on the target blur level, then determine the target area in the displayed image based on the scaling ratio and a specific offset, and draw the image within the target area onto the view identified by the view identifier of the original layer. In this case, the view that draws the layer content of the original layer can be called the original layer.

[0535] For example, these n views can be the original layer and the desktop icon layer. When displaying these n views, the desktop view module can submit them to the rendering service for rendering in ascending order of hierarchy, so that the n views are displayed in the display area of ​​the desktop wallpaper page on the screen, thus realizing the display of the desktop wallpaper and desktop content on the desktop wallpaper page. For example, the displayed desktop wallpaper page can be... Figure 18The desktop wallpaper page 703 shown in Figure (c) has the same main image as the wallpaper on the lock screen wallpaper page 702.

[0536] In some embodiments, after a user edits the desktop wallpaper by following the lock screen controls, the user can also save the edited desktop wallpaper to make it effective. This process may include the following steps 3405 and 3407.

[0537] Step 3405: ​​The main functional module receives click operations on the application controls.

[0538] For example, such as Figure 18 As shown in Figure (c), after the user clicks the follow lock screen control, they can click the application control 71 in the wallpaper editing interface 700, and the main functional module will receive the click operation on the application control 71.

[0539] After receiving a click operation on the application control, the main functional module can obtain the image of the original layer in the currently edited desktop wallpaper file as the initial image. While keeping the image name unchanged, it first processes this initial image to obtain a full-screen image. Then, if neither the first nor the second operation record exists, it crops an area centered on the center of the full-screen image and with the same size as the screen as the target image, and updates the image of the original layer in the currently edited desktop wallpaper file to the target image. If the first operation record exists but the second operation record does not, it blurs the full-screen image according to the target blur level in the first operation record, crops an area centered on the center of the full-screen image and with the same size as the screen as the target image, and updates the image of the original layer in the currently edited desktop wallpaper file to the target image. If the first operation record does not exist but the second operation record does exist... Next, based on the scaling ratio and target offset in the second operation record, a specific region in the full-screen image is determined. The size of this specific region is the same as the screen size. Then, the image within this specific region of the full-screen image is cropped and used as the target image. The image of the original layer in the currently edited desktop wallpaper file is updated to the target image. If both a first and a second operation record exist, the full-screen image is blurred based on the target blur level in the first operation record. Then, based on the scaling ratio and target offset in the second operation record, a specific region in the full-screen image is determined. The image within this specific region of the full-screen image is cropped and used as the target image. The image of the original layer in the currently edited desktop wallpaper file is updated to the target image. The size of the target image is the same as the screen size.

[0540] Step 3406: The main functional module sends a wallpaper data storage request to the file system.

[0541] This wallpaper data storage request is used to request the storage of desktop wallpaper file 1. Desktop wallpaper file 1 is the currently edited desktop wallpaper file. In this embodiment, it is the desktop wallpaper file generated by the main module of the "Follow Lock Screen" function based on the lock screen wallpaper file, and the image of the original layer in this desktop wallpaper file is the target image.

[0542] Step 3407: After receiving the wallpaper data storage request, the file system updates the desktop wallpaper file.

[0543] For example, the file system can update the first file of the desktop wallpaper to desktop wallpaper file 1.

[0544] It should be noted that after a user saves an edited desktop wallpaper, the desktop application can display that wallpaper on the desktop. In this case, if the user wants to edit the desktop wallpaper again while using the electronic device, they can re-enter the wallpaper editing interface. At this time, the wallpaper editing interface will display the previously edited desktop wallpaper, i.e., the wallpaper corresponding to desktop wallpaper file 1. The user can continue to edit this desktop wallpaper. The process of editing the lock screen wallpaper again can be referred to below. Figure 36 The flowchart shown is not described in detail here.

[0545] In some embodiments, when the desktop wallpaper is in the state of following the lock screen, the main functional module may, in the event of changes in the first operation record and / or the second operation record, instruct the desktop view module to redraw the layer content of the original layer so that the desktop wallpaper displayed on the desktop wallpaper page can be consistent with the main image of the lock screen wallpaper displayed on the lock screen wallpaper page.

[0546] Figure 35 This is a flowchart of a wallpaper editing method provided in an embodiment of this application. Figure 35 The flowchart shown illustrates the specific process by which a user sets their desktop wallpaper using the wallpaper editing interface. Figure 35 The flowchart shown can be executed after step 3404 above; or it can be executed after step 3407, when the user re-enters the wallpaper editing interface on the electronic device.

[0547] See Figure 35 The method may include the following steps:

[0548] Step 3501: The main functional module receives click operations on the color control.

[0549] In some cases, if a user wants to set a solid color wallpaper or a gradient wallpaper for their desktop, they can do so as follows: Figure 19As shown in Figure (a), the user can click on the color control 77, and the main functional module will receive the click operation on the color control 77.

[0550] Step 3502: In response to the click operation on the color control, the main function module displays the sixth pop-up window.

[0551] For example, such as Figure 19 As shown in Figure (b), the sixth pop-up window 7016 displays a gradient color switch and multiple color options.

[0552] Step 3503: The main functional module receives the selection operation for color option 1.

[0553] For example, such as Figure 19 As shown in Figure (b), the user can click on a color option (hereinafter referred to as color option 1) displayed in the sixth pop-up window 7016, and the main functional module will receive the selection operation for color option 1.

[0554] Step 3504: In response to the selection operation of color option 1, the main function module determines the color corresponding to color option 1.

[0555] It should be noted that, in response to the selection of color option 1, the main function module can also disable the desktop wallpaper from following the lock screen.

[0556] Step 3505: When the gradient color switch is off, the main functional module generates a solid color image with the screen size and the color corresponding to color option 1 as the specified image; when the gradient color switch is on, it generates a gradient color image with the screen size and the color corresponding to color option 1 as the specified image.

[0557] Step 3506: The main function module modifies the image name of the specified image to the image name of the original layer in the currently edited desktop wallpaper file, updates the image of the original layer in the currently edited desktop wallpaper file to the specified image, and obtains desktop wallpaper file 2. Then, it re-acquires the display image of the original layer.

[0558] It should be noted that, if Figure 35 The flowchart shown is executed after step 3404 above, or after step 3407, when the user re-enters the wallpaper editing interface on the electronic device. In this case, the currently edited desktop wallpaper file can be desktop wallpaper file 1.

[0559] The main functional module can retrieve the original layer's display image based on the original layer's image in desktop wallpaper file 2. For specific operations, please refer to step 23073 above, which will not be repeated here.

[0560] Step 3507: The main functional module sends the view identifier and display image of the original layer to the desktop view module.

[0561] Step 3508: After receiving the view identifier and display image of the original layer, the desktop view module redraws the layer content in the view identified by the view identifier of the original layer according to the display image of the original layer, and displays n views.

[0562] After receiving the view identifier and display image from the original layer, the desktop view module, while maintaining the layer hierarchy of the view identified by the original layer's view identifier, determines the target area in the display image and draws the image within that target area onto the view. Then, these n views can be submitted to the rendering service for rendering in ascending order of layer hierarchy, so that they are displayed in the display area of ​​the desktop wallpaper page on the screen, thus achieving the display of the desktop wallpaper and desktop content on the desktop wallpaper page. For example, the displayed desktop wallpaper page could be... Figure 19 The desktop wallpaper page 703 shown in Figure (d) displays a solid color wallpaper set by the user.

[0563] In some embodiments, after a user edits the desktop wallpaper by setting a solid color wallpaper or a gradient wallpaper, the user can also save the edited desktop wallpaper to make it effective. This process may include the following steps 3509 and 3511.

[0564] Step 3509: The main functional module receives click operations on the application controls.

[0565] For example, such as Figure 19 As shown in Figure (c), after setting a solid color wallpaper, the user can directly click the application control 71 in the wallpaper editing interface 700, and the main functional module will receive the click operation on the application control 71. Or, as... Figure 19 As shown in Figure (c), after setting a solid color wallpaper, the user can first click the fold control 7162 in the sixth pop-up window 7016, and then... Figure 19 As shown in Figure (d), the user then clicks the application control 71 in the wallpaper editing interface 700, and the main functional module will receive the click operation on the application control 71.

[0566] After receiving a click operation on the application control, the main functional module can obtain the image of the original layer in the currently edited desktop wallpaper file as the initial image. While keeping the image name unchanged, the initial image is first processed to obtain a full-screen image. Then, the image within the full-screen image that is centered on the center of the full-screen image and has the same size as the screen size is cropped and used as the target image. The image of the original layer in the currently edited desktop wallpaper file is then updated to the target image.

[0567] Step 3510: The main functional module sends a wallpaper data storage request to the file system.

[0568] This wallpaper data storage request is used to request the storage of desktop wallpaper file 2. Desktop wallpaper file 2 is the currently edited desktop wallpaper file. In this embodiment, it is the desktop wallpaper file updated by the main functional module according to the set wallpaper after the user sets a solid color wallpaper or a gradient wallpaper. Here, the image of the original layer in the desktop wallpaper file is the target image.

[0569] Step 3511: After receiving the wallpaper data storage request, the file system updates the desktop wallpaper file.

[0570] For example, the file system can update the first file of the desktop wallpaper to the second file of the desktop wallpaper.

[0571] It should be noted that after a user saves an edited desktop wallpaper, the desktop application can display that wallpaper on the desktop. In this case, if the user wants to edit the desktop wallpaper again while using the electronic device, they can re-enter the wallpaper editing interface. At this time, the wallpaper editing interface will display the previously edited desktop wallpaper, i.e., the wallpaper corresponding to desktop wallpaper file 2. The user can continue to edit this desktop wallpaper. The process of editing the lock screen wallpaper again can be referred to below. Figure 36 The flowchart shown is not described in detail here.

[0572] In some embodiments, users can select an image as their desktop wallpaper using the wallpaper selection control in the wallpaper editing interface. This process is similar to the process described above where users change the main image of the lock screen wallpaper using the image change control, and will not be repeated here.

[0573] In some embodiments, users can adjust the blur of the desktop wallpaper using the blur control in the wallpaper editing interface. This process is similar to the process described above where users adjust the blur of the main image of the lock screen wallpaper using the background blur control, and will not be repeated here.

[0574] In some embodiments, users can zoom or move the desktop wallpaper on the desktop wallpaper page. This process is similar to the process described above where users zoom or move the main image of the lock screen wallpaper on the lock screen wallpaper page, and will not be repeated here.

[0575] As an example, after editing the lock screen wallpaper and / or desktop wallpaper using one or more of the above editing functions, if a user does not wish to save the edited lock screen wallpaper and / or desktop wallpaper, they can click the return control in the wallpaper editing interface. In this case, the main function module can clear the currently edited lock screen wallpaper file and desktop wallpaper file from memory.

[0576] As another example, after users edit the lock screen wallpaper and / or desktop wallpaper using one or more of the above editing functions, they can also save the edited lock screen wallpaper and / or desktop wallpaper to make it effective.

[0577] In some embodiments, such as Figure 16 As shown in Figure (a), the main functional module can receive click operations on the application control 71. In response to the click operation, the main functional module updates and stores the currently edited lock screen wallpaper file as the first file of the lock screen wallpaper to the file system, and updates and stores the currently edited desktop wallpaper file as the first file of the desktop wallpaper to the file system.

[0578] Furthermore, in response to this click operation, the main functional module can also generate a second lock screen wallpaper file based on the currently edited lock screen wallpaper file. This second lock screen wallpaper file includes a first wallpaper image, clock settings information, and a second wallpaper image. The first wallpaper image is composed of the superimposed target images of all layers in the lock screen wallpaper file that are lower in hierarchy than the clock layer. The clock settings information may include the layout, font, and color values ​​of the clock layer. The second wallpaper image is composed of the superimposed target images of all layers in the lock screen wallpaper file that are higher in hierarchy than the clock layer. The main functional module can update and store this second lock screen wallpaper file in the file system. Thus, when displaying the lock screen wallpaper, the lock screen application can retrieve the second lock screen wallpaper file from the file system and then sequentially superimpose the first wallpaper image, the clock layer, and the second wallpaper image to display the lock screen wallpaper—simple and fast.

[0579] Similarly, in response to this click, the main functional module can also generate a second file of the desktop wallpaper based on the currently edited wallpaper file. This second file includes the target images of the original layers from the original wallpaper file. The main functional module can then update and store this second file of the wallpaper in the file system. In this way, when the desktop application displays the wallpaper, it can retrieve the second file of the wallpaper from the file system and then directly display the images from that second file—simple and fast.

[0580] The above text Figure 21 Examples to Figure 35 The example provides a detailed description of the specific implementation process for displaying the wallpaper editing interface when using the wallpaper editing function for the first time, and for editing the wallpaper based on the wallpaper editing interface. The following describes the specific implementation process for using the wallpaper editing function again.

[0581] Figure 36 This is a flowchart of a wallpaper editing method provided in an embodiment of this application. Figure 36The flowchart shown illustrates the specific implementation process of displaying the wallpaper editing interface when the wallpaper editing function is used again. Figure 36 The flowchart shown can be executed after steps 2312, 2610, 2710, 2810, 2909, 3011, 3110, 3209, 3407, or 3511.

[0582] See Figure 36 The method may include the following steps:

[0583] Step 3601: The lock screen application receives the first gesture operation.

[0584] The operation of step 3601 is similar to that of step 2101 above, and will not be described again in this embodiment.

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

[0586] The operation of step 3602 is similar to that of step 2102 above, and will not be described again in this embodiment.

[0587] Step 3603: After receiving the first message, the main functional module in the Gallery application determines that the first message comes from the Lock Screen application, and then displays the functional controls.

[0588] The operation of step 3603 is similar to that of step 2103 above, and will not be described again in this embodiment.

[0589] Step 3604: The main functional module sends a first creation instruction to the lock screen view module. The first creation instruction is used to instruct the creation of m views.

[0590] The operation of step 3604 is similar to that of step 2104 above, and will not be described again in this embodiment.

[0591] Step 3605: After receiving the first creation instruction, the lock screen view module creates m views.

[0592] The operation of step 3605 is similar to that of step 2105 above, and will not be described again in this embodiment.

[0593] Step 3606: The main functional module sends a second creation instruction to the desktop view module. The second creation instruction is used to instruct the creation of n views.

[0594] The operation of step 3606 is similar to that of step 2106 above, and will not be described again in this embodiment.

[0595] Step 3607: After receiving the second creation instruction, the desktop view module creates n views.

[0596] The operation of step 3607 is similar to that of step 2107 above, and will not be described again in this embodiment.

[0597] Step 3608: The main functional module sends a wallpaper data retrieval request to the file system.

[0598] This wallpaper data retrieval request is used to request lock screen wallpaper files and desktop wallpaper files.

[0599] Step 3609: After receiving the wallpaper data retrieval request, the file system sends the lock screen wallpaper file and desktop wallpaper file to the main functional module.

[0600] After receiving a wallpaper data retrieval request from the main functional module of the gallery application, the file system can send the first file of the lock screen wallpaper as the lock screen wallpaper file to the main functional module, and also send the first file of the desktop wallpaper as the desktop wallpaper file to the main functional module.

[0601] Since the wallpaper editing function has been used before, the first file of the lock screen wallpaper includes the file of each layer in multiple layers, and the first file of the desktop wallpaper includes the file of the original layer (i.e., the image).

[0602] For example, if Figure 36 The flowchart shown is executed after step 2312 above. Therefore, in step 3609, the file system sends lock screen wallpaper file 1 to the main functional module; this is the wallpaper template file of the wallpaper template selected by the user during the last edit. In this case, the subsequently displayed lock screen wallpaper page can be... Figure 10 As shown in Figure (c), on the lock screen wallpaper page 702, users can continue to edit the wallpaper on the lock screen wallpaper page 702, such as scaling the main image, moving the main image, blurring the background, adjusting the clock font, adjusting the shape of the decorative items, adjusting the clock color, adjusting the color of the decorative items, and setting the depth of field effect.

[0603] For example, if Figure 36 The flowchart shown is executed after step 2610 above. Therefore, in step 3609, the file system sends lock screen wallpaper file 2 to the main functional module; this is the lock screen wallpaper file obtained after the user adjusted the clock color in the selected wallpaper template during the last edit. In this case, the subsequently displayed lock screen wallpaper page can be... Figure 11As shown in Figure (d), on the lock screen wallpaper page 702, users can continue to edit the wallpaper on the lock screen wallpaper page 702, such as scaling the main image, moving the main image, blurring the background, adjusting the clock font, adjusting the shape of the decorative items, adjusting the clock color, adjusting the color of the decorative items, and setting the depth of field effect.

[0604] Similarly, if Figure 36 The flowchart shown is executed after steps 2710, 2810, 2909, 3011, 3110, 3209, 3407, or 3511. In step 3609, the file system sends the corresponding lock screen wallpaper file to the main functional module. This lock screen wallpaper file is the one the user previously edited. The user can then display the wallpaper on the lock screen wallpaper page based on this file; the displayed wallpaper is the one the user previously edited, and the user can continue editing it in this update.

[0605] Step 3610: After receiving the lock screen wallpaper file and the desktop wallpaper file, the main functional module obtains the display information of each layer in the multiple layers according to the lock screen wallpaper file, and obtains the display information of the original layer according to the desktop wallpaper file.

[0606] The operation of the main functional module to obtain the display information of each layer in multiple layers based on the lock screen wallpaper file is similar to the operation of step 2307 above, and will not be described again in this embodiment.

[0607] The operation of the main functional module to obtain the display information of the original layer based on the desktop wallpaper file is similar to the operation of step 3402 above, and will not be described again in this embodiment.

[0608] It should be noted that after the main functional module receives the lock screen wallpaper file and the desktop wallpaper file, it can save the lock screen wallpaper file as the currently edited lock screen wallpaper file in memory, and save the desktop wallpaper file as the currently edited desktop wallpaper file in memory. Subsequent editing processes will modify the currently edited lock screen wallpaper file and the currently edited desktop wallpaper file.

[0609] Step 3611: The main functional module sends the first display command to the lock screen view module.

[0610] The first display instruction is used to instruct the display of the m views. The first display instruction carries the display information for each of the multiple layers.

[0611] Step 3612: After receiving the first display instruction, the lock screen view module draws the layer content in the corresponding view according to the display information of each layer in the multiple layers, and displays the m views.

[0612] The lock screen view module can set the hierarchy of multiple views corresponding to the multiple layers based on the display information of each layer, and draw the layer content in each of the multiple views. Then, the m views can be submitted to the rendering service for rendering in ascending order of hierarchy, so that the m views are overlaid on the display area of ​​the lock screen wallpaper page on the screen, thus realizing the display of the wallpaper on the lock screen wallpaper page. In this case, the other views among the m views are blank views, so after the lock screen view module displays the m views, the user will only see the content drawn in those views.

[0613] Step 3613: The main functional module sends a second display command to the desktop view module.

[0614] The second display instruction is used to instruct the display of the n views. For example, when n equals 2, the second display instruction can carry the display information of the original layers, as well as the third view identifier and desktop thumbnail. When n is greater than 2, the second display instruction can also carry the display information of other layers.

[0615] Step 3614: After receiving the second display instruction, the desktop view module draws the layer content in the corresponding view according to the display information of the original layer, draws the desktop thumbnail in the view identified by the third view identifier, and displays the n views.

[0616] After the desktop view module draws the layer content in the corresponding view based on the display information of the original layer, this view can be called the original layer. After the desktop view module draws the desktop thumbnail in the view identified by the third view identifier, this view with the desktop thumbnail can be called the desktop icon layer. The desktop icon layer has a higher layer level than the original layer, that is, the desktop icon layer is located above the original layer. When n is greater than 2, the desktop view module can also draw layer content in the corresponding view based on the display information of other layers carried by the second display instruction.

[0617] Then, the desktop view module can submit the n views to the rendering service for rendering in ascending order of hierarchy, so as to display the n views in the display area of ​​the desktop wallpaper page on the screen, thus realizing the display of the desktop wallpaper and desktop content in the desktop wallpaper page.

[0618] After displaying the function controls, lock screen wallpaper page, and desktop wallpaper page through the above steps, the display of the wallpaper editing interface is complete. For example, the displayed wallpaper editing interface can be... Figure 17 The wallpaper editing interface 700 is shown in Figure (b).

[0619] After the wallpaper editing interface is displayed, users can edit the lock screen wallpaper or desktop wallpaper. For example, they can change the wallpaper template, change the clock color and font of the lock screen wallpaper, change the color and shape of the decorative elements, adjust the depth-of-field effect and background blur of the lock screen wallpaper, change the main image of the lock screen wallpaper, zoom and move the main image of the lock screen wallpaper, set the desktop wallpaper to follow the lock screen, and set the color of the desktop wallpaper, etc. The specific editing process has been described above. Figure 23 Examples to Figure 35 The embodiments are described in detail, and will not be repeated here.

[0620] For example, suppose the lock screen wallpaper currently displayed on the lock screen wallpaper page corresponds to the first lock screen wallpaper file. After editing the wallpaper, a third wallpaper is displayed on the lock screen wallpaper page. In this case, the electronic device can update and store the first lock screen wallpaper file, so that the lock screen wallpaper file stored in the file system is the lock screen wallpaper file corresponding to the currently edited third wallpaper. When editing again, the latest wallpaper lock screen wallpaper file can be obtained from the file system, thus ensuring the continuity of wallpaper editing.

[0621] It should be noted that in some embodiments, users can also access the wallpaper editing interface through the desktop of the electronic device. The specific process may include the following steps (1) to (16):

[0622] (1) The desktop application receives the second gesture operation.

[0623] The second gesture operation can be a predefined gesture operation. For example, the second gesture operation can be a two-finger pinch operation, a long press operation, a double-tap operation, an S-shaped swipe operation, etc., and this application embodiment does not limit it.

[0624] For example, suppose the second gesture is a two-finger pinch gesture, such as Figure 9 As shown in Figure (a), when the electronic device displays desktop 900, the user can pinch two fingers on desktop 900. In this case, the desktop application can receive the pinch operation on desktop 900. The pinch operation triggered on desktop 900 is used to indicate entry into the desktop editing interface.

[0625] (2) In response to the second gesture operation, the desktop application displays the desktop editing interface.

[0626] For example, such as Figure 9 As shown in Figure (b), the desktop editing interface can display relevant controls for editing the desktop, such as wallpaper controls, card controls, switching effect controls, desktop settings controls, etc.

[0627] (3) The desktop application receives click operations on the wallpaper control.

[0628] For example, such as Figure 9 As shown in Figure (b), users can click the wallpaper control in the desktop editing interface to indicate that they can enter the wallpaper editing function.

[0629] (4) In response to a click on the wallpaper control, the desktop application sends a second message to the gallery application.

[0630] For example, the second message could be an intent message.

[0631] The second message can carry source information, which indicates which application the second message comes from. For example, the source information in the second message could be the application identifier of a desktop application.

[0632] In some implementations, the second message can also carry the storage path of the desktop wallpaper.

[0633] Since clicking the wallpaper control is used to indicate entry into the wallpaper editing function, the desktop application, upon receiving a click on the wallpaper control, can send a second message to the gallery application to instruct the gallery application to display the wallpaper editing interface.

[0634] (5) After receiving the second message, the main functional module in the gallery application will display the functional controls if it determines that the second message comes from the desktop application.

[0635] The main functional module can determine whether the second message comes from a desktop application based on the source information in the second message.

[0636] In some embodiments, if the main functional module determines that the second message originates from a desktop application, then the main functional module can determine that the display area of ​​the desktop wallpaper page is a preset third display area within the screen, and the display area of ​​the lock screen wallpaper page is a preset fourth display area, wherein the fourth display area is either partially within the screen or completely outside the screen. In this case, such as Figure 9 As shown in Figure (c), the main functional module can first display the main functional controls and related functional controls for editing the desktop wallpaper, while temporarily not displaying the related functional controls for editing the lock screen wallpaper.

[0637] In some embodiments, the size of the third display area is the same as the size of the fourth display area. The aspect ratios of both the third and fourth display areas are the same as the screen aspect ratio of the electronic device.

[0638] For example, such as Figure 37As shown, when the second message comes from the desktop application, the main functional module can determine that the display area of ​​the desktop wallpaper page is the preset display area C within the screen, while the display area of ​​the lock screen wallpaper page is the preset display area D. Only a very small portion of display area D is within the screen, with the majority located off-screen. In this case, the user can see the complete desktop wallpaper page, but only a very small portion of the lock screen wallpaper page.

[0639] In some embodiments, if the main functional module determines that the second message comes from a desktop application, it may also display a mask.

[0640] As an example, the main functional module can retrieve the corresponding image based on the storage path of the image carried in the second message (i.e., the desktop wallpaper mentioned above), or it can retrieve a preset image. Then, the main functional module can adjust the image according to the screen information to make its size match the screen size, then blur the image to obtain the overlay, and finally display the overlay.

[0641] (6) The main functional module sends a first creation instruction to the lock screen view module. The first creation instruction is used to indicate the creation of m views.

[0642] Step (6) is similar to step 2104 above, and will not be described again in this embodiment.

[0643] (7) After receiving the first creation instruction, the lock screen view module creates m views.

[0644] Step (7) is similar to step 2105 above, and will not be described again in this embodiment.

[0645] (8) The main functional module sends a second creation instruction to the desktop view module. The second creation instruction is used to instruct the creation of n views.

[0646] Step (8) is similar to step 2106 above, and will not be described again in this embodiment.

[0647] (9) After receiving the second creation instruction, the desktop view module creates n views.

[0648] Step (9) is similar to step 2107 above, and will not be described again in this embodiment.

[0649] (10) The main functional module sends a wallpaper data retrieval request to the file system.

[0650] This wallpaper data retrieval request is used to request lock screen wallpaper files and desktop wallpaper files.

[0651] (11) After receiving the wallpaper data acquisition request, the file system sends the lock screen wallpaper file and the desktop wallpaper file to the main functional module.

[0652] The operation of step (11) is similar to that of step 3609 above, and will not be described again in this embodiment.

[0653] (12) After receiving the lock screen wallpaper file and the desktop wallpaper file, the main functional module obtains the display information of each layer in the multiple layers according to the lock screen wallpaper file, and obtains the display information of the original layer according to the desktop wallpaper file.

[0654] Step (12) is similar to step 3610 above, and will not be described again in this embodiment.

[0655] (13) The main functional module sends the first display instruction to the lock screen view module.

[0656] The operation of step (13) is similar to the operation of step 3611 above, and will not be described again in this embodiment.

[0657] (14) After receiving the first display instruction, the lock screen view module draws the layer content in the corresponding view according to the display information of each layer in the multiple layers and displays the m views.

[0658] The operation of step (14) is similar to the operation of step 3612 above, and will not be described again in this embodiment.

[0659] When displaying the m views, the lock screen view module can submit the m views to the rendering service for rendering in ascending order of hierarchy, so that the m views can be overlaid on the display area (i.e., the third display area) of the lock screen wallpaper page on the screen, thus realizing the display of the wallpaper on the lock screen wallpaper page.

[0660] It should be noted that in some cases, such as Figure 37 As shown, since the third display area is a display area D with only a small portion inside the screen and the vast majority outside the screen, after the lock screen view module displays these m views, as shown... Figure 9 As shown in Figure (c), the user cannot see the lock screen wallpaper on the lock screen wallpaper page.

[0661] In other cases, the third display area may be mostly or completely within the screen. In this case, after the lock screen view module displays the m views, the user can see part or all of the lock screen wallpaper from the lock screen wallpaper page.

[0662] (15) The main functional module sends a second display instruction to the desktop view module.

[0663] The operation of step (15) is similar to the operation of step 3613 above, and will not be described again in this embodiment.

[0664] (16) After receiving the second display instruction, the desktop view module draws the layer content in the corresponding view according to the display information of the original layer, draws the desktop thumbnail in the view identified by the third view identifier, and displays the n views.

[0665] The operation of step (16) is similar to the operation of step 3614 above, and will not be described again in this embodiment.

[0666] When displaying the n views, the desktop view module can submit the n views to the rendering service for rendering in ascending order of hierarchy, so that the n views can be displayed in the display area of ​​the desktop wallpaper page (i.e., the fourth display area) on the screen, thus realizing the display of the desktop wallpaper and desktop content in the desktop wallpaper page.

[0667] It should be noted that, as Figure 37 As shown, since the fourth display area is display area C that is completely located within the screen, after the desktop view module displays these n views, it will look like... Figure 9 As shown in Figure (c), users can see the desktop wallpapers and desktop content on the desktop wallpaper page 703.

[0668] After displaying the function controls, lock screen wallpaper page, and desktop wallpaper page through the above steps, the display of the wallpaper editing interface is complete. For example, the displayed wallpaper editing interface can be... Figure 9 The wallpaper editing interface 700 is shown in Figure (c).

[0669] After the wallpaper editing interface is displayed, users can edit the lock screen wallpaper or desktop wallpaper. For example, they can change the wallpaper template, change the clock color and font of the lock screen wallpaper, change the color and shape of the decorative elements, adjust the depth-of-field effect and background blur of the lock screen wallpaper, change the main image of the lock screen wallpaper, zoom and move the main image of the lock screen wallpaper, set the desktop wallpaper to follow the lock screen, and set the color of the desktop wallpaper, etc. The specific editing process has been described above. Figure 23 Examples to Figure 35 The embodiments are described in detail, and will not be repeated here.

[0670] Figure 38 This is a flowchart illustrating a wallpaper editing method provided in an embodiment of this application. See also... Figure 38 The method may include the following steps:

[0671] Step 3801: The electronic device displays the wallpaper editing interface, which includes a lock screen wallpaper page, a first control, and a second control.

[0672] The first control is used to change the wallpaper template. For example, the first control could be... Figure 7 The lock screen style control 72 is shown in Figure (a).

[0673] The second control is used to save the wallpaper. For example, the second control could be... Figure 7 The application control 71 is shown in Figure (a).

[0674] It should be noted that after the electronic device displays the wallpaper editing interface, a second control can be displayed within the wallpaper editing interface. Optionally, the wallpaper editing interface can also display the lock screen wallpaper page and the first control, or it can choose not to display the lock screen wallpaper page and the first control.

[0675] In some embodiments, the electronic device can receive a second gesture on the desktop; in response to the second gesture, the electronic device can display a desktop editing interface, which includes a third control; in response to an operation applied to the third control, the electronic device displays a wallpaper editing interface. In this case, such as Figure 9 As shown in Figure (c), the displayed wallpaper editing interface 700 shows a desktop wallpaper page 703 and a second control 71. Optionally, the displayed wallpaper editing interface may not display a lock screen wallpaper page, or it may display part or all of the lock screen wallpaper page.

[0676] The third control is a control used to set the desktop wallpaper. For example, the third control could be... Figure 9 The wallpaper control in the desktop editing interface shown in Figure (b) is shown.

[0677] When the displayed wallpaper editing interface does not show the lock screen wallpaper page, or shows only a portion of the lock screen wallpaper page, in response to a fourth gesture operation performed on the wallpaper editing interface, the electronic device displays the lock screen wallpaper page, the first control, and the second control in the wallpaper editing interface.

[0678] The fourth gesture operation can be a predefined gesture operation. For example, the fourth gesture operation can be a left swipe or a right swipe, etc., and this application embodiment does not limit this. For example, the user... Figure 9 In the wallpaper editing interface 700 shown in Figure (c), if you perform a right swipe operation, then as shown in Figure (c), you will see... Figure 9 As shown in Figure (d), the electronic device can display a lock screen wallpaper page 702, a first control 72, and a second control 71 in the wallpaper editing interface 700.

[0679] In this embodiment, users can quickly access the wallpaper editing interface from the desktop to edit wallpapers, thus improving the convenience of wallpaper editing. Furthermore, users can use gestures to switch between displaying the desktop wallpaper page and the lock screen wallpaper page within the wallpaper editing interface to edit the corresponding wallpapers, thereby increasing the flexibility of wallpaper editing.

[0680] In other embodiments, the electronic device can receive a first gesture on the lock screen interface, and in response to the first gesture, the electronic device displays a wallpaper editing interface. In this case, such as... Figure 8 As shown in Figure (b), the displayed wallpaper editing interface 700 shows a lock screen wallpaper page 702, a first control 72, and a second control 71. Optionally, the displayed wallpaper editing interface may not display the desktop wallpaper page, or it may display part or all of the desktop wallpaper page.

[0681] In this embodiment, users can quickly enter the wallpaper editing interface on the lock screen through a first gesture operation to edit the wallpaper, thereby improving the convenience of wallpaper editing.

[0682] As an example, in response to a first gesture operation, the operation of displaying the wallpaper editing interface on the electronic device can be as follows: in response to the first gesture operation, the electronic device displays a first control and a second control; creates m first views, where m is an integer greater than or equal to 2; draws layer content in at least one of the m first views according to the lock screen wallpaper file to obtain m second views, and displays the m second views.

[0683] The operation of displaying the first and second controls on the electronic device can refer to the above step 2103, and will not be repeated in this embodiment.

[0684] The operation of creating m first views for electronic devices can refer to steps 2104 and 2105 above, and will not be repeated in this embodiment.

[0685] The electronic device draws layer content in at least one of the m first views based on the lock screen wallpaper file to obtain m second views. The operation of displaying the m second views can refer to steps 2108 to 2115 above, or steps 3608 to 3614 above. This application embodiment will not elaborate further on this.

[0686] It should be noted that after creating m first views, all m newly created first views are blank views. Then, after drawing layer content in at least one of the m first views based on the lock screen wallpaper file, the user can see the content drawn in that at least one first view when it is subsequently displayed. The other m first views, excluding that at least one first view, remain blank views and cannot be seen by the user even if they are displayed.

[0687] Furthermore, the m second views are not necessarily completely different from the layer content of the m first views; they may only involve changes to the layer content of some layers. That is, in the embodiments of this application, after drawing layer content in some or all of the m first views, the m first views can be referred to as m second views.

[0688] In this embodiment, when a wallpaper editing interface needs to be displayed, m views can be created first, and then layer content can be drawn and displayed in at least one of the m views based on the lock screen wallpaper file. In this way, the creation of m views enables the rapid display of the wallpaper corresponding to the lock screen wallpaper file.

[0689] Step 3802: In response to the operation performed on the first control, the electronic device displays multiple wallpaper template options.

[0690] The operation applied to the first control here can be a trigger operation on the first control, such as a click operation, to indicate the display of multiple wallpaper template options.

[0691] The multiple wallpaper template options include a first wallpaper template option, which can be any one of the multiple wallpaper template options. The wallpaper template corresponding to the first wallpaper template option includes multiple layers, which have been described in detail in the above embodiments and will not be repeated here. The wallpaper template file corresponding to the first wallpaper template option includes the file of each layer in the multiple layers, and the file of any one of the multiple layers is text or an image. The wallpaper template file has been described in detail in the above embodiments and will not be repeated here.

[0692] The operation of step 3802 can be referred to step 2302, and will not be repeated in this embodiment of the application.

[0693] Step 3803: In response to the operation performed on the first wallpaper template option, the electronic device displays the first wallpaper on the lock screen wallpaper page according to the wallpaper template file corresponding to the first wallpaper template option. The first wallpaper includes multiple layers.

[0694] The operation performed here on the first wallpaper template option is a selection operation on the first wallpaper template option, to indicate the display of the wallpaper template corresponding to the first wallpaper template option, i.e., the first wallpaper.

[0695] Optionally, in response to an operation performed on the first wallpaper template option, the electronic device may also save the wallpaper template file corresponding to the first wallpaper template option in memory.

[0696] In some embodiments, step 3803 may be performed as follows: In response to the operation applied to the first wallpaper template option, the electronic device obtains the display information of each layer in a plurality of layers according to the wallpaper template file corresponding to the first wallpaper template option; clears the hierarchy and layer content of m second views; sets the hierarchy of the corresponding second view and draws the layer content in the corresponding second view according to the display information of each layer in the plurality of layers, thereby obtaining m third views; and displays the m third views. Displaying the m third views achieves the display of the first wallpaper.

[0697] It should be noted that the m third views are not necessarily completely different from the layer content of the m second views; they may only involve changes to the layer content of some layers. That is, in the embodiments of this application, after redrawing the layer content in some or all of the m second views, the m second views can be referred to as m third views.

[0698] In this embodiment, after each selection of a wallpaper template, the hierarchy and layer content of m views can be cleared, and the hierarchy and layer content of multiple views that correspond one-to-one with the multiple layers in the wallpaper template can be reset and displayed. This allows the wallpaper template to be displayed quickly and accurately.

[0699] The operation of obtaining the display information of each layer in multiple layers based on the wallpaper template file corresponding to the first wallpaper template option can refer to step 2307 above, and will not be repeated in this embodiment.

[0700] For example, the display information of a layer may include the layer's view identifier, hierarchy, and drawing information, which may be clock settings or a displayed image. The second view corresponding to a layer is the view identified by the layer's view identifier.

[0701] In this case, the electronic device sets the level of the corresponding second view and draws the layer content in the corresponding second view according to the display information of each of the multiple layers to obtain m third views. The operation can be as follows: For the second layer among the multiple layers, set the level of the second view identified by the view identifier of the second layer to the level of the second layer, and draw the layer content in the second view identified by the view identifier of the second layer according to the drawing information of the second layer to obtain a third view, where the second layer is any one of the multiple layers. For specific operations, please refer to steps 2308 and 2309 above, which will not be repeated in this embodiment.

[0702] Step 3804: In response to the editing operation on the first wallpaper, the electronic device modifies the layer content of multiple layers of the first wallpaper and displays the second wallpaper.

[0703] An electronic device can modify the layer content of at least one of the multiple layers of a first wallpaper to obtain and display a second wallpaper.

[0704] As a first optional approach, step 3804 can be performed as follows: In response to the editing operation on the first wallpaper, the electronic device updates the wallpaper template file to obtain a first lock screen wallpaper file; based on the first lock screen wallpaper file, the layer content is redrawn in at least one of the m third views to obtain m fourth views, or the hierarchy of at least one of the m third views is reset based on the first lock screen wallpaper file to obtain m fourth views; the m fourth views are then displayed. Displaying the m fourth views achieves the display of the second wallpaper.

[0705] It should be noted that the m fourth views are not necessarily completely different from the layer content of the m third views; they may only involve changes in the layer content or hierarchy of some layers. That is, in the embodiments of this application, the layer content of some or all of the m third views is redrawn, or the hierarchy of some or all of the m third views is reset, and the m third views can be referred to as the m fourth views.

[0706] In this embodiment, the currently edited lock screen wallpaper file can be updated based on the user's editing operation on the first wallpaper, and the layer content can be redrawn and displayed in at least one of the m views accordingly, or the hierarchy of the m views can be reset and displayed accordingly. This allows for a simple and quick way to display the edited wallpaper.

[0707] For example, the editing operation could be an editing operation on the third layer among multiple layers, where the third layer is any one of the multiple layers. In this case, in response to the editing operation on the first wallpaper, the electronic device updates the wallpaper template file to obtain the first lock screen wallpaper file as follows: in response to the editing operation on the third layer, the electronic device updates the clock setting information in the text content of the third layer in the wallpaper template file if the third layer is a clock layer, or updates the image of the third layer in the wallpaper template file if the third layer is not a clock layer, thus obtaining the first lock screen wallpaper file.

[0708] Assuming the editing operation is a selection operation for the clock color option, the electronic device can update the color value of the text content of the clock layer in the wallpaper template file to the color value corresponding to the clock color option, thus obtaining the first lock screen wallpaper file. Specific operations can be referred to steps 2603 to 2605 above, and will not be repeated in this embodiment.

[0709] Assuming the editing operation is a selection of color options for the decorative layer, the electronic device can modify the color of the image in the decorative layer of the wallpaper template file according to the color value corresponding to the color option, thus obtaining the first lock screen wallpaper file. Specific operations can be referred to steps 2703 to 2705 above, and will not be repeated in this embodiment.

[0710] Assuming the editing operation is a selection of the shape option for the decorative layer, the electronic device can obtain the third image corresponding to the shape option, modify the image name of the third image to the image name of the decorative layer in the wallpaper template file, update the image of the decorative layer in the wallpaper template file to the third image, and obtain the first lock screen wallpaper file. Specific operations can be referred to steps 2803 to 2805 above, and will not be repeated in this embodiment.

[0711] Assuming the editing operation is a selection operation for an image option, the electronic device can obtain the fourth image (i.e., the main image) corresponding to the image option, generate a fifth image (i.e., the cut-out image) based on the fourth image, modify the image name of the fourth image to the image name of the original layer in the wallpaper template file, and modify the image name of the fifth image to the image name of the cut-out layer in the wallpaper template file; update the image of the original layer in the wallpaper template file to the fourth image, and update the image of the cut-out layer in the wallpaper template file to the fifth image, thus obtaining the first lock screen wallpaper file. Specific operations can be referred to steps 3103 to 3105 above, and will not be repeated in this embodiment.

[0712] The fifth image contains the foreground object from the fourth image, but does not contain any content from the fourth image other than the foreground object. In other words, the foreground object is present in the fifth image, and everything else in the fifth image is blank (i.e., transparent).

[0713] For example, the editing operation can be a deactivation of the depth-of-field effect switch. In this case, in response to the editing operation on the first wallpaper, the electronic device updates the wallpaper template file to obtain the first lock screen wallpaper file by: in response to the deactivation of the depth-of-field effect switch, swapping the layer level in the text name of the clock layer in the wallpaper template file with the layer level in the image name of the cutout layer, thus obtaining the first lock screen wallpaper file. Specific operations can be found in steps 2903 to 2904 above, and will not be repeated in this embodiment.

[0714] As a second option, the editing operation can be a trigger operation on a fourth control, which is used to adjust the background blur of the lock screen wallpaper. For example, the fourth control can be... Figure 13 The background blur control 7142 is shown in Figure (b). In this case, the operation of step 3804 can be as follows: in response to the trigger operation of the fourth control, determine the target blur; generate a first operation record, which records the target blur; redraw the layer content in at least one of the m third views according to the first operation record to obtain m fourth views; and display the m fourth views. The specific operation can be referred to steps 3003 to 3007 above, and will not be repeated in this embodiment.

[0715] As a third optional method, the editing operation can be a zoom operation performed on the lock screen wallpaper page. In this case, step 3804 can be performed as follows: in response to the zoom operation performed on the lock screen wallpaper page, determine the zoom ratio and target offset corresponding to the zoom operation; generate a second operation record, which records the zoom ratio and target offset; redraw the layer content in at least one of the m third views according to the second operation record to obtain m fourth views; and display the m fourth views. Specific operations can be referred to steps 3201 to 3205 above, and will not be repeated in this embodiment.

[0716] Step 3805: After displaying the second wallpaper, the electronic device sets the second wallpaper as the lock screen wallpaper in response to the operation performed on the second control.

[0717] The operation performed on the second control here is a trigger operation on the second control, such as a click operation, to instruct the second wallpaper to be set as the lock screen wallpaper.

[0718] For example, in the absence of a first operation record and a second operation record, step 3805 can be performed as follows: after displaying the second wallpaper, in response to an operation performed on the second control, the electronic device stores the first lock screen wallpaper file to the file system. Specific operations can be referred to steps 2608 to 2610, or steps 2708 to 2710, or steps 2808 to 2810, or steps 2907 to 2909, or steps 3108 to 3110, which will not be elaborated further in this embodiment.

[0719] For example, in the presence of a first operation record and / or a second operation record, step 3805 may involve: after displaying the second wallpaper, in response to an operation applied to the second control, updating the wallpaper template file according to the target blur in the first operation record and / or the scaling ratio and target offset in the second operation record to obtain a second lock screen wallpaper file; and storing the second lock screen wallpaper file to the file system. Specific operations can be referred to steps 3008 to 3011 above, and / or steps 3206 to 3209 above, which will not be elaborated further in this embodiment.

[0720] In some embodiments, the wallpaper editing interface also includes a desktop wallpaper page and a fifth control.

[0721] The fifth control is used to instruct the desktop wallpaper to follow the lock screen. For example, the fifth control can be... Figure 18 The wallpaper editing interface 700 shown in Figure (b) contains the follow lock screen control 76.

[0722] For example, when the lock screen wallpaper page is displayed in the wallpaper editing interface, if the displayed wallpaper editing interface does not display the desktop wallpaper page, or displays only a portion of the desktop wallpaper page, then in response to a third gesture operation performed on the wallpaper editing interface, the electronic device displays the desktop wallpaper page, the fifth control, and the second control in the wallpaper editing interface.

[0723] The third gesture operation can be a predefined gesture operation. For example, the third gesture operation can be a left swipe or a right swipe, etc., and this application embodiment does not limit this. For example, the user in Figure 18 In the wallpaper editing interface 700 shown in Figure (a), if you perform a left swipe operation, then as shown in Figure (a), you will see the following: Figure 18 As shown in Figure (b), the electronic device can display the desktop wallpaper page 703, the fifth control 76, and the second control 71 in the wallpaper editing interface 700.

[0724] In this case, in response to the operation applied to the fifth control, the electronic device can display the main image of the wallpaper from the lock screen wallpaper page on the desktop wallpaper page. Specific operations can be found in steps 3401 to 3404 above, and will not be repeated here in this embodiment.

[0725] The operation applied to the fifth control here can be a trigger operation on the fifth control, such as a click operation, to instruct the desktop wallpaper to follow the lock screen.

[0726] In some embodiments, after setting the second wallpaper as the lock screen wallpaper, the electronic device may also display a wallpaper editing interface in response to a preset user operation. At this time, the second wallpaper is displayed on the lock screen wallpaper page of the wallpaper editing interface. Then, in response to the editing operation on the second wallpaper, the layer content of multiple layers of the second wallpaper is modified, and a third wallpaper is displayed. After displaying the third wallpaper, in response to an operation performed on the second control, the electronic device stores the third lock screen wallpaper file to the file system to set the third wallpaper as the lock screen wallpaper. The third lock screen wallpaper file is obtained by updating either the first or second lock screen wallpaper file based on the editing operation on the second wallpaper.

[0727] In this way, users can continue editing the wallpaper they just finished editing, further improving the flexibility of wallpaper editing. Furthermore, after editing the second wallpaper, the lock screen wallpaper file is updated, ensuring that the lock screen wallpaper file stored in the file system corresponds to the currently updated third wallpaper. This way, when editing again, the latest lock screen wallpaper file can be obtained from the file system, thus guaranteeing the continuity of wallpaper editing.

[0728] The preset user operation can be a predefined operation used to instruct the display of the wallpaper editing interface. For example, the preset user operation can be a first gesture operation received on the lock screen interface, or it can be an operation performed on a third control in the desktop editing interface. This application embodiment does not limit this.

[0729] When an electronic device displays a wallpaper editing interface, it can retrieve a lock screen wallpaper file from the file system and display a second wallpaper on the lock screen wallpaper page of the wallpaper editing interface based on that lock screen wallpaper file. This lock screen wallpaper file can be either the first lock screen wallpaper file or the second lock screen wallpaper file mentioned above.

[0730] In response to the editing operation of the second wallpaper, the electronic device modifies the layer content of multiple layers of the second wallpaper and displays the third wallpaper. This operation is similar to the operation in step 3804 above, in response to the editing operation of the first wallpaper, where the electronic device modifies the layer content of multiple layers of the first wallpaper and displays the second wallpaper. This embodiment of the application will not elaborate further on this.

[0731] In this embodiment, the electronic device displays a wallpaper editing interface, which includes a lock screen wallpaper page, a first control, and a second control. In response to an operation on the first control, the electronic device displays multiple wallpaper template options, including a first wallpaper template option. The wallpaper template file corresponding to the first wallpaper template option includes files for each layer in multiple layers, where any one layer's file is text or an image. Then, in response to an operation on the first wallpaper template option, the electronic device displays the first wallpaper on the lock screen wallpaper page. The user can edit the first wallpaper. In response to the editing operation on the first wallpaper, the electronic device modifies the layer content of the multiple layers of the first wallpaper and displays a second wallpaper, which is the edited wallpaper. Then, in response to an operation on the second control, the second wallpaper is set as the lock screen wallpaper. Thus, users can select a wallpaper template with multiple layers provided in this embodiment through the wallpaper editing interface, and display and edit the wallpaper template based on the wallpaper template file to obtain a lock screen wallpaper that meets their personalized needs, thereby improving the flexibility of wallpaper settings.

[0732] It should be understood that the sequence number of each step in the above embodiments does not imply the order of execution. The execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiments of this application.

[0733] In the above embodiments, the descriptions of each embodiment have different focuses. For parts that are not described in detail or recorded in a certain embodiment, please refer to the relevant descriptions of other embodiments.

[0734] This application also provides a computer-readable storage medium storing a computer program, which, when executed by a processor, can implement the steps in the above-described method embodiments.

[0735] This application also provides a computer program product that, when run on an electronic device, enables the electronic device to perform the steps described in the various method embodiments above.

[0736] This application also provides a chip system, which includes a processor coupled to a memory. The processor executes a computer program stored in the memory to implement the steps of any method embodiment of this application. The chip system can be a single chip or a chip module composed of multiple chips.

[0737] In the above embodiments, implementation can be achieved entirely or partially through software, hardware, firmware, or any combination thereof. When implemented using software, it can be implemented entirely or partially as 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, all or part of the processes or functions described in the embodiments of this application are generated. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. 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 via wired (e.g., coaxial cable, fiber optic, Digital Subscriber Line, DSL) or wireless (e.g., infrared, wireless, microwave, etc.) means. The computer-readable storage medium can be any available medium that a computer can access, or a data storage device such as a server or data center that integrates one or more available media. The available media can be magnetic media (e.g., floppy disks, hard disks, magnetic tapes), optical media (e.g., Digital Versatile Discs (DVDs)), or semiconductor media (e.g., Solid State Disks (SSDs)).

[0738] The above-described embodiments are optional embodiments provided by this application and are not intended to limit this application. Any modifications, equivalent substitutions, improvements, etc., made within the technical scope disclosed in this application should be included within the protection scope of this application.

Claims

1. A wallpaper editing method, characterized in that, Applied to electronic devices, the method includes: The wallpaper editing interface includes a lock screen wallpaper page, a portion of a desktop wallpaper page, a first control, a second control, and a fifth control. The fifth control is used to display the main image of the wallpaper from the lock screen wallpaper page on the desktop wallpaper page. In response to the operation applied to the first control, multiple wallpaper template options are displayed. The multiple wallpaper template options include a first wallpaper template option. The wallpaper template file corresponding to the first wallpaper template option includes the file of each layer in multiple layers. The file of any one of the multiple layers is text or an image. In response to an operation performed on the first wallpaper template option, a first wallpaper is displayed on the lock screen wallpaper page according to the wallpaper template file, the first wallpaper including the plurality of layers; In response to the editing operation on the first wallpaper, the layer content of the plurality of layers is modified, and the second wallpaper is displayed; After the second wallpaper is displayed, in response to the operation performed on the second control, the second wallpaper is set as the lock screen wallpaper.

2. The method as described in claim 1, characterized in that, Before displaying the wallpaper editing interface, the method further includes: Receive a second gesture on the desktop; In response to the second gesture operation, a desktop editing interface is displayed, the desktop editing interface including a third control; The wallpaper editing interface includes: In response to an operation performed on the third control, the wallpaper editing interface is displayed.

3. The method as described in claim 1, characterized in that, Before displaying the wallpaper editing interface, the method further includes: Receive the first gesture operation on the lock screen; The wallpaper editing interface includes: In response to the first gesture operation, the wallpaper editing interface is displayed.

4. The method as described in claim 3, characterized in that, The step of displaying the wallpaper editing interface in response to the first gesture operation includes: In response to the first gesture operation, the first control and the second control are displayed; Create m first views, where m is an integer greater than or equal to 2; Based on the lock screen wallpaper file, draw layer content in at least one of the m first views to obtain m second views; Display the m second views.

5. The method as described in claim 4, characterized in that, The step of displaying a first wallpaper on the lock screen wallpaper page in response to an operation on the first wallpaper template option includes: In response to the operation applied to the first wallpaper template option, the display information of each of the plurality of layers is obtained according to the wallpaper template file; Clear the hierarchy and layer content of the m second views; Based on the display information of each of the multiple layers, the corresponding level of the second view is set, and the layer content is drawn in the corresponding second view to obtain m third views; Display the m third views.

6. The method as described in claim 5, characterized in that, The multiple layers include an original layer and a clock layer. The image in the original layer is the main image, and the clock layer is used to display the time. The clock layer in the wallpaper template file is a text file. The text name of the clock layer includes one or more of the following: view identifier, layer type, and level. The text content of the clock layer includes clock setting information. The display information of the clock layer includes one or more of the following: view identifier, level, and clock setting information. The files of the multiple layers in the wallpaper template file, excluding the clock layer, are images. The image names of the other layers include one or more of the following: view identifier, layer type, and level. The display information of the other layers includes one or more of the following: view identifier, level, and displayed image.

7. The method as described in claim 6, characterized in that, The multiple layers also include one or more of the following: a decoration layer, a color background layer, and a cutout layer; The image in the decorative layer is used to create a decorative effect on the main image. The image in the color background layer is a solid color image or a gradient color image. The image in the cutout layer contains the foreground object in the main image.

8. The method as described in claim 6, characterized in that, The step of obtaining the display information of each layer among the multiple layers according to the wallpaper template file includes: For the first layer among the plurality of layers, the view identifier, layer type, and level of the first layer are obtained from the file name of the first layer in the wallpaper template file. The first layer is any one of the plurality of layers. If the layer type of the first layer is a clock layer, then the clock setting information of the first layer is obtained from the text content of the first layer in the wallpaper template file; If the layer type of the first layer is not a clock layer, then the image of the first layer is obtained from the wallpaper template file, the image of the first layer is processed to obtain a full-screen image, and the full-screen image is scaled according to a specific scaling ratio to obtain the display image of the first layer.

9. The method as described in claim 5, characterized in that, The display information includes view identifier, hierarchy, and drawing information. The drawing information is clock setting information or a display image. The process involves setting the hierarchy of the corresponding second view based on the display information of each of the multiple layers and drawing layer content in the corresponding second view to obtain m third views, including: For the second layer among the multiple layers, the layer level of the second view identified by the view identifier of the second layer is set as the layer level of the second layer, and the layer content is drawn in the second view identified by the view identifier of the second layer according to the drawing information of the second layer to obtain a third view, wherein the second layer is any one of the multiple layers.

10. The method as described in claim 5, characterized in that, The method further includes: In response to the operation performed on the first wallpaper template option, the wallpaper template file is saved in memory.

11. The method as described in claim 10, characterized in that, The step of modifying the layer content of the plurality of layers and displaying the second wallpaper in response to an editing operation on the first wallpaper includes: In response to the editing operation on the first wallpaper, the wallpaper template file is updated to obtain the first lock screen wallpaper file; Based on the first lock screen wallpaper file, the layer content is redrawn in at least one of the m third views to obtain m fourth views; or, based on the first lock screen wallpaper file, the layer of at least one of the m third views is reset to obtain m fourth views. Display the m fourth views.

12. The method as described in claim 11, characterized in that, The editing operation is an editing operation on the third layer among the plurality of layers. In response to the editing operation on the first wallpaper, the wallpaper template file is updated to obtain the first lock screen wallpaper file, including: In response to the editing operation on the third layer, if the third layer is a clock layer, update the clock setting information in the text content of the third layer in the wallpaper template file, or if the third layer is not a clock layer, update the image of the third layer in the wallpaper template file to obtain the first lock screen wallpaper file.

13. The method as described in claim 12, characterized in that, The editing operation is a selection operation for the clock color option. In response to the editing operation on the third layer, if the third layer is a clock layer, the clock setting information in the text content of the third layer in the wallpaper template file is updated to obtain the first lock screen wallpaper file, including: In response to the selection operation of the clock color option, the color value in the text content of the clock layer in the wallpaper template file is updated to the color value corresponding to the clock color option, thus obtaining the first lock screen wallpaper file.

14. The method as described in claim 12, characterized in that, The editing operation is a selection operation of the color options of the decorative layer. In response to the editing operation of the third layer, if the third layer is not a clock layer, the image of the third layer in the wallpaper template file is updated to obtain the first lock screen wallpaper file, including: In response to the selection of a color option for the decorative layer, the color of the image of the decorative layer in the wallpaper template file is modified according to the color value corresponding to the color option to obtain the first lock screen wallpaper file.

15. The method as described in claim 12, characterized in that, The editing operation is a selection operation of the shape options of the decorative layer. In response to the editing operation of the third layer, if the third layer is not a clock layer, the image of the third layer in the wallpaper template file is updated to obtain the first lock screen wallpaper file, including: In response to a selection operation of the shape option of the decorative layer, a third image corresponding to the shape option is obtained; Change the image name of the third image to the image name of the decorative layer image in the wallpaper template file; The image of the decorative layer in the wallpaper template file is updated to the third image to obtain the first lock screen wallpaper file.

16. The method as described in claim 12, characterized in that, The editing operation is a selection operation of image options. In response to the editing operation of the third layer, if the third layer is not a clock layer, the image of the third layer in the wallpaper template file is updated to obtain the first lock screen wallpaper file, including: In response to the selection operation of the image option, obtain the fourth image corresponding to the image option; A fifth image is generated based on the fourth image, and the fifth image contains the foreground object from the fourth image; The image name of the fourth image is changed to the image name of the original layer in the wallpaper template file, and the image name of the fifth image is changed to the image name of the cut-out layer in the wallpaper template file; The image of the original layer in the wallpaper template file is updated to the fourth image, and the image of the cut-out layer in the wallpaper template file is updated to the fifth image to obtain the first lock screen wallpaper file.

17. The method as described in claim 11, characterized in that, The editing operation is a deactivation of the depth-of-field effect switch. In response to the editing operation on the first wallpaper, the wallpaper template file is updated to obtain the first lock screen wallpaper file, including: In response to the operation of turning off the depth-of-field effect switch, the layer level in the text name of the clock layer in the wallpaper template file is swapped with the layer level in the image name of the cutout layer to obtain the first lock screen wallpaper file.

18. The method as described in claim 10, characterized in that, The editing operation is a triggering operation on the fourth control. The step of responding to the editing operation on the first wallpaper by modifying the layer content of the multiple layers and displaying the second wallpaper includes: In response to a trigger operation on the fourth control, the target ambiguity is determined; Generate a first operation record, which records the target ambiguity; Based on the first operation record, the layer content is redrawn in at least one of the m third views to obtain m fourth views; Display the m fourth views.

19. The method as described in claim 10, characterized in that, The editing operation is a zoom operation performed on the lock screen wallpaper page. The step of modifying the layer content of the plurality of layers and displaying the second wallpaper in response to the editing operation on the first wallpaper includes: In response to a zoom operation performed on the lock screen wallpaper page, determine the zoom ratio and target offset corresponding to the zoom operation; A second operation record is generated, which records the scaling ratio and the target offset; Based on the second operation record, the layer content is redrawn in at least one of the m third views to obtain m fourth views; Display the m fourth views.

20. The method as described in any one of claims 11 to 17, characterized in that, The step of setting the second wallpaper as the lock screen wallpaper in response to an operation performed on the second control includes: In response to an operation performed on the second control, the first lock screen wallpaper file is stored in the file system.

21. The method as described in claim 18 or 19, characterized in that, The step of setting the second wallpaper as the lock screen wallpaper in response to an operation performed on the second control includes: In response to an operation applied to the second control, if a first operation record and / or a second operation record exist, the wallpaper template file is updated according to the target blur in the first operation record and / or the scaling ratio and target offset in the second operation record to obtain a second lock screen wallpaper file; Store the second lock screen wallpaper file to the file system.

22. The method according to any one of claims 1 to 19, characterized in that, The method further includes: In response to an operation performed on the fifth control, the main image of the wallpaper from the lock screen wallpaper page is displayed on the desktop wallpaper page.

23. The method as described in claim 22, characterized in that, In response to an operation performed on the fifth control, before the main image of the wallpaper on the lock screen wallpaper page is displayed on the desktop wallpaper page, the method further includes: In response to a third gesture operation performed on the wallpaper editing interface, the desktop wallpaper page, the fifth control, and the second control are displayed in the wallpaper editing interface; The method further includes: In response to a fourth gesture operation performed on the wallpaper editing interface, the lock screen wallpaper page, the first control, and the second control are displayed in the wallpaper editing interface.

24. The method as described in claim 20, characterized in that, After setting the second wallpaper as the lock screen wallpaper, the method further includes: In response to a preset user operation, the first lock screen wallpaper file is retrieved from the file system; The second wallpaper is displayed on the lock screen wallpaper page in the wallpaper editing interface according to the first lock screen wallpaper file; In response to the editing operation on the second wallpaper, the layer content of the plurality of layers is modified, and the third wallpaper is displayed; After displaying the third wallpaper, in response to an operation performed on the second control, the third lock screen wallpaper file is stored in the file system to set the third wallpaper as the lock screen wallpaper. The third lock screen wallpaper file is obtained by updating the first lock screen wallpaper file based on the editing operation of the second wallpaper.

25. An electronic device, characterized in that, The electronic device includes: one or more processors, and memory; The memory is coupled to the one or more processors, the memory being used to store computer program code, the computer program code including computer instructions, the one or more processors invoking the computer instructions to cause the electronic device to perform the method as described in any one of claims 1 to 24.

26. A computer-readable storage medium, characterized in that, The computer-readable storage medium includes instructions that, when executed on an electronic device, cause the electronic device to perform the method as described in any one of claims 1 to 24.

Images