Wallpaper processing method and electronic device

By moving the main elements in the lock screen wallpaper up and down on the lock screen interface of the electronic device, the UI control occlusion problem is solved, and the display effect of the lock screen wallpaper is improved.

WO2025050815A1PCT designated stage expired Publication Date: 2025-03-13HUAWEI TECH CO LTD
View PDF 7 Cites 0 Cited by

Patent Information

Application Number
PCT/CN2024/104445
Authority / Receiving Office
WO · WO
Patent Type
Applications
Current Assignee / Owner
Priority Date
2023-09-08
Filing Date
2024-07-09
Publication Date
2025-03-13

AI Technical Summary

Technical Problem

In the prior art, the UI controls displayed on the lock screen interface of the electronic device can easily obstruct the main elements in the lock screen wallpaper and affect their display effect.

Method used

When the UI control pops up on the lock screen interface, move the main element in the lock screen wallpaper down to ensure that it is not obscured by the UI controls, and adjust the background elements if necessary to improve the display effect of the wallpaper.

Benefits of technology

It effectively avoids UI controls blocking the main elements in the lock screen wallpaper, improves the display effect of the lock screen wallpaper, and makes the main elements more prominent on the lock screen interface.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN2024104445_13032025_PF_FP_ABST
    Figure CN2024104445_13032025_PF_FP_ABST
Patent Text Reader

Abstract

The embodiments of the present application relate to the technical field of terminal devices. Provided are a wallpaper processing method and an electronic device. The method comprises: when a UI control is displayed on a screen lock interface, at least moving down a main body element in a wallpaper image of the screen lock interface in such a manner as to ensure that the main body element displayed on the screen lock interface is not obscured by the UI control. Therefore, the display effect of a main body element in a wallpaper image is improved.
Need to check novelty before this filing date? Find Prior Art

Description

Wallpaper processing method and electronic device

[0001] This application claims priority to the Chinese patent application filed with the State Intellectual Property Office of China on September 8, 2023, with application number 202311164416.2 and application name “Wallpaper processing method and electronic device”, the entire contents of which are incorporated by reference into this application. Technical Field

[0002] The embodiments of the present application relate to the technical field of terminal devices, and in particular to a wallpaper processing method and electronic device. Background Art

[0003] Currently, electronic devices support setting wallpapers on the lock screen interface. Users generally set images with main elements (such as people, animals, buildings, etc.) as wallpaper images on the lock screen interface (also referred to as lock screen wallpapers) in the hope of highlighting the main elements on the lock screen interface.

[0004] However, electronic devices can pop up and display user interface (UI) controls such as notification messages or live windows on the lock screen. Taking notification messages as an example, notification messages that are popped up and displayed by electronic devices on the lock screen are generally displayed near the center area of ​​the lock screen, and the main elements of the lock screen wallpaper displayed on the lock screen are generally also located near the center area of ​​the lock screen, resulting in the pop-up notification message obscuring the main elements of the lock screen wallpaper.

[0005] Therefore, there is a common problem in the prior art that UI controls (such as notification messages, live windows, etc.) that dynamically pop up on the lock screen interface block the main elements in the lock screen wallpaper, thereby affecting the display of the main elements in the lock screen wallpaper.

[0006] Summary of the Invention

[0007] To address the above technical issues, the present application provides a wallpaper processing method and electronic device. In this method, when a UI control is displayed on the lock screen, the main element of the wallpaper image on the lock screen is at least shifted downward to ensure that the main element displayed on the lock screen is not obscured by the UI control, thereby improving the display effect of the main element in the wallpaper image.

[0008] In a first aspect, embodiments of the present application provide a wallpaper processing method. The method comprises: displaying a lock screen interface, the lock screen interface displaying a wallpaper image, the wallpaper image including a main element; when displaying a UI control on the lock screen interface, adjusting a target element in the wallpaper image, and displaying the adjusted wallpaper image on the lock screen interface, wherein the target element includes the main element, and the main element is adjusted downward in the height direction of the lock screen interface so that the main element in the adjusted wallpaper image is not obscured by the UI control.

[0009] Among them, the wallpaper image is also expressed as the lock screen wallpaper.

[0010] Among them, the main element is an image element in the lock screen wallpaper, and the main element is an image element in the lock screen wallpaper displayed on the lock screen interface and close to the center area of ​​the lock screen interface.

[0011] In some embodiments, the position of the main element in the lock screen wallpaper may not be the position closest to the center area of ​​the entire image of the lock screen wallpaper, but after the entire image is set as the lock screen wallpaper, the main element will generally be displayed in the center area of ​​the lock screen interface.

[0012] In some embodiments, the electronic device may use a neural network to identify the main element by combining factors such as the display position and display area of ​​various image elements in the lock screen wallpaper.

[0013] In the solution of the first aspect above, after the lock screen interface is displayed, the UI controls that the electronic device needs to display on the lock screen interface are all UI controls that are restricted by this application and need not block the main element (also referred to as dynamic UI controls in the embodiment), such as message controls, live windows, service cards, etc.

[0014] In the solution of the above-mentioned first aspect, when the electronic device needs to display the dynamic UI control of the present application on the lock screen interface, in order to prevent the dynamic UI control displayed on the lock screen interface from blocking the main elements in the lock screen wallpaper displayed on the lock screen interface, the present application can adjust the main elements in the lock screen wallpaper downward in the height direction of the lock screen interface, so that the display position of the main element after the downward adjustment on the lock screen interface does not overlap with the display position of the dynamic UI control on the lock screen interface, thereby avoiding the problem of the pop-up dynamic UI control blocking the main elements in the lock screen wallpaper.

[0015] Of course, when the electronic device adjusts the target element in the lock screen wallpaper, the target element may include not only the above-mentioned main element, but also the background element, so as to achieve the same effect that the main element in the adjusted lock screen wallpaper is not blocked by the dynamic UI controls displayed on the lock screen interface.

[0016] In some embodiments, for example, the target element may include a background element, then the electronic device may adjust the background element in the lock screen wallpaper by moving it up or down in the height direction of the lock screen interface; moving it left or right in the width direction of the lock screen interface; expanding the image of the background element in any direction to fill more background elements in the layer where the background element of the lock screen wallpaper is located; or scaling the background element, etc., without limitation here.

[0017] In addition, this application does not limit the number of main elements and background elements in the lock screen wallpaper.

[0018] For example, the lock screen wallpaper may include multiple character elements, and the multiple character elements can be used as a whole main element, or as multiple main elements; in addition, the lock screen wallpaper may also include multiple background elements, such as sky background elements, mountain background elements, etc., which are not limited here.

[0019] In addition, in an embodiment of the present application, the adjustment strategy adopted by the electronic device when adjusting the target elements of the lock screen wallpaper may be related to the properties and quantity of the above-mentioned UI controls displayed on the lock screen interface, or it may be a fixed adjustment strategy and has nothing to do with the UI controls. This application does not impose any restrictions on this.

[0020] For example, the electronic device may determine an adjustment strategy for the target element based on at least one parameter, such as the number of UI controls currently required to be displayed on the lock screen interface, the control type of the UI control, and the control height of the UI control. The adjustment strategy may include at least one of the following: the adjustment object, that is, which specific image elements are the target elements to be adjusted, and the adjustment method (e.g., scaling, moving, etc.) for each adjustment object, and the adjustment amount (e.g., scaling factor, moving height, etc.) of the adjustment method.

[0021] For another example, the electronic device may use a fixed adjustment strategy to adjust the target element. For example, the fixed adjustment strategy is to move the main element downward by a specified height in the height direction of the lock screen interface.

[0022] In addition, in an embodiment of the first aspect, during the adjustment of the lock screen wallpaper, the main element in the lock screen wallpaper is adjusted downward in the height direction of the lock screen interface. The moving direction of the downward adjustment can be a direction parallel to the height direction, or a moving direction with a certain angle (generally less than 45 degrees) with the height direction. This application does not impose any restrictions on this, as long as it is ensured that the main element is adjusted downward from the top of the display screen of the electronic device (for example, near the position of the front camera) to the bottom of the display screen (for example, near the position of the speaker).

[0023] In an embodiment of the present application, when an electronic device displays a lock screen interface, and when the electronic device needs to further display a UI control on the lock screen interface, in order to prevent the UI control displayed on the lock screen interface from obstructing the main element in the wallpaper image displayed on the lock screen interface, the electronic device of the present application may adjust the target element in the wallpaper image, and the adjustment may at least include adjusting the main element in the wallpaper image downward in the height direction of the lock screen interface, so that the main element after the downward adjustment is displayed on the lock screen interface without being obstructed by the UI control that pops up on the lock screen interface. In this way, when the UI control pops up on the lock screen interface, the display of the main element in the wallpaper image on the lock screen interface may not be affected, thereby ensuring the prominent display of the main element in the wallpaper image on the lock screen interface.

[0024] According to the first aspect, the above method may further include: displaying the adjustment process of the wallpaper image on the lock screen interface.

[0025] In this embodiment, the electronic device can not only display the adjusted wallpaper image, but also display the wallpaper image adjustment process on the lock screen interface. For example, the electronic device can play the wallpaper image adjustment process on the lock screen interface in an animated manner for a certain duration.

[0026] For example, the wallpaper image adjustment strategy is to move the main element from its original position down by 5 units in the lock screen's height direction, for example, each unit is 2 pixels high. The original position is the main element's position on the lock screen when the lock screen wallpaper is adjusted.

[0027] When the electronic device adjusts the main element in the wallpaper image, it can move the main image including the main element in the wallpaper image downward from the original position at a certain speed to complete the downward adjustment of 5 units in height within the first time period.

[0028] For example, if the electronic device displays the adjustment process for 5 seconds, the electronic device can play the downward movement process of the main element on the lock screen interface, and the downward movement process lasts for 5 seconds and moves down one unit of height per second. In this way, the electronic device can display the downward movement process of the main element in the wallpaper image in an animated manner on the lock screen interface to present the effect of the main element moving down at a uniform speed. Of course, the downward movement speed is not limited to a uniform speed.

[0029] Here, we only take the adjustment of the main element as an example to illustrate the implementation method of the electronic device's adjustment process for the wallpaper image displayed on the lock screen interface. When the target element also includes other image elements, the principle is the same.

[0030] For example, the adjustment strategy for the target elements this time is: enlarge the main element to 5 times of the original size, reduce the background element to 1 / 5 of the original size, and move the entire wallpaper image down by 5 units in height from its original position.

[0031] In this embodiment, the electronic device can display the adjustment process of the target element on the lock screen interface, so that the lock screen interface can present the main element gradually enlarged until it is enlarged to 5 times the original size, and the background element gradually reduced until it is reduced to 1 / 5 of the original size, and the lock screen wallpaper gradually moves down from the original position until it moves down 5 units in height. Dynamic adjustment process.

[0032] The "original size" here refers to the size of the corresponding object in the lock screen wallpaper displayed on the lock screen interface before the lock screen wallpaper is adjusted. In other words, the size of the corresponding object before the adjustment.

[0033] In an embodiment of the present application, the electronic device can display the adjustment process of the wallpaper image on the lock screen interface, so that the adjustment process of the target element in the wallpaper image can be dynamically played on the lock screen interface.

[0034] According to the first aspect, or any implementation of the first aspect above, the adjustment strategy of the wallpaper image is related to at least one of the following: the control type of the UI control, the number of the UI controls, and the control height of the UI control.

[0035] Among them, the number of UI controls and the control height of UI controls are both positively correlated with the adjustment amount of the target element.

[0036] For example, the more UI controls to be displayed on the lock screen interface, the greater the adjustment amount of the target element (for example, the higher the moving height, the greater the zoom factor, etc.).

[0037] Furthermore, if the number of UI controls is the same, for example, if the service card is taller than the message control, then the main elements of the lock screen wallpaper will be adjusted more when displaying a service card than when displaying a message control. That is, the taller the control, the greater the adjustment of the target element.

[0038] In addition, the control type may be related to at least one of an adjustment object in the adjustment strategy (which image elements are used as target elements), an adjustment method of the adjustment object, and the like.

[0039] For example, when the UI control is a message control, the adjustment strategy is to move the wallpaper image downward as a whole, and when moving downward, expand and fill the image upward and outward in the height direction of the wallpaper image, so that when the wallpaper image after moving downward is displayed on the lock screen interface, there is no blank area near the top of the screen.

[0040] For another example, when the UI control is a live window, the adjustment strategy is to enlarge the main body, reduce the background, and move the wallpaper downward by the same height.

[0041] In this way, when the lock screen interface displays different types of UI controls, the lock screen wallpaper can be adjusted with different adjustment strategies to present different lock screen wallpaper adjustment effects. The adjustment strategy can match the control type of the UI control displayed on the lock screen interface this time.

[0042] In an embodiment of the present application, the electronic device may refer to at least one of the control type, control number, and control height of the UI control to be displayed on the lock screen interface to determine the adjustment strategy for the lock screen wallpaper, so as to flexibly determine which image elements in the lock screen wallpaper will be used as target elements for adjustment, as well as the adjustment method and adjustment amount of each image element, so that the adjustment of the lock screen wallpaper can be flexibly matched with the UI control currently to be displayed on the lock screen interface, to ensure that the UI control does not obscure the main element in the adjusted lock screen wallpaper when displayed on the lock screen interface, and to avoid the problem of partial obstruction of the main element when a unified wallpaper adjustment strategy is used for adjustment when certain types of UI controls or a large number of UI controls are displayed.

[0043] According to the first aspect, or any implementation of the first aspect above, adjusting the target element in the wallpaper image includes: scaling the main element in the wallpaper image.

[0044] For example, the electronic device can enlarge and move the main element downward to ensure that the enlarged main element is not obscured by the UI controls currently displayed on the lock screen interface by enlarging and moving the main element downward. In addition, this implementation method can also display the number of UI controls displayed on the lock screen interface. For example, the more notification messages there are, the larger the main element in the lock screen wallpaper will be, giving the visual effect that the main element is closer to the user.

[0045] Alternatively, the electronic device may shrink and move the main element downward, and as the lock screen displays UI controls, shrink and move the main element downward, creating a visual effect where the main element is moving away from the user. Because the main element is shrunk and moved downward, the processed main element is not obscured by the displayed UI controls when displayed on the lock screen.

[0046] According to the first aspect, or any implementation of the first aspect above, the wallpaper image further includes a first background element, the target element includes the first background element, and the subject element and the first background element have different adjustment strategies.

[0047] For example, there may be a difference between the main element and the first background element in at least one of an adjustment method and an adjustment amount.

[0048] The first background element may be all background elements or part of background elements in the wallpaper image, which is not limited here.

[0049] In an embodiment of the present application, the main element and the first background element are adjusted with different adjustment strategies. For example, when an electronic device can display an adjustment process of a wallpaper image, the changes in the main element and the first background element may be different during the adjustment process, thereby making it easier for users to identify the changes in the main element on the lock screen interface, thereby improving the diversity of changes in the lock screen wallpaper.

[0050] Furthermore, in some embodiments, the adjustment strategies for different subject elements may be the same or different, and the adjustment strategies for different background elements may be the same or different.

[0051] According to the first aspect, or any implementation method of the first aspect above, the adjustment of the target element in the wallpaper image also includes: scaling the first background element in the wallpaper image; and / or adjusting the first background element in the wallpaper image downward in the height direction of the lock screen interface.

[0052] For example, when an electronic device displays UI controls on the lock screen interface, the first background element (e.g., all background elements) in the lock screen wallpaper can be gradually reduced to a corresponding multiple to present a visual effect of the background element gradually moving away from the user.

[0053] For another example, when an electronic device displays UI controls on the lock screen interface, the first background element (e.g., all background elements) in the lock screen wallpaper can be gradually enlarged to a corresponding multiple to present a visual effect of the background element gradually approaching the user.

[0054] For example, when an electronic device displays UI controls on the lock screen interface, the first background element and the main element in the lock screen wallpaper gradually move downward to present the effect of the UI controls displayed on the lock screen interface pushing down the first background element and the main element in the lock screen wallpaper.

[0055] In one example, the electronic device's adjustment of the target elements in the wallpaper image may include: enlarging the main element, shrinking all background elements, and moving both the main element and the background element downward, so that when the electronic device displays UI controls on the lock screen interface, the lock screen wallpaper may present a Hitchcock zoom visual effect in which the main element gradually enlarges, the background element gradually shrinks, and both the main element and the background element move downward.

[0056] In another example, the electronic device's adjustment of the target elements in the wallpaper image may include: shrinking the main element, enlarging all background elements, and moving both the main element and the background element downward, so that when the electronic device displays UI controls on the lock screen interface, the lock screen wallpaper may present a Hitchcock reverse zoom visual effect in which the main element gradually shrinks to a corresponding multiple, the background element gradually enlarges to a corresponding multiple, and both the main element and the background element move downward.

[0057] In an embodiment of the present application, when the electronic device displays UI controls on the lock screen interface, it can not only move the main elements in the lock screen wallpaper downward, but optionally scale the main elements. In addition, it can also move the background elements in the lock screen wallpaper downward and / or scale them, so as to ensure that the UI controls do not block the main elements while improving the diversity of the lock screen wallpaper.

[0058] According to the first aspect, or any implementation of the first aspect above, a first downward height when the main element is adjusted downward is the same as a second downward height when the first background element is adjusted downward.

[0059] In this embodiment, the main element and the first background element may be moved down by the same height, for example, the lock screen wallpaper may be moved down as a whole, so as to achieve a Hitchcock zoom effect when adjusting the lock screen wallpaper.

[0060] According to the first aspect, or any implementation of the first aspect above, a first downward height when the main element is adjusted downward is different from a second downward height when the first background element is adjusted downward.

[0061] In this way, the electronic device moves the main element and the first background element downward at different heights to achieve staggered movement of the main element and the background element. When the electronic device displays the adjustment process, the lock screen wallpaper can produce an effect similar to three-dimensional animation.

[0062] According to the first aspect, or any implementation of the first aspect above, the height difference between the first downward movement height and the second downward movement height is positively correlated with the difference in depth information corresponding to the main element and the first background element in the wallpaper image.

[0063] For example, the greater the difference in depth of field between the subject element and the first background element, the greater the height difference between the two elements. For example, if the background element is a sky element and the sky is infinitely far away from the subject element (e.g., a person), the electronic device can control the subject element to move downward by a certain height, while the background element does not move downward, or the downward height is zero.

[0064] Similarly, the smaller the difference in depth of field, the smaller the height difference. For example, if the lock screen wallpaper depicts a person standing close to a wall, the main element of the lock screen wallpaper is the person, and the background element is the wall. Because the person is standing close to the wall, the depth of field difference between the person and the wall is very small. In this way, the phone can control the main image including the person and the background image including the wall to move down to a similar height, so that the height difference between the two is very small.

[0065] In this way, the embodiment of the present application can combine the depth difference between the main element and the background element to adjust the two downward at different heights, so that the height difference between the two downward movements can match the depth difference.

[0066] According to the first aspect, or any implementation of the first aspect above, the wallpaper image also includes a second background element of a preset type, which is pre-expanded in the wallpaper image to a background element that can fill the size of the lock screen interface; the target element is different from the second background element.

[0067] For example, the second background element of the preset type may be a background element with similar color and a certain degree of extension in the wallpaper image (e.g., extending from an area near the center of the image to the edge of the image), such as a sky element, a grassland element, a sea element, a desert element, or the like.

[0068] In this embodiment, when adjusting the lock screen wallpaper, the target element being adjusted does not include the second background element, that is, the second background element is not adjusted, and only the target element (e.g., the main element, or the main element and the first background element) is adjusted. In order to avoid a blank area (i.e., including any image pixels) between the adjusted target element and the second background element, the second background element can be pre-expanded. For example, the second background element is a sky element, so that the expanded sky element can fill the size of the lock screen interface (e.g., the display screen size). The filling effect is that when the lock screen interface only displays the image composed of the sky element, the lock screen interface is full of the sky element.

[0069] Because the sky element remains unchanged when adjusting the lock screen wallpaper while the first background element and the main body element are adjusted, if the sky element is not expanded, there will be no image elements between the sky element and other elements (such as the first background element and the main body element) after the lock screen wallpaper is adjusted, that is, blank areas (indicating the absence of any image elements belonging to the wallpaper image). In this way, the second background element is pre-expanded when it is set as the lock screen wallpaper. After the wallpaper is adjusted, the displayed wallpaper will not have image gaps between image elements, ensuring the continuity of the lock screen wallpaper image.

[0070] According to the first aspect, or any implementation method of the first aspect above, the wallpaper image also includes a second background element of a preset type, and the target element also includes the second background element; the adjustment of the target element in the wallpaper image also includes: image expansion of the second background element in the wallpaper image; wherein, in the adjusted wallpaper image displayed on the lock screen interface, there is no blank space between the second background element and the adjacent image element.

[0071] Different from the previous implementation method, in this embodiment, when the lock screen wallpaper is adjusted by at least one adjustment such as scaling and moving down, the above-mentioned adjustment is still not made to the second background element. Therefore, in order to ensure the continuity between the second background element and other image elements (such as the first background element, target element, etc.) in the adjusted lock screen wallpaper, the image of the second background element can be expanded when adjusting the lock screen wallpaper, so that the image expansion effect of the second background element is more matched with the current wallpaper adjustment strategy, so that the picture continuity between the elements in the lock screen wallpaper is better.

[0072] According to the first aspect, or any implementation of the first aspect above, when the lock screen interface displays the adjustment process of the wallpaper image, the UI control blocks at least a portion of the second background element, and the first background element blocks part of the UI control.

