Wallpaper processing method and electronic equipment
By moving the main element in the lock screen wallpaper down when the UI control pops up on the lock screen interface, the problem of UI controls blocking the main element of the lock screen wallpaper is solved, and the display effect is improved.
Patent Information
- Application Number
- CN202311164416.2
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2023-09-08
- Publication Date
- 2025-03-11
AI Technical Summary
In the prior art, UI controls (such as notification messages, live windows, etc.) that pop up dynamically on the lock screen interface can easily block the main elements in the lock screen wallpaper and affect their display effect.
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 control. The specific method includes adjusting the height direction of the main element in the wallpaper image when displaying the UI controls on the lock screen interface.
It effectively avoids UI controls blocking the main elements in the lock screen wallpaper, improving the display effect of the main elements in the wallpaper image.
Smart Images

Figure CN119597183A_ABST
Abstract
Description
Technical Field
[0001] 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
[0002] 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 of the lock screen interface (also referred to as lock screen wallpapers) in the hope of highlighting the main elements on the lock screen interface.
[0003] However, electronic devices can pop up and display user interface (UI) controls such as notification messages or live windows on the lock screen interface. Taking notification messages as an example, notification messages popped up and displayed by electronic devices on the lock screen interface are generally displayed near the center area of the lock screen interface, and the main elements of the lock screen wallpaper displayed on the lock screen interface are generally also located near the center area of the lock screen interface, resulting in the pop-up notification message blocking the screen of the main elements of the lock screen wallpaper.
[0004] 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. Summary of the invention
[0005] In order to solve the above technical problems, the present application provides a wallpaper processing method and an electronic device. In the method, when a UI control is popped up on the lock screen interface, the main element in the wallpaper image of the lock screen interface can be at least moved down to ensure that the main element displayed on the lock screen interface is not blocked by the UI control, so as to improve the display effect of the main element in the wallpaper image.
[0006] In a first aspect, an embodiment of the present application provides a wallpaper processing method. The method comprises: displaying a lock screen interface, wherein the lock screen interface displays a wallpaper image, wherein the wallpaper image includes 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 blocked by the UI control.
[0007] Among them, the wallpaper image is also expressed as a lock screen wallpaper.
[0008] 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 central area of the lock screen interface.
[0009] 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.
[0010] In some embodiments, the electronic device may use a neural network to combine factors such as the display position and display area of various image elements in the lock screen wallpaper to identify the main element.
[0011] In the scheme 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.
[0012] In the scheme of the first aspect above, 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 on the lock screen interface after the downward adjustment 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.
[0013] 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 obscured by the dynamic UI controls displayed on the lock screen interface.
[0014] In some embodiments, for example, the target element may include a background element, and 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.
[0015] In addition, this application does not limit the number of main elements and background elements in the lock screen wallpaper.
[0016] 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.
[0017] 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 may be a fixed adjustment strategy and has nothing to do with the UI controls. The present application does not impose any restrictions on this.
[0018] For example, the electronic device can determine the adjustment strategy for the target element in combination with 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 the adjustment object, that is, which specific image elements are the target elements to be adjusted this time, and at least one of the adjustment methods (such as scaling, moving, etc.) and the adjustment amount of the adjustment method (such as scaling multiple, moving height, etc.) for each adjustment object.
[0019] 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.
[0020] 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 at a certain angle (generally less than 45 degrees) to the height direction. The present application does not impose any restrictions on this, as long as the main element is ensured to be adjusted downward from the top of the display screen of the electronic device (for example, near the front camera) to the bottom of the display screen (for example, near the speaker).
[0021] In an embodiment of the present application, when the electronic device displays a lock screen interface, 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 blocking the main element in the wallpaper image displayed on the lock screen interface, the electronic device of the present application can adjust the target element in the wallpaper image, and the adjustment at least includes 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. It can not be blocked by the UI control popped up on the lock screen interface. In this way, when the UI control pops up on the lock screen interface, it can not affect the display of the main element in the wallpaper image on the lock screen interface, so as to ensure the prominent display of the main element in the wallpaper image of the lock screen interface.
[0022] According to the first aspect, the above method may further include: displaying the adjustment process of the wallpaper image on the lock screen interface.
[0023] In this embodiment, the electronic device can not only display the adjusted wallpaper image, but also display the adjustment process of the wallpaper image on the lock screen interface. For example, the electronic device can play the adjustment process of the wallpaper image on the lock screen interface in an animated manner for a certain duration.
[0024] For example, the strategy for adjusting the wallpaper image is: move the main element from its original position downward by 5 units in height along the height direction of the lock screen interface, for example, each unit has a height of 2 pixels. The original position is the position of the main element in the lock screen interface when the lock screen wallpaper is adjusted this time.
[0025] Then, 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 of height within the first time period.
[0026] For example, if the electronic device displays the adjustment process for 5 seconds (s), 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 5s 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 way 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.
[0027] Here, we only take the adjustment of the main element as an example to illustrate the implementation method of the adjustment process of the wallpaper image displayed on the lock screen interface of the electronic device. When the target element also includes other image elements, the principle is the same.
[0028] 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 the original position.
[0029] 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 show 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 downward from the original position until it moves downward by 5 units in height. Dynamic adjustment process.
[0030] 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 this time. In other words, it is the size of the corresponding object before this adjustment.
[0031] 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.
[0032] 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: a control type of the UI control, a number of the UI controls, and a control height of the UI control.
[0033] 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.
[0034] 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.).
[0035] Also, when the number of UI controls is the same, for example, the card height of the service card is higher than the control height of the message control, then when a service card is displayed on the lock screen, the adjustment amount of the main element in the lock screen wallpaper is greater than that of a message control on the lock screen. That is, the higher the control height, the greater the adjustment amount of the target element.
[0036] 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.
[0037] 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.
[0038] 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 down by the same height as a whole.
[0039] 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.
[0040] 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 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, so as to ensure that the UI control does not obstruct the main element in the adjusted lock screen wallpaper when it is 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.
[0041] According to the first aspect, or any implementation manner of the first aspect above, the adjusting the target element in the wallpaper image includes: scaling the main element in the wallpaper image.
[0042] For example, the electronic device can enlarge and move down the main element, so that the electronic device can ensure that the enlarged main element will not be blocked by the UI control currently displayed on the lock screen interface by enlarging and moving the main element down. In addition, the implementation method can also present 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 is, so as to present a visual effect that the main element is closer to the user.
[0043] Alternatively, the electronic device shrinks and moves down the main element, and as the lock screen displays the UI controls, shrinks and moves down the main element, the main element shrinks and moves down to create a visual effect that the main element is moving away from the user. Since the main element is shrunk and moved down, the processed main element will not be blocked by the displayed UI controls when displayed on the lock screen.
[0044] According to the first aspect, or any implementation manner of the first aspect above, 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.
[0045] 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.
[0046] The first background element may be all background elements in the wallpaper image, or part of the background elements, which is not limited here.
[0047] 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. This makes 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.
[0048] 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.
[0049] 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.
[0050] For example, when an electronic device displays UI controls on a lock screen interface, the first background element (e.g., all background elements) in the lock screen wallpaper may be gradually reduced to a corresponding multiple to present a visual effect of the background element gradually moving away from the user.
[0051] For another example, when an electronic device displays a UI control on a lock screen interface, the first background element (eg, all background elements) in the lock screen wallpaper may be gradually enlarged to a corresponding multiple to present a visual effect of the background element gradually approaching the user.
[0052] For another 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 that the UI controls displayed on the lock screen interface push down the first background element and the main element in the lock screen wallpaper.
[0053] 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 is gradually enlarged, the background element is gradually reduced, and both the main element and the background element are moved downward.
[0054] 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 is gradually reduced to a corresponding multiple, the background elements are gradually enlarged to a corresponding multiple, and both the main element and the background elements are moved downward.
[0055] In an embodiment of the present application, when the electronic device displays UI controls on the lock screen interface, it can not only move down the main elements in the lock screen wallpaper, but optionally scale the main elements. In addition, it can also move down and / or scale the background elements in the lock screen wallpaper to ensure that the UI controls do not obscure the main elements while improving the diversity of changes in the lock screen wallpaper.
[0056] 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.
[0057] 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.
[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 different from a second downward height when the first background element is adjusted downward.
[0059] 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.
[0060] 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.
[0061] For example, the greater the difference in depth of field between the main element and the first background element, the greater the height difference of the two moving downward. For example, if the background element is a sky element, and the sky is infinitely far away from the main element (such as a person), the electronic device can control the main element to move downward by a certain height, while the background element does not move downward, or the downward height is zero.
[0062] Similarly, the smaller the difference in depth of field is, the smaller the height difference is. For example, if the lock screen wallpaper is a picture of 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. Since the person is standing close to the wall, the depth difference between the person and the wall is very small. In this way, the mobile 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.
[0063] 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.
[0064] 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, and the second background element 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.
[0065] For example, the second background element of the preset type may be a background element with similar color and a certain extension in the distribution of the wallpaper image (for example, extending from the area near the center of the image to the edge of the image), such as any one of sky elements, grassland elements, sea elements, and desert elements.
[0066] In this embodiment, when adjusting the lock screen wallpaper, the target element to be adjusted does not include the second background element, that is, the second background element is not adjusted, but only the target element (e.g., the main element, or the main element and the first background element) is adjusted. Then, 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 expanded in advance. 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.
[0067] Since the sky element remains unchanged while the first background element and the main element are adjusted when the lock screen wallpaper is adjusted, if the sky element is not expanded, there will be no image elements, i.e., blank areas (indicating that there are no image elements belonging to the wallpaper image) between the sky element and other elements (e.g., the first background element and the main element) after the lock screen wallpaper is adjusted. In this way, the second background element is image expanded in advance when it is set as the lock screen wallpaper. After the wallpaper is adjusted, the displayed wallpaper will not have the problem of no images between the image elements, and the continuity of the image of the lock screen wallpaper can be ensured.
[0068] 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.
[0069] Different from the previous implementation, in this embodiment, when the lock screen wallpaper is scaled, moved down, or at least one of the adjustments is made, 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, when adjusting the lock screen wallpaper, the image of the second background element can be expanded, 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.
[0070] 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 obstructs at least a portion of the second background element, and the first background element obstructs a partial area of the UI control.
[0071] 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, and the background is the sky.
[0072] 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 character 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 of the lock screen wallpaper is located and the layer where the character element is located.
[0073] When an electronic device displays UI elements 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 between the mountain element and the main element. The effect of gradually appearing.
[0074] 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.
[0075] 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.
[0076] 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, so that the UI control in a folded state displayed on the lock screen will not cover the main elements.
[0077] In addition, the second step of the first aspect mentioned above may also be a response process to the first user operation received here.
[0078] 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 limitation here.
[0079] In this embodiment, in a scenario where the 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.
[0080] 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 a received notification message, displaying the UI control related to the notification message on the lock screen interface.
[0081] In this embodiment, for the scenario where the UI control needs to be displayed on the lock screen interface, it can be that the electronic device receives a notification message when the electronic device displays the lock screen interface. When the electronic device displays the UI control related to the notification message on the lock screen interface, the lock screen wallpaper can be adjusted so that the notification message popped up on the lock screen interface does not cover the main elements in the adjusted lock screen wallpaper. The UI control related to the notification message can be a live window or a message control, which is not limited here.
[0082] 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.
[0083] 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 may be multiple, then the duration of the electronic device displaying the adjustment process of the lock screen wallpaper may be the same as the duration of displaying all the multiple UI controls on the lock screen interface.
[0084] 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. At the moment 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 can be the same as the duration of the animation of the multiple UI controls displayed on the lock screen interface, so as to synchronously display the multiple UI controls and adjust the lock screen wallpaper to ensure that the main elements are not blocked by the displayed multiple UI controls.
[0085] According to the first aspect, or any implementation manner of the first aspect above, 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; 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.
[0086] 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.
[0087] The principle of this embodiment is the same as the principle of the process of adjusting the lock screen wallpaper when 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.
[0088] 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 lock screen interface displayed the UI control, ensuring the consistency of the display state of the lock screen wallpaper.
[0089] 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.
[0090] 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 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.
[0091] In each of the above implementations, when the electronic device adjusts the target element, it may adjust the image of the lock screen wallpaper that includes the target element.
[0092] For example, if the target element includes a main element, a first background element, and a second background element, then 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 as the lock screen wallpaper; wherein the main image is an image obtained by segmenting the wallpaper image and only including 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 only including the first background element, and the second background image is an image obtained by segmenting the wallpaper image and only including the second background element. The sizes of the three images are the same as the size of the lock screen wallpaper.
[0093] 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 three image elements can be achieved by adjusting the main image, the first background image, and the second background image.
[0094] In the 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, 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 to 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 to 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 blocked by the UI control.
[0095] 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.
[0096] 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: a control type of the UI control, a number of the UI controls, and a control height of the UI control.
[0097] According to the second aspect, or any implementation of the second aspect, the adjustment module is specifically configured to scale the main element in the wallpaper image.
[0098] According to the second aspect, or any implementation of the second aspect, 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.
[0099] 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.
[0100] According to the second aspect, or any implementation of the second aspect, 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.
[0101] 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.
[0102] 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.
[0103] 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, and the second background element 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.
[0104] 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.
[0105] According to the second aspect, or any implementation method of the second aspect above, 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 a partial area of the UI control.
[0106] According to the second aspect, or any implementation method of the second aspect above, 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.
[0107] 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 a received notification message.
[0108] 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.
[0109] According to the second aspect, or any implementation method of the second aspect above, the electronic device also includes: a recovery module, which is used to restore the wallpaper image displayed on the lock screen interface to an 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 displaying 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.
[0110] 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.
[0111] 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 refer to the technical effects corresponding to the above-mentioned first aspect and any implementation of the first aspect, which will not be repeated here.
[0112] 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 are coupled; the memory stores program instructions, and when the program instructions are executed by the processor, the electronic device executes the method in the first aspect and any one of the implementations of the first aspect.
[0113] 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.
[0114] In a fourth aspect, an embodiment of the present application provides a computer-readable medium for storing a computer program, which, when executed on an electronic device, enables the electronic device to execute the method in the first aspect and any one of the implementations of the first aspect.
[0115] The technical effects corresponding to the fourth aspect can refer 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.
[0116] 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.
[0117] The technical effects corresponding to the fifth aspect can refer 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 sixth aspect, an embodiment of the present application provides a chip. The chip includes one or more interface circuits and one or more processors; the interface circuit is used to receive a signal from a memory of a first electronic device and send the signal to the processor, the signal including a computer instruction stored in the memory; when the processor executes the computer instruction, the first electronic device executes the method in the first aspect and any one of the implementations of the first aspect.
[0119] The technical effects corresponding to the sixth aspect can refer 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
[0120] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for use in the description of the embodiments of the present application will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative labor.
[0121] Figure 1 is one of the structural schematic diagrams of an electronic device shown as an example;
[0122] Figure 2 A schematic diagram of the software structure of an electronic device is shown as an example;
[0123] Figure 3 A schematic diagram of a mobile phone of the prior art is shown as an example;
[0124] Figure 4a The following is a schematic diagram showing an exemplary process of setting a lock screen wallpaper;
[0125] Figure 4b The following is a schematic diagram showing an exemplary process of adjusting the lock screen wallpaper;
[0126] Figure 4c The following is a schematic diagram showing an exemplary process of adjusting the lock screen wallpaper;
[0127] Figure 5a is a schematic diagram of an exemplary application scenario;
[0128] Figure 5b is a schematic diagram of an exemplary application scenario;
[0129] Figure 5c is a schematic diagram of an exemplary application scenario;
[0130] Figure 5d is a schematic diagram of an exemplary application scenario;
[0131] Figure 5e is a schematic diagram of an exemplary application scenario;
[0132] Figure 5f is a schematic diagram of an exemplary application scenario;
[0133] Figure 5g is a schematic diagram of an exemplary application scenario;
[0134] Figure 5h is a schematic diagram of an exemplary application scenario;
[0135] Figure 6a is a schematic diagram of an exemplary application scenario;
[0136] Figure 6b is a schematic diagram of an exemplary application scenario;
[0137] Figure 6c is a schematic diagram of an exemplary application scenario;
[0138] Figure 6d is a schematic diagram of an exemplary application scenario;
[0139] Figure 6e is a schematic diagram of an exemplary application scenario;
[0140] Figure 7a is a schematic diagram of an exemplary application scenario;
[0141] Figure 7b is a schematic diagram of an exemplary application scenario;
[0142] Figure 7c is a schematic diagram of an exemplary application scenario;
[0143] Figure 8a is a schematic diagram of an exemplary application scenario;
[0144] Figure 8b is a schematic diagram of an exemplary application scenario;
[0145] Figure 8c is a schematic diagram of an exemplary application scenario;
[0146] Fig. 9 is a schematic diagram of an exemplary application scenario;
[0147] Fig.10 is a schematic diagram of an exemplary application scenario;
[0148] Fig.11 A schematic diagram of the structure of the device provided in an embodiment of the present application. DETAILED DESCRIPTION
[0149] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.
[0150] The term "and / or" in this article is merely a description of the association relationship of 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.
[0151] The terms "first" and "second" in the description and claims of the embodiments of the present application are used to distinguish different objects rather than to describe a specific order of objects. For example, a first target object and a second target object are used to distinguish different target objects rather than to describe a specific order of target objects.
[0152] In the embodiments of the present 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 the present application should not be interpreted as being more preferred or more advantageous than other embodiments or designs. Specifically, the use of words such as "exemplary" or "for example" is intended to present related concepts in a specific way.
[0153] In the description of the embodiments of the present application, unless otherwise specified, the meaning of "multiple" refers to two or more than two. For example, multiple processing units refer to two or more processing units; multiple systems refer to two or more systems.
[0154] Figure 1 1 shows a schematic diagram of the structure of the electronic device 100. It should be understood that Figure 1 The electronic device 100 shown is only an example of an electronic device. Optionally, 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 IoT device, a vehicle-mounted display screen, or other device 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 those shown in the figure, may combine two or more components, or may have different component configurations. Figure 1 The various components shown in the EMBODIMENTS 2000 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.
[0155] 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.
[0156] 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 processor (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.
[0157] The controller may be the nerve center and command center of the electronic device 100. The controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.
[0158] The processor 110 may also be provided with a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory may store instructions or data that the processor 110 has just used or cyclically used. If the processor 110 needs to use the instruction or data again, it may be directly called from the memory. This avoids repeated access, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.
[0159] In some embodiments, the processor 110 may include one or more interfaces. The interface 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, etc.
[0160] The USB interface 130 is an interface that complies with the USB standard specification, and specifically can be a Mini USB interface, a Micro USB interface, a USB Type C interface, etc. The USB interface 130 can be used to connect a charger to charge the electronic device 100, and can also be used to transfer data between the electronic device 100 and a peripheral device. It can also be used to connect headphones to play audio through the headphones. The interface can also be used to connect other electronic devices, such as AR devices, etc.
[0161] It is understandable that the interface connection relationship between the modules illustrated in the embodiment of the present application is only a schematic 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 in the above embodiments, or a combination of multiple interface connection methods.
[0162] The charging management module 140 is used to receive charging input from a charger. The charger may be a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 may receive charging input from a wired charger through the USB interface 130. In some wireless charging embodiments, the charging management module 140 may receive wireless charging input through a wireless charging coil of the electronic device 100. While the charging management module 140 is charging the battery 142, it may also power the electronic device through the power management module 141.
[0163] 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 supplies power to the processor 110, the internal memory 121, the external memory, the display screen 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 number, battery health status (leakage, impedance), etc. 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.
[0164] 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.
[0165] 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 the utilization of antennas. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In some other embodiments, the antenna can be used in combination with a tuning switch.
[0166] The mobile communication module 150 can provide solutions for wireless communications including 2G / 3G / 4G / 5G, etc., 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.
[0167] The modem processor may include a modulator and a demodulator. Among them, the modulator is used to modulate the low-frequency baseband signal to be sent 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 the low-frequency baseband signal is processed by the baseband processor, it is passed to the application processor. The application processor outputs a sound signal through an audio device (not limited to a speaker 170A, a receiver 170B, etc.), or displays an image or video through a 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.
[0168] 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 integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, modulates the frequency of the electromagnetic wave signal and performs filtering, and sends the processed signal to the processor 110. The wireless communication module 160 can also receive the signal to be sent from the processor 110, modulate the frequency of it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2.
[0169] 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.
[0170] The electronic device 100 implements the display function through a GPU, a display screen 194, and an application processor. The GPU is a microprocessor for image processing, which connects the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 may include one or more GPUs that execute program instructions to generate or change display information.
[0171] The display screen 194 is used to display images, videos, etc. The 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 or an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, a quantum dot light-emitting diode (QLED), etc. In some embodiments, the electronic device 100 may include 1 or N display screens 194, where N is a positive integer greater than 1.
[0172] The electronic device 100 can realize the shooting function through ISP, camera 193, video codec, GPU, display screen 194 and application processor.
[0173] The camera 193 is used to capture still images or videos. The object is projected onto the photosensitive element by generating an optical image through the lens.
[0174] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 through the external memory interface 120 to implement a data storage function, such as storing music, video and other files in the external memory card.
[0175] The internal memory 121 can be used to store computer executable program codes, which include 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 may 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 may 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.
[0176] The electronic device 100 can implement audio functions such as music playing and recording through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone jack 170D, and the application processor.
[0177] 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 arranged in the processor 110, or some functional modules of the audio module 170 can be arranged in the processor 110.
[0178] The key 190 includes a power key, a volume key, etc. The key 190 may be a mechanical key or a touch key. The electronic device 100 may receive key input and generate key signal input related to user settings and function control of the electronic device 100.
[0179] 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.
[0180] Indicator 192 may be an indicator light, which may be used to indicate charging status, power changes, messages, missed calls, notifications, etc.
[0181] The SIM card interface 195 is used to connect a SIM card. The SIM card can be connected to and separated from the electronic device 100 by inserting it into the SIM card interface 195 or pulling it out 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.
[0182] The software system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a micro-core architecture, a micro-service architecture, or a cloud architecture. The embodiment of the present application takes the Android system of the layered architecture as an example to exemplify the software structure of the electronic device 100.
[0183] Figure 2 It is a software structure block diagram of the electronic device 100 according to an embodiment of the present application.
[0184] The layered architecture of the electronic device 100 divides the software into several layers, each with clear roles and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom, namely, the application layer, the application framework layer, the Android runtime (Android runtime) and the system library, and the kernel layer.
[0185] The application layer can include a series of application packages.
[0186] like Figure 2 As shown, the application package may include camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message, lock screen and other applications.
[0187] The application framework layer provides an application programming interface (API) and a programming framework for the applications in the application layer. The application framework layer includes some predefined functions.
[0188] like Figure 2 As shown, 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.
[0189] The window manager is used to manage window programs. The window manager can obtain the display screen size, determine whether there is a status bar, lock the screen, capture the screen, etc.
[0190] 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.
[0191] The view system includes visual controls, such as controls for displaying text, controls for displaying images, etc. The view system can be used to build applications. A display interface can be composed of one or more views. For example, a display interface including a text notification icon can include a view for displaying text and a view for displaying images.
[0192] The phone manager is used to provide communication functions of the electronic device 100, such as management of call status (including connecting, hanging up, etc.).
[0193] The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, video files, and so on.
[0194] The notification manager enables applications to display notification information in the status bar. It can be used to convey notification-type messages and can disappear automatically after a short stay without user interaction. For example, the notification manager is used to notify download completion, message reminders, etc. The notification manager can also be a notification that appears in the system top status bar in the form of a chart or scroll bar text, such as notifications of applications running in the background, or a notification that appears on the screen in the form of a dialog window. For example, a text message is displayed in the status bar, a prompt sound is emitted, an electronic device vibrates, an indicator light flashes, etc.
[0195] 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.
[0196] The system library and runtime layer include the system library and Android Runtime. The system library can include multiple functional modules. For example: surface manager, media library, 3D graphics processing library (for example: OpenGL ES), 2D graphics engine (for example: SGL), etc. The 3D graphics library is used to implement 3D graphics drawing, image rendering, synthesis and layer processing, etc. The Android runtime includes the core library and the virtual machine. The Android runtime is responsible for the scheduling and management of the Android system. The core library contains two parts: one part is the function functions that need to be called by the Java language, and the other part is the core library of Android. The application layer and the application framework layer run in the virtual machine. The virtual machine executes the Java files of the application layer and the application framework layer as binary files. The virtual machine is used to perform object life cycle management, stack management, thread management, security and exception management, and garbage collection and other functions.
[0197] The surface manager is used to manage the display subsystem and provide the fusion of 2D and 3D layers for multiple applications.
[0198] The media library supports playback and recording of a variety of commonly used audio and video formats, as well as static image files, etc. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.
[0199] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.
[0200] A 2D graphics engine is a drawing engine for 2D drawings.
[0201] The kernel layer is the layer between hardware and software. The kernel layer contains at least display driver, camera driver, audio driver, and sensor driver.
[0202] Understandably, Figure 2 The components included in the system framework layer, system library and runtime layer shown 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 combine some components, or split some components, or arrange the components differently.
[0203] Currently, electronic devices support setting wallpapers on the lock screen interface. Taking a mobile phone as an example, Figure 3 The lock screen interface 100 of the mobile phone is shown. 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. Figure 3 As shown, the lock screen wallpaper 101 may have a main element 1011 (such as a person, etc.) and a background element 1012. Moreover, 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, resulting in the main element 1011 being blocked by the pop-up notification message 103. Similarly, other UI controls that dynamically pop up on the lock screen interface, such as a live window, are also likely to block the main element displayed in the lock screen wallpaper.
[0204] 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.
[0205] For ease of explanation, the following names are defined:
[0206] 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.
[0207] Dynamic UI controls: After the lock screen is displayed, UI controls such as message controls, live windows, service cards, etc. can be popped up on the lock screen.
[0208] To this end, the present application provides a wallpaper processing method that can be applied to electronic devices. The electronic device can call a UI framework module through a lock screen application to adjust the lock screen wallpaper when 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.
[0209] 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.
[0210] The following is a specific example in which the electronic device is a mobile phone to illustrate the method of the present application. In other embodiments, the electronic device may also be a tablet computer, a wearable device, etc. The principle of the implementation process is the same and will not be repeated here.
[0211] Example 1, the process of setting the lock screen wallpaper
[0212] Figure 4a The figure is a schematic diagram showing an exemplary process of setting a lock screen wallpaper.
[0213] like Figure 4a As shown, the lock screen application of the mobile phone can call the UI framework to perform the following process, which may include the following steps:
[0214] 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.
[0215] 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 an image in a video, etc. This application does not limit the source of the first image.
[0216] Figure 5a A schematic diagram of an application scenario is shown exemplarily.
[0217] like Figure 5a As shown in (1), the display interface 201 of the mobile phone is the application interface of the gallery application, and the display interface 201 may include photos 202 and controls 203. When the user clicks the control 203, the mobile phone may respond to the user operation, such as Figure 5a As shown in (2), a control 204 is displayed on the display interface 201, and the control 204 may include a rename option, a rotate option, and a set to option 2041. The rename option and the rotate option are used to rename and rotate the photo 202, respectively.
[0218] like Figure 5a As shown in (2), the user clicks option 2041, and the mobile phone can respond to the user operation, such as Figure 5aAs shown in (3), the control 205 is displayed on the display interface 201, and the control 205 may include but is not limited to: wallpaper option 2051 and contact photo option. Among them, 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 and switch the display interface to the following Figure 5a (4) The display interface 206 shown in FIG. 4 shows a lock screen wallpaper 210 for preview. The lock screen wallpaper 210 is a wallpaper obtained by processing the photo 202 by the mobile phone.
[0219] Combine the following Figure 5b to Figure 5d The implementation process of obtaining the lock screen wallpaper 210 is described below.
[0220] First, in Figure 5a In the scenario shown, the phone can respond to the user clicking Figure 5a (3) The wallpaper option 2051 is operated to use the photo 202 as the first image to execute the above S101.
[0221] Please refer to Figure 5b , Figure 5b Shows the Figure 5a The photo 202 in the image is segmented in step S101 to obtain a subject image including a first subject element and a background image including a first background element.
[0222] In S101, the mobile phone can Figure 5b The photo 202 shown in (1) is subjected to semantic segmentation and depth analysis to obtain multiple layers, and the elements included in each of the multiple layers are different. For example, the multiple layers are respectively 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 the included elements are transparent areas, and the size of each layer is the same as the size of the photo 202.
[0223] In S101, the mobile phone may determine a background layer from the multiple layers by combining the elements in each layer of the multiple layers and / or the semantics of the layers to obtain a background image including the first background element.
[0224] exist Figure 5b In the scene shown, 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 the following image: Figure 5bThe background image including the first background element shown in (3) is image 202b here. The image 202b includes the first background element (blue sky, white clouds and mountains) 2022. The area in the image 202b except the first background element 2022 (for example, the area where the first main element 2021 is located) is a transparent area.
[0225] In S101, the mobile phone can also use a pre-trained neural network to perform semantic segmentation and depth analysis on the photo 202, and the above-mentioned multiple layers are obtained to identify the main elements to determine the main layer (including the layer of the main element), and synthesize the main layer into a main image including the first main element. For example, the neural network can identify the main layer (or main element) in combination with factors such as the display position and display area of the elements in the layer to synthesize at least one main layer into a main image including the first main element, wherein the main layer is generally a layer composed of elements of the main element close to the center area of the entire image.
[0226] exist Figure 5b In the scene shown, the mobile phone can identify the main elements of multiple layers to determine the layer including the character element as the main layer, so as to obtain the following Figure 5b The main image of the first main element shown in (2) is image 202a here. The image 202a includes a first main element (character element) 2021. The areas in the image 202a except the first main element 2021 (for example, the area where the first background element 2022 is located) are all transparent areas.
[0227] exist Figure 5b In the illustrated scene, the dashed box 600 is used to indicate Figure 5a The display screen of the mobile phone shown in the figure is used to express the display ratio of the original image of the segmented photo 202 on the display screen of the mobile phone. Figure 5b When the photo 202 is split, no operation is involved on the display screen shown in the dashed box 600. Therefore, the display screen is represented by the dashed box. The dashed box 600 is shown here for the purpose of Figure 5c In the application scenario, the mobile phone display indicated by the dotted frame 600 of the same size is used to illustrate Figure 5c The image 210a shown in (1) is Figure 5b (2) an enlarged image of the image 202a shown, and Figure 5c (3) The image 210b shown is Figure 5b (3) The image 202b shown is an enlarged image.
[0228] In this way, the mobile phone can call the UI framework module through the lock screen application to divide the photo 202 into an image 202a including the first main element and an image 202b including the first background element.
[0229] 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.
[0230] Optionally, after S101 and before S103, the mobile phone may further execute S102.
[0231] S102: The mobile phone may expand at least one of a main image including a first main element and a background image including a first background element.
[0232] In S103, the objects used for wallpaper processing include: an image of a main element and an image of a background element.
[0233] The image of the main element may be the main image including the first main element obtained through the above S101, or the main image including the second main element after expansion obtained through the above S102a.
[0234] The image of the background element may be the background image including the first background element obtained through the above S101, or the background image including the second background element after expansion obtained through the above S102b.
[0235] exist Figure 5a to Figure 5d In the application scenario, the photo 202 is not image expanded for the corresponding elements, that is, S102 is not executed, but S103 is used to perform wallpaper processing on the image 202a including the first main element and the image 202b including the first background element to obtain the lock screen wallpaper 210. Therefore, S102 is not elaborated in detail here, and will be discussed later in conjunction with Figure 5e to Figure 5g Let's introduce S102.
[0236] exist Figure 5a to Figure 5d In the application scenario mentioned above Figure 5b After the segmentation process shown, refer to Figure 5c ,like Figure 5c As shown in (1), the mobile phone can obtain the following Figure 5b (2) The image 202a including the first main element shown in FIG. 2 is enlarged (an example of wallpaper processing) to obtain Figure 5c (1) is the image 210a shown. Figure 5b (2) The first main element 2021 in the image 202a shown is enlarged to Figure 5c (1) The target main element 2101 in the image 210a shown. And Figure 5c As shown in (3), the mobile phone can obtain the Figure 5b The image 202b including the first background element shown in (3) is enlarged (an example of wallpaper processing), and optionally can be blurred to obtain Figure 5c (3) is an image 210b, where Figure 5b (3) The first background element 2022 in the image 202b shown is enlarged to Figure 5c (3) The target background element 2102 in the image 210b shown. Figure 5c (1) and Figure 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. Figure 5b The dashed box 600 and Figure 5c The dotted frame 600 is used to indicate the same display screen of the same size of the mobile phone, so that 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, the size of the photo 202 is 800*600, and the mobile phone can enlarge the image 202a and the image 202b obtained by segmenting the photo 202 by 2 times to obtain the image 210a and the image 210b with a size of 1600*1200.
[0237] It should be understood that Figure 5c The dashed frame 600 is shown to illustrate the magnification effect of the image, and the dashed frame 600 is not displayed in the image 210a and the image 210b.
[0238] As well as Figure 5c As shown in (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 Figure 5c (2) The middle layer 209 shown in the figure may 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 the same as the size of the display screen indicated by the dotted frame 600. Since the edge line of the middle layer 209 is a solid line, the dotted line of the dotted frame 600 is covered.
[0239] like Figure 5c and Figure 5dAs shown, when the image 210a, the image 210b, and the middle layer 209 are synthesized to obtain the lock screen interface 300, the image 210a can be used as the upper layer of the three layers, the middle layer image 209 is located in the middle layer, and the image 210b is located in the lower layer, and the lock screen interface 300 is obtained as shown in FIG. Figure 5d The lock screen interface 300 shown, wherein the synthesized image 210a and image 210b constitute a lock screen wallpaper 210. The size of the lock screen wallpaper 210 is larger than the screen size of the mobile phone, so as to facilitate the subsequent reduced display of the lock screen wallpaper 210. Since the image 210a including the first main element 2021 is placed on the upper layer of the middle layer image 209, the static UI controls such as the time icon and the date icon will not block the first main element 2021 in the lock screen wallpaper 210 in the lock screen interface, and the static UI controls such as the time icon and the date icon can block the first background element 2022 in the lock screen wallpaper 210.
[0240] exist Figure 5a to Figure 5d In the scenario, the wallpaper processing in S103 may include amplification processing and synthesis processing. The wallpaper processing is mainly the processing of the image, for example, it may also include but not be limited to: blur processing, color adjustment processing, transparency processing and other types of processing, which are not limited here.
[0241] 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 it can be flexibly set according to needs.
[0242] Continue back Figure 5a , the phone's lock screen application can respond to the user clicking such as Figure 5a (3) The user operation of the wallpaper option 2051 shown in FIG. 1 calls the UI framework to execute the above S101 and S103 and to generate the generated wallpaper option 2051. Figure 5d The lock screen wallpaper 210 shown in FIG. Figure 5a (4) The display interface 206 shown in FIG. Figure 5d As shown, the size of the lock screen wallpaper 210 is larger than the size of the display interface 206 (or the mobile phone screen). Figure 5a The lock screen wallpaper 210 shown in (4) is a portion of the lock screen wallpaper displayed on the screen, and a portion of the wallpaper that exceeds the screen is not displayed.
[0243] Then, the user clicks Figure 5a (4) The application control 207 shown in the figure, the mobile phone can respond to the user operation, such as Figure 5a(5), a control 208 is displayed on the display interface 206. The control 208 may include a set as lock screen option 2081, a set as desktop option 2082, and a set at the same time option 2083, to 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.
[0244] Next, the user clicks Figure 5a (5) shows the set lock screen option 2081, the mobile phone can respond to the user operation by Figure 5b to Figure 5d The process is to set the lock screen wallpaper 210 as the wallpaper of the lock screen interface 300. When the user locks the mobile phone, such as Figure 5a As shown in (6), the lock screen interface 300 can display the lock screen wallpaper 210. It should be understood that Figure 5d As shown, the size of the lock screen wallpaper 210 is larger than the size of the lock screen interface 300 (or the mobile phone screen). Figure 5a The lock screen wallpaper 210 shown in (6) is a portion of the lock screen wallpaper displayed on the screen, and a portion of the wallpaper that exceeds the screen is not displayed.
[0245] In this way, after Figure 4a The lock screen wallpaper obtained by the process shown may include two images, namely, a main image including the target main element and a background image including the target background element. Figure 5a to Figure 5d In the application scenario, the two images in the lock screen wallpaper 210 are: an image 210a (also referred to as a main image) including a target main element 2101, and an image 210b (also referred to as a background image) including a target background element 2102.
[0246] In this way, when the user sets the picture as the lock screen wallpaper, the present 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 the lock screen wallpaper in the order of the main layer on the upper layer and the background image on the lower layer.
[0247] In Example 1, Figure 4a The optional S102 shown is introduced.
[0248] 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, wherein the image style of the expanded image is consistent with that of the image before the expansion, and the newly added extended part is continuous with the original first image without any blank area.
[0249] For example, when the mobile phone executes S102, it can optionally expand the main image including the first main element through S102a to obtain the main image including the second main element, and can optionally expand the background image including the first background element through S102b to obtain the background image including the second background element.
[0250] 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.
[0251] In some embodiments, when the first image to be set as the lock screen wallpaper is not a large banner image, the mobile phone can expand the first image (for example, expansion in the width direction, and the background element and / or the main element can be expanded). For example, if the aspect ratio of the image is less than a first threshold, the image is not a large banner image. For example, the preset threshold can be 4:1, or 3:1, etc., which is not specifically limited and can be flexibly configured according to needs.
[0252] 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 displayed 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.
[0253] 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 the second threshold, the mobile phone can expand the first main element. For example, the second threshold is 1:2, which can be flexibly configured according to needs.
[0254] In some embodiments, after the mobile phone sets the first image as the lock screen wallpaper, the main element in the lock screen wallpaper can be moved down in the process of adjusting the lock screen wallpaper (to ensure that the dynamic UI controls do not block the main elements) in this application, so as to reduce the area of the main element blocked by the dynamic UI controls displayed on the lock screen interface. If the height of the main element in the first image accounts for too small a proportion of the height of the entire wallpaper (for example, the height of the character is too small), the height of the main element displayed in the wallpaper after the downward movement will be further reduced, thereby affecting the aesthetics of the main element in the lock screen wallpaper.
[0255] 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 may 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.
[0256] In the above Figure 5a and Figure 5b In the scenario, 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, and the photo 202 is not expanded here.
[0257] 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.
[0258] In an application scenario 1, please refer to Figure 5e ,like Figure 5e As shown in (1), the first image that the user requests to set as the lock screen wallpaper is image 301. The mobile phone divides image 301 through the above S101 to obtain the following: Figure 5e (2) The image 301a includes the first main element 3011, and the area other than the first main element 3011 in the image 301a (for example, the area where the first background element 3012 is located) is a transparent area, and the following is obtained: Figure 5e (3) shows an image 301b including a first background element 3012. The areas in the image 301b other than the first background element 3012 (eg, the area where the first main element 3011 is located) are all transparent areas.
[0259] 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. 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 picture of the lock screen wallpaper. Therefore, this embodiment needs to expand the image 301.
[0260] like Figure 5e As shown in (3), the lock screen application of the mobile phone can call the UI framework and execute S102b to Figure 5e (3) The image 301b shown in FIG. 3 is expanded to the left and right in the width direction to obtain Figure 5e (5) shows the expanded image 301b1.
[0261] Specifically, the UI framework can expand the background elements of the image 301b through the artificial intelligence generated content (AIGC) technology, 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, and 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. Figure 5e (3) and Figure 5e (5) It can be seen that the background element obtained by the mobile phone expanding the first background element 3012 to the left and right is continuous with the first background element 3012, and there is no blank area.
[0262] Among them, AIGC can be based on the input conditions or guidance (such as Figure 5e (3) shows the first background element 3012), and generates content related thereto. In other embodiments, other image expansion techniques may also be used to obtain an expanded image with a unified style and continuous image screen before and after expansion, which is not limited here.
[0263] like Figure 5e As shown in (4), the lock screen application of the mobile phone can call the UI framework to execute S102a to Figure 5e (2) The image 301a shown is expanded to the left and right in the width direction to obtain Figure 5e (4) The expanded image 301a1 is shown. Compared with the image 301a before expansion and the image 301a1 after expansion, the main element between the two remains unchanged, which is the first main element 3011, but the size of the transparent area except the first main element 3011 is expanded, so that the size of the expanded image 301a1 is the same as that of the expanded image 301a1. Figure 5e (5) The size of the image 301b1 shown is the same, which facilitates the lock screen application to process the image 301a1 and the image 301b1 as the lock screen wallpaper through S103. Among them, 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 image 301a1 and the image 301b1 are synthesized (i.e., the image 301b1 is the same as the image 301a1). Figure 5e The image 301 shown in (1) (the expanded image) is a large banner image.
[0264] 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 may 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 may 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 controls do not block the main elements in the lock screen wallpaper.
[0265] In an application scenario 2, Figure 5f A schematic diagram showing a process of a mobile phone expanding a first image.
[0266] Figure 5f and Figure 5e The processes of image segmentation and expansion of the segmented subject image and background image are mostly the same, except 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 segment the background image, for example Figure 5e The image 301b shown in (3) is expanded in the image height direction.
[0267] Combine the following Figure 5f , to describe application scenario 2 and Figure 5e The difference between the application scenario 1 shown is that the other processes are the same and will not be repeated here.
[0268] like Figure 5f As shown, image 301b is Figure 5e (3) The image 301b shown is the background image obtained by segmenting the image 301. The mobile phone can Figure 5f The image 301b shown is expanded to the left and right in the width direction, and the image 301b is expanded upward in the height direction to obtain Figure 5f The expanded image 301b2 is shown.
[0269] Specifically, the lock screen application of the mobile phone can call the UI framework and use AIGC technology to Figure 5f The image 301b shown in the figure is expanded in the upward, leftward and rightward directions, so that the style of the second background element 30122 in the expanded image 301b2 is consistent with the style of the first background element 3012 in the image 301b before expansion, and the style of the second background element 30122 in the expanded image 301b2 is consistent with the style of the first background element 3012 in the image 301b before expansion. Figure 5fAs shown in the image 301b before expansion and the image 301b2 after expansion, the background elements obtained by the mobile phone expanding the first background element 3012 to the left, right and upward are continuous with the first background element 3012, and there is no blank gap. In this way, the blue sky and white clouds in the image 301b are expanded upward in the width and height directions, and the mountain is expanded in the width direction. The aspect ratio of the expanded image 301b2 is greater than the first threshold value, so as to realize the expansion of the background elements of the image 301b and obtain a large banner image as the lock screen wallpaper. The principle of the size expansion of the image 301a is the same as that of the first image 301b2. Figure 5e The principle of the size expansion process of S102a shown in FIG. 1 is similar, except that the size of the image 301a after expansion is the same as that of the image 301a. Figure 5f The dimensions of the expanded images 301b2 are shown to be the same.
[0270] 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 to the left and right in the width direction, so that the expanded first image is 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 avoid the dynamic UI controls from blocking the main elements in the lock screen wallpaper, it can be ensured that after the lock screen wallpaper is moved downward, the background elements expanded in the height direction can be displayed on the lock screen interface, and the wallpaper will not move downward and a blank area will appear at the top of the screen.
[0271] In an application scenario 3, Figure 5g A schematic diagram showing a process in which a mobile phone expands a background image after segmenting a first image.
[0272] Figure 5g and Figure 5f The expansion process of the background elements is mostly the same, except that in application scenario 3, the lock screen application of the mobile phone can also call the UI framework to execute the above S102b to expand the segmented background elements. Figure 5e The image 301b shown in (3) is an image in which the background elements are expanded inwards.
[0273] Combine the following Figure 5g , to describe application scenarios 3 and Figure 5e The difference between the application scenario 2 shown is that the other processes are the same and will not be repeated here.
[0274] like Figure 5g As shown, image 301b is Figure 5e The image 301b shown in (3) is the background image obtained by segmenting the image 301. Figure 5f The process is the same as Figure 5gThe image 301b shown is extended to the left and right in the width direction, and the image 301b is extended upward in the height direction. Figure 5g In the example, the mobile phone can also expand inwardly within the image 301b, so that the transparent area corresponding to the first main element 3011 in the image 301b can be filled with the background elements by the above-mentioned inward expansion, such as filling the background elements of the blue sky, white clouds and mountains, to obtain Figure 5g The expanded image 301b3 is shown.
[0275] Specifically, the lock screen application of the mobile phone can call the UI framework and use AIGC technology to Figure 5g The image 301b shown in the figure is expanded in the upward, leftward, and rightward directions, as well as inward, that is, the transparent area corresponding to the first main element 3011 is expanded, 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 image 301b before expansion, and the style of the second background element 30123 in the image 301b3 before expansion is consistent with the style of the first background element 3012 in the image 301b before expansion. Figure 5g In the image 301b before expansion and the image 301b3 after expansion, the background elements obtained by the mobile phone expanding the first background element 3012 to the left, right, upward and inward are continuous with the first background element 3012, and there is no blank gap. 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 achieve the expansion of the background elements of image 301b and obtain a large banner image as the lock screen wallpaper. The principle of the size expansion of image 301a is the same as that of Figure 5g The principle of the size expansion process of S102a shown in FIG. 1 is similar, except that the size of the image 301a after expansion is the same as that of the image 301a. Figure 5g The dimensions of the expanded images 301b3 shown are the same.
[0276] Thus, in this embodiment, the mobile phone treats the first image set as the lock screen wallpaper and expands the background elements upward in the height direction and to the left and right in the width direction 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 the blank area will not be displayed in the background image of the lock screen wallpaper after the main element is moved downward.
[0277] In an application scenario 4, Figure 5h A schematic diagram is shown of a process of segmenting a first image on a mobile phone and expanding the segmented subject image.
[0278] Figure 5h and Figure 5e The process of image segmentation is the same and will not be repeated here.
[0279] Also, in application scenario 4, the process of the mobile phone expanding the background image can be referred to Figure 5e to Figure 5g The corresponding application scenarios 1 to 3 mentioned above will not be repeated here.
[0280] Figure 5h and Figure 5e The difference is that in Figure 5h In the application scenario 4 shown, 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 a second threshold (for example, 1:2).
[0281] Combine the following Figure 5h , to describe application scenarios 4 and Figure 5e The difference between the application scenario 1 shown is that the other processes are the same and will not be repeated here.
[0282] like Figure 5h As shown in (1), the first image that the user requests to set as the lock screen wallpaper is image 301. The mobile phone divides image 301 through the above S101 to obtain the following: Figure 5h(2) includes an image 301a (also referred to as a main image) including a first main element 3011. The areas other than the first main element 3011 in the image 301a (for example, the area where the first background element 3012 is located) are all transparent areas, and the following is obtained: Figure 5h The image 301b (also referred to as the background image) shown in (3) includes the first background element 3012. The areas in the image 301b other than the first background element 3012 (eg, the area where the first main element 3011 is located) are all transparent areas.
[0283] In this application scenario 5, the mobile phone may determine that the aspect ratio of the image 301 as the first image is less than the first threshold, thereby determining Figure 5h (1) The image 301 shown is not a large banner image. Therefore, this embodiment requires the background image after the image 301 is segmented, such as Figure 5h (3) The image 301b shown in FIG. 3 is expanded with background elements. The principle of the specific expansion process can be referred to in Figure 5e to Figure 5g The relevant description is not repeated here.
[0284] In addition, in this application scenario 5, the mobile phone can also determine the segmented Figure 5h (2) The ratio between the height h1 of the first main element 3011 in the image 301a shown in FIG. 3 and the height H1 of the image 301a is less than a second threshold value (e.g., 1:2), that is, the height of the person as the main element in the image 301a does not reach half of the height of the image 301a. Therefore, in this embodiment, the mobile phone can also expand the main element of the image 301a through the AIGC technology, 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.
[0285] like Figure 5h As shown in (2), the lock screen application of the mobile phone can call the UI framework and execute S102a to Figure 5h The first main element 3011 in the image 301a shown in (2) is extended downward in the height direction as indicated by the arrow, such as Figure 5h As shown in (3), the expanded main element (also referred to as the second main element) 30111 is expanded to include the lower body 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.
[0286] like Figure 5h As shown in (2), the lock screen application of the mobile phone can also call the UI framework to execute S102a to Figure 5h (2) The image 301a shown is expanded in size to the left and right in the width direction (the principle is similar to that of Figure 5eThe principle of the size expansion of S102a shown in FIG. 1 is the same as that of the S102a shown in FIG. 1 , so that the expanded Figure 5h The aspect ratio of the size of the image 301a1 shown is greater than the first threshold value, and is a large banner image.
[0287] It should be understood that the above Figure 5e to Figure 5h It only exemplifies the examples of segmenting the main elements and background elements of the first image in four application scenarios, and 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 in any direction and / or the main elements in any direction can be flexibly expanded on the first image according to actual needs, as long as the expanded first image is used as the lock screen wallpaper, when the dynamic UI controls are 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 controls, but also ensure that there will be no blank area when the adjusted lock screen wallpaper is displayed on the mobile phone screen.
[0288] 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. In this way, it is ensured that the main elements in the lock screen wallpaper are not blocked 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, moved, etc., 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 freeze in the lock screen wallpaper adjustment process.
[0289] Example 2: The process of displaying dynamic UI controls and adjusting the lock screen wallpaper
[0290] Figure 4b The figure is a schematic diagram showing an exemplary process of adjusting the lock screen wallpaper.
[0291] like Figure 4b As shown, the lock screen application of the mobile phone can call the UI framework to perform the following process, which may include the following steps:
[0292] 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.
[0293] Among them, dynamic UI controls may include but are not limited to: message controls related to notification messages, live windows, service cards, etc.
[0294] 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, or a live window or a service card, etc.
[0295] In some embodiments, there may be multiple types of dynamic UI controls to be displayed on the lock screen interface, such as message controls and live windows to be displayed.
[0296] 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.
[0297] The display sizes of dynamic UI controls of the same type can be the same or different, and there is no restriction here.
[0298] For example, the display sizes of multiple message controls are generally the same, so 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. The display sizes of different service cards can be the same or different.
[0299] 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.
[0300] 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.
[0301] It should be understood that although the above example 1 is related to Figure 5a to Figure 5d In the application scenario, the lock screen wallpaper is divided into only one main image and one background image. However, 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 may also be divided into multiple background images, for example, each background image includes one background element, and the other areas are transparent. Different background images may involve different background elements. For example, in Figure 5a to Figure 5d In the scene, 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 people in the photo, at least one person can constitute a main image, and the area in the main image except the at least one person is a transparent area. This solution can also be applied to Figure 4c Example.
[0302] 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.
[0303] 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.
[0304] 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.
[0305] In a specific application, which element or elements are included in the wallpaper elements adjusted by the mobile phone can be flexibly determined according to 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 there is no limitation here.
[0306] 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.
[0307] 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, etc. of 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 element. Among them, the original lock screen wallpaper refers to the lock screen wallpaper displayed by the mobile phone before the wallpaper adjustment operation.
[0308] S203a, the mobile phone can adjust the wallpaper elements in the lock screen wallpaper based on the first adjustment parameter.
[0309] In some embodiments, when the mobile phone adjusts the corresponding wallpaper element based on the first adjustment parameter, the adjustment process of the wallpaper element can be played on the lock screen interface in a dynamic 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.
[0310] 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 that has been moved down by 10 units of pixels.
[0311] S203b, after S202, the mobile phone may display the aforementioned number of dynamic UI controls on the lock screen interface.
[0312] 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.
[0313] 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 animation effects.
[0314] 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.
[0315] In some embodiments, S203a and S203b may also be executed serially, and the present application does not limit the execution order of the two steps.
[0316] 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 obscured 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.
[0317] It should be understood that the above embodiments are all described by taking 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 exemplified above. The image object as the main element can be multiple, such as multiple people, or people and animals, etc., which is also not limited here.
[0318] Next, we will combine application scenarios 5 to 7 to analyze the Figure 4b The process shown is explained.
[0319] In an application scenario 5, combined with the above Figure 5a to Figure 5d , Figure 6a to Figure 6b A schematic diagram showing the process of adjusting the lock screen wallpaper by a mobile phone.
[0320] Please refer to 6a(1), which shows the lock screen interface 300 of the mobile phone, and the lock screen interface 300 displays Figure 5a to Figure 5d The wallpaper setting process shown in the figure sets the lock screen wallpaper 210. In addition, the lock screen wallpaper 300 also displays static UI controls, such as network icons, power icons, time icons, date icons, etc.
[0321] The phone displays Figure 6a In the case of the lock screen interface 300 shown in (1), the mobile phone receives a notification message, then the mobile phone can Figure 4b S202 shown in FIG. 1 determines the display position, height and number (here one) of the message control related to the notification message, thereby determining the downward movement height of the lock screen wallpaper 210, and moving the lock screen wallpaper 210 downward according to the downward movement height, and displays the notification message on the lock screen interface 300, so that the lock screen interface 300 of the mobile phone changes from Figure 6a The state switching (direct switching or dynamic change) shown in (1) is Figure 6a (2) The status shown.
[0322] like Figure 6a As shown in (2), the lock screen interface 300 displays a notification message 302 that is currently received. 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.
[0323] Figure 6b The specific downward movement process of the lock screen wallpaper 210 is shown. Figure 6a In the scenario shown in (1), the display position of the lock screen wallpaper 210 in the lock screen interface 300 is as follows: Figure 5d Then when the mobile phone displays a notification message 302 on the lock screen interface 300, Figure 6b As shown in (1), the mobile phone can lock the screen wallpaper 210, including the following Figure 5c The images 210a and 210b shown in FIG. 1 are both shifted downward by a corresponding height, thereby presenting a Figure 6a (2) The lock screen wallpaper 210 shown. Among them, Figure 6b (1) The display state of the lock screen wallpaper 210 shown is the same as Figure 6a (2) The display state of the lock screen wallpaper 210 is the same as that of the lock screen wallpaper 210 shown in FIG. Figure 6b The wallpaper elements that exceed the mobile phone screen as shown in (1) are not displayed on the lock screen interface 300.
[0324] The phone displays Figure 6a(2) In the case of the lock screen interface 300 shown in FIG. 1, if the mobile phone receives a notification message again, the mobile phone can Figure 4b S202 shown in FIG. 1 determines the display position, height and number (here one) of the message control related to the notification message, thereby determining the downward movement height of the lock screen wallpaper 210, and moving the lock screen wallpaper 210 downward according to the downward movement height, and displays the notification message on the lock screen interface 300, so that the lock screen interface 300 of the mobile phone changes from Figure 6a The state switching (direct switching or dynamic change) shown in (2) is Figure 6a (3) The status shown.
[0325] like Figure 6a As shown in (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 displays the lock screen wallpaper 210 (including the target main element 2101 and the target background element 2102) in the lock screen interface 300. Figure 6a In the state shown in (2), the entire element is further moved downward, so that the pop-up notification message 303 does not block the target main element 2101 in the lock screen wallpaper 210.
[0326] Figure 6b The specific downward movement process of the lock screen wallpaper 210 is shown. Figure 6a In the scenario shown in (2), the display position of the lock screen wallpaper 210 in the lock screen interface 300 is as follows: Figure 6b (1) is shown. Then when the mobile phone displays a notification message 303 on the lock screen interface 300 (the corresponding number of notification messages to be displayed is one), as Figure 6b As shown in (2), the mobile phone can lock the screen wallpaper 210, including the following Figure 5c The images 210a and 210b shown in FIG. 1 are both moved down by a corresponding height, so that the lock screen wallpaper 210 is moved from Figure 6b (1) The status shown switches to Figure 6b (2) The status shown in the figure is as follows: Figure 6a (3) The lock screen wallpaper 210 shown. Among them, Figure 6b (2) The display state of the lock screen wallpaper 210 shown is the same as Figure 6a (3) The display state of the lock screen wallpaper 210 is the same as that of the lock screen wallpaper 210 shown in FIG. Figure 6b (2) The wallpaper elements that exceed the mobile phone screen are not displayed on the lock screen interface 300.
[0327] On mobile phone Figure 6a (2) The lock screen wallpaper 210 shown in FIG. 2 is moved downward to display the following Figure 6a (3) When the lock screen wallpaper 210 is shown, Figure 6b(1) As shown, the height of the lock screen wallpaper 210 is H3, then according to the corresponding downward movement height Figure 6b After the state shown in (1) continues to move downward, Figure 6b (2) will result in the top area of the lock screen wallpaper 210 having no image elements for display on the screen, thereby presenting a blank area. To this end, the mobile phone can adjust the lock screen wallpaper 210 this time, such as Figure 6b As shown in (2), the lock screen wallpaper 210 can be extended externally from the top edge (solid line) of the lock screen wallpaper 210 to the dotted line (the extended height is h3), so that the target background element in the lock screen wallpaper 210 can be extended. Here, the element of blue sky and white clouds is extended, so that the height of the lock screen wallpaper 210 is extended from H3 to H3+h3, as shown in FIG. Figure 6b (2) and Figure 6a As shown in (3), after the extended lock screen wallpaper 210 moves down by a corresponding height, no blank area will appear, but a background element of an extended blue sky will be displayed.
[0328] In this embodiment, when the wallpaper elements (here, background elements) in the lock screen wallpaper 210 are expanded, the principles and strategies of the expansion are the same as those described in S102 in the above example 1, and are not repeated here.
[0329] 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.
[0330] In the 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 according to 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 are 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 corresponding wallpaper elements are scaled, moved, etc. (downward movement here) on the expanded lock screen wallpaper, there will be no gaps (not filled with image elements) between different elements in the lock screen wallpaper displayed on the mobile phone screen.
[0331] In the embodiment of the present application, the dynamic UI control is a notification message as an example, and the number of notification messages to be displayed on the lock screen interface each time is one as an example to illustrate the adjustment process of the lock screen wallpaper of the present application. 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 movement 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 may be adjusted from Figure 6a (1) Directly switch to Figure 6a The lock screen interface 300 shown in (3) enables the single downward movement height of the lock screen wallpaper 210 to be the downward movement height corresponding to the two notification messages.
[0332] In addition, in this application Figure 6a and Figure 6b In the application scenario shown, 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 that the target main element 2101 is highlighted on the lock screen interface 300. This wallpaper adjustment method of moving the lock screen wallpaper downward as a whole has a lower adjustment complexity for the lock screen wallpaper, so that the adjustment process of the lock screen wallpaper can be executed more smoothly.
[0333] In an application scenario 6, combined with the above Figure 5a to Figure 5d , Figure 6c A schematic diagram showing the process of adjusting the lock screen wallpaper by a mobile phone.
[0334] Between Application Scenario 6 and Application Scenario 5, Figure 4b The implementation process is basically the same, except for the above application scenario 5 (corresponding to Figure 6a to Figure 6b ), in application scenario 6, 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; in addition, in application scenario 6, the method of adjusting the wallpaper elements in the lock screen wallpaper includes not only the downward adjustment of the entire lock screen wallpaper, but also the reduction operation of the background image in the lock screen wallpaper and the enlargement operation of the main image.
[0335] Please refer to 6c(1), which shows the lock screen interface 300 of the mobile phone, and the lock screen interface 300 displays the Figure 5a to Figure 5d The wallpaper setting process shown in FIG. 210 is combined with the lock screen wallpaper 210. Figure 5c , Figure 6c The lock screen wallpaper 210 shown in (1) is composed of an image 210a (also referred to as the main image 210a in this application scenario 6) including a target main element 2101, and an image 210b (also referred to as the background image 210b in this application scenario 6) including a target background element 2101.
[0336] The phone displays Figure 6c In the case of the lock screen interface 300 shown in (1), the mobile phone receives a notification message, then the mobile phone can Figure 4b S202 shown in FIG. 1 determines the height and number (here one) of the message controls related to the notification message, thereby determining the Figure 6c (1) shows the reduction ratio of the background image 210b in the lock screen wallpaper 210, 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.
[0337] In other embodiments, the downward movement heights corresponding to the background image 210 b and the main image 210 a may also be different.
[0338] 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 near and smaller 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 main image 210a to move downward to a greater height than 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.
[0339] 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 (such as 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 0.
[0340] Similarly, the smaller the difference in depth of field is, the smaller the height difference is. For example, if the lock screen wallpaper is a picture of 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. Since the person is standing close to the wall, the depth difference between the person and the wall is very small. In this way, the mobile 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.
[0341] 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.
[0342] Continue back Figure 6c Embodiment, about mobile phone Figure 6c The principle of the adjustment process of the background image 210b and the main image 210a shown in (1) is similar to that in the above application scenario 5. Figure 6b The principle of the process is similar to that of FIG. 6 , except 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.
[0343] In addition, the mobile phone is adjusted according to the corresponding reduction factor. Figure 6c (1) The zooming-out operation of the background image 210b in the lock screen wallpaper 210 shown in FIG. 1 , the zooming-in operation of the main image 210a according to the corresponding magnification, and the downward movement of the background image 210b and the main image 210a to the corresponding heights may be performed simultaneously or in series, and the present application does not impose any restrictions on this.
[0344] In this embodiment, in response to a display request of a dynamic UI control to be displayed by the mobile phone (for example, Figure 6c (2) In the scenario of the notification message 302 shown in FIG. 2 , 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.
[0345] Please refer to Figure 6c (2) Figure 6c (2) shows that the mobile phone combines the number of notification messages 302 and the height of the control to Figure 6c (1) The lock screen wallpaper 210 after the main image 210a is enlarged, the background image 210b is reduced, and both the main image 210a and the background image 210b are moved down to the same height. In addition, Figure 6c The lock screen interface 300 shown in (2) also displays a notification message 302.
[0346] In this embodiment, Figure 6c The lock screen wallpaper 210 shown in (1) can be dynamically changed according to the above-mentioned various adjustment operations. Figure 6c (2) The lock screen wallpaper 210 is shown.
[0347] Compared to Figure 6c (1) The lock screen wallpaper 210 shown, Figure 6c (2) The main image 210a in the lock screen wallpaper 210 is enlarged and moved downward. Figure 6cThe background image 210b in the lock screen wallpaper 210 shown in (2) is reduced in size and moved downward.
[0348] Then, the phone will display Figure 6c (2) In the case of the lock screen interface 300 shown in FIG. 1, if the mobile phone receives a notification message again, the mobile phone can execute Figure 4b S201, S202, S203a and S203b shown in the figure are used to change the mobile phone lock screen interface from Figure 6c The lock screen interface 300 shown in (2) changes dynamically to Figure 6c (3) The lock screen interface 300 shown.
[0349] Compared to Figure 6c (2) Figure 6c As shown in (3), the lock screen interface 300 of the mobile phone newly displays a notification message 303 received this time; and the mobile phone also changes the lock screen wallpaper 210 from Figure 6c (2) The state shown in the figure changes dynamically to Figure 6c (3) The mobile phone changes the lock screen wallpaper 210 from Figure 6c The state dynamics shown in (2) is Figure 6c The principle of the state shown in (3) is similar to that of the mobile phone changing the lock screen wallpaper 210 from Figure 6c The state dynamics shown in (1) is Figure 6c The principle of the state shown in (2) is the same and will not be repeated here.
[0350] Compared to Figure 6c (2) The lock screen wallpaper 210 shown, Figure 6c (3) The main image 210a in the lock screen wallpaper 210 is enlarged and moved downward. Figure 6c The background image 210b in the lock screen wallpaper 210 shown in (3) is reduced in size and moved downward.
[0351] Then, the phone will display Figure 6c (3) In the case of the lock screen interface 300 shown in FIG. 1, the mobile phone requests to display a live window, then the mobile phone can execute Figure 4b S201, S202, S203a and S203b shown in the figure are used to change the mobile phone lock screen interface from Figure 6c The lock screen interface 300 shown in (3) changes dynamically to Figure 6c (4) The lock screen interface 300 shown.
[0352] Compared to Figure 6c (3) Figure 6c As shown in (4), a live window 304 is newly displayed in the lock screen interface 300 of the mobile phone; and the mobile phone also changes the lock screen wallpaper 210 from Figure 6c (3) shows the state, which changes dynamically to Figure 6c (4) The mobile phone changes the lock screen wallpaper 210 from Figure 6c The state dynamics shown in (3) is Figure 6c The principle of the state shown in (4) is similar to that of the mobile phone changing the lock screen wallpaper 210 from Figure 6c The state dynamics shown in (1) is Figure 6c The principle of the state shown in (2) is the same. 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 that of the notification message 302 or the notification message 303. Therefore, the mobile phone has a higher control height than the notification message 302 or the notification message 303. Figure 6c (3) The magnification factor of the main image 201a in the lock screen wallpaper 210 shown in FIG. 201a when the main image 201a is enlarged, the reduction factor of the background image 201b when the background image 201b is reduced, and the downward movement height of the main image 201a and the background image 201b are all greater than that of the main image 201a and the background image 201b. Figure 6c (1) Change to Figure 6c (2) When, or from Figure 6c (2) Change to Figure 6c (3), the amount of adjustment performed by the mobile phone on the lock screen wallpaper 210 is greater.
[0353] Compared to Figure 6c (3) The lock screen wallpaper 210 shown, Figure 6c (4) The main image 210a in the lock screen wallpaper 210 is further enlarged and moved downward. Figure 6c The background image 210b in the lock screen wallpaper 210 shown in (4) is further reduced and moved downward.
[0354] 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 adjust the lock screen wallpaper to ensure that the above notification messages and live windows do not block the main elements in the lock screen wallpaper, so that the display of each dynamic UI control on the lock screen interface can be realized, and the main elements in the lock screen wallpaper can be highlighted. In addition, in this embodiment, when the mobile phone adjusts the lock screen wallpaper, by reducing the background image in the lock screen wallpaper, enlarging 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 dynamic effect of Hitchcock zooming the lock screen wallpaper.
[0355] In an application scenario 7, combined with the above Figure 5a to Figure 5d , Figure 6d A schematic diagram showing the process of adjusting the lock screen wallpaper by a mobile phone.
[0356] The implementation process of the mobile phone between application scenario 7 and application scenario 6 is mostly the same. 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.
[0357] Please refer to 6d, Figure 6d (1) Figure 6c (1) The lock screen interface 300 shown is the same, and Figure 6d (2) Figure 6c The lock screen interface 300 shown in (2) is the same.
[0358] The phone displays Figure 6d In the case of the lock screen interface 300 shown in (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.
[0359] 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.
[0360] 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 operations, so the mobile phone can Figure 4b S202 shown in FIG. 1 determines the height and number (here one) of the message controls related to the notification message, thereby determining the corresponding message controls based on the height and number of the message controls to be displayed. Figure 6d (1) shows the reduction ratio of the background image 210b in the lock screen wallpaper 210, 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).
[0361] In this embodiment, Figure 4b The first adjustment parameter of the wallpaper element shown 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.
[0362] The phone can then Figure 4bS203a shown in FIG. 1 is used to adjust the image size according to the determined reduction factor. Figure 6d (1) The background image 210b in the lock screen wallpaper 210 shown in FIG. 1 is reduced, and the background image 210b is zoomed in according to the magnification factor determined above. Figure 6d (1) The main image 210a shown is enlarged, and the height is moved down as described above to adjust Figure 6d (1) The main image 210a and the background image 210b are both moved downward to Figure 6d The lock screen wallpaper 210 shown in (1) is directly switched or dynamically changed through animation to be as follows Figure 6d (2) The lock screen wallpaper 210 is shown.
[0363] And, the mobile phone can execute Figure 4b As shown in S203b, the notification message 302 is displayed on the lock screen interface 300.
[0364] In this way, the lock screen interface of the mobile phone changes from Figure 6d The lock screen interface 300 shown in (1) is switched to Figure 6d (2) The lock screen interface 300 shown.
[0365] Continue to refer to Figure 6d , the phone displays Figure 6d In the case of the lock screen interface 300 shown in (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 and generate a service card related to the notification message 302 (here Figure 6d (3) Service card 305 shown).
[0366] Exemplarily, 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.
[0367] 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: pickup location, pickup code, item type of the express item, express name, etc. Then, the mobile phone can use the recognized service information to determine whether the service needs to be sent to the delivery address. Figure 6d (2) The notification message 302 shown is refreshed to Figure 6d (3) Service card 305 shown.
[0368] 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.
[0369] Then, the mobile phone can determine the wallpaper adjustment strategy corresponding to the service card 305 to be displayed based on the control type (here, the service card).
[0370] For example, the wallpaper adjustment strategy pre-set in 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 down 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.
[0371] Furthermore, the mobile phone can determine the control height of the service card 305 and the control height of the notification message 302, for example, 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 (here one), to determine the control height of the service card 305 and the notification message 302. Figure 6d (2) The reduction factor of the background image 210b in the lock screen wallpaper 210 (e.g., reduction to half of the background image 210b), Figure 6d (2) The magnification of the main image 210a in the lock screen wallpaper 210 shown in FIG. 2 and the downward movement height of the main image 210a. The operation amount of each operation involved in this wallpaper adjustment relative to the original lock screen wallpaper is Figure 6d (2) The lock screen wallpaper 210 is shown.
[0372] Then, the mobile phone can adjust the wallpaper 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 factor, magnification factor, and downward movement height). Figure 6d (2) The lock screen wallpaper 210 shown in FIG. 1 is adjusted in multiples and heights to directly switch or dynamically change to the following: Figure 6d (3) The lock screen wallpaper 210 shown; and the mobile phone can Figure 6d The notification message 302 shown in (2) is updated as follows Figure 6d (3) Service card 305 shown.
[0373] like Figure 5dAs shown in (3), the service card 305 may include but is not limited to: control 2031, control 2032, control 2033, control 2034, etc. Among them, control 2031 is used to indicate the information that the express delivery has not been picked up, such as "pending collection". Control 2032 is used to indicate the collection code, such as "0-1-1010". Control 2033 is used to indicate the collection location, such as "YY Station at the north gate of a certain community". Control 2034 can be a picture to indicate the item type of the item in the express delivery to be picked up, for example, the item type here is headphones.
[0374] contrast Figure 6d (2) and Figure 6d In the lock screen wallpaper 210 shown in (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.
[0375] exist Figure 6d In the corresponding application scenario 7, 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 to be displayed currently. The adjustment amount of the wallpaper elements can be determined in combination with the control height of the dynamic UI control to be displayed currently 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.
[0376] In addition, when displaying at least one of the dynamic UI controls, if there are still dynamic UI controls that need to be canceled, the adjustment amount for the wallpaper element can be further determined in combination with the control height and the number of controls of the dynamic UI controls to be canceled, so that the change in the lock screen wallpaper can match the control type and the number of controls of the dynamic UI controls finally displayed on the lock screen interface.
[0377] In addition, in the above application scenario 7, the number of dynamic UI controls displayed at a time is taken as one for example (for example Figure 6d (3) is used to illustrate the process of adjusting the lock screen wallpaper by the mobile phone. When there are multiple types of dynamic UI controls displayed at a single time and the number of each type of dynamic UI controls is multiple, the implementation process 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.
[0378] For example, when the 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 of 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.
[0379] 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 times the background image in the original lock screen wallpaper, and the main image is moved down by 10 pixels.
[0380] 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 strategies of various dynamic UI controls, and accumulates to determine that the first adjustment parameters of the wallpaper elements of the lock screen wallpaper include: 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.
[0381] 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 original position of the main image in the original lock screen wallpaper, and the background image can be moved down 10 pixels from the original position of the 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.
[0382] 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.
[0383] Unless otherwise specified, the magnification, reduction, and moving height described in the various embodiments of the present 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.
[0384] Of course, when the present application adjusts the wallpaper elements in the lock screen wallpaper, the multiples involved in the zoom-in and zoom-out operations are not limited to the relative multiples given as an example here, but can also be absolute multiples, which is not limited here.
[0385] 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.
[0386] Furthermore, it should be understood that Figure 6d The present invention only exemplifies a service card applicable to the method of the present application. 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.
[0387] In some embodiments, when the mobile phone is waiting to display a dynamic UI control (taking a notification message as an example) on the lock screen interface, the mobile phone Figure 4b When S202 shown is used to determine the first adjustment parameter of the wallpaper element in the lock screen interface, 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 a 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 change process with the effect of Hitchcock's 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 displayed completely on the lock screen interface.
[0388] Example 3: The process of cancelling the display of dynamic UI controls and adjusting the lock screen wallpaper
[0389] Figure 4c The figure is a schematic diagram showing an exemplary process of adjusting the lock screen wallpaper.
[0390] In passing Figure 4b After adjusting the lock screen wallpaper and displaying dynamic UI controls on the lock screen interface, Figure 4c As shown, the lock screen application of the mobile phone can call the UI framework to perform the following process. Figure 4c The process shown is equivalent to Figure 4b This is the reverse process of the process shown, and the execution principles of similar steps of the two processes are similar.
[0391] like Figure 4c As shown, the process may include the following steps:
[0392] S301, when a lock screen wallpaper and a dynamic UI control are displayed on the lock screen interface of the mobile phone, the mobile phone can determine the number of dynamic UI controls to be canceled and the display properties of the dynamic UI controls.
[0393] Among them, dynamic UI controls may include but are not limited to: message controls related to notification messages, live windows, service cards, etc.
[0394] 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, a service card, etc.
[0395] 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 and a live window to be displayed.
[0396] For the display properties of the dynamic UI controls, please refer to the introduction of the display properties in S201 in Example 2, which will not be repeated here.
[0397] 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.
[0398] 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.
[0399] 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.
[0400] 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.
[0401] 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.
[0402] In a specific application, which element or elements are 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.
[0403] 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.
[0404] For example, the adjustment method corresponding to the second adjustment parameter may include at least one of reduction, enlargement, and movement, and the adjustment amount of each adjustment method (such as 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.
[0405] S303a, the mobile phone may adjust the lock screen wallpaper based on the second adjustment parameter.
[0406] In some embodiments, when the mobile phone adjusts the corresponding wallpaper element based on the second adjustment parameter, the adjustment process of the wallpaper element can be played on the lock screen interface in a dynamic effect. For example, if the entire lock screen wallpaper is adjusted by 10 units of pixels, the mobile phone can play the process of moving the lock screen wallpaper up by 10 units of pixels at a certain moving 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.
[0407] 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 that has been moved up by 10 units of pixels.
[0408] S303b, after S302, the mobile phone may cancel the display of the above number of dynamic UI controls on the lock screen interface.
[0409] 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.
[0410] Similar to S303a, in S303b, when the mobile phone cancels 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 animation effects.
[0411] 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 adjusting the lock screen wallpaper.
[0412] In some embodiments, S303a and S303b may also be executed serially, and the present application does not limit the execution order of the two steps.
[0413] 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.) for 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.
[0414] Next, we will combine the application scenario 8 to analyze the Figure 4c The process shown is explained.
[0415] In an application scenario 8, combined with the above Figure 5a to Figure 5d as well as Figure 6c , Figure 6e A schematic diagram showing the process of adjusting the lock screen wallpaper by a mobile phone.
[0416] Please refer to 6e(1), which shows the lock screen interface 300 of the mobile phone. The lock screen interface 300 is Figure 6c (4) is the same as the lock screen interface 300 shown. Figure 6e As shown in (1), the user slides the notification message 302 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 following Figure 6e (2) The lock screen interface 300 shown. Figure 6e As shown in (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, and the mobile phone can respond to the user operation and execute Figure 4c S301, S302, S303a and S303b shown in FIG. 304 are used to cancel the display of the notification message 302 and to Figure 6e (2) The lock screen wallpaper 210 shown in FIG. 1 performs wallpaper adjustment operation to display the following Figure 6e (3) The lock screen interface 300 shown.
[0417] like Figure 6e As shown in (3), the notification message 302 in the lock screen interface 300 is cancelled and compared to Figure 6e (2) The lock screen wallpaper 210 shown in FIG. 1 is adjusted after the above-mentioned wallpaper adjustment operation. Figure 6e In the lock screen wallpaper 210 shown in (3), the main image 210a is enlarged and moved upward, and the background image 210b is reduced and moved upward, wherein the main image 210a and the background image 210b have the same upward height.
[0418] The magnification of the main image 210a, the reduction of the background image 210b, and the upward movement height of the entire lock screen wallpaper 210 are all the same as Figure 6e The controls of the notification message 302 shown in (2) are highly positively correlated.
[0419] Continue to refer 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 used to indicate 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.
[0420] Then, the mobile phone can respond to the user's long press operation on the live window 304 and execute Figure 4c S301, S302, S303a and S303b shown in the figure are used to cancel the display of the live window 304 on the lock screen interface 300 and Figure 6e (3) The lock screen wallpaper 210 shown in FIG. 1 performs wallpaper adjustment operation to display the following Figure 6e (4) The lock screen interface 300 shown.
[0421] like Figure 6e As shown in (4), the live window 304 in the lock screen interface 300 is cancelled, and compared to Figure 6e (3) The lock screen wallpaper 210 shown in FIG. 1 is adjusted after the above-mentioned wallpaper adjustment operation. Figure 6e The main image 210a in the lock screen wallpaper 210 shown in (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.
[0422] The magnification of the main image 210a, the reduction of the background image 210b, and the upward movement height of the entire lock screen wallpaper 210 are all the same as Figure 6e (3) The controls of the live window 304 shown are highly positively correlated.
[0423] because Figure 6e The widget height of the live window 304 shown is higher than the widget height of the notification message 302 and the notification message 302, so Figure 6e It can be seen that, taking the magnification of the main image 210a as an example, Figure 6e (3) Change to Figure 6e (4) is the magnification of the subject image 210a, compared with Figure 6e (2) Change to Figure 6e (3) The magnification of the main image 210a is greater.
[0424] Continue to refer to Figure 6e(4) The user slides 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 following Figure 6e (5) The lock screen interface 300 shown. Figure 6e As shown in (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 Figure 4c S301, S302, S303a and S303b shown in FIG. 303 are used to cancel the display of the notification message 303 and to Figure 6e (5) The lock screen wallpaper 210 shown in FIG. 1 performs wallpaper adjustment operation to display the following Figure 6e (6) The lock screen interface 300 shown.
[0425] like Figure 6e As shown in (6), the notification message 303 in the lock screen interface 300 is cancelled and compared to Figure 6e The lock screen wallpaper 210 shown in (5) has been adjusted through the above wallpaper adjustment operation. Figure 6e The main image 210a in the lock screen wallpaper 210 shown in (5) 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.
[0426] The magnification of the main image 210a, the reduction of the background image 210b, and the upward movement height of the entire lock screen wallpaper 210 are all the same as Figure 6e The controls of the notification message 303 shown in (5) are highly positively correlated.
[0427] so, Figure 6e (6) The lock screen wallpaper 210 in the lock screen interface 300 shown in FIG. Figure 5a to Figure 5d The lock screen wallpaper 210 (eg Figure 5a The lock screen wallpaper 210 shown in (6) is the same picture.
[0428] In some embodiments, when the mobile phone cancels the display of the dynamic UI control in the lock screen interface, it can also adopt a principle similar to the above-mentioned application scenario 7. The mobile phone can perform an adjustment operation corresponding to the control type on the lock screen wallpaper based on the control type of the dynamic UI control to be canceled from the lock screen interface, optionally in combination with the number of controls of the control type, and optionally in combination with the control height. In this way, when the types of dynamic UI controls to be canceled are different, the adjustment strategy of the mobile phone when adjusting the lock screen wallpaper may be different. The specific principle can be referred to the relevant description of application scenario 7, which will not be repeated here.
[0429] In addition, Figure 6a , Figure 6c , Figure 6d Similar to the embodiment, 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.
[0430] Figure 4b and Figure 4c The biggest difference between the embodiments is that the adjustment directions of the same wallpaper element in the lock screen wallpaper are opposite. Figure 4b In the embodiment, when the dynamic UI control is displayed on the lock screen interface, the mobile phone can, for example, move down and enlarge the main image. Figure 4c In the embodiment, when the dynamic UI control is canceled on the lock screen interface, the mobile phone can, for example, move up and reduce the main image, and other processes, Figure 4b and Figure 4c The principles of the embodiments are similar and will not be described in detail here.
[0431] In an application scenario 9, Figures 7a to 7c Shown above Figure 4a Schematic diagram of application scenarios involved in the process of setting lock screen wallpaper.
[0432] Figures 7a to 7c The process is similar to the above Figure 5a to Figure 5d The implementation principle of the process is basically the same, the difference is that Figures 7a to 7c In the application scenario 9 shown in the figure, the background images obtained by segmenting the first image are multiple (not a single image), and each background image includes different background elements. If the background images obtained by this image segmentation method are multiple, then the mobile phone will perform Figure 4b or Figure 4c When adjusting the lock screen wallpaper, more wallpaper adjustment strategies can be used to implement wallpaper adjustment to reduce the obstruction of the main elements in the lock screen wallpaper by the dynamic UI controls displayed on the lock screen interface.
[0433] Combined 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 and a background element 3013 (here is a mountain) and a background element 3014 (here is blue sky and white clouds), wherein the width of the fault 301 is w1.
[0434] Then, the phone passes Figure 4a S101 shown in FIG. 3 is used to segment the image 310 to obtain the following Figure 7a (2) The main image 301a shown, Figure 7a(3) The background image 301c shown, Figure 7a (4) Background image 301d shown.
[0435] The main image 301a includes a main element 3011, and the areas other than the main element 3011 are all transparent areas.
[0436] The background image 301c includes a background element 3013, and areas other than the background element 3013 are all transparent areas.
[0437] 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.
[0438] The sizes of the main image 301a, the background image 301c, and the background image 301d are all the same as Figure 7a (1) is the same as the image 301 shown.
[0439] Then, if Figure 7a As shown, image 301 is not a large banner image, and the mobile phone can Figure 4a In S102 shown, the main image 301a, the background image 301c, and the background image 301d are expanded respectively.
[0440] The expansion process is as follows:
[0441] like Figure 7a As shown in (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 an image with a width that is three times the width (w1) before expansion. Figure 7a (5) Background image 301c shown.
[0442] In addition, if Figure 7a As shown by the arrow in the background image 301d shown in (4), the mobile phone can also expand the blue sky and white cloud elements in the background image 301d. Specifically, the mobile phone can expand downward in the image height direction of the background image 301d to Figure 7a (6) shows the expanded background image 301d.
[0443] like Figure 7a As shown in (1) and 7a(4), the maximum height of the background elements (here, the 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.
[0444] When the mobile phone expands the background element 3014 in the image 301d, the background element 3014 may be expanded to a height of Figure 7a (7) The background element of the mobile phone screen height h4 is shown, Figure 7a As shown in (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.
[0445] Of course, in other embodiments, the height of the expanded 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.
[0446] 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 need not be moved, but only the main image 310a corresponding to the main element needs to be moved downward, thereby ensuring that the main element 3011 is not blocked by the dynamic UI controls, and 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.
[0447] In addition, Figure 7a When expanding the three images after segmentation shown in the figure, you can refer to Figure 7a (5) The width (3*w1) of the background image 301c shown in FIG. Figure 7a (2) the main image 301a shown, and Figure 7a (6) The image 301d shown in FIG. 6 is resized so that the sizes of the main image 301a and the image 301d after the resize is the same as those of the main image 301a and the image 301d after the resize is expanded. Figure 7a The background image 301c shown in (5) has the same size, where the image width is 3*w1 and the image height is H1.
[0448] For the method and principle of size expansion, please refer to the above Figure 5e The description of (4) is not repeated here.
[0449] In addition, in some embodiments, the mobile phone Figure 7a (3) The background image 301c and Figure 7a (4) The expansion method of the background image 301d shown in FIG. Figure 5g , Figure 5f The principle of expanding the background elements in is the same and will not be repeated here.
[0450] exist Figure 7a After following the process shown, refer to Figure 7b , mobile phone can Figure 7a (2) The main image 301a shown in FIG. 1 is expanded in size. The expanded size is: the image width is 3*w1, and the image height is H1. Then, the mobile phone can enlarge the main image 301a after the size expansion to obtain Figure 7b (1) The main image 301a shown.
[0451] Similarly, mobile phones can Figure 7a (6) The background image 301d shown in FIG. 6 is expanded in size. The expanded size is: the image width is 3*w1, and the image height is H1. Then, the mobile phone can enlarge the expanded background image 301d to obtain Figure 7b (5) Background image 301d shown.
[0452] Similarly, mobile phones can Figure 7a (5) The background image 301c shown is enlarged to obtain Figure 7b (3) Background image 301c shown.
[0453] After enlargement Figure 7b (1) Figure 7b (3) Figure 7b (5) The main image 301a, the background image 301c and the background image 301d are of the same size. Figure 7b (2) shows the size of the second layer image 209, where the size of the second layer image 209 is the size of the mobile phone screen, and the sizes of the main image 301a, background image 301c and background image 301d after segmentation and enlargement are larger. The second layer image 209 may include but is not limited to static UI controls such as network icons, power icons, clock icons, and date icons.
[0454] In addition, in this application scenario 9, the current lock screen interface of the mobile phone also displays Figure 7b The message control 402 shown in (4) is a control for representing a collapsed notification message.
[0455] So if Figure 7b and Figure 7c As shown, when the mobile phone sets the lock screen wallpaper based on image 301, Figure 7b The main image 301a shown in (1) is placed as the first layer (i.e., the top layer) as shown in FIG. Figure 7b (2) is above the second layer associated with the static UI controls.
[0456] And mobile phones can Figure 7b (3) The background image 301c and Figure 7b (5) The background image 301d shown is placed below the second layer. Figure 7b (3) The background image 301c shown is the third layer below the second layer. Figure 7b (5) The background image 301d shown is used as the fifth layer (i.e., the bottom layer). Figure 7b The message control 402 shown in (4) serves as the fourth layer between the third layer and the fifth layer.
[0457] In some embodiments, based on the differences in background elements in the multiple background images obtained by segmentation, the order of layers between the multiple background images is not limited to Figure 7b As an example of the synthesis order, stacking pipelines between upper and lower layers can be set between multiple background images as needed, and there is no limitation here.
[0458] In addition, the present application does not impose any restrictions on the layer in which the message control 402 is placed, as long as it does not block the main element 3011 in the lock screen wallpaper.
[0459] In this way, the phone can follow the order of layers from top to bottom. Figure 7a (1) Figure 7a (2) Figure 7a (3) Figure 7a (4) Figure 7a (5) The various layers shown are synthesized to obtain Figure 7c The lock screen interface 400 shown. 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 power icon, which also do not block the main element 3011.
[0460] 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 the notification message related to the message control 402 and displays it on the lock screen interface 400, by adjusting the lock screen wallpaper, it is possible to present a visual effect that the notification message gradually appears from behind the mountain. Figure 8a and Figure 8b The embodiment of the present invention is described in detail and will not be described in detail here.
[0461] 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.
[0462] The lock screen wallpaper 401 may include a main image 301a, a background image 301c and a background image 301d in layers from top to bottom.
[0463] Among them, the background elements in the background image 301d are blue sky and white clouds, which are background elements with relatively close colors, and the background elements in the background image 301d are image elements extending outward from the center of the mobile phone screen.
[0464] 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 splitting, and place the background image at the bottom layer of each layer in the lock screen wallpaper when synthesizing it into a lock screen wallpaper.
[0465] 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 extension in the distribution of 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 obtains multiple background images, so when adjusting the lock screen wallpaper later, the background elements of the multiple background images can be referred to to determine the wallpaper adjustment strategy, so as to facilitate the presentation of more wallpaper adjustment effects and ensure that the main elements are not blocked by dynamic UI controls.
[0466] In an application scenario 10, Figure 8a Shown above Figure 4b Schematic diagram of application scenarios involved in the process of adjusting the lock screen wallpaper.
[0467] In combination with the lock screen wallpaper 401 set in the above 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 that in the above application scenario 9. Figure 7c The lock screen interface 400 shown in FIG. Figure 8a The lock screen interface 400 shown in (1) includes a message control 402, a 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.
[0468] 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, but can also be other types of controls.
[0469] Among them, the reminder message in the folded state cannot display the specific message content.
[0470] like Figure 8a The message control 402 shown in (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, which is "Information Application" in this case, and the number "3" is used to indicate the number of notification messages in the folded state.
[0471] Different from the above Figures 6a to 6d In the embodiment, the notification message to be displayed is the currently received notification message. Figure 8a In the embodiment, the notification message to be displayed is a notification message that has been received but is in a folded state and not displayed on the lock screen interface, such as the three notification messages of the information application indicated by the message control 402. Figures 6a to 6d In the embodiment, each time the lock screen wallpaper is adjusted, the number of notification messages to be displayed determined by the mobile phone is one, which is three here, so the first adjustment parameter determined by the mobile phone is related to the three notification messages.
[0472] In addition, Figure 8a In the embodiment, 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.
[0473] and, in Figure 8a In an embodiment, the mobile phone can determine the operation amount of each operation corresponding to the above wallpaper adjustment strategy, such as the magnification, reduction, downward movement height, etc., according to the number of notification messages to be displayed (here 3) and the control height of the notification message.
[0474] Please refer to Figure 8a (1), for example, when a user unlocks the screen by face recognition, the mobile phone can respond to the user operation to perform face recognition on the user. When the face recognition is successful, the mobile phone can unlock the lock screen interface 400 to display the unlocked display interface (for example, Figure 8aThe display interface 407 shown, a lock screen interface), expands and displays three unread notification messages in a folded state, and adjusts the lock screen wallpaper 401 according to the above-mentioned first adjustment parameter (specifically including the above-mentioned wallpaper adjustment strategy and each operation).
[0475] For example, the first adjustment parameter determined by the mobile phone includes: Figure 8a (1) The main image 301a in the lock screen wallpaper 401 is enlarged to 4 times the main image 301a, the background image 301c is reduced to 1 / 4 times the background image 301c, and the main image 301a and the background image 301c are both enlarged to 4 times the main image 301a. Figure 8a (1) The position starts to move downward and moves downward by a height of 9 pixels, while the background image 301d remains unchanged.
[0476] In addition, the mobile phone can display the adjustment process of the lock screen wallpaper 401 in a time length 1 in the form of an animation effect 1, so that Figure 8a The main image 301a in the lock screen wallpaper 401 shown in (1) can be gradually enlarged at a certain speed within a time length 1 to reach the enlargement Figure 8a (1) shows a four-fold effect of the main image 301a, and the background image 301c can be gradually reduced at a certain speed within the time length 1 and finally reduced to Figure 8a (1) shows the effect of 1 / 4 of the background image 301c, and the main image 301a and the background image 301c can gradually move downward within the duration 1, so as to eventually achieve the effect of moving downward by 9 pixels in height.
[0477] and in Figure 8a In an embodiment, 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 three notification messages simultaneously with an animation 2 within a duration of 2.
[0478] exist Figure 8a In an embodiment, the duration 2 is less than the duration 1. In other words, when the mobile phone responds to the user's unlocking operation to simultaneously start the process of expanding 3 notification messages and adjusting the lock screen wallpaper, the process of displaying 3 notification messages on the lock screen interface 400 can be completed within the duration 1, and the process of adjusting the lock screen wallpaper 401 can be completed within the duration 2.
[0479] Therefore, if Figure 8a As shown, after the screen is unlocked, the display interface of the mobile phone can be changed from Figure 8a The lock screen interface 400 shown in (1) gradually changes to Figure 8a (3) The display interface 407 shown. Among them, Figure 8a(2) The display interface 407 shown 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 be changed from Figure 8a The lock screen interface 400 shown in (1) changes to Figure 8a (2) The display interface 407 described above, after the screen is unlocked, the display interface of the mobile phone can be changed from Figure 8a The lock screen interface 400 shown in (1) changes to Figure 8a (3) The display interface 407. For example Figure 8a The main image 301a shown in (1) is enlarged to twice the main image 301a and moved down by 4 pixels from the original position to obtain Figure 8a (2) The main image 301a in the display interface 407 shown, Figure 8a The background image 301c shown in (1) is reduced to 1 / 4 of the background image 301c and moved down by 4 pixels from the original position to obtain Figure 8a (2) The background image 301c in the display interface 407 shown in FIG. Figure 8a (1) is the position of the lock screen wallpaper 401 shown.
[0480] In the mobile phone display interface from Figure 8a The lock screen interface 400 shown in (1) gradually changes to Figure 8a (3) In the process of displaying interface 407, the mobile phone can display three notification messages at the same time within duration 2, which are notification message 403, notification message 404 and notification message 405, and gradually enlarge and move down the main image 301a in the lock screen wallpaper 401 according to the above-mentioned animation 1 within duration 1, and gradually reduce and move down the background image 301c. Figure 8a In the lock screen wallpaper 401 shown in (3), the main image 301a is enlarged to Figure 8a (1) is 4 times the main image, and the background image 301c is reduced to Figure 8a (1) is 1 / 4 times the background image 301c shown in FIG. 1 , and both the main image 301a and the background image 301c are Figure 8a The display position shown in (1) is shifted downward by a height of 9 pixels.
[0481] In this embodiment, since the duration 1 of the animation 2 of the three notification messages displayed at the same time is shorter than the duration 2 of the animation 2 of the wallpaper adjustment process, the speed of the animation 2 is faster, while the speed of the animation 1 of the wallpaper adjustment process is slower. Figure 7b The relationship between the various layers shown can be seen, and the message control 402 is related to Figure 8aThe layers where the notification messages 403 to 405 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 following will be presented: Figure 8a (2) and Figure 8a (3) shows an effect where the notification message gradually appears from behind the background image 301c (corresponding to the mountain element).
[0482] In the wallpaper adjustment process of the embodiment of the present application, the wallpaper elements in the lock screen wallpaper are adjusted by enlarging and moving down the main elements, shrinking and moving down the mountain elements, and keeping the sky (blue sky and white clouds) elements unchanged. Figure 7a In the process of setting the lock screen wallpaper shown in the figure, the sky element is expanded in the height direction, so that Figure 8a The sky element in the background image 301d shown 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 element is included), and there will be no blank area between the sky element and the main element, making the picture of the adjusted lock screen wallpaper smoother and more coherent. In addition, the mobile phone can gradually reduce and lower the mountain element displayed on the lock screen wallpaper according to the number of notification messages to be expanded and displayed (here 3) and the height of the control of the notification message, so as to gradually show the expanded 3 notification messages, and gradually enlarge and lower the main element displayed on the lock screen wallpaper, so that multiple notification messages can be displayed while highlighting the main element on the lock screen wallpaper, and the multiple notification messages do not block the main element, so as to achieve the effect of Hitchcock zoom processing.
[0483] exist Figure 8a In an embodiment, 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.
[0484] In an application scenario 11, Figure 8b Shown above Figure 4b Schematic diagram of application scenarios involved in the process of adjusting the lock screen wallpaper.
[0485] Figure 8b and Figure 8a The implementation process is mostly the same, except that Figure 8b In the screen unlocking, the phone can expand multiple notification messages (here 3) in the folded state one by one, instead of Figure 8aThe process of expanding the three notification messages one by one can be achieved by playing animation 3, and the duration of animation 3 can be the same as the duration 1 of the above-mentioned animation 1 corresponding to the wallpaper adjustment process. That is to say, 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 the duration 1, and use animation 1 to enlarge the main image 301a to the main image 301a before the screen is unlocked (that is, Figure 8b (1) is 4 times the main image 301a) shown in FIG. 1, and the background image 301c is reduced to the background image 301c before the screen is unlocked (i.e. Figure 8b (1) is 1 / 4 times the background image 301c shown in FIG. 1 , and both the main image 301a and the background image 301c are moved down by 9 pixels from the 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 is also adjusted accordingly, 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 speeds of the two processes are matched.
[0486] Combine the following Figure 8b To illustrate this process, Figure 8a The similarities are not elaborated here.
[0487] Please refer to Figure 8b (1), the lock screen interface 400 of the mobile phone and Figure 8a (1) is the same as the lock screen interface 400 shown in FIG. Figure 8a (1) is not described here. Figure 8b (1) When the lock screen interface 400 shown in FIG. 1 is displayed, the mobile phone receives a 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 notification messages indicated by the message control 402, thereby determining that the first adjustment parameter for adjusting the lock screen wallpaper this time specifically includes: Figure 8b The main image 301a in the lock screen wallpaper 401 shown in (1) is enlarged to the original image (i.e. Figure 8b (1) The main image 301a is 4 times larger than the background image 301c, and the background image 301c is reduced to the original image (i.e. Figure 8b (1) is 1 / 4 times the background image 301c shown in FIG. 1 , and both the main image 301a and the background image 301c are moved down by 9 pixels from their original positions, while the background image 301d remains unchanged. The original position of the main image 301a described in this application scenario 11 is Figure 8b (1) The main image 301a is shown in the lock screen wallpaper 401. The original position of the background image 301c described in this application scenario 11 is Figure 8b(1) shows the display position of the background image 301c in the lock screen wallpaper 401.
[0488] Then, the mobile phone can display the three notification messages to be displayed one by one in response to the input of the face unlock, and adjust the face unlocking function based on the first adjustment parameter. Figure 8b (1) The lock screen wallpaper 401 shown is gradually adjusted so that the display interface of the mobile phone can be changed from Figure 8b The lock screen interface 400 shown in (1) gradually changes to Figure 8b (2) the display interface 407 shown, and then from Figure 8b (2) The display interface 407 shown gradually changes to Figure 8b (3) The display interface 407 shown; Finally, from Figure 8b (3) The display interface 407 shown gradually changes to Figure 8b (4) Display interface 407 shown.
[0489] The mobile phone display interface is Figure 8b (1) Change to Figure 8b (2) Process:
[0490] Mobile phones can be Figure 8b The display interface 407 shown in (2) displays a notification message 403.
[0491] In addition, the mobile phone can Figure 8b The main image 301a shown in (1) is enlarged to the original image (i.e. Figure 8b (1) is twice the height of the main image 301a) and is moved down 3 pixels from the corresponding original position to display Figure 8b (2) The main image 301a in the display interface 407 shown.
[0492] And, the mobile phone can Figure 8b (1) The background image 301c shown is reduced to the original image (i.e. Figure 8b (1) is 1 / 2 times the background image 301c) shown in FIG. 1 and is moved down 3 pixels from the original position to display Figure 8b (2) shows the background image 301c in the display interface 407.
[0493] In this way, the display interface of the mobile phone changes from Figure 8b The lock screen interface 400 shown in (1) changes to Figure 8b In the display interface 407 shown in (2), a notification message 403 may gradually appear from behind the mountain element corresponding to the background image 301c in the lock screen wallpaper 401, and does not block the main element in the main image 301a.
[0494] The mobile phone display interface is Figure 8b (2) Change to Figure 8b (3) Process:
[0495] Mobile phones can be Figure 8b A notification message 404 is newly displayed in the display interface 407 shown in (3).
[0496] In addition, the mobile phone can Figure 8b (1) The main image 301a shown in FIG. 1 is further enlarged to be the original image (i.e. Figure 8b (1) is 3 times the main image 301a) and continues to move downward from the corresponding original position, for example, continues to move downward by 3 pixels to display Figure 8b (3) shows the main image 301a in the display interface 407.
[0497] And, the mobile phone can Figure 8b (1) The background image 301c shown in FIG. 1 is further reduced to the original image (i.e. Figure 8b (1) is 1 / 3 times the background image 301c) shown in FIG. 1 and continues to move downward from the original position, for example, continues to move downward by 3 pixels in height to display Figure 8b (3) shows the background image 301c in the display interface 407.
[0498] In this way, the display interface of the mobile phone changes from Figure 8b The lock screen interface 400 shown in (2) changes to Figure 8b When the display interface 407 shown in (3) is displayed, 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, and does not block the main element in the main image 301a.
[0499] The mobile phone display interface is Figure 8b (3) Change to Figure 8b (4) Process:
[0500] Mobile phones can be Figure 8b A notification message 405 is newly displayed in the display interface 407 shown in (4).
[0501] In addition, the mobile phone can Figure 8b (1) The main image 301a shown in FIG. 1 is further enlarged to be the original image (i.e. Figure 8b (1) is 4 times the main image 301a) shown in FIG. 1 and continues to move downward from the corresponding original position, for example, continues to move downward by 3 pixels, thereby moving downward by a total of 9 pixels, to display Figure 8b (3) shows the main image 301a in the display interface 407.
[0502] And, the mobile phone can Figure 8b (1) The background image 301c shown in FIG. 1 is further reduced to the original image (i.e. Figure 8b (1) is 1 / 4 times the background image 301c) shown in FIG. 1 and continues to move downward from the original position, for example, continues to move downward by 3 pixels in height to display Figure 8b (4) shows the background image 301c in the display interface 407.
[0503] In this way, the display interface of the mobile phone changes from Figure 8b The lock screen interface 400 shown in (3) changes to Figure 8b When the display interface 407 shown in (4) is displayed, 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, and does not block the main element in the main image 301a.
[0504] It should be understood that the display interface of the mobile phone is Figure 8b The lock screen interface 400 shown in (1) changes to Figure 8b The process of displaying the interface 407 shown in (4) is a process of adjusting the wallpaper according to the first adjustment parameter that the main image 301a is enlarged 4 times, the background image 301c is reduced to 1 / 4 of the original image, and the main image 301a and the background image 301c are moved down by 9 pixels from the corresponding original positions of the original image. The lock screen wallpaper 401 in this process is not limited to Figure 8b (2) and Figure 8b The screen of the lock screen wallpaper 401 shown in (3) may also include other display screens related to the lock screen wallpaper 401.
[0505] In some embodiments, the display interface of the mobile phone is changed from Figure 8b The lock screen interface 400 shown in (1) changes to Figure 8b (4) The duration of the motion effect 1 used in the process of displaying the interface 407 shown can be the same as the duration of the motion effect 3 used to display the three notification messages. In this way, the mobile phone can adjust the wallpaper elements synchronously during the process of displaying the notification messages one by one, and ensure that the main elements are not blocked by the expanded notification messages.
[0506] In an application scenario 12, Figure 8c Shown above Figure 4c Schematic diagram of application scenarios involved in the process of adjusting the lock screen wallpaper.
[0507] Should Figure 8c The process shown is similar to the above Figure 6e The principle of the process shown is basically the same, except that Figure 8c In the example, the number of dynamic UI controls to be deleted at a time (taking notification messages as an example here) is multiple, and in Figure 6e The number of dynamic UI controls to be deleted each time is 1.
[0508] Please refer to Figure 8c , Figure 8c (1) The display interface 407 shown is Figure 8b (4) is the same as the display interface 407 shown, and will not be described again here.
[0509] The mobile phone receives the user's voice input (such as batch deletion notification message), and changes the display interface of the mobile phone from Figure 8c The display interface 407 shown in (1) is switched to Figure 8c (2) The display interface 407 is shown to display the delete control 406 on the display interface 407.
[0510] Please refer to Figure 7b 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.
[0511] Then, if Figure 8c As shown in (2), the user clicks the delete control 406, and the mobile phone can respond to the user operation and change the display interface of the mobile phone from Figure 8c (2) The display interface 407 shown gradually changes to Figure 8c (3) The display interface 407 shown in FIG. 1 shows a display interface 407. During the change process, the mobile phone can cancel the display of the three notification messages (notification messages 403 to 405) displayed, and change the lock screen wallpaper 401 from Figure 8c (2) The lock screen wallpaper 401 shown gradually changes in a dynamic way to Figure 8c (3) Lock screen wallpaper 401 shown.
[0512] 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.
[0513] exist Figure 8c In the example, 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 according to the number and the height of the control of the notification message. Specifically, the second adjustment parameter for adjusting the lock screen wallpaper includes: Figure 8c (2) The main image 301a in the lock screen wallpaper 401 is reduced to the original image (i.e. Figure 8c (2) is 1 / 4 times the main image 301a) shown in FIG. Figure 8c (2) The background image 301c in the lock screen wallpaper 401 is enlarged to the original image (i.e. Figure 8c (2) The background image 301c is 4 times as large as that shown in FIG. 301a , and both the main image 301a and the background image 301c are moved up by 9 pixels from their original positions, while the background image 301d remains unchanged.
[0514] The original position of the main image 301a described in the application scenario 12 is Figure 8c (1) or Figure 8c (2) The main image 301a is shown in the lock screen wallpaper 401. The original position of the background image 301c described in the application scenario 12 is Figure 8c (1) or Figure 8c (2) shows the display position of the background image 301c in the lock screen wallpaper 401.
[0515] Then, the mobile phone can adjust the Figure 8c (2) The lock screen wallpaper 401 shown is dynamically adjusted, and the adjustment process is displayed in a dynamic effect manner, so that Figure 8c (2) The main image 301a in the lock screen wallpaper 401 can be gradually reduced and moved upward to present a Figure 8c (3) the main image 301a shown, and Figure 8c (2) The background image 301c in the lock screen wallpaper 401 can be gradually enlarged and moved upward to present a Figure 8c (3) Background image 301c shown.
[0516] In this way, in the scenario of batch deletion of notification messages, the present 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.
[0517] Example 4
[0518] All the above application scenarios are for the case where the main element of 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 Figure 8c The main element in the main image 301a shown in (3) is a person, and the person extends downward from head to toe, that is, the center area of the screen extends toward 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 toward the bottom of the screen) to ensure that the notification message extending downward from the top of the screen does not block the main element when displayed on the lock screen interface.
[0519] 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 obscure the main elements.
[0520] 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 element by adjusting the wallpaper such as moving the main element 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 solution of wallpaper expansion, etc.
[0521] For example 4 above, Fig. 9 The figure is a schematic diagram showing an exemplary application scenario.
[0522] like Fig. 9 As shown in (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 in the main image 501a is a heart-shaped balloon, the background element in the background image 501b is grass, and the background element in the background image 501c is the sky (e.g., blue sky and white clouds).
[0523] The process of setting the lock screen wallpaper 501 on the mobile phone is the same as the above Figures 7a to 7c The principles of the embodiments are the same and will not be repeated here.
[0524] 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.
[0525] The phone displays Fig. 9 (1) When the lock screen interface 500 shown in FIG. 1 is displayed, 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 movement of the main image 501a are positively correlated with the number of notification messages and the height of the control. The reduction ratio is relative to Fig. 9 (1) The reduction factor of the main image 301a is, for example, 2 / 3 times, and the upward height is the height of 10 pixels upward from the original position, wherein the original position is the height of the main image 301a at Fig. 9 (1) The display position.
[0526] Then, the phone can adjust the Fig. 9 The main image 501a shown in (1) is gradually reduced and moved upward, and three notification messages are expanded from the bottom of the screen at once, which are notification messages 403 to 405, respectively, to change the display interface of the mobile phone from Fig. 9 The lock screen interface 500 shown in (1) gradually changes to Fig. 9 (2) Display interface 502 shown.
[0527] In this way, the mobile phone can Fig. 9 (1) The main image 501a in the lock screen wallpaper 501 is gradually reduced until it is reduced to 2 / 3 of its original size, and the main image 501a is gradually moved up until it is moved up by 10 pixels from the corresponding original position to display Fig. 9 (2) Lock screen wallpaper 501 shown.
[0528] In this way, the mobile 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.
[0529] Example 5
[0530] In the above examples 1 to 4, a non-foldable mobile phone is used as an example to illustrate the adjustment process of its lock screen wallpaper, so as 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 mobile phone screen of the folding mobile phone is folded or unfolded. In this way, when the display screen of the folding 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 folding mobile phone (folded state or unfolded state) to improve the display effect of the lock screen wallpaper.
[0531] Unlike non-foldable mobile phones, the display area of a foldable mobile phone is larger after the display screen switches from a folded state (which can be described as a folded 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 expanded 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 folded screen and the expanded screen of the mobile phone. Similarly, the display area of a foldable mobile phone is reduced after the display screen switches from a folded state to a folded state when the expanded state is switched. 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 folded screen and the expanded screen of the mobile phone. Therefore, 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 obstruct the main elements in the main image.
[0532] Of course, in some embodiments, when the display screen of the foldable mobile phone switches between the folded state and the unfolded state, and there is no increase or decrease in the number of dynamic UI controls displayed on the display screen of the mobile phone, the mobile phone can also control the main image in the lock screen wallpaper to remain unchanged, and only refer to the ratio between the folded screen and the unfolded screen of the mobile phone to perform at least one wallpaper adjustment operation such as expansion, scaling, and movement on the background image. In this way, when the display screen of the foldable mobile phone switches between the folded state and the unfolded state, it can not only ensure that the dynamic UI controls displayed by the foldable mobile phone do not block the main elements in the lock screen wallpaper, but also the background elements in the lock screen wallpaper can change accordingly as the size of the display screen increases or decreases.
[0533] Fig.10 is a schematic diagram of an exemplary application scenario, Fig.10 The phone shown is a foldable phone.
[0534] Please refer to Fig.10 , Fig.10 The lock screen interface 300 shown in (1) displays a lock screen wallpaper 210, and the original image corresponding to the lock screen wallpaper 210 is Figure 5a The photo 202 shown in FIG. Figure 5b to Figure 5d The processing shown in the figure is performed to obtain Fig.10 The lock screen wallpaper 210 shown in (1).
[0535] Fig.10 The display screen of the mobile phone shown in (1) is in a folded state. After the mobile phone receives a notification message, the mobile phone can change the display interface from Fig.10 The lock screen interface 300 shown in (1) is switched to Fig.10 (2) The lock screen interface 300 shown, the mobile phone from Fig.10 (1) Change to Fig.10 (2) The process of the lock screen interface 300 shown in FIG. Figure 6c In the embodiment, the mobile phone is from Figure 6c (1) Change to Figure 6c (2) The process of the lock screen interface 300 shown in FIG. 2 is the same. In this process, the mobile phone adjusts the lock screen wallpaper 210 by: combining the control height of the notification message 302, the main image 210a is enlarged by a corresponding multiple, and the background image 201b is reduced by a corresponding multiple, and the main image 210a and the background image 210b are both moved down to the same height. The specific process will not be repeated here, and can be referred to. Figure 6c Description of the embodiments.
[0536] Then, continue to refer to Fig.10 , displayed on the phone Fig.10 After the lock screen interface 300 shown in (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 Fig.10 The mobile phone shown in (2) is expanded to Fig.10 (3) The mobile phone shown, Fig.10 The display screen of the mobile phone shown in (3) is in an unfolded 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 unfolded position of the display screen for unfolding operation.
[0537] Compared to Fig.10 (2) Fig.10 As shown in (3), the mobile phone can respond to the user's unfolding operation of the mobile phone, and the ratio relationship between the folding screen and the unfolded screen of the mobile phone can be referred to to adjust the Fig.10 (2) The main image 210a in the lock screen wallpaper 210 shown is enlarged, and the background image 210b is reduced, and the background image 210b is extended in the height direction of the screen as shown by the double arrows. Figure 5d The image of the lock screen wallpaper 210 is shown. Fig.10 In the lock screen wallpaper 210 shown in (3), the sky element of the background image 210b 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).
[0538] Fig.10 (3) The notification message 302 shown is still displayed in the center of the screen. Fig.10 The display positions of the notification messages 302 shown in (2) may have certain height differences, or the display heights may be the same, which is not limited here.
[0539] 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 not be blocked by the notification message displayed on the unfolded display screen. Moreover, the wallpaper is adjusted in a manner of enlarging the main body and reducing the background, and the adjustment process is displayed in a dynamic effect. In the process of unfolding the mobile phone screen, a three-dimensional effect can be presented, gradually entering the picture shown by the lock screen wallpaper.
[0540] It should be understood that Fig.10 This is only a schematic diagram of an application scenario of adjusting the lock screen wallpaper of a foldable mobile phone for example. The present application is not limited to the method of separately adjusting the main image and background image in the lock screen wallpaper when the foldable mobile phone is switched between the folded state and the unfolded state. Fig.10 The example may also include other adjustment methods, as long as it ensures 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 screen (folded state or unfolded state).
[0541] 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.
[0542] It is understandable that, in order to realize the above functions, the electronic device includes hardware and / or software modules corresponding to the execution of each function. 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 the present application.
[0543] In one example, Fig.11 A schematic block diagram of a device 300 according to an embodiment of the present application is shown. The device 300 may include: a processor 301 and a transceiver / transceiver pin 302 , and optionally, a memory 303 .
[0544] The components of the device 300 are coupled together via a bus 304, wherein the bus 304 includes a power bus, a control bus, and a status signal bus in addition to a data bus. However, for the sake of clarity, all buses are referred to as bus 304 in the figure.
[0545] 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 sending pin to send a signal.
[0546] The apparatus 300 may be the electronic device or a chip of the electronic device in the above method embodiment.
[0547] 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.
[0548] 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.
[0549] This embodiment also provides a computer program product. When the computer program product is run on a computer, the computer is enabled to execute the above-mentioned related steps to implement the wallpaper processing method in the above-mentioned embodiment.
[0550] In addition, an embodiment of the present application also provides a device, which may 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 may execute the computer-executable instructions stored in the memory so that the chip executes the wallpaper processing method in the above-mentioned method embodiments.
[0551] 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.
[0552] 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 assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.
[0553] In the several embodiments provided in the present 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 only schematic, for example, the division of modules or units is only a logical function division, and there may be other division methods in actual implementation, 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.
[0554] The units described as separate components may or may not be physically separated, and the 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 different places. Some or all of the units may be selected according to actual needs to achieve the purpose of the present embodiment.
[0555] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.
[0556] Any content of each embodiment of the present 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 the present application.
[0557] 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, including several instructions to enable a device (which can be a single-chip microcomputer, chip, etc.) or a processor (processor) to perform all or part of the steps of the various embodiments of the present application. The aforementioned storage medium includes: U disk, mobile hard disk, read only memory (ROM), random access memory (RAM), disk or optical disk and other media that can store program code.
[0558] 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 the present application, ordinary technicians in this field can also make many forms without departing from the purpose of the present application and the scope of protection of the claims, all of which are within the protection of the present application.
[0559] The steps of the method or algorithm described in conjunction with the disclosure of the embodiments of the present application can be implemented in a hardware manner, or can be implemented by a processor executing a software instruction. The software instruction can be composed of corresponding software modules, and the software module can be stored in a random access memory (Random Access Memory, RAM), a flash memory, a read-only memory (Read Only Memory, ROM), an erasable programmable read-only memory (Erasable Programmable ROM, EPROM), an electrically erasable programmable read-only memory (Electrically EPROM, EEPROM), a register, a hard disk, a mobile hard disk, a read-only compact disk (CD-ROM) or any other form of storage medium known in the art. An exemplary storage medium is coupled to a processor so that the processor can read information from the storage medium and can write information to the storage medium. Of course, the storage medium can also be a component of the processor. The processor and the storage medium can be located in an ASIC. In addition, the ASIC can be located in a network device. Of course, the processor and the storage medium can also be present in a network device as discrete components.
[0560] Those skilled in the art should be aware that in one or more of the above examples, the functions described in the embodiments of the present application can be implemented with 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 the communication media include any media that facilitates the transmission of a computer program from one place to another. The storage medium can be any available medium that a general or special-purpose computer can access.
[0561] 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 the present application, ordinary technicians in this field can also make many forms without departing from the purpose of the present application and the scope of protection of the claims, all of which are within the protection of the present 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 blocks at least a portion of the second background element, and the first background element blocks 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
Cited By
Wallpaper processing method and electronic device
EP4726520A1
Wallpaper processing method and electronic device
WO2025050815A1