Wallpaper editing method, electronic equipment and storage medium

Abstract

The invention discloses a wallpaper editing method, electronic equipment and a storage medium, and belongs to the technical field of terminals. The method comprises the steps that after the electronic equipment displays a wallpaper editing interface, a plurality of wallpaper template options are displayed in response to operation acting on a first control, the wallpaper template options comprise a first wallpaper template option, and a wallpaper template corresponding to the first wallpaper template option comprises multiple types of layers. And in response to an operation acting on the first wallpaper template option, displaying the first wallpaper on the lock screen wallpaper page. And in response to the editing operation on the first wallpaper, modifying the layer contents of the plurality of layers of the first wallpaper, and displaying the second wallpaper. And in response to an operation acting on the second control, setting the second wallpaper as the lock screen wallpaper. Therefore, a user can select the wallpaper template with multiple types of layers provided by the application through the wallpaper editing interface, and edit the wallpaper template to obtain the lock screen wallpaper meeting the individual needs of the user, so that the flexibility of wallpaper setting can be improved.

Description

[0001] This application claims the priority of a Chinese patent application with the application number 202410043045.0 and the invention title "Wallpaper Editing Method, Electronic Device and Storage Medium", which was filed on January 10, 2024. The entire content of which is incorporated herein by reference. Technical Field

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

[0003] With the continuous development of terminal technologies, electronic devices such as mobile phones and tablet computers have become increasingly popular, bringing great convenience to people's daily lives. Users can set wallpapers for the lock screen interface and desktop of electronic devices to improve aesthetics. However, when changing wallpapers for electronic devices currently, users often need to select a picture from the pictures pre-installed in the electronic device or in the picture gallery as the wallpaper. The wallpaper setting method is single and difficult to meet the personalized needs of users. Summary of the Invention

[0004] This application provides a wallpaper editing method, an electronic device, and a storage medium, which can flexibly set wallpapers and meet the personalized needs of users. The technical solutions are as follows:

[0005] In a first aspect, a wallpaper editing method is provided. In this method, an electronic device displays a wallpaper editing interface. The wallpaper editing interface includes a lock screen wallpaper page, a first control, and a second control; in response to an operation on the first control, a plurality of wallpaper template options are displayed. The plurality of wallpaper template options include a first wallpaper template option. The wallpaper template corresponding to the first wallpaper template option includes a plurality of layers, and the plurality of layers include multiple types of layers; 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 layer content of the plurality of layers is modified, and a second wallpaper is displayed; after the second wallpaper is displayed, in response to an operation on the second control, the second wallpaper is set as the lock screen wallpaper.

[0006] The first control is a control for changing the wallpaper template. The operation on the first control can be a triggering operation on the first control, such as a click operation, etc., to indicate the display of a plurality of wallpaper template options.

[0007] The first wallpaper template option can be any one of the plurality of wallpaper template options. The operation 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, that is, the first wallpaper.

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

[0009] The second control is a control for saving wallpapers. An operation on the second control is a triggering operation on the second control, such as a click operation, etc., to indicate setting the second wallpaper as the lock screen wallpaper.

[0010] In this application, a wallpaper template with multiple types of layers is provided. The user can select the wallpaper template with multiple types of layers provided in this application through the wallpaper editing interface and edit the wallpaper template to obtain a lock screen wallpaper that meets their own personalized needs, thereby improving the flexibility of wallpaper setting.

[0011] It should be noted that after the electronic device displays the wallpaper editing interface, the second control may be displayed in the wallpaper editing interface. Optionally, the lock screen wallpaper page and the first control may also be displayed in the wallpaper editing interface, or the lock screen wallpaper page and the first control may not be displayed.

[0012] In a possible implementation manner, before the electronic device displays the wallpaper editing interface, it may also receive a second gesture operation on the desktop; in response to the second gesture operation, a 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 may be: in response to an operation on the third control, the electronic device displays the wallpaper editing interface. The third control is a control for setting the desktop wallpaper.

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

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

[0015] In a possible implementation manner, before the electronic device displays the wallpaper editing interface, it may also receive a first gesture operation on the lock screen interface. In this case, the operation for the electronic device to display the wallpaper editing interface may 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 a lock screen wallpaper page, a first control, and a second control. Optionally, the displayed wallpaper editing interface may not show the desktop wallpaper page, or may show part or all of the desktop wallpaper page.

[0017] In the present application, the user can quickly enter the wallpaper editing interface through a first gesture operation on the lock screen interface to perform wallpaper editing, thereby improving the convenience of wallpaper editing.

[0018] Exemplarily, the wallpaper template file of the wallpaper template may include layer set information, and the layer set information includes the layer basic information of each layer in a plurality of layers, and the layer basic information of the plurality of layers is organized in a hierarchical order in the layer set information.

[0019] Exemplarily, the plurality of layers may include an original layer and a decoration layer; the layer basic information of the original layer includes a view identifier, a layer type, and a picture storage path, and the layer basic information of the decoration layer includes a view identifier, a layer type, and a picture storage path; the layer types of the original layer and the decoration layer are different; the picture of the original layer is the main picture, and the picture of the decoration layer is used to form a decorative effect on the main picture.

[0020] Exemplarily, the plurality of layers may further include one or more of a color background layer, a clock layer, and a cut-out layer; the layer types of the original layer, the decoration layer, the color background layer, the clock layer, and the cut-out layer are all different; the picture of the color background layer is a solid color picture or a gradient color picture, the clock layer is used to display time, and the picture of the cut-out layer includes the foreground object in the main picture.

[0021] Exemplarily, the wallpaper template file may further include one or more of offset information, scaling ratio information, blur degree information, and depth of field effect switch state information.

[0022] The offset information may be determined according to the user's moving operation and scaling operation on the main picture, and is used to indicate how much the center of the moved main picture is offset relative to the center of the screen. The offset information acts on the original layer and the cut-out layer. In some cases, when the user has not moved and scaled the main picture, the offset in the offset information may default to [0,0].

[0023] The scaling ratio information may be determined according to the user's scaling operation on the main picture, and is used to indicate how much the scaled main picture is scaled compared to the original. The scaling ratio information acts on the original layer and the cut-out layer. In some cases, when the user has not scaled the main picture, the scaling ratio in the scaling ratio information may default to 1.

[0024] The blur information can be determined according to the background blur degree adjusted by the user, and is used to indicate the blur degree of the main picture. The blur information acts on the original layer. In some cases, when the user has not adjusted the background blur degree, the blur degree in the blur information can default to 0.

[0025] The depth-of-field effect switch state information is used to indicate whether the depth-of-field effect switch is in the on state or the off state. The depth-of-field effect switch state information acts on the clock layer and the matte layer. In some cases, when the user has not operated the depth-of-field effect switch, the state in the depth-of-field effect switch state information can default to the on state or the off state.

[0026] Exemplarily, the wallpaper template file can be a json file. The json file has a simple and efficient format, with simple syntax rules and more efficient data parsing. Therefore, when the wallpaper template file is a json file, the electronic device can obtain the wallpaper template file faster and can parse the wallpaper template file faster.

[0027] In a possible implementation manner, the operation of the electronic device to display the wallpaper editing interface in response to the first gesture operation can be: 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 the layer content in at least one of the m first views according to the lock screen wallpaper file to obtain m second views; display the m second views.

[0028] It should be noted that after creating the m first views, the newly created m first views are all blank views. Then, after drawing the layer content in at least one of the m first views according to the lock screen wallpaper file, when displayed subsequently, the user can see the content drawn in the at least one first view, while the other first views among the m first views except the at least one first view are still blank views and the user cannot see them even when displayed.

[0029] In addition, the m second views are not necessarily completely different from the layer content of the m first views, and can be only a change in the layer content of some layers. That is, in the present application, after drawing the layer content in some or all of the m first views, the m first views can be referred to as m second views.

[0030] In the present application, when it is necessary to display the wallpaper editing interface, m views can be created first, and then the layer content is 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 through the created m views.

[0031] In a possible implementation, in response to an operation on the first wallpaper template option, the operation of the electronic device to display the first wallpaper on the lock screen wallpaper page may be: in response to an operation on the first wallpaper template option, obtain the display information of each layer in the multiple layers according to the wallpaper template file of the wallpaper template; clear the hierarchy and layer content of the m second views; set the hierarchy of the corresponding second views according to the display information of each layer in the multiple layers and draw the layer content in the corresponding second views to obtain m third views; display the m third views.

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

[0033] In this application, each time a wallpaper template is selected, the hierarchy and layer content of the m views can be cleared, and the hierarchy and layer content of the multiple views corresponding to the multiple layers in the wallpaper template in the m views can be reset and displayed, so that the wallpaper template can be displayed quickly and accurately.

[0034] In a possible implementation, the display information may include a view identifier, a hierarchy, and drawing information. The drawing information may be clock setting information or a displayed picture. The operation of the electronic device to obtain the display information of each layer in the multiple layers according to the wallpaper template file of the wallpaper template may be: determine the view identifier, hierarchy, and clock setting information of the clock layer and determine the view identifier, hierarchy, and full-screen picture of the other layers except the clock layer in the multiple layers according to the layer set information in the wallpaper template file; scale the full-screen pictures of the other layers except the clock layer in the multiple layers according to a specific scaling ratio to obtain the display pictures of the other layers.

[0035] The specific scaling ratio is used to process the full-screen picture into a picture that can fill the display area of the lock screen wallpaper page. For example, the height (or width) of the display area of the lock screen wallpaper page can be divided by the screen height (or screen width) to obtain the specific scaling ratio.

[0036] In a possible implementation, the layer set information may include the layer basic information of each layer in the multiple layers. The operations for the electronic device to determine the view identifier, level, and clock setting information of the clock layer and to determine the view identifier, level, and full-screen picture of the other layers except the clock layer in the multiple layers according to the layer set information in the wallpaper template file may be as follows: Determine the number of layers according to the layer set information, where the number of layers is k, and k is an integer greater than or equal to 2; Determine that i is 1; Determine whether the i-th layer in the layer set information is the clock layer; If the i-th layer is the clock layer, obtain the view identifier in the layer basic information of the clock layer, and use the layout, font, and color values in the layer basic information of the clock layer as the clock setting information of the clock layer, and determine that the level of the clock layer is i; If the i-th layer is not the clock layer, obtain the view identifier and the initial picture of the i-th layer according to the layer basic information of the i-th layer, process the initial picture of the i-th layer to obtain the full-screen picture of the i-th layer, and determine that the level of the i-th layer is i; Determine whether i is equal to k; If i is not equal to k, let i = i + 1, and re-execute the steps of determining whether the i-th layer in the layer set information is the clock layer and the subsequent steps until i is equal to k.

[0037] Exemplarily, the electronic device may determine the number of view identifiers in the layer set information as the number of layers.

[0038] Exemplarily, the electronic device may determine whether the i-th layer is the clock layer according to the layer type in the layer basic information of the i-th layer.

[0039] Exemplarily, the operation for the electronic device to obtain the initial picture of the i-th layer according to the layer basic information of the i-th layer may be as follows: If the layer basic information of the i-th layer contains a picture storage path and does not contain a color value and a color setting type, obtain the picture according to the picture storage path as the initial picture of the i-th layer; If the layer basic information of the i-th layer contains a picture storage path, a color value, and a color setting type, obtain the picture according to the picture storage path, and set the color of the picture according to the color value and the color setting type to obtain the initial picture of the i-th layer; If the layer basic information of the i-th layer does not contain a picture storage path but contains a color value and a color setting type, generate a picture with the same size as the screen size, and set the color of the picture according to the color value and the color setting type to obtain the initial picture of the i-th layer.

[0040] Exemplarily, the operation for the electronic device to process the initial picture of the i-th layer to obtain the full-screen picture of the i-th layer may be as follows: Determine the initial scaling ratio according to the screen size and the size of the initial picture, and scale the initial picture according to the initial scaling ratio to obtain the full-screen picture of the i-th layer.

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

[0042] In a possible implementation, in addition to the clock layer, the multiple layers further include a cutout layer. After the electronic device scales the full-screen pictures of the other layers except the clock layer in the multiple layers according to a specific scaling ratio to obtain the display pictures of the other layers, it can also swap the levels of the clock layer and the cutout layer when the state in the depth-of-field effect switch state information in the wallpaper template file is the off state.

[0043] In a possible implementation, in addition to the clock layer, the multiple layers further include an original layer and a cutout layer. After the electronic device scales the full-screen pictures of the other layers except the clock layer in the multiple layers according to a specific scaling ratio to obtain the display pictures of the other layers, it can also multiply the offset in the offset information in the wallpaper template file by the specific scaling ratio to obtain a specific offset; use the specific offset, the scaling ratio in the scaling ratio information in the wallpaper template file, and the blur degree in the blur degree information in the wallpaper template file as the display information of the original layer, and use the specific offset and the scaling ratio in the scaling ratio information in the wallpaper template file as the display information of the cutout layer.

[0044] In a possible implementation, the display information includes a view identifier, a level, and drawing information. The operation for the electronic device to set the levels of the corresponding second views and draw the layer content in the corresponding second views according to the display information of each layer in the multiple layers to obtain m third views can be: for the first layer in the multiple layers, set the level of the second view identified by the view identifier of the first layer to the level of the first layer, and draw the layer content in the second view identified by the view identifier of the first layer according to the drawing information of the first layer to obtain a third view. Wherein, the first layer can be any layer in the multiple layers.

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

[0046] In this case, in response to an editing operation on the first wallpaper, the operation of modifying the layer content of the multiple layers and displaying the second wallpaper may be: in response to the editing operation on the first wallpaper, updating the wallpaper template file to obtain a first lock screen wallpaper file; redrawing 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 resetting 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 displaying the m fourth views.

[0047] It should be noted that the m fourth views are not necessarily completely different from the layer content of the m third views, and only the layer content or hierarchy of some layers may be changed. That is, in the present application, 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, the m third views can be referred to as m fourth views.

[0048] In the present application, the currently edited lock screen wallpaper file can be updated according to 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. In this way, the display of the edited wallpaper can be achieved simply and quickly.

[0049] Exemplarily, the editing operation may be an editing operation on the second layer among the multiple layers. In this case, the operation of the electronic device updating the wallpaper template file to obtain a first lock screen wallpaper file in response to the editing operation on the first wallpaper may be: in response to the editing operation on the second layer, the electronic device updates the layer basic information of the second layer in the wallpaper template file to obtain a first lock screen wallpaper file.

[0050] The second layer may be a clock layer, a decoration layer, etc.

[0051] Assume that the editing operation is a selection operation on a color option. Then the operation of the electronic device updating the layer basic information of the second layer in the wallpaper template file may be: updating the color value in the layer basic information of the second layer in the wallpaper template file to the color value corresponding to the color option.

[0052] Assume that the editing operation is a selection operation on a shape option. Then the operation of the electronic device updating the layer basic information of the second layer in the wallpaper template file may be: updating the picture storage path in the layer basic information of the second layer in the wallpaper template file to the picture storage path corresponding to the shape option.

[0053] Exemplarily, the editing operation may be an operation to turn off the depth of field effect switch. In this case, in response to the editing operation on the first wallpaper, the operation for the electronic device to update the wallpaper template file to obtain the first lock screen wallpaper file may be: in response to the operation to turn off the depth of field effect switch, the electronic device updates the state in the depth of field effect switch state information in the wallpaper template file to the off state to obtain the first lock screen wallpaper file.

[0054] Exemplarily, the editing operation may be an operation to trigger a third control, and the third control is used to adjust the background blur degree of the lock screen wallpaper. In this case, in response to the editing operation on the first wallpaper, the operation for the electronic device to update the wallpaper template file to obtain the first lock screen wallpaper file may be: in response to the operation to trigger the third control, the electronic device obtains a target blur degree; updates the blur degree in the blur degree information in the wallpaper template file to the target blur degree to obtain the first lock screen wallpaper file.

[0055] Exemplarily, the editing operation may be a zoom operation performed on the lock screen wallpaper page. In this case, in response to the editing operation on the first wallpaper, the operation for the electronic device to update the wallpaper template file to obtain the first lock screen wallpaper file may be: in response to the zoom operation performed on the lock screen wallpaper page, the electronic device obtains a target zoom ratio and a target offset; updates the zoom ratio in the zoom ratio information in the wallpaper template file according to the target zoom ratio, and updates the offset in the offset information in the wallpaper template file according to the target offset to obtain the first lock screen wallpaper file.

[0056] In an optional implementation manner, the editing operation is an operation to select a picture option. In this case, in response to the editing operation on the first wallpaper, the operation for the electronic device to modify the layer content of the multiple layers and display the second wallpaper may be: in response to the operation to select the picture option, the electronic device generates a first operation record, and the first operation record records the picture corresponding to the picture option and a cut-out picture, and the foreground object in the picture corresponding to the picture option is included in the cut-out picture; redraws the layer content in at least one of the m third views according to the first operation record to obtain m fourth views; and displays the m fourth views.

[0057] In an optional implementation manner, in response to the operation on the second control, the operation for the electronic device to set the second wallpaper as the lock screen wallpaper may be: in response to the operation on the second control, store the first lock screen wallpaper file in the file system.

[0058] In an alternative implementation, in response to an operation on the second control, the operation of the electronic device to set the second wallpaper as the lock screen wallpaper may be: in response to an operation on the second control, update the wallpaper template file according to the first operation record to obtain a second lock screen wallpaper file; store the second lock screen wallpaper file in the file system.

[0059] Exemplarily, the wallpaper editing interface further includes a home screen wallpaper page and a fourth control. The fourth control is used to indicate that the home screen wallpaper follows the lock screen.

[0060] Exemplarily, when the lock screen wallpaper page is displayed in the wallpaper editing interface, if the displayed wallpaper editing interface does not display the home screen wallpaper page, or displays a part of the home screen wallpaper page, then in response to a third gesture operation on the wallpaper editing interface, the electronic device displays the home screen wallpaper page, the fourth control, and the second control in the wallpaper editing interface.

[0061] Exemplarily, when the displayed wallpaper editing interface does not display the lock screen wallpaper page, or displays a part of the lock screen wallpaper page, in response to a fourth gesture operation 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.

[0062] In this application, the user can switch between displaying the home screen wallpaper page and the lock screen wallpaper page in the wallpaper editing interface through gesture operations to edit the corresponding wallpapers, thereby improving the flexibility of wallpaper editing.

[0063] In an alternative implementation, in response to an operation on the fourth control, the electronic device may display the main picture of the wallpaper in the lock screen wallpaper page on the home screen wallpaper page. In this way, the consistency of the styles of the home screen wallpaper and the lock screen wallpaper can be achieved.

[0064] In an alternative implementation, after the electronic device sets the second wallpaper as the lock screen wallpaper, it can also, in response to a preset user operation, obtain the first lock screen wallpaper file from the file system; display the second wallpaper on the lock screen wallpaper page in the wallpaper editing interface according to the first lock screen wallpaper file. After that, in response to an editing operation on the second wallpaper, modify the layer content of multiple layers of the second wallpaper to display the third wallpaper. After displaying the third wallpaper, in response to an operation on the second control, set the third wallpaper as the lock screen wallpaper and store the third lock screen wallpaper file in the file system. 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 edited last time, thus further improving the flexibility of wallpaper editing. Moreover, after editing the second wallpaper, the first lock screen wallpaper file is updated, so that the lock screen wallpaper file stored in the file system is the lock screen wallpaper file corresponding to the currently updated third wallpaper. In this way, when editing again, the lock screen wallpaper file of the latest wallpaper can be obtained from the file system, thus ensuring the continuity of wallpaper editing.

[0065] When the first lock screen wallpaper file is a json file, the electronic device can obtain the first lock screen wallpaper file from the file system faster and can parse the first lock screen wallpaper file faster, which then helps to quickly display the second wallpaper.

[0066] It should be noted that the scaling of the main picture of the lock screen wallpaper in this application is achieved through the scaling ratio in the layer basic information of the original layer in the lock screen wallpaper file and the scaling ratio information in the lock screen wallpaper file. Since the layer basic information of the original layer contains the picture storage path and the original picture in the picture storage path is not operated on during the scaling process, if the user enlarges the main picture of the lock screen wallpaper during a certain editing process, then after the user saves the lock screen wallpaper, when entering the wallpaper editing interface again to edit the lock screen wallpaper next time, the lock screen wallpaper can be scaled back down. In this way, the flexibility of wallpaper editing can be further improved.

[0067] In a second aspect, 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, a plurality of wallpaper template options are displayed, and the plurality of wallpaper template options include a first wallpaper template option, and the wallpaper template corresponding to the first wallpaper template option includes a main picture and a decorative picture; in response to an operation on the first wallpaper template option, the first wallpaper is displayed on the lock screen wallpaper page; in response to an editing operation on the first wallpaper, the decorative picture is modified to display a second wallpaper on the lock screen wallpaper page, and the styles of the decorative pictures in the second wallpaper and the first wallpaper are different; after the second wallpaper is displayed, in response to an operation on the second control, the second wallpaper is displayed on the lock screen interface or the desktop.

[0068] In this application, a wallpaper template including a main picture and a decorative picture is provided. The user can select the wallpaper template including the main picture and the decorative picture provided in this application through the wallpaper editing interface and modify the decorative picture in the wallpaper template to obtain a lock screen wallpaper that meets their own personalized needs, so as to improve the flexibility of wallpaper setting.

[0069] In an optional implementation manner, the operation of the electronic device to display the first wallpaper on the lock screen wallpaper page in response to an operation on the first wallpaper template option may be: in response to an operation on the first wallpaper template option, the wallpaper template file is parsed to obtain wallpaper display information, and the wallpaper display information includes the display information of each layer in the plurality of layers, where the display information of the clock layer includes the layer identifier, level, and clock setting information of the clock layer, and the display information of the other layers except the clock layer includes the layer identifier, level, and display picture; the first wallpaper is displayed on the lock screen wallpaper page according to the wallpaper display information.

[0070] In an optional implementation manner, the plurality of layers include a cutout layer, and the wallpaper editing interface includes a depth of field effect switch. In response to an operation to turn off the depth of field effect switch, the electronic device sets the visibility of the cutout layer to invisible.

[0071] In an optional implementation manner, the wallpaper editing interface further includes a desktop wallpaper page. In response to a received lock screen following instruction, the electronic device displays the main picture of the wallpaper in the lock screen wallpaper page on the desktop wallpaper page.

[0072] In an optional implementation manner, after the second wallpaper is displayed on the lock screen interface or the desktop, the electronic device can also receive a first gesture operation on the lock screen interface; in response to the first gesture operation, the wallpaper editing interface is displayed, and the second wallpaper is displayed on the lock screen wallpaper page in the wallpaper editing interface; in response to an editing operation on the second wallpaper, the decorative picture in the second wallpaper is modified to display a third wallpaper on the lock screen wallpaper page, and the styles of the decorative pictures in the third wallpaper and the second wallpaper are different.

[0073] In an alternative implementation, the decorative picture is the picture of the decorative layer.

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

[0075] In a fourth aspect, an electronic device is provided. The electronic device includes: one or more processors, and a memory; the memory is coupled to the one or more processors, and the memory is used to store computer program code, the computer program code includes computer instructions, and the one or more processors call the computer instructions to enable the electronic device to execute the wallpaper editing method provided in the first aspect or the second aspect above.

