Wallpaper editing method and electronic device

Abstract

Embodiments of the present application disclose a wallpaper editing method and an electronic device, and relate to the technical field of electronics. The method comprises: in response to a first operation, displaying a first interface; updating the first interface by using a first wallpaper layer, generating and displaying a second interface, wherein the second interface comprises the first wallpaper layer, and the first wallpaper layer comprises a first original picture; in response to a second operation input in a region where the first wallpaper layer is located, editing the first original picture in the first wallpaper layer to obtain an updated first wallpaper layer; and displaying a third interface based on the updated first wallpaper layer. According to the present application, a user inputs a first operation to control the mobile phone to enter the first interface, the mobile phone automatically updates the first interface, the second interface can edit the first original picture in response to a second operation, and editing the first original picture is equivalent to editing a desktop wallpaper picture. The operation steps required for editing the desktop wallpaper picture are simple, and the convenience of editing the desktop wallpaper picture is improved.

Description

Technical Field

[0001] This application relates to the field of electronic technology, and in particular to a wallpaper editing method and an electronic device. Background Technology

[0002] Currently, mobile phone desktop interfaces typically include a wallpaper, which serves as the background image for other displayed content and is shown at the bottom of the desktop. To provide users with personalized desktop displays, phones allow users to change the wallpaper. When the phone displays the desktop interface, a user input action can open a workspace mode, and another user input action can enter the personalized interface within the workspace mode. This personalized interface includes desktop cells corresponding to the desktop interface, where users can switch the images displayed in the cells. The switched images can then be used to update the desktop wallpaper. Although users can quickly access the personalized interface in workspace mode, the images used to update the desktop wallpaper (or desktop wallpaper pictures) cannot be edited in workspace mode. Therefore, users need to edit the desktop wallpaper pictures in the phone's gallery application (APP) or settings app. However, the steps required for users to edit desktop wallpaper pictures in the gallery app or settings app are cumbersome and inconvenient. Summary of the Invention

[0003] This application provides a wallpaper editing method and electronic device, which can improve the convenience of editing desktop wallpaper images.

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

[0005] In a first aspect, a wallpaper editing method is provided, comprising: responding to a first operation, displaying a first interface, the first interface including display content of desktop cells, the display content of desktop cells including the image being used by the desktop wallpaper in the desktop interface (i.e., the desktop wallpaper image); then updating the first interface using a first wallpaper layer to generate and display a second interface, the second interface including a first wallpaper layer, the first wallpaper layer including a first original image; then, responding to a second operation input in the area where the first wallpaper layer is located, editing the first original image in the first wallpaper layer to obtain an updated first wallpaper layer; finally, displaying a third interface based on the updated first wallpaper layer.

[0006] The first wallpaper layer displays a portion of the original first image, and its content is identical to the desktop wallpaper. The third interface displays the updated content of the first wallpaper layer, which is a portion of the edited original first image. The updated content of the first wallpaper layer in the third interface is used to update the desktop wallpaper.

[0007] Understandably, in response to the first operation, after the electronic device enters the first interface including the desktop cells, it automatically adds a first wallpaper layer to the first interface, resulting in a second interface. Then, the user enters a second operation on the second interface, and the first wallpaper layer can respond to this second operation by scaling or moving the original image within it, resulting in an updated first wallpaper layer that includes the edited original image. The content displayed in the updated first wallpaper image can be used to update the desktop wallpaper. Since the content displayed in the updated first wallpaper layer is a portion of the edited original image, it can be concluded that the edited original image can be used to update the desktop wallpaper. Editing the original image is equivalent to editing the image used to update the desktop wallpaper (i.e., editing the desktop wallpaper image).

[0008] Using this solution, after the user inputs a first operation to control the phone to enter the first interface, the phone automatically updates the first interface to obtain the second interface. Then, the second interface on the phone can respond to the user's second input operation to edit the desktop wallpaper image. The operation steps required to edit the desktop wallpaper image are simple, thus improving the convenience of editing desktop wallpaper images.

[0009] In addition, this solution adds a first wallpaper layer to the first interface of the workspace mode provided by the electronic device, which is used to display the edited first original image in response to the second operation. This solution enables the editing of desktop wallpaper images without affecting the original workflow of the workspace mode provided by the electronic device.

[0010] In conjunction with the first aspect, in one possible implementation, a third interface is displayed based on the updated first wallpaper layer. The method further includes: in response to a third operation input on the third interface, cropping the edited first original image to obtain a cropped image; the cropped image includes the display content of the updated first wallpaper layer in the third interface; and replacing the desktop wallpaper in the desktop interface with the cropped image.

[0011] It is understandable that after the electronic device responds to the second operation by editing the first original image and displays a portion of the edited first original image (i.e., the updated content of the first wallpaper layer) on the third interface, it can then respond to the third operation by cropping the edited first original image to obtain a cropped image. The cropped image includes a portion of the edited first original image; using the cropped image as the new desktop wallpaper means using a portion of the edited first original image as the new desktop wallpaper. This solution achieves the goal of updating the desktop wallpaper using the edited first original image.

[0012] In conjunction with the first aspect, another possible implementation involves displaying the desktop cell's background and the scaled-down current interface elements. The desktop cell's background is the same as the desktop wallpaper image, and the current interface elements include the interface elements within the desktop interface.

[0013] The above-mentioned method of updating the first interface using a first wallpaper layer to generate and display a second interface includes: adding a first wallpaper layer to the first interface and adding a first original image to the first wallpaper layer; the first wallpaper layer is located below the desktop cell, and the area where the first wallpaper layer is located overlaps with the area where the desktop cell is located; setting the background of the desktop cell to transparent to obtain the updated desktop cell; updating the first interface based on the first wallpaper layer and the updated desktop cell to generate and display the second interface. The second interface includes the display content of the first wallpaper layer and the display content of the updated desktop cell, the updated desktop cell display content including scaled-down current interface elements.

[0014] Understandably, since the first wallpaper layer is located below the desktop cell, and the area where the first wallpaper layer is located overlaps with the area where the desktop cell is located, the newly added first wallpaper layer will not obscure the displayed content of the desktop cell (including the desktop wallpaper image in the desktop cell and the scaled-down current interface elements in the desktop cell).

[0015] Furthermore, since the content displayed in the first wallpaper layer is the same as the desktop wallpaper image in the desktop cell, and the updated desktop cell background is transparent, it will not obscure the content displayed in the first wallpaper layer located below the desktop cell. Therefore, the second interface, like the first interface, can also display the content of the desktop wallpaper image. Users can see the content of the desktop wallpaper image currently in use on the second interface, or in other words, they can preview the display effect of the desktop wallpaper on the second interface.

[0016] Secondly, the second interface includes the updated desktop cells, which in turn include the scaled-down elements of the current interface, which in turn include the elements within the desktop interface. Therefore, users can also see the elements from the desktop interface on the second interface. In other words, even after adding the first wallpaper layer, users can still preview the display of the desktop elements on the second interface.

[0017] In conjunction with the first aspect, in another possible implementation, the second operation includes a two-finger editing operation, which includes a two-finger zoom operation or a two-finger drag operation; the edited first original image includes: a zoomed first original image obtained in response to the two-finger zoom operation, or a moved first original image obtained in response to the two-finger drag operation.

[0018] Understandably, users typically use two-finger zoom or drag gestures to edit desktop wallpaper images in gallery and settings apps. A second interface on the electronic device should also respond to these two-finger zoom or drag gestures, allowing users to edit the first original image in the first wallpaper layer. This allows users to retain their existing operating habits and helps them quickly master how to edit desktop wallpaper images in the second interface.

[0019] In conjunction with the first aspect, in another possible implementation, before displaying the first interface in response to the first operation, the method further includes: displaying a desktop interface; displaying a fourth interface in response to a fourth operation input by the user on the desktop interface; receiving a first operation input by the user on the fourth interface, the fourth interface including wallpaper options, the first operation including a click operation on the wallpaper options.

[0020] Understandably, when an electronic device displays its desktop interface, the user inputs the fourth and first operations, allowing the phone to enter the first interface of the workspace mode from the desktop. In other words, using this solution, users can quickly access the first interface from the desktop, and then input the second operation in the personalization interface to edit the desktop wallpaper image, thus improving the convenience of editing desktop wallpaper images.

[0021] In conjunction with the first aspect, in another possible implementation, the first interface includes a work area, which includes multiple cells, and the multiple main cells include desktop cells and lock screen cells corresponding to the lock screen interface; the main cells in the work area are desktop cells, and the first interface includes the display content of the desktop cells; the size of the work area is smaller than the size of the display area.

[0022] Understandably, the workspace in the first interface can display the content of desktop cells, as well as the content of other cells, such as the lock screen cells corresponding to the lock screen interface.

[0023] In conjunction with the first aspect, in another possible implementation, after displaying the first interface as described above, the method further includes: responding to a fifth operation input by the user in the workspace, switching the main cell in the workspace to a lock screen cell to obtain an updated workspace; the fifth operation includes a single-finger swipe operation; updating the first interface using the updated workspace, generating the fifth interface and displaying it.

[0024] The fifth interface includes the content displayed in the lock screen cells; the content displayed in the lock screen cells includes the lock screen wallpaper image, which is the image currently in use as the lock screen wallpaper.

[0025] Understandably, when the phone displays the first screen, it can respond to the user's fifth input by switching the main cell on the first screen to the lock screen cell corresponding to the lock screen. This allows the user to edit the lock screen wallpaper image within the lock screen cell.