[0073] Taking the second background element as the sky element, the first background element as the mountain element, and the main element as the person element as an example, the wallpaper image shows a person standing in front of the mountain, with the background being the sky.

[0074] The adjustment strategy for this lock screen wallpaper is to keep the sky element unchanged, reduce the mountain element by a corresponding multiple and move it down by a corresponding height, and enlarge the person element by a corresponding multiple and move it down by the said height. Then the layer where the UI control is located in the lock screen interface can be a layer between the layer where the mountain element and the layer where the person element of the lock screen wallpaper are located.

[0075] When an electronic device displays a UI element on the lock screen interface, the electronic device can adjust the lock screen wallpaper according to the above adjustment strategy. During the adjustment process, since the mountain element is gradually shrinking and moving downward, and the main element is gradually enlarging and moving downward, the UI control can be presented as gradually appearing between the mountain element and the main element.

[0076] During the adjustment of the lock screen wallpaper, there may be a scene in which the UI controls displayed this time are partially blocked by the mountain elements. However, in the adjusted lock screen wallpaper, the UI controls will not be blocked by the main elements and background elements.

[0077] According to the first aspect, or any implementation method of the first aspect above, the lock screen interface displays multiple UI controls in a folded state, and displaying the UI controls on the lock screen interface includes: in response to a first user operation received, expanding and displaying the multiple UI controls on the lock screen interface; wherein the first user operation indicates unlocking the screen displaying the lock screen interface, and indicates expanding and displaying the multiple UI controls.

[0078] When the lock screen displays a UI control in a folded state, the wallpaper image can also be adjusted through the second step of the first aspect above, so that the UI control in a folded state displayed on the lock screen does not obscure the main elements.

[0079] In addition, the second step of the first aspect mentioned above may also be a response process to the first user operation received here.

[0080] In addition, the multiple UI controls can be expanded and displayed on the lock screen interface one by one, or they can be expanded on the lock screen interface at the same time, and there is no restriction here.

[0081] In this embodiment, in a scenario where a user requests to expand multiple UI controls in a folded state displayed on the lock screen interface through an operation, the electronic device of the present application may also adjust the target elements in the wallpaper image when displaying the multiple UI controls on the lock screen interface, and display the adjusted wallpaper image on the lock screen interface, so that the main elements in the adjusted wallpaper image will not be obscured by the multiple UI controls that are expanded and displayed.

[0082] According to the first aspect, or any implementation of the first aspect above, displaying the UI control on the lock screen interface includes: in response to the received notification message, displaying the UI control related to the notification message on the lock screen interface.

[0083] In this embodiment, the scenario where UI controls need to be displayed on the lock screen interface can be when the electronic device receives a notification message while the lock screen interface is displayed. When the electronic device displays the UI controls related to the notification message on the lock screen interface, the lock screen wallpaper can be adjusted so that the notification message pop-up displayed on the lock screen interface does not obscure the main elements of the adjusted lock screen wallpaper. The UI controls related to the notification message can be a live window or a message control, which is not limited here.

[0084] According to the first aspect, or any implementation of the first aspect above, there are multiple UI controls, and the duration of the adjustment process is the same as the duration of completely displaying the multiple UI controls on the lock screen interface.

[0085] In any of the above embodiments, when the electronic device displays the UI controls on the lock screen interface, the number of the UI controls can be multiple, then the duration of the electronic device displaying the adjustment process of the lock screen wallpaper can be the same as the duration of displaying all the multiple UI controls on the lock screen interface.

[0086] In this way, the electronic device can adjust the lock screen wallpaper synchronously while displaying the multiple UI controls (such as notification messages) one by one. When the lock screen wallpaper is adjusted to display the adjusted lock screen wallpaper, the multiple UI controls are also all displayed on the lock screen interface. The duration of the animation during the wallpaper adjustment process is made the same as the duration of the animation when the multiple UI controls are displayed on the lock screen interface, so as to synchronize the display of the multiple UI controls and the adjustment of the lock screen wallpaper to ensure that the main elements are not blocked by the multiple UI controls displayed.

[0087] According to the first aspect, or any implementation method of the first aspect above, after the adjusted wallpaper image is displayed on the lock screen interface, the method further includes: in response to a second user operation received on the UI control, restoring the wallpaper image displayed on the lock screen interface to the original display state, wherein the second user operation indicates to cancel the display of the UI control on the lock screen interface; wherein the original display state is the display state of the wallpaper image on the lock screen interface before the UI control is displayed on the lock screen interface.

[0088] For example, if the user instructs to delete the notification message (one or more) displayed on the lock screen interface through an operation, the electronic device can respond to the operation by not only no longer displaying the notification message on the lock screen interface, but also restoring the target element in the lock screen wallpaper when the notification message is deleted on the lock screen interface, so that it returns to the display state before the notification message is displayed on the lock screen interface.

[0089] The principle of this embodiment is the same as the principle of the process of adjusting the lock screen wallpaper by displaying UI controls in the above-mentioned first aspect and related implementation methods. The difference is that the adjustment operation of the lock screen wallpaper here is the opposite of the previous adjustment operation. For example, when displaying a notification message, the main element is enlarged and adjusted, and when deleting the notification message, the main element is reduced and adjusted, and the adjustment amount is the same.

[0090] In this embodiment, when the UI control displayed on the lock screen interface is canceled, the electronic device can adjust the target element in the lock screen wallpaper to restore it to the display state before the UI control was displayed, thereby restoring the display effect of the lock screen wallpaper to the state before the UI control was displayed on the lock screen interface, ensuring the consistency of the display state of the lock screen wallpaper.

[0091] According to the first aspect, or any implementation of the first aspect above, the control type of the UI control includes at least one of the following: a message control, a live window, and a service card.

[0092] The embodiment of the present application can support adjusting the target element in the lock screen wallpaper when any one of the UI controls, such as the message control, live window, and service card, is displayed on the lock screen interface, so that the UI control displayed on the lock screen interface does not block the target element, making the lock screen wallpaper adjustment scenario of the present application widely applicable.

[0093] In each of the above implementations, when the electronic device adjusts the target element, it can adjust the image including the target element in the lock screen wallpaper to achieve the adjustment.

[0094] For example, if the target element includes a main element, a first background element, and a second background element, the lock screen wallpaper may include a main image where the main element is located, a first background image where the first background element is located, and a second background image where the second background element is located. The three images are three images layered from top to bottom on the lock screen interface, serving as the lock screen wallpaper; wherein the main image is an image obtained by segmenting the wallpaper image and including only the main element (the area other than the main element is a transparent area), the first background image is an image obtained by segmenting the wallpaper image and including only the first background element, and the second background image is an image obtained by segmenting the wallpaper image and including only the second background element. The sizes of the three images are the same as the size of the lock screen wallpaper.

[0095] In various embodiments of the present application, when adjusting the corresponding target elements in the lock screen wallpaper, for example, the target elements include a main element, a first background element, and a second background element, the adjustment of the above three image elements can be achieved by adjusting the main image, the first background image, and the second background image.

[0096] In a second aspect, an embodiment of the present application provides an electronic device. The electronic device includes: a first display module for displaying a lock screen interface, wherein the lock screen interface displays a wallpaper image, and the wallpaper image includes a main element; a second display module for displaying a user interface (UI) control on the lock screen interface; an adjustment module for adjusting a target element in the wallpaper image when the second display module displays the UI control on the lock screen interface; and a third display module for displaying the adjusted wallpaper image on the lock screen interface, wherein the target element includes the main element, and the main element is adjusted downward in the height direction of the lock screen interface so that the main element in the adjusted wallpaper image is not obscured by the UI control.

[0097] According to the second aspect, the electronic device further includes: a fourth display module, configured to display the adjustment process of the wallpaper image on the lock screen interface.

[0098] According to the second aspect, or any implementation of the second aspect above, the adjustment strategy of the wallpaper image is related to at least one of the following: the control type of the UI control, the number of the UI controls, and the control height of the UI control.

[0099] According to the second aspect, or any implementation of the second aspect above, the adjustment module is specifically configured to scale the main element in the wallpaper image.

[0100] According to the second aspect, or any implementation of the second aspect above, the wallpaper image further includes a first background element, the target element includes the first background element, and the subject element and the first background element have different adjustment strategies.

[0101] According to the second aspect, or any implementation method of the second aspect above, the adjustment module is specifically used to: scale the first background element in the wallpaper image; and / or adjust the first background element in the wallpaper image downward in the height direction of the lock screen interface.

[0102] According to the second aspect, or any implementation of the second aspect above, a first downward height when the main element is adjusted downward is the same as a second downward height when the first background element is adjusted downward.

[0103] According to the second aspect, or any implementation of the second aspect, a first downward height when the main element is adjusted downward is different from a second downward height when the first background element is adjusted downward.

[0104] According to the second aspect, or any implementation of the second aspect above, the height difference between the first downward movement height and the second downward movement height is positively correlated with the difference in depth information corresponding to the main element and the first background element in the wallpaper image.

[0105] According to the second aspect, or any implementation of the second aspect above, the wallpaper image also includes a second background element of a preset type, which is pre-expanded in the wallpaper image to a background element that can fill the size of the lock screen interface; the target element is different from the second background element.

[0106] According to the second aspect, or any implementation method of the second aspect above, the wallpaper image also includes a second background element of a preset type, and the target element also includes the second background element; the adjustment module is specifically used to perform image expansion on the second background element in the wallpaper image; wherein, in the adjusted wallpaper image displayed on the lock screen interface, there is no blank space between the second background element and the adjacent image element.

[0107] According to the second aspect, or any implementation method of the above second aspect, when the fourth display module displays the adjustment process of the wallpaper image on the lock screen interface, the UI control blocks at least a portion of the second background element, and the first background element blocks part of the UI control.

[0108] According to the second aspect, or any implementation method of the above second aspect, the lock screen interface displays multiple UI controls in a folded state; the second display module is specifically used to expand and display the multiple UI controls on the lock screen interface in response to a first user operation received; wherein the first user operation indicates unlocking the screen displaying the lock screen interface, and indicates expanding and displaying the multiple UI controls.

[0109] According to the second aspect, or any implementation of the second aspect above, the second display module is specifically used to display UI controls related to the notification message on the lock screen interface in response to the received notification message.

[0110] According to the second aspect, or any implementation of the second aspect above, there are multiple UI controls, and the duration of the adjustment process is the same as the duration of completely displaying the multiple UI controls on the lock screen interface.

[0111] According to the second aspect, or any implementation of the second aspect above, the electronic device also includes: a recovery module for restoring the wallpaper image displayed on the lock screen interface to its original display state in response to a second user operation received on the UI control after the third display module displays the adjusted wallpaper image on the lock screen interface, wherein the second user operation indicates the cancellation of the display of the UI control on the lock screen interface; wherein the original display state is the display state of the wallpaper image on the lock screen interface before the UI control is displayed on the lock screen interface.

[0112] According to the second aspect, or any implementation of the second aspect above, the control type of the UI control includes at least one of the following: a message control, a live window, and a service card.

[0113] The second aspect and any implementation of the second aspect correspond to the first aspect and any implementation of the first aspect, respectively. The technical effects corresponding to the second aspect and any implementation of the second aspect can be referred to the technical effects corresponding to the first aspect and any implementation of the first aspect, and will not be repeated here.

[0114] In a third aspect, an embodiment of the present application provides an electronic device. The electronic device includes: a memory and a processor, the memory and the processor being coupled; the memory storing program instructions, which, when executed by the processor, cause the electronic device to perform the method according to the first aspect and any one of the implementations of the first aspect.

[0115] The technical effects corresponding to the third aspect can be found in the technical effects corresponding to the above-mentioned first aspect and any implementation method of the first aspect, and will not be repeated here.

[0116] In a fourth aspect, embodiments of the present application provide a computer-readable medium for storing a computer program, which, when executed on an electronic device, causes the electronic device to execute the method according to the first aspect and any one of the embodiments of the first aspect.

[0117] The technical effects corresponding to the fourth aspect can be referred to the technical effects corresponding to the above-mentioned first aspect and any implementation method of the first aspect, and will not be repeated here.

[0118] In a fifth aspect, an embodiment of the present application provides a computer program product comprising instructions. When the computer program product is run on a computer, the computer is caused to execute the method in the first aspect and any one of the implementations of the first aspect.

[0119] The technical effects corresponding to the fifth aspect can be referred to the technical effects corresponding to the above-mentioned first aspect and any implementation method of the first aspect, and will not be repeated here.

[0120] In a sixth aspect, embodiments of the present application provide a chip. The chip includes one or more interface circuits and one or more processors; the interface circuits are configured to receive signals from a memory of a first electronic device and send the signals to the processors, the signals including computer instructions stored in the memory; when the processors execute the computer instructions, the first electronic device executes the method according to the first aspect and any one of the implementations of the first aspect.

[0121] The technical effects corresponding to the sixth aspect can be referred to the technical effects corresponding to the above-mentioned first aspect and any implementation method of the first aspect, and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0122] FIG1 is a schematic diagram showing a structure of an electronic device;

[0123] FIG2 is a schematic diagram illustrating a software structure of an electronic device;

[0124] FIG3 is a schematic diagram of a mobile phone according to the prior art;

[0125] FIG4a is a schematic diagram illustrating an exemplary process of setting a lock screen wallpaper;

[0126] FIG4 b is a schematic diagram illustrating an exemplary process of adjusting the lock screen wallpaper;

[0127] FIG4c is a schematic diagram illustrating an exemplary process of adjusting the lock screen wallpaper;

[0128] FIG5a is a schematic diagram illustrating an exemplary application scenario;

[0129] FIG5 b is a schematic diagram illustrating an exemplary application scenario;

[0130] FIG5c is a schematic diagram illustrating an exemplary application scenario;

[0131] FIG5 d is a schematic diagram illustrating an exemplary application scenario;

[0132] FIG5e is a schematic diagram illustrating an exemplary application scenario;

[0133] FIG5 f is a schematic diagram illustrating an exemplary application scenario;

[0134] FIG5g is a schematic diagram illustrating an exemplary application scenario;

[0135] FIG5h is a schematic diagram illustrating an exemplary application scenario;

[0136] FIG6 a is a schematic diagram illustrating an exemplary application scenario;

[0137] FIG6 b is a schematic diagram illustrating an exemplary application scenario;

[0138] FIG6c is a schematic diagram illustrating an exemplary application scenario;

[0139] FIG6 d is a schematic diagram illustrating an exemplary application scenario;

[0140] FIG6e is a schematic diagram illustrating an exemplary application scenario;

[0141] FIG7 a is a schematic diagram illustrating an exemplary application scenario;

[0142] FIG7 b is a schematic diagram illustrating an exemplary application scenario;

[0143] FIG7c is a schematic diagram illustrating an exemplary application scenario;

[0144] FIG8a is a schematic diagram illustrating an exemplary application scenario;

[0145] FIG8b is a schematic diagram illustrating an exemplary application scenario;

[0146] FIG8c is a schematic diagram illustrating an exemplary application scenario;

[0147] FIG9 is a schematic diagram illustrating an exemplary application scenario;

[0148] FIG10 is a schematic diagram illustrating an exemplary application scenario;

[0149] FIG11 is a schematic diagram of the structure of the device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0150] The following will be combined with the drawings in the embodiments of this application to clearly and completely describe the technical solutions in the embodiments of this application. Obviously, the embodiments described are part of the embodiments of this application, not all of them. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making creative efforts are within the scope of protection of this application.

[0151] The term "and / or" in this article is merely a description of the association relationship between associated objects, indicating that three relationships may exist. For example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone.

[0152] In the description and claims of the embodiments of this application, the terms "first" and "second" are used to distinguish different objects, rather than to describe a specific order of objects. For example, the terms "first target object" and "second target object" are used to distinguish different objects, rather than to describe a specific order of objects.

[0153] In the embodiments of this application, words such as "exemplary" or "for example" are used to indicate examples, illustrations, or descriptions. Any embodiment or design described as "exemplary" or "for example" in the embodiments of this application should not be interpreted as being preferred or advantageous over other embodiments or designs. Rather, the use of words such as "exemplary" or "for example" is intended to present the relevant concepts in a concrete manner.

[0154] In the description of the embodiments of this application, unless otherwise specified, "multiple" means two or more. For example, "multiple processing units" means two or more processing units; "multiple systems" means two or more systems.

[0155] FIG1 shows a schematic diagram of the structure of an electronic device 100. It should be understood that the electronic device 100 shown in FIG1 is only an example of an electronic device. Alternatively, the electronic device 100 may be a terminal, which may also be referred to as a terminal device. The terminal may be a cellular phone, a tablet computer (pad), a wearable device or an Internet of Things device, a car display screen, or other devices with a display screen, which is not limited in this application. It should be noted that the electronic device 100 may have more or fewer components than shown in the figure, may combine two or more components, or may have different component configurations. The various components shown in FIG1 may be implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and / or application-specific integrated circuits.

[0156] The electronic device 100 may include: a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

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

[0158] The controller may be the nerve center and command center of the electronic device 100. The controller may generate an operation control signal based on the instruction operation code and the timing signal to complete the control of instruction fetching and execution.

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

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

[0161] The USB interface 130 is an interface that complies with USB standards and may be a Mini USB interface, a Micro USB interface, a USB Type-C interface, or the like. The USB interface 130 can be used to connect a charger to charge the electronic device 100, or to transfer data between the electronic device 100 and peripheral devices. It can also be used to connect headphones to play audio. This interface can also be used to connect other electronic devices, such as augmented reality devices.

[0162] It is understood that the interface connection relationship between the modules illustrated in the embodiments of the present application is merely an illustrative illustration and does not constitute a structural limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may also adopt different interface connection methods from the above embodiments, or a combination of multiple interface connection methods.

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

[0164] The power management module 141 is used to connect the battery 142, the charging management module 140 and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140, and provides power to the processor 110, the internal memory 121, the external memory, the display 194, the camera 193, and the wireless communication module 160. The power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle count, and battery health status (leakage, impedance). In some other embodiments, the power management module 141 can also be set in the processor 110. In other embodiments, the power management module 141 and the charging management module 140 can also be set in the same device.

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

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

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

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

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

[0170] In some embodiments, antenna 1 of electronic device 100 is coupled to mobile communication module 150 , and antenna 2 is coupled to wireless communication module 160 , so that electronic device 100 can communicate with the network and other devices through wireless communication technology.

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

[0172] Display screen 194 is used to display images, videos, and the like. Display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a MiniLED, a MicroLED, a Micro-oLed, or a quantum dot light-emitting diode (QLED). In some embodiments, electronic device 100 may include one or N display screens 194, where N is a positive integer greater than one.

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

[0174] The camera 193 is used to capture still images or videos. The object is projected onto the photosensitive element through the lens to generate an optical image.

[0175] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 via the external memory interface 120 to implement data storage functions. For example, files such as music and videos can be stored on the external memory card.

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

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

[0178] The audio module 170 is used to convert digital audio information into analog audio signal output, and is also used to convert analog audio input into digital audio signals. The audio module 170 can also be used to encode and decode audio signals. In some embodiments, the audio module 170 can be provided in the processor 110, or some functional modules of the audio module 170 can be provided in the processor 110.

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

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

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

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

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

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

[0185] The layered architecture of electronic device 100 divides the software into several layers, each with a clear role and division of labor. Layers communicate with each other via software interfaces. In some embodiments, the Android system is divided into four layers: from top to bottom, the application layer, the application framework layer, the Android runtime and system libraries, and the kernel layer.

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

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

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

[0189] As shown in FIG2 , the application framework layer may include a window manager, a content provider, a view system, a phone manager, a resource manager, a notification manager, a user interface (UI) framework module, and the like.

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

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

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

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

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

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

[0196] The lock screen application can call the UI framework module to prevent the main elements of the wallpaper in the lock screen interface from being blocked by the UI controls, so as to highlight the main elements in the lock screen wallpaper. The specific processing process will be described in detail in the following embodiments.

[0197] The system library and runtime layer include the system library and the Android runtime. The system library can include multiple functional modules, such as the surface manager, media libraries, 3D graphics processing libraries (such as OpenGL ES), and 2D graphics engines (such as SGL). The 3D graphics library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing. The Android runtime includes the core library and the virtual machine. The Android runtime is responsible for scheduling and management of the Android system. The core library consists of two parts: one part contains the function calls required by the Java language, and the other part is the Android core library. The application layer and application framework layer run in the virtual machine. The virtual machine executes the Java files of the application layer and application framework layer as binary files. The virtual machine is responsible for performing functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

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

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

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

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

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

[0203] It is understood that the components included in the system framework layer, system library, and runtime layer shown in FIG2 do not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown, or may combine or split certain components, or arrange the components differently.

[0204] At present, electronic devices support setting wallpapers on the lock screen interface. Taking the electronic device as a mobile phone as an example, Figure 3 shows the lock screen interface 100 of the mobile phone. The lock screen interface not only displays fixed UI controls such as network icons, power icons, time and date icons, but also displays a lock screen wallpaper 101. As shown in Figure 3, the lock screen wallpaper 101 may have a main element 1011 (such as a character, etc.) and a background element 1012. In addition, when the mobile phone pops up a notification message 103 on the lock screen interface 100, the display position of the notification message 103 overlaps with the main element 1011, causing the main element 1011 to be blocked by the pop-up notification message 103. Similarly, other UI controls that dynamically pop up on the lock screen interface, such as live windows, are also likely to block the main elements displayed in the lock screen wallpaper.

[0205] Therefore, there is a common problem in the prior art that dynamically popped-up UI controls (such as notification messages, live windows, etc.) block the main elements in the lock screen wallpaper, thereby affecting the display of the main elements in the lock screen wallpaper.