[0076] In a fifth aspect, a chip system is provided. The chip system is applied to an electronic device. The chip system includes one or more processors, and the one or more processors are used to call computer instructions to enable the electronic device to execute the wallpaper editing method provided in the first aspect or the second aspect above.

[0077] In a sixth aspect, a computer-readable storage medium is provided. The computer-readable storage medium includes instructions, and when the instructions are run on an electronic device, the electronic device is enabled to execute the wallpaper editing method provided in the first aspect or the second aspect above.

[0078] In a seventh aspect, a computer program product is provided. When the computer program product is run on an electronic device, the electronic device is enabled to execute the wallpaper editing method provided in the first aspect or the second aspect above.

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

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

[0081] Figure 2 is a schematic diagram of multiple layers provided by an embodiment of the present application;

[0082] Figure 3 is a schematic diagram of different types of layers provided by an embodiment of the present application;

[0083] Figure 4It is a schematic diagram of a lock screen wallpaper provided by an embodiment of the present application;

[0084] Figure 5 It is a schematic diagram of a wallpaper provided by an embodiment of the present application;

[0085] Figure 6 It is a schematic diagram of the hierarchy of a layer provided by an embodiment of the present application;

[0086] Figure 7 It is a schematic diagram of a wallpaper editing interface provided by an embodiment of the present application;

[0087] Figure 8 It is a schematic diagram of the process of entering the wallpaper editing interface provided by an embodiment of the present application;

[0088] Figure 9 It is a schematic diagram of another process of entering the wallpaper editing interface provided by an embodiment of the present application;

[0089] Figure 10 It is a schematic diagram of the process of selecting a wallpaper template provided by an embodiment of the present application;

[0090] Figure 11 It is a schematic diagram of the process of setting a clock provided by an embodiment of the present application;

[0091] Figure 12 It is a schematic diagram of the process of setting a decorative piece provided by an embodiment of the present application;

[0092] Figure 13 It is a schematic diagram of the process of setting a depth of field effect provided by an embodiment of the present application;

[0093] Figure 14 It is a schematic diagram of the process of replacing a picture provided by an embodiment of the present application;

[0094] Figure 15 It is a schematic diagram of the process of picture scaling and moving provided by an embodiment of the present application;

[0095] Figure 16 It is a schematic diagram of the process of setting a lock screen wallpaper provided by an embodiment of the present application;

[0096] Figure 17 It is a schematic diagram of the process of entering the wallpaper editing interface again provided by an embodiment of the present application;

[0097] Figure 18 It is a schematic diagram of the process of following the lock screen provided by an embodiment of the present application;

[0098] Figure 19 It is a schematic diagram of the process of setting a color provided by an embodiment of the present application;

[0099] Figure 20 It is a schematic diagram of a software system provided by an embodiment of the present application;

[0100] Figure 21 It is a flowchart of a wallpaper editing method provided by an embodiment of the present application;

[0101] Figure 22 It is a schematic diagram of a display area provided by an embodiment of the present application;

[0102] Figure 23 It is a schematic diagram of a target area provided by an embodiment of the present application;

[0103] Figure 24 It is a flowchart of another wallpaper editing method provided by an embodiment of the present application;

[0104] Figure 25 It is a schematic diagram of a json file provided by an embodiment of the present application;

[0105] Figure 26 It is a flowchart of a method for obtaining display information of a layer provided by an embodiment of the present application;

[0106] Figure 27 It is a flowchart of a method for obtaining a view identifier, a hierarchy, and clock setting information or a full-screen picture of a layer provided by an embodiment of the present application;

[0107] Figure 28 It is a schematic diagram of another target area provided by an embodiment of the present application;

[0108] Figure 29 It is a flowchart of another wallpaper editing method provided by an embodiment of the present application;

[0109] Figure 30 It is a flowchart of another wallpaper editing method provided by an embodiment of the present application;

[0110] Figure 31 It is a flowchart of another wallpaper editing method provided by an embodiment of the present application;

[0111] Figure 32 It is a flowchart of another wallpaper editing method provided by an embodiment of the present application;

[0112] Figure 33 It is a flowchart of another wallpaper editing method provided by an embodiment of the present application;

[0113] Figure 34 It is a flowchart of another wallpaper editing method provided by an embodiment of the present application;

[0114] Figure 35 It is a flowchart of another wallpaper editing method provided by an embodiment of the present application;

[0115] Figure 36 It is a flowchart of another wallpaper editing method provided by an embodiment of the present application;

[0116] Figure 37 It is a flowchart of another wallpaper editing method provided by an embodiment of the present application;

[0117] Figure 38 It is a flowchart of another wallpaper editing method provided by an embodiment of the present application;

[0118] Figure 39 It is a schematic diagram of another display area provided by an embodiment of the present application;

[0119] Figure 40 It is a flowchart of another wallpaper editing method provided by an embodiment of the present application. Detailed implementation manners

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

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

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

[0123] In addition, in order to facilitate a clear description of the technical solutions of the present application, terms such as "first" and "second" are used to distinguish the same items or similar items with basically the same functions and roles. Those skilled in the art can understand that the terms such as "first" and "second" do not limit the quantity and execution order, and the terms such as "first" and "second" do not necessarily mean different.

[0124] Statements such as "an embodiment" or "some embodiments" described in this application mean that specific features, structures, or characteristics described in the embodiment are included in one or more embodiments of this application. Thus, statements such as "in one embodiment", "in some embodiments", "in other some embodiments", "in still other embodiments", etc., which appear at different places in this application, do not necessarily refer to the same embodiment, but mean "one or more but not all embodiments", unless otherwise specifically emphasized in other ways.

[0125] The wallpaper editing method provided by the embodiments of this application can be applied to an electronic device. The electronic device can be a mobile phone, a tablet computer, a wearable device, a digital camera, a vehicle-mounted device, an augmented reality (AR) device, a virtual reality (VR) device, a laptop computer, an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA), a laptop, etc. The embodiments of this application do not limit this.

[0126] Figure 1 It is a schematic structural diagram of an electronic device provided by the embodiments of this application. Refer to Figure 1 , the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. Among them, the sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0127] It can be understood that the structure illustrated in the embodiments of the present application does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than those illustrated, or combine certain components, or split certain components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

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

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

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

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

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

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

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

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

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

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

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

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

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

[0141] The wallpapers in the embodiments of the present application can include multiple layers. The layers described in the embodiments of the present application can be views obtained after drawing layer contents (including but not limited to pictures, time, etc.) in a blank view.

[0142] There is a hierarchical relationship among the multiple layers. This hierarchical relationship refers to the upper and lower layer relationships of the multiple layers when displayed. That is, when the hierarchy of one layer is higher than that of another layer, this layer is located above the other layer. Generally, the layer in the upper layer will partially or completely block the layer in the lower layer when displayed.

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

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

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

[0146] The image of the original layer can be called the main image. For example, the main image can be a picture selected by the user, such as a picture selected by the user from a picture library, or a picture selected by the user from pictures preset in the electronic device. Alternatively, the main image can be a picture of the original layer included in a wallpaper template selected by the user from multiple wallpaper templates preset in the electronic device. For example, the original layer can be Figure 3 The layer shown in Figure (a).

[0147] The color background layer is a picture that has a certain color as a whole. For example, the color of the picture can be a pure color or a gradient color. For example, the color background layer can be Figure 3 The layer shown in Figure (b) has a solid color as the background layer.

[0148] The picture of the decorative layer is a picture that can play a decorative effect on the main picture. For example, the picture can be a picture with a photo frame effect, or a picture containing text content, or a picture with a certain texture, or a picture with a mask effect, etc., which is not limited in the embodiment of the present application. For example, the decorative layer can be Figure 3 The layer shown in (c) or (d) in FIG. Figure 3 The decorative layer shown in Figure (c) is Figure 3 The decorative layers shown in Figure (d) can form a photo frame effect when superimposed and displayed.

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

[0150] The image of the cutout layer can be obtained from the image of the original layer. For example, the image of the cutout layer can be an image of a 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 the object information and edge information in the image of the original layer. For example, in the original layer 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) in the figure, the cutout layer contains the foreground object in the original layer.

[0151] In practical applications, Figure 2 The levels of the layers shown are not unique, and the levels of the layers can be changed according to the actual situation, or the corresponding layers can be deployed according to the wallpaper editing function of the electronic device. Figure 2 Five types are shown, and other types can be set as required.

[0152] The wallpaper in the embodiments of the present application may include one or more types of layers. In some cases, the wallpaper in the embodiments of the present application 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.

[0153] Exemplarily, a desktop wallpaper and a lock screen wallpaper may be set in an electronic device.

[0154] The desktop wallpaper is the wallpaper displayed on the desktop of the electronic device. For example, as shown in FIG. (a) in Figure 9 the desktop 900 of the electronic device may display the desktop wallpaper.

[0155] The lock screen wallpaper is the wallpaper displayed on the lock screen interface of the electronic device. The lock screen interface is the interface displayed by the electronic device in the locked state. For example, as shown in FIG. (a) in Figure 8 the lock screen interface 800 of the electronic device may display the lock screen wallpaper.

[0156] In some cases, when the electronic device is in the locked state, the user needs to unlock it, and after unlocking, the electronic device can display the desktop. For example, after the user performs an unlocking operation on the lock screen interface 800 shown in FIG. (a) in Figure 8 the electronic device can display the desktop 900 shown in FIG. (a) in Figure 9 the same figure.

[0157] Exemplarily, the desktop wallpaper may include an original layer.

[0158] Exemplarily, the lock screen wallpaper may successively include, from the bottom layer to the top layer: an original layer, a clock layer. For example, the lock screen wallpaper may be the wallpaper shown in FIG. (a) in Figure 4 this figure, and this wallpaper includes the original layer shown in FIG. (a) in Figure 3 the same figure and the clock layer shown in FIG. (e) in Figure 3 the same figure.

[0159] Alternatively, the lock screen wallpaper may successively include, from the bottom layer to the top layer: an original layer, a color background layer, a clock layer, a cutout layer. For example, the lock screen wallpaper may be the wallpaper shown in FIG. (b) in Figure 4 this figure, and this wallpaper includes the original layer shown in FIG. (a) in Figure 3 the same figure, the color background layer shown in FIG. (b) in Figure 3 the same figure, the clock layer shown in FIG. (e) in Figure 3 the same figure, and the cutout layer shown in FIG. (f) in Figure 3 the same figure.

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

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

[0162] Compared with the wallpaper shown in FIG. (c) of Figure 4 , the wallpaper shown in FIG. (d) of Figure 4 can create a sense of depth in the picture through the interaction of the original layer, the decoration layer, the clock layer, and the cutout layer. In the embodiments of the present application, this effect is referred to as the depth-of-field effect.

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

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

[0165] As can be seen from the above, the wallpaper in the embodiments of the present application can be obtained by stacking multiple layers according to the hierarchical relationship. For example, by processing a main picture shown in FIG. (a) of Figure 5 , a wallpaper shown in FIG. (b) of Figure 5 can be obtained. This wallpaper may include Figure 6 seven layers shown in FIG. (a) of

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

[0167] seven layers shown in

[0168] , from the leftmost layer to the rightmost layer, the z-values of the layers increase in sequence.

[0169] The wallpaper editing function provided by the embodiments of the present application can edit various types of layers included in the wallpaper to achieve the editing of the wallpaper. For example, operations such as scaling, moving, blurring, font adjustment, shape adjustment, color adjustment, depth-of-field effect setting, etc. can be performed on the wallpaper.

[0170] Figure 7 Figure Figure 7 is a schematic diagram of a wallpaper editing interface provided by the embodiments of the present application. Referring to

[0171] , the wallpaper editing interface 700 may include function controls, a lock screen wallpaper page 702, and a home screen wallpaper page 703.

[0172] The lock screen wallpaper page 702 is a page for previewing the edited lock screen wallpaper. Among them, the lock screen wallpaper refers to the wallpaper displayed on the lock screen interface of the electronic device.

[0173] The home screen wallpaper page 703 is a page for previewing the edited home screen wallpaper. Among them, the home screen wallpaper refers to the wallpaper displayed on the home screen after the electronic device is unlocked. Optionally, the home screen wallpaper page 703 may also display a thumbnail of the home screen content on the upper layer of the home screen wallpaper, so that the display effect of the home screen wallpaper can be previewed better.

[0174] The lock screen wallpaper page 702 and the home screen wallpaper page 703 may exist in a paged form, and the two can be switched and displayed by a sliding operation. For example, in Figure 7In the wallpaper editing interface 700 shown in FIG. (a), a lock screen wallpaper page 702 is displayed. After the user swipes left on the wallpaper editing interface 700, as Figure 7 shown in FIG. (b), the wallpaper editing interface 700 can display a home screen wallpaper page 703. After that, when the user swipes right on the wallpaper editing interface 700 shown in FIG. (b) of Figure 7 , as Figure 7 shown in FIG. (a), the wallpaper editing interface 700 can display the lock screen wallpaper page 702.

[0175] In some embodiments, when the lock screen wallpaper page 702 is displayed in the wallpaper editing interface 700 shown in FIG. (a) of Figure 7 , part or all of the home screen wallpaper page 703 may also be displayed in the wallpaper editing interface 700.

[0176] In some embodiments, when the home screen wallpaper page 703 is displayed in the wallpaper editing interface 700 shown in FIG. (b) of Figure 7 , part or all of the lock screen wallpaper page 702 may also be displayed in the wallpaper editing interface 700.

[0177] Exemplarily, as Figure 7 shown in FIG. (a), when the lock screen wallpaper page 702 is displayed in the wallpaper editing interface 700, the wallpaper editing interface 700 may also display relevant function controls for editing the lock screen wallpaper, such as a clock box 710, a change picture control 75, a lock screen style control 72, a personalized decoration control 73, a depth of field effect control 74, etc. The embodiments of the present application are not limited thereto.

[0178] Exemplarily, as Figure 7 shown in FIG. (b), when the home screen wallpaper page 703 is displayed in the wallpaper editing interface 700, the wallpaper editing interface 700 may also display relevant function controls for editing the home screen wallpaper, such as a follow lock screen control 76, a color control 77, a select wallpaper control 78, a blur control 79, etc. The embodiments of the present application are not limited thereto.

[0179] In some embodiments, as Figure 7 shown, the wallpaper editing interface 700 may further include a mask layer 704. Exemplarily, the mask layer 704 may be a blur mask layer, and the blur mask layer refers to a mask layer obtained through blur processing. In this case, the function controls, the lock screen wallpaper page 702, and the home screen wallpaper page 703 can all be displayed on top of the mask layer 704.

[0180] Exemplarily, the masking layer 704 can be obtained by blurring the main picture of the lock screen wallpaper displayed on the lock screen wallpaper page 702. Alternatively, the masking layer 704 can be obtained by blurring the home screen wallpaper displayed on the home screen wallpaper page 703. Of course, the masking layer 704 can also be obtained by other means, such as by blurring a preset picture, and the embodiments of the present application do not limit this.

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

[0182] As an example, as Figure 8 shown in FIG. (a) below, when the electronic device displays the lock screen interface 800, the user can perform a first gesture operation ( Figure 8 taking the two-finger pinch operation as an example) on the lock screen interface 800. In response to the first gesture operation, the electronic device can display Figure 8 the wallpaper editing interface 700 shown in FIG. (b) below. The wallpaper editing interface 700 displays the lock screen wallpaper page 702 and related function controls for editing the lock screen wallpaper. In this case, the user can edit the lock screen wallpaper based on Figure 8 the wallpaper editing interface 700 shown in FIG. (b) below.

[0183] If the user wants to edit the home screen wallpaper, they can swipe left in the Figure 8 wallpaper editing interface 700 shown in FIG. (b) below, and then, as Figure 8 shown in FIG. (c) below, the wallpaper editing interface 700 can display the home screen wallpaper page 703 and related function controls for editing the home screen wallpaper. In this case, the user can edit the home screen wallpaper based on Figure 8 the wallpaper editing interface 700 shown in FIG. (c) below.

[0184] As another example, as Figure 9 shown in FIG. (a) below, when the electronic device displays the home screen 900, the user can perform a second gesture operation ( Figure 9 taking the two-finger pinch operation as an example) on the home screen 900. In response to the second gesture operation, the electronic device displays Figure 9 the home screen editing interface shown in FIG. (b) below. This home screen editing interface can display related controls for editing the home screen, such as wallpaper controls, card controls, switching effect controls, home screen setting controls, etc. Then, the user clicks on the wallpaper control in this home screen editing interface. In response to this click operation, the electronic device can display Figure 9 the wallpaper editing interface 700 shown in FIG. (c) below. The wallpaper editing interface 700 displays the home screen wallpaper page 703 and related function controls for editing the home screen wallpaper. In this case, the user can edit the home screen wallpaper based on Figure 9Edit the desktop wallpaper using the wallpaper editing interface 700 shown in Figure (c) therein.

[0185] If the user wants to edit the lock screen wallpaper, they can Figure 9 Swipe right in the wallpaper editing interface 700 shown in Figure (c) therein, and then, as Figure 9 Shown in Figure (d) therein, the wallpaper editing interface 700 can display the lock screen wallpaper page 702 and related function controls for editing the lock screen wallpaper. In this case, the user can Figure 9 Edit the lock screen wallpaper using the wallpaper editing interface 700 shown in Figure (d) therein.

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

[0187] The embodiments of the present application provide capabilities such as wallpaper templates, clock customization, decorative element settings, depth of field settings, picture replacement, picture zooming and moving for the lock screen wallpaper. Through these capabilities, users can edit personalized and characteristic wallpapers.

[0188] As an example, after the electronic device displays the wallpaper editing interface 700 shown in Figure 10 Figure (a) therein, the user can click on the lock screen style control 72. In response to this click operation, as Figure 10 Shown in Figure (b) therein, the electronic device can display a pop-up window 7011 on the wallpaper editing interface 700. Exemplarily, the electronic device can pop up the pop-up window 7011 from the bottom of the wallpaper editing interface 700. Multiple wallpaper template options are displayed in the pop-up window 7011. Further, picture options in the gallery and some wallpaper picture options preset in the electronic device can also be displayed. Suppose the user selects a wallpaper template from the multiple wallpaper templates. In response to the selection operation of this wallpaper template, as Figure 10 Shown in Figure (c) therein, the electronic device can close the pop-up window 7011 and display this wallpaper template in the lock screen wallpaper page 702.

[0189] As an example, after the electronic device displays the wallpaper editing interface 700 shown in Figure 11 Figure (a) therein, the user can click on the clock frame 710 in the lock screen wallpaper page 702. In response to this click operation, as Figure 11As shown in Figure (b) therein, the electronic device can display a pop-up window 7012 on the wallpaper editing interface 700. By way of example, the electronic device can pop up the pop-up window 7012 from the bottom of the wallpaper editing interface 700, and multiple clock font options and multiple clock color options are displayed in the pop-up window 7012. The user can adjust the font of the clock in the wallpaper of the lock screen wallpaper page 702 through these clock font options, and adjust the color of the clock in the wallpaper of the lock screen wallpaper page 702 through these clock color options. Suppose the user selects a clock color, then in response to the selection operation of this clock color, as Figure 11 shown in Figure (c) therein, the electronic device can set the color of the clock in the wallpaper of the lock screen wallpaper page 702 to this clock color, so that the user can view the clock display effect. After that, if the user determines to complete the setting of the clock, then as Figure 11 shown in Figure (c) therein, the user can click on the folding control 712. In response to this click operation, as Figure 11 shown in Figure (d) therein, the electronic device can close the pop-up window 7012.

[0190] As an example, after the electronic device displays the wallpaper editing interface 700 as shown in Figure (a) in Figure 12 therein, the user can click on the personalized decoration control 73. In response to this click operation, as Figure 12 shown in Figure (b) therein, the electronic device can display a pop-up window 7013 on the wallpaper editing interface 700. By way of example, the electronic device can pop up the pop-up window 7013 from the bottom of the wallpaper editing interface 700, and multiple shape options and multiple color options are displayed in the pop-up window 7013. The user can adjust the shape of the decorative piece in the wallpaper of the lock screen wallpaper page 702 through these shape options, and adjust the color of the decorative piece in the wallpaper of the lock screen wallpaper page 702 through these color options. Suppose the user selects a color, then in response to the selection operation of this color, as Figure 12 shown in Figure (c) therein, the electronic device can set the color of the decorative piece in the wallpaper of the lock screen wallpaper page 702 to this color, so that the user can view the decorative piece display effect. After that, if the user determines to complete the setting of the decorative piece, then as Figure 12 shown in Figure (c) therein, the user can click on the folding control 713. In response to this click operation, as Figure 12 shown in Figure (d) therein, the electronic device can close the pop-up window 7013.

[0191] As an example, after the electronic device displays the wallpaper editing interface 700 as shown in Figure (a) in Figure 13 therein, the user can click on the depth of field effect control 74. In response to this click operation, as Figure 13As shown in FIG. (b), the electronic device may display a pop-up window 7014 on the wallpaper editing interface 700. By way of example, the electronic device may pop up the pop-up window 7014 from the bottom of the wallpaper editing interface 700. A depth-of-field effect switch 7141 is displayed in the pop-up window 7014, and a background blur control 7142 ( Figure 13 taking the control in the form of a slider in as an example) may further be displayed. The user may turn on or off the depth-of-field effect of the wallpaper on the lock screen wallpaper page 702 through the depth-of-field effect switch 7141, and may adjust the blur degree of the background part of the wallpaper on the lock screen wallpaper page 702 through the background blur control 7142. Suppose the user turns off the depth-of-field effect switch 7141. Then, in response to the operation of turning off the depth-of-field effect switch 7141, as Figure 13 shown in FIG. (c), the electronic device may turn off the depth-of-field effect of the wallpaper on the lock screen wallpaper page 702. After that, if the user determines to complete the setting of the depth of field, as Figure 13 shown in FIG. (c), the user may click the folding control 7143. In response to this click operation, as Figure 13 shown in FIG. (d), the electronic device may close the pop-up window 7014.

[0192] It should be noted that, as Figure 13 shown in FIG. (a), when the depth-of-field effect is turned on, the cutout layer is above the clock layer, so that the main character will not be blocked. And as Figure 13 shown in FIG. (d), when the depth-of-field effect is turned off, the cutout layer is below the clock layer, so that the main character can be blocked.

[0193] As an example, after the electronic device displays the wallpaper editing interface 700 as Figure 14 shown in FIG. (a), the user may click the replace picture control 75. In response to this click operation, as Figure 14 shown in FIG. (b), the electronic device may display a pop-up window 7015 on the wallpaper editing interface 700. By way of example, the electronic device may pop up the pop-up window 7015 from the bottom of the wallpaper editing interface 700. Picture options in the picture gallery are displayed in the pop-up window 7015. Suppose the user selects a picture from these pictures. Then, in response to the operation of selecting this picture, as Figure 14 shown in FIG. (c), the electronic device may close the pop-up window 7015 and replace the main picture of the wallpaper on the lock screen wallpaper page 702 with this picture.