[0026] In conjunction with the first aspect, another possible implementation further includes: updating the fifth interface using the second wallpaper layer to generate and display a sixth interface, wherein the sixth interface includes the second wallpaper layer, and the second wallpaper layer includes a second original image; then, in response to a sixth operation input within the area where the second wallpaper layer is located, editing the second original image in the second wallpaper layer to obtain an updated second wallpaper layer, wherein the sixth operation includes a two-finger editing operation; and displaying the seventh interface based on the updated second wallpaper layer.

[0027] The area containing the second wallpaper layer overlaps with the area containing the lock screen cell. The content displayed in the second wallpaper layer is a portion of the second original image, and it is the same as the lock screen wallpaper image. The seventh interface includes the updated content of the second wallpaper layer, which is a portion of the edited second original image. The updated content of the second wallpaper layer in the seventh interface is used to update the lock screen wallpaper.

[0028] It is understandable that after the electronic device displays the fifth interface, which includes the content displayed in the lock screen cell corresponding to the lock screen interface, the electronic device can add a second wallpaper layer in the fifth interface. Then, this second wallpaper layer can respond to the sixth operation by scaling or moving the second original image in the second wallpaper layer, and the edited second original image is used to update the lock screen wallpaper. This solution simplifies the steps required to edit the lock screen wallpaper image, thus improving the convenience of editing lock screen wallpaper images.

[0029] In conjunction with the first aspect, in another possible implementation, after updating the first interface using the first wallpaper layer, generating and displaying the second interface, the method further includes: in response to a seventh operation input on the second interface, enlarging the first wallpaper layer, wherein the size of the enlarged first wallpaper layer is equal to the size of the display area, the enlarged first wallpaper layer includes the enlarged first original image, and the seventh operation includes a single-finger click operation; then, generating and displaying an eighth interface using the enlarged first wallpaper layer, wherein the enlarged first wallpaper layer is located above all other layers in the eighth interface except for the enlarged first wallpaper layer, and the display content of the eighth interface is the display content of the enlarged first wallpaper layer.

[0030] Understandably, the electronic device displays the first wallpaper layer in the second interface. The size of the first wallpaper layer is smaller than the display area. The user can input a seventh operation within the area containing the first wallpaper layer in the second interface. In response to the seventh operation, the electronic device can zoom in on the first wallpaper layer, and the zoomed-in first wallpaper layer will be equal in size to the display area. This allows the electronic device to display the zoomed-in content of the first wallpaper layer in full screen, and the user can input operations for editing the desktop wallpaper image from any position on the full screen. Furthermore, in response to this operation, the electronic device can display the edited original image in full screen.

[0031] In a second aspect, an electronic device is provided, comprising: a processor, a memory, and a communication interface. The memory and the communication interface are coupled to the processor. The memory stores computer program code, including computer instructions. When the processor executes the computer instructions, it causes the electronic device to perform the method as described in any one of the first aspects above.

[0032] Thirdly, a computer-readable storage medium is provided that stores computer instructions. When the computer instructions are executed on an electronic device, the electronic device causes the electronic device to perform the method as described in any one of the first aspects above.

[0033] Fourthly, a computer program product comprising computer instructions is provided, which, when executed on an electronic device, causes the electronic device to perform the method as described in any one of the first aspects above.

[0034] Fifthly, an apparatus (e.g., a system-on-a-chip) is provided, comprising a processor for supporting an electronic device in implementing the methods described in the first aspect. In one possible design, the apparatus further comprises a memory for storing program instructions and data necessary for the electronic device. When the apparatus is a system-on-a-chip, it may be composed of chips or may include chips and other discrete devices.

[0035] The technical effects of any of the design methods in aspects two through five can be found in the technical effects of different design methods in aspect one, and will not be repeated here. Attached Figure Description

[0036] Figure 1 (a) to (c) are schematic diagrams of the operation of a mobile phone's work area mode provided by the prior art;

[0037] Figure 2 This is a schematic diagram of the structure of the electronic device provided in the embodiments of this application;

[0038] Figure 3 A system architecture diagram of the electronic device provided in the embodiments of this application;

[0039] Figure 4 A flowchart illustrating a wallpaper editing method provided in this application embodiment. Figure 1 ;

[0040] Figure 5 (a) to (e) are schematic diagrams of a wallpaper editing interface provided in an embodiment of this application;

[0041] Figure 5 (f) in the figure is a schematic diagram of the first original image provided in the embodiment of this application;

[0042] Figure 6 (a) to (b) in the figures are schematic diagrams of a workspace list in a personalized interface provided in an embodiment of this application;

[0043] Figure 7 (a) is a schematic diagram of a process for displaying a personalized interface on a mobile phone according to an embodiment of this application;

[0044] Figure 7 (b) is a schematic diagram of a process for displaying a personalized interface on a mobile phone provided by the prior art;

[0045] Figure 8 A flowchart illustrating a wallpaper editing method provided in this application embodiment. Figure 2 ;

[0046] Figure 9 (a) to (b) are schematic diagrams of an interface for switching the main cell in a personalized interface provided in an embodiment of this application;

[0047] Figure 10 A flowchart illustrating a wallpaper editing method provided in this application embodiment. Figure 3 ;

[0048] Figure 11Images (a) to (c) in this application are schematic diagrams of an interface for enlarging a first wallpaper layer according to an embodiment of this application;

[0049] Figure 12 A flowchart illustrating a wallpaper editing method provided in this application embodiment. Figure 3 ;

[0050] Figure 13 This is a schematic diagram of a chip system provided in an embodiment of this application. Detailed Implementation

[0051] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0052] The terms "first" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of technical features indicated. Therefore, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature. In the description of this application, unless otherwise stated, "a plurality of" means two or more.

[0053] Currently, when the phone displays the desktop interface, it can receive and respond to a two-finger pinch gesture from the user to enter workspace mode. In workspace mode, the phone uses a scrolling list to display multiple system interfaces (e.g., lock screen, desktop, notification center). Optionally, this scrolling list can be called a workspace list. The scrolling list can include multiple cells. These cells correspond one-to-one with multiple system interfaces, and each cell displays the content of its corresponding system interface. The scrolling list on the phone can only display one cell completely at a time. The phone can respond to a right or left swipe gesture from the user on the scrolling list to fully display another cell.

[0054] Secondly, while displaying the scrolling list, the phone can also show multiple settings options. For example, these options could include a wallpaper option. Users can use this option to set any image on their phone as their desktop wallpaper. Optionally, the process of setting a user-selected image as the desktop wallpaper can be called changing the desktop wallpaper.

[0055] Reference Figure 1 Figures (a) to (c) show operational diagrams of a mobile phone's workspace mode provided by existing technology. Figure 1As shown in (a), when the phone displays the desktop interface 110, it receives a two-finger pinch operation input by the user. A two-finger pinch operation refers to sliding two fingers from opposite ends towards the same area. For example... Figure 1 As shown in (b), the phone responds to a two-finger pinch gesture and displays the desktop settings interface 120. The desktop settings interface 120 may include a workspace 130 and wallpaper options 121 for switching desktop wallpapers. When the phone enters the desktop settings interface 120, it displays the corresponding cell 131 of the desktop interface in the workspace 130 by default. At this time, the workspace 130 includes the display content of cell 131.

[0056] Then, the phone can receive user clicks on the wallpaper option 121 on the desktop settings interface 120. For example... Figure 1 As shown in (c), the phone displays a personalization interface 140 in response to a user's tap on wallpaper option 121. Personalization interface 140 may include a workspace 130 and a wallpaper selection option 141. Wallpaper selection option 141 can be used to trigger the display of multiple images saved on the phone, allowing the user to select one image from the multiple images to use as their desktop wallpaper.

[0057] In summary, current technology allows users to select any image to update their desktop wallpaper within the phone's personalization interface; they cannot edit any image, nor can they use an edited image to update the wallpaper. Therefore, to edit any image before updating the wallpaper, users must first access the phone's gallery or settings app, then open the editing function within that app. This editing process is cumbersome and inconvenient.

[0058] To address the aforementioned issues, this application provides a wallpaper editing method. When the mobile phone displays the desktop interface, it can respond to a two-finger pinch operation and a click operation on the wallpaper option to enter a personalized interface in the workspace mode. This personalized interface includes a newly added first wallpaper layer. When the user inputs a two-finger editing operation in this personalized interface, the first wallpaper layer can respond to the two-finger editing operation, allowing for scaling, moving, and other editing of the images within the first wallpaper layer, and updating the desktop wallpaper with the edited images.

[0059] With this solution, users can quickly access the personalization interface from the desktop, and then use a two-finger editing gesture to edit the image used to update the desktop wallpaper, thus improving the convenience of editing desktop wallpaper images.

[0060] Furthermore, compared to existing technologies where users first access the gallery or settings app on their phone, then open the editing function within that app, and finally use a two-finger gesture to edit the image used to create the desktop wallpaper, this solution simplifies the process by allowing users to open the personalization interface and use the two-finger gesture directly. Therefore, this solution addresses the cumbersome steps required for editing desktop wallpaper images, significantly improving the ease of use.

[0061] This application provides a wallpaper editing method that can be applied to electronic devices with displays, such as mobile phones, tablets, personal computers (PCs), laptops, in-vehicle devices, or wearable devices (e.g., smart bracelets). This application does not limit the specific type of electronic device.

[0062] The following examples use a mobile phone as an example for illustration. Figure 2 A schematic diagram of the structure of an electronic device provided in an embodiment of this application is shown.