[0206] For ease of explanation, the following names are defined:

[0207] Static UI controls are UI controls that are fixedly displayed in a fixed position on the lock screen, such as network icons, battery icons, time and date icons, camera icons, flashlight icons, etc.

[0208] Dynamic UI controls: After the lock screen is displayed, UI controls such as message controls, live windows, and service cards can pop up on the lock screen.

[0209] To this end, the present application provides a wallpaper processing method that can be applied to electronic devices. The electronic device can call the UI framework module through the lock screen application to adjust the lock screen wallpaper when the dynamic UI controls are displayed on the lock screen interface, so that the main elements in the lock screen wallpaper are not obscured by the displayed dynamic UI controls.

[0210] In some embodiments, the method of the present application may include a process of setting a lock screen wallpaper and a process of adjusting the lock screen wallpaper.

[0211] The method of the present application is described below with reference to specific examples, taking the electronic device as a mobile phone as an example. In other embodiments, the electronic device may also be a tablet computer, a wearable device, etc. The principles of the implementation process are the same and will not be repeated here.

[0212] Example 1: Setting the lock screen wallpaper

[0213] FIG4 a is a schematic diagram illustrating an exemplary process of setting a lock screen wallpaper.

[0214] As shown in FIG4a , the lock screen application of the mobile phone may call the UI framework to perform the following process, which may include the following steps:

[0215] S101: A mobile phone segments a first image to generate a main image including a first main element and a background image including a first background element.

[0216] Among them, the first image is the image to be set as the lock screen wallpaper. The first image can be an image taken by a mobile phone, or an image selected from an album, or a frame of image in a video, etc. This application does not limit the source of the first image.

[0217] FIG5 a is a schematic diagram showing an exemplary application scenario.

[0218] As shown in FIG5a(1), the display interface 201 of the mobile phone is the application interface of the gallery application, and the display interface 201 may include a photo 202 and a control 203. When the user clicks the control 203, the mobile phone may respond to the user operation by displaying a control 204 on the display interface 201, as shown in FIG5a(2). The control 204 may include a rename option, a rotate option, and a set as option 2041. The rename option and the rotate option are used to rename and rotate the photo 202, respectively.

[0219] As shown in FIG5a(2), the user clicks option 2041, and the mobile phone can respond to the user operation, as shown in FIG5a(3), by displaying a control 205 on the display interface 201. The control 205 may include, but is not limited to, a wallpaper option 2051 and a contact photo option. The contact photo option is used to set the photo 202 as the avatar of the mobile phone contact. The user clicks the wallpaper option 2051, and the mobile phone can respond to the user operation by switching the display interface to the display interface 206 shown in FIG5a(4). The display interface 206 displays a lock screen wallpaper 210 for preview, which is the wallpaper obtained by the mobile phone processing the photo 202.

[0220] The following describes the implementation process of obtaining the lock screen wallpaper 210 in conjunction with Figures 5b to 5d.

[0221] First, in the scenario shown in FIG5a , the mobile phone can use the photo 202 as the first image to execute the above S101 in response to the user clicking the wallpaper option 2051 shown in FIG5a ( 3 ).

[0222] Please refer to FIG. 5 b , which shows a process of performing the segmentation operation S101 on the photo 202 in FIG. 5 a to obtain a subject image including a first subject element and a background image including a first background element.

[0223] In S101, the mobile phone may perform semantic segmentation and depth analysis on the photo 202 shown in FIG5b(1) to obtain multiple layers, each of which includes different elements. For example, the multiple layers may include a layer including human elements, a layer including blue sky and white cloud elements, and a layer including mountain elements. The areas of each layer except for the included elements are transparent areas, and the size of each layer is the same as the size of the photo 202.

[0224] In S101 , the mobile phone may determine a background layer from the multiple layers by combining the obtained elements in each layer and / or the semantics of the layers to obtain a background image including the first background element.

[0225] In the scene shown in FIG5b , the mobile phone can determine that a layer including blue sky and white cloud elements and a layer including mountain elements are both background layers. The two background layers can be synthesized to obtain a background image including the first background element as shown in FIG5b (3), which is image 202b here. The image 202b includes the first background element (blue sky and white cloud and mountain) 2022. The area of ​​the image 202b other than the first background element 2022 (for example, the area where the first main element 2021 is located) is a transparent area.

[0226] In S101, the mobile phone may also utilize a pre-trained neural network to perform semantic segmentation and depth analysis on the photo 202, and identify the subject elements of the obtained multiple layers to determine the subject layer (the layer including the subject element), and synthesize the subject layers into a subject image including the first subject element. For example, the neural network may identify the subject layer (or subject element) based on factors such as the display position and display area of ​​the elements within the layer, and synthesize at least one subject layer into a subject image including the first subject element, wherein the subject layer is generally a layer composed of elements whose subject elements are close to the center area of ​​the entire image.

[0227] In the scene shown in FIG5b , the mobile phone can identify the main elements of multiple layers to determine the layer including the human element as the main layer, thereby obtaining the main image of the first main element as shown in FIG5b (2), which is image 202a here. The image 202a includes the first main element (human element) 2021, and the areas in the image 202a other than the first main element 2021 (for example, the area where the first background element 2022 is located) are all transparent areas.

[0228] In the scenario shown in FIG5b, the dotted frame 600 is used to represent the display screen of the mobile phone shown in FIG5a, so as to express the display ratio of the original image of the split photo 202 on the display screen of the mobile phone. When the mobile phone splits the photo 202 shown in FIG5b, it does not involve any related operations on the display screen shown in the dotted frame 600. Therefore, the display screen is represented by the dotted frame here. The purpose of showing the dotted frame 600 here is to illustrate that the image 210a shown in FIG5c (1) is an enlarged image of the image 202a shown in FIG5b (2), and that the image 210b shown in FIG5c (3) is an enlarged image of the image 202b shown in FIG5b (3) through the mobile phone display screen indicated by the dotted frame 600 of unchanged size in the subsequent application scenario of FIG5c.

[0229] In this way, the mobile phone can call the UI framework module through the lock screen application to split the photo 202 into an image 202a including the first main element and an image 202b including the first background element.

[0230] S103, the mobile phone performs wallpaper processing on the segmented image including the main element and the image including the background element to obtain a lock screen wallpaper.

[0231] Optionally, after S101 and before S103, the mobile phone may further execute S102.

[0232] S102: The mobile phone may expand at least one of the main image including the first main element and the background image including the first background element.

[0233] In S103 , the objects used for wallpaper processing include: an image of a main element and an image of a background element.

[0234] The image of the main element may be the main image including the first main element obtained in S101, or the main image including the second main element after expansion obtained in S102a.

[0235] The image of the background element may be the background image including the first background element obtained in S101 above, or the background image including the second background element after expansion obtained in S102b above.

[0236] In the application scenarios of Figures 5a to 5d, photo 202 is not image-expanded for the corresponding elements, that is, S102 is not executed. Instead, S103 is used to process image 202a including the first main element and image 202b including the first background element into wallpaper to obtain lock screen wallpaper 210. Therefore, S102 will not be described in detail here and will be described later in conjunction with Figures 5e to 5g.

[0237] In the application scenarios of Figures 5a to 5d, after the segmentation process shown in Figure 5b above, please refer to Figure 5c. As shown in Figure 5c(1), the mobile phone can perform a magnification process (an example of wallpaper processing) on ​​the image 202a including the first main element as shown in Figure 5b(2) obtained after the segmentation to obtain the image 210a shown in Figure 5c(1). The first main element 2021 in the image 202a as shown in Figure 5b(2) is magnified into the target main element 2101 in the image 210a as shown in Figure 5c(1). And as shown in Figure 5c(3), the mobile phone can perform a magnification process (an example of wallpaper processing) on ​​the image 202b including the first background element as shown in Figure 5b(3) obtained after the segmentation to obtain the image 210b shown in Figure 5c(3), and optionally, a blurring process can be performed to obtain the image 210b shown in Figure 5c(3), wherein the first background element 2022 in the image 202b as shown in Figure 5b(3) is magnified into the target background element 2102 in the image 210b as shown in Figure 5c(3). In FIG. 5c(1) and FIG. 5c(2), a dotted frame 600 indicating the display screen of the mobile phone is shown in the enlarged image 210a and the image 210b. The dotted frame 600 shown in FIG. 5b and the dotted frame 600 shown in FIG. 5c are used to indicate the same display screen of the same size of the mobile phone. Thus, it can be intuitively seen that the size of the enlarged image 210a is larger than the size of the display screen indicated by the dotted frame 600, while the size of the image 202a before enlargement is smaller than the size of the display screen indicated by the dotted frame 600. Similarly, the size of the enlarged image 210b is larger than the size of the display screen indicated by the dotted frame 600, while the size of the image 202b before enlargement is smaller than the size of the display screen indicated by the dotted frame 600. For example, if the size of the photo 202 is 800*600, the mobile phone may magnify the images 202a and 202b obtained by segmenting the photo 202 by 2 times to obtain images 210a and 210b with sizes of 1600*1200.

[0238] It should be understood that the dotted frame 600 shown in FIG. 5 c is used to illustrate the magnification effect of the image, and the dotted frame 600 is not displayed in the image 210 a and the image 210 b .

[0239] As shown in FIG5c(2), the lock screen interface can not only display the lock screen wallpaper 210 obtained from the photo 202, but also display static UI controls. The mobile phone can generate a middle layer 209 as shown in FIG5c(2). The middle layer 209 can include, but is not limited to, static UI controls such as network icons, power icons, clock icons, and date icons. Similarly, the size of the middle layer 209 is also the same as the size of the display screen indicated by the dotted box 600. Since the edge line of the middle layer 209 is a solid line, the dotted line of the dotted box 600 is covered.

[0240] As shown in Figures 5c and 5d, when image 210a, image 210b, and middle layer 209 are synthesized to obtain lock screen interface 300, image 210a can be used as the upper layer of the three layers, middle layer image 209 is located in the middle layer, and image 210b is located in the lower layer, resulting in lock screen interface 300 as shown in Figure 5d. The synthesized images 210a and 210b constitute a lock screen wallpaper 210. The size of lock screen wallpaper 210 is larger than the screen size of the mobile phone to facilitate subsequent reduced display of lock screen wallpaper 210. Because image 210a, including the first main element 2021, is placed above middle layer image 209, static UI controls such as the time icon and date icon will not obscure the first main element 2021 of lock screen wallpaper 210 on the lock screen interface. However, static UI controls such as the time icon and date icon may obscure the first background element 2022 of lock screen wallpaper 210.

[0241] In the scenarios of Figures 5a to 5d, the wallpaper processing in S103 may include amplification processing and synthesis processing. Wallpaper processing mainly involves image processing, and may include but is not limited to: blurring processing, tone adjustment processing, transparency processing, and other types of processing, which are not limited here.

[0242] In addition, the present application does not impose any restrictions on the execution order of the various processing operations involved in the wallpaper processing, and can be flexibly set according to needs.

[0243] Continuing back to FIG5a, the lock screen application of the mobile phone can respond to the user operation of clicking the wallpaper option 2051 shown in FIG5a(3), call the UI framework to execute the above S101 and S103, and preview the generated lock screen wallpaper 210 shown in FIG5d on the display interface 206 shown in FIG5a(4). It should be understood that, as shown in FIG5d, the size of the lock screen wallpaper 210 is larger than the size of the display interface 206 (or the mobile phone screen). Therefore, the lock screen wallpaper 210 shown in FIG5a(4) is the part of the lock screen wallpaper displayed on the screen, and the part of the wallpaper that exceeds the screen is not displayed.

[0244] Then, the user clicks on the application control 207 as shown in FIG5a(4), and the mobile phone can respond to the user operation, as shown in FIG5a(5), by displaying a control 208 on the display interface 206. The control 208 may include a set to lock screen option 2081, a set to desktop option 2082, and a set at the same time option 2083, which respectively indicate setting the lock screen wallpaper 210 as the wallpaper of the lock screen interface, setting the lock screen wallpaper 210 as the wallpaper of the desktop interface, and setting the lock screen wallpaper 210 as the wallpaper of both the lock screen interface and the desktop interface.

[0245] Next, the user clicks on the Set as Lock Screen option 2081 shown in FIG5a(5), and the mobile phone can respond to the user operation and set the lock screen wallpaper 210 as the wallpaper of the lock screen interface 300 through the process shown in FIG5b to FIG5d. When the user locks the mobile phone, as shown in FIG5a(6), the lock screen interface 300 can display the lock screen wallpaper 210. It should be understood that, as shown in FIG5d, the size of the lock screen wallpaper 210 is larger than the size of the lock screen interface 300 (or the mobile phone screen). Therefore, the lock screen wallpaper 210 shown in FIG5a(6) is the part of the lock screen wallpaper displayed on the screen, and a part of the wallpaper that exceeds the screen is not displayed.

[0246] Thus, the lock screen wallpaper obtained through the process shown in FIG4a may include two images, namely a main image including the target subject element and a background image including the target background element. In the application scenarios of FIG5a to FIG5d, the two images in the lock screen wallpaper 210 are: image 210a (also referred to as the main image) including the target subject element 2101, and image 210b (also referred to as the background image) including the target background element 2102.

[0247] In this way, when the user sets the picture as the lock screen wallpaper, the application can segment the picture to obtain a main image including the main elements and a background image including the background elements, and perform image processing such as scaling and blurring on the main image and the background image. Then, the processed main image and background image are synthesized into a lock screen wallpaper in the order of the main layer on the upper layer and the background image on the lower layer.

[0248] The optional S102 shown in FIG4 a in Example 1 is introduced below.

[0249] Optionally, S102, the mobile phone may expand at least one of the main image including the first main element and the background image including the first background element, the image after expansion is consistent with the image style of the image before expansion, and the newly added extended part is continuous with the original first image without any blank area.

[0250] For example, when the mobile phone executes S102, it can optionally expand the main image including the first main element through S102a to obtain a main image including the second main element, and can optionally expand the background image including the first background element through S102b to obtain a background image including the second background element.

[0251] For example, when the mobile phone executes S103, the main image including the second main element and the background image including the second background element can be processed as wallpaper to obtain a lock screen wallpaper. The principle is similar and will not be repeated here.

[0252] In some embodiments, when the first image to be set as the lock screen wallpaper is not a large banner image, the mobile phone may expand the first image (e.g., widthwise expansion, expanding background elements and / or subject elements). For example, if the image's aspect ratio is less than a first threshold, the image is not a large banner image. For example, the preset threshold may be 4:1 or 3:1, etc., and there is no specific limitation and it can be flexibly configured according to needs.

[0253] In some embodiments, after the mobile phone sets the first image as the lock screen wallpaper, some elements in the lock screen wallpaper (such as background elements) can be reduced in size during the wallpaper adjustment process of the present application (in order to ensure that the dynamic UI controls do not block the main elements). If the first image is not a large banner image, there will be a blank area in the lock screen wallpaper after the reduction, resulting in an incomplete picture of the lock screen wallpaper. Therefore, the first image can be expanded in the width direction.

[0254] In some embodiments, when the ratio of the height of the first main element in the first image to the height of the first image is less than a second threshold, the mobile phone may expand the first main element. For example, the second threshold is 1:2, which can be flexibly configured according to needs.

[0255] In some embodiments, after the mobile phone sets the first image as the lock screen wallpaper, the main elements in the lock screen wallpaper may be moved downward during the process of adjusting the lock screen wallpaper (to ensure that the dynamic UI controls do not block the main elements) to reduce the area of ​​the main elements blocked by the dynamic UI controls displayed on the lock screen interface. If the height of the main elements in the first image accounts for too small a proportion of the height of the entire wallpaper (for example, the height of the characters is too small), the height of the main elements displayed in the wallpaper after the downward movement will be further reduced, thereby affecting the aesthetics of the main elements in the lock screen wallpaper.

[0256] It should be understood that the conditions for expanding at least one of the main elements and / or background elements of the first image are not limited to the conditional restrictions on the height of the large banner image and the main elements described in the above embodiments, but can also be other conditions. Whether expansion is required and the method of expansion can be flexibly determined according to specific needs to ensure that after the subsequent wallpaper adjustment process, the lock screen wallpaper displayed on the screen still has continuous image elements and no blank areas.

[0257] In the scenarios of FIG. 5 a and FIG. 5 b , the photo 202 is a large banner image and the height of the first main element 2021 is more than half of the entire photo 202 . Here, the photo 202 is not expanded.

[0258] The following describes the process of expanding the first image involved in S102 of the present application in combination with application scenarios 1 to 4.

[0259] In an application scenario 1, please refer to Figure 5e. As shown in Figure 5e(1), the first image requested by the user to be set as the lock screen wallpaper is image 301. The mobile phone segments image 301 through the above S101, and obtains image 301a including the first main element 3011 as shown in Figure 5e(2). The areas in image 301a other than the first main element 3011 (for example, the area where the first background element 3012 is located) are all transparent areas. The image 301b including the first background element 3012 as shown in Figure 5e(3) is obtained. The areas in image 301b other than the first background element 3012 (for example, the area where the first main element 3011 is located) are all transparent areas.

[0260] In this application scenario, the mobile phone can determine that the aspect ratio of image 301 as the first image is less than the first threshold, thereby determining that image 301 is not a large banner image. Then, after the image 301 with a narrower width is set as the lock screen wallpaper, the mobile phone can reduce the size of some elements in the lock screen wallpaper (such as background elements) in the subsequent wallpaper adjustment process (to ensure that the dynamic UI controls do not block the main elements). If the first image is not a large banner image, there will be blank areas on both sides of the lock screen wallpaper displayed after the reduction process, resulting in an incomplete lock screen wallpaper picture. Therefore, this embodiment requires image expansion of image 301.

[0261] As shown in FIG5e(3), the lock screen application of the mobile phone can call the UI framework to expand the image 301b shown in FIG5e(3) to the left and right in the width direction by executing S102b to obtain the expanded image 301b1 shown in FIG5e(5).

[0262] Specifically, the UI framework can use generative artificial intelligence (AIGC) technology to expand the background elements of image 301b, so that the style of the second background element 30121 in the expanded image 301b1 is consistent with the style of the first background element 3012 in the image 301b before expansion. By comparing Figure 5e(3) and Figure 5e(5), it can be seen that the background elements obtained by the mobile phone expanding the first background element 3012 to the left and right are continuous with the first background element 3012, and there is no blank area.

[0263] The AIGC can generate relevant content based on input conditions or guidance (e.g., the first background element 3012 shown in FIG. 5e(3)). In other embodiments, other image expansion techniques can be used to obtain an expanded image with a unified style and continuous image frame before and after expansion, which is not limited here.

[0264] As shown in Figure 5e(4), the lock screen application of the mobile phone can call the UI framework and expand the image 301a shown in Figure 5e(2) to the left and right in the width direction by executing S102a to obtain the expanded image 301a1 shown in Figure 5e(4). Compared with the image 301a before expansion and the image 301a1 after expansion, the main elements between the two remain unchanged, both being the first main element 3011, except that the size of the transparent area outside the first main element 3011 is expanded, so that the size of the expanded image 301a1 is the same as the size of the expanded image 301b1 shown in Figure 5e(5), which facilitates the lock screen application to process image 301a1 and image 301b1 as lock screen wallpaper through S103. The aspect ratios of the expanded image 301a1 and the image 301b1 are both greater than or equal to the first threshold, so that the composite image of the image 301a1 and the image 301b1 (i.e., the expanded image of the image 301 shown in FIG5e(1)) is a large banner image.

[0265] Thus, in an embodiment of the present application, when the first image to be set as the lock screen wallpaper is not a large banner image, the lock screen application of the mobile phone can call the UI framework to perform image expansion on the background elements in the first image. Optionally, when the main element in the first image is incomplete (for example, the main element is a cat without a tail), the main element can also be image expanded (for example, the cat's tail is expanded in the width direction of the image), so that the image synthesized by the two images after the main element and the background element are expanded respectively is a large banner image, so as to facilitate the adjustment of the lock screen wallpaper obtained based on the large banner image (for example, shrinking processing) to ensure that the dynamic UI control does not block the main element in the lock screen wallpaper.

[0266] In an application scenario 2, FIG5f shows a schematic diagram of a process in which a mobile phone expands a first image.

[0267] The processes of image segmentation and expansion of the segmented main image and background image are mostly the same between Figure 5f and Figure 5e. The difference is that in application scenario 2, the lock screen application of the mobile phone can also call the UI framework to execute the above S102b to expand the segmented background image, such as image 301b shown in Figure 5e (3), in the image height direction.

[0268] The following describes the differences between application scenario 2 and application scenario 1 shown in FIG5e in conjunction with FIG5f. The other processes are the same and will not be described again here.

[0269] As shown in FIG5f , image 301b is image 301b shown in FIG5e (3), that is, the background image obtained after segmenting image 301. The mobile phone can expand image 301b shown in FIG5f to the left and right in the width direction, and expand image 301b upward in the height direction to obtain the expanded image 301b2 shown in FIG5f .

[0270] Specifically, the phone's lock screen application can invoke the UI framework and, using AIGC technology, expand the background elements of image 301b shown in Figure 5f in three directions: upward, left, and right. This ensures that the style of second background element 30122 in expanded image 301b2 is consistent with the style of first background element 3012 in image 301b before expansion. Furthermore, comparing image 301b before expansion and image 301b2 after expansion as shown in Figure 5f, the background elements obtained by expanding first background element 3012 to the left, right, and upward are continuous with first background element 3012, with no blank gaps. This way, the blue sky and white clouds in image 301b are expanded upward in width and height, and the mountain is expanded in width. The aspect ratio of the expanded image 301b2 is greater than the first threshold value, so as to expand the background elements of the image 301b and obtain a large banner image to be used as the lock screen wallpaper. The principle of size expansion of the image 301a is similar to the principle of the size expansion process of S102a shown in Figure 5e, except that the size of the expanded image 301a here is the same as the size of the expanded image 301b2 shown in Figure 5f.

[0271] Thus, in this embodiment, the mobile phone expands the background elements of the first image set as the lock screen wallpaper upward in the height direction and leftward and rightward in the width direction, so that the expanded first image becomes a large banner image. Then, after the mobile phone obtains the lock screen wallpaper based on the expanded first image, when the lock screen wallpaper is adjusted downward to prevent the dynamic UI controls from blocking the main elements of the lock screen wallpaper, it can ensure that after the lock screen wallpaper is moved downward, the background elements that have undergone the above-mentioned height expansion can be displayed on the lock screen interface, and the wallpaper will not move downward and cause a blank area to appear at the top of the screen.

[0272] In an application scenario 3, FIG5g shows a schematic diagram of a process in which a mobile phone expands a background image after segmenting the first image.

[0273] The process of expanding the background elements is mostly the same between FIG. 5g and FIG. 5f . The difference is that, in application scenario 3, the lock screen application of the mobile phone can also call the UI framework to execute the above-mentioned S102b to expand the background elements inward of the segmented image 301b shown in FIG. 5e (3).

[0274] The following describes the difference between application scenario 3 and application scenario 2 shown in FIG5e in conjunction with FIG5g. The other processes are the same and will not be repeated here.

[0275] As shown in FIG5g, image 301b is image 301b shown in FIG5e(3), that is, the background image obtained after segmenting image 301. Similar to the process of FIG5f above, the mobile phone can expand image 301b shown in FIG5g to the left and right in the width direction, and expand image 301b upward in the height direction. In addition, in FIG5g, the mobile phone can also expand inwardly within image 301b, so that the transparent area corresponding to the first main element 3011 in image 301b can be filled with the background elements by the above-mentioned inward expansion, such as filling the background elements of blue sky, white clouds and mountains, to obtain the expanded image 301b3 shown in FIG5g.

[0276] Specifically, the phone's lock screen application can call upon the UI framework and, through AIGC technology, expand the background elements of image 301b shown in FIG5g in three directions: upward, left, and right, as well as inward. Specifically, the background elements are expanded in the transparent area corresponding to the first main element 3011, so that the style of the second background element 30123 in the expanded image 301b3 is consistent with the style of the first background element 3012 in the pre-expansion image 301b. Furthermore, comparing the pre-expansion image 301b and the expanded image 301b3 shown in FIG5g, the background elements obtained by the phone by expanding the first background element 3012 to the left, right, upward, and inward are continuous with the first background element 3012, without any blank gaps. In this way, the blue sky and white clouds in image 301b are expanded in width and height, and the mountain is expanded in width. The aspect ratio of the expanded image 301b3 is greater than the first threshold value, so as to expand the background elements of the image 301b and obtain a large banner image to be used as the lock screen wallpaper. The principle of size expansion of the image 301a is similar to the principle of the size expansion process of S102a shown in Figure 5g, except that the size of the expanded image 301a here is the same as the size of the expanded image 301b3 shown in Figure 5g.

[0277] Thus, in this embodiment, the mobile phone treats the first image set as the lock screen wallpaper and expands the background elements in the height direction upward and in the width direction to the left and right outside the first image, so that the expanded first image is a large banner image. In addition, the mobile phone can also expand the background elements inward in the internal area of ​​the first image, so that the blank area occupied by the main element in the background elements of the expanded first image can also be expanded with background elements, so that the background elements in the background image of the lock screen wallpaper are internally continuous. Then, after the mobile phone obtains the lock screen wallpaper based on the expanded first image, when the main element of the lock screen wallpaper is adjusted downward to avoid the dynamic UI control from blocking the main element in the lock screen wallpaper, the background elements in the lock screen wallpaper can be displayed after the main element is moved downward, and a blank area will not be displayed in the background image of the lock screen wallpaper after the main element is moved downward.

[0278] In an application scenario 4, FIG5h shows a schematic diagram of a process of segmenting a first image by a mobile phone and expanding the segmented subject image.

[0279] The image segmentation process between FIG5h and FIG5e is the same and will not be repeated here.

[0280] Also, in application scenario 4, the process of the mobile phone performing image expansion on the background image can be referred to the above-mentioned application scenarios 1 to 3 corresponding to Figures 5e to 5g, which will not be repeated here.

[0281] The difference between Figure 5h and Figure 5e is that in the application scenario 4 shown in Figure 5h, the first image to be set as the lock screen wallpaper is not only not a large banner image, but also the ratio of the height of the main element in the first image to the height of the first image is less than the second threshold (for example, 1:2).

[0282] The following describes the differences between application scenario 4 and application scenario 1 shown in FIG5e in conjunction with FIG5h. Other processes are the same and will not be described again here.

[0283] As shown in FIG5h(1), the first image set as the lock screen wallpaper by the user operation request is image 301. The mobile phone segments image 301 through the above S101, and obtains image 301a (also called main image) including the first main element 3011 as shown in FIG5h(2). The areas other than the first main element 3011 in image 301a (such as the area where the first background element 3012 is located) are all transparent areas. Also, image 301b (also called background image) including the first background element 3012 as shown in FIG5h(3) is obtained. The areas other than the first background element 3012 in image 301b (such as the area where the first main element 3011 is located) are all transparent areas.

[0284] In this application scenario 5, the mobile phone can determine that the aspect ratio of the image 301 as the first image is less than the first threshold value, thereby determining that the image 301 shown in Figure 5h(1) is not a large banner image. Therefore, this embodiment needs to expand the background elements of the background image after the image 301 is segmented, such as the image 301b shown in Figure 5h(3). The principle of the specific expansion process can be referred to the relevant description of Figures 5e to 5g, which will not be repeated here.

[0285] In addition, in this application scenario 5, the mobile phone can also determine that the ratio of the height h1 of the first main element 3011 in the segmented image 301a shown in Figure 5h(2) to the height H1 of the image 301a is less than a second threshold (e.g., 1:2), that is, the height of the person serving as the main element in the image 301a does not reach half the height of the image 301a. Therefore, in this embodiment, the mobile phone can also use AIGC technology to expand the main element of the image 301a so that the ratio of the height of the main element in the expanded main image to the height of the main image reaches 1:2 or more.

[0286] As shown in FIG5h(2), the lock screen application of the mobile phone can call the UI framework to execute S102a to expand the first main element 3011 in the image 301a shown in FIG5h(2) downward in the height direction as indicated by the arrow. As shown in FIG5h(3), the expanded main element (also called the second main element) 30111 is expanded to obtain the lower half of the character compared to the first main element 3011 before expansion, and the height h2 of the expanded second main element 30111 is half of the height H2 of the expanded image 301a1.

[0287] As shown in FIG5h(2), the lock screen application of the mobile phone can also call the UI framework to expand the size of the image 301a shown in FIG5h(2) to the left and right in the width direction by executing S102a (the principle is the same as the principle of size expansion of S102a shown in FIG5e), so that the aspect ratio of the size of the expanded image 301a1 shown in FIG5h is greater than the first threshold, which is a large banner image.

[0288] It should be understood that the above Figures 5e to 5h are only examples of segmenting the main elements and background elements of the first image in four application scenarios, as well as examples of expanding the background elements and main elements. The present application is not limited to the above examples for the direction and method of expanding the background elements and main elements in the first image. In specific applications, the background elements of the first image can be flexibly expanded in any direction and / or the main elements in any direction according to actual needs. As long as the expanded first image is used as the lock screen wallpaper, when the dynamic UI control is displayed on the lock screen interface of the mobile phone, by adjusting at least one of the main elements and background elements in the lock screen wallpaper, it can not only ensure that the main element is not blocked by the displayed dynamic UI control, but also ensure that the adjusted lock screen wallpaper will not have a blank area when displayed on the mobile phone screen.

[0289] In this embodiment, the mobile phone can expand the main elements and / or background elements in the first image before setting the lock screen wallpaper based on the first image, and then set the lock screen wallpaper based on the expanded first image. This ensures that the main elements of the lock screen wallpaper are not obscured by the dynamic UI controls displayed on the lock screen interface. In the subsequent wallpaper adjustment process, only the elements in the lock screen wallpaper need to be scaled and moved, without the need to expand the main elements and / or background elements of the lock screen wallpaper in real time, which can reduce the delay and lag of the lock screen wallpaper adjustment process.

[0290] Example 2: Displaying dynamic UI controls and adjusting the lock screen wallpaper

[0291] FIG4 b is a schematic diagram showing an exemplary process of adjusting the lock screen wallpaper.

[0292] As shown in FIG4b , the lock screen application of the mobile phone may call the UI framework to perform the following process, which may include the following steps:

[0293] S201, when the mobile phone displays the lock screen interface, the mobile phone can determine the number of dynamic UI controls to be displayed on the lock screen interface, and the display properties of the dynamic UI controls.

[0294] Among them, dynamic UI controls may include but are not limited to: message controls related to notification messages, live windows, service cards, etc.

[0295] In some embodiments, the control type of the dynamic UI control to be displayed on the lock screen interface can be one, such as a message control, a live window, or a service card.

[0296] In some embodiments, there may be multiple types of dynamic UI controls to be displayed on the lock screen interface, such as a message control and a live window to be displayed.

[0297] Each dynamic UI control to be displayed has its display properties, which may include the control height, and optionally the control width, the control display position, and the like.

[0298] The display sizes of dynamic UI controls of the same type can be the same or different, and there is no restriction here.

[0299] For example, the display sizes of multiple message controls are generally the same. Therefore, in some embodiments, the mobile phone can also determine the control height of the corresponding type of control based on the control type of the dynamic UI control. Different service cards can have the same or different display sizes.

[0300] S202: The mobile phone determines a first adjustment parameter for a wallpaper element in the lock screen wallpaper according to the number of the dynamic UI controls to be displayed and the display properties of the dynamic UI controls.

[0301] As described in Example 1 above, the lock screen wallpaper may include a main image including a target main element, and a background image including a target background element.

[0302] It should be understood that although in the application scenarios of Figures 5a to 5d related to Example 1 above, the lock screen wallpaper is divided into only one main image and one background image, in some embodiments, there may be multiple image objects corresponding to the target main element, so the main images obtained by segmentation may also be multiple, for example, each main image includes one main element, and the other areas are transparent. Similarly, the lock screen wallpaper can also be divided into multiple background images, for example, each background image includes one background element, and the other areas are transparent. The background elements involved in different background images may be different. For example, in the scenarios of Figures 5a to 5d, the mobile phone can divide the image including the sky element into a background image, and the other areas are transparent; and the mobile phone can divide the image including the mountain element into a background image, and the other areas are transparent; if there are multiple characters in the photo, at least one character can constitute a main image, and the area of ​​the main image other than the at least one character is a transparent area. This solution is also applicable to the embodiment of Figure 4c.

[0303] In some embodiments, the wallpaper element to be adjusted may be part or all of the target main elements in the lock screen wallpaper. In other words, the mobile phone may adjust at least one of the above main images constituting the lock screen wallpaper.

[0304] In some embodiments, the wallpaper element to be adjusted may be part or all of the target background elements in the lock screen wallpaper. In other words, the mobile phone may adjust at least one of the above background images constituting the lock screen wallpaper.

[0305] In some embodiments, the wallpaper elements to be adjusted may include some or all of the target main elements in the lock screen wallpaper, and some or all of the target background elements in the lock screen wallpaper. In other words, the mobile phone can adjust at least one of the above-mentioned main images and at least one of the background images that constitute the lock screen wallpaper.

[0306] In specific applications, the wallpaper elements adjusted by the mobile phone include which element or elements, which can be flexibly determined based on the number and display properties of the dynamic UI controls to be displayed, optionally in combination with the control type, wallpaper adjustment strategy, etc., and are not limited here.

[0307] In addition, the first adjustment parameter determined by the mobile phone for the wallpaper element may be related to at least one of the number of dynamic UI controls to be displayed and their display properties, control types, wallpaper adjustment strategies, and the like.

[0308] For example, the adjustment method corresponding to the first adjustment parameter may include at least one of reduction, enlargement, and movement, so the adjustment amount of each adjustment method (for example, the reduction multiple, enlargement multiple, number of pixels moved relative to the corresponding wallpaper element in the original lock screen wallpaper before adjustment) may be positively correlated with the number of dynamic UI controls to be displayed and the height of the controls. In other words, the more dynamic UI controls to be displayed and the higher the height of the dynamic UI controls, the higher the reduction multiple, enlargement multiple, and moving height of the corresponding wallpaper elements. Among them, the original lock screen wallpaper refers to the lock screen wallpaper displayed on the mobile phone before the wallpaper adjustment operation.

[0309] S203a: The mobile phone may adjust the wallpaper elements in the lock screen wallpaper based on the first adjustment parameter.

[0310] In some embodiments, when adjusting the corresponding wallpaper element based on the first adjustment parameter, the mobile phone can play the adjustment process of the wallpaper element on the lock screen interface in the form of an animated effect. For example, if the entire lock screen wallpaper is adjusted downward by 10 units of pixels, the mobile phone can play the downward movement process of the lock screen wallpaper by 10 units of pixels at a certain movement speed and duration. In this way, the dynamic process of adjusting the lock screen wallpaper can be displayed to the user on the lock screen interface.

[0311] In some embodiments, the mobile phone may also directly display the adjusted lock screen wallpaper on the lock screen interface, for example, the lock screen wallpaper has been moved down by 10 units of pixels.

[0312] S203b, after S202, the mobile phone may display the aforementioned number of dynamic UI controls on the lock screen interface.

[0313] As described in S201, the above number of dynamic UI controls are UI controls to be displayed on the lock screen interface, so the mobile phone can display a corresponding number of dynamic UI controls on the lock screen interface according to their respective display properties.

[0314] Similar to S203a, in S203b, when displaying the number of dynamic UI controls, the mobile phone may also display the display process of the dynamic UI controls from scratch on the lock screen interface by playing motion effects.

[0315] In some embodiments, S203a and S203b are parallel steps, that is, the mobile phone can display dynamic UI controls on the lock screen interface while also adjusting the lock screen wallpaper.

[0316] In some embodiments, S203a and S203b may also be executed serially, and this application does not limit the execution order of the two steps.

[0317] In an embodiment of the present application, the mobile phone can determine the first adjustment parameters (such as zoom factor, moving height, moving direction, etc.) of the wallpaper elements in the lock screen wallpaper based on the number and display properties of the dynamic UI controls to be displayed on the lock screen interface. When the lock screen wallpaper adjusted according to the first adjustment parameters is displayed on the lock screen interface, the target main elements in the lock screen wallpaper will not be blocked by the dynamic UI controls displayed on the lock screen interface, so as to highlight the main elements of the lock screen wallpaper in the lock screen interface.

[0318] It should be understood that the above embodiments are all illustrated using a person object as the main element. In other embodiments, the main element can be any type of image object, such as an animal, a plant, an object, a building, etc. This application does not limit the type of image object involved in the main element. In addition, the main element in the lock screen wallpaper is not limited to the single person as exemplified above. The image object serving as the main element can be multiple, such as multiple people, or people and animals, etc., and this is also not limited here.

[0319] The process shown in FIG4b of Example 2 is described below in conjunction with application scenarios 5 to 7.

[0320] In an application scenario 5, combined with the above-mentioned Figures 5a to 5d, Figures 6a to 6b show schematic diagrams of the process of adjusting the lock screen wallpaper by the mobile phone.

[0321] Please refer to 6a(1), which shows the lock screen interface 300 of the mobile phone. The lock screen interface 300 displays the lock screen wallpaper 210 set through the wallpaper setting process shown in Figures 5a to 5d. In addition, the lock screen wallpaper 300 also displays static UI controls, such as a network icon, a battery icon, a time icon, a date icon, etc.

[0322] When the mobile phone displays the lock screen interface 300 as shown in FIG6a(1), the mobile phone receives a notification message. Then, the mobile phone can determine the display position, height and number (here one) of the message controls related to the notification message through S202 shown in FIG4b, thereby determining the downward height of the lock screen wallpaper 210, and moving the lock screen wallpaper 210 downward according to the downward height, and displaying the notification message on the lock screen interface 300, so that the lock screen interface 300 of the mobile phone switches (directly switches, or changes dynamically) from the state shown in FIG6a(1) to the state shown in FIG6a(2).

[0323] As shown in Figure 6a(2), the lock screen interface 300 displays a currently received notification message 302. In addition, the mobile phone moves the lock screen wallpaper 210 (including the target main element 2101 and the target background element 2102) in the lock screen interface 300 downward as a whole, so that the pop-up notification message 302 does not block the target main element 2101 in the lock screen wallpaper 210.

[0324] FIG6b shows the specific downward movement process of the lock screen wallpaper 210. In the scenario shown in FIG6a(1), the display position of the lock screen wallpaper 210 in the lock screen interface 300 is shown in FIG5d. Then, when the mobile phone displays a notification message 302 on the lock screen interface 300, as shown in FIG6b(1), the mobile phone can move the lock screen wallpaper 210, including the image 210a and the image 210b shown in FIG5c, downward by a corresponding height, thereby presenting the lock screen wallpaper 210 shown in FIG6a(2). Among them, the display state of the lock screen wallpaper 210 shown in FIG6b(1) is the same as the display state of the lock screen wallpaper 210 shown in FIG6a(2), except that the wallpaper elements that exceed the mobile phone screen shown in FIG6b(1) are not displayed on the lock screen interface 300.

[0325] When the mobile phone displays the lock screen interface 300 shown in FIG6a(2), and the mobile phone receives a notification message again, the mobile phone can determine the display position, height and number (here one) of the message control related to the notification message through S202 shown in FIG4b, thereby determining the downward height of the lock screen wallpaper 210, and moving the lock screen wallpaper 210 downward according to the downward height, and displaying the notification message on the lock screen interface 300, so that the lock screen interface 300 of the mobile phone switches (directly switches, or changes dynamically) from the state shown in FIG6a(2) to the state shown in FIG6a(3).

[0326] As shown in Figure 6a(3), the lock screen interface 300 not only displays the previously received notification message 302, but also displays a currently received notification message 303. In addition, the mobile phone further moves the lock screen wallpaper 210 (including the target main element 2101 and the target background element 2102) in the lock screen interface 300 downward as a whole in the state shown in Figure 6a(2), so that the pop-up notification message 303 does not block the target main element 2101 in the lock screen wallpaper 210.

[0327] FIG6b shows the specific downward movement process of the lock screen wallpaper 210. In the scenario shown in FIG6a(2), the display position of the lock screen wallpaper 210 in the lock screen interface 300 is shown in FIG6b(1). Then, when the mobile phone displays a notification message 303 (the number of corresponding notification messages to be displayed is one) on the lock screen interface 300, as shown in FIG6b(2), the mobile phone can move the lock screen wallpaper 210, specifically including the image 210a and the image 210b shown in FIG5c, downward by a corresponding height, so that the lock screen wallpaper 210 switches from the state shown in FIG6b(1) to the state shown in FIG6b(2), so as to display the lock screen wallpaper 210 shown in FIG6a(3). Among them, the display state of the lock screen wallpaper 210 shown in FIG6b(2) is the same as the display state of the lock screen wallpaper 210 shown in FIG6a(3), except that the wallpaper elements that exceed the mobile phone screen shown in FIG6b(2) are not displayed on the lock screen interface 300.

[0328] When the mobile phone moves the lock screen wallpaper 210 shown in FIG6a(2) downward to display the lock screen wallpaper 210 shown in FIG6a(3), as shown in FIG6b(1), the height of the lock screen wallpaper 210 is H3. Then, after continuing to move downward from the state shown in FIG6b(1) according to the corresponding downward height, as shown in FIG6b(2), the top area of ​​the lock screen wallpaper 210 will have no image elements for display on the screen, thereby presenting a blank area. To this end, when the mobile phone adjusts the lock screen wallpaper 210, as shown in FIG6b(2), it can expand outward from the top edge of the lock screen wallpaper 210 (solid line) to the dotted line (expanded height is h3) in the height direction of the lock screen wallpaper 210, thereby expanding the target background element in the lock screen wallpaper 210. Here, the elements of the blue sky and white clouds are expanded, so that the height of the lock screen wallpaper 210 is expanded from H3 to H3+h3, as shown in FIG6b(2) and FIG6a(3). Then, after the expanded lock screen wallpaper 210 moves down by the corresponding height, no blank area will appear, but the background element of the expanded blue sky will be displayed.

[0329] In this embodiment, when the wallpaper elements (here, background elements) in the lock screen wallpaper 210 are expanded, the expansion principles and strategies are the same as those described in S102 in the above example 1, and are not repeated here.

[0330] That is to say, the above S102 can be implemented not only in the process of setting the lock screen wallpaper, but also in the process of adjusting the lock screen wallpaper to flexibly determine the expansion method of the wallpaper elements according to the actual display requirements of the lock screen wallpaper.

[0331] In an embodiment of the present application, considering that the type, size, quantity and other information of the dynamic UI controls to be displayed on the lock screen interface are unpredictable before setting the lock screen wallpaper, in order to ensure that the main elements in the lock screen wallpaper are not blocked by the dynamic UI controls displayed on the lock screen interface, the first adjustment parameter for adjusting the lock screen wallpaper can be determined based on the information of the dynamic UI controls that have been determined, and before using the first adjustment parameter to adjust the lock screen wallpaper, the main elements and / or background elements in the lock screen wallpaper can be expanded in real time with reference to the first adjustment parameter. Then, the expanded lock screen wallpaper is adjusted accordingly to ensure that after the expanded lock screen wallpaper is scaled, moved, etc. (downward movement in this case), there will be no gaps (not filled with image elements) between different elements in the lock screen wallpaper displayed on the mobile phone screen.

[0332] In the embodiment of the present application, the adjustment process of the lock screen wallpaper of the present application is explained by taking the dynamic UI control as a notification message and the number of notification messages to be displayed on the lock screen interface each time as one. It should be understood that when the number of notification messages to be displayed on the lock screen interface each time is multiple, the implementation principle is similar, except that the downward height of the lock screen wallpaper may be proportional to the number. For example, when the number of notification messages to be displayed at a single time is two, the lock screen interface of the mobile phone can be directly switched from Figure 6a (1) to the lock screen interface 300 shown in Figure 6a (3), so that the single downward height of the lock screen wallpaper 210 is the downward height corresponding to two notification messages.

[0333] In addition, in the application scenarios shown in Figures 6a and 6b of the present application, the entire lock screen wallpaper 210 is moved downward as a whole to avoid the problem of the notification message displayed on the lock screen interface blocking the target main element 2101 in the lock screen wallpaper 210, so as to highlight the target main element 2101 on the lock screen interface 300. This wallpaper adjustment method of moving the lock screen wallpaper downward as a whole has lower adjustment complexity for the lock screen wallpaper, so that the adjustment process of the lock screen wallpaper can be executed more smoothly.

[0334] In an application scenario 6, combined with the above-mentioned Figures 5a to 5d, Figure 6c shows a schematic diagram of the process of adjusting the lock screen wallpaper by the mobile phone.

[0335] The implementation process of Figure 4b is basically the same between application scenario 6 and application scenario 5. Unlike the above-mentioned application scenario 5 (corresponding to Figures 6a to 6b), in application scenario 6, the dynamic UI control to be displayed on the lock screen interface of the mobile phone can not only be a notification message, but also a live window; in addition, in application scenario 6, the method of adjusting the wallpaper elements in the lock screen wallpaper not only includes the downward adjustment of the entire lock screen wallpaper, but also includes the reduction operation of the background image in the lock screen wallpaper, and the enlargement operation of the main image.

[0336] Please refer to 6c(1), which shows the lock screen interface 300 of the mobile phone. The lock screen interface 300 displays the lock screen wallpaper 210 set through the wallpaper setting process shown in Figures 5a to 5d. Combined with Figure 5c, the lock screen wallpaper 210 shown in Figure 6c(1) is composed of an image 210a including a target main element 2101 (also referred to as the main image 210a in this application scenario 6), and an image 210b including a target background element 2101 (also referred to as the background image 210b in this application scenario 6).

[0337] When the mobile phone displays the lock screen interface 300 as shown in FIG6c(1), the mobile phone receives a notification message. Then, the mobile phone can determine the height and number (here one) of the message controls related to the notification message through S202 shown in FIG4b, thereby determining the reduction ratio of the background image 210b in the lock screen wallpaper 210 as shown in FIG6c(1), the magnification ratio of the main image 210a, and the downward movement heights of the background image 210b and the main image 210a respectively. In this embodiment, the downward movement heights of the main image 210a and the background image 210b are the same.

[0338] In other embodiments, the downward movement heights corresponding to the background image 210 b and the main image 210 a may also be different.

[0339] In order to make the downward movement heights of the main image 210a and the background image 210b different, in some embodiments, the principle of larger when near and smaller when far can be followed. Specifically, since the depth of field of the main image 210a is smaller than the depth of field of the background image 210b, the mobile phone can control the downward movement height of the main image 210a to be larger than the height of the background image 210b. As for the height difference between the downward movement height of the main image 210a and the downward movement height of the background image 210b, it can be related to the difference in depth of field between the main image 210a and the background image 210b. From a visual perspective, the height difference is related to the distance between the main element of the main image 210a and the background element of the background image 210b.

[0340] The greater the difference in depth of field, the greater the height difference. For example, if the background element of the background image is a sky element, and the sky is infinitely far away from the subject element (e.g., a person), the mobile phone can control the subject image 210a to move down a certain height, while the background image 210b does not move down, or the moving height is zero.

[0341] Similarly, the smaller the difference in depth of field, the smaller the height difference. For example, if the lock screen wallpaper depicts a person standing close to a wall, the main element of the lock screen wallpaper is the person, and the background element is the wall. Because the person is standing close to the wall, the depth of field difference between the person and the wall is very small. In this way, the phone can control the main image including the person and the background image including the wall to move down to a similar height, so that the height difference between the two is very small.

[0342] In this way, the mobile phone can produce an effect similar to three-dimensional animation by moving the main image and the background image downward at different heights to achieve staggered movement of the main elements and the background elements.

[0343] Continuing back to the embodiment of FIG6c, the principle of the adjustment process of the background image 210b and the main image 210a shown in FIG6c(1) by the mobile phone is similar to the principle of the process of FIG6b in the above-mentioned application scenario 5. The difference is that in this application scenario 6, not only the background image 210b and the main image 210a are moved downward, but also the background image 210b is reduced and the main image 210a is enlarged.

[0344] In addition, regarding the mobile phone's operation of reducing the background image 210b in the lock screen wallpaper 210 as shown in Figure 6c (1) according to the determined corresponding reduction ratio, and the operation of enlarging the main image 210a according to the corresponding magnification ratio, and the operation of moving the background image 210b and the main image 210a downward to the corresponding height, these operations can be performed simultaneously or in series, and this application does not impose any restrictions on this.

[0345] In this embodiment, in response to a display request of the mobile phone for a dynamic UI control to be displayed (for example, the scene of the notification message 302 shown in Figure 6c (2) to be displayed), the various adjustment operations (such as the above-mentioned enlargement, reduction, and downward movement) performed by the mobile phone on the wallpaper elements in the lock screen wallpaper 210 can be performed simultaneously compared to serial execution. In this way, when the adjustment process of the lock screen wallpaper 210 is played in the form of an animation, the animation can be made more coherent and smooth, and the jamming can be reduced.

[0346] Please refer to Figure 6c(2). Figure 6c(2) shows the lock screen wallpaper 210 after the mobile phone zooms in on the main image 210a shown in Figure 6c(1), shrinks the background image 210b, and moves both the main image 210a and the background image 210b downward to the same height, based on the number of notification messages 302 and the height of the control. In addition, the lock screen interface 300 shown in Figure 6c(2) also displays the notification message 302.

[0347] In this embodiment, the lock screen wallpaper 210 shown in FIG. 6c (1) can be dynamically changed into the lock screen wallpaper 210 shown in FIG. 6c (2) according to the various adjustment operations described above.

[0348] Compared with the lock screen wallpaper 210 shown in Figure 6c(1), the main image 210a in the lock screen wallpaper 210 shown in Figure 6c(2) is enlarged and moved downward, and the background image 210b in the lock screen wallpaper 210 shown in Figure 6c(2) is reduced and moved downward.

[0349] Then, when the mobile phone displays the lock screen interface 300 shown in Figure 6c(2), if the mobile phone receives a notification message again, the mobile phone can execute S201, S202, S203a and S203b shown in Figure 4b to dynamically change the lock screen interface of the mobile phone from the lock screen interface 300 shown in Figure 6c(2) to the lock screen interface 300 shown in Figure 6c(3).

[0350] Compared to Figure 6c(2), as shown in Figure 6c(3), a notification message 303 received this time is newly displayed in the lock screen interface 300 of the mobile phone; and the mobile phone also dynamically changes the lock screen wallpaper 210 from the state shown in Figure 6c(2) to the state shown in Figure 6c(3). The principle of the mobile phone dynamically changing the lock screen wallpaper 210 from the state shown in Figure 6c(2) to the state shown in Figure 6c(3) is the same as the principle of the mobile phone dynamically changing the lock screen wallpaper 210 from the state shown in Figure 6c(1) to the state shown in Figure 6c(2), and will not be repeated here.

[0351] Compared with the lock screen wallpaper 210 shown in Figure 6c(2), the main image 210a in the lock screen wallpaper 210 shown in Figure 6c(3) is enlarged and moved downward, and the background image 210b in the lock screen wallpaper 210 shown in Figure 6c(3) is reduced and moved downward.

[0352] Next, when the mobile phone displays the lock screen interface 300 shown in Figure 6c (3), the mobile phone requests to display a live window. Then, the mobile phone can dynamically change the lock screen interface of the mobile phone from the lock screen interface 300 shown in Figure 6c (3) to the lock screen interface 300 shown in Figure 6c (4) by executing S201, S202, S203a and S203b shown in Figure 4b.

[0353] Compared to FIG6c(3), as shown in FIG6c(4), a live window 304 is newly displayed in the lock screen interface 300 of the mobile phone; and the mobile phone also dynamically changes the lock screen wallpaper 210 from the state shown in FIG6c(3) to the state shown in FIG6c(4). The principle by which the mobile phone dynamically changes the lock screen wallpaper 210 from the state shown in FIG6c(3) to the state shown in FIG6c(4) is the same as the principle by which the mobile phone dynamically changes the lock screen wallpaper 210 from the state shown in FIG6c(1) to the state shown in FIG6c(2). The difference is that the dynamic UI control to be displayed this time is not a notification message, but a live window 304. The control height of the live window 304 is higher than the control height of the notification message 302 or the notification message 303. Therefore, the magnification of the main image 201a in the lock screen wallpaper 210 shown in Figure 6c (3) when the mobile phone enlarges it, the reduction ratio when the background image 201b is reduced, and the downward height of the main image 201a and the background image 210b are all greater than the corresponding adjustment operations performed by the mobile phone on the lock screen wallpaper 210 when changing from Figure 6c (1) to Figure 6c (2) or from Figure 6c (2) to Figure 6c (3).

[0354] Compared with the lock screen wallpaper 210 shown in Figure 6c(3), the main image 210a in the lock screen wallpaper 210 shown in Figure 6c(4) is further enlarged and moved downward, and the background image 210b in the lock screen wallpaper 210 shown in Figure 6c(4) is further reduced and moved downward.

[0355] In this embodiment, the dynamic UI control to be displayed on the lock screen interface of the mobile phone can be not only a notification message, but also a live window. When the mobile phone displays dynamic UI controls such as notification messages and live windows on the lock screen interface, it can ensure that the above notification messages and live windows do not block the main elements in the lock screen wallpaper by adjusting the lock screen wallpaper. It can realize the display of each dynamic UI control on the lock screen interface and highlight the main elements in the lock screen wallpaper. In addition, in this embodiment, when the mobile phone adjusts the lock screen wallpaper, by zooming out the background image in the lock screen wallpaper, zooming in the main image, and moving down both the main image and the background image, the above three types of operations are combined to adjust the corresponding wallpaper elements in the lock screen wallpaper, which can present a Hitchcock zoom effect on the lock screen wallpaper.

[0356] In an application scenario 7, combined with the above-mentioned Figures 5a to 5d, Figure 6d shows a schematic diagram of the process of adjusting the lock screen wallpaper by the mobile phone.

[0357] The implementation process of the mobile phone is mostly the same between application scenario 7 and application scenario 6. The difference is that in application scenario 7, the mobile phone can perform wallpaper adjustment operations corresponding to the control type of the dynamic UI control to be displayed on the lock screen interface. Notification messages and service cards are used as examples to illustrate this.

[0358] Please refer to 6d, the lock screen interface 300 shown in Figure 6d(1) is the same as that shown in Figure 6c(1), and the lock screen interface 300 shown in Figure 6d(2) is the same as that shown in Figure 6c(2).

[0359] When the mobile phone displays the lock screen interface 300 as shown in Figure 6d (1), the mobile phone receives a notification message. Then, the mobile phone can determine that the control type of the dynamic UI control to be displayed on the lock screen interface is a notification message. For example, the mobile phone pre-configures a wallpaper adjustment strategy corresponding to the control type of the notification message (such as a message control). The wallpaper adjustment strategy may include the wallpaper elements to be operated, and the operations performed on the wallpaper elements, and optionally also includes information such as the adjustment amount of each operation.

[0360] For example, the wallpaper adjustment strategy corresponding to the control type of the notification message may include: reducing the background image, enlarging the main image, and moving the entire lock screen wallpaper downward in the same direction (for example, moving both the main image and the background image downward by the same height), optionally including the reduction factor of the above-mentioned reduction operation, the magnification factor of the enlargement operation, the downward height of the downward operation, etc.

[0361] In this embodiment, the wallpaper adjustment strategy corresponding to the control type of the notification message does not include the adjustment amount of the above-mentioned operations. Then, the mobile phone can determine the height and number (here one) of the message controls related to the notification message through S202 shown in Figure 4b, and thus determine the reduction ratio of the background image 210b in the lock screen wallpaper 210 shown in Figure 6d (1), the magnification ratio of the main image 210a, and the downward movement height of the background image 210b and the main image 210a (for example, the downward movement heights of the two are the same) based on the height of the message controls and the number to be displayed.

[0362] In this embodiment, the first adjustment parameter of the wallpaper element shown in FIG4 b may include a wallpaper adjustment strategy corresponding to the control type of the notification message, and an adjustment amount of each operation corresponding to the wallpaper adjustment strategy.

[0363] Then, the mobile phone can execute S203a as shown in Figure 4b to reduce the background image 210b in the lock screen wallpaper 210 shown in Figure 6d(1) according to the above-mentioned reduction factor, and enlarge the main image 210a shown in Figure 6d(1) according to the above-mentioned magnification factor, and move down both the main image 210a and the background image 210b shown in Figure 6d(1) according to the above-mentioned downward movement height, so as to directly switch from the lock screen wallpaper 210 shown in Figure 6d(1) or dynamically change to the lock screen wallpaper 210 shown in Figure 6d(2) through motion effects.

[0364] Furthermore, the mobile phone may display the notification message 302 on the lock screen interface 300 by executing S203b as shown in FIG. 4b .

[0365] In this way, the lock screen interface of the mobile phone is switched from the lock screen interface 300 shown in Figure 6d(1) to the lock screen interface 300 shown in Figure 6d(2).

[0366] Continuing with reference to FIG6d , when the mobile phone displays the lock screen interface 300 as shown in FIG6d (2), the user performs a long press operation on the notification message 302. The specific operation type here is not limited and can be flexibly configured according to needs. The mobile phone can respond to the user operation to generate a service card related to the notification message 302 (here, the service card 305 shown in FIG6d (3)) based on the notification message 302.

[0367] For example, the mobile phone may call an artificial intelligence (AI) module to respond to received target input indicating AI recognition (such as a long press operation on the notification message 302), and generate service information based on the notification message 302, and generate a service card based on the service information.

[0368] For example, in response to a long press operation on the notification message 302, the mobile phone can perform AI recognition on the message content of the notification message 302 to obtain structured service information. For example, the service information may include but is not limited to: the pickup location, the pickup code, the type of the item in the express delivery, the courier name, etc. Then, the mobile phone can use the recognized service information to determine whether the notification message 302 shown in Figure 6d (2) needs to be refreshed to the service card 305 shown in Figure 6d (3).

[0369] In this way, the mobile phone can determine that there is a service card 305 to be displayed on the lock screen interface 300 and a notification message 302 to be cancelled from the lock screen interface 300.

[0370] Then, the mobile phone may determine a wallpaper adjustment strategy corresponding to the service card 305 to be displayed based on the control type (here, the service card).

[0371] For example, the wallpaper adjustment strategy pre-set by the mobile phone corresponding to the service card control type may include: reducing the background image, enlarging the main image, and moving the main object downward only, optionally including the reduction factor of the above-mentioned reduction operation, the magnification factor of the enlargement operation, the downward movement height of the downward movement operation, etc.

[0372] In addition, the mobile phone can combine the control height of the service card 305 and the control height of the notification message 302, such as the height difference between the control height of the service card 305 and the control height of the notification message 302, and the number of service cards to be displayed (one here), to determine the reduction factor of the background image 210b in the lock screen wallpaper 210 shown in Figure 6d (2) (for example, reduction to half of the background image 210b), the magnification factor of the main image 210a in the lock screen wallpaper 210 shown in Figure 6d (2), and the downward height of the main image 210a. The operation amount of each operation involved in this wallpaper adjustment is relative to the original lock screen wallpaper 210 shown in Figure 6d (2).

[0373] Next, the mobile phone can adjust the lock screen wallpaper 210 shown in Figure 6d (2) by the corresponding magnification and height according to the wallpaper adjustment strategy corresponding to the service card control type and the operation amount of each operation determined above (the above-mentioned reduction magnification, magnification, and downward movement height), so as to directly switch or dynamically change to the lock screen wallpaper 210 shown in Figure 6d (3); and the mobile phone can update the notification message 302 shown in Figure 6d (2) to the service card 305 shown in Figure 6d (3).

[0374] As shown in FIG5d(3), the service card 305 may include, but is not limited to, controls 2031, 2032, 2033, and 2034. Control 2031 is used to indicate that the courier has not yet been picked up, such as "pending pickup." Control 2032 is used to indicate the pickup code, such as "0-1-1010." Control 2033 is used to indicate the pickup location, such as "YY Station at the north gate of a certain community." Control 2034 may be a picture to indicate the type of item in the courier to be picked up, such as headphones.

[0375] Comparing the lock screen wallpapers 210 shown in FIG6d(2) and FIG6d(3), the main image 210a in the lock screen wallpaper 210 is enlarged and moved downward, while the background image 210b is reduced but not moved downward.

[0376] In the present application scenario 7 corresponding to Figure 6d, the lock screen application of the mobile phone can call the UI framework module to adjust the wallpaper elements in the lock screen wallpaper according to the wallpaper adjustment strategy corresponding to the control type of the dynamic UI control currently to be displayed. The adjustment amount of the wallpaper elements can be determined in combination with the control height of the dynamic UI control currently to be displayed and the number of controls of the dynamic UI control. In this way, when the control type of the dynamic UI control to be displayed is different, the dynamic effect played by the mobile phone for the lock screen wallpaper (corresponding to the above-mentioned adjusted dynamic effect) may also be different, and the dynamic effect can match the control type.

[0377] In addition, when displaying at least one of the dynamic UI controls, if there are dynamic UI controls that need to be canceled, the adjustment amount of the wallpaper elements can be further determined in combination with the control height and number of the dynamic UI controls to be canceled, so that the changes in the lock screen wallpaper can match the control type and number of the dynamic UI controls finally displayed on the lock screen interface.

[0378] In addition, in the above application scenario 7, the number of dynamic UI controls displayed at a single time is taken as an example (for example, the service card 305 shown in Figure 6d (3)) to illustrate the adjustment process of the mobile phone for the lock screen wallpaper. When the control types of the dynamic UI controls displayed at a single time are multiple, and the number of each dynamic UI control is multiple, the implementation process principle is the same. The only difference is that the first adjustment parameter finally determined by the mobile phone for the lock screen wallpaper is the cumulative result of the wallpaper adjustment strategies and adjustment amounts corresponding to the multiple dynamic UI controls.

[0379] For example, when a mobile phone displays a lock screen wallpaper (here is the original lock screen wallpaper), it is determined that the dynamic UI controls to be displayed this time include two notification messages and a service card, among which the wallpaper adjustment strategy corresponding to the control type of the notification message is: the main image is enlarged to twice the main image in the original lock screen wallpaper, the background image is reduced to 1 / 10 times the background image in the original lock screen wallpaper, and the entire lock screen wallpaper is moved down (that is, the main image and the background image are moved down to the same height) by 5 pixels.

[0380] The wallpaper adjustment strategy corresponding to the control type of the service card is: the main image is enlarged to 3 times the main image in the original lock screen wallpaper, the background image is reduced to 1 / 5 of the background image in the original lock screen wallpaper, and the main image is moved down by 10 pixels.

[0381] The number of notification messages to be displayed is 2, and the number of service cards to be displayed is one. Then the mobile phone combines the number of various dynamic UI controls to be displayed and the wallpaper adjustment strategy of various dynamic UI controls to determine the first adjustment parameters of the wallpaper elements of the lock screen wallpaper through accumulation, including: enlarging the main image by 7 times, reducing the background image by 2 / 5 times, moving the main image down by 20 pixels, and moving the background image down by 10 pixels.

[0382] In this way, when the mobile phone displays two notification messages and a service card on the lock screen interface, the main image in the lock screen wallpaper can be enlarged to 7 times the original main image, the background image can be reduced to 2 / 5 times the original background image, the main image can be moved down 20 pixels from the position of the original main image in the original lock screen wallpaper, and the background image can be moved down 10 pixels from the position of the original background image in the original lock screen wallpaper, so that the main elements in the lock screen wallpaper are not blocked by the displayed notification messages and service cards.

[0383] Among them, the original lock screen wallpaper here is the lock screen wallpaper displayed by the mobile phone before this wallpaper adjustment operation, the original main image here is the main image in the original lock screen wallpaper, and the original background image is the background image in the original lock screen wallpaper.

[0384] Unless otherwise specified, the magnification and reduction ratios, as well as the moving height, described in the various embodiments of this application, all refer to magnification to the corresponding multiples of the corresponding original image, and reduction to the corresponding multiples of the corresponding original image, and movement to the corresponding height starting from the position in the original image.

[0385] Of course, when adjusting the wallpaper elements in the lock screen wallpaper, the magnifications of the zoom-in and zoom-out operations in this application are not limited to the relative magnifications given here as an example, but can also be absolute magnifications, which are not limited here.

[0386] It should be understood that the above-mentioned embodiments of the present application are explained by taking the example of displaying multiple dynamic UI controls in a top-down order (for example, starting from the bottom of the time and date icon and moving toward the bottom of the screen) in the height direction of the lock screen interface.

[0387] In addition, it should be understood that Figure 6d only exemplarily shows a service card to which the method of the present application is applicable. The method of the present application can be applied to various types of service cards (such as media cards, sports cards, custom cards, etc.) and service cards generated in various ways. The principles are similar and are not limited here.

[0388] In some embodiments, when the mobile phone is about to display a dynamic UI control (taking a notification message as an example) on the lock screen interface, when the mobile phone determines the first adjustment parameter of the wallpaper element in the lock screen interface through S202 shown in Figure 4b, the first adjustment parameter is not limited to the adjustment of enlarging the main image and reducing the background image as described in the above embodiments, but can also be to reduce the main image and enlarge the background image. Optionally, at least one of the main image and the background image is adjusted downward. In this way, when the notification message is displayed on the lock screen interface of the mobile phone, the lock screen wallpaper displayed on the lock screen interface can present its changing process with the effect of Hitchcock reverse zoom. In this way, it can not only ensure that the displayed notification message does not block the main element, but also ensure that the main element is always completely displayed on the lock screen interface.

[0389] Example 3: The process of canceling the display of dynamic UI controls and adjusting the lock screen wallpaper

[0390] FIG4c is a schematic diagram showing an exemplary process of adjusting the lock screen wallpaper.

[0391] After adjusting the lock screen wallpaper and displaying dynamic UI controls on the lock screen through the process shown in Figure 4b, the phone's lock screen application can call the UI framework to perform the following process, as shown in Figure 4c. The process shown in Figure 4c is equivalent to the reverse process of the process shown in Figure 4b, and the execution principles of similar steps in the two processes are similar.

[0392] As shown in FIG4c , the process may include the following steps:

[0393] S301: When a lock screen wallpaper and dynamic UI controls are displayed on a lock screen interface of a mobile phone, the mobile phone may determine the number of dynamic UI controls to be canceled and display properties of the dynamic UI controls.

[0394] Among them, dynamic UI controls may include but are not limited to: message controls related to notification messages, live windows, service cards, etc.

[0395] In some embodiments, the control type of the dynamic UI control to be canceled from the lock screen interface can be one, such as a message control, a live window, or a service card.

[0396] In some embodiments, the control types of the dynamic UI controls to be canceled from the lock screen interface may also be multiple, such as a message control to be displayed and a live window.

[0397] For the display properties of the dynamic UI control, please refer to the introduction of the display properties in S201 in Example 2, which will not be repeated here.

[0398] S302: The mobile phone may determine a second adjustment parameter for the wallpaper element in the lock screen wallpaper based on the number of the dynamic UI controls to be canceled and the display properties of the dynamic UI controls.

[0399] As described in Example 1 above, the lock screen wallpaper may include a main image including a target main element, and a background image including a target background element.

[0400] In some embodiments, the wallpaper element to be adjusted may be part or all of the target main elements in the lock screen wallpaper. In other words, the mobile phone may adjust at least one of the above main images constituting the lock screen wallpaper.

[0401] In some embodiments, the wallpaper element to be adjusted may be part or all of the target background elements in the lock screen wallpaper. In other words, the mobile phone may adjust at least one of the above background images constituting the lock screen wallpaper.

[0402] In some embodiments, the wallpaper elements to be adjusted may include some or all of the target main elements in the lock screen wallpaper, and some or all of the target background elements in the lock screen wallpaper. In other words, the mobile phone can adjust at least one of the above-mentioned main images and at least one of the background images that constitute the lock screen wallpaper.

[0403] In specific applications, which element or elements are specifically included in the wallpaper elements adjusted by the mobile phone can be flexibly determined based on the number and display properties of the dynamic UI controls to be canceled, optionally in combination with the control type of the dynamic UI controls to be canceled, the wallpaper adjustment strategy, etc., and there is no restriction here.

[0404] In addition, the second adjustment parameter determined by the mobile phone for the wallpaper element may be related to at least one of the number of dynamic UI controls to be displayed and their display properties, control types, wallpaper adjustment strategies, and the like.

[0405] For example, the adjustment method corresponding to the second adjustment parameter may include at least one of reduction, enlargement, and movement. Then, the adjustment amount of each adjustment method (e.g., reduction factor, enlargement factor, number of pixels moved, etc.) may be positively correlated with the number of dynamic UI controls to be displayed and the height of the controls. In other words, the more dynamic UI controls to be canceled and the higher the height of the dynamic UI controls to be canceled, the higher the reduction factor, enlargement factor, and movement height of the corresponding wallpaper element.

[0406] S303a: The mobile phone may adjust the lock screen wallpaper based on the second adjustment parameter.

[0407] In some embodiments, when adjusting the corresponding wallpaper element based on the second adjustment parameter, the mobile phone can play the adjustment process of the wallpaper element on the lock screen interface in the form of an animated effect. For example, if the entire lock screen wallpaper is adjusted upward by 10 units of pixels, the mobile phone can play the upward movement process of the lock screen wallpaper by 10 units of pixels at a certain movement speed and duration. In this way, the dynamic process of adjusting the lock screen wallpaper can be displayed to the user on the lock screen interface.

[0408] In some embodiments, the mobile phone may also directly display the adjusted lock screen wallpaper on the lock screen interface, for example, the lock screen wallpaper has been moved up by 10 pixels.

[0409] S303b, after S302, the mobile phone may cancel the display of the above number of dynamic UI controls on the lock screen interface.

[0410] As described in S301, the above number of dynamic UI controls are UI controls to be canceled from the lock screen interface, so the mobile phone can cancel the display of a corresponding number of dynamic UI controls based on the display properties of each dynamic UI control.

[0411] Similar to S303a, in S303b, when the mobile phone cancels the display of the number of dynamic UI controls, it can also display the display process of the dynamic UI controls on the lock screen interface from being present to being absent by playing an animation.

[0412] In some embodiments, S303a and S303b are parallel steps, that is, the mobile phone can cancel the display of dynamic UI controls on the lock screen interface while also adjusting the lock screen wallpaper.

[0413] In some embodiments, S303a and S303b may also be executed serially, and this application does not limit the execution order of the two steps.

[0414] In an embodiment of the present application, the mobile phone can determine the second adjustment parameters (such as zoom factor, moving height, moving direction, etc.) of the wallpaper elements in the lock screen wallpaper based on the number and display properties of the dynamic UI controls to be canceled from the lock screen interface, and adjust the lock screen wallpaper according to the second adjustment parameters to restore the wallpaper elements in the lock screen wallpaper to the display state when the above-mentioned dynamic UI controls are not displayed, and cancel the display of the corresponding dynamic UI controls on the lock screen interface.

[0415] The process shown in FIG4c of Example 3 is described below in conjunction with Application Scenario 8.

[0416] In an application scenario 8, combined with the above-mentioned Figures 5a to 5d and Figure 6c, Figure 6e shows a schematic diagram of the process of adjusting the lock screen wallpaper by the mobile phone.

[0417] Please refer to 6e(1), which shows the lock screen interface 300 of the mobile phone. The lock screen interface 300 is the same as the lock screen interface 300 shown in Figure 6c(4). As shown in Figure 6e(1), the user slides the notification message 302 in the lock screen interface 300 to the left in the direction of the arrow. In response to the user operation, the mobile phone displays the lock screen interface 300 shown in Figure 6e(2). As shown in Figure 6e(2), the length of the notification message 302 in the lock screen interface 300 is shortened, and a delete control 3021 is displayed. The user clicks the delete control 3021. In response to the user operation, the mobile phone executes S301, S302, S303a and S303b shown in Figure 4c to cancel the display of the notification message 302, and performs wallpaper adjustment operation on the lock screen wallpaper 210 shown in Figure 6e(2) to display the lock screen interface 300 shown in Figure 6e(3).

[0418] As shown in FIG6e(3), the notification message 302 in the lock screen interface 300 is canceled, and compared with the lock screen wallpaper 210 shown in FIG6e(2), after the above-mentioned wallpaper adjustment operation, the main image 210a in the lock screen wallpaper 210 shown in FIG6e(3) has been enlarged and moved upward, and the background image 210b has been reduced and moved upward, wherein the upward movement height of the main image 210a and the background image 210b is the same.

[0419] Among them, the magnification of the main image 210a, the reduction of the background image 210b, and the upward height of the entire lock screen wallpaper 210 are all positively correlated with the control height of the notification message 302 shown in Figure 6e(2).

[0420] Continuing with reference to Figure 6e(3), the user long presses the live window 304 in the lock screen interface 300 to request to cancel the display of the live window 304 on the lock screen interface 300. It should be understood that the operation for indicating the cancellation of the display of the live window 304 is not limited to the long press operation exemplified here, and can be any type of user operation, which is not limited here.

[0421] Then, in response to the user's long press operation on the live window 304, the mobile phone can execute S301, S302, S303a and S303b shown in Figure 4c to cancel the display of the live window 304 on the lock screen interface 300, and adjust the wallpaper of the lock screen wallpaper 210 shown in Figure 6e (3) to display the lock screen interface 300 shown in Figure 6e (4).

[0422] As shown in FIG6e(4), the live window 304 in the lock screen interface 300 is canceled, and compared with the lock screen wallpaper 210 shown in FIG6e(3), after the above-mentioned wallpaper adjustment operation, the main image 210a in the lock screen wallpaper 210 shown in FIG6e(4) has been further enlarged and moved upward, and the background image 210b has been further reduced and moved upward, wherein the main image 210a and the background image 210b have the same upward height.

[0423] The magnification of the main image 210a, the reduction of the background image 210b, and the upward height of the entire lock screen wallpaper 210 are all positively correlated with the height of the control of the live window 304 shown in FIG6e(3).

[0424] Since the control height of the live window 304 shown in Figure 6e is higher than the control height of the notification message 302 and the notification message 302, it can be seen from Figure 6e that, taking the magnification of the main image 210a as an example, the magnification of the main image 210a when changing from Figure 6e(3) to Figure 6e(4) is larger than the magnification of the main image 210a when changing from Figure 6e(2) to Figure 6e(3).

[0425] Continuing with FIG6e(4), the user swipes the notification message 303 in the lock screen interface 300 to the left in the direction of the arrow, and the mobile phone can respond to the user operation and display the lock screen interface 300 shown in FIG6e(5). As shown in FIG6e(5), the length of the notification message 303 in the lock screen interface 300 is shortened, and a delete control 3031 is displayed. The user clicks the delete control 3031, and the mobile phone can respond to the user operation and execute S301, S302, S303a and S303b shown in FIG4c to cancel the display of the notification message 303, and perform wallpaper adjustment operation on the lock screen wallpaper 210 shown in FIG6e(5) to display the lock screen interface 300 shown in FIG6e(6).

[0426] As shown in FIG6e(6), the notification message 303 in the lock screen interface 300 is cancelled, and compared with the lock screen wallpaper 210 shown in FIG6e(5), after the above-mentioned wallpaper adjustment operation, the main image 210a in the lock screen wallpaper 210 shown in FIG6e(5) has been further enlarged and moved upward, and the background image 210b has been further reduced and moved upward, wherein the upward movement height of the main image 210a and the background image 210b is the same.

[0427] Among them, the magnification of the main image 210a, the reduction of the background image 210b, and the upward height of the entire lock screen wallpaper 210 are all positively correlated with the control height of the notification message 303 shown in Figure 6e(5).

[0428] In this way, the lock screen wallpaper 210 in the lock screen interface 300 shown in Figure 6e (6) is the same picture as the lock screen wallpaper 210 set in the above-mentioned embodiments of Figures 5a to 5d (for example, the lock screen wallpaper 210 shown in Figure 5a (6)).

[0429] In some embodiments, when the mobile phone cancels the display of dynamic UI controls on the lock screen, it can also adopt principles similar to those in Application Scenario 7 above. The mobile phone can adjust the lock screen wallpaper based on the control type of the dynamic UI control to be canceled from the lock screen, optionally in combination with the number of controls of that control type, and optionally in combination with the control height. In this way, when the type of dynamic UI control to be canceled is different, the adjustment strategy of the mobile phone when adjusting the lock screen wallpaper may vary. The specific principles can be referred to the relevant description of Application Scenario 7 and will not be repeated here.

[0430] In addition, similar to the embodiments of Figures 6a, 6c, and 6d above, each time the mobile phone switches the lock screen wallpaper to the adjusted lock screen wallpaper, it can directly switch to the adjusted lock screen wallpaper, or it can display the adjustment process of the lock screen wallpaper by playing dynamic effects, which will not be repeated here.

[0431] The biggest difference between the embodiments of Figure 4b and Figure 4c is that the adjustment directions of the same wallpaper element in the lock screen wallpaper are opposite. For example, in the embodiment of Figure 4b, when the dynamic UI control is displayed on the lock screen interface, the mobile phone can move down and enlarge the main image, for example. On the contrary, in the embodiment of Figure 4c, when the dynamic UI control is canceled on the lock screen interface, the mobile phone can move up and reduce the main image, for example. For other processes, the principles of the embodiments of Figure 4b and Figure 4c are similar and will not be repeated here.

[0432] In an application scenario 9, FIG. 7a to FIG. 7c are schematic diagrams showing application scenarios of the process of setting the lock screen wallpaper involved in FIG. 4a above.

[0433] The implementation principle of the process of Figures 7a to 7c is basically the same as that of Figures 5a to 5d above. The difference is that in application scenario 9 shown in Figures 7a to 7c, the background images obtained by segmenting the first image are multiple (rather than a single image), and each background image includes different background elements. If the background images obtained by this image segmentation method are multiple, then when the mobile phone executes the process of adjusting the lock screen wallpaper in Figure 4b or Figure 4c, it can use more wallpaper adjustment strategies to implement wallpaper adjustment, thereby reducing the obstruction of the main elements of the lock screen wallpaper by the dynamic UI controls displayed on the lock screen interface.

[0434] In combination with Figure 4a, please refer to Figure 7a. Figure 7a (1) shows an image 301 to be set as a lock screen wallpaper. The image 301 includes a main element 3011, a background element 3013 (here is a mountain), and a background element 3014 (here is blue sky and white clouds). The width of the fault 301 is w1.

[0435] Then, the mobile phone segments the image 310 through S101 shown in FIG4a to obtain a main image 301a shown in FIG7a(2), a background image 301c shown in FIG7a(3), and a background image 301d shown in FIG7a(4).

[0436] The main image 301a includes a main element 3011, and the areas other than the main element 3011 are all transparent areas.

[0437] The background image 301c includes a background element 3013, and areas other than the background element 3013 are all transparent areas.

[0438] The background image 301d includes a background element 3014, and areas other than the background element 3014 (here, the area where the main element 3011 is located and the area where the background element 3013 is located) are all transparent areas.

[0439] The sizes of the main image 301a, background image 301c, and background image 301d are the same as those of the image 301 shown in FIG7a(1).

[0440] Next, as shown in FIG7 a , the image 301 is not a large banner image, and the mobile phone can expand the main image 301 a , the background image 301 c , and the background image 301 d respectively through S102 shown in FIG4 a .

[0441] The expansion process is as follows:

[0442] As shown in FIG7a(3), the mobile phone can expand the background elements of the background image 301c to the left and right in the width direction. Here, the mountain elements are expanded to obtain the background image 301c shown in FIG7a(5) with an image width that is three times the width before expansion (w1).

[0443] In addition, as shown by the arrow in the background image 301d shown in FIG7a(4), the mobile phone can also expand the blue sky and white cloud elements within the background image 301d. Specifically, the mobile phone can expand downward in the height direction of the background image 301d to obtain the expanded background image 301d shown in FIG7a(6).

[0444] As shown in Figures 7a(1) and 7a(4), the maximum height of the background elements (here, blue sky and white cloud elements) in image 301 or image 301d is h3, and the image height of image 301 and image 301d is H1.

[0445] When the mobile phone expands the background element 3014 in the image 301d, the background element 3014 can be expanded to a background element with a height h4 of the mobile phone screen as shown in Figure 7a (7). As shown in Figure 7a (6), the height h4 of the background element 3014 in the background image 301d after the image expansion in S102b is the height of the mobile phone screen.

[0446] Of course, in other embodiments, the expanded height of the background element 3014 is not limited to the height of the mobile phone screen, but can also be the image height of the entire background image 301d, which is H1 here, or other heights. It can be flexibly configured according to specific needs and is not limited here.

[0447] The reason for downward expansion of the background element 3014 inside the background image 301d here is that when the lock screen wallpaper is adjusted later due to displaying dynamic UI controls on the lock screen interface, the background image 301d does not need to be moved. Instead, it is only necessary to move the main image 310a corresponding to the main element downward to ensure that the main element 3011 is not blocked by the dynamic UI controls. At the same time, after the main image 301a is moved downward, there will be no blank area (no image element) between the blue sky and white cloud elements and the main elements in the lock screen wallpaper.

[0448] In addition, when the three images after segmentation shown in FIG7a are expanded, the main image 301a shown in FIG7a(2) and the image 301d shown in FIG7a(6) can be expanded in size with reference to the width (3*w1) of the background image 301c shown in FIG7a(5), so that the sizes of the main image 301a and the image 301d after the size expansion are the same as the size of the background image 301c shown in FIG7a(5), where the image width is 3*w1 and the image height is H1.

[0449] Regarding the method and principle of size expansion, please refer to the relevant description of Figure 5e(4) above, which will not be repeated here.

[0450] In addition, in some embodiments, the expansion method of the mobile phone when expanding the background image 301c shown in Figure 7a (3) and the background image 301d shown in Figure 7a (4) can also be combined with the expansion method of the background elements in Figure 5g and Figure 5f. The principles are the same and will not be repeated here.

[0451] After the process shown in FIG7a , referring to FIG7b , the mobile phone can expand the size of the main image 301a shown in FIG7a (2) to the following size: image width is 3*w1, image height is H1. Then, the mobile phone can enlarge the main image 301a after the size expansion to obtain the main image 301a shown in FIG7b (1).

[0452] Similarly, the mobile phone can expand the size of the background image 301d shown in Figure 7a (6). The expanded size is: image width is 3*w1, image height is H1, and then the mobile phone can enlarge the expanded background image 301d to obtain the background image 301d shown in Figure 7b (5).

[0453] Similarly, the mobile phone can enlarge the background image 301c shown in FIG7a(5) to obtain the background image 301c shown in FIG7b(3).

[0454] The main image 301a, background image 301c, and background image 301d shown in the enlarged Figures 7b(1), 7b(3), and 7b(5) are of the same size. Compared with the size of the second layer 209 shown in Figure 7b(2), the size of the second layer 209 is the size of the mobile phone screen. The main image 301a, background image 301c, and background image 301d are larger after segmentation and enlargement. The second layer 209 may include, but is not limited to, static UI controls such as network icons, battery icons, clock icons, and date icons.

[0455] In addition, in this application scenario 9, the current lock screen interface of the mobile phone also displays the message control 402 shown in Figure 7b (4), a control representing a folded notification message.

[0456] Then, as shown in FIG7b and FIG7c, when the mobile phone sets the lock screen wallpaper based on the image 301, the main image 301a shown in FIG7b(1) can be placed as the first layer (i.e., the top layer) above the second layer related to the static UI control shown in FIG7b(2).

[0457] The mobile phone can place the background image 301c shown in Figure 7b(3) and the background image 301d shown in Figure 7b(5) below the second layer. Here, the background image 301c shown in Figure 7b(3) serves as the third layer below the second layer, and the background image 301d shown in Figure 7b(5) serves as the fifth layer (i.e., the bottom layer). Optionally, the message control 402 shown in Figure 7b(4) serves as the fourth layer between the third layer and the fifth layer.

[0458] In some embodiments, based on the differences in background elements in the multiple background images obtained by segmentation, the upper and lower order of the layers between the multiple background images is not limited to the example of the synthesis order in Figure 7b. The stacking pipelines between the upper and lower layers of the multiple background images can be set as needed, and there is no restriction here.

[0459] In addition, this application does not impose any restrictions on the layer in which the above-mentioned message control 402 is placed, as long as it does not block the main element 3011 in the lock screen wallpaper.

[0460] In this way, the mobile phone can synthesize the layers shown in Figure 7a (1), Figure 7a (2), Figure 7a (3), Figure 7a (4), and Figure 7a (5) in the order from top to bottom to obtain the lock screen interface 400 shown in Figure 7c. The lock screen interface 400 may include but is not limited to: a lock screen wallpaper 401, a message control 402 that does not block the main element 3011, and a second layer 209, wherein the second layer 209 may include static UI controls such as a time icon, a date icon, a network icon, and a battery icon, which also do not block the main element 3011.

[0461] In this embodiment, the message control 402 is located between the background image 301c and the background image 301d, that is, between the elements of the mountain and the blue sky and white clouds. In this way, when the mobile phone expands and displays the notification message related to the message control 402 on the lock screen interface 400, by adjusting the lock screen wallpaper, it is possible to facilitate the presentation of the visual effect of the notification message gradually emerging from behind the mountain. This will be specifically explained in the embodiments of Figures 8a and 8b and will not be described in detail here.

[0462] The size of the lock screen wallpaper 401 is as follows: the image width is 3*w1, and the image height is H1, which is larger than the size of the mobile phone screen to facilitate scaling of the lock screen wallpaper 401.

[0463] The lock screen wallpaper 401 may include a main image 301 a , a background image 301 c , and a background image 301 d layered from top to bottom.

[0464] The background elements in the background image 301d are blue sky and white clouds, which are background elements with relatively similar colors. In addition, the background elements in the background image 301d are image elements extending outward from the center of the mobile phone screen.

[0465] Then, for the background elements that the mobile phone recognizes, which have relatively single and similar colors and can extend from the area near the center of the screen to the edge of the screen and have a certain degree of extensibility (such as the blue sky and white clouds (sky) or grassland in the example here), the mobile phone can split such background elements into a background image when dividing, and place the background image at the bottom layer of each layer in the lock screen wallpaper when synthesizing it into the lock screen wallpaper.

[0466] In an embodiment of the present application, when the mobile phone segments the first image to be set as the lock screen wallpaper, it can not only be segmented into a main image including main elements and a background image including background elements, wherein the first image can be segmented into multiple background images according to the element type and element layout of the background elements, wherein the element type and element layout of each background image may be different. For example, the mobile phone can segment background elements that are similar in color and have a certain degree of extensibility in the distribution in the first image (extending from the area near the center of the image to the edge of the image) into one background image (such as the sky, grassland, sea, etc.). In this way, the mobile phone segmentation results in multiple background images, so when adjusting the lock screen wallpaper subsequently, the background elements of the multiple background images can be referred to to determine the wallpaper adjustment strategy, thereby being able to present more wallpaper adjustment effects and ensure that the main elements are not blocked by dynamic UI controls.

[0467] In an application scenario 10, FIG8a shows a schematic diagram of an application scenario of the process of adjusting the lock screen wallpaper involved in FIG4b above.

[0468] In conjunction with the lock screen wallpaper 401 set in the above-mentioned application scenario 9, please refer to Figure 8a. Figure 8a (1) shows the lock screen interface 400 of the mobile phone. The display content of the lock screen interface 400 is the same as the lock screen interface 400 shown in Figure 7c in the above-mentioned application scenario 9. That is, the lock screen interface 400 shown in Figure 8a (1) includes a message control 402, the lock screen wallpaper 401 set in the application scenario 9, and static UI controls related to the second layer 209 (such as network icons, time icons, date icons, etc.), which will not be repeated here.

[0469] It should be understood that the message control 402 is used to represent at least one reminder message in a folded state, which reminder message is a reminder message that the mobile phone has received. However, the message control representing the reminder message in the folded state is not limited to the message control 402, and can also be other types of controls.

[0470] Among them, the reminder message in the collapsed state cannot display the specific message content.

[0471] The message control 402 shown in Figure 8a (1) may include the number "3" and an icon 4021, wherein the icon 4021 is used to indicate the application to which the notification message in the folded state belongs, here the "Information Application", and the number "3" is used to indicate the number of notification messages in the folded state.

[0472] Unlike the embodiments of Figures 6a to 6d above, where the notification messages to be displayed are currently received notification messages, in the embodiment of Figure 8a , the notification messages to be displayed are already received notification messages that are folded and not displayed on the lock screen, such as the three notification messages of the information application indicated by the message control 402. Furthermore, in the embodiments of Figures 6a to 6d above, the number of notification messages to be displayed determined by the mobile phone was one each time the lock screen wallpaper was adjusted, but here it is three. Therefore, the first adjustment parameter determined by the mobile phone is related to the three notification messages.

[0473] In addition, in the embodiment of Figure 8a, since the background image includes background image 301c and background image 301d, the wallpaper adjustment strategy related to the first adjustment parameter determined by the mobile phone is specifically: background image 301d remains unchanged, while the main image 301a is enlarged, the background image 301c is reduced, and the main image 301a and the background image 301c are both moved downward. The downward movement height here is the same. In other embodiments, the downward movement height may be different.

[0474] Also, in the embodiment of Figure 8a, the mobile phone can determine the operation amount of each operation corresponding to the above-mentioned wallpaper adjustment strategy, such as the magnification, reduction, downward movement height, etc., based on the number of notification messages to be displayed (here 3) and the height of the notification message control.

[0475] Please refer to Figure 8a (1). For example, when a user unlocks the screen by using his face, the mobile phone can perform facial recognition on the user in response to the user operation. When the facial recognition is successful, the mobile phone can unlock the lock screen interface 400, so as to expand and display three unread notification messages in a folded state on the unlocked display interface (such as the display interface 407 shown in Figure 8a, a lock screen interface), and adjust the lock screen wallpaper 401 according to the above-mentioned first adjustment parameter (specifically including the above-mentioned wallpaper adjustment strategy and each operation).

[0476] For example, the first adjustment parameters determined by the mobile phone include: enlarging the main image 301a in the lock screen wallpaper 401 shown in Figure 8a (1) to 4 times the main image 301a, reducing the background image 301c to 1 / 4 times the background image 301c, and moving both the main image 301a and the background image 301c downward from the position in Figure 8a (1) and downward by a height of 9 pixels, while the background image 301d remains unchanged.

[0477] In addition, the mobile phone can display the adjustment process of the lock screen wallpaper 401 within the duration 1 in the form of animation 1, so that the main image 301a in the lock screen wallpaper 401 shown in Figure 8a (1) can be gradually enlarged at a certain speed within the duration 1 to achieve the effect of being enlarged to 4 times the main image 301a shown in Figure 8a (1), and the background image 301c can be gradually reduced at a certain speed within the duration 1 to eventually achieve the effect of being reduced to 1 / 4 of the background image 301c shown in Figure 8a (1), and the main image 301a and the background image 301c can both gradually move downward within the duration 1 to eventually achieve the effect of moving down by 9 pixels in height.

[0478] In the embodiment of FIG8a, when the mobile phone expands and displays three notification messages on the display interface 407, the three notification messages can be displayed simultaneously. For example, the mobile phone can display the three notification messages simultaneously with the animation 2 within the duration 2.

[0479] In the embodiment of Figure 8a, the duration 2 is less than the duration 1. In other words, when the mobile phone responds to the user's unlocking operation and simultaneously starts the process of expanding 3 notification messages and adjusting the lock screen wallpaper, it can complete the process of displaying 3 notification messages on the lock screen interface 400 within the duration 1 and complete the process of adjusting the lock screen wallpaper 401 within the duration 2.

[0480] Therefore, as shown in FIG8a, after the screen is unlocked, the display interface of the mobile phone can gradually change from the lock screen interface 400 shown in FIG8a(1) to the display interface 407 shown in FIG8a(3). Among them, the display interface 407 shown in FIG8a(2) is only the lock screen interface at one moment in the change process. Specifically, after the screen is unlocked, the display interface of the mobile phone can change from the lock screen interface 400 shown in FIG8a(1) to the display interface 407 described in FIG8a(2) within a time period of 2, and after the screen is unlocked, the display interface of the mobile phone can change from the lock screen interface 400 shown in FIG8a(1) to the display interface 407 described in FIG8a(3) within a time period of 1. For example, the main image 301a shown in FIG8a(1) is enlarged to twice the size of the main image 301a and moved down by 4 pixels from the original position to obtain the main image 301a in the display interface 407 shown in FIG8a(2). The background image 301c shown in FIG8a(1) is reduced to 1 / 4 the size of the background image 301c and moved down by 4 pixels from the original position to obtain the background image 301c in the display interface 407 shown in FIG8a(2). The original position is the position of the corresponding main image or background image in the lock screen wallpaper 401 shown in FIG8a(1).

[0481] In the process of the mobile phone's display interface gradually changing from the lock screen interface 400 shown in FIG8a(1) to the display interface 407 shown in FIG8a(3), the mobile phone can simultaneously display three notification messages within a duration of 2, which are respectively notification message 403, notification message 404 and notification message 405, and gradually enlarge and move downward the main image 301a in the lock screen wallpaper 401 according to the above-mentioned animation 1 within a duration of 1, and gradually reduce and move downward the background image 301c. In the lock screen wallpaper 401 shown in FIG8a(3), the main image 301a is enlarged to 4 times the main image shown in FIG8a(1), and the background image 301c is reduced to 1 / 4 times the background image 301c shown in FIG8a(1), and both the main image 301a and the background image 301c are moved down by 9 pixels from the display position shown in FIG8a(1).

[0482] In this embodiment, since the duration 1 of the animation 2 of the three notification messages displayed simultaneously is shorter than the duration 2 of the animation 2 during the wallpaper adjustment process, the speed of the animation 2 is faster, while the speed of the animation 1 during the wallpaper adjustment process is slower. Referring to the relationship between the various layers shown in FIG7b , it can be seen that the layers where the notification messages 403 to 405 shown in FIG8a related to the message control 402 are located are located above the background image 301d and below the background image 301c, that is, between the sky element and the mountain element. In this way, during the wallpaper adjustment process, the effect of the notification messages gradually appearing from behind the background image 301c (corresponding to the mountain element) as shown in FIG8a (2) and FIG8a (3) will be presented.

[0483] In the wallpaper adjustment process of the embodiment of the present application, the method of adjusting the wallpaper elements in the lock screen wallpaper includes enlarging and moving down the main element, shrinking and moving down the mountain element, and keeping the sky (blue sky and white clouds) element unchanged. Since the sky element is expanded in the height direction in the process of setting the lock screen wallpaper shown in Figure 7a, the sky element in the background image 301d shown in Figure 8a is the height h4 of the entire mobile phone screen. Then, after the mountain element and the main element located in the upper layer of the sky element are moved down, the expanded sky element can be exposed, and there will be no blank area between the sky element and the mountain element in the adjusted lock screen wallpaper (that is, no image elements are included), nor will there be a blank area between the sky element and the main element, so that the picture of the adjusted lock screen wallpaper is smoother and more coherent. In addition, the mobile phone can gradually reduce and lower the mountain elements displayed on the lock screen wallpaper according to the number of notification messages to be expanded and displayed (here is 3) and the height of the notification message control, thereby gradually revealing the 3 expanded notification messages, and gradually enlarge and lower the main elements displayed on the lock screen wallpaper. While highlighting the main elements on the lock screen wallpaper, it can also display multiple notification messages, and these multiple notification messages do not block the main elements, achieving the effect of Hitchcock zoom processing.

[0484] In the embodiment of Figure 8a, the expanded notification message displays the message content, such as notification message 403, notification message 404 and notification message 405. In other embodiments, this application does not limit whether the expanded notification message displays specific message content, which depends on the application or system settings.

[0485] In an application scenario 11, FIG8b shows a schematic diagram of an application scenario of the process of adjusting the lock screen wallpaper involved in FIG4b above.

[0486] The implementation process of Figure 8b is largely the same as that of Figure 8a, except that in Figure 8b, after the screen is unlocked, the phone can expand multiple notification messages (here, three) in the folded state one by one, rather than expanding them all at once (also called all at once) as shown in Figure 8a. This process of expanding the three notification messages one by one can be achieved by playing animation 3, the duration of which can be the same as the duration 1 of the animation 1 corresponding to the wallpaper adjustment process. That is, after the screen is unlocked, the mobile phone can use animation 3 to expand and display the three notification messages one by one on the lock screen interface within a duration of 1, and use animation 1 to enlarge the main image 301a to 4 times the main image 301a before the screen is unlocked (i.e., the main image 301a shown in Figure 8b (1)), and reduce the background image 301c to 1 / 4 times the background image 301c before the screen is unlocked (i.e., the background image 301c shown in Figure 8b (1)), and move the main image 301a and the background image 301c downward by 9 pixels from their corresponding original positions before the screen is unlocked. In this way, when the last notification message is displayed on the lock screen interface, the lock screen wallpaper 401 also completes the corresponding adjustment, so that the expansion process of the notification message and the adjustment process of the lock screen wallpaper are carried out synchronously, and the change speed of the two processes is matched.

[0487] The process will be described below with reference to FIG8b , and the similarities with FIG8a will not be repeated here.

[0488] Please refer to FIG8b(1). The lock screen interface 400 of the mobile phone is the same as the lock screen interface 400 shown in FIG8a(1). The specific description of FIG8a(1) will not be repeated here. When the mobile phone displays the lock screen interface 400 shown in FIG8b(1), the mobile phone receives the input of face unlocking. The mobile phone can unlock the screen in response to the input and determine that the number of notification messages to be displayed is 3 notification messages indicated by the message control 402, thereby determining that the first adjustment parameter of this lock screen wallpaper adjustment specifically includes: enlarging the main image 301a in the lock screen wallpaper 401 shown in FIG8b(1) to 4 times the original image (i.e., the main image 301a shown in FIG8b(1)), reducing the background image 301c to 1 / 4 times the original image (i.e., the background image 301c shown in FIG8b(1)), and moving the main image 301a and the background image 301c downward by 9 pixels from their respective original positions, and the background image 301d remains unchanged. Among them, the original position of the main image 301a described in this application scenario 11 is the display position of the main image 301a in the lock screen wallpaper 401 shown in Figure 8b (1), and the original position of the background image 301c described in this application scenario 11 is the display position of the background image 301c in the lock screen wallpaper 401 shown in Figure 8b (1).

[0489] Then, the mobile phone can respond to the input of the face unlock to display the three notification messages one by one, and gradually adjust the lock screen wallpaper 401 shown in Figure 8b (1) based on the first adjustment parameter, so that the display interface of the mobile phone can gradually change from the lock screen interface 400 shown in Figure 8b (1) to the display interface 407 shown in Figure 8b (2), and then gradually change from the display interface 407 shown in Figure 8b (2) to the display interface 407 shown in Figure 8b (3); finally, gradually change from the display interface 407 shown in Figure 8b (3) to the display interface 407 shown in Figure 8b (4).

[0490] The process of the mobile phone display interface changing from Figure 8b(1) to Figure 8b(2):

[0491] The mobile phone may display a notification message 403 in the display interface 407 shown in FIG8 b ( 2 ).

[0492] In addition, the mobile phone can enlarge the main image 301a shown in Figure 8b (1) to twice the original image (i.e., the main image 301a shown in Figure 8b (1)) and move it down by 3 pixels from the corresponding original position to display the main image 301a in the display interface 407 shown in Figure 8b (2).

[0493] Furthermore, the mobile phone can reduce the background image 301c shown in FIG8b(1) to 1 / 2 of the original image (i.e., the background image 301c shown in FIG8b(1)) and move it down 3 pixels from the original position to display the background image 301c in the display interface 407 shown in FIG8b(2).

[0494] In this way, when the display interface of the mobile phone changes from the lock screen interface 400 shown in Figure 8b(1) to the display interface 407 shown in Figure 8b(2), a notification message 403 can gradually appear from behind the mountain element corresponding to the background image 301c in the lock screen wallpaper 401 without blocking the main element in the main image 301a.

[0495] The process of the mobile phone display interface changing from Figure 8b(2) to Figure 8b(3):

[0496] The mobile phone may display a notification message 404 in the display interface 407 shown in FIG8b(3).

[0497] In addition, the mobile phone can continue to enlarge the main image 301a shown in Figure 8b (1) to 3 times the original image (i.e., the main image 301a shown in Figure 8b (1)) and continue to move downward from the corresponding original position, for example, continue to move downward by a height of 3 pixels to display the main image 301a in the display interface 407 shown in Figure 8b (3).

[0498] Furthermore, the mobile phone can continue to shrink the background image 301c shown in FIG8b(1) to 1 / 3 of the original image (i.e., the background image 301c shown in FIG8b(1)) and continue to move downward from the original position, for example, continue to move downward by a height of 3 pixels to display the background image 301c in the display interface 407 shown in FIG8b(3).

[0499] In this way, when the display interface of the mobile phone changes from the lock screen interface 400 shown in Figure 8b (2) to the display interface 407 shown in Figure 8b (3), the second notification message 404 can gradually appear from behind the mountain element corresponding to the background image 301c in the lock screen wallpaper 401 without blocking the main element in the main image 301a.

[0500] The process of the mobile phone display interface changing from Figure 8b(3) to Figure 8b(4):

[0501] The mobile phone may display a notification message 405 in the display interface 407 shown in FIG8b(4).

[0502] In addition, the mobile phone can continue to enlarge the main image 301a shown in Figure 8b (1) to 4 times the original image (i.e., the main image 301a shown in Figure 8b (1)) and continue to move downward from the corresponding original position, for example, continue to move downward by a height of 3 pixels, thereby moving downward by a total height of 9 pixels to display the main image 301a in the display interface 407 shown in Figure 8b (3).

[0503] Furthermore, the mobile phone can continue to shrink the background image 301c shown in FIG8b(1) to 1 / 4 of the original image (i.e., the background image 301c shown in FIG8b(1)) and continue to move downward from the original position, for example, continue to move downward by a height of 3 pixels to display the background image 301c in the display interface 407 shown in FIG8b(4).

[0504] In this way, when the display interface of the mobile phone changes from the lock screen interface 400 shown in Figure 8b (3) to the display interface 407 shown in Figure 8b (4), the third notification message 405 can gradually appear from behind the mountain element corresponding to the background image 301c in the lock screen wallpaper 401 without blocking the main element in the main image 301a.

[0505] It should be understood that the process of changing the display interface of the mobile phone from the lock screen interface 400 shown in Figure 8b(1) to the display interface 407 shown in Figure 8b(4) is a process of adjusting the wallpaper according to the first adjustment parameter of enlarging the main image 301a by 4 times, reducing the background image 301c to 1 / 4 of the original image, and moving the main image 301a and the background image 301c downward by 9 pixels from their respective original positions. The lock screen wallpaper 401 in this process is not limited to the screens of the lock screen wallpaper 401 shown in Figures 8b(2) and 8b(3), and may also include other display screens related to the lock screen wallpaper 401.

[0506] In some embodiments, the duration 1 of the animation 1 used in the process of changing the display interface of the mobile phone from the lock screen interface 400 shown in Figure 8b (1) to the display interface 407 shown in Figure 8b (4) can be the same as the duration of the animation 3 used to display the three notification messages. In this way, the mobile phone can adjust the wallpaper elements synchronously in the process of displaying the notification messages one by one, and ensure that the main elements are not blocked by the expanded notification messages.

[0507] In an application scenario 12, FIG8c shows a schematic diagram of an application scenario of the process of adjusting the lock screen wallpaper involved in FIG4c above.

[0508] The principle of the process shown in Figure 8c is basically the same as that of the process shown in Figure 6e above. The difference is that in Figure 8c, the number of dynamic UI controls to be deleted at a time (taking notification messages as an example here) is multiple, while in Figure 6e, the number of dynamic UI controls to be deleted each time is 1.

[0509] Please refer to FIG. 8 c . The display interface 407 shown in FIG. 8 c ( 1 ) is the same as the display interface 407 shown in FIG. 8 b ( 4 ), and will not be described again here.

[0510] The mobile phone receives the user's voice input (such as a batch deletion notification message) and switches the display interface of the mobile phone from the display interface 407 shown in Figure 8c (1) to the display interface 407 shown in Figure 8c (2) to display the delete control 406 on the display interface 407.

[0511] Referring to FIG. 7 b , the delete control 406 may be located below the first layer, for example, between the first layer and the second layer, which is not limited here.

[0512] Then, as shown in FIG8c(2), the user clicks on the delete control 406, and the mobile phone can respond to the user operation by gradually changing the display interface of the mobile phone from the display interface 407 shown in FIG8c(2) to the display interface 407 shown in FIG8c(3). During this change process, the mobile phone can cancel the display of the three notification messages (notification message 403 to notification message 405), and gradually change the lock screen wallpaper 401 from the lock screen wallpaper 401 shown in FIG8c(2) to the lock screen wallpaper 401 shown in FIG8c(3) in an animated manner.

[0513] It should be understood that the input operation for batch deleting multiple notification messages displayed on the lock screen interface is not limited to voice input, but can also be key input, touch input, etc., which is not limited here.

[0514] In FIG8c , the mobile phone determines that the number of notification messages to be canceled is 3. The mobile phone can determine the second adjustment parameter for adjusting the lock screen wallpaper based on the number and the height of the control of the notification message. Specifically, the second adjustment parameter includes: reducing the main image 301a in the lock screen wallpaper 401 shown in FIG8c (2) to 1 / 4 of the original image (i.e., the main image 301a shown in FIG8c (2)), enlarging the background image 301c in the lock screen wallpaper 401 shown in FIG8c (2) to 4 times of the original image (i.e., the background image 301c shown in FIG8c (2)), and moving the main image 301a and the background image 301c up by 9 pixels from their respective original positions, and the background image 301d remains unchanged.

[0515] Among them, the original position of the main image 301a described in this application scenario 12 is the display position of the main image 301a shown in Figure 8c (1) or Figure 8c (2) in the lock screen wallpaper 401, and the original position of the background image 301c described in this application scenario 12 is the display position of the background image 301c shown in Figure 8c (1) or Figure 8c (2) in the lock screen wallpaper 401.

[0516] Then, the mobile phone can dynamically adjust the lock screen wallpaper 401 shown in Figure 8c (2) according to the second adjustment parameter, and display the adjustment process in a dynamic effect manner, so that the main image 301a in the lock screen wallpaper 401 shown in Figure 8c (2) can be gradually reduced and moved upward to present the main image 301a as shown in Figure 8c (3), and the background image 301c in the lock screen wallpaper 401 shown in Figure 8c (2) can be gradually enlarged and moved upward to present the background image 301c as shown in Figure 8c (3).

[0517] In this way, in the scenario of batch deletion of notification messages, this application can also dynamically adjust the lock screen wallpaper to ensure that the adjusted lock screen wallpaper can be restored to the display state before the notification message is displayed.

[0518] Example 4

[0519] All the above application scenarios are for the case where the main element in the lock screen wallpaper extends from the area near the center of the mobile phone screen to the bottom edge of the screen. For example, the main element in the main image 301a shown in Figure 8c (3) is a person, and the person extends downward from head to toe, that is, the center area of ​​the screen extends to the bottom of the screen. Then the part of the main element that the user focuses on is the head. Therefore, in order to highlight and prevent the dynamic UI control from blocking the key part of the main element (here, the head of the person), the wallpaper adjustment method adopted includes moving the wallpaper elements such as the main element downward (that is, moving them to the bottom of the screen) to ensure that the notification message extending from the top of the screen downward does not block the main element when displayed on the lock screen interface.

[0520] In this embodiment, the mobile phone can also adjust the wallpaper for such main elements (such as balloons, hot air balloons, kites, etc.) extending from the area near the center of the screen to the top edge of the screen to ensure that the pop-up dynamic UI controls do not block the main elements.

[0521] Specifically, in order to ensure that the notification message displayed on the lock screen interface does not block the above-mentioned main elements in the lock screen interface, in this embodiment, the mobile phone can display the notification message from the bottom edge of the screen upward (towards the top of the screen), that is, display the notification message in a pop-up manner from the bottom to the top, and the mobile phone can ensure that the notification message displayed on the lock screen interface does not block the main elements by adjusting the wallpaper by moving the main elements upward (that is, moving to the top of the screen). Of course, the solution of Example 4 can also be combined with the various implementation methods and application scenarios mentioned in Examples 1 to 3 above to ensure that the dynamic UI controls displayed on the lock screen interface do not block the main elements. For example, Example 4 can be combined with the wallpaper expansion solution, etc.

[0522] For the above-mentioned Example 4, FIG9 is a schematic diagram illustrating an exemplary application scenario.

[0523] As shown in FIG9 (1), the lock screen interface 500 of the mobile phone includes a lock screen wallpaper 501 and a message control 402. The lock screen wallpaper 501 may include a main image 501a, a background image 501b, and a background image 501c. The main element of the main image 501a is a heart-shaped balloon, the background element of the background image 501b is grass, and the background element of the background image 501c is the sky (e.g., blue sky and white clouds).

[0524] The process of setting the lock screen wallpaper 501 on the mobile phone is the same as the principle of the embodiments of Figures 7a to 7c above, and will not be repeated here.

[0525] When the mobile phone sets the lock screen wallpaper 501, the background elements in the background image 501c are expanded inwards, and the height of the expanded background elements is, for example, the height of the mobile phone screen.

[0526] When the mobile phone displays the lock screen interface 500 as shown in FIG9 (1), the mobile phone receives the user's face unlock input, and the mobile phone can unlock the screen in response to the input, and determine that the number of notification messages to be displayed is 3, and determine the adjustment parameters of the lock screen wallpaper 501, including: reducing and moving up the main image 501a, wherein the reduction ratio and the height of the upward movement of the main image 501a are positively correlated with the number of the notification messages and the height of the control. The reduction ratio is the reduction ratio relative to the main image 301a shown in FIG9 (1), for example, here it is 2 / 3 times, and the height of the upward movement is the height of 10 pixels above the original position, wherein the original position is the display position of the main image 301a in FIG9 (1).

[0527] Then, the mobile phone can gradually shrink and move upward the main image 501a shown in Figure 9 (1) according to the adjustment parameters, and expand three notification messages from the bottom of the screen at one time, which are notification messages 403 to notification messages 405, so as to gradually change the display interface of the mobile phone from the lock screen interface 500 shown in Figure 9 (1) to the display interface 502 shown in Figure 9 (2).

[0528] In this way, the mobile phone can gradually reduce the main image 501a in the lock screen wallpaper 501 shown in Figure 9 (1) until it is reduced to 2 / 3 of its original size, and gradually move the main image 501a upward until it is moved up by a height of 10 pixels from the corresponding original position to display the lock screen wallpaper 501 shown in Figure 9 (2).

[0529] In this way, the phone can also adjust the wallpaper for such main elements (such as balloons, hot air balloons, kites, etc.) that extend from the area near the center of the screen to the top edge of the screen to ensure that the pop-up dynamic UI controls do not block the main elements.

[0530] Example 5

[0531] In the above examples 1 to 4, a non-foldable mobile phone is used as an example to illustrate the process of adjusting its lock screen wallpaper to ensure that the dynamic UI controls displayed on the lock screen interface do not block the main elements in the lock screen wallpaper. In this example 5, the methods and processes for adjusting the lock screen wallpaper by the mobile phone involved in the above examples 1 to 4 can also be applied to the application scenario where the screen of a foldable mobile phone is folded or unfolded. In this way, when the display screen of the foldable mobile phone is adjusted to a folded state or an unfolded state, the mobile phone can adjust the lock screen wallpaper displayed on the display screen according to the process of any one of the embodiments described in the above examples 1 to 4, so that the main elements in the adjusted lock screen wallpaper are not folded by the dynamic UI controls displayed on the lock screen interface, and the adjusted lock screen wallpaper can match the state of the display screen of the foldable mobile phone (folded state or unfolded state) to improve the display effect of the lock screen wallpaper.

[0532] Unlike non-foldable mobile phones, the display area of ​​a foldable mobile phone is larger after it switches from a folded state (which can be described as a folding screen) to an unfolded state (which can be described as an expanded screen). Therefore, when the mobile phone adjusts the lock screen wallpaper, the background image of the lock screen wallpaper can be expanded in the screen width direction and / or screen height direction, so that when the display screen is in the unfolded state, the background elements in the background image of the lock screen wallpaper displayed on the lock screen interface of the mobile phone are richer. Optionally, the main image can be enlarged and the background image can be reduced by referring to the proportional relationship between the folding screen and the unfolded screen of the mobile phone; similarly, the display area of ​​a foldable mobile phone is reduced after it switches from a folded state to a folded state when it is expanded. Therefore, when the mobile phone adjusts the lock screen wallpaper, the background image of the lock screen wallpaper can be enlarged and the main image can be reduced by referring to the proportional relationship between the folding screen and the unfolded screen of the mobile phone, so that when the display screen is in the folded state, the dynamic UI controls displayed on the lock screen interface of the mobile phone do not block the main elements in the main image.

[0533] Of course, in some embodiments, when the display screen of the foldable phone switches between the folded state and the unfolded state, and the number of dynamic UI controls displayed on the phone's display screen does not increase or decrease, the phone can also control the main image of the lock screen wallpaper to remain unchanged, and only perform at least one wallpaper adjustment operation such as expanding, scaling, and moving the background image based on the proportional relationship between the folded screen and the unfolded screen of the phone. In this way, when the display screen of the foldable phone switches between the folded state and the unfolded state, not only can the dynamic UI controls displayed on the foldable phone be ensured not to obstruct the main elements of the lock screen wallpaper, but the background elements of the lock screen wallpaper can also change accordingly as the size of the display screen increases or decreases.

[0534] FIG10 is a schematic diagram illustrating an exemplary application scenario. The mobile phone shown in FIG10 is a foldable mobile phone.

[0535] Please refer to Figure 10. The lock screen interface 300 shown in Figure 10 (1) displays a lock screen wallpaper 210. The original image corresponding to the lock screen wallpaper 210 is the photo 202 shown in Figure 5a. The photo 202 is processed through the processing shown in Figures 5b to 5d to obtain the lock screen wallpaper 210 shown in Figure 10 (1).

[0536] The display screen of the mobile phone shown in Figure 10 (1) is in a folded state. After the mobile phone receives a notification message, the mobile phone can switch the display interface from the lock screen interface 300 shown in Figure 10 (1) to the lock screen interface 300 shown in Figure 10 (2). The process of the mobile phone changing from Figure 10 (1) to the lock screen interface 300 shown in Figure 10 (2) is the same as the process of the mobile phone changing from Figure 6c (1) to the lock screen interface 300 shown in Figure 6c (2) in the above-mentioned embodiment of Figure 6c. In this process, the mobile phone adjusts the lock screen wallpaper 210 specifically as follows: combining the control height of the notification message 302, the main image 210a is enlarged by a corresponding multiple, the background image 201b is reduced by a corresponding multiple, and the main image 210a and the background image 210b are both moved down by the same height. The specific process will not be repeated here, and reference can be made to the relevant description of the embodiment of Figure 6c.

[0537] Then, continuing to refer to Figure 10, after the mobile phone displays the lock screen interface 300 shown in Figure 10 (2), the user performs an expansion operation on the display screen of the mobile phone, so that the mobile phone can respond to the user operation and expand the mobile phone shown in Figure 10 (2) to the mobile phone shown in Figure 10 (3). The display screen of the mobile phone shown in Figure 10 (3) is in an expanded state, and the dotted line shown on the display screen of the mobile phone is the folded position of the display screen of the mobile phone for folding operation, or the expanded position for expanding operation.

[0538] Compared to FIG10(2), as shown in FIG10(3), the mobile phone can respond to the user's unfolding operation of the mobile phone and refer to the proportional relationship between the folding screen and the unfolding screen of the mobile phone to enlarge the main image 210a in the lock screen wallpaper 210 shown in FIG10(2), reduce the background image 210b, and expand the background image 210b in the height direction of the screen as shown by the double arrows. Compared to the image of the lock screen wallpaper 210 shown in FIG5d, the sky element of the background image 210b in the lock screen wallpaper 210 shown in FIG10(3) is expanded upward in the height direction (optionally, it can also be expanded to the left and right in the width direction), and the mountain element of the background image 210b is also expanded downward in the height direction (optionally, it can also be expanded to the left and right in the width direction).

[0539] The notification message 302 shown in FIG10(3) is still displayed in the center of the screen. The display position may have a certain height difference from the display position of the notification message 302 shown in FIG10(2), or the display height may be the same, which is not limited here.

[0540] In this way, when the display screen of the mobile phone switches from a folded state to an unfolded state, the mobile phone can adjust the main image and background image in the lock screen wallpaper based on the proportional relationship between the folded screen and the unfolded screen. Here, the main image is enlarged, and the background image is expanded and reduced in height, so that the main image will still not be blocked by the notification message displayed on the unfolded display screen. Moreover, the wallpaper is adjusted in a way that the main body is enlarged and the background is reduced, and the adjustment process is displayed in a dynamic effect. During the process of unfolding the mobile phone screen, a three-dimensional effect can be presented, which gradually enters the picture shown by the lock screen wallpaper.

[0541] It should be understood that Figure 10 is only a schematic diagram of an application scenario for adjusting the lock screen wallpaper of a foldable mobile phone. The method of separately adjusting the main image and background image in the lock screen wallpaper when the foldable mobile phone switches between the folded state and the unfolded state is not limited to the example of Figure 10, and may also include other adjustment methods, as long as it is ensured that the main image in the adjusted lock screen wallpaper is not folded by the dynamic UI controls displayed on the lock screen interface. Optionally, the picture of the adjusted lock screen wallpaper is made to better match the current state of the mobile phone's display (folded state or unfolded state).

[0542] It should be noted that the same figure marks in the drawings of the above-mentioned embodiments represent the same or corresponding objects before and after processing. Therefore, the figure marks of each figure are not explained one by one. The figure marks not mentioned in the above-mentioned figures can refer to the explanations of the figure marks introduced in the corresponding or related embodiments, and will not be repeated here.

[0543] It is understandable that, in order to implement the above functions, the electronic device includes hardware and / or software modules that perform the corresponding functions. In combination with the algorithm steps of each example described in the embodiments disclosed herein, the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a function is executed in the form of hardware or 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 in combination with the embodiments, but such implementation should not be considered to be beyond the scope of this application.

[0544] In one example, FIG11 shows a schematic block diagram of an apparatus 300 according to an embodiment of the present application. The apparatus 300 may include: a processor 301 , optionally a transceiver / transceiver pin 302 , and optionally a memory 303 .

[0545] The various components of the device 300 are coupled together via a bus 304, wherein the bus 304 includes, in addition to a data bus, a power bus, a control bus, and a status signal bus. However, for the sake of clarity, the various buses are collectively referred to as bus 304 in the figure.

[0546] Optionally, the memory 303 may be used for instructions in the aforementioned method embodiment. The processor 301 may be used to execute instructions in the memory 303 and control the receiving pin to receive a signal and control the transmitting pin to send a signal.

[0547] The apparatus 300 may be the electronic device or a chip of the electronic device in the above method embodiment.

[0548] Among them, all relevant contents of each step involved in the above method embodiment can be referred to the functional description of the corresponding functional module and will not be repeated here.

[0549] This embodiment further provides a computer storage medium, in which computer instructions are stored. When the computer instructions are executed on an electronic device, the electronic device executes the above-mentioned related method steps to implement the wallpaper processing method in the above-mentioned embodiment.

[0550] This embodiment further provides a computer program product. When the computer program product is run on a computer, the computer is caused to execute the above-mentioned related steps to implement the wallpaper processing method in the above-mentioned embodiment.

[0551] In addition, an embodiment of the present application also provides a device, which can specifically be a chip, component or module, and the device may include a connected processor and memory; wherein the memory is used to store computer-executable instructions, and when the device is running, the processor can execute the computer-executable instructions stored in the memory to enable the chip to execute the wallpaper processing method in the above-mentioned method embodiments.

[0552] Among them, the electronic device, computer storage medium, computer program product or chip provided in this embodiment is used to execute the corresponding method provided above. Therefore, the beneficial effects that can be achieved can refer to the beneficial effects in the corresponding method provided above, and will not be repeated here.

[0553] Through the description of the above implementation methods, technical personnel in the relevant field can understand that for the convenience and simplicity of description, only the division of the above-mentioned functional modules is used as an example. In actual applications, the above-mentioned functions can be distributed and completed by 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.

[0554] In the several embodiments provided in this application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are merely schematic. For example, the division of modules or units is only a logical function division. In actual implementation, there may be other division methods, such as multiple units or components can be combined or integrated into another device, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0555] Units described as separate components may or may not be physically separate, and components shown as units may be one physical unit or multiple physical units, that is, they may be located in one place or distributed in multiple places. Some or all of the units may be selected according to actual needs to achieve the purpose of the present embodiment.

[0556] In addition, the functional units in the various embodiments of the present application may be integrated into a single processing unit, or each unit may exist physically separately, or two or more units may be integrated into a single unit. The aforementioned integrated units may be implemented in the form of hardware or software functional units.

[0557] Any content of each embodiment of this application, as well as any content of the same embodiment, can be freely combined. Any combination of the above content is within the scope of this application.

[0558] If the integrated unit is implemented in the form of 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 solution of the embodiment of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for enabling a device (which can be a single-chip microcomputer, chip, etc.) or a processor (processor) to execute all or part of the steps of the various embodiments of the present application. The aforementioned storage medium includes: various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

[0559] The embodiments of the present application are described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of this application, ordinary technicians in this field can also make many forms without departing from the purpose of this application and the scope of protection of the claims, all of which are within the protection of this application.

[0560] The steps of the method or algorithm described in conjunction with the disclosure of the embodiments of the present application can be implemented in hardware or by executing software instructions by a processor. The software instructions can be composed of corresponding software modules, which can be stored in random access memory (RAM), flash memory, read-only memory (ROM), erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), registers, hard disks, mobile hard disks, CD-ROMs, or any other form of storage medium known in the art. An exemplary storage medium is coupled to the processor so that the processor can read information from the storage medium and write information to the storage medium. Of course, the storage medium can also be an integral part of the processor. The processor and storage medium can be located in an ASIC. In addition, the ASIC can be located in a network device. Of course, the processor and storage medium can also be present in a network device as discrete components.

[0561] Those skilled in the art will appreciate that in one or more of the above examples, the functions described in the embodiments of the present application can be implemented using hardware, software, firmware, or any combination thereof. When implemented using software, these functions can be stored in a computer-readable medium or transmitted as one or more instructions or codes on a computer-readable medium. Computer-readable media include computer storage media and communication media, wherein communication media include any media that facilitates the transmission of computer programs from one place to another. The storage medium can be any available medium that can be accessed by a general-purpose or special-purpose computer.

[0562] The embodiments of the present application are described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of this application, ordinary technicians in this field can also make many forms without departing from the purpose of this application and the scope of protection of the claims, all of which are within the protection of this application.

Claims

1. A wallpaper processing method, characterized in that: Applied to electronic equipment, the method comprises: Displaying a lock screen interface, wherein the lock screen interface displays a wallpaper image, and the wallpaper image includes a main element; When displaying the user interface UI control on the lock screen interface, the target element in the wallpaper image is adjusted, and the adjusted wallpaper image is displayed on the lock screen interface, wherein the target element includes the main element, and the main element is adjusted downward in the height direction of the lock screen interface so that the main element in the adjusted wallpaper image is not blocked by the UI control.

2. The method according to claim 1, characterized in that The method further comprises: The adjustment process of the wallpaper image is displayed on the lock screen interface.

3. The method according to claim 1 or 2, characterized in that: The wallpaper image adjustment strategy is related to at least one of the following: The control type of the UI control, the number of the UI controls, and the control height of the UI control.

4. The method according to any one of claims 1 to 3, characterized in that The adjusting the target element in the wallpaper image includes: The main element in the wallpaper image is scaled.

5. The method according to any one of claims 1 to 4, characterized in that: The wallpaper image further includes a first background element, the target element includes the first background element, and the main element and the first background element have different adjustment strategies.

6. The method according to claim 5, characterized in that The adjusting the target element in the wallpaper image further includes: scaling the first background element in the wallpaper image; and / or, The first background element in the wallpaper image is adjusted downward in a height direction of the lock screen interface.

7. The method according to claim 6, characterized in that The first downward height when the main element is adjusted downward is the same as the second downward height when the first background element is adjusted downward.

8. The method according to claim 6, characterized in that A first downward height when the main element is adjusted downward is different from a second downward height when the first background element is adjusted downward.

9. The method according to claim 8, characterized in that The height difference between the first downward moving height and the second downward moving height is positively correlated with the difference in depth information corresponding to the main element and the first background element in the wallpaper image.

10. The method according to any one of claims 5 to 9, characterized in that The wallpaper image further includes a second background element of a preset type, and the second background element is pre-expanded in the wallpaper image to be a background element capable of filling the size of the lock screen interface; The target element is different from the second background element.

11. The method according to any one of claims 5 to 9, characterized in that The wallpaper image further includes a second background element of a preset type, and the target element further includes the second background element; The adjusting the target element in the wallpaper image further includes: Performing image expansion on the second background element in the wallpaper image; Among them, in the adjusted wallpaper image displayed on the lock screen interface, there is no blank space between the second background element and the adjacent image element.

12. The method according to claim 10 or 11, characterized in that: When the lock screen interface displays the adjustment process of the wallpaper image, the UI control covers at least a portion of the second background element, and the first background element covers a partial area of ​​the UI control.

13. The method according to any one of claims 1 to 12, characterized in that The lock screen interface displays a plurality of UI controls in a folded state, and displaying the UI controls on the lock screen interface includes: In response to the received first user operation, expanding and displaying the multiple UI controls on the lock screen interface; Among them, the first user operation instruction is to unlock the screen displaying the lock screen interface, and to instruct to expand and display the multiple UI controls.

14. The method according to any one of claims 1 to 12, characterized in that The step of displaying the UI control on the lock screen interface includes: In response to the received notification message, UI controls related to the notification message are displayed on the lock screen interface.

15. The method according to any one of claims 2 to 14, characterized in that There are multiple UI controls, and the duration of the adjustment process is the same as the duration of completely displaying the multiple UI controls on the lock screen interface.

16. The method according to any one of claims 1 to 15, characterized in that After the adjusted wallpaper image is displayed on the lock screen interface, the method further includes: In response to receiving a second user operation on the UI control, restoring the wallpaper image displayed on the lock screen interface to an original display state, wherein the second user operation indicates canceling the display of the UI control on the lock screen interface; The original display state is the display state of the wallpaper image on the lock screen interface before the UI control is displayed on the lock screen interface.

17. The method according to any one of claims 1 to 16, characterized in that The control type of the UI control includes at least one of the following: a message control, a live window, and a service card.

18. An electronic device, characterized in that: include: A first display module, used to display a lock screen interface, wherein the lock screen interface displays a wallpaper image, and the wallpaper image includes a main element; A second display module, used to display the user interface UI controls on the lock screen interface; an adjustment module, configured to adjust a target element in the wallpaper image when the second display module displays the UI control on the lock screen interface; A third display module is used to display the adjusted wallpaper image on the lock screen interface, wherein the target element includes the main element, and the main element is adjusted downward in the height direction of the lock screen interface so that the main element in the adjusted wallpaper image is not blocked by the UI control.

19. An electronic device, characterized in that: include: a memory and a processor, the memory and the processor being coupled; The memory stores program instructions, and when the program instructions are executed by the processor, the electronic device executes the wallpaper processing method according to any one of claims 1 to 17.

20. A computer-readable storage medium, characterized in that: The invention comprises a computer program, and when the computer program is run on an electronic device, the electronic device executes the wallpaper processing method according to any one of claims 1 to 17.

21. A computer program product comprising instructions, characterized in that When the computer program product is run on a computer, the computer is enabled to execute the wallpaper processing method according to any one of claims 1 to 17.

22. A chip, characterized in that: It comprises one or more interface circuits and one or more processors; the interface circuit is used to receive a signal from a memory of an electronic device and send the signal to the processor, the signal comprising a computer instruction stored in the memory; when the processor executes the computer instruction, the electronic device executes the wallpaper processing method described in any one of claims 1 to 17.

Citation Information

Patent Citations

  • Wallpaper processing method and electronic equipment

    CN119597183A

  • Song information displaying method and device and mobile terminal

    CN108089830A

  • Lock screen display control method and device, mobile terminal and storage medium

    CN112882779A

  • Desktop wallpaper configuration method and device, electronic equipment and readable storage medium

    CN115129410A

  • Method for generating cover and electronic equipment

    CN115268742A