[0194] As an example, the user may zoom in or out the main picture of the wallpaper on the lock screen wallpaper page 702, and may also move the position of the main picture. For example, as Figure 15 shown in FIG. (a), suppose the user performs a two-finger zoom-in operation on the lock screen wallpaper page 702. Then, in response to this two-finger zoom-in operation, as Figure 15As shown in Figure (b), the electronic device can magnify the main picture of the wallpaper on the lock screen wallpaper page 702. For another example, as Figure 15 shown in Figure (c), assuming that the user performs a two-finger pinch-to-zoom out operation on the lock screen wallpaper page 702, in response to this two-finger pinch-to-zoom out operation, as Figure 15 shown in Figure (d), the electronic device can reduce the main picture of the wallpaper on the lock screen wallpaper page 702. For another example, as Figure 15 shown in Figure (e), assuming that the user performs a downward movement operation on the lock screen wallpaper page 702, in response to this downward movement operation, as Figure 15 shown in Figure (f), the electronic device can move the main picture of the wallpaper on the lock screen wallpaper page 702 downward.

[0195] After editing the lock screen wallpaper in one or more of the above ways, if the user determines that the wallpaper on the current lock screen wallpaper page 702 can meet the requirements, then as Figure 16 shown in Figure (a), the user can click the apply control 71 in the wallpaper editing interface 700. In response to this click operation, the electronic device can close the wallpaper editing interface 700, and, as Figure 16 shown in Figure (b), the electronic device can set the wallpaper on the lock screen wallpaper page 702 as the lock screen wallpaper of the lock screen interface 800.

[0196] After that, if the user wants to edit the wallpaper again during the process of using the electronic device, then as Figure 17 shown in Figure (a), the user can perform a first gesture operation ( Figure 17 taking the two-finger pinch operation as an example in this case) on the lock screen interface 800. In response to the first gesture operation, the electronic device can display Figure 17 the wallpaper editing interface 700 shown in Figure (b). The wallpaper editing interface 700 displays the lock screen wallpaper page 702 and related function controls for editing the lock screen wallpaper. At this time, the lock screen wallpaper displayed on the lock screen wallpaper page 702 is the lock screen wallpaper that the user edited last time. In this case, the user can continue to edit the lock screen wallpaper that was edited last time. For example, the user can re-select a wallpaper template through the lock screen style control 72 in a similar Figure 10 way, or can re-set the clock in the lock screen wallpaper that was edited last time through the clock frame 710 in a similar Figure 11 way, or can re-set the shape and color of the decorative piece in the lock screen wallpaper that was edited last time in a similar Figure 12 way, or can change the depth of field effect and background blur degree in the lock screen wallpaper that was edited last time in a similar Figure 13 way, or can replace the main picture in the lock screen wallpaper that was edited last time in a similar Figure 14 way, or can replace the lock screen wallpaper that was edited last time in a similarFigure 15 Scale and / or move the main picture in the lock screen wallpaper that was last edited in the following manner.

[0197] Next, the specific process of editing the desktop wallpaper based on the wallpaper editing interface 700 will be described.

[0198] The embodiments of the present application provide capabilities such as following the lock screen, color setting, custom selection, blurring, scaling and moving for the desktop wallpaper. Through these capabilities, users can edit personalized and characteristic wallpapers.

[0199] As an example, the electronic device displays a wallpaper editing interface 700 as shown in Figure 18 (a) of the figure. The wallpaper editing interface 700 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, as shown in Figure 18 (b) of the figure, the wallpaper editing interface 700 displays a desktop wallpaper page 703 and related function controls for editing the desktop wallpaper. Assume that the user clicks on the follow lock screen control 76 in the wallpaper editing interface 700. In response to this click operation, as shown in Figure 18 (c) of the figure, the electronic device displays the main picture of the wallpaper on the lock screen wallpaper page 702 on the desktop wallpaper page 703.

[0200] In some possible implementations, after the user clicks on the follow lock screen control 76 in the wallpaper editing interface 700, the desktop wallpaper page 703 is in the follow lock screen state. In this case, any operation performed by the user on the main picture on the lock screen wallpaper page 702 will be synchronized to the desktop wallpaper page 703. By way of example, if the user replaces the main picture on the lock screen wallpaper page 702, the wallpaper on the desktop wallpaper page 703 will be synchronized and replaced; if the user enlarges the main picture on the lock screen wallpaper page 702, the wallpaper on the desktop wallpaper page 703 will be synchronized and enlarged; if the user reduces the main picture on the lock screen wallpaper page 702, the wallpaper on the desktop wallpaper page 703 will be synchronized and reduced; if the user moves the main picture on the lock screen wallpaper page 702, the wallpaper on the desktop wallpaper page 703 will be synchronized and moved.

[0201] In some embodiments, when the desktop wallpaper page 703 is in the follow-lock screen state, any operation performed by the user on the wallpaper in the desktop wallpaper page 703 will not be synchronized to the lock screen wallpaper page 702. In this way, while keeping the desktop wallpaper page 703 and the lock screen wallpaper page 702 having the same main picture, it is also possible to achieve a display differentiation of the main pictures of the desktop wallpaper page 703 and the lock screen wallpaper page 702 according to the user's operations, thereby improving the flexibility of wallpaper settings. Of course, in some embodiments, when the desktop wallpaper page 703 is in the follow-lock screen state, any operation performed by the user on the wallpaper in the desktop wallpaper page 703 can also be synchronized to the lock screen wallpaper page 702, so as to maintain the consistency between the desktop wallpaper page 703 and the lock screen wallpaper page 702.

[0202] As an example, after the electronic device displays the wallpaper editing interface 700 shown in FIG. (a) of Figure 19 , the user can click on the color control 77. In response to this click operation, as shown in FIG. (b) of Figure 19 , the electronic device can pop up a window 7016 from the bottom of the wallpaper editing interface 700. The window 7016 displays a gradient color switch 7161 and a plurality of color options. The user can set the desktop wallpaper as a solid color wallpaper or a gradient color wallpaper through the gradient color switch 7161, and the user can set the color of the desktop wallpaper through these color options. Optionally, the plurality of color options may include a smart color picker option, and the color corresponding to the smart color picker option is the background main color of the main picture of the wallpaper on the lock screen wallpaper page 702. Suppose the user selects a color. In response to the selection operation of this color, when the gradient color switch 7161 is turned off, as shown in FIG. (c) of Figure 19 , the electronic device can display a solid color wallpaper of this color on the desktop wallpaper page 703, so that the user can view the wallpaper display effect. After that, if the user determines to complete the color setting, as shown in FIG. (c) of Figure 19 , the user can click on the collapse control 7162. In response to this click operation, as shown in FIG. (d) of Figure 19 , the electronic device can close the window 7016.

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

[0204] As an example, when the wallpaper editing interface 700 displays the desktop wallpaper page 703 and the related function controls for editing the desktop wallpaper, the user can adjust the blurriness of the wallpaper on the desktop wallpaper page 703 through the blur control 79 in the wallpaper editing interface 700. This process is similar to the related process of adjusting the blurriness above Figure 13 and will not be elaborated here.

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

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

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

[0208] 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 apply control 71 in the wallpaper editing interface 700, in response to this 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. And if the electronic device enters the wallpaper editing interface 700 from the desktop 900, then after the user clicks the apply control 71 in the wallpaper editing interface 700, in response to this click operation, the electronic device can display the desktop 900 and display the edited desktop wallpaper on the desktop 900.

[0209] In some other embodiments, if the user clicks on the application control 71 in the wallpaper editing interface 700 when the lock screen wallpaper page 702 is displayed in the wallpaper editing interface 700, then in response to this 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. And if the user clicks on the application control 71 in the wallpaper editing interface 700 when the home screen wallpaper page 703 is displayed in the wallpaper editing interface 700, then in response to this click operation, the electronic device can display the home screen 900 and display the edited home screen wallpaper on the home screen 900.

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

[0211] It should be noted that after the user edits the lock screen wallpaper and / or the home screen wallpaper through one or more of the above methods, if the user does not want to save the edited lock screen wallpaper and / or the home screen wallpaper, the user can click on the return control 70 in the wallpaper editing interface 700. In response to this click operation, the electronic device will not make the edited lock screen wallpaper and / or the home screen wallpaper effective, but will continue to maintain the original lock screen wallpaper and the home screen wallpaper.

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

[0213] Figure 20 is a schematic diagram of a software system related to a wallpaper editing method provided in an embodiment of the present application. Refer to Figure 20 In FIG. (a) therein, the software system may include an application layer and a system layer.

[0214] The application layer may include a series of applications. As Figure 20 shown in FIG. (a) therein, the application layer may include applications such as a lock screen application, a home screen application, and a gallery application.

[0215] The system layer may include multiple functional modules. For example, it may include a file system, etc.

[0216] Both the lock screen application and the home screen application can instruct the gallery application to display the wallpaper editing interface.

[0217] After receiving the instruction from the lock screen application or the home screen application, the gallery application can load the wallpaper editing interface, that is, load the function controls, the lock screen wallpaper page, and the home screen wallpaper page.

[0218] Among them, the gallery application can obtain the lock screen wallpaper file and the desktop wallpaper file from the file system, and display the lock screen wallpaper on the lock screen wallpaper page according to the lock screen wallpaper file, and display the desktop wallpaper on the desktop wallpaper page according to the desktop wallpaper file.

[0219] The file system is used to manage the lock screen wallpaper file, the desktop wallpaper file, and the wallpaper template file. Exemplarily, the lock screen wallpaper file, the desktop wallpaper file, and the wallpaper template file can be stored in the memory of the hardware layer. The file system can read the lock screen wallpaper file, the desktop wallpaper file, and the wallpaper template file from this memory. The file system can also update the lock screen wallpaper file and the desktop wallpaper file in this memory.

[0220] The lock screen wallpaper file can include a first file and a second file of the lock screen wallpaper. The first file of the lock screen wallpaper is the lock screen wallpaper file 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 according to the first file of the lock screen wallpaper. The second file of the lock screen wallpaper is the lock screen wallpaper file 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 according to the second file of the lock screen wallpaper.

[0221] The desktop wallpaper file can include a first file and a second file of the desktop wallpaper. The first file of the desktop wallpaper is the desktop wallpaper file used when editing the desktop wallpaper in the wallpaper editing interface. That is, the gallery application can display the desktop wallpaper on the desktop wallpaper page according to the first file of the desktop wallpaper. The second file of the desktop wallpaper is the desktop wallpaper file used when displaying the desktop wallpaper on the desktop. That is, the desktop application can display the desktop wallpaper on the desktop according to the second file of the desktop wallpaper.

[0222] The wallpaper template file is a file of some wallpaper templates that can be selected by the user when editing the lock screen wallpaper in the wallpaper editing interface. In this case, after the user selects a certain wallpaper template, the gallery application can display this wallpaper template on the lock screen wallpaper page according to the wallpaper template file corresponding to this wallpaper template.

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

[0224] Exemplarily, as Figure 20 shown in Figure (b) in, the gallery application can include a function main body module, a lock screen view module, and a desktop view module.

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

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

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

[0228] After describing the technical architecture diagram of the wallpaper editing method provided by the embodiments of the present application, the sequence diagram of the wallpaper editing method provided by the embodiments of the present application will be described next. This sequence diagram corresponds to Figures 7 to 19 the scenario shown, that is, it is used to illustrate the specific implementation process of wallpaper editing based on the wallpaper editing interface.

[0229] Figure 21 is the flowchart of a wallpaper editing method provided by the embodiments of the present application. Figure 21 The flowchart shown is used to illustrate the specific implementation process of displaying the wallpaper editing interface when the wallpaper editing function is used for the first time. Refer to Figure 21 and, this method may include the following steps:

[0230] Step 2101: The lock screen application receives a first gesture operation.

[0231] The first gesture operation may be a pre-defined gesture operation. For example, the first gesture operation may be a two-finger pinch operation, a long press operation, a double tap operation, an S-shaped swipe operation, etc., and the embodiments of the present application do not make any limitations in this regard.

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

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

[0234] Exemplarily, the first message may be an intent message.

[0235] The first message may carry source information for indicating which application the first message comes from. For example, the source information in the first message may be the application identifier of the lock screen application.

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

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

[0238] Step 2103: After receiving the first message, if the function main body module in the gallery application determines that the first message comes from the lock screen application, it displays function controls.

[0239] Exemplarily, as shown in FIGS. (b) and (c) of Figure 8 , the function controls may include main function controls, such as a return control 70, an application control 71, etc., and may also include related function controls for editing the lock screen wallpaper, such as a clock box 710, a replace picture control 75, a lock screen style control 72, a personality decoration control 73, a depth of field effect control 74, etc., and include related function controls for editing the desktop wallpaper, such as a follow lock screen control 76, a color control 77, a select wallpaper control 78, a blur control 79, etc.

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

[0241] In some embodiments, if the function main body module determines that the first message comes from the lock screen application, then the function main body module may determine that the display area of the lock screen wallpaper page is a first display area preset within the screen, and the display area of the desktop wallpaper page is a second display area, where only a part of the second display area is within the screen or the second display area is completely outside the screen. In this case, as shown in FIG. (b) of Figure 8 , the function main body module may first display the main function controls and the related function controls for editing the lock screen wallpaper, and temporarily not display the related function controls for editing the desktop wallpaper.

[0242] 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 aspect ratio of the area) of the first display area and the area ratio of the second display area are both the same as the screen ratio (i.e., the aspect ratio of the screen) of the electronic device.

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

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

[0245] Exemplarily, the mask layer can be a blurred mask layer, which refers to a mask layer obtained by blurring.

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

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

[0248] Step 2104: The function main body module sends a first creation instruction to the lock screen view module, and the first creation instruction is used to instruct to create m views.

[0249] m can be a preset value. For example, m can be the maximum number of layers that a technician estimates the wallpaper template will set. Exemplarily, m is an integer greater than or equal to 2. For example, m can be 12, 13, etc., and the embodiments of the present application do not limit this.

[0250] Exemplarily, the first creation instruction can carry the attributes of each view in the m views.

[0251] The attributes of each of the m views may include view identification, size, position, etc.

[0252] The view identification of a view is used to uniquely identify the view. By way of example, m is 12, and the view identifications of the 12 views may be "layer_origin", "layer_color", "layer_res1", "layer_res2", "layer_res3", "layer_res4", "layer_res5", "layer_res6", "layer_res7", "layer_res8", "layer_timer", "layer_crop".

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

[0254] Step 2105: After the lock screen view module receives the first creation instruction, it creates m views.

[0255] The lock screen view module may create the m views according to the attributes of each of the m views carried in the first creation instruction. Each of the m newly created views by the lock screen view module is a blank view, and a blank view is a transparent view that has not been drawn with specific content.

[0256] Step 2106: The function main body module sends a second creation instruction to the desktop view module, and the second creation instruction is used to instruct to create n views.

[0257] n may be a preset value. By way of example, n is an integer greater than or equal to 2, such as n may be 2, 3, etc., and the embodiments of the present application do not make any limitation thereto.

[0258] By way of example, the second creation instruction may carry the attributes of each of the n views.

[0259] The attributes of each of the n views may include view identification, size, position, etc.

[0260] By way of example, when n is equal to 2, the view identifications of the 2 views may be "layer_origin", "layer_icon".

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

[0262] It should be noted that there is no strict order for the operation of the functional main body module to display the function control in step 2103, the operation of the functional main body module to send the first creation instruction to the lock screen view module in step 2104, and the operation of the functional main body module to send the second creation instruction to the desktop view module in step 2106. That is to say, the functional main body module can first display the function control and then send the first creation instruction and the second creation instruction, or the functional main body module can first send the first creation instruction and the second creation instruction and then display the function control, or the functional main body module can send the first creation instruction and the second creation instruction while displaying the function control.

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

[0264] The desktop view module can create the n views according to the attributes of each of the n views carried in the second creation instruction. The n newly created views of the desktop view module are all blank views.

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

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

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

[0268] The desktop wallpaper file is a file containing the relevant data of the current desktop wallpaper of the electronic device.

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

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

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

[0272] 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, when the desktop wallpaper has not been edited by the wallpaper editing method provided in the embodiments of the present application, the desktop wallpaper can be a preset second picture, and then the first file of the desktop wallpaper can include the storage path of the second picture.

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

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

[0275] After receiving the lock screen wallpaper file, when the lock screen wallpaper file contains the storage path of the first picture, the first picture can be obtained according to the storage path.

[0276] After receiving the desktop wallpaper file, when the desktop wallpaper file contains the storage path of the second picture, the second picture can be obtained according to the storage path.

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

[0278] It should be noted that the pictures described in the embodiments of the present application can exist in the form of picture data in the electronic device before being displayed, and when being displayed, they can be drawn (Draw) and rendered (Render) according to the picture data to present pictures on the screen. Therefore, the above-mentioned obtaining of the first picture can be understood as obtaining the first picture data, and the above-mentioned obtaining of the second picture can be understood as obtaining the second picture data.

[0279] Step 2111: The function main body module processes the first picture to obtain a first display picture and processes the second picture to obtain a second display picture.

[0280] The first display picture is the picture used for display on the lock screen wallpaper page. The first display picture is the picture that can cover the display area of the lock screen wallpaper page.

[0281] The second display picture is the picture used for display on the desktop wallpaper page. The second display picture is the picture that can cover the display area of the desktop wallpaper page.

[0282] In some embodiments, the operations of the functional main body module for processing the first picture to obtain the first display picture may include the following steps (1) to step (2).

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

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

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

[0286] (2) The functional main body module scales the full-screen picture according to a specific scaling ratio to obtain the first display picture.

[0287] The specific scaling ratio is used to process the full-screen picture into a picture that can cover the display area of the lock screen wallpaper page. By way of example, the height (or width) of the display area of the lock screen wallpaper page can be divided by the screen height (or screen width) to obtain the specific scaling ratio.

[0288] It should be noted that the operations of the functional main body module for processing the second picture to obtain the second display picture are similar to the operations of the functional main body module for processing the first picture to obtain the first display picture, and the embodiments of the present application will not elaborate on this.

[0289] Step 2112: The functional main body module sends a first display instruction to the lock screen view module.

[0290] The first display instruction is used to instruct to display the m views. The first display instruction carries the first view identifier and the first display picture. By way of example, the first view identifier can be "layer_origin".

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

[0292] After the lock screen view module draws the first display picture in the view identified by the first view identifier, the view with the first display picture drawn can be referred to as the original layer. Among the m views, the other m - 1 views except the original layer are still blank views. Therefore, after the lock screen view module displays the m views, the user can only see the content drawn in the original layer.

[0293] Exemplarily, the operation of the lock screen view module drawing the first display picture in the view identified by the first view identifier can be: the lock screen view module determines the target area in the first display picture, and draws the picture within the target area in the first display picture into the view identified by the first view identifier.

[0294] The target area in the first display picture is the area in the first display picture that can be displayed within the lock screen wallpaper page. The target area in the first display picture can be an area centered on the center of the first display picture and having the same size as the view. For example, the target area in the first display picture can be Figure 23 the area within the dashed line shown.

[0295] Exemplarily, when the lock screen view module displays the m views, it can submit the m views to the rendering service for rendering, so as to display the m views 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.

[0296] It should be noted that as Figure 22 shown, since the first display area is the display area A completely within the screen, after the lock screen view module displays the m views, as Figure 8 shown in figure (b) of, the user can see the lock screen wallpaper in the lock screen wallpaper page 702.

[0297] Step 2114: The function main body module sends a second display instruction to the desktop view module.

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

[0299] Exemplarily, when n is equal to 2, the second display instruction can carry the second view identifier and the second display picture, as well as the third view identifier and the desktop thumbnail. Exemplarily, 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.

[0300] The desktop thumbnail is a thumbnail of the desktop content. Exemplarily, after receiving the first message, the functional main body module can obtain the desktop thumbnail from the desktop application. Of course, the functional main body module can also obtain the desktop thumbnail through other means, and the embodiments of the present application do not limit this.

[0301] Step 2115: After the desktop view module receives the second display instruction, it draws the second display picture 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.

[0302] When n is equal to 2, after the desktop view module draws the second display picture in the view identified by the second view identifier, the view with the second display picture drawn can be called the original layer. After the desktop view module draws the desktop thumbnail in the view identified by the third view identifier, the view with the desktop thumbnail drawn can be called the desktop icon layer. The level of the desktop icon layer is higher than that of the original layer, that is, the desktop icon layer is located above the original layer.

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

[0304] The operation of the desktop view module to draw the second display picture in the view identified by the second view identifier is similar to the operation of the above-mentioned lock screen view module to draw the first display picture in the view identified by the first view identifier, and the embodiments of the present application will not elaborate on this again.

[0305] The operation of the desktop view module to draw the desktop thumbnail in the view identified by the third view identifier is similar to the operation of the above-mentioned lock screen view module to draw the first display picture in the view identified by the first view identifier, and the embodiments of the present application will not elaborate on this again.

[0306] Exemplarily, when the desktop view module displays the n views, it can submit the n views to the rendering service for rendering in the order from low to high level, 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.

[0307] It should be noted that in some cases, such as Figure 22As shown, since the second display area is the display area B with only a small part inside the screen and most of it outside the screen, after the desktop view module displays the n views, as shown in Figure 8 figure (b) in it, the user cannot see the desktop wallpaper and desktop content in the desktop wallpaper page.

[0308] In some other cases, most of the second display area can be inside the screen or completely inside the screen. In this case, after the desktop view module displays the n views, the user can see some or all of the desktop wallpaper and desktop content in the desktop wallpaper page.

[0309] After displaying the function control, the lock screen wallpaper page, and the desktop wallpaper page through the above steps, the display of the wallpaper editing interface is completed. For example, the displayed wallpaper editing interface can be Figure 8 the wallpaper editing interface 700 shown in figure (b) in it.

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

[0311] Figure 24 is a flowchart of a wallpaper editing method provided by an embodiment of the present application. Figure 24 The shown flowchart is used to illustrate the specific implementation process of the user selecting a wallpaper template based on the wallpaper editing interface. Refer to Figure 24 , this method may include the following steps:

[0312] Step 2401: The function main body module receives a click operation on the lock screen style control.

[0313] In the case where the lock screen wallpaper page is displayed in the wallpaper editing interface, various editing operations can be performed on the wallpaper of the lock screen wallpaper page. In some cases, if the user wants to change the style of the lock screen wallpaper, then as Figure 10 shown in figure (a) in it, the user can click the lock screen style control 72, and the function main body module will receive the click operation on the lock screen style control 72.

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

[0315] Exemplarily, as Figure 10 shown in figure (b) in it, multiple wallpaper template options are displayed in the first pop-up window 7011. Optionally, picture options in the gallery and some wallpaper picture options preset in the electronic device can also be displayed.

[0316] Step 2403: The function main body module receives a selection operation on the wallpaper template option 1.

[0317] Exemplarily, as Figure 10 shown in figure (b) of Figure 10 , 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 functional main module will receive the selection operation of wallpaper template option 1. Exemplarily, wallpaper template option 1 is the option corresponding to wallpaper template 1.

[0318] Step 2404: In response to the selection operation of wallpaper template option 1, the functional main module obtains the template identifier corresponding to wallpaper template option 1.

[0319] A template identifier uniquely identifies a wallpaper template. The template identifier corresponding to wallpaper template option 1 is the template identifier of wallpaper template 1.

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

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

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

[0323] This wallpaper template data acquisition request is used to request the acquisition of the wallpaper template file corresponding to wallpaper template 1. This wallpaper template data acquisition request can carry the template identifier of wallpaper template 1.

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

[0325] Specifically, the file system can obtain the corresponding wallpaper template file according to this template identifier and send this wallpaper template file to the functional main module.

[0326] Exemplarily, the wallpaper template file can contain the layer set (layers) information of the wallpaper template. Further, the wallpaper template file can also contain one or more of offset information, scale ratio (scaleRatio) information, blur factor (blurFactor) information, depth of field effect switch state (isDepthofFieldSupported) information, etc.

[0327] The layer set information includes the layer basic information of each layer in a plurality of layers, and the layer basic information of the plurality of layers can be organized in a hierarchical order in the layer set information.

[0328] Exemplarily, the layer basic information of the original layer may include a view identifier, a layer type, a picture storage path, etc. The layer basic information of the color background layer may include a view identifier, a layer type, a color setting type, a color value, etc. The layer basic information of the decoration layer may include a view identifier, a layer type, a picture storage path, a color setting type, a color value, etc. The layer basic information of the clock layer may include a view identifier, a layer type, a layout, a font, a color value, a color setting type, etc. The layer basic information of the cutout layer may include a view identifier, a layer type, a picture storage path, etc.

[0329] The offset information may be determined according to the user's moving operation and scaling operation on the main picture, and is used to indicate how much the center of the moved main picture is offset relative to the center of the screen. The offset information acts on the original layer and the cutout layer. In some cases, when the user has not moved and scaled the main picture, the offset in the offset information may default to [0,0].

[0330] The scaling ratio information may be determined according to the user's scaling operation on the main picture, and is used to indicate how much the scaled main picture has been scaled compared to the original. The scaling ratio information acts on the original layer and the cutout layer. In some cases, when the user has not scaled the main picture, the scaling ratio in the scaling ratio information may default to 1.

[0331] The blur degree information may be determined according to the background blur degree adjusted by the user, and is used to indicate the blur degree of the main picture. The blur degree information acts on the original layer. In some cases, when the user has not adjusted the background blur degree, the blur degree in the blur degree information may default to 0.

[0332] The depth of field effect switch state information is used to indicate whether the depth of field effect switch is in an on state or an off state. The depth of field effect switch state information acts on the clock layer and the cutout layer. In some cases, when the user has not operated the depth of field effect switch, the state in the depth of field effect switch state information may default to the on state or the off state.

[0333] It should be noted that the layer basic information of each layer in the layer set information included in the wallpaper template file can be set in advance. Moreover, the offset in the offset information included in the wallpaper template file can default to [0,0], the scaling ratio in the scaling ratio information can default to 1, the blur degree in the blur degree information can default to 0, and the state in the depth-of-field effect switch state information can default to the on state.

[0334] The format of the wallpaper template file can be set in advance. For example, the wallpaper template file can be a txt file, a doc file, a docx file, a JavaScript Object Notation (json) file, etc., and the embodiments of the present application do not limit this.

[0335] The json file can use the form of "KEY-VALUE pairs" to save data. Each "KEY" has its unique "VALUE" value, and the "VALUE" value therein can also have its own sub "KEY-VALUE pairs". This structure can well record the above-mentioned layer set information, offset information, scaling ratio information, blur degree information, depth-of-field effect switch state information, etc.

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

[0337] It is worth noting that the json file has a simple and efficient format, its syntax rules are simple, and data parsing is more efficient. Therefore, when the wallpaper template file is a json file, the functional main module can obtain the wallpaper template file from the file system faster and can parse the wallpaper template file faster.

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

[0339] Exemplarily, the display information of the clock layer may include the view identifier, layer level, and clock setting information (including layout, font, color value) of the clock layer.

[0340] Exemplarily, for other layers outside the clock layer, such as the original layer, color background layer, decoration layer, cutout layer, etc., the display information of the layer may include the view identifier, layer level, and display picture of the layer. The display picture is the picture used for display on the lock screen wallpaper page, and the display picture can fill the display area of the lock screen wallpaper page.

[0341] Exemplarily, the display information of the original layer further includes a specific offset, a scaling ratio, and a blur degree. The display information of the cutout layer further includes a specific offset and a scaling ratio.

[0342] In some embodiments, referring to Figure 26 , the operation of step 2407 may include the following steps 2601 to 2604.

[0343] Step 2601: The function main body module determines the view identifier, layer level, and clock setting information of the clock layer according to the layer set information in the wallpaper template file, and determines the view identifier, layer level, and full-screen picture of each layer other than the clock layer.

[0344] For other layers outside the clock layer, such as the original layer, color background layer, decoration layer, cutout layer, etc., the layer has an initial picture, and in the embodiments of the present application, the initial picture may be processed into a full-screen picture, and the full-screen picture refers to a picture that can fill the screen.

[0345] As an example, referring to Figure 27 , step 2601 may include the following steps 26011 to 26018:

[0346] Step 26011: The function main body module determines the number of layers according to the layer set information.

[0347] Exemplarily, the function main body module may determine the number of view identifiers in the layer set information as the number of layers. For example, for Figure 25 the shown json file, the number of "id" in "layers" may be determined as the number of layers, that is, the number of layers can be determined to be 8.

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

[0349] Step 26012: The function main body module determines that i is 1.

[0350] Step 26013: The function main body module determines whether the i-th layer in the layer set information is the clock layer.

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

[0352] Step 26014: If the i-th layer is a clock layer, the functional main body module obtains the view identifier in the layer basic information of the clock layer, and uses the layout, font, and color values in the layer basic information of the clock layer as the clock setting information of the clock layer, and determines that the level of the clock layer is i.

[0353] Step 26015: If the i-th layer is not a clock layer, the functional main body module obtains the view identifier and the initial image of the i-th layer according to the layer basic information of the i-th layer, processes the initial image of the i-th layer to obtain the full-screen image of the i-th layer, and determines that the level of the i-th layer is i.

[0354] Step 26016: The functional main body module determines whether i is equal to k.

[0355] Step 26017: If i is not equal to k, the functional main body module sets i = i + 1 and re-executes Step 26013 and subsequent steps.

[0356] Step 26018: If i is equal to k, the functional main body module ends the operation.

[0357] Exemplarily, the operation of the functional main body module to obtain the initial image of the i-th layer according to the layer basic information of the i-th layer may be: if the layer basic information of the i-th layer contains a picture storage path and does not contain a color value and a color setting type, obtain the picture according to the picture storage path as the initial image of the i-th layer; if the layer basic information of the i-th layer contains a picture storage path, a color value, and a color setting type, obtain the picture according to the picture storage path, and set the color of the picture according to the color value and the color setting type to obtain the initial image of the i-th layer; if the layer basic information of the i-th layer does not contain a picture storage path but contains a color value and a color setting type, generate a picture with the same size as the screen size, and set the color of the picture according to the color value and the color setting type to obtain the initial image of the i-th layer.

[0358] For example, Figure 25The first array in "layers" of the shown json file (i.e., the array containing "id": "layer_origin") is the layer basic information of the first layer. According to the layer type in the first array (i.e., "type": 0), it can be determined that the first layer is the original layer. Since the first array does not contain color values and color setting types, the picture can be obtained according to the picture storage path in the first array (i.e., "src": "02_origin.png") as the initial picture of the first layer.

[0359] Figure 25 The second array in "layers" of the shown json file (i.e., the array containing "id": "layer_color") is the layer basic information of the second layer. According to the layer type in the second array (i.e., "type": 1), it can be determined that the second layer is the color background layer. Since the second array does not contain a picture storage path, a picture with the same size as the screen size can be generated, and the color of the picture can be set according to the color value in the second array (i.e., "color": "#FFECBD5B") and the color setting type (i.e., "colorPolicy": 1) to obtain the initial picture of the second layer.

[0360] Figure 25 The third array in "layers" of the shown json file (i.e., the array containing "id": "layer_res1") is the layer basic information of the third layer. According to the layer type in the third array (i.e., "type": 2), it can be determined that the third layer is the decoration layer. The picture can be obtained according to the picture storage path in the third array (i.e., "src": "02_res1_1.png"), and the color of the picture can be set according to the color value in the third array (i.e., "color": "#FF9C3022") and the color setting type (i.e., "colorPolicy": 1) to obtain the initial picture of the third layer.

[0361] Figure 25 The fourth array in "layers" of the shown json file (i.e., the array containing "id": "layer_res3") is the layer basic information of the fourth layer. According to the layer type in the fourth array (i.e., "type": 2), it can be determined that the fourth layer is the decoration layer. Since the fourth array does not contain color values and color setting types, the picture can be obtained according to the picture storage path in the fourth array (i.e., "src": "02_res1_3.png") as the initial picture of the fourth layer.

[0362] Figure 25The 5th array in the "layers" of the shown json file (i.e., the array containing "id": "layer_timer") is the layer basic information of the 5th layer. According to the layer type in the 5th array (i.e., "type": 3), it can be determined that the 5th layer is a clock layer. The layout (i.e., "layout": 0), font (i.e., "font": "HonorDigits_SerifVF.ttf"), and color value (i.e., "color": "#FFAE3DF") in the 5th array can be obtained as the clock setting information of the clock layer.

[0363] Figure 25 The 6th array in the "layers" of the shown json file (i.e., the array containing "id": "layer_crop") is the layer basic information of the 6th layer. According to the layer type in the 6th array (i.e., "type": 4), it can be determined that the 6th layer is a cropping layer. Since the 6th array does not contain a color value and a color setting type, the picture can be obtained according to the picture storage path (i.e., "src": "02_crop.png") in the 6th array as the initial picture of the 6th layer.

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

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

[0366] Step 2602: The functional main body module scales the full-screen pictures of the other layers except the clock layer in the multiple layers according to a specific scaling ratio to obtain the display pictures of the other layers.

[0367] The specific scaling ratio is used to process the full-screen picture into a picture that can fill the display area of the lock screen wallpaper page. Exemplarily, the height (or width) of the display area of the lock screen wallpaper page can be divided by the screen height (or screen width) to obtain the specific scaling ratio.

[0368] Step 2603: When the state of the depth of field effect switch state information in the wallpaper template file is turned on, the function main body module keeps the levels of the clock layer and the cutout layer unchanged, so that the depth of field effect can be turned on. For example, Figure 13 The depth of field effect in the wallpaper of the lock screen wallpaper page 702 shown in (a) of FIG. 1; when the state in the depth of field effect switch state information in the wallpaper template file is off, the levels of the clock layer and the cutout layer are exchanged, so that the depth of field effect can be turned off. For example, Figure 13 The wallpaper of the lock screen wallpaper page 702 shown in Figure (d) has no depth of field effect.

[0369] It should be noted that the hierarchical relationship between the clock layer and the cutout layer indicated by the layer set information in the wallpaper template file is usually fixed, and the level of the clock layer is generally lower than the level of the cutout layer. In this case, if the state in the depth of field effect switch status information in the wallpaper template file is on, the levels of the clock layer and the cutout layer remain unchanged, and if the state in the depth of field effect switch status information in the wallpaper template file is off, the levels of the clock layer and the cutout layer need to be swapped.

[0370] In some embodiments, if the layer set information in the wallpaper template file indicates that the hierarchical relationship between the clock layer and the cutout layer is that the level of the clock layer is higher than the level of the cutout layer, then when the state in the depth of field effect switch status information in the wallpaper template file is off, the levels of the clock layer and the cutout layer remain unchanged, and when the state in the depth of field effect switch status information in the wallpaper template file is on, the levels of the clock layer and the cutout layer need to be exchanged.

[0371] Step 2604: The functional main module multiplies the offset in the offset information in the wallpaper template file by a specific scaling ratio to obtain a specific offset, and uses the specific offset, the scaling ratio in the scaling ratio information in the wallpaper template file, and the blurriness in the blurriness information as the display information of the original layer, and uses the specific offset and the scaling ratio in the scaling ratio information in the wallpaper template file as the display information of the cutout layer.

[0372] It should be noted that in step 2407, after the functional main body module receives the wallpaper template file, it can save the wallpaper template file in the memory as the currently edited lock screen wallpaper file, and the currently edited lock screen wallpaper file is modified in the subsequent editing process.

[0373] Step 2408: The functional main body module sends a third display instruction to the lock screen view module.

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

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

[0376] After the lock screen view module receives the third display instruction, it can first clear the hierarchy of the m views created previously and the content drawn therein, and then, according to the display information of each layer in the multiple layers, set the hierarchy of the multiple views in the m views that correspond one-to-one to the multiple layers, and draw the layer content in each of the multiple views. After that, it displays the m views. In this case, the other views in the m views except the multiple views are blank views. Therefore, after the lock screen view module displays the m views, the user will only see the content drawn in the multiple views.

[0377] In some embodiments, for the clock layer, the lock screen view module can draw a clock in the view identified by the view identifier of the clock layer according to the clock setting information in the display information of the clock layer. In this case, the view with the layer content of the clock layer drawn therein can be referred to as the clock layer.

[0378] In some embodiments, for the original layer, the lock screen view module can first blur the display picture in the display information of the original layer according to the blur degree in the display information of the original layer, and then determine the target area in the display picture according to the scaling ratio and the specific offset in the display information of the original layer. The target area in the display picture is the area that can be displayed within the lock screen wallpaper page in the display picture. After that, it draws the picture within the target area in the display picture into the view identified by the view identifier of the original layer. In this case, the view with the layer content of the original layer drawn therein can be referred to as the original layer.

[0379] Exemplarily, as Figure 28 shown, taking the scaling ratio of 1.5 and the specific offset of [20, 20] as an example, after the lock screen view module blurs the display picture according to the blur degree, it can determine the target area in the display picture. The target area in the display picture is the area centered on the center of the display picture and having the same size as the view identified by the view identifier; while keeping the center of the display picture unchanged, it scales the display picture according to the scaling ratio, and then moves the scaled display picture according to the specific offset so that the offset between the center of the moved display picture and the center of the target area is the specific offset. After that, it draws the picture within the target area in the moved display picture into the view identified by the view identifier.

[0380] In some embodiments, for the cutout layer, the lock screen view module may determine a target area in the display picture in the display information of the cutout layer according to the scaling ratio and specific offset in the display information of the cutout layer, and draw the picture in the target area in the display picture into the view identified by the view identifier of the cutout layer. The view on which the layer content of the cutout layer is drawn may be referred to as the cutout layer.

[0381] In some embodiments, for any one of the other layers in the multiple layers except the clock layer, the original layer, and the cutout layer, the lock screen view module may draw the display picture in the display information of the layer into the view identified by the view identifier of the layer. Exemplarily, the lock screen view module may determine a target area in the display picture and draw the picture in the target area in the display picture into the view.

[0382] Exemplarily, when the lock screen view module displays the m views, it may submit the m views to the rendering service for rendering in the order from the lowest level to the highest level, so as to superimpose and display the m views in the display area of the lock screen wallpaper page on the screen, thereby realizing the display of the wallpaper template on the lock screen wallpaper page. Exemplarily, the displayed lock screen wallpaper page may be Figure 10 the lock screen wallpaper page 702 shown in FIG. (c) in, where the wallpaper template selected by the user is displayed.

[0383] In some embodiments, after the user edits the lock screen wallpaper by selecting a wallpaper template, the edited lock screen wallpaper can also be saved to take effect, and this process may include the following steps 2410 and 2412.

[0384] Step 2410: The function main body module receives a click operation on the application control.

[0385] Exemplarily, as Figure 10 shown in FIG. (c) in, after the user selects a wallpaper template, the user can click the application control 71 in the wallpaper editing interface 700, and the function main body module will receive the click operation on the application control 71.

[0386] Step 2411: The function main body module sends a wallpaper data storage request to the file system.

[0387] The wallpaper data storage request is used to request to store the lock screen wallpaper file 1. The lock screen wallpaper file 1 is the currently edited lock screen wallpaper file, and in the embodiments of the present application, it is the wallpaper template file obtained by the function main body module after the user selects a wallpaper template.

[0388] Step 2412: After the file system receives the wallpaper data storage request, it updates the lock screen wallpaper file.

[0389] Exemplarily, the file system may update the first file of the lock screen wallpaper to the lock screen wallpaper file 1.

[0390] It should be noted that after the user saves the edited lock screen wallpaper, the lock screen application can display the lock screen wallpaper on the lock screen interface. In this case, if the user wants to edit the lock screen wallpaper again during the use of the electronic device, the user can enter the wallpaper editing interface again. At this time, the wallpaper editing interface can display the lock screen wallpaper completed in the previous edit, that is, the lock screen wallpaper corresponding to the lock screen wallpaper file 1. The user can continue to edit the lock screen wallpaper, and the process of editing the lock screen wallpaper again can refer to the Figure 38 flowchart shown below, which will not be elaborated here for the time being.

[0391] Figure 29 is a flowchart of a wallpaper editing method provided by an embodiment of the present application. Figure 29 The flowchart shown is used to illustrate the specific implementation process of the user setting the clock based on the wallpaper editing interface. Figure 29 The flowchart shown can be executed after the above step 2409; or, it can be executed after step 2412 when the user enters the wallpaper editing interface in the electronic device again.

[0392] See Figure 29 , the method may include the following steps:

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

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

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

[0396] Exemplarily, as shown in Figure 11 Figure (b) therein, multiple clock font options and multiple clock color options are displayed in the second pop-up window 7012.

[0397] Step 2903: The function main body module receives a selection operation on the clock color option 1.

[0398] Exemplarily, as shown in Figure 11 Figure (b) therein, after the user clicks on a clock color option (hereinafter referred to as the clock color option 1) displayed in the second pop-up window 7012, the function main body module will receive the selection operation on the clock color option 1.

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

[0400] Exemplarily, the color value corresponding to clock color option 1 can be "#FFAE3DA".

[0401] Step 2905: The function main body module updates the color value in the layer basic information of the clock layer in the currently edited lock screen wallpaper file to the color value corresponding to clock color option 1, obtains lock screen wallpaper file 2, and then re-obtains the clock setting information of the clock layer.

[0402] It should be noted that if Figure 29 the shown flowchart is executed after the above step 2409, or, after step 2412, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be lock screen wallpaper file 1.

[0403] For example, assume that the currently edited lock screen wallpaper file is Figure 25 the shown json file, where the color value of the clock layer is "color": "#FFAE3DF", then this color value can be updated to "color": "#FFAE3DA".

[0404] The function main body module can re-obtain the clock setting information of the clock layer from the layer basic information of the clock layer in lock screen wallpaper file 2.

[0405] Continuing with the above example, the re-obtained clock setting information of the clock layer can include: layout ("layout": 0), font ("font": "HonorDigits_SerifVF.ttf"), color value ("color": "#FFAE3DA").

[0406] Step 2906: The function main body module sends the view identifier and clock setting information of the clock layer to the lock screen view module.

[0407] Step 2907: 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.

[0408] 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 level of the view identified by the view identifier unchanged. Then, the m views can be submitted to the rendering service for rendering in the order from low to high in level, so as to superimpose and display the m views in 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. Exemplarily, the displayed lock screen wallpaper page can be Figure 11 the lock screen wallpaper page 702 shown in FIG. (c) in

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

[0410] In some embodiments, after the user edits the lock screen wallpaper by setting the clock, the edited lock screen wallpaper can also be saved to make it effective, and this process may include the following step 2908 and step 2910.

[0411] Step 2908: The function main body module receives a click operation on the application control.

[0412] Exemplarily, as Figure 11 shown in FIG. (c) in Figure 11 after the user changes 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 function main body module will receive the click operation on the application control 71. Or, as Figure 11 shown in FIG. (c) in

[0413] after the user changes the color of the clock in the lock screen wallpaper, the user can first click the folding control 712 in the second pop-up window 7012, and then, as

[0414] shown in FIG. (d) in

[0415] the user then clicks the application control 71 in the wallpaper editing interface 700, and the function main body module will receive the click operation on the application control 71.

[0416] Exemplarily, the file system may update the first file of the lock screen wallpaper to the lock screen wallpaper file 2.

[0417] It should be noted that after the user saves the edited lock screen wallpaper, the lock screen application can display the lock screen wallpaper on the lock screen interface. In this case, if the user wants to edit the lock screen wallpaper again during the use of the electronic device, the user can enter the wallpaper editing interface again. At this time, the wallpaper editing interface can display the lock screen wallpaper completed in the previous edit, that is, the lock screen wallpaper corresponding to the lock screen wallpaper file 2. The user can continue to edit the lock screen wallpaper. The process of editing the lock screen wallpaper again can refer to the Figure 38 flow chart shown below and will not be elaborated here for the time being.

[0418] Figure 30 is a flow chart of a wallpaper editing method provided by an embodiment of the present application. Figure 30 The flow chart shown is used to illustrate the specific implementation process of the user setting personalized decorations based on the wallpaper editing interface. Figure 30 The flow chart shown may be executed after the above step 2409; or, it may be executed after step 2412 when the user enters the wallpaper editing interface again in the electronic device; or, it may be executed after step 2907; or, it may be executed after step 2910 when the user enters the wallpaper editing interface again in the electronic device.

[0419] See Figure 30 , the method may include the following steps:

[0420] Step 3001: The function main body module receives a click operation on the personalized decoration control.

[0421] In some cases, if the user wants to set the decorative element in the lock screen wallpaper, as shown in Figure 12 Figure (a) therein, the user can click on the personalized decoration control 73, and the function main body module will receive the click operation on the personalized decoration control 73.

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

[0423] Exemplarily, as shown in Figure 12 Figure (b) therein, multiple shape options and multiple color options are displayed in the third pop-up window 7013.

[0424] Step 3003: The function main body module receives a selection operation on color option 1.

[0425] Exemplarily, as shown in Figure 12As 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 functional main module will receive the selection operation for Color Option 1.

[0426] Step 3004: In response to the selection operation for Color Option 1, the functional main module obtains the color value corresponding to Color Option 1.

[0427] It should be noted that in the case of multiple decoration layers, Color Option 1 not only corresponds to a color value but also corresponds to one of the multiple decoration layers. In this case, for which decoration layer the user makes color adjustments, the color of the corresponding decoration layer will be modified.

[0428] Step 3005: The functional main module updates the color value in the layer basic information of the decoration layer in the currently edited lock screen wallpaper file to the color value corresponding to Color Option 1, obtains the lock screen wallpaper file 3, and then re-obtains the display picture of this decoration layer.

[0429] It should be noted that if Figure 30 The flowchart shown is executed after the above Step 2409, or after Step 2412, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 1. And if Figure 30 The flowchart shown is executed after the above Step 2907, or after Step 2910, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 2.

[0430] The functional main module can re-obtain the display picture of this decoration layer according to the lock screen wallpaper file 3. By way of example, the functional main module can obtain the picture according to the picture storage path in the layer basic information of this decoration layer in the lock screen wallpaper file 3, set the color of the picture according to the color value and color setting type in the layer basic information of this decoration layer in the lock screen wallpaper file 3 to obtain the initial picture of this decoration layer, then process the initial picture of this decoration layer to obtain the full-screen picture of this decoration layer, and then, scale the full-screen picture of this decoration layer according to a specific scaling ratio to obtain the display picture of this decoration layer. The operation of the functional main module to process the initial picture of this decoration layer to obtain the full-screen picture of this decoration layer is similar to the operation of the functional main module in Step 2601 to process the initial picture of the i-th layer to obtain the full-screen picture of the i-th layer, and this application embodiment will not elaborate on this.

[0431] Step 3006: The functional main module sends the view identifier and display picture of this decoration layer to the lock screen view module.

[0432] Step 3007: After the lock screen view module receives the view identifier and display picture of the decoration layer, it redraws the layer content in the view identified by the view identifier of the decoration layer according to the display picture of the decoration layer, and displays m views.

[0433] After the lock screen view module receives the view identifier and display picture of the decoration layer, it can redraw the layer content in the view according to the display picture while keeping the level of the view identified by the view identifier unchanged. Specifically, it can determine the target area in the display picture and draw the picture within the target area in the display picture into the view. Then, it can submit the m views to the rendering service for rendering in the order from the lowest level to the highest level, so as to superimpose and display the m views in the display area of the lock screen wallpaper page on the screen, which realizes the display of the wallpaper on the lock screen wallpaper page. Exemplarily, the displayed lock screen wallpaper page can be Figure 12 the lock screen wallpaper page 702 shown in FIG. (c) of

[0434] In some embodiments, after the user edits the lock screen wallpaper by setting the color of the decoration, the edited lock screen wallpaper can also be saved to take effect. This process may include the following steps 3008 and 3010.

[0435] Step 3008: The function main body module receives a click operation on the application control.

[0436] Exemplarily, as Figure 12 shown in FIG. (c) of Figure 12 after the user changes the color of the decoration in the lock screen wallpaper, the user can directly click the application control 71 in the wallpaper editing interface 700, and the function main body module will receive the click operation on the application control 71. Or, as Figure 12 shown in FIG. (c) of

[0437] after the user changes the color of the decoration in the lock screen wallpaper, the user can first click the folding control 713 in the third pop-up window 7013, and then, as

[0438] shown in FIG. (d) of

[0439] the user then clicks the application control 71 in the wallpaper editing interface 700, and the function main body module will receive the click operation on the application control 71.Step 3010: After the file system receives the wallpaper data storage request, it updates the lock screen wallpaper file.

[0440] Exemplarily, the file system may update the first file of the lock screen wallpaper to the lock screen wallpaper file 3.

[0441] It should be noted that after the user saves the edited lock screen wallpaper, the lock screen application can display the lock screen wallpaper on the lock screen interface. In this case, if the user wants to edit the lock screen wallpaper again during the use of the electronic device, the user can enter the wallpaper editing interface again. At this time, the wallpaper editing interface can display the lock screen wallpaper completed in the previous edit, that is, the lock screen wallpaper corresponding to the lock screen wallpaper file 3. The user can continue to edit the lock screen wallpaper. The process of editing the lock screen wallpaper again can refer to the Figure 38 flowchart shown below and will not be elaborated here.

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

[0443] Figure 31 is a flowchart of a wallpaper editing method provided by an embodiment of the present application. Figure 31 The flowchart shown is used to illustrate the specific implementation process of the user setting personalized decorations based on the wallpaper editing interface. Figure 31 The flowchart shown may be executed after the above step 2409; or, it may be executed after step 2412 when the user enters the wallpaper editing interface again in the electronic device; or, it may be executed after step 2907; or, it may be executed after step 2910 when the user enters the wallpaper editing interface again in the electronic device; or, it may be executed after step 3007; or, it may be executed after step 3010 when the user enters the wallpaper editing interface again in the electronic device.

[0444] See Figure 31 , the method may include the following steps:

[0445] Step 3101: The function main body module receives a click operation on the personalized decoration control.

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

[0447] Multiple shape options are displayed in the third pop-up window, including shape option 1.

[0448] Step 3103: The function main body module receives a selection operation on shape option 1.

[0449] Step 3104: In response to the selection operation of Shape Option 1, the functional main body module obtains the picture storage path corresponding to Shape Option 1.

[0450] The picture storage path corresponding to Shape Option 1 is the storage path of the decorative picture containing the pattern shape corresponding to Shape Option 1.

[0451] It should be noted that in the case of multiple decoration layers, Shape Option 1 not only corresponds to the picture storage path but also corresponds to one of the multiple decoration layers. In this case, for which decoration layer the user makes the shape adjustment, the shape of the corresponding decoration layer will be modified.

[0452] Step 3105: The functional main body module updates the picture storage path in the layer basic information of the decoration layer in the currently edited lock screen wallpaper file to the picture storage path corresponding to Shape Option 1, obtains the lock screen wallpaper file 4, and then re-obtains the display picture of this decoration layer.

[0453] It should be noted that if Figure 31 the shown flowchart is executed after the above Step 2409, or is executed after Step 2412 when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 1. And if Figure 31 the shown flowchart is executed after the above Step 2907, or is executed after Step 2910 when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 2. And if Figure 31 the shown flowchart is executed after the above Step 3007, or is executed after Step 3010 when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 3.

[0454] The functional main body module can re-obtain the display picture of this decoration layer according to the lock screen wallpaper file 4. The operation of the functional main body module re-obtaining the display picture of this decoration layer according to the lock screen wallpaper file 4 is similar to the operation of the functional main body module re-obtaining the display picture of this decoration layer according to the lock screen wallpaper file 3 in the above Step 3005, and this application embodiment will not elaborate on this.

[0455] Step 3106: The functional main body module sends the view identifier and the display picture of this decoration layer to the lock screen view module.

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

[0457] After receiving the view identifier and display picture of the decoration layer, the lock screen view module can redraw the layer content in the view according to the display picture while keeping the level of the view identified by the view identifier unchanged. Specifically, it can determine the target area in the display picture and draw the picture within the target area in the display picture into the view. After that, the m views can be submitted to the rendering service for rendering in the order from the lowest level to the highest level, so as to superimpose and display the m views in 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 decorative part of the wallpaper displayed on the lock screen wallpaper page is the shape selected by the user.

[0458] In some embodiments, after the user edits the lock screen wallpaper by setting the shape of the decorative part, the edited lock screen wallpaper can also be saved to make it effective. This process may include the following steps 3108 and 3110.

[0459] Step 3108: The function main body module receives a click operation on the application control.

[0460] Step 3109: The function main body module sends a wallpaper data storage request to the file system.

[0461] The wallpaper data storage request is used to request the storage of the lock screen wallpaper file 4. The lock screen wallpaper file 4 is the currently edited lock screen wallpaper file, and in the embodiments of the present application, it is the lock screen wallpaper file updated by the function main body module according to the relevant shape information after the user sets the shape of the decorative part.

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

[0463] Exemplarily, the file system can update the first file of the lock screen wallpaper to the lock screen wallpaper file 4.

[0464] It should be noted that after the user saves the edited lock screen wallpaper, the lock screen application can display the lock screen wallpaper on the lock screen interface. In this case, if the user wants to edit the lock screen wallpaper again during the use of the electronic device, he can enter the wallpaper editing interface again. At this time, the wallpaper editing interface can display the lock screen wallpaper completed in the previous edit, that is, the lock screen wallpaper corresponding to the lock screen wallpaper file 4. The user can continue to edit the lock screen wallpaper, and the process of editing the lock screen wallpaper again can refer to the Figure 38 flowchart shown below, which will not be elaborated here for the time being.

[0465] Figure 32 is a flowchart of a wallpaper editing method provided by the embodiments of the present application. Figure 32 The flowchart shown below is used to illustrate the specific implementation process of the user setting the depth of field effect based on the wallpaper editing interface.Figure 32 The flowchart shown can be executed after step 2409 above; or, it can be executed after step 2412 when the user enters the wallpaper editing interface in the electronic device again; or, it can be executed after step 2907; or, it can be executed after step 2910 when the user enters the wallpaper editing interface in the electronic device again; or, it can be executed after step 3007; or, it can be executed after step 3010 when the user enters the wallpaper editing interface in the electronic device again; or, it can be executed after step 3107; or, it can be executed after step 3110 when the user enters the wallpaper editing interface in the electronic device again.

[0466] See Figure 32 , the method may include the following steps:

[0467] Step 3201: The function main body module receives a click operation on the depth-of-field effect control.

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

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

[0470] Exemplarily, as shown in Figure 13 Figure (b) therein, a depth-of-field effect switch 7141 is displayed in the fourth pop-up window 7014, and further a background blur control 7142 may also be displayed.

[0471] Step 3203: The function main body module receives an operation to turn off the depth-of-field effect switch.

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

[0473] Step 3204: In response to the operation to turn off the depth-of-field effect switch, the function main body module updates the state in the depth-of-field effect switch status information in the currently edited lock screen wallpaper file to the off state, obtains the lock screen wallpaper file 5, and then re-obtains the hierarchy of the clock layer and the hierarchy of the cutout layer.

[0474] It should be noted that if Figure 32The flowchart shown is executed after the above step 2409, or, after step 2412, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be lock screen wallpaper file 1. And if Figure 32 The flowchart shown is executed after the above step 2907, or, after step 2910, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be lock screen wallpaper file 2. And if Figure 32 The flowchart shown is executed after the above step 3007, or, after step 3010, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be lock screen wallpaper file 3. And if Figure 32 The flowchart shown is executed after the above step 3107, or, after step 3110, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be lock screen wallpaper file 4.

[0475] The functional main module can re-obtain the hierarchy of the clock layer and the hierarchy of the cutout layer according to lock screen wallpaper file 5. Exemplarily, when the state in the depth of field effect switch state information in lock screen wallpaper file 5 is the off state, the functional main module can exchange the hierarchy of the clock layer and the hierarchy of the cutout layer.

[0476] Generally, when the depth of field effect switch is on, the hierarchy of the clock layer is lower than the hierarchy of the cutout layer, so that the depth of field effect can be achieved. And when the depth of field effect switch is off, the hierarchy of the clock layer and the cutout layer can be exchanged so that the hierarchy of the clock layer is higher than the hierarchy of the cutout layer, so that the depth of field effect can be turned off.

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

[0478] Exemplarily, assume that lock screen wallpaper file 1 is Figure 25 the json file shown, and the state in the depth of field effect switch state information in lock screen wallpaper file 1 is the on state. Then, according to lock screen wallpaper file 1, it can be determined that the hierarchy of the clock layer is 5 and the hierarchy of the cutout layer is 6. After that, in response to the operation of turning off the depth of field effect switch, the functional main module updates the state in the depth of field effect switch state information in lock screen wallpaper file 1 to the off state. In this case, the functional main module can exchange the previous hierarchy of the clock layer and the hierarchy of the cutout layer to get the hierarchy of the clock layer as 6 and the hierarchy of the cutout layer as 5. After that, the functional main module can send the hierarchy of the clock layer and the hierarchy of the cutout layer to the lock screen view module.

[0479] Step 3206: After the lock screen view module receives the view identifier and level of the clock layer and the view identifier and level of the cutout layer, it resets the levels of the views identified by the view identifier of the clock layer and the views identified by the view identifier of the cutout layer, and displays m views.

[0480] Exemplarily, after the lock screen view module resets the levels of the views identified by the view identifier of the clock layer and the views identified by the view identifier of the cutout layer, it can submit the m views to the rendering service for rendering in ascending order of levels, so as to superimpose and display the m views in 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. Exemplarily, the displayed lock screen wallpaper page can be Figure 13 the lock screen wallpaper page 702 shown in FIG. (c) in

[0481] In some embodiments, after the user closes the depth of field effect switch to edit the lock screen wallpaper, the edited lock screen wallpaper can also be saved to take effect. This process may include the following steps 3207 and 3209.

[0482] Step 3207: The function main body module receives a click operation on the application control.

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

[0484] Step 3208: The function main body module sends a wallpaper data storage request to the file system.

[0485] This wallpaper data storage request is used to request the storage of the lock screen wallpaper file 5. The lock screen wallpaper file 5 is the currently edited lock screen wallpaper file, which in the embodiments of the present application is the lock screen wallpaper file updated by the function main body module according to the status of the depth of field effect switch after the user closes the depth of field effect switch.

[0486] Step 3209: After the file system receives this wallpaper data storage request, it updates the lock screen wallpaper file.

[0487] Exemplarily, the file system may update the first file of the lock screen wallpaper to the lock screen wallpaper file 5.

[0488] It should be noted that after the user saves the edited lock screen wallpaper, the lock screen application may display the lock screen wallpaper on the lock screen interface. In this case, if the user wants to edit the lock screen wallpaper again during the use of the electronic device, the user may enter the wallpaper editing interface again. At this time, the wallpaper editing interface may display the lock screen wallpaper completed in the previous edit, that is, the lock screen wallpaper corresponding to the lock screen wallpaper file 5. The user can continue to edit the lock screen wallpaper. The process of editing the lock screen wallpaper again can refer to the flowchart shown below, which will not be elaborated here for the time being. Figure 38 shown in the flowchart, which will not be elaborated here for the time being.

[0489] Figure 33 is a flowchart of a wallpaper editing method provided by an embodiment of the present application. Figure 33 The flowchart shown is used to illustrate the specific implementation process of the user setting the background blur degree based on the wallpaper editing interface. Figure 33 The flowchart shown may be executed after the above step 2409; or, it may be executed after step 2412 when the user enters the wallpaper editing interface in the electronic device again; or, it may be executed after step 2907; or, it may be executed after step 2910 when the user enters the wallpaper editing interface in the electronic device again; or, it may be executed after step 3007; or, it may be executed after step 3010 when the user enters the wallpaper editing interface in the electronic device again; or, it may be executed after step 3107; or, it may be executed after step 3110 when the user enters the wallpaper editing interface in the electronic device again; or, it may be executed after step 3206; or, it may be executed after step 3209 when the user enters the wallpaper editing interface in the electronic device again.

[0490] See Figure 33 , the method may include the following steps:

[0491] Step 3301: The function main body module receives a click operation on the depth of field effect control.

[0492] Step 3302: In response to the click operation on the depth of field effect control, the function main body module displays a fourth pop-up window, and a background blur control is displayed in the fourth pop-up window.

[0493] Step 3303: The function main body module receives a trigger operation on the background blur control.

[0494] Exemplarily, such as Figure 13As shown in Figure (b), the background blur control 7142 can be a control in the form of a slider. The slider has a sliding block, and the position of the sliding block in the slider can indicate the corresponding blur degree (which can be called the target blur degree). Of course, the background blur control 7142 can also be a control in other forms, and the embodiments of the present application do not limit this.

[0495] The triggering operation on the background blur control can be performed by the user. That is, if the user wants to adjust the background blur degree, the user can achieve this by operating the background blur control. For example, the user can drag Figure 13 the sliding block in the slider 7142 shown in Figure (b) to adjust the position of the sliding block in the slider and set the background blur degree.

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

[0497] Step 3305: The function main body module updates the blur degree in the blur degree information in the currently edited lock screen wallpaper file to the target blur degree to obtain the lock screen wallpaper file 6.

[0498] It should be noted that if Figure 33 the flowchart shown is executed after the above-mentioned step 2409, or after step 2412, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 1. And if Figure 33 the flowchart shown is executed after the above-mentioned step 2907, or after step 2910, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 2. And if Figure 33 the flowchart shown is executed after the above-mentioned step 3007, or after step 3010, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 3. And if Figure 33 the flowchart shown is executed after the above-mentioned step 3107, or after step 3110, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 4. And if Figure 33 the flowchart shown is executed after the above-mentioned step 3206, or after step 3209, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 5.

[0499] Step 3306: The function main body module sends the view identifier of the original layer and the target blur degree to the lock screen view module.

[0500] Step 3307: After the lock screen view module receives the view identifier of the original layer and the target blur degree, it redraws the layer content in the view identified by the view identifier of the original layer according to the target blur degree, and displays m views.

[0501] After the lock screen view module receives the view identifier of the original layer and the target blur degree, it can redraw the layer content in the view while keeping the level of the view identified by the view identifier of the original layer unchanged. Specifically, it can first blur the display picture of the original layer according to the target blur degree, then determine the target area in the display picture according to the scaling ratio and specific offset of the original layer, and draw the picture within the target area in the display picture into the view. After that, the lock screen view module can submit the m views to the rendering service for rendering in the order from low to high in level, so as to superimpose and display the m views in 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 blur degree of the background part of the wallpaper on the displayed lock screen wallpaper page is the target blur degree set by the user.

[0502] In some embodiments, after the user edits the lock screen wallpaper through the background blur control, the edited lock screen wallpaper can also be saved to take effect. This process may include the following steps 3308 and 3310.

[0503] Step 3308: The function main body module receives a click operation on the corresponding application control.

[0504] Step 3309: The function main body module sends a wallpaper data storage request to the file system.

[0505] This wallpaper data storage request is used to request the storage of the lock screen wallpaper file 6. The lock screen wallpaper file 6 is the currently edited lock screen wallpaper file, and in the embodiments of the present application, it is the lock screen wallpaper file updated by the function main body module according to the set target blur degree after the user sets the background blur degree.

[0506] Step 3310: After the file system receives this wallpaper data storage request, it updates the lock screen wallpaper file.

[0507] Exemplarily, the file system can update the first file of the lock screen wallpaper to the lock screen wallpaper file 6.

[0508] It should be noted that after the user saves the edited lock screen wallpaper, the lock screen application can display the lock screen wallpaper on the lock screen interface. In this case, if the user wants to edit the lock screen wallpaper again during the use of the electronic device, the user can enter the wallpaper editing interface again. At this time, the wallpaper editing interface can display the lock screen wallpaper completed in the previous edit, that is, the lock screen wallpaper corresponding to the lock screen wallpaper file 6. The user can continue to edit the lock screen wallpaper, and the process of editing the lock screen wallpaper again can refer to the flowchart shown below Figure 38 and will not be described in detail here.

[0509] Figure 34 is a flowchart of a wallpaper editing method provided by an embodiment of the present application. Figure 34 The flowchart shown is used to illustrate the specific implementation process of the user replacing the main picture of the wallpaper based on the wallpaper editing interface. Figure 34 The flowchart shown can be executed after step 2409; or, it can be executed after step 2412 when the user enters the wallpaper editing interface in the electronic device again; or, it can be executed after step 2907; or, it can be executed after step 2910 when the user enters the wallpaper editing interface in the electronic device again; or, it can be executed after step 3007; or, it can be executed after step 3010 when the user enters the wallpaper editing interface in the electronic device again; or, it can be executed after step 3107; or, it can be executed after step 3110 when the user enters the wallpaper editing interface in the electronic device again; or, it can be executed after step 3206; or, it can be executed after step 3209 when the user enters the wallpaper editing interface in the electronic device again; or, it can be executed after step 3307; or, it can be executed after step 3310 when the user enters the wallpaper editing interface in the electronic device again.

[0510] Refer to Figure 34 and the method may include the following steps:

[0511] Step 3401: The function main body module receives a click operation on the picture replacement control.

[0512] In some cases, if the user wants to change the main picture of the lock screen wallpaper, as shown in Figure (a) of Figure 14 , the user can click on the picture replacement control 75, and the function main body module will receive the click operation on the picture replacement control 75.

[0513] Step 3402: In response to the click operation on the picture replacement control, the function main body module displays a fifth pop-up window.

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

[0515] Step 3403: The function main body module receives the selection operation for picture option 1.

[0516] Exemplarily, as Figure 14 shown in Figure (b) therein, the user can click on a picture option (hereinafter referred to as picture option 1) displayed in the fifth pop-up window 7015, and the function main body module will receive the selection operation for picture option 1.

[0517] Step 3404: In response to the selection operation for picture option 1, the function main body module obtains the picture corresponding to picture option 1 as the main picture, and generates a matte picture containing the foreground object in the main picture.

[0518] Step 3405: The function main body module generates a first operation record, which is used to record that a picture replacement operation has been performed during the current editing process, and records the main picture and the matte picture.

[0519] It should be noted that if the user reselects the wallpaper template after performing the picture replacement operation, the function main body module can delete the first operation record.

[0520] Step 3406: The function main body module re-obtains the display picture of the original layer according to the main picture, and re-obtains the display picture of the matte layer according to the matte picture.

[0521] Exemplarily, the operation of the function main body module to re-obtain the display picture of the original layer according to the main picture can be: processing the main picture to obtain the full-screen picture of the original layer, and then scaling the full-screen picture of the original layer according to a specific scaling ratio to obtain the display picture of the original layer.

[0522] Exemplarily, the operation of the function main body module to process the main picture to obtain the full-screen picture of the original layer can be: the function main body module determines the initial scaling ratio according to the screen size and the size of the main picture, and scales the main picture according to the initial scaling ratio to obtain the full-screen picture of the original layer. Among them, the initial scaling ratio is used to process the main picture into a full-screen picture. Specifically, the screen height can be divided by the height of the main picture to obtain a first value, and the screen width can be divided by the width of the main picture to obtain a second value, and then the larger of the first value and the second value is used as the initial scaling ratio.

[0523] Exemplarily, the operation of the function matte extraction module to re-obtain the display picture of the matte layer based on the matte picture can be: processing the matte picture to obtain the full-screen picture of the matte layer, and then scaling the full-screen picture of the matte layer according to a specific scaling ratio to obtain the display picture of the matte layer.

[0524] Exemplarily, the operation of the function matte extraction module to process the matte picture to obtain the full-screen picture of the matte layer can be: the function matte extraction module determines an initial scaling ratio according to the screen size and the size of the matte picture, and scales the matte picture according to the initial scaling ratio to obtain the full-screen picture of the matte layer. Among them, the initial scaling ratio is used to process the matte picture into a full-screen picture. Specifically, the screen height can be divided by the height of the matte picture to obtain a first value, and the screen width can be divided by the width of the matte picture to obtain a second value, and then the larger of the first value and the second value is used as the initial scaling ratio.

[0525] Step 3407: The function main body module sends the view identifier and display picture of the original layer and the view identifier and display picture of the matte layer to the lock screen view module.

[0526] In some embodiments, after performing the picture replacement operation, the function main body module can set the offset information, scaling ratio information, and blur degree information in the currently edited lock screen wallpaper file to their initial values. In other embodiments, after performing the picture replacement operation, the function main body module can set the blur degree information in the currently edited lock screen wallpaper file to its initial value, and can set the offset information and scaling ratio information in the currently edited lock screen wallpaper file according to the foreground object in the main picture, so that the foreground object can achieve a better display effect on the lock screen wallpaper page.

[0527] In some embodiments, for the offset information in the lock screen wallpaper file, the function main body module can multiply the offset in the offset information by a specific scaling ratio to obtain a specific offset. When the function main body module sends the view identifier and display picture of the original layer and the view identifier and display picture of the matte layer to the lock screen view module, it can also send the specific offset, the scaling ratio in the scaling ratio information in the lock screen wallpaper file, and the blur degree in the blur degree information to the lock screen view module.

[0528] Step 3408: After receiving the view identifier and display picture of the original layer and the view identifier and display picture of the matte 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 picture of the original layer, and redraws the layer content in the view identified by the view identifier of the matte layer according to the display picture of the matte layer, and displays m views.

[0529] After receiving the view identifier and the display picture of the original layer, the lock screen view module first blurs the display picture according to the blur degree of the original layer while keeping the hierarchy of the view identified by the view identifier of the original layer unchanged, then determines the target area in the display picture according to the scaling ratio and the specific offset of the original layer, and draws the picture within the target area in the display picture into the view.

[0530] After receiving the view identifier and the display picture of the cut-out layer, the lock screen view module determines the target area in the display picture according to the scaling ratio and the specific offset of the cut-out layer while keeping the hierarchy of the view identified by the view identifier of the cut-out layer unchanged, and draws the picture within the target area in the display picture into the view.

[0531] After that, the lock screen view module can submit the m views to the rendering service for rendering in the order from the lowest level to the highest level, so as to superimpose and display the m views in 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. Exemplarily, the displayed lock screen wallpaper page can be Figure 14 the lock screen wallpaper page 702 shown in FIG. (c) of

[0532] In some embodiments, after the user edits the lock screen wallpaper by replacing the main picture, the edited lock screen wallpaper can be saved to take effect, and this process may include the following steps 3409 and step 3412.

[0533] Step 3409: The function main body module receives a click operation on the application control.

[0534] Exemplarily, as Figure 14 shown in FIG. (c) of

[0535] After the user replaces the main picture, the user can click the application control 71 in the wallpaper editing interface 700, and the function main body module will receive the click operation on the application control 71.

[0536] It should be noted that if Figure 34The flowchart shown is executed after step 2409 above, or, after step 2412, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be lock screen wallpaper file 1. And if Figure 34 The flowchart shown is executed after step 2907 above, or, after step 2910, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be lock screen wallpaper file 2. And if Figure 34 The flowchart shown is executed after step 3007 above, or, after step 3010, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be lock screen wallpaper file 3. And if Figure 34 The flowchart shown is executed after step 3107 above, or, after step 3110, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be lock screen wallpaper file 4. And if ​ The flowchart shown is executed after step 3206 above, or, after step 3209, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be lock screen wallpaper file 5. And if ​ The flowchart shown is executed after step 3307 above, or, after step 3310, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be lock screen wallpaper file 6.

[0537] Step 3411: The function main body module sends a wallpaper data storage request to the file system.

[0538] This wallpaper data storage request is used to request the storage of lock screen wallpaper file 7. Lock screen wallpaper file 7 is the currently edited lock screen wallpaper file, and in the embodiment of the present application, it is the lock screen wallpaper file updated by the function main body module according to the replaced main picture after the user replaces the main picture.

[0539] Step 3412: After the file system receives this wallpaper data storage request, it updates the lock screen wallpaper file.

[0540] Exemplarily, the file system can update the first file of the lock screen wallpaper to lock screen wallpaper file 7.

[0541] It should be noted that after the user saves the edited lock screen wallpaper, the lock screen application can display the lock screen wallpaper on the lock screen interface. In this case, if the user wants to edit the lock screen wallpaper again during the use of the electronic device, the user can enter the wallpaper editing interface again. At this time, the wallpaper editing interface can display the lock screen wallpaper that was edited last time, that is, the lock screen wallpaper corresponding to the 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 refer to the flowchart described below. ​ The flowchart shown in the following text will not be described in detail here.

[0542] ​ It is a flowchart of a wallpaper editing method provided by an embodiment of the present application. ​ The flowchart shown is used to illustrate the specific implementation process of the user scaling the main picture of the wallpaper based on the wallpaper editing interface. ​ The flowchart shown can be executed after step 2409; or, it can be executed after step 2412 when the user enters the wallpaper editing interface in the electronic device again; or, it can be executed after step 2907; or, it can be executed after step 2910 when the user enters the wallpaper editing interface in the electronic device again; or, it can be executed after step 3007; or, it can be executed after step 3010 when the user enters the wallpaper editing interface in the electronic device again; or, it can be executed after step 3107; or, it can be executed after step 3110 when the user enters the wallpaper editing interface in the electronic device again; or, it can be executed after step 3206; or, it can be executed after step 3209 when the user enters the wallpaper editing interface in the electronic device again; or, it can be executed after step 3307; or, it can be executed after step 3310 when the user enters the wallpaper editing interface in the electronic device again; or, it can be executed after step 3408; or, it can be executed after step 3412 when the user enters the wallpaper editing interface in the electronic device again.

[0543] Refer to ​ The method may include the following steps:

[0544] Step 3501: The function main module receives the scaling operation performed on the lock screen wallpaper page.

[0545] In some cases, if the user wants to scale the main picture of the lock screen wallpaper, as shown in ​ Figure (a) or Figure (c) below, the user can perform a scaling operation on the lock screen wallpaper page 702, and the function main module will receive this scaling operation.

[0546] Step 3502: In response to the scaling operation, the function main module determines the target scaling ratio and the target offset.

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

[0548] Exemplarily, when the scaling operation is a two-finger zoom-in operation or a two-finger zoom-out operation, the scaling ratio and offset corresponding to the scaling operation can be determined according to the sliding direction, sliding distance, sliding position, etc. of the two fingers.

[0549] Step 3503: The function main body module updates the scaling ratio in the scaling ratio information in the currently edited lock screen wallpaper file to the product of this scaling ratio and the target scaling ratio, and updates the offset in the offset information in the currently edited lock screen wallpaper file to the sum of this offset and the target offset, obtaining the lock screen wallpaper file 8.

[0550] It should be noted that if ​ the shown flowchart is executed after the above step 2409, or is executed after step 2412 when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 1. And if ​ the shown flowchart is executed after the above step 2907, or is executed after step 2910 when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 2. And if ​ the shown flowchart is executed after the above step 3007, or is executed after step 3010 when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 3. And if ​ the shown flowchart is executed after the above step 3107, or is executed after step 3110 when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 4. And if ​ the shown flowchart is executed after the above step 3206, or is executed after step 3209 when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 5. And if ​ the shown flowchart is executed after the above step 3307, or is executed after step 3310 when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 6. And if ​The flowchart shown is executed after the above step 3408, or, after step 3412, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 7.

[0551] Step 3504: The function main body module sends the view identifier of the original layer, the view identifier of the cut-out layer, the scaling ratio in the scaling ratio information in the lock screen wallpaper file 8, and a specific offset amount to the lock screen view module. The specific offset amount is obtained by multiplying the offset amount in the offset information in the lock screen wallpaper file 8 by a specific scaling ratio.

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

[0553] The lock screen view module can, without changing the hierarchy of the view identified by the view identifier of the original layer, blur the displayed picture of the original layer according to the blur degree of the original layer, then determine the target area in the displayed picture according to the scaling ratio and the specific offset amount, and draw the picture within the target area in the displayed picture into the view. And, the lock screen view module can, without changing the hierarchy of the view identified by the view identifier of the cut-out layer, determine the target area in the displayed picture of the cut-out layer according to the scaling ratio and the specific offset amount, and draw the picture within the target area in the displayed picture into the view.

[0554] After that, the lock screen view module can submit the m views to the rendering service for rendering in the order from the lowest level to the highest level, so as to superimpose and display the m views in 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. By way of example, the displayed lock screen wallpaper page can be ​ the lock screen wallpaper page 702 shown in Figure (b) or Figure (d) in , where the main picture of the displayed wallpaper is enlarged or reduced accordingly.

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

[0556] In some embodiments, after the user edits the lock screen wallpaper by scaling or moving the main picture, the edited lock screen wallpaper can also be saved to make it effective, and this process can include the following steps 3506 and 3508.

[0557] Step 3506: The function main body module receives a click operation on the application control.

[0558] Exemplarily, as shown in ​ Figure (b), Figure (d), or Figure (f) therein, after the user zooms in / out or moves the main body picture, the user can click on the application control 71 in the wallpaper editing interface 700, and the function main body module will receive the click operation on the application control 71.

[0559] Step 3507: The function main body module sends a wallpaper data storage request to the file system.

[0560] This wallpaper data storage request is used to request the storage of the lock screen wallpaper file 8. The lock screen wallpaper file 8 is the currently edited lock screen wallpaper file, and in the embodiment of the present application, it is the lock screen wallpaper file updated by the function main body module according to the relevant zoom ratio or offset after the user zooms in / out or moves the main body picture.

[0561] Step 3508: After receiving this wallpaper data storage request, the file system updates the lock screen wallpaper file.

[0562] Exemplarily, the file system can update the first file of the lock screen wallpaper to the lock screen wallpaper file 8.

[0563] It should be noted that after the user saves the edited lock screen wallpaper, the lock screen application can display this lock screen wallpaper on the lock screen interface. In this case, if the user wants to edit the lock screen wallpaper again during the use of the electronic device, the user can enter the wallpaper editing interface again. At this time, the wallpaper editing interface can display the lock screen wallpaper completed in the last edit, that is, the lock screen wallpaper corresponding to the 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 refer to the ​ flowchart shown below and will not be elaborated here.

[0564] In some embodiments, as shown in ​ Figure (a) therein, the user can also slide on the wallpaper editing interface 700 to switch to the desktop wallpaper page 703 and then edit the desktop wallpaper.

[0565] For example, after the above steps 2409, 2907, 3007, 3107, 3206, 3307, 3408, or 3505, the user can slide on the wallpaper editing interface 700 to switch to the display desktop wallpaper page 703, and then edit the desktop wallpaper. Alternatively, after the above steps 2412, 2910, 3010, 3110, 3209, 3310, 3412, or 3508, when the user enters the wallpaper editing interface 700 in the electronic device again, the user can slide on the wallpaper editing interface 700 to switch to the display desktop wallpaper page 703, and then edit the desktop wallpaper.

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

[0567] Step 3601: The function main body module receives a click operation on the follow lock screen control.

[0568] In some cases, if the user wants the main picture of the desktop wallpaper to be the same as that of the lock screen wallpaper, as shown in ​ figure (b) thereof, the user can click on the follow lock screen control 76, and the function main body module will receive the click operation on the follow lock screen control 76.

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

[0570] The desktop wallpaper file 1 contains the layer basic information of the original layer in the currently edited lock screen wallpaper file, and further may include one or more of the offset information, scaling ratio information, blur degree information, etc. in the currently edited lock screen wallpaper file. Exemplarily, the format of the desktop wallpaper file 1 may be the same as that of the lock screen wallpaper file, for example, the desktop wallpaper file 1 may be a json file.

[0571] It should be noted that if ​ the shown flowchart is executed after the above step 2409, or is executed after step 2412 when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file may be the lock screen wallpaper file 1. And if ​The flowchart shown is executed after step 2907 above, or, after step 2910, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 2. And if ​ The flowchart shown is executed after step 3007 above, or, after step 3010, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 3. And if ​ The flowchart shown is executed after step 3107 above, or, after step 3110, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 4. And if ​ The flowchart shown is executed after step 3206 above, or, after step 3209, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 5. And if ​ The flowchart shown is executed after step 3307 above, or, after step 3310, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 6. And if ​ The flowchart shown is executed after step 3408 above, or, after step 3412, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 7. And if ​ The flowchart shown is executed after step 3505 above, or, after step 3508, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited lock screen wallpaper file can be the lock screen wallpaper file 8.

[0572] The function main body module can save the desktop wallpaper file 1 as the currently edited desktop wallpaper file in the memory, and the currently edited desktop wallpaper file is modified during the subsequent editing process.

[0573] The operation of the function main body module to obtain the display information of the original layer according to the desktop wallpaper file 1 is similar to the operation of the function main body module to obtain the display information of the original layer according to the wallpaper template file in step 2407 above, and this application embodiment will not elaborate on this.

[0574] Step 3603: The function main body module sends the display information of the original layer to the desktop view module.

[0575] Step 3604: 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.

[0576] Exemplarily, the desktop view module may first blur the display picture in the display information of the original layer according to the blur degree in the display information of the original layer, and then determine the target area in the display picture according to the scaling ratio and the specific offset in the display information of the original layer, and draw the picture in the target area in the display picture into the view identified by the view identifier of the original layer. In this case, the view on which the layer content of the original layer is drawn may be referred to as the original layer.

[0577] Exemplarily, the n views may be the original layer and the desktop icon layer. When the desktop view module displays the n views, it may submit the n views to the rendering service for rendering in the order from low to high in level, so as to display the n views in the display area of the desktop wallpaper page on the screen, thereby realizing the display of the desktop wallpaper and the desktop content in the desktop wallpaper page. Exemplarily, the displayed desktop wallpaper page may be ​ the desktop wallpaper page 703 shown in FIG. (c) in, where the wallpaper displayed is the same as the main picture of the wallpaper of the lock screen wallpaper page 702.

[0578] In some embodiments, after the user edits the desktop wallpaper by following the lock screen control, the edited desktop wallpaper can also be saved to make it effective, and this process may include the following steps 3605 and 3607.

[0579] Step 3605: The function main body module receives a click operation on the application control.

[0580] Exemplarily, as ​ shown in FIG. (c) in, after the user clicks the follow lock screen control, the user can click the application control 71 in the wallpaper editing interface 700, and the function main body module will receive the click operation on the application control 71.

[0581] Step 3606: The function main body module sends a wallpaper data storage request to the file system.

[0582] This wallpaper data storage request is used to request to store the desktop wallpaper file 1. The desktop wallpaper file 1 is the currently edited desktop wallpaper file, and in the embodiments of the present application, it is the desktop wallpaper file generated by the function main body module according to the lock screen wallpaper file after the user selects to follow the lock screen.

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

[0584] Exemplarily, the file system may update the first file of the desktop wallpaper to the desktop wallpaper file 1.

[0585] It should be noted that after the user saves the edited desktop wallpaper, the desktop application can display the desktop wallpaper on the desktop. In this case, if the user wants to edit the desktop wallpaper again during the use of the electronic device, the user can enter the wallpaper editing interface again. At this time, the wallpaper editing interface can display the desktop wallpaper completed in the previous edit, that is, the desktop wallpaper corresponding to the desktop wallpaper file 1. The user can continue to edit the desktop wallpaper. The process of editing the lock screen wallpaper again can refer to the flowchart shown below ​ and will not be elaborated here for the time being.

[0586] In some embodiments, when the desktop wallpaper is in the state of following the lock screen, the function main body module can synchronize the updated information to the desktop wallpaper file when the layer basic information, offset information, scaling ratio information, blur degree information, etc. in the original layer of the lock screen wallpaper file are updated, and then display the desktop wallpaper on the desktop wallpaper page according to the desktop wallpaper file, so that the desktop wallpaper can be consistent with the main picture of the lock screen wallpaper.

[0587] ​ is a flowchart of a wallpaper editing method provided by an embodiment of the present application. ​ The flowchart shown is used to illustrate the specific implementation process of the user setting the desktop wallpaper based on the wallpaper editing interface. ​ The flowchart shown can be executed after the above step 3604; or, it can be executed after step 3607 when the user enters the wallpaper editing interface in the electronic device again.

[0588] See ​ , and the method may include the following steps:

[0589] Step 3701: The function main body module receives a click operation on the color control.

[0590] In some cases, if the user wants to set a solid color wallpaper or a gradient color wallpaper for the desktop, as shown in figure (a) of ​ , the user can click on the color control 77, and the function main body module will receive the click operation on the color control 77.

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

[0592] Exemplarily, as shown in figure (b) of ​ , a gradient color switch and multiple color options are displayed in the sixth pop-up window 7016.

[0593] Step 3703: The function main body module receives a selection operation on color option 1.

[0594] Exemplarily, as shown in ​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 functional main module will receive the selection operation of color option 1.

[0595] Step 3704: In response to the selection operation of color option 1, the functional main module determines the color corresponding to color option 1.

[0596] It should be noted that in response to the selection operation of color option 1, the functional main module can also turn off the follow lock screen state of the desktop wallpaper.

[0597] Step 3705: When the gradient color switch is in the off state, the functional main module generates a solid color picture with the screen size and the color corresponding to color option 1 as the specified picture; when the gradient color switch is in the on state, the functional main module generates a gradient color picture with the screen size and the color corresponding to color option 1 as the specified picture.

[0598] Step 3706: The functional main module generates a second operation record, which is used to record the specified picture set for the desktop wallpaper during this editing process.

[0599] It should be noted that if the user clicks on the follow lock screen control after clicking on color option 1, the functional main module can delete the second operation record.

[0600] Step 3707: The functional main module re-obtains the display picture of the original layer according to the specified picture.

[0601] Exemplarily, the operation of the functional main module re-obtaining the display picture of the original layer according to the specified picture can be: processing the specified picture to obtain the full-screen picture of the original layer, and then scaling the full-screen picture of the original layer according to a specific scaling ratio to obtain the display picture of the original layer.

[0602] Exemplarily, the operation of the functional main module processing the specified picture to obtain the full-screen picture of the original layer can be: the functional main module determines the initial scaling ratio according to the screen size and the size of the specified picture, and scales the specified picture according to the initial scaling ratio to obtain the full-screen picture of the original layer. Among them, the initial scaling ratio is used to process the specified picture into a full-screen picture. Specifically, the screen height can be divided by the height of the specified picture to obtain a first value, and the screen width can be divided by the width of the specified picture to obtain a second value, and then the larger of the first value and the second value is used as the initial scaling ratio.

[0603] Step 3708: The functional main module sends the view identifier and the display picture of the original layer to the desktop view module.

[0604] In some embodiments, after receiving the selection operation for color option 1, the functional main body module may set the offset information, scaling ratio information, and blur degree information in the currently edited desktop wallpaper file to initial values.

[0605] In some embodiments, for the offset information in the desktop wallpaper file, the functional main body module may multiply the offset in the offset information by a specific scaling ratio to obtain a specific offset. When the functional main body module sends the view identifier and display picture of the original layer to the desktop view module, it may also send the specific offset, the scaling ratio in the scaling ratio information in the desktop wallpaper file, and the blur degree in the blur degree information to the desktop view module.

[0606] Step 3709: After receiving the view identifier and display picture 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 picture of the original layer, and displays n views.

[0607] After the desktop view module receives the view identifier and display picture of the original layer, while keeping the level of the view identified by the view identifier of the original layer unchanged, it first blurs the display picture according to the blur degree of the original layer, then determines the target area in the display picture according to the scaling ratio and specific offset of the original layer, and draws the picture in the target area of the display picture into the view. After that, the n views may be submitted to the rendering service for rendering in the order from the lowest level to the highest level, so as to display the n views in the display area of the desktop wallpaper page on the screen, which realizes the display of the desktop wallpaper and desktop content in the desktop wallpaper page. Exemplarily, the displayed desktop wallpaper page may be ​ the desktop wallpaper page 703 shown in FIG. (d) in, where the displayed wallpaper is a solid color wallpaper set by the user.

[0608] In some embodiments, after the user edits the desktop wallpaper by setting a solid color wallpaper or a gradient color wallpaper, the edited desktop wallpaper can be saved to take effect. This process may include the following steps 3709 and 3711.

[0609] Step 3710: The functional main body module receives the click operation on the application control.

[0610] Exemplarily, as ​ shown in FIG. (c) in, after the user sets a solid color wallpaper, the user can directly click the application control 71 in the wallpaper editing interface 700, and the functional main body module will receive the click operation on the application control 71. Or, as ​ shown in FIG. (c) in, after the user sets a solid color wallpaper, the user can first click the folding control 7162 in the sixth pop-up window 7016, and then, as ​As shown in figure (d), the user then clicks on the apply control 71 in the wallpaper editing interface 700, and the functional main module will receive the click operation on the apply control 71.

[0611] Step 3711: When there is a second operation record, the functional main module stores the specified picture in the second operation record in the file system to obtain the storage path of the specified picture, and updates the picture storage path in the layer basic information of the original layer in the currently edited desktop wallpaper file to the storage path of the specified picture, obtaining the desktop wallpaper file 2.

[0612] It should be noted that if ​ the flowchart shown is executed after the above step 3604, or, after step 3607, when the user enters the wallpaper editing interface in the electronic device again, then the currently edited desktop wallpaper file can be the desktop wallpaper file 1.

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

[0614] This wallpaper data storage request is used to request the storage of the desktop wallpaper file 2. The desktop wallpaper file 2 is the currently edited desktop wallpaper file, and in the embodiments of the present application, it is the desktop wallpaper file updated by the functional main module after the user sets a solid color wallpaper or a gradient color wallpaper.

[0615] Step 3713: After the file system receives this wallpaper data storage request, it updates the desktop wallpaper file.

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

[0617] It should be noted that after the user saves the edited desktop wallpaper, the desktop application can display this desktop wallpaper on the desktop. In this case, if the user wants to edit the desktop wallpaper again during the use of the electronic device, they can enter the wallpaper editing interface again. At this time, the wallpaper editing interface can display the desktop wallpaper completed in the previous edit, that is, the desktop wallpaper corresponding to the desktop wallpaper file 2. The user can continue to edit this desktop wallpaper. The process of editing the lock screen wallpaper again can refer to the flowchart shown below ​ and will not be elaborated here.

[0618] In some embodiments, the user can select a picture as the desktop wallpaper through the select wallpaper control in the wallpaper editing interface. This process is similar to the process in which the user replaces the main picture of the lock screen wallpaper through the replace picture control above and will not be elaborated here.

[0619] In some embodiments, the user can adjust the blurriness of the desktop wallpaper through the blur control in the wallpaper editing interface. This process is similar to the process in which the user adjusts the blurriness of the main picture of the lock screen wallpaper through the background blur control above, and will not be elaborated here.

[0620] In some embodiments, the user can zoom in / out or move the desktop wallpaper on the desktop wallpaper page. This process is similar to the process in which the user zooms in / out or moves the main picture of the lock screen wallpaper on the lock screen wallpaper page above, and will not be elaborated here.

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

[0622] As another example, after the user edits the lock screen wallpaper and / or the desktop wallpaper through one or more of the above editing functions, the user can also save the edited lock screen wallpaper and / or desktop wallpaper to make it effective.

[0623] In some embodiments, as ​ shown in FIG. (a), the function main module can receive a click operation on the application control 71. In response to the click operation, the function main module takes the currently edited lock screen wallpaper file as the first file of the lock screen wallpaper, updates and stores the first file of the lock screen wallpaper to the file system, and takes the currently edited desktop wallpaper file as the first file of the desktop wallpaper, and updates and stores the first file of the desktop wallpaper to the file system.

[0624] Further, in response to the click operation, the function main module can also generate a second file of the lock screen wallpaper according to the currently edited lock screen wallpaper file. The second file of the lock screen wallpaper includes a first wallpaper picture, clock setting information, and a second wallpaper picture. The first wallpaper picture is formed by superimposing the target pictures of all layers in the lock screen wallpaper file that are lower in level than the clock layer. The clock setting information may include the layout, font, and color value of the clock layer, etc. The second wallpaper picture is formed by superimposing the target pictures of all layers in the lock screen wallpaper file that are higher in level than the clock layer. The function main module can update and store the second file of the lock screen wallpaper to the file system. In this way, when the lock screen application displays the lock screen wallpaper, it can obtain the second file of the lock screen wallpaper from the file system, and then superimpose and display the first wallpaper picture, the clock layer, and the second wallpaper picture in sequence to display the lock screen wallpaper, which is simple and fast.

[0625] Among them, for any layer other than the original layer and the cut-out layer, the functional main module can obtain the initial image of the layer according to the layer basic information of the layer in the currently edited lock screen wallpaper file, process the initial image to obtain the full-screen image of the layer, and then crop the image within the area centered on the center of the full-screen image and having the same size as the screen size in the full-screen image as the target image of the layer.

[0626] For the original layer, the functional main module can obtain the initial image of the original layer according to the layer basic information of the original layer in the currently edited lock screen wallpaper file, process the initial image to obtain the full-screen image of the original layer, and then perform a blur process on the full-screen image according to the blur degree in the blur degree information in the lock screen wallpaper file, and determine a specific area in the full-screen image according to the scale ratio in the scale ratio information and the offset in the offset information in the lock screen wallpaper file. The size of the specific area is the same as the screen size, and the image within the specific area in the full-screen image is cropped as the target image of the original layer.

[0627] For the cut-out layer, the functional main module can obtain the initial image of the cut-out layer according to the layer basic information of the cut-out layer in the currently edited lock screen wallpaper file, process the initial image to obtain the full-screen image of the cut-out layer, and then determine a specific area in the full-screen image according to the scale ratio in the scale ratio information and the offset in the offset information in the lock screen wallpaper file, and crop the image within the specific area in the full-screen image as the target image of the cut-out layer.

[0628] Among them, the operation of the functional main module to determine the specific area in the full-screen image according to the scale ratio and the offset can be: determining the specific area in the full-screen image, where the specific area in the full-screen image is the area centered on the center of the full-screen image and having the same size as the screen size; scaling the full-screen image according to the scale ratio while keeping the center of the full-screen image unchanged, and then moving the scaled full-screen image according to the offset, so that the offset between the center of the moved full-screen image and the center of the specific area is the offset.

[0629] Similarly, in response to the click operation, the functional main module can also generate a second file of the desktop wallpaper according to the currently edited desktop wallpaper file, and the second file of the desktop wallpaper includes the target image of the original layer in the desktop wallpaper file. The functional main module can update and store the second file of the desktop wallpaper in the file system. In this way, when the desktop application displays the desktop wallpaper, it can obtain the second file of the desktop wallpaper from the file system and then directly display the image in the second file of the desktop wallpaper, which is simple and fast.

[0630] The above text ​ Example to​ The embodiments have elaborated in detail the specific implementation process of displaying the wallpaper editing interface when the wallpaper editing function is used for the first time and performing wallpaper editing based on the wallpaper editing interface. Next, the specific implementation process when the wallpaper editing function is used again will be described.

[0631] ​ It is a flowchart of a wallpaper editing method provided by an embodiment of the present application. ​ The shown flowchart is used to illustrate the specific implementation process of displaying the wallpaper editing interface when the wallpaper editing function is used again. ​ The shown flowchart may be executed after the above-mentioned step 2412, step 2910, step 3010, step 3110, step 3209, step 3310, step 3412, step 3508, step 3607, or step 3713.

[0632] Refer to ​ , the method may include the following steps:

[0633] Step 3801: The lock screen application receives a first gesture operation.

[0634] The operation of step 3801 is similar to the operation of the above-mentioned step 2101, and the embodiments of the present application will not elaborate on this again.

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

[0636] The operation of step 3802 is similar to the operation of the above-mentioned step 2102, and the embodiments of the present application will not elaborate on this again.

[0637] Step 3803: After the function main body module in the gallery application receives the first message, if it determines that the first message comes from the lock screen application, it displays function controls.

[0638] The operation of step 3803 is similar to the operation of the above-mentioned step 2103, and the embodiments of the present application will not elaborate on this again.

[0639] Step 3804: The function main body module sends a first creation instruction to the lock screen view module, and the first creation instruction is used to instruct to create m views.

[0640] The operation of step 3804 is similar to the operation of the above-mentioned step 2104, and the embodiments of the present application will not elaborate on this again.

[0641] Step 3805: After the lock screen view module receives the first creation instruction, it creates m views.

[0642] The operation of step 3805 is similar to the operation of the above-mentioned step 2105, and the embodiments of the present application will not elaborate on this again.

[0643] Step 3806: The functional entity module sends a second creation instruction to the desktop view module, where the second creation instruction is used to indicate the creation of n views.

[0644] The operation of step 3806 is similar to the operation of step 2106 above, and the embodiments of the present application will not elaborate on this.

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

[0646] The operation of step 3807 is similar to the operation of step 2107 above, and the embodiments of the present application will not elaborate on this.

[0647] Step 3808: The functional entity module sends a wallpaper data acquisition request to the file system.

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

[0649] Step 3809: After receiving this wallpaper data acquisition request, the file system sends the lock screen wallpaper file and the desktop wallpaper file to the functional entity module.

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

[0651] Since the wallpaper editing function has been used before, the first file of the lock screen wallpaper may contain layer set information, and further may contain one or more of offset information, scaling ratio information, blur information, depth of field effect switch state information, etc. The first file of the desktop wallpaper may contain the layer basic information of the original layer, and further may contain one or more of offset information, scaling ratio information, blur information, etc. By way of example, the first files of both the lock screen wallpaper and the desktop wallpaper are json files.

[0652] By way of example, if ​ the flowchart shown is executed after step 2412 above, then in step 3809, the file system sends the lock screen wallpaper file 1 to the functional entity module, that is, the wallpaper template file of the wallpaper template selected by the user during the last edit. In this case, the subsequent displayed lock screen wallpaper page may be ​For the lock screen wallpaper page 702 shown in Figure (c), the user can continue to edit the wallpaper on the lock screen wallpaper page 702. For example, operations such as resizing the main picture, moving the main picture, blurring the background, adjusting the clock font, adjusting the shape of the decorative piece, adjusting the clock color, adjusting the decorative piece color, and setting the depth of field effect can be performed.

[0653] Exemplarily, if ​ the flowchart shown is executed after the above step 2910, then in step 3809, the file system sends the lock screen wallpaper file 2 to the functional main body module, that 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 subsequent displayed lock screen wallpaper page can be ​ the lock screen wallpaper page 702 shown in Figure (d), and the user can continue to edit the wallpaper on the lock screen wallpaper page 702. For example, operations such as resizing the main picture, moving the main picture, blurring the background, adjusting the clock font, adjusting the shape of the decorative piece, adjusting the clock color, adjusting the decorative piece color, and setting the depth of field effect can be performed.

[0654] Similarly, if ​ the flowchart shown is executed after step 3010, step 3110, step 3209, step 3310, step 3412, step 3508, step 3607, or step 3713, then in step 3809, the file system sends the corresponding lock screen wallpaper file to the functional main body module, and this lock screen wallpaper file is the lock screen wallpaper file obtained by the user during the last edit. This time, the wallpaper can be displayed on the lock screen wallpaper page according to this lock screen wallpaper file, and the displayed wallpaper is the wallpaper completed by the user during the last edit, and the user can continue to edit it this time.

[0655] Step 3810: After receiving the lock screen wallpaper file and the desktop wallpaper file, the functional main body 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.

[0656] The operation of the functional main body module obtaining the display information of each layer in the multiple layers according to the lock screen wallpaper file is similar to the operation in the above step 2407, and this application embodiment will not elaborate on it.

[0657] The operation of the functional main body module obtaining the display information of the original layer according to the desktop wallpaper file is similar to the operation in the above step 3602, and this application embodiment will not elaborate on it.

[0658] It should be noted that after receiving the lock screen wallpaper file and the desktop wallpaper file, the functional main body module can save the lock screen wallpaper file as the currently edited lock screen wallpaper file in the memory, and save the desktop wallpaper file as the currently edited desktop wallpaper file in the memory. During the subsequent editing process, modifications are made to the currently edited lock screen wallpaper file and the currently edited desktop wallpaper file.

[0659] It is worth noting that when the lock screen wallpaper file and the desktop wallpaper file are json files, the functional main body module can obtain the lock screen wallpaper file and the desktop wallpaper file from the file system faster, and can parse the lock screen wallpaper file and the desktop wallpaper file faster.

[0660] Step 3811: The functional main body module sends a first display instruction to the lock screen view module.

[0661] The first display instruction is used to indicate the display of the m views. The first display instruction carries the display information of each layer in the multiple layers.

[0662] Step 3812: 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.

[0663] The lock screen view module can set the levels of the multiple views corresponding to the multiple layers in the m views according to the display information of each layer in the multiple layers, 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 the order from the lowest level to the highest level, so as to superimpose and display the m views in 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 in the m views except the multiple views are blank views. Therefore, after the lock screen view module displays the m views, the user can only see the content drawn in the multiple views.

[0664] Step 3813: The functional main body module sends a second display instruction to the desktop view module.

[0665] The second display instruction is used to indicate the display of the n views. For example, when n is equal to 2, the second display instruction can carry the display information of the original layer, the third view identifier, and the desktop thumbnail. When n is greater than 2, the second display instruction can also carry the display information of other layers.

[0666] Step 3814: 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, and draws the desktop thumbnail in the view identified by the third view identifier, and displays the n views.

[0667] After the desktop view module draws the layer content in the corresponding view according to 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 drawn can be called the desktop icon layer. The level of the desktop icon layer is higher than that of 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 the layer content in the corresponding view according to the display information of other layers carried in the second display instruction.

[0668] After that, the desktop view module can submit the n views to the rendering service for rendering in the order from the lowest level to the highest level, 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.

[0669] After displaying the function control, the lock screen wallpaper page, and the desktop wallpaper page through the above steps, the display of the wallpaper editing interface is completed. For example, the displayed wallpaper editing interface can be ​ the wallpaper editing interface 700 shown in Figure (b) of

[0670] After displaying the wallpaper editing interface, the user can edit the lock screen wallpaper or the desktop wallpaper based on the wallpaper editing interface. For example, the wallpaper template can be changed, the clock color and clock font of the lock screen wallpaper can be changed, the color and shape of the decorative parts of the lock screen wallpaper can be changed, the depth of field effect and background blur degree of the lock screen wallpaper can be adjusted, the main picture of the lock screen wallpaper can be changed, the main picture of the lock screen wallpaper can be scaled and moved, the desktop wallpaper can be set to follow the lock screen, the color of the desktop wallpaper can be set, etc. The specific editing process has been described in detail in the above ​ Embodiment to ​ Embodiment, and will not be elaborated here. By way of example, if the currently displayed lock screen wallpaper corresponds to the first lock screen wallpaper file, after the wallpaper is edited, the third wallpaper is displayed, and 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 updated third wallpaper, which can be used to obtain the lock screen wallpaper file of the latest wallpaper from the file system when editing again, thus ensuring the continuity of wallpaper editing.

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

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

[0673] The second gesture operation can be a pre-defined 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., which are not limited in the embodiments of the present application.

[0674] For example, assuming that the second gesture operation is a two-finger pinch operation, as shown in FIG. (a) in ​ When the electronic device displays the desktop 900, the user can perform a two-finger pinch on the desktop 900. In this case, the desktop application can receive the two-finger pinch operation on the desktop 900. Among them, the two-finger pinch operation triggered on the desktop 900 is used to indicate entering the desktop editing interface.

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

[0676] Exemplarily, as shown in FIG. (b) in ​ The desktop editing interface can display relevant controls for editing the desktop, such as a wallpaper control, a card control, a switching effect control, a desktop setting control, etc.

[0677] (3) The desktop application receives a click operation on the wallpaper control.

[0678] Exemplarily, as shown in FIG. (b) in ​ The user can click on the wallpaper control in the desktop editing interface to indicate entering the wallpaper editing function.

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

[0680] Exemplarily, the second message can be an intent message.

[0681] The second message can carry source information, which is used to indicate which application the second message comes from. For example, the source information in the second message can be the application identifier of the desktop application.

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

[0683] Since the click operation on the wallpaper control is used to indicate entering the wallpaper editing function, after the desktop application receives the click operation on the wallpaper control, it can send a second message to the gallery application to indicate that the gallery application displays the wallpaper editing interface.

[0684] (5) After the function main body module in the gallery application receives the second message, if it determines that the second message comes from the desktop application, it displays function controls.

[0685] The functional main body module can determine whether the second message is from a desktop application according to the source information in the second message.

[0686] In some embodiments, if the functional main body module determines that the second message is from a desktop application, then the functional main body module can determine that the display area of the desktop wallpaper page is a third display area preset within the screen, and the display area of the lock screen wallpaper page is a fourth display area preset, where only part of the fourth display area is within the screen or the fourth display area is completely outside the screen. In this case, as ​ shown in figure (c) of [], the functional main body module can first display the main function control and the related function controls for editing the desktop wallpaper, and temporarily not display the related function controls for editing the lock screen wallpaper.

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

[0688] For example, as ​ shown, when the second message is from a desktop application, the functional main body module can determine that the display area of the desktop wallpaper page is the preset display area C within the screen, and the display area of the lock screen wallpaper page is the preset display area D, and only a very small part of the display area D is within the screen and most of it is outside the screen. In this case, the user can see the complete desktop wallpaper page, but only a very small part of the lock screen wallpaper page.

[0689] In some embodiments, if the functional main body module determines that the second message is from a desktop application, it can also display a mask layer.

[0690] As an example, the functional main body module can obtain the corresponding picture according to the storage path of the picture carried in the second message (i.e., the desktop wallpaper described above), or the functional main body module can obtain a preset picture. Then, the functional main body module can adjust the picture according to the screen information so that the size of the picture is the screen size, and then blur the picture to obtain the mask layer, and then display the mask layer.

[0691] (6) The functional main body module sends a first creation instruction to the lock screen view module, and the first creation instruction is used to instruct to create m views.

[0692] The operation in step (6) is similar to the operation in step 2104 above, and this application embodiment will not elaborate on it here.

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

[0694] The operation in step (7) is similar to the operation in step 2105 above, and this embodiment of the present application will not elaborate on it.

[0695] (8) The function main body module sends a second creation instruction to the desktop view module, and the second creation instruction is used to indicate the creation of n views.

[0696] The operation in step (8) is similar to the operation in step 2106 above, and this embodiment of the present application will not elaborate on it.

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

[0698] The operation in step (9) is similar to the operation in step 2107 above, and this embodiment of the present application will not elaborate on it.

[0699] (10) The function main body module sends a wallpaper data acquisition request to the file system.

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

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

[0702] The operation in step (11) is similar to the operation in step 3809 above, and this embodiment of the present application will not elaborate on it.

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

[0704] The operation in step (12) is similar to the operation in step 3810 above, and this embodiment of the present application will not elaborate on it.

[0705] (13) The function main body module sends a first display instruction to the lock screen view module.

[0706] The operation in step (13) is similar to the operation in step 3811 above, and this embodiment of the present application will not elaborate on it.

[0707] (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.

[0708] The operation in step (14) is similar to the operation in step 3812 above, and this embodiment of the present application will not elaborate on it.

[0709] When the lock screen view module displays the m views, it can submit the m views to the rendering service for rendering in the order from the lowest level to the highest level, so as to superimpose and display the m views in the display area of the lock screen wallpaper page on the screen (i.e., the third display area), thus realizing the display of the wallpaper on the lock screen wallpaper page.

[0710] It should be noted that in some cases, such as ​ As shown, since the third display area is the display area D with only a small part located within the screen and most of it located outside the screen, after the lock screen view module displays the m views, as shown in ​ Figure (c) therein, the user cannot see the lock screen wallpaper in the lock screen wallpaper page.

[0711] In other cases, most of the third display area can be located within the screen or completely within the screen. In this case, after the lock screen view module displays the m views, the user can see some or all of the lock screen wallpaper in the lock screen wallpaper page.

[0712] (15) The function main body module sends a second display instruction to the desktop view module.

[0713] The operation in step (15) is similar to the operation in step 3813 above, and this embodiment of the present application will not elaborate on it.

[0714] (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.

[0715] The operation in step (16) is similar to the operation in step 3814 above, and this embodiment of the present application will not elaborate on it.

[0716] When the desktop view module displays the n views, it can submit the n views to the rendering service for rendering in the order from the lowest level to the highest level, so as to display the n views in the display area of the desktop wallpaper page on the screen (i.e., the fourth display area), thus realizing the display of the desktop wallpaper and desktop content in the desktop wallpaper page.

[0717] It should be noted that, as ​ As shown, since the fourth display area is the display area C completely located within the screen, after the desktop view module displays the n views, as shown in ​ Figure (c) therein, the user can see the desktop wallpaper and desktop content in the desktop wallpaper page 703.

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

[0719] After the wallpaper editing interface is displayed, the user can edit the lock screen wallpaper or the home screen wallpaper based on the wallpaper editing interface. For example, the wallpaper template can be changed, the clock color and font of the lock screen wallpaper can be changed, the color and shape of the decorative parts of the lock screen wallpaper can be changed, the depth of field effect and background blur of the lock screen wallpaper can be adjusted, the main picture of the lock screen wallpaper can be changed, the main picture of the lock screen wallpaper can be scaled and moved, the home screen wallpaper can be set to follow the lock screen, the color of the home screen wallpaper can be set, etc. The specific editing process has been described in detail in the above ​ Embodiment to ​ Embodiment and will not be elaborated here.

[0720] ​ is a flowchart of a wallpaper editing method provided by an embodiment of the present application. Refer to ​ , this method may include the following steps:

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

[0722] The first control is a control for changing the wallpaper template. For example, the first control may be ​ the lock screen style control 72 shown in Figure (a) in

[0723] The second control is a control for saving the wallpaper. For example, the second control may be ​ the apply control 71 shown in Figure (a) in

[0724] It should be noted that after the electronic device displays the wallpaper editing interface, the second control may be displayed in the wallpaper editing interface. Optionally, the lock screen wallpaper page and the first control may also be displayed in the wallpaper editing interface, or the lock screen wallpaper page and the first control may not be displayed.

[0725] In some embodiments, the electronic device may receive a second gesture operation on the home screen; in response to the second gesture operation, the electronic device may display a home screen editing interface, and the home screen editing interface includes a third control; in response to an operation on the third control, the electronic device displays the wallpaper editing interface. In this case, as ​ shown in Figure (c) in, the displayed wallpaper editing interface 700 displays a home screen wallpaper page 703 and a second control 71. Optionally, the lock screen wallpaper page may not be displayed in the displayed wallpaper editing interface, or a part or all of the lock screen wallpaper page may be displayed.

[0726] The third control is a control for setting the home screen wallpaper. For example, the third control may beFigure 9 The wallpaper control in the desktop editing interface shown in Figure (b) in

[0727] When the displayed wallpaper editing interface does not display the lock screen wallpaper page or displays a part of the lock screen wallpaper page, in response to a fourth gesture operation on the wallpaper editing interface, the electronic device displays the lock screen wallpaper page, a first control, and a second control in the wallpaper editing interface.

[0728] The fourth gesture operation can be a pre-defined gesture operation. For example, the fourth gesture operation can be a left swipe operation, a right swipe operation, etc., and the embodiments of the present application do not limit this. For example, when the user Figure 9 performs a right swipe operation in the wallpaper editing interface 700 shown in Figure (c) in Figure 9 as shown in Figure (d) in , the electronic device can display the lock screen wallpaper page 702, a first control 72, and a second control 71 in the wallpaper editing interface 700.

[0729] In the embodiments of the present application, the user can quickly enter the wallpaper editing interface from the desktop to edit the wallpaper, thereby improving the convenience of wallpaper editing. Moreover, the user can also switch between the desktop wallpaper page and the lock screen wallpaper page in the wallpaper editing interface through gesture operations to perform corresponding wallpaper editing, thereby improving the flexibility of wallpaper editing.

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

[0731] In the embodiments of the present application, the user can quickly enter the wallpaper editing interface from the lock screen interface through the first gesture operation to edit the wallpaper, thereby improving the convenience of wallpaper editing.

[0732] As an example, the operation of the electronic device to display the wallpaper editing interface in response to the first gesture operation can be: 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 the 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.

[0733] The operation of the electronic device to display the first control and the second control can refer to step 2103 above, and the embodiments of the present application will not elaborate on this again.

[0734] The operations for the electronic device to create m first views may refer to step 2104 and step 2105 above, and the embodiments of the present application will not elaborate on this again.

[0735] The electronic device draws layer content in at least one of the m first views according to the lock screen wallpaper file to obtain m second views. The operations for displaying the m second views may refer to step 2108 to step 2115 above, or may refer to step 3808 to step 3814 above. The embodiments of the present application will not elaborate on this again.

[0736] It should be noted that after creating the m first views, the newly created m first views are all blank views. After that, after drawing layer content in at least one of the m first views according to the lock screen wallpaper file, when displayed subsequently, the user can see the content drawn in the at least one first view, while the other first views among the m first views except the at least one first view are still blank views and the user cannot see them even when displayed.

[0737] In addition, the m second views are not necessarily completely different from the layer content of the m first views, and it can be only a change in the layer content of some layers. That is, in the embodiments of the present 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.

[0738] In the embodiments of the present application, when it is necessary to display the wallpaper editing interface, m views can be created first, and then layer content is 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 through the created m views.

[0739] Step 4002: In response to an operation on the first control, the electronic device displays a plurality of wallpaper template options.

[0740] The operation on the first control here can be a triggering operation on the first control, such as a click operation, etc., to indicate the display of a plurality of wallpaper template options.

[0741] The plurality of wallpaper template options includes a first wallpaper template option, and the first wallpaper template option can be any one of the plurality of wallpaper template options. The wallpaper template corresponding to the first wallpaper template option includes a plurality of layers, and the plurality of layers includes various types of layers. The plurality of layers have been described in detail in the above embodiments and will not be elaborated here again.

[0742] The operation of step 4002 can refer to step 2402, and the embodiments of the present application will not elaborate on this again.

[0743] Step 4003: In response to an operation on the first wallpaper template option, the electronic device displays the first wallpaper on the lock screen wallpaper page.

[0744] Here, the operation on the first wallpaper template option is a selection operation on the first wallpaper template option, indicating to display the wallpaper template corresponding to the first wallpaper template option, that is, the first wallpaper.

[0745] Optionally, in response to an operation on the first wallpaper template option, the electronic device can also save the wallpaper template file of the wallpaper template corresponding to the first wallpaper template option in the memory. The wallpaper template file has been described in detail in the foregoing embodiments and will not be elaborated here.

[0746] In some embodiments, the operation of step 4003 can be: in response to an operation on the first wallpaper template option, the electronic device obtains the display information of each layer in multiple layers according to the wallpaper template file of the wallpaper template corresponding to the first wallpaper template option; clears the hierarchy and layer content of the m second views; sets the hierarchy of the corresponding second views according to the display information of each layer in the multiple layers and draws the layer content in the corresponding second views to obtain m third views; and displays the m third views. Displaying the m third views realizes the display of the first wallpaper.

[0747] It should be noted that the m third views are not necessarily completely different from the layer content of the m second views, and may only be a change in the layer content of some layers. That is, in the embodiments of the present 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.

[0748] In the embodiments of the present application, after each selection of a wallpaper template, the hierarchy and layer content of the m views can be cleared, and the hierarchy and layer content of the multiple views corresponding to the multiple layers in the wallpaper template are reset and displayed in the m views. In this way, the wallpaper template can be displayed quickly and accurately.

[0749] The operation of the electronic device obtaining the display information of each layer in multiple layers according to the wallpaper template file of the wallpaper template corresponding to the first wallpaper template option can refer to step 2407 above, and this will not be elaborated in the embodiments of the present application.

[0750] Exemplarily, the display information of a layer can include the view identifier, hierarchy, and drawing information of the layer, and the drawing information can be clock setting information or a displayed picture. The second view corresponding to a layer is the view identified by the view identifier of the layer.

[0751] In this case, the operation of the electronic device to set the levels of the corresponding second views according to the display information of each layer in the multiple layers and draw the layer content in the corresponding second views to obtain m third views can be: for the first layer in the multiple layers, set the level of the second view identified by the view identifier of the first layer to the level of the first layer, and draw the layer content in the second view identified by the view identifier of the first layer according to the drawing information of the first layer to obtain a third view, where the first layer is any one of the multiple layers. The specific operation can refer to step 2408 and step 2409 above, and this is not elaborated in the embodiments of the present application.

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

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

[0754] As a first optional manner, the operation of step 4004 can be: in response to an editing operation on the first wallpaper, the electronic device updates the wallpaper template file to obtain a first lock screen wallpaper file; redraws 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, resets the levels of at least one of the m third views according to the first lock screen wallpaper file to obtain m fourth views; displays the m fourth views.

[0755] It should be noted that the m fourth views are not necessarily completely different from the layer content of the m third views, and it can be only the change of the layer content or level of some layers. That is, in the embodiments of the present application, after redrawing the layer content in some or all of the m third views, or after resetting the levels of some or all of the m third views, the m third views can be referred to as m fourth views.

[0756] In the embodiments of the present application, the currently edited lock screen wallpaper file can be updated according to the user's editing operation on the first wallpaper, and accordingly, the layer content is redrawn and displayed in at least one of the m views. In this way, the display of the edited wallpaper can be realized simply and quickly.

[0757] Exemplarily, the editing operation can be an editing operation on the second layer in the multiple layers. In this case, the operation of the electronic device to update the wallpaper template file to obtain a first lock screen wallpaper file in response to an editing operation on the first wallpaper can be: in response to an editing operation on the second layer, the electronic device updates the layer basic information of the second layer in the wallpaper template file to obtain a first lock screen wallpaper file.

[0758] The second layer can be a clock layer, a decoration layer, etc.

[0759] Assume that the editing operation is an operation of selecting a color option. Then, the electronic device can update the color value in the layer basic information of the second layer in the wallpaper template file to the color value corresponding to the color option. The specific operation can refer to the above steps 2902 to 2905, or refer to the above steps 3002 to 3005. This application embodiment will not elaborate on this anymore.

[0760] Assume that the editing operation is an operation of selecting a shape option. Then, the electronic device can update the picture storage path in the layer basic information of the second layer in the wallpaper template file to the picture storage path corresponding to the shape option. The specific operation can refer to the above steps 3102 to 3105. This application embodiment will not elaborate on this anymore.

[0761] Exemplarily, the editing operation can be an operation of turning off the depth-of-field effect switch. In this case, in response to the editing operation on the first wallpaper, the operation for the electronic device to update the wallpaper template file to obtain the first lock screen wallpaper file can be: in response to the operation of turning off the depth-of-field effect switch, the electronic device updates the state in the depth-of-field effect switch state information in the wallpaper template file to the off state to obtain the first lock screen wallpaper file. The specific operation can refer to the above steps 3202 to 3204. This application embodiment will not elaborate on this anymore.

[0762] Exemplarily, the editing operation can be an operation of triggering a third control. The third control is used to adjust the background blur degree of the lock screen wallpaper. For example, the fourth control can be Figure 13 the background blur control 7142 shown in FIG. (b) in

[0763] For example, the editing operation may be a zooming operation performed on the lock screen wallpaper page. In this case, in response to the editing operation on the first wallpaper, the operation for the electronic device to update the wallpaper template file to obtain the first lock screen wallpaper file may be: in response to the zooming operation performed on the lock screen wallpaper page, the electronic device obtains a target zoom ratio and a target offset; updates the zoom ratio in the zoom ratio information in the wallpaper template file according to the target zoom ratio, and updates the offset in the offset information in the wallpaper template file according to the target offset, to obtain the first lock screen wallpaper file. The specific operations may refer to the above steps 3501 to 3503, and the embodiments of the present application will not elaborate on this again.

[0764] As an example, the operation for the electronic device to 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 may be: the electronic device re-obtains the display information of each layer in the multiple layers according to the first lock screen wallpaper file, and draws the layer content in the corresponding third view according to the display information of each layer in the multiple layers, to obtain m fourth views.

[0765] As another example, the operation for the electronic device to 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 may be: the electronic device obtains the display information of each layer in at least one layer with updates according to the updated content of the first lock screen wallpaper file, and draws the layer content in the corresponding third view according to the display information of each layer in the at least one layer, to obtain m fourth views. The specific operations may refer to the above steps 3305 to 3307, or may refer to the above steps 3503 to 3505, and the embodiments of the present application will not elaborate on this again.

[0766] As another example, the operation for the electronic device to 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 may be: the electronic device obtains the drawing information of each layer in at least one layer with updates according to the updated content of the first lock screen wallpaper file, and draws the layer content in the corresponding third view according to the drawing information of each layer in the at least one layer, to obtain m fourth views. The specific operations may refer to the above steps 2905 to 2907, or may refer to the above steps 3005 to 3007, or may refer to the above steps 3105 to 3107, and the embodiments of the present application will not elaborate on this again.

[0767] As another example, the operation of the electronic device to reset the layer level of at least one of the m third views according to the first lock screen wallpaper file to obtain m fourth views can be: The electronic device obtains the layer level of each layer in at least one layer with updates according to the updated content of the first lock screen wallpaper file, and resets the layer level of the corresponding third view according to the layer level of each layer in the at least one layer to obtain m fourth views. The specific operation can refer to step 3204 to step 3206 above.

[0768] As a second alternative, the editing operation is an operation of selecting a picture option. In this case, the operation of step 4004 can be: In response to the operation of selecting the picture option, the electronic device generates a first operation record, and the first operation record records the picture corresponding to the picture option and the cut-out picture, and the foreground object in the picture corresponding to the picture option is included in the cut-out picture; redraw the layer content in at least one of the m third views according to the first operation record to obtain m fourth views; display the m fourth views. The specific operation can refer to step 3402 to step 3408 above, and the embodiments of the present application will not elaborate on this.

[0769] Step 4005: After the electronic device displays the second wallpaper, in response to the operation on the second control, set the second wallpaper as the lock screen wallpaper.

[0770] The operation on the second control here is a triggering operation on the second control, such as a click operation, etc., to indicate that the second wallpaper is set as the lock screen wallpaper.

[0771] Exemplarily, in the case where there is no first operation record, the operation of step 4005 can be: After displaying the second wallpaper, in response to the operation on the second control, the electronic device stores the first lock screen wallpaper file in the file system. The specific operation can refer to step 2908 to step 2910 above, or can refer to step 3008 to step 3010 above, or can refer to step 3108 to step 3110 above, or can refer to step 3207 to step 3209 above, or can refer to step 3308 to step 3310 above, or can refer to step 3506 to step 3508 above, and the embodiments of the present application will not elaborate on this.

[0772] Exemplarily, in the case where there is a first operation record, the operation of step 4005 can be: After displaying the second wallpaper, in response to the operation on the second control, the electronic device updates the wallpaper template file according to the first operation record to obtain a second lock screen wallpaper file, and stores the second lock screen wallpaper file in the file system. The specific operation can refer to step 3409 to step 3412 above, and the embodiments of the present application will not elaborate on this.

[0773] In some embodiments, the wallpaper editing interface further includes a desktop wallpaper page and a fourth control.

[0774] The fourth control is used to indicate that the desktop wallpaper follows the lock screen. For example, the fourth control can be Figure 18 the follow lock screen control 76 in the wallpaper editing interface 700 shown in FIG. (b) of

[0775] Exemplarily, 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 a part of the desktop wallpaper page, in response to a third gesture operation on the wallpaper editing interface, the electronic device displays the desktop wallpaper page, the fourth control, and the second control in the wallpaper editing interface.

[0776] The third gesture operation can be a pre-defined gesture operation. For example, the third gesture operation can be a left swipe operation, a right swipe operation, etc., and the embodiments of the present application are not limited thereto. For example, when the user Figure 18 performs a left swipe operation in the wallpaper editing interface 700 shown in FIG. (a) of Figure 18 as shown in FIG. (b) of

[0777] In this case, in response to an operation on the fourth control, the electronic device can display the main picture of the wallpaper in the lock screen wallpaper page in the desktop wallpaper page. The specific operation can refer to the above steps 3601 to 3604, and the embodiments of the present application will not elaborate thereon.

[0778] The operation on the fourth control here can be a triggering operation on the fourth control, such as a click operation, etc., to indicate that the desktop wallpaper follows the lock screen.

[0779] In some embodiments, after the electronic device sets the second wallpaper as the lock screen wallpaper, it can 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 in 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 the third wallpaper is displayed, in response to the operation on the second control, the electronic device sets the third wallpaper as the lock screen wallpaper and stores the third lock screen wallpaper file in the file system. 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 edited last time, thereby further improving the flexibility of wallpaper editing. Moreover, after editing the second wallpaper, the first lock screen wallpaper file is updated, so that the lock screen wallpaper file stored in the file system is the lock screen wallpaper file corresponding to the currently updated third wallpaper. In this way, when editing again, the lock screen wallpaper file of the latest wallpaper can be obtained from the file system, thus ensuring the continuity of wallpaper editing.

[0780] The preset user operation can be a predefined operation for indicating the display of the wallpaper editing interface. For example, the preset user operation can be the first gesture operation received on the lock screen interface, or it can be the operation on the third control in the desktop editing interface. The embodiments of the present application do not limit this.

[0781] When the electronic device displays the wallpaper editing interface, it can obtain the lock screen wallpaper file from the file system and display the second wallpaper on the lock screen wallpaper page in the wallpaper editing interface according to the lock screen wallpaper file. The lock screen wallpaper file can be the first lock screen wallpaper file or the second lock screen wallpaper file described above.

[0782] It should be noted that when the lock screen wallpaper file is a json file, the electronic device can obtain the lock screen wallpaper file from the file system faster and can parse the lock screen wallpaper file faster, which helps to quickly display the second wallpaper.

[0783] In response to the editing operation on the second wallpaper, the operation of the electronic device to modify the layer content of multiple layers of the second wallpaper and display the third wallpaper is similar to the operation in step 4004 above, in which the electronic device modifies the layer content of multiple layers of the first wallpaper and displays the second wallpaper in response to the editing operation on the first wallpaper. The embodiments of the present application will not elaborate on this again.

[0784] It should be noted that the scaling of the main picture of the lock screen wallpaper in the embodiments of the present application is achieved through the scaling ratio in the layer basic information of the original layer in the lock screen wallpaper file and the scaling ratio information in the lock screen wallpaper file. Since the layer basic information of the original layer contains the picture storage path and the original picture in the picture storage path is not operated during the scaling process, if the user enlarges the main picture of the lock screen wallpaper during a certain editing process, then after the user saves the lock screen wallpaper, when entering the wallpaper editing interface again to edit the lock screen wallpaper next time, the lock screen wallpaper can be scaled back, which can further improve the flexibility of wallpaper editing.

[0785] In the embodiments of the present application, an electronic device displays a wallpaper editing interface, and the wallpaper editing interface 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 a plurality of wallpaper template options, including a first wallpaper template option. The wallpaper template corresponding to the first wallpaper template option includes a plurality of layers, and the plurality of layers include various types of layers. Then, in response to an operation on the first wallpaper template option, the electronic device displays a first wallpaper on the lock screen wallpaper page. The user can edit the first wallpaper. In response to an editing operation on the first wallpaper, the electronic device modifies the layer content of the plurality of layers and displays a second wallpaper, and the second wallpaper is the edited wallpaper. Then, in response to an operation on the second control, the second wallpaper is set as the lock screen wallpaper. In this way, the user can select a wallpaper template with various types of layers provided by the embodiments of the present application through the wallpaper editing interface and edit the wallpaper template to obtain a lock screen wallpaper that meets the user's personalized needs, which can improve the flexibility of wallpaper setting.

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

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

[0788] The embodiments of the present application also provide a computer-readable storage medium storing a computer program, and when the computer program is executed by a processor, the steps in the above method embodiments can be implemented.

[0789] The embodiments of the present application also provide a computer program product, and when the computer program product runs on an electronic device, the electronic device can implement the steps in the above method embodiments.

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

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

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

Claims

1. A wallpaper editing method, characterized in that, Applied to an electronic device, the method includes: Display a wallpaper editing interface, the wallpaper editing interface including a lock screen wallpaper page, a first control, and a second control; In response to an operation on the first control, display a plurality of wallpaper template options, the plurality of wallpaper template options including a first wallpaper template option, the wallpaper template corresponding to the first wallpaper template option including a plurality of layers, the plurality of layers including multiple types of layers; In response to an operation on the first wallpaper template option, display a first wallpaper on the lock screen wallpaper page; In response to an editing operation on the first wallpaper, modify the layer content of the plurality of layers and display a second wallpaper; After displaying the second wallpaper, in response to an operation on the second control, set the second wallpaper as the lock screen wallpaper.

2. The method according to claim 1, wherein The wallpaper template file of the wallpaper template includes layer set information, the layer set information including the layer basic information of each layer in the plurality of layers, and the layer basic information of the plurality of layers is organized in a hierarchical order in the layer set information.

3. The method according to claim 1 or 2, characterized in that, The wallpaper template file further includes one or more of offset information, scaling ratio information, blur degree information, and depth of field effect switch state information.

4. The method according to claim 2 or 3, characterized in that, The wallpaper template file is a json file.

5. The method according to any one of claims 2 to 4, characterized in that The plurality of layers include an original layer and a decoration layer; The layer basic information of the original layer includes a view identifier, a layer type, and a picture storage path, the layer basic information of the decoration layer includes a view identifier, a layer type, and a picture storage path, and the layer types of the original layer and the decoration layer are different; The picture of the original layer is a main picture, and the picture of the decoration layer is used to form a decorative effect on the main picture.

6. The method according to claim 5, characterized in that, The plurality of layers further include one or more of a color background layer, a clock layer, and a cutout layer; The picture of the color background layer is a solid color picture or a gradient color picture, the clock layer is used to display time, the picture of the cutout layer includes a foreground object in the main picture, and the layer types of the original layer, the decoration layer, the color background layer, the clock layer, and the cutout layer are all different.

7. The method according to any one of claims 1 to 6, characterized in that, Before displaying the wallpaper editing interface, the method further includes: Receive a second gesture operation on the desktop; In response to the second gesture operation, display a desktop editing interface, the desktop editing interface including a third control; The display of the wallpaper editing interface includes: In response to an operation on the third control, display the wallpaper editing interface.

8. The method according to any one of claims 1 to 6, characterized in that, Before displaying the wallpaper editing interface, the method further includes: Receive a first gesture operation on the lock screen interface; The display of the wallpaper editing interface includes: In response to the first gesture operation, display the wallpaper editing interface.

9. The method according to claim 8, wherein The display of the wallpaper editing interface in response to the first gesture operation includes: 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; Display the m second views.

10. The method according to claim 9, characterized in that, Said 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 an operation on the first wallpaper template option, obtaining display information of each layer in the multiple layers according to the wallpaper template file of the wallpaper template; Clearing the hierarchy and layer content of the m second views; Setting the hierarchy of the corresponding second views according to the display information of each layer in the multiple layers and drawing the layer content in the corresponding second views to obtain m third views; Displaying the m third views.

11. The method according to claim 10, wherein The display information includes a view identifier, a hierarchy, and drawing information. The drawing information is clock setting information or a displayed picture. Obtaining display information of each layer in the multiple layers according to the wallpaper template file of the wallpaper template includes: Determining the view identifier, hierarchy, and clock setting information of the clock layer and determining the view identifier, hierarchy, and full-screen picture of other layers in the multiple layers except the clock layer according to the layer set information in the wallpaper template file; Scaling the full-screen pictures of other layers in the multiple layers except the clock layer according to a specific scaling ratio to obtain the display pictures of the other layers.

12. The method according to claim 11, wherein The layer set information includes the layer basic information of each layer in the multiple layers. Determining the view identifier, hierarchy, and clock setting information of the clock layer and determining the view identifier, hierarchy, and full-screen picture of other layers in the multiple layers except the clock layer according to the layer set information in the wallpaper template file includes: Determining the number of layers according to the layer set information, where the number of layers is k, and k is an integer greater than or equal to 2; Determining that i is 1; Judging whether the i-th layer in the layer set information is the clock layer; If the i-th layer is the clock layer, obtaining the view identifier in the layer basic information of the clock layer, and using the layout, font, and color values in the layer basic information of the clock layer as the clock setting information of the clock layer, and determining that the hierarchy of the clock layer is i; if the i-th layer is not the clock layer, obtaining the view identifier and the initial picture of the i-th layer according to the layer basic information of the i-th layer, processing the initial picture of the i-th layer to obtain the full-screen picture of the i-th layer, and determining that the hierarchy of the i-th layer is i; Judging whether i is equal to k; If i is not equal to k, then making i = i + 1, and re-executing the step of judging whether the i-th layer in the layer set information is the clock layer and subsequent steps until i is equal to k.

13. The method according to claim 11 or 12, characterized in that, Except for the clock layer, the multiple layers further include a cutout layer. After scaling the full-screen pictures of other layers in the multiple layers except the clock layer according to a specific scaling ratio to obtain the display pictures of the other layers, the method further includes: In the case where the state in the depth of field effect switch state information in the wallpaper template file is the off state, swapping the hierarchies of the clock layer and the cutout layer.

14. The method according to any one of claims 11 to 13, characterized in that, In addition to the clock layer among the multiple layers, there are also an original layer and a cut-out layer. After scaling the full-screen images of the other layers except the clock layer among the multiple layers according to a specific scaling ratio to obtain the display images of the other layers, the method further includes: Multiplying the offset in the offset information in the wallpaper template file by the specific scaling ratio to obtain a specific offset; Using the specific offset, the scaling ratio in the scaling ratio information in the wallpaper template file, and the blur degree in the blur degree information in the wallpaper template file as the display information of the original layer, and using the specific offset and the scaling ratio in the scaling ratio information in the wallpaper template file as the display information of the cut-out layer.

15. The method according to any one of claims 10 to 14, characterized in that The display information includes a view identifier, a layer level, and drawing information. Setting the layer level of the corresponding second view according to the display information of each layer in the multiple layers and drawing the layer content in the corresponding second view to obtain m third views includes: For the first layer in the multiple layers, setting the layer level of the second view identified by the view identifier of the first layer to the layer level of the first layer, and drawing the layer content in the second view identified by the view identifier of the first layer according to the drawing information of the first layer to obtain a third view.

16. The method according to any one of claims 10 to 15, characterized in that, The method further includes: In response to an operation on the first wallpaper template option, saving the wallpaper template file in memory; The responding to the editing operation on the first wallpaper and modifying the layer content of the multiple layers to display the second wallpaper includes: In response to the editing operation on the first wallpaper, updating the wallpaper template file to obtain a first lock screen wallpaper file; Redrawing 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 resetting the layer levels of at least one of the m third views according to the first lock screen wallpaper file to obtain m fourth views; Displaying the m fourth views.

17. The method according to claim 16, wherein The editing operation is an editing operation on the second layer in the multiple layers. The responding to the editing operation on the first wallpaper and updating the wallpaper template file to obtain a first lock screen wallpaper file includes: In response to the editing operation on the second layer, updating the layer basic information of the second layer in the wallpaper template file to obtain the first lock screen wallpaper file.

18. The method according to claim 17, wherein The editing operation is a selection operation on a color option. The updating the layer basic information of the second layer in the wallpaper template file includes: Updating the color value in the layer basic information of the second layer in the wallpaper template file to the color value corresponding to the color option.

19. The method according to claim 17, wherein The editing operation is a selection operation on a shape option. The updating the layer basic information of the second layer in the wallpaper template file includes: Updating the picture storage path in the layer basic information of the second layer in the wallpaper template file to the picture storage path corresponding to the shape option.

20. The method according to claim 16, wherein The editing operation is an operation to turn off the depth-of-field effect switch. The updating of the wallpaper template file in response to the editing operation on the first wallpaper to obtain a first lock screen wallpaper file includes: In response to the operation of turning off the depth-of-field effect switch, updating the state in the depth-of-field effect switch state information in the wallpaper template file to the off state to obtain the first lock screen wallpaper file.

21. The method according to claim 16, wherein The editing operation is an operation to trigger a third control. The updating of the wallpaper template file in response to the editing operation on the first wallpaper to obtain a first lock screen wallpaper file includes: In response to the operation of triggering the third control, obtaining a target blur degree; Updating the blur degree in the blur degree information in the wallpaper template file to the target blur degree to obtain the first lock screen wallpaper file.

22. The method according to claim 16, wherein The editing operation is a zooming operation performed on the lock screen wallpaper page. The updating of the wallpaper template file in response to the editing operation on the first wallpaper to obtain a first lock screen wallpaper file includes: In response to the zooming operation performed on the lock screen wallpaper page, obtaining a target zoom ratio and a target offset; Updating the zoom ratio in the zoom ratio information in the wallpaper template file according to the target zoom ratio, and updating the offset in the offset information in the wallpaper template file according to the target offset to obtain the first lock screen wallpaper file.

23. The method according to any one of claims 10 to 15, characterized in that The editing operation is a selection operation on a picture option. The modifying of the layer content of the multiple layers and the displaying of a second wallpaper in response to the editing operation on the first wallpaper include: In response to the selection operation on the picture option, generating a first operation record, where the first operation record records the picture corresponding to the picture option and a cut-out picture, and the cut-out picture contains the foreground object in the picture corresponding to the picture option; Redrawing the layer content in at least one of the m third views according to the first operation record to obtain m fourth views; Displaying the m fourth views.

24. The method according to any one of claims 16 to 22, characterized in that, The setting of the second wallpaper as the lock screen wallpaper in response to the operation on the second control includes: In response to the operation on the second control, storing the first lock screen wallpaper file in the file system.

25. The method according to claim 23, wherein The setting of the second wallpaper as the lock screen wallpaper in response to the operation on the second control includes: In response to the operation on the second control, updating the wallpaper template file according to the first operation record to obtain a second lock screen wallpaper file; Storing the second lock screen wallpaper file in the file system.

26. The method according to any one of claims 1 to 25, characterized in that, The wallpaper editing interface further includes a home screen wallpaper page and a fourth control. The method further includes: In response to the operation on the fourth control, displaying the main picture of the wallpaper on the lock screen wallpaper page on the home screen wallpaper page.

27. The method according to claim 26, wherein Before the operation on the fourth control, in response to the operation on the fourth control, and before displaying the main picture of the wallpaper on the lock screen wallpaper page on the home screen wallpaper page, the method further includes: In response to a third gesture operation applied to the wallpaper editing interface, display the desktop wallpaper page, the fourth control, and the second control in the desktop editing interface; The method further includes: In response to a fourth gesture operation applied to the wallpaper editing interface, display the lock screen wallpaper page, the first control, and the second control in the wallpaper editing interface.

28. The method according to claim 24, wherein After setting the second wallpaper as the lock screen wallpaper, the method further includes: In response to a preset user operation, obtain the first lock screen wallpaper file from the file system; Display the second wallpaper on the lock screen wallpaper page in the wallpaper editing interface according to the first lock screen wallpaper file; In response to an editing operation on the second wallpaper, modify the layer content of the multiple layers and display a third wallpaper; After displaying the third wallpaper, in response to an operation applied to the second control, set the third wallpaper as the lock screen wallpaper and store a third lock screen wallpaper file in the file system, where 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.

29. An electronic device, characterized in that, The electronic device includes: one or more processors, and a memory; The memory is coupled to the one or more processors, and the memory is used to store computer program code, where the computer program code includes computer instructions, and the one or more processors call the computer instructions to cause the electronic device to execute the method according to any one of claims 1 to 28.

30. A computer-readable storage medium, characterized in that, The computer-readable storage medium includes instructions that, when running on an electronic device, cause the electronic device to execute the method according to any one of claims 1 to 28.

Images