[0063] like Figure 2 As shown, a mobile phone may include a processor 210, an external memory interface 220, an internal memory 221, a universal serial bus (USB) interface 230, a charging management module 240, a power management module 241, a battery 242, an antenna 1, an antenna 2, a mobile communication module 250, a wireless communication module 260, an audio module 270, a speaker 270A, a receiver 270B, a microphone 270C, a headphone jack 270D, a sensor module 280, buttons 290, a motor 291, an indicator 292, a camera 293, a display screen 294, and a subscriber identification module (SIM) card interface 295, etc. The sensor module 280 may include a pressure sensor 280A, a gyroscope sensor 280B, a barometric pressure sensor 280C, a magnetic sensor 280D, an accelerometer sensor 280E, a distance sensor 280F, a proximity light sensor 280G, a fingerprint sensor 280H, a temperature sensor 280J, a touch sensor 280K, an ambient light sensor 280L, a bone conduction sensor 280M, etc.

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

[0065] Touch sensor 280K, also known as a "touch device," can be located on display screen 294. Display screen 294, including touch sensor 280K, can also be called a touchscreen. Touch sensor 280K detects touch operations applied to or near it. The touch sensor can transmit the detected touch operation to the application processor to determine the type of touch event. Touch sensor 280K can detect touch operations such as pinching with two fingers, clicking, and swiping to the right, and transmit this touch operation information to processor 210 in real time. Processor 210 analyzes the touch operation and executes the corresponding function, for example, controlling display screen 294 to provide visual output related to the touch operation. In other embodiments, touch sensor 280K may also be located on the surface of the electronic device, in a different position than display screen 294.

[0066] In this embodiment, the display screen 294 can be used to display... Figure 1 The interfaces shown in (a) to (c) are as follows: Figure 5 The interfaces shown in (a) to (e) are as follows: Figure 9 The interfaces shown in (a) to (b) and Figure 11 The interfaces shown in (a) to (c) are shown in the image.

[0067] Of course, it is understandable that the above... Figure 2 The illustration shown is merely an example when the electronic device is in the form of a mobile phone. If the electronic device is in the form of a tablet, PC, or wearable device, the structure of the electronic device may include more... Figure 2 The fewer structures shown can also include more than Figure 2 The structures shown are not limited here.

[0068] It is understandable that the implementation of electronic device functions requires not only hardware support but also the cooperation of software architecture. In some examples, refer to... Figure 3 As shown, the operating system used by the electronic device is Android. TM Taking the system as an example, the software architecture of the electronic device provided in this application may include: an application layer, an application framework layer (FWK), an Android runtime and system libraries (also known as the Native layer), and a kernel layer.

[0069] The application layer can include a series of apps. These apps can be divided into system apps pre-installed on the phone and third-party apps downloaded by the user. For example, ... Figure 3As shown, the system apps may include camera apps, gallery apps, settings apps, music apps, and Bluetooth apps, etc.; third-party apps may include chat apps, shooting apps, etc., and this application embodiment does not impose any restrictions on them.

[0070] The application framework layer provides application programming interfaces (APIs) and programming frameworks for applications in the application layer. The application framework layer includes predefined functions such as system servers, system user interfaces (System UI), surface managers, surface flingers, activity managers, window managers, view systems, resource managers, notification managers, and camera services, etc. This application embodiment does not impose any limitations on these.

[0071] The System UI may interact with system services related to wallpaper display to ensure that the wallpaper is displayed correctly on the screen.

[0072] Surface Manager and Surface Flinger: These two components play a lower-level role in the Android system, primarily responsible for graphics display and rendering. Surface Manager manages the various surfaces on the screen (i.e., the layers on the graphical interface), while Surface Flinger is responsible for compositing these surfaces into the final screen image. When updating the desktop wallpaper, the new image is loaded as a new surface and processed and rendered by Surface Flinger.

[0073] The kernel layer is the layer between hardware and software. It interacts directly with the hardware and provides a variety of basic system services and functions. The kernel layer shields upper-layer software from hardware details, ensuring system stability and compatibility. The kernel layer contains drivers for various hardware devices, such as display drivers, camera drivers, audio drivers, and sensor drivers, allowing upper-layer software to operate without needing to know the specific implementation details of the hardware.

[0074] In this embodiment, the application layer may further include a desktop launcher. The launcher has the following functions: (1) Determining the touch operation area: The launcher can identify the touch position of the user's touch operation, and thus trigger the corresponding application launch or other interactive actions according to the touch operation and touch position; (2) Updating the application layer: The launcher can update the application layer according to the user's swipe operation; for example, when the user clicks the wallpaper option in the desktop settings interface, the launcher updates and displays the personalized interface; (3) Personalization settings: In addition to basic operation functions, the launcher also allows users to make personalized settings, such as changing the desktop wallpaper, adjusting the icon size, adding widgets to the desktop interface, etc.

[0075] In this embodiment of the application, the mobile phone provides a workspace mode, and the launcher in the mobile phone can support various functions or services provided by the workspace mode. For example... Figure 4 As shown, the launcher can include multiple modules or components associated with the workspace mode, specifically including a personalization manager, a drag-and-drop layer module, a workspace module, and a grid layout module. Through these associated modules or components, the launcher implements the various functions or services provided by the workspace mode. For example, it can display a desktop settings interface including a list of workspaces, and display the same content as the desktop interface in the corresponding cells.

[0076] Furthermore, to implement the wallpaper editing method provided in this application embodiment, the launcher may also include a newly added first wallpaper layer. The first wallpaper layer includes an image, and the first wallpaper layer supports the function of moving or scaling the image in the first wallpaper layer. Optionally, the function of moving or scaling the image in the first wallpaper layer can be referred to as an editing function.

[0077] Optionally, the personalization manager can be called the Magic Cube Manager. The first wallpaper layer can be called the Crop Wallpaper Desktop View. The workspace module can be called the Workspaces module. The drag-and-drop layer module can be called the Drag Layer module. The grid layout module can be called the Cell Layout module.

[0078] Reference Figure 4 The diagram shown is a flowchart illustrating a wallpaper editing method provided in an embodiment of this application. Figure 4 As shown, the method may include S401-S418.

[0079] S401: When the phone displays the desktop interface, it receives two-finger pinch input from the user.

[0080] For example, such as Figure 5 As shown in (a), the mobile phone receives a two-finger pinch operation input by the user on the desktop interface 110.

[0081] In this embodiment, the desktop interface can refer to the main desktop interface. Other desktop interfaces that are triggered and displayed when the phone swipes left or right on the main interface can be referred to as additional desktop interfaces.

[0082] S402: The phone responds to a two-finger pinch gesture and displays the desktop settings interface, which includes wallpaper options.

[0083] The phone responds to the two-finger pinch gesture, activates the workspace mode, and displays the desktop settings interface in the workspace mode.

[0084] In some embodiments, the desktop settings interface may include a workspace and wallpaper options outside the workspace. The workspace in the desktop settings interface can be used to display a first workspace list consisting of multiple cells, and the workspace can only display a portion of the first workspace list, for example, displaying the main cell of the first workspace list in its entirety. That is, the workspace may include the complete main cell, and may also include portions of other cells besides the main cell. The main cell is one of these multiple cells. The phone can switch the main cell in the first workspace list in response to a right-swipe or left-swipe operation input by the user within the workspace. Both the right-swipe and left-swipe operations used to trigger switching the main cell can be single-finger swipe operations.

[0085] Optionally, the first workspace list applied to the desktop settings interface may include: the cell corresponding to the lock screen, the cell corresponding to the desktop interface, and the cell corresponding to the control center, etc. The default main cell in the first workspace list may be the cell corresponding to the desktop interface (or desktop cell).

[0086] For example, such as Figure 5As shown in (b), the phone responds to a two-finger pinch operation and displays a desktop settings interface 120. The desktop settings interface 120 includes a workspace 130 and multiple first-level settings options. The main cell in the workspace 130 is the cell 131 corresponding to the desktop interface (or desktop cell 131). The multiple first-level settings options may include a wallpaper option 121, a window option 122, and a transition effect option 123, etc. The wallpaper option 121 is used to trigger the display of a personalized interface. The personalized interface provides the function of changing the desktop wallpaper. Optionally, the personalized interface may be called a cube interface, a wallpaper personalization interface, or a desktop personalization interface. The window option 122 is used to set the window layout on the desktop interface. The transition effect option 123 is used to set the transition effect between multiple desktop interfaces.

[0087] S403: The mobile phone receives the user's first click on the wallpaper option.

[0088] The mobile phone receives the user's click action on the wallpaper option. Optionally, the click action on the wallpaper option can be referred to as the first click action.

[0089] It should be noted that the click operation in the embodiments of this application (e.g., the first click operation, the second click operation) can refer to a single-finger click operation.

[0090] For example, such as Figure 5 As shown in (b), the mobile phone can receive the user's first click on wallpaper option 121.

[0091] S404. The Personalization Manager in the Desktop Launcher responds to the first click operation by sending a desktop wallpaper image to the Grid Layout module. The desktop wallpaper image is the picture currently being used by the desktop wallpaper.

[0092] The mobile phone generates and displays a first personalized interface in response to the first click operation. This process of generating and displaying a first personalized interface in response to the first click operation can include S404-S406.

[0093] In some embodiments, the size of the desktop wallpaper can be equal to the size of the phone's display area. The size of the desktop wallpaper image can be equal to the size of the desktop wallpaper.

[0094] S405, the grid layout module uses desktop wallpaper images to generate desktop cells corresponding to the desktop interface, and the background of the desktop cells is the same as the desktop wallpaper image.

[0095] Because each cell in the workspace (e.g., the desktop cell) is smaller than the desktop interface, the grid layout module can add a scaled-down desktop wallpaper image and scaled-down current interface elements to the initial cell to generate the corresponding desktop cell (i.e., the desktop cell). The initial cell can be blank. Current interface elements can include elements from the desktop interface, such as application icons and small windows. The desktop cell corresponding to the desktop interface can be used to represent the scaled-down desktop interface.

[0096] In some embodiments, the grid layout module can set a scaled-down desktop wallpaper image as the background of the initial cell, and add scaled-down current interface elements to the initial cell according to the layout of interface elements in the desktop interface, resulting in an initial cell that includes both the scaled-down desktop wallpaper image and the scaled-down current interface elements. The initial cell containing the scaled-down desktop wallpaper image and the scaled-down current interface elements is the desktop cell. The size of the scaled-down desktop wallpaper image is equal to the size of the desktop cell.

[0097] S406. The mobile phone uses desktop cells to generate and display a first personalized interface. The first personalized interface includes a work area, and the main cell in the work area is the desktop cell.

[0098] The phone responds to the first tap and navigates from the desktop settings screen to the personalization screen. Optionally, the personalization screen displayed after the desktop screen can be referred to as the first personalization screen. The workspace in the first personalization screen can be used to display a second workspace list consisting of multiple cells. The second workspace list can include desktop cells corresponding to the desktop screen, and can also include cells corresponding to the lock screen. The default main cell in the second workspace list can be the desktop cell.

[0099] In some embodiments, since the first personalized interface may include a complete desktop cell, which can be used to represent a scaled-down desktop interface, the user can also see the desktop wallpaper and interface elements in the desktop interface on the first personalized interface. In other words, the user can preview the display effect of the desktop wallpaper and interface elements in the desktop interface on the first personalized interface.

[0100] In some embodiments, the first personalized interface may include, in addition to the workspace, multiple second setting options.

[0101] For example, such as Figure 5As shown in (c), in response to a first tap on wallpaper option 121, the phone displays a first personalization interface 510. The first personalization interface 510 includes a workspace 520 and multiple second setting options. The multiple second setting options may include a wallpaper selection option 511. The workspace 520 may include a complete desktop cell 521. The background of the desktop cell 521 is a desktop wallpaper image, which may be... Figure 5 The image shown in (f) is a portion of the first original image.

[0102] Workspace 520 may also include a portion of each of at least one other cell, such as a portion of cell 522 corresponding to the lock screen interface.

[0103] It should be noted that for details on the workspace in the personalized interface, please refer to the description of the workspace in the desktop settings interface in S402 above.

[0104] Optionally, the first workspace list applied to the desktop settings interface and the second workspace list applied to the personalization interface can be different. For example, the first workspace list applied to the desktop settings interface 120 includes cell 132 corresponding to the control center, while the second workspace list applied to the first personalization interface 510 does not include the cell corresponding to the control center. As another example, the desktop cell 131 included in the first workspace list may differ from the desktop cell 521 included in the second workspace list.

[0105] For example, such as Figure 6 As shown in (a), the second workspace list applied to the first personalized interface 510 may include: desktop cell 521, lock screen cell 522, and other cells. The background of desktop cell 521 may be a scaled-down desktop wallpaper image, and the background of desktop cell 521 may include the content of the desktop wallpaper image.

[0106] It should be noted that the first personalized interface 510 can only fully display the content of the main cell in the second workspace list.

[0107] S407, the Personalization Manager responds to the first click operation by sending a first request to the drag-and-drop layer module.

[0108] The Personalization Manager responds to the first click on the wallpaper option, setting the background of desktop cells in the workspace to the desktop wallpaper image, and can also add a first wallpaper layer. The first wallpaper layer supports editing of the image within it. The Personalization Manager can send a first request to the drag-and-drop layer module to control the addition of the first wallpaper layer within the drag-and-drop layers.

[0109] S408, the drag-and-drop layer module responds to the first request by adding a first wallpaper layer to the drag-and-drop layer. The first wallpaper layer is located below the desktop cell, and the size of the first wallpaper layer is equal to the size of the desktop cell.

[0110] In some embodiments, the drag-and-drop layer module can be a module for managing drag-and-drop layers. The drag-and-drop layer module can receive touch events through the drag-and-drop layers and send touch events to other modules or components. A first wallpaper layer added to the drag-and-drop layers can also receive the touch event and perform a corresponding operation in response to it. For example, the first wallpaper layer can edit the image in the first wallpaper layer in response to a touch event that triggers image editing.

[0111] In some embodiments, the draggable layer is located below the workspace in the first personalization interface; therefore, the first wallpaper layer in the draggable layer is also located below the workspace in the first personalization interface. The workspace in the first personalization interface includes desktop cells; therefore, if the first wallpaper layer is located below the workspace in the first personalization interface, it is also located below that desktop cell. Because the first wallpaper layer is located below the desktop cell, the newly added first wallpaper layer will not obscure the content of that desktop cell. For example, the newly added first wallpaper layer will not obscure the content of the desktop wallpaper image in the background of the desktop cell, nor will it obscure the content of the current interface elements in the desktop cell.

[0112] S409, Drag the layer module to add the first original image to the first wallpaper layer, and send a second request to the grid layout module. The first original image is the image used to generate the desktop wallpaper image.

[0113] The desktop wallpaper image used can be obtained by scaling and / or cropping a primary original image on the phone. In other words, the desktop wallpaper image can be a portion of that primary original image. The drag-and-drop layer module can acquire and add the primary original image to the primary wallpaper layer, allowing users to edit it.

[0114] In some embodiments, the size of the first original image may be greater than or equal to the size of the desktop wallpaper image. The size of the first original image may also be greater than or equal to the size of the first wallpaper layer.

[0115] In some embodiments, to enable the first wallpaper layer to display the desktop wallpaper effect on the desktop interface, the mobile phone can control the content of the desktop wallpaper image displayed by the first wallpaper layer. Optionally, since the size of the first original image in the first wallpaper layer can be larger than the size of the desktop wallpaper image and larger than the size of the first wallpaper layer, when the drag-and-drop layer module adds the first original image to the first wallpaper layer, it can control the relative position between the first original image and the first wallpaper layer to meet the following conditions: the part of the first original image that is the same as the desktop wallpaper image is located within the area where the first wallpaper layer is located, and other content in the first original image that is different from the desktop wallpaper image is located outside the area where the first wallpaper layer is located. The displayed content of the first wallpaper layer is the part of the first original image located within the area where the first wallpaper layer is located (i.e., the part that is the same as the desktop wallpaper image).

[0116] S410, the grid layout module responds to the second request by setting the background of the desktop cells to transparent, thus obtaining the updated desktop cells.

[0117] In response to the second request, the grid layout module can set the background of the desktop cells to transparent, so that the desktop cells do not obscure the display content of the first wallpaper layer located below them. The display content of the first wallpaper layer can be a portion of the first original image that is identical to the desktop wallpaper image.

[0118] S411: The phone displays a second personalized interface based on the first wallpaper layer and the updated desktop cells.

[0119] The phone can update a first personalized interface using a first wallpaper layer and updated desktop cells. Optionally, the updated first personalized interface can be referred to as a second personalized interface. The phone can display the first wallpaper layer and updated desktop cells in the second personalized interface.

[0120] Understandably, since the content displayed in the first wallpaper layer of the second personalization interface can be the same portion of the original image as the desktop wallpaper image, and the updated desktop cell background is transparent, it will not obscure the display content of the first wallpaper layer located below the desktop cell. Therefore, the second personalization interface, like the first personalization interface, can also display the content of the desktop wallpaper image. Users can see the content of the desktop wallpaper image currently in use on the second personalization interface, or in other words, they can preview the display effect of the desktop wallpaper on the desktop interface.

[0121] Secondly, the second personalized interface includes the updated desktop cells, which in turn include the scaled-down current interface elements, which are the interface elements from the desktop interface. Therefore, users can also see the interface elements from the desktop interface on the second personalized interface. In other words, even after adding the first wallpaper layer, users can still preview the display effect of the interface elements from the desktop interface on the second personalized interface.

[0122] Optionally, the content displayed in the second personalized interface and the first personalized interface can be the same.

[0123] For example, such as Figure 6 As shown in (b), the second personalized interface includes an updated second workspace list. The updated second workspace list may include, in addition to the updated desktop cells, a first wallpaper layer located below the updated desktop cells. The background of the updated desktop cells is transparent.

[0124] It should be noted that, Figure 6 (b) in the text is only used to show the first wallpaper layer, which is newly added to the updated second workspace list and located below the updated desktop cell. The first wallpaper layer and the updated desktop cell are located in the same area in the second personalization interface. Figure 6 (b) is not shown.

[0125] It should also be noted that the mobile phone may not display the first personalized interface, but instead directly display the second personalized interface based on the first wallpaper layer and the updated desktop cells. This application embodiment does not impose any restrictions on this.

[0126] S412, The mobile phone receives two-finger editing input from the user.

[0127] After the phone displays the second personalized interface, it can receive two-finger editing inputs from the user within the updated desktop cell area. The area containing the updated desktop cell in the second personalized interface is also the area containing the first wallpaper layer.

[0128] For example, two-finger editing operations can be two-finger zoom or two-finger drag. Two-finger zoom can include two-finger zoom-in and two-finger zoom-out. Two-finger zoom-in can involve sliding two fingers in opposite directions. Two-finger zoom-out can involve sliding two fingers from opposite ends towards the same area. Two-finger drag can involve sliding two fingers from different positions towards the same direction.

[0129] For example, such as Figure 5 As shown in (c), the phone displays a second personalized interface and Figure 5 The content presented in the first personalized interface 510 shown in (c) can be the same. Figure 5 Taking the first personalized interface 510 shown in (c) as an example, the two-finger drag operation entered by the user on the second personalized interface is illustrated. Figure 5 As shown in (c), the two-finger drag operation refers to sliding two fingers from different positions in the same direction.

[0130] S413, the Personalization Manager responds to a two-finger editing operation by sending a first touch event to the workspace module.

[0131] The Personalization Manager can generate a first touch event based on a two-finger editing operation and forward this first touch event to the workspace module. The first touch event generated by the Personalization Manager based on a two-finger editing operation is a two-finger touch event.

[0132] S414, The work area module sends the first touch event to the grid layout module.

[0133] The workspace module can be used to switch the main cell in the workspace in response to a single-finger swipe operation. For a first touch event generated based on a two-finger editing operation, the workspace module can forward that first touch event to the grid layout module.

[0134] In some embodiments, after the workspace module receives a touch event (e.g., a first touch event), it can determine how to handle the touch event based on information such as the touch type and touch location of the touch event. For example, it can forward the touch event to the grid layout module or perform other operations.

[0135] Optionally, after receiving a touch event, the workspace module determines whether the phone displays a personalized interface and whether the touch event is a two-finger touch event. If the phone displays a personalized interface and the touch event is a two-finger touch event, the grid layout module can forward the touch event to the grid layout module. If the phone displays a personalized interface and the touch event is a single-finger swipe event, the grid layout module can further determine whether the touch location of the touch event is within the workspace. If the touch location is within the workspace, the main cell in the workspace is switched. If the touch location is outside the workspace, the touch event can be ignored.

[0136] For example, the workspace module can call the onInterceptTouchEvent function to determine whether the phone displays a personalized interface and whether the touch event is a two-finger touch event.

[0137] In this embodiment, after receiving and confirming the first touch event, the work area module can determine that the phone displays a personalized interface, and that the touch type of the first touch event is a two-finger touch event. Therefore, the work area module can forward the first touch event to the grid layout module, i.e., execute S414.

[0138] S415, The grid layout module sends the first touch event to the drag-and-drop layer module.

[0139] The grid layout module can be used to respond to a single-finger click on any of the second setting options in the personalized interface, updating the content of the main cell in the workspace. For example, it can call the onTouchEvent function to update the content of the main cell in the workspace. For the first touch event generated based on a two-finger editing operation, the grid layout module does not call the onTouchEvent function; instead, it forwards the first touch event to the drag-and-drop layer module.

[0140] In some embodiments, after receiving a touch event (e.g., a first touch event), the grid layout module determines how to handle the touch event based on information such as the touch type and touch position of the touch event. For example, it may forward the touch event to the drag layer module or perform other operations.

[0141] Optionally, after receiving a touch event, the grid layout module determines whether the phone displays a personalized interface and whether the touch event is a two-finger touch event. If the phone displays a personalized interface and the touch event is a two-finger touch event, the grid layout module can forward the touch event to the drag-and-drop layer module.

[0142] S416. The drag-and-drop layer module responds to the first touch event and edits the first original image in the first wallpaper layer to obtain an updated first wallpaper layer, which includes the edited first original image.

[0143] The drag-and-drop layer module responds to a first touch event, editing the first original image in the first wallpaper layer to obtain an edited first original image. Optionally, the first wallpaper layer including the edited first original image can be referred to as the updated first wallpaper layer. The displayed content of the updated first wallpaper layer changes. For example, the edited first original image could be a scaled-down or moved first original image.

[0144] In some embodiments, the first wallpaper layer and the updated first wallpaper layer are the same size. The difference between the first wallpaper layer and the updated first wallpaper layer is that the first wallpaper layer and the updated first wallpaper layer include a first original image of different sizes. Alternatively, the first wallpaper layer and the updated first wallpaper layer include a first original image of the same size, in which case the difference is that the position of the first original image in the first wallpaper layer is different from the position of the first original image in the updated first wallpaper layer.

[0145] In some embodiments, if the first touch event is generated based on a two-finger zoom-in operation, the drag layer module responds to the first touch event by zooming in on the first original image in the first wallpaper layer, and the updated first wallpaper layer includes the zoomed-in first original image. If the first touch event is generated based on a two-finger zoom-out operation, the drag layer module responds to the first touch event by zooming out on the first original image in the first wallpaper layer, and the updated first wallpaper layer includes the zoomed-out first original image. If the first touch event is generated based on a two-finger drag operation, the drag layer module responds to the first touch event by moving the first original image in the first wallpaper layer, and the updated first wallpaper layer includes the moved first original image.

[0146] Understandably, dragging the layer module scales or moves the first original image within the first wallpaper layer. The content within the area occupied by the first wallpaper layer in the scaled or moved first original image differs from the content within the same area of ​​the first wallpaper layer in the original image. Therefore, it can be concluded that the displayed content of the first wallpaper layer changes after the update.

[0147] Furthermore, the drag-and-drop layer module responds to the first touch event, scaling or moving the first original image in the first wallpaper layer while simultaneously displaying the scaled or moved original image in the first wallpaper layer in real time. Compared to the previous approach of cropping the desktop wallpaper image in response to the first touch event and then displaying the cropped image in the desktop cell, this solution displays the scaled or moved original image in the first wallpaper layer in real time much faster. In other words, this solution improves the speed of displaying the scaled or moved original image, thereby enhancing the response speed to two-finger editing operations.

[0148] S417: The phone displays a third personalization interface based on the updated first wallpaper layer, which includes a completion option.

[0149] The phone can update the second personalized interface using the updated first wallpaper layer, resulting in an updated second personalized interface. Optionally, this updated second personalized interface can be referred to as a third personalized interface. During the process of updating the second personalized interface using the updated first wallpaper layer, the updated desktop cells in the second personalized interface remain unchanged; therefore, the third personalized interface also includes these updated desktop cells.

[0150] In some embodiments, the phone can display the updated content of the first wallpaper layer in a third personalization interface. For example, as... Figure 5 As shown in (d), the phone displays the updated content 531 of the first wallpaper layer on the third personalization interface 530.

[0151] Understandably, the updated first wallpaper layer is located below the updated desktop cell. Since the updated desktop cell has a transparent background, it will not obscure the content displayed in the updated first wallpaper layer. The content displayed in the updated first wallpaper layer is a portion of the edited first original image within the area of ​​the updated first wallpaper layer. Optionally, the portion of the edited first original image within the area of ​​the updated first wallpaper layer can be simply referred to as a portion of the edited first original image. The third personalization interface can display this portion of the edited first original image. Users can preview the effect of this portion of the edited first original image as the new desktop wallpaper on the third personalization interface.

[0152] Additionally, this solution adds a first wallpaper layer to the personalized interface provided by the phone's workspace mode to display the edited original image. This solution enables users to edit the first original image without affecting the original workflow of the phone's workspace mode.

[0153] For example, such as Figure 5 As shown in (d), the phone responds to a first touch event generated based on a two-finger drag operation and displays a third personalization interface 530. The updated first wallpaper layer in the third personalization interface 530 displays a portion of the content from the moved first original image.

[0154] S418 The mobile phone receives and responds to the second click operation on the completed option, determines the display content of the updated first wallpaper layer, and updates the desktop interface with the display content of the updated first wallpaper layer. The updated desktop interface includes a new desktop wallpaper, which is the display content of the updated first wallpaper layer.

[0155] After the phone displays a portion of the edited original image in the third personalization interface, it can receive a click from the user on the "complete" option in the third personalization interface. Optionally, the click on the "complete" option in the third personalization interface can be referred to as a second click.

[0156] In some embodiments, in response to a second click, the mobile phone can crop the edited first original image to obtain a cropped image. The cropped image includes a portion of the edited first original image located within the area of ​​the updated first wallpaper layer. The mobile phone can then set the cropped image as the desktop wallpaper, resulting in an updated desktop interface.

[0157] For example, such as Figure 5 As shown in (d), the mobile phone receives a click from the user on the completion option 532 in the third personalized interface 530. Figure 5 As shown in (e), in response to a click on option 532, the phone displays the updated desktop interface 540. The updated desktop wallpaper in the updated desktop interface 540 is the content displayed in the updated first wallpaper layer of the third personalization interface 530.

[0158] Optionally, after the phone displays the third personalization interface, the user can continue to enter new two-finger editing operations within the area of ​​the updated desktop cell in the third personalization interface. The area of ​​the updated desktop cell in the third personalization interface is also the area of ​​the first wallpaper layer. For details on the phone's response to new two-finger editing operations, please refer to the above descriptions of the phone's response to two-finger editing operations in S413-S417, which will not be repeated here.

[0159] For example, refer to Figure 7 As shown in (a) of this application, it is a schematic diagram of a process for displaying a personalized interface on a mobile phone according to an embodiment of this application. Figure 7As shown in (a), the phone responds to the first tap operation and enters the desktop personalization mode within the workspace mode, displaying a personalized interface. After entering desktop personalization mode, the launcher retrieves the desktop wallpaper image; the launcher sets the background of the desktop cells to the content of the wallpaper image. After entering desktop personalization mode, the launcher also adds a first wallpaper layer to the drag-and-drop layers, and adds a first original image to the first wallpaper layer. The launcher then sets the background of the desktop cells to transparent. The phone displays a personalized interface including the first wallpaper layer and the desktop cells (e.g., the second personalization interface described above). Then, the phone receives a two-finger editing operation input by the user within the area of ​​the updated desktop cells. In response to this two-finger editing operation, the launcher moves or scales the first original image in the first wallpaper layer. The moved or scaled first original image can then be used to update the desktop wallpaper.

[0160] Reference Figure 7 As shown in (b) of the diagram, this is a schematic diagram of a process for displaying a personalized interface on a mobile phone according to existing technology. Figure 7 As shown in (b) of the prior art, in the prior art, the mobile phone receives a two-finger editing operation input by the user within the area of ​​the updated desktop cell, but does not respond to the two-finger editing operation. In the prior art, when the mobile phone enters the desktop personalization mode in the workspace mode, it does not respond to the two-finger editing operation, cannot move or resize the image in the desktop cell, and cannot update the desktop wallpaper using the edited image. For example, in the prior art, the user... Figure 1 When a two-finger editing operation is entered in the personalized interface 140 shown in (c), the phone does not respond.

[0161] In some embodiments, when the mobile phone displays a personalized interface (e.g., a first personalized interface, a second personalized interface, or a third personalized interface), it can switch the main cell in that personalized interface in response to a single-finger swipe operation input by the user. Taking the second personalized interface as an example, the process of switching the main cell in the personalized interface is described below. Figure 8 As shown, the main cells in the mobile phone's personalized interface can include S801-S804.

[0162] S801: When the phone displays the second personalized interface, it receives single-finger swipe input from the user within the work area.

[0163] After S411, the phone displays a second personalized interface, which includes a workspace. The main cell in the workspace is the desktop cell. The phone can receive single-finger swipe gestures applied within the workspace. Optionally, the area containing the workspace can also be referred to simply as the workspace.

[0164] Optionally, a single-finger swipe operation can be a swipe to the right or a swipe to the left.

[0165] For example, such as Figure 9 As shown in (a), when the phone displays the second personalized interface 910, it can receive a single-finger swipe to the right input by the user within the workspace 911. The main cell in the second personalized interface 910 is the desktop cell 912.

[0166] S802, the Personalization Manager responds to a single-finger swipe operation by sending a second touch event to the workspace module.

[0167] The personalization manager can respond to the single-finger swipe action by generating a second touch event and forwarding the second touch event to the workspace module.

[0168] S803, the workspace module responds to the second touch event and updates the main cell in the workspace.

[0169] The touch type of the second touch event generated based on the single-finger swipe operation includes a single-finger touch event and a swipe event to the left or right. If the touch type of the second touch event in the workspace module includes a single-finger touch event and a swipe event to the left or right, then in response to the second touch event, the main cell in the workspace is updated.

[0170] Optionally, if the single-finger swipe operation is a single-finger swipe to the left, then the touch type of the second touch event includes a swipe-to-left event. In this case, the workspace module, in response to the second touch event, can set another cell in the workspace list that is located to the right of the desktop cell and adjacent to the desktop cell as the main cell in the workspace.

[0171] Optionally, if the single-finger swipe operation is a single-finger swipe to the right, then the touch type of the second touch event includes a right swipe event. In this case, the workspace module, responding to the second touch event, can set another cell in the workspace list that is to the left of the desktop cell and adjacent to the desktop cell as the main cell in the workspace. For example, as Figure 9 As shown in (b), in response to a single-finger swipe to the right, the phone sets cell 921 on the lock screen as the new main cell. Cell 921 on the lock screen is located to the left of cell 912 on the desktop and is adjacent to the desktop cell.

[0172] S804: The phone generates and displays a fourth personalized interface based on the updated workspace.

[0173] After the workspace module updates the main cell, the phone can display a fourth personalized interface, where the workspace includes the new main cell. For example, as shown... Figure 9 As shown in (b), after the phone updates the main cell, it can display the fourth personalized interface 920. The new main cell included in the fourth personalized interface 920 is the cell 921 corresponding to the lock screen interface.

[0174] In some embodiments, when the phone displays different main cells in the workspace, the second settings options displayed in areas other than the workspace in the personalization interface can be different. For example, as... Figure 9 As shown in (a), when the main cell in the second personalization interface 910 is the desktop cell 912, the second settings options displayed in the second personalization interface 910 may include: wallpaper selection option 511, color option 512, follow lock screen option 513, and blur option 514. Figure 9 As shown in (b), when the main cell in the fourth personalization interface 920 is the cell 921 corresponding to the lock screen interface, the second setting options displayed in the personalization interface may include: lock screen style option 922 and AI style option 923.

[0175] Among them, color option 512 is used to trigger the setting of the desktop wallpaper color. Follow lock screen option 513 is used to trigger the desktop wallpaper to adopt the lock screen wallpaper. Blur option 514 is used to trigger the desktop wallpaper to blur.

[0176] In some embodiments, if the main cell in the fourth personalization interface is the cell corresponding to the lock screen (or lock screen cell), a second wallpaper layer can be added to the fourth personalization interface after the phone displays it. Then, the user can input a two-finger editing operation, and the second wallpaper layer can respond to this operation, allowing for scaling, moving, and other editing of the image within the second wallpaper layer, and updating the lock screen wallpaper with the edited image. Figure 8 As shown, the process of editing the lock screen wallpaper by responding to two-finger editing operations through the newly added second wallpaper layer can include S805-S815.

[0177] S805, when the Personalization Manager displays a fourth personalization interface, and the fourth personalization interface includes a lock screen cell, sends a third request to the drag-and-drop layer module.

[0178] The Personalization Manager responds to a single-finger swipe gesture and, after sending a second touch event to the workspace module, can add a second wallpaper layer. The second wallpaper layer supports editing of its image. The Personalization Manager can send a third request to the drag-and-drop layer module to control it to add a second wallpaper layer to the drag-and-drop layers included in the fourth personalization interface. The background of the lock screen cell is the same as the lock screen wallpaper image. The lock screen wallpaper image is the image currently being used as the lock screen wallpaper.

[0179] S806, the drag-and-drop layer module responds to the third request by adding a second wallpaper layer to the drag-and-drop layer. The second wallpaper layer is located below the lock screen cell, and the size of the second wallpaper layer is equal to the size of the lock screen cell.

[0180] S807, drag the layer module to add a second original image to the second wallpaper layer, and send a fourth request to the grid layout module. The second original image is the image used to generate the lock screen wallpaper image.

[0181] In some embodiments, the size of the second original image may be greater than or equal to the size of the lock screen wallpaper image. The size of the second original image may also be greater than or equal to the size of the second wallpaper layer.

[0182] S808, the grid layout module responds to the fourth request by setting the background of the lock screen cell to transparent, thus obtaining the updated lock screen cell.

[0183] The S809 phone displays a fifth personalized interface based on the second wallpaper layer and the updated lock screen cells.

[0184] The phone can update the second personalization interface using a second wallpaper layer and an updated lock screen cell. Optionally, the updated second personalization interface can be referred to as the fifth personalization interface. The phone can display the second wallpaper layer and the updated lock screen cell in the fifth personalization interface.

[0185] S810: The mobile phone receives two-finger editing input from the user.

[0186] The fifth personalization interface includes the area containing the updated lock screen cells. The phone can receive two-finger editing inputs from the user within this area. The area containing the updated lock screen cells in the fifth personalization interface is also the area containing the second wallpaper layer.

[0187] S811, the Personalization Manager responds to two-finger editing operations by sending a third touch event to the workspace module.

[0188] S812, the work area module sends a third touch event to the grid layout module.

[0189] S813, The grid layout module sends a third touch event to the drag-and-drop layer module.

[0190] S814, the drag-and-drop layer module responds to the third touch event, edits the second original image in the second wallpaper layer, and obtains the updated second wallpaper layer, which includes the edited second original image.

[0191] The edited second original image is obtained by editing the second original image, such as a scaled second original image or a moved second original image.

[0192] The S815 phone displays a sixth personalized interface based on the updated second wallpaper layer.

[0193] The phone can update the fifth personalized interface using the updated second wallpaper layer, resulting in an updated fifth personalized interface. Optionally, this updated fifth personalized interface can be referred to as the sixth personalized interface. During the process of updating the fifth personalized interface using the updated second wallpaper layer, the updated lock screen cells in the fifth personalized interface remain unchanged; therefore, the sixth personalized interface also includes these updated lock screen cells.

[0194] It should be noted that for details on S805-815, please refer to the above-mentioned S407-S417 for the specific introduction on how the phone can edit the desktop wallpaper by responding to the two-finger editing operation through the newly added first wallpaper layer, which will not be repeated here.

[0195] In some embodiments, the mobile phone displays a first wallpaper layer or an updated first wallpaper layer in a personalized interface (e.g., a second or third personalized interface) where the main cell is the desktop cell. The size of both the first wallpaper layer and the updated first wallpaper layer is equal to the size of the main cell, and their positions within the personalized interface are also the same as the main cell's position. Users can perform a single-finger tap operation within the area where the main cell is located in the personalized interface. In response to this single-finger tap operation, the mobile phone can zoom in on the first wallpaper layer or the updated first wallpaper layer. Taking a second personalized interface and its first wallpaper layer as an example, the process of zooming in on the first wallpaper layer is described. Figure 10 As shown, after S411, the method may also include S1001-S1006.

[0196] S1001: When the phone displays the second personalized interface, it receives a third click operation.

[0197] After S411, the phone displays a second personalized interface, which includes a workspace. The main cell in the workspace is the desktop cell. The phone can receive clicks applied to the workspace; these clicks can be called third clicks. Third clicks can be single-finger clicks.

[0198] Optionally, the third click operation can be a click operation within the area containing the main cell in the workspace.

[0199] For example, such as Figure 11 As shown in (a), when the mobile phone displays the second personalized interface 910, it can receive single-finger tap operations input by the user in the work area 911.

[0200] S1002, the Personalization Manager responds to the third click operation by sending a fourth touch event to the workspace module.

[0201] A personalized response to the third click can generate a fourth touch event and send this fourth touch event to the workspace mode. The touch type of the fourth touch event generated based on the third click can include a single-finger click event.

[0202] S1003, The work area module sends a fourth touch event to the grid layout module.

[0203] If the touch type of the fourth touch event is a single-finger click event, the workspace module forwards the fourth touch event to the grid layout module.

[0204] S1004, The grid layout module sends a fourth touch event to the drag-and-drop layer module.

[0205] If the fourth touch event is a single-finger click event and the touch location is the work area, the grid layout module forwards the fourth touch event to the drag layer module to trigger the drag layer module to start full-screen editing mode.

[0206] S1005, The drag-and-drop layer module responds to the fourth touch event and zooms in on the first wallpaper layer.

[0207] Dragging the layer module responds to a fourth touch event and initiates full-screen editing mode. Initiating full-screen editing mode can include zooming in on the first wallpaper layer; the zoomed-in first wallpaper layer can be the same size as the display area.

[0208] S1006: The mobile phone generates and displays a seventh personalized interface based on the magnified first wallpaper layer. The content displayed in the seventh personalized interface is the content displayed in the magnified first wallpaper layer.

[0209] The phone can set the enlarged first wallpaper layer as the top layer (or top layer), and use this enlarged first wallpaper layer as the top layer to update the second personalized interface, resulting in the updated second personalized interface. Optionally, this updated second personalized interface can be called the seventh personalized interface.

[0210] In some embodiments, when the phone zooms in on the first wallpaper layer, the first original image in the first wallpaper layer can also zoom in. The zoom level of the first original image in the first wallpaper layer and the first wallpaper layer can be the same. After the phone displays the seventh personalization interface, it can receive a two-finger editing operation input by the user on the seventh personalization interface. Then, in response to the two-finger editing operation, the phone moves or scales the zoomed-in first original image in the first wallpaper layer, and then displays the moved or scaled first original image.

[0211] It should be noted that the phone's response process to the two-finger editing operation entered on the seventh personalization interface can be referred to the above S412-S417 regarding the phone's response process to the two-finger editing operation entered on the second personalization interface, and will not be repeated here.

[0212] In some embodiments, the second personalization interface includes, in addition to the updated first wallpaper layer, other layers such as the layer containing the workspace and the layer containing multiple second setting options. When the phone can update the second personalization interface using the enlarged first wallpaper layer, the enlarged first wallpaper layer can be placed on top of all other layers in the second personalization interface. Thus, the enlarged first wallpaper layer is the topmost layer.

[0213] In some embodiments, the phone can display a magnified first wallpaper layer in the seventh personalization interface. Since the size of the magnified first wallpaper layer is equal to the size of the display area, and the size of the seventh personalization interface is also equal to the size of the display area, and the magnified first wallpaper layer is on top of all other layers, the magnified first wallpaper layer obscures all other layers in the seventh personalization interface (including the layer containing the workspace and the layers containing the multiple second setting options). The content displayed in the seventh personalization interface is the content displayed by the magnified first wallpaper layer.

[0214] For example, such as Figure 11 As shown in (b), the phone responds to a single-finger tap input by the user within the workspace 911, displaying the seventh personalization interface 1101. The content displayed in the seventh personalization interface 1101 is the same as the content displayed in the magnified first wallpaper layer. The content displayed in the seventh personalization interface 1101 is the same as the background of the area where the desktop cell 912 is located.

[0215] Then, taking the two-finger editing operation as an example of a two-finger drag operation, the phone then receives the two-finger drag operation input by the user on the seventh personalized interface 1101. For example... Figure 11 As shown in (c), the phone responds to a two-finger drag operation input on the seventh personalization interface 1101, displaying the eighth personalization interface 1102. The content displayed in the first wallpaper layer of the eighth personalization interface 1102 changes compared to the content displayed in the first wallpaper layer of the seventh personalization interface 1101. The content displayed in the first wallpaper layer of the seventh personalization interface 1101 and the content displayed in the first wallpaper layer of the eighth personalization interface 1102 are different parts of the same first original image. This first original image can be as follows: Figure 5 As shown in (f) in the figure.

[0216] Optionally, the phone can also display a prompt message on the seventh personalization interface 1101 to suggest editing the desktop wallpaper image. For example, such as Figure 11 The prompt message 1103 shown in (b) may include the message "drag or zoom the image".

[0217] In some embodiments, the phone displays a second wallpaper layer or an updated second wallpaper layer in a personalization interface (e.g., a fourth, fifth, or sixth personalization interface) where the main cell is the lock screen cell. Both the second wallpaper layer and the updated second wallpaper layer are the same size as the main cell, and their positions within the personalization interface are the same as the main cell's position. Users can perform a single-finger tap within the area containing the main cell in the personalization interface. In response to this tap, the phone can zoom in on the second wallpaper layer or the updated second wallpaper layer.

[0218] It should be noted that for details on zooming in on the second wallpaper layer or the updated second wallpaper layer, please refer to the specific introduction on zooming in on the first wallpaper layer in S1001-S1006 above, which will not be repeated here.

[0219] Reference Figure 12 The diagram shown is a flowchart illustrating a wallpaper editing method provided in an embodiment of this application. Figure 12 As shown, the method may further include the following steps S1201-S1204.

[0220] S1201. The mobile phone responds to the first operation and displays the first interface. The first interface includes the display content of the desktop cells, which includes the desktop wallpaper image currently in use.

[0221] For example, the first operation can be the first click operation described above. The first interface can be the first personalized interface described above, for example... Figure 5 The first personalized interface 510 is shown in (c) in the figure.

[0222] For example, S1201 may include the above-described S403-S406.

[0223] S1202. The mobile phone uses the first wallpaper layer to update the first interface, generate a second interface and display it. The second interface includes the first wallpaper layer, and the first wallpaper layer includes the first original image.

[0224] The area containing the first wallpaper layer overlaps with the area containing the desktop cell. The content displayed in the first wallpaper layer is a portion of the first original image, and the content displayed in the first wallpaper layer is the same as the desktop wallpaper image.

[0225] For example, the second interface can be the aforementioned second personalized interface.

[0226] For example, S1202 may include the above-described S407-S411.

[0227] S1203, the mobile phone responds to the second operation input in the area where the first wallpaper layer is located, edits the first original image in the first wallpaper layer, and obtains the updated first wallpaper layer.

[0228] For example, the second operation can be a two-finger editing operation in S412.

[0229] For example, S1203 may include the above-described S412-S416.

[0230] S1204. The mobile phone displays a third interface based on the updated first wallpaper layer. The third interface includes the display content of the updated first wallpaper layer, which is a part of the content in the edited first original image. The display content of the updated first wallpaper layer in the third interface is used to update the desktop wallpaper.

[0231] For example, the third interface can be the aforementioned third personalized interface, such as... Figure 5 The third personalized interface 530 is shown in (d) in the figure.

[0232] For example, S1204 may include the above-described S417.

[0233] Optionally, after S1204 above, the method further includes: in response to a third operation input on the third interface, cropping the first original image to obtain a cropped image; the cropped image includes the display content of the updated first wallpaper layer in the third interface; and replacing the desktop wallpaper in the desktop interface with the cropped image.

[0234] For example, the third operation can be the second click operation described above. The updated desktop interface can be... Figure 5 The updated desktop interface 540 is shown in (e) in the figure.

[0235] Optionally, prior to S1201, the method further includes: displaying a desktop interface; displaying a fourth interface in response to a fourth operation input by the user on the desktop interface; and receiving a first operation input by the user on the fourth interface, the fourth interface including wallpaper options, the first operation including a click operation on the wallpaper options.

[0236] For example, the fourth operation can be the two-finger pinch operation described above. The fourth interface can be the desktop settings interface described above, for example, Figure 5 The updated desktop settings interface 120 is shown in (b) of the image.

[0237] Optionally, after S1201, the method further includes: responding to a fifth operation input by the user in the workspace, switching the main cell in the workspace to a lock screen cell to obtain an updated workspace; the fifth operation includes a single-finger swipe operation; updating the first interface using the updated workspace, generating and displaying the fifth interface. The fifth interface includes the display content of the lock screen cell; the display content of the lock screen cell includes a lock screen wallpaper image, which is the image currently being used as the lock screen wallpaper in the lock screen interface.

[0238] For example, the fifth operation can be the single-finger swipe operation described above. For details on how the phone updates the first interface (e.g., the first personalized interface described above) in response to the fifth operation, please refer to the specific descriptions in S801-S804 regarding updating the second personalized interface in response to a single-finger swipe operation. For example, the fifth interface can be... Figure 9 The fourth personalized interface 920 is shown in (b) of the diagram.

[0239] Optionally, the method further includes: updating the fifth interface using the second wallpaper layer, generating and displaying the sixth interface; in response to a sixth operation input within the area where the second wallpaper layer is located, editing the second original image in the second wallpaper layer to obtain an updated second wallpaper layer, wherein the sixth operation includes a two-finger editing operation; and displaying the seventh interface based on the updated second wallpaper layer.

[0240] The sixth interface includes a second wallpaper layer, the area of ​​which overlaps with the area of ​​the lock screen cell. The second wallpaper layer contains a second original image, and its display content is a portion of that original image. The first wallpaper layer displays the same content as the lock screen wallpaper image.

[0241] The seventh interface includes the updated content of the second wallpaper layer. The updated content of the second wallpaper layer is a portion of the edited second original image. The updated content of the second wallpaper layer in the seventh interface is used to update the lock screen wallpaper.

[0242] For example, "updating the fifth interface using the second wallpaper layer, generating and displaying the sixth interface" may include S805-S809; wherein, the sixth interface may be the aforementioned fifth personalized interface. "in response to a sixth operation input within the area where the second wallpaper layer is located, editing the second original image in the second wallpaper layer to obtain an updated second wallpaper layer, wherein the sixth operation includes a two-finger editing operation; displaying the seventh interface based on the updated second wallpaper layer" may include S810-S815; wherein, the sixth operation may be the two-finger editing operation in S810, and the seventh interface may be the aforementioned sixth personalized interface.

[0243] Optionally, after S1202, the method further includes: in response to a seventh operation input on the second interface, enlarging the first wallpaper layer; generating and displaying an eighth interface using the enlarged first wallpaper layer. The enlarged first wallpaper layer is located above all other layers in the eighth interface except for the enlarged first wallpaper layer, and the display content of the eighth interface is the display content of the enlarged first wallpaper layer.

[0244] The enlarged first wallpaper layer is equal in size to the display area, and includes the enlarged original image. The seventh operation includes a single-finger click.

[0245] For example, "in response to a seventh operation input on the second interface, the first wallpaper layer is enlarged; an eighth interface is generated and displayed using the enlarged first wallpaper layer" may include steps S1001-S1006. The seventh operation may be the aforementioned third click operation, and the eighth interface may be the aforementioned seventh personalized interface, for example... Figure 11 The seventh personalized interface 1101 is shown in (b) of the diagram.

[0246] It is understood that, in order to achieve the aforementioned functions, the electronic device includes corresponding hardware structures and / or software modules for performing each function. Those skilled in the art should readily recognize that, based on the units and algorithm steps of the examples described in conjunction with the embodiments disclosed herein, the embodiments of this application can be implemented in hardware or a combination of hardware and computer software. Whether a function is executed by hardware or by computer software driving hardware depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of the embodiments of this application.

[0247] This application embodiment can divide the above-described electronic device into functional modules based on the method example described above. For example, each function can be divided into its own functional modules, or two or more functions can be integrated into one processing module. The integrated modules can be implemented in hardware or as software functional modules. It should be noted that the module division in this embodiment is illustrative and only represents one logical functional division; in actual implementation, there may be other division methods.

[0248] This application also provides an electronic device, which includes: a memory and one or more processors; the memory is coupled to the processors; wherein the memory stores computer program code, the computer program code including computer instructions, and when the computer instructions are executed by the processor, the electronic device performs the wallpaper editing method provided in the foregoing embodiments.

[0249] This application also provides a computer-readable storage medium including computer instructions that, when executed on an electronic device, cause the electronic device to perform the wallpaper editing method provided in the foregoing embodiments.

[0250] This application also provides a computer program product containing executable instructions that, when run on an electronic device, cause the electronic device to perform the wallpaper editing method provided in the foregoing embodiments.

[0251] This application also provides a chip system, such as... Figure 13 As shown, the chip system 1300 includes at least one processor 1301 and at least one interface circuit 1302. The processor 1301 and the interface circuit 1302 are interconnected via lines. For example, the interface circuit 1302 can be used to receive signals from other devices (e.g., the memory of an electronic device). As another example, the interface circuit 1302 can be used to send signals to other devices (e.g., the processor 1301).

[0252] For example, interface circuit 1302 can read instructions stored in memory and send those instructions to processor 1301. When the instructions are executed by processor 1301, the chip system can perform the steps in the above embodiments. Of course, the chip system may also include other discrete devices, and this application embodiment does not specifically limit this.

[0253] Through the above description of the embodiments, those skilled in the art can clearly understand that, for the sake of convenience and brevity, only the division of the above functional modules is used as an example. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.

[0254] In the several embodiments provided in this application, it should be understood that the disclosed apparatus / device and method can be implemented in other ways. For example, the apparatus / device embodiments described above are merely illustrative. For instance, the division of modules or units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another device, or some features may be ignored or not executed. Furthermore, the mutual coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between devices or units may be electrical, mechanical, or other forms.

[0255] The units described as separate components may or may not be physically separate. A component shown as a unit can be one or more physical units; that is, it can be located in one place or distributed in multiple different locations. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0256] Furthermore, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit.

[0257] If the integrated unit is implemented as a software functional unit and sold or used as an independent product, it can be stored in a readable storage medium. Based on this understanding, the technical solutions of the embodiments of this application, essentially or in other words, the parts that contribute to the prior art, or all or part of the technical solutions, can be embodied in the form of a software product. This software product is stored in a storage medium and includes several instructions to cause a device (which may be a microcontroller, chip, etc.) or processor to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0258] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions within the technical scope disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A wallpaper editing method, characterized in that, The method includes: In response to a first operation, a first interface is displayed, wherein the first interface includes a first work area, the size of which is smaller than the size of the display area, the first work area includes desktop cells, and the display content of the desktop cells includes the background of the desktop cells and the scaled-down current interface elements, wherein the background of the desktop cells is a desktop wallpaper image, and the desktop wallpaper image is the image currently being used by the desktop wallpaper in the desktop interface; the current interface elements include the interface elements in the desktop interface; A first wallpaper layer is added to the draggable layer below the desktop cell in the first interface. The area where the first wallpaper layer is located overlaps with the area where the desktop cell is located, and the size of the first wallpaper layer is equal to the size of the desktop cell. Obtain a first original image, add the first original image to the first wallpaper layer, and set the background of the desktop cell to transparent to obtain an updated desktop cell; wherein, the first original image is the image used to generate the desktop wallpaper image; the part of the first original image that is the same as the desktop wallpaper image is located within the area where the first wallpaper layer is located, and the other part of the first original image that is different from the desktop wallpaper image is located outside the area where the first wallpaper layer is located; The first interface is updated based on the first wallpaper layer and the updated desktop cell, and a second interface is displayed; wherein, the second interface includes a second work area, the second work area has the same size and position as the first work area, the second work area includes the updated desktop cell, and the first wallpaper layer is located in the draggable layer below the updated desktop cell; In response to a second operation input within the area where the first wallpaper layer is located on the second interface, a first touch event is generated; If it is determined that the first touch event is a two-finger touch event and the current display interface is the second interface, the first touch event is sent to the drag layer module, and the drag layer module responds to the second operation to edit the first original image in the first wallpaper layer in the second interface to obtain the updated first wallpaper layer; Based on the updated first wallpaper layer, a third interface is displayed, wherein the third interface includes the display content of the updated first wallpaper layer, the display content of the updated first wallpaper layer is a part of the content in the edited first original image, and the display content of the updated first wallpaper layer in the third interface is used to update the desktop wallpaper; In response to the seventh operation input on the second interface, a fourth touch event is generated; If it is determined that the fourth touch event is located in the second working area and is a single-finger click event, the fourth touch event is sent to the drag layer module, and the drag layer module enlarges the first wallpaper layer, wherein the size of the enlarged first wallpaper layer is equal to the size of the display area, and the enlarged first wallpaper layer includes the enlarged first original image; An eighth interface is generated and displayed using the magnified first wallpaper layer. The magnified first wallpaper layer is located above all other layers in the eighth interface except for the magnified first wallpaper layer. The display content of the eighth interface is the display content of the magnified first wallpaper layer.

2. The method according to claim 1, characterized in that, The method further includes displaying a third interface based on the updated first wallpaper layer, wherein the method also includes: In response to a third operation input on the third interface, the edited first original image is cropped to obtain a cropped image; the cropped image includes the display content of the updated first wallpaper layer in the third interface; Replace the desktop wallpaper in the desktop interface with the cropped image.

3. The method according to claim 1 or 2, characterized in that, The second operation includes a two-finger editing operation, which includes a two-finger zoom operation or a two-finger drag operation; The edited first original image includes: a scaled first original image obtained in response to the two-finger zoom operation, or a moved first original image obtained in response to the two-finger drag operation.

4. The method according to claim 1 or 2, characterized in that, Prior to displaying the first interface in response to the first operation, the method further includes: Display the desktop interface; In response to a fourth operation input by the user on the desktop interface, a fourth interface is displayed; The system receives the first operation input by the user on the fourth interface, which includes a wallpaper option, and the first operation includes clicking on the wallpaper option.

5. The method according to claim 1 or 2, characterized in that, The first work area also includes a lock screen cell corresponding to the lock screen interface; the desktop cell is the main cell in the first work area.

6. The method according to claim 5, characterized in that, After displaying the first interface, the method further includes: In response to a fifth operation input by the user in the first work area, the main cell in the first work area is switched to the lock screen cell, resulting in an updated first work area; the fifth operation includes a single-finger swipe operation. The first interface is updated using the updated first workspace to generate and display a fifth interface, wherein the fifth interface includes the display content of the lock screen cell; the display content of the lock screen cell includes a lock screen wallpaper image, which is the image currently in use as the lock screen wallpaper in the lock screen interface.

7. The method according to claim 6, characterized in that, The method further includes: The fifth interface is updated using the second wallpaper layer to generate and display a sixth interface. The sixth interface includes the second wallpaper layer, the area where the second wallpaper layer is located overlaps with the area where the lock screen cell is located, the second wallpaper layer includes a second original image, the display content of the second wallpaper layer is a part of the content of the second original image, and the display content of the second wallpaper layer is the same as the lock screen wallpaper image. In response to a sixth operation input within the area where the second wallpaper layer is located, the second original image in the second wallpaper layer is edited to obtain an updated second wallpaper layer. The sixth operation includes a two-finger editing operation. Based on the updated second wallpaper layer, a seventh interface is displayed, wherein the seventh interface includes the display content of the updated second wallpaper layer, the display content of the updated second wallpaper layer is a portion of the content in the edited second original image, and the display content of the updated second wallpaper layer in the seventh interface is used to update the lock screen wallpaper.

8. An electronic device, characterized in that, The electronic device includes: a processor, a memory, and a communication interface; the memory and the communication interface are coupled to the processor, the memory is used to store computer program code, the computer program code including computer instructions; wherein, when the processor executes the computer instructions, the electronic device performs the method as described in any one of claims 1-7.

9. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores computer instructions; when the computer instructions are executed on the electronic device, the electronic device causes the electronic device to perform the method as described in any one of claims 1-7.

10. A chip system, characterized in that, The chip system includes a processor and an interface circuit, which are interconnected via a line; wherein the interface circuit is used to receive signals from an electronic device and send the signals to the processor, the signals including computer instructions; when the processor executes the computer instructions, the chip system performs the method as described in any one of claims 1-7.

Images