Method and electronic device for displaying

Abstract

Provided are a display method and an electronic device. The method is applied to the electronic device, and the method comprises: the electronic device displaying a first system interface, the first system interface comprising a system layer, the system layer displaying an application icon; in response to a first operation of a user, the electronic device displaying a first image below the system layer and displaying a second image above the system layer. Through the method and the electronic device, in a desktop scene, a first image can be displayed below the application icon of the electronic device, and a second image can be displayed above the application icon of the electronic device, so that the application icon can reduce the occlusion of the presented 3D visual effect, and the presented 3D visual effect can be more layered, thereby presenting a more interesting and lively 3D visual effect to the user.

Description

Technical Field

[0001] This application relates to the field of terminal display, and more specifically, to a display method, apparatus, and electronic device. Background Technology

[0002] With the intelligent development of terminal devices, the three-dimensional (3D) visual effects of the desktop can bring users a rich visual experience in the desktop scenario of terminal devices.

[0003] However, the current desktop 3D visual effects presented by terminal devices have the problem of insufficient stereoscopic effect and insufficient spatial experience for users. Summary of the Invention

[0004] This application provides a display method and an electronic device. Through this method and electronic device, in a desktop scenario, a first image can be displayed below the application icon of the electronic device, and a second image can be displayed above the application icon of the electronic device. This reduces the obstruction of the application icon on the presented 3D visual effect and makes the presented 3D visual effect more layered, thereby presenting a more interesting and vivid 3D visual effect to the user.

[0005] In a first aspect, a display method is provided, applied to an electronic device, the method comprising: the electronic device displaying a first system interface, the first system interface including a system layer displaying application icons; and in response to a first operation by a user, the electronic device displaying a first image below the system layer and a second image above the system layer.

[0006] In this embodiment of the application, in a desktop scenario, a first image can be displayed below the system layer of the electronic device, and a second image can be displayed above the system layer of the electronic device. This reduces the obstruction of the 3D visual effect by the application icons displayed on the system layer, and also makes the 3D visual effect more layered, thereby presenting a more interesting and vivid 3D visual effect to the user.

[0007] In conjunction with the first aspect, in one possible implementation, there is a correlation between the first image and the second image.

[0008] In this embodiment, there is a correlation between the images displayed below the system layer and the images displayed above the system layer, which enables the linkage between the images displayed below the system layer and the images displayed above the system layer, making the 3D visual effect presented to the user more realistic.

[0009] In conjunction with the first aspect, in one possible implementation, there is a correlation between the displayed content of the first image and the displayed content of the second image.

[0010] In this embodiment, the images displayed below the system layer and the images displayed above the system layer are related in terms of display content, which enables the linkage between the images displayed below the system layer and the images displayed above the application icon in terms of display content, making the 3D visual effect presented to the user more realistic.

[0011] In conjunction with the first aspect, in one possible implementation, the first image is a first moving image, the second image is a second moving image, and the display processes of the first moving image and the second moving image are spatially and / or temporally related.

[0012] In this embodiment of the application, in a desktop scenario, in response to a user's trigger action, a first dynamic image can be displayed below the system layer of the electronic device, and a second dynamic image that is spatially and / or temporally related to the display process of the first dynamic image can be displayed above the system layer of the electronic device. In this way, a more interesting and vivid 3D visual effect can be presented to the user, and the obstruction of the 3D visual effect by application icons is also reduced.

[0013] In conjunction with the first aspect, in one possible implementation, the first image is a first static image and the second image is a second moving image; or the first image is a first moving image and the second image is a second static image.

[0014] In this embodiment of the application, in a desktop scenario, in response to the user's trigger action, dynamic images can be displayed below the system layer of the electronic device and static images can be displayed above the system layer of the electronic device, or static images can be displayed below the system layer of the electronic device and dynamic images can be displayed above the system layer of the electronic device. This can reduce the occlusion of application icons on the presented 3D visual effects, thereby presenting users with more interesting and vivid 3D visual effects.

[0015] In conjunction with the first aspect, in one possible implementation, the system layer is a desktop layer, the first system interface includes a wallpaper layer and a first layer, the wallpaper layer being located below the desktop layer and the first layer being located above the desktop layer; the electronic device displaying a first image below the desktop layer and a second image above the desktop layer in response to a first user operation includes: in response to the first operation, the electronic device displaying the first image on the wallpaper layer and the second image on the first layer.

[0016] Optionally, the first layer can be described as the foreground layer.

[0017] In this embodiment of the application, in a desktop scene, by introducing a layer that exists parallel to the desktop layer above the desktop layer, the electronic device can create a 3D visual effect through the linkage between the layer that exists parallel to the desktop layer, the desktop layer, and the wallpaper layer, in a multi-layer display manner. This makes the wallpaper displayed in the desktop scene have a sense of layering and three-dimensionality, and can give users a brand-new 3D visual experience.

[0018] In conjunction with the first aspect, in one possible implementation, the method further includes: before responding to the user's first operation, the electronic device displays a first image resource corresponding to the first image on the wallpaper layer, and the electronic device displays a second image resource corresponding to the second image on the first layer; after responding to the user's first operation, the electronic device displays the first image below the application icon and displays the second image above the application icon, including: the electronic device displays the first image on the wallpaper layer based on the first image resource; the electronic device displays the second image on the first layer based on the second image resource.

[0019] In some optional examples, when the first image is a first static image, the first image resource corresponding to the first image displayed by the electronic device on the wallpaper layer before responding to the user's first operation can be the same as the first image. That is, from the user's perspective, the displayed content of the wallpaper layer does not change before and after the electronic device responds to the user's first operation; only the displayed content of the first layer changes from the second image resource to the second image.

[0020] In this embodiment of the application, before the user triggers the 3D visual animation effect in the desktop scene, the electronic device can display the image resource corresponding to the first image in the wallpaper layer and the image resource corresponding to the second image in the first layer. In response to the user triggering the 3D visual animation effect in the desktop scene, the electronic device displays the first image in the wallpaper layer and the second image in the first layer.

[0021] In conjunction with the first aspect, in one possible implementation, the method further includes: before responding to the user's first operation, the electronic device displays a first image resource corresponding to the first image on the wallpaper layer; after responding to the user's first operation, the electronic device displays the first image below the application icon and displays a second image above the application icon, including: the electronic device displays the first image on the wallpaper layer based on the first image resource; the electronic device displays the second image on the first layer based on the second image resource, the second image resource being the image resource corresponding to the first effect.

[0022] It is understandable that before responding to the user's first operation, the electronic device displays the first image resource corresponding to the first image on the wallpaper layer. At this time, the second image resource corresponding to the second image is not displayed, that is, it is not displayed on the wallpaper layer of the electronic device, nor is it displayed on the first layer of the electronic device. The first layer of the electronic device may not display any content. That is, from the user's perception level, the application icons displayed on the electronic device are not obscured by any display elements.

[0023] In this embodiment of the application, before the user triggers the 3D visual animation effect in the desktop scene, the first layer may not display any content, the wallpaper layer displays the first image resource corresponding to the first image, and in response to the user triggering the 3D visual animation effect in the desktop scene, the electronic device displays the first image in the wallpaper layer according to the first image resource and displays special effects in the first layer.

[0024] In conjunction with the first aspect, in one possible implementation, the method further includes: before responding to the user's first operation, the electronic device displays a first image resource corresponding to the first image and a second image resource corresponding to the second image on the wallpaper layer; after responding to the user's first operation, the electronic device displays the first image below the application icon and the second image above the application icon, including: the electronic device displays the first image on the wallpaper layer based on the first image resource; the electronic device displays the second image on the first layer based on the second image resource.

[0025] In this embodiment, before the user triggers the 3D visual animation effect in the desktop scene, the electronic device can display the image resources corresponding to the first image and the second image in the wallpaper layer. The first layer does not display any content. In response to the user triggering the 3D visual animation effect in the desktop scene, the electronic device displays the first image in the wallpaper layer according to the image resources corresponding to the first image, and displays the second image in the first layer according to the image resources corresponding to the second image. This can enhance the visual contrast before and after the user triggers the effect, bringing a greater visual impact to the user.

[0026] In conjunction with the first aspect, in one possible implementation, the method further includes: the electronic device, in response to a user setting a third image as desktop wallpaper, acquiring the first image resource and the second image resource based on the image resource corresponding to the third image.

[0027] In this embodiment of the application, during the process of setting the desktop wallpaper, the electronic device can split the image resources corresponding to the desktop wallpaper into a first image resource corresponding to a first image and a second image resource corresponding to a second image. This enables the display of some display elements that were originally displayed below the desktop layer to be displayed above the desktop layer. Furthermore, since the image resources of the first image and the second image both originate from the same image, the image resources of the first image and the second image must have a correlation in terms of display content. This also makes the 3D visual effect presented by the electronic device more interesting and vivid, and the visual experience more in line with the user's habits.

[0028] In conjunction with the first aspect, in one possible implementation, the method further includes: the electronic device, in response to a user setting a third image as desktop wallpaper, using the image resource corresponding to the third image as the first image resource; and the electronic device using the image resource corresponding to the first special effect as the second image resource.

[0029] In this embodiment of the application, during the process of setting the desktop wallpaper, the electronic device can set the image resource corresponding to the desktop wallpaper as the first image resource corresponding to the first image, and set the image resource corresponding to the special effect that is different from the desktop wallpaper as the second image resource corresponding to the second image. This allows the desktop wallpaper to be displayed below the desktop layer while the special effect is displayed above the desktop layer. The displayed special effect will not be obscured by the application icons displayed on the desktop layer, and can present users with a more interesting and vivid 3D visual effect, enriching the user's visual experience.

[0030] In conjunction with the first aspect, in one possible implementation, the method further includes: the electronic device acquiring the first image resource and the second image resource in response to a user inputting an image resource.

[0031] In this embodiment of the application, the electronic device can obtain the first image resource corresponding to the first image and the second image resource corresponding to the second image based on the image resources input by the user.

[0032] In conjunction with the first aspect, in one possible implementation, the electronic device, in response to a user's input of an image resource, acquires the first image resource and the second image resource, including: the electronic device, in response to a user's input of the image resource, performs artificial intelligence (AI) processing on the image resource via the cloud to acquire the first image resource and the second image resource.

[0033] In this embodiment, the electronic device can perform AI processing on the image resources input by the user through the cloud to obtain the first image resource corresponding to the first image and the second image resource corresponding to the second image, which can save the computing power consumption of the electronic device.

[0034] In conjunction with the first aspect, in one possible implementation, the first operation includes any one or more of the following operations: triggering the screen of the electronic device to light up; performing a swipe gesture on the first system interface; and adjusting the posture of the electronic device to a preset posture.

[0035] In a second aspect, an electronic device is provided, comprising: a display module for displaying a first system interface, the first system interface including a system layer displaying application icons; the display module is further configured to, in response to a first operation by a user, display a first image below the system layer and a second image above the system layer.

[0036] In this embodiment of the application, in a desktop scenario, a first image can be displayed below the system layer of the electronic device, and a second image can be displayed above the system layer of the electronic device. This reduces the obstruction of the 3D visual effect by application icons and makes the 3D visual effect more layered, thereby presenting a more interesting and vivid 3D visual effect to the user.

[0037] In conjunction with the second aspect, in one possible implementation, there is a correlation between the first image and the second image.

[0038] In this embodiment, there is a correlation between the images displayed below the system layer and the images displayed above the system layer, which enables the linkage between the images displayed below the system layer and the images displayed above the system layer, making the 3D visual effect presented to the user more realistic.

[0039] In conjunction with the second aspect, in one possible implementation, there is a correlation between the displayed content of the first image and the displayed content of the second image.

[0040] In this embodiment, the images displayed below the system layer and the images displayed above the system layer are related in terms of display content, which enables the linkage between the images displayed below the system layer and the images displayed above the system layer in terms of display content, making the 3D visual effect presented to the user more realistic.

[0041] In conjunction with the second aspect, in one possible implementation, the first image is a first dynamic image, the second image is a second dynamic image, and the display processes of the first dynamic image and the second dynamic image are spatially and / or temporally related.

[0042] In this embodiment of the application, in a desktop scenario, in response to a user's trigger action, a first dynamic image can be displayed below the system layer of the electronic device, and a second dynamic image that is spatially and / or temporally related to the display process of the first dynamic image can be displayed above the system layer of the electronic device. In this way, a more interesting and vivid 3D visual effect can be presented to the user, and the obstruction of the 3D visual effect by application icons is also reduced.

[0043] In conjunction with the second aspect, in one possible implementation, the first image is a first static image and the second image is a second dynamic image; or, the first image is a first dynamic image and the second image is a second static image.

[0044] In this embodiment of the application, in a desktop scenario, in response to the user's trigger action, dynamic images can be displayed below the system layer of the electronic device and static images can be displayed above the system layer of the electronic device, or static images can be displayed below the system layer of the electronic device and dynamic images can be displayed above the system layer of the electronic device. This can reduce the occlusion of application icons on the presented 3D visual effects, thereby presenting users with more interesting and vivid 3D visual effects.

[0045] In conjunction with the second aspect, in one possible implementation, the system layer is designated as a desktop layer. The electronic device includes multiple system components, including a desktop component, a wallpaper component, and a first component. The desktop component is used to load the desktop layer and render the application icon on the desktop layer. The wallpaper component is used to load the wallpaper layer and render the first image on the wallpaper layer. The first component is used to load a first layer and render the second image on the first layer. The wallpaper layer is located below the desktop layer, and the first layer is located above the desktop layer. The display module is specifically used to: display the first image on the wallpaper layer and display the second image on the first layer in response to the first operation.

[0046] Optionally, the first layer can be described as the foreground layer.

[0047] In this embodiment of the application, in a desktop scene, by introducing a layer that exists parallel to the desktop layer above the desktop layer, the electronic device can create a 3D visual effect through the linkage between the layer that exists parallel to the desktop layer, the desktop layer, and the wallpaper layer, in a multi-layer display manner. This makes the wallpaper displayed in the desktop scene have a sense of layering and three-dimensionality, and can give users a brand-new 3D visual experience.

[0048] In conjunction with the second aspect, in one possible implementation, the display module is further configured to: display a first image resource corresponding to the first image on the wallpaper layer before responding to the first operation of the user, and display a second image resource corresponding to the second image on the first layer; the display module is further specifically configured to: display the first image on the wallpaper layer based on the first image resource after responding to the first operation; and display the second image on the first layer based on the second image resource.

[0049] In some optional examples, when the first image is a first static image, the first image resource corresponding to the first image displayed by the electronic device on the wallpaper layer before responding to the user's first operation can be the same as the first image. That is, from the user's perspective, the displayed content of the wallpaper layer does not change before and after the electronic device responds to the user's first operation; only the displayed content of the first layer changes from the second image resource to the second image.

[0050] In this embodiment of the application, before the user triggers the 3D visual animation effect in the desktop scene, the electronic device can display the image resource corresponding to the first image in the wallpaper layer and the image resource corresponding to the second image in the first layer. In response to the user triggering the 3D visual animation effect in the desktop scene, the electronic device displays the first image in the wallpaper layer and the second image in the first layer.

[0051] In conjunction with the second aspect, in one possible implementation, the display module is further configured to: display a first image resource corresponding to the first image on the wallpaper layer before responding to the first operation by the user; the display module is further specifically configured to: display the first image on the wallpaper layer based on the first image resource after responding to the first operation; and display the second image on the first layer based on a second image resource, wherein the second image resource is an image resource corresponding to the first effect.

[0052] In this embodiment of the application, before the user triggers the 3D visual animation effect in the desktop scene, the first layer may not display any content, the wallpaper layer displays the first image resource corresponding to the first image, and in response to the user triggering the 3D visual animation effect in the desktop scene, the electronic device displays the first image in the wallpaper layer according to the first image resource and displays special effects in the first layer.

[0053] In conjunction with the second aspect, in one possible implementation, the wallpaper application is further configured to render the second image on the wallpaper layer, and the display module is further configured to: display a first image resource corresponding to the first image and a second image resource corresponding to the second image on the wallpaper layer before responding to the user's first operation; the display module is further specifically configured to: display the first image on the wallpaper layer based on the first image resource after responding to the first operation; and display the second image on the first layer based on the second image resource.

[0054] In this embodiment, before the user triggers the 3D visual animation effect in the desktop scene, the electronic device can display the image resources corresponding to the first image and the second image in the wallpaper layer. The first layer does not display any content. In response to the user triggering the 3D visual animation effect in the desktop scene, the electronic device displays the first image in the wallpaper layer according to the image resources corresponding to the first image, and displays the second image in the first layer according to the image resources corresponding to the second image. This can enhance the visual contrast before and after the user triggers the effect, bringing a greater visual impact to the user.

[0055] In conjunction with the second aspect, in one possible implementation, the electronic device further includes: an acquisition module, configured to acquire the first image resource and the second image resource based on the image resource corresponding to the third image in response to a user setting the third image as the desktop wallpaper.

[0056] In this embodiment of the application, during the process of setting the desktop wallpaper, the electronic device can split the image resources corresponding to the desktop wallpaper into a first image resource corresponding to a first image and a second image resource corresponding to a second image. This enables the display of some display elements that were originally displayed below the desktop layer to be displayed above the desktop layer. Furthermore, since the image resources of the first image and the second image both originate from the same image, the image resources of the first image and the second image must have a correlation in terms of display content. This also makes the 3D visual effect presented by the electronic device more interesting and vivid, and the visual experience more in line with the user's habits.

[0057] In conjunction with the second aspect, in one possible implementation, the electronic device further includes: an acquisition module, configured to, in response to a user setting a third image as desktop wallpaper, use the image resource corresponding to the third image as the first image resource and the image resource corresponding to the first special effect as the second image resource.

[0058] In this embodiment of the application, during the process of setting the desktop wallpaper, the electronic device can set the image resource corresponding to the desktop wallpaper as the first image resource corresponding to the first image, and set the image resource corresponding to the special effect that is different from the desktop wallpaper as the second image resource corresponding to the second image. This allows the desktop wallpaper to be displayed below the desktop layer while the special effect is displayed above the desktop layer. The displayed special effect will not be obscured by the application icons displayed on the desktop layer, and can present users with a more interesting and vivid 3D visual effect, enriching the user's visual experience.

[0059] In conjunction with the second aspect, in one possible implementation, the electronic device further includes: a processing module, configured to acquire the first image resource and the second image resource in response to a user inputting an image resource.

[0060] In this embodiment of the application, the electronic device can obtain the first image resource corresponding to the first image and the second image resource corresponding to the second image based on the image resources input by the user.

[0061] In conjunction with the first aspect, in one possible implementation, the processing module is specifically used to: in response to a user inputting an image resource, perform artificial intelligence (AI) processing on the image resource via the cloud to obtain the first image resource and the second image resource.

[0062] In this embodiment, the electronic device can perform AI processing on the image resources input by the user through the cloud to obtain the first image resource corresponding to the first image and the second image resource corresponding to the second image, which can save the computing power consumption of the electronic device.

[0063] In conjunction with the second aspect, in one possible implementation, the first operation includes any one or more of the following operations: triggering the screen of the electronic device to light up; performing a swipe gesture on the first system interface; and adjusting the posture of the electronic device to a preset posture.

[0064] Thirdly, an electronic device is provided, comprising a memory and a processor, wherein the memory is used to store computer program code, and the processor is used to execute the computer program code stored in the memory to implement the method in the first aspect or any possible implementation thereof.

[0065] Fourthly, a computer-readable storage medium is provided, which stores a computer program or instructions that, when executed, implement the method described in the first aspect or any possible implementation thereof.

[0066] Fifthly, a chip is provided, wherein instructions are stored therein, which, when executed on a device, cause the chip to perform the methods of the first aspect or any possible implementation thereof.

[0067] In a sixth aspect, a computer program product is provided, which stores a computer program or instructions that, when executed, implement the method in the first aspect or any possible implementation of the first aspect. Attached Figure Description

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

[0069] Figure 2 This is a software structure block diagram of an electronic device provided in an embodiment of this application;

[0070] Figure 3 This is a software structure block diagram of another electronic device provided in the embodiments of this application;

[0071] Figure 4 This is a schematic flowchart illustrating a display method provided in an embodiment of this application;

[0072] Figure 5 This is a schematic flowchart illustrating another display method provided in an embodiment of this application;

[0073] Figure 6 This is a schematic flowchart illustrating another display method provided in an embodiment of this application;

[0074] Figure 7 This is a schematic flowchart illustrating another display method provided in an embodiment of this application;

[0075] Figure 8 This is a schematic diagram of the system framework of an electronic device provided in an embodiment of this application;

[0076] Figure 9 This is a schematic diagram of the processing flow corresponding to a display method provided in an embodiment of this application;

[0077] Figure 10 This is a schematic diagram of an interface for displaying 3D animation effects on a desktop scene provided in an embodiment of this application;

[0078] Figure 11 This is a schematic diagram of the interface display of an electronic device in a desktop scenario provided in an embodiment of this application;

[0079] Figure 12 This is a schematic diagram of the interface display of another electronic device in a desktop scenario provided in the embodiments of this application;

[0080] Figure 13 This is a schematic diagram of the interface display of another electronic device in a desktop scenario provided in the embodiments of this application;

[0081] Figure 14 This is a schematic diagram provided by an embodiment of the present application for explaining the spatial and / or temporal relationship between the first image and the second image in the display process. Detailed Implementation

[0082] The technical solutions of this application will now be described with reference to the accompanying drawings. Obviously, the described embodiments are merely some embodiments of this application, and not all embodiments.

[0083] The technical solutions of the embodiments of this application will be described below with reference to the accompanying drawings. In the description of the embodiments of this application, unless otherwise stated, " / " means "or," for example, A / B can mean A or B; "and / or" in this text is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, and B existing alone. Furthermore, in the description of the embodiments of this application, "plural" or "multiple" refers to two or more than two.

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

[0085] The terminology used in the following embodiments is for the purpose of describing particular embodiments only and is not intended to be limiting of this application. As used in the specification and appended claims of this application, the singular expressions “a,” “an,” “the,” “the,” “the,” and “this” are intended to also include expressions such as “one or more,” unless the context clearly indicates otherwise. It should also be understood that in the following embodiments of this application, “at least one” and “one or more” refer to one, two, or more than two. The term “and / or” is used to describe the relationship between related objects, indicating that three relationships may exist; for example, A and / or B can indicate: A alone, A and B simultaneously, or B alone, where A and B can be singular or plural. The character “ / ” generally indicates that the preceding and following related objects are in an “or” relationship.

[0086] References to "one embodiment" or "some embodiments" as described in this specification mean that one or more embodiments of this application include a specific feature, structure, or characteristic described in connection with that embodiment. Therefore, the phrases "one embodiment," "some embodiments," "another embodiment," "other embodiments," etc., appearing in different parts of this specification do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically emphasized. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless otherwise specifically emphasized.

[0087] The method provided in this application can be applied to electronic devices with time display or time recognition functions, such as mobile phones, tablets, wearable devices, in-vehicle devices, augmented reality (AR) / virtual reality (VR) devices, laptops, ultra-mobile personal computers (UMPCs), netbooks, personal digital assistants (PDAs), smart home devices, and other electronic devices. This application does not impose any restrictions on the specific type of electronic device.

[0088] For example, Figure 1 A schematic diagram of the structure of electronic device 100 is shown. 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, antenna 1, antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headphone jack 170D, a sensor module 180, buttons 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer sensor 180E, a distance sensor 180F, a proximity sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

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

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

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

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

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

[0094] 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 one or more communication frequency bands. Different antennas can also be multiplexed to improve antenna utilization. For example, antenna 1 can be multiplexed as a diversity antenna for a wireless local area network. In some other embodiments, the antennas can be used in conjunction with a tuning switch.

[0095] The mobile communication module 150 can provide solutions for wireless communication, including 2G / 3G / 4G / 5G, applied to the electronic device 100. The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves via antenna 1, and perform filtering, amplification, and other processing on the received electromagnetic waves before transmitting them to a modem processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modem processor and convert it into electromagnetic waves for radiation via antenna 1. In some embodiments, at least some functional modules of the mobile communication module 150 may be housed in the processor 110. In some embodiments, at least some functional modules of the mobile communication module 150 and at least some modules of the processor 110 may be housed in the same device.

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

[0097] Display screen 194 is used to display images, videos, etc. Display screen 194 includes a display panel. The display panel may be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a miniature LED, a microLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, electronic device 100 may include one or N displays 194, where N is a positive integer greater than 1.

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

[0099] It should be understood that the phone cards in the embodiments of this application include, but are not limited to, SIM cards, eSIM cards, universal subscriber identity modules (USIM), universal integrated circuit cards (UICC), etc.

[0100] The electronic device provided in this application embodiment can run an operating system (OS). This operating system can be various operating systems currently used in the industry, such as an operating system based on OpenHarmony, such as HarmonyOS; or other operating systems such as Android. TM An operating system can refer to the iOS mobile operating system; it can also refer to various open-source operating systems or their derivatives, such as Linux OS and other embedded operating systems; or it can refer to future new operating systems, such as AI operating systems based on artificial intelligence. An operating system is a set of interconnected system software programs that manage and control the operation of electronic devices, utilize and run hardware and software resources, and provide public services to organize user interactions. In electronic devices, the operating system occupies a pivotal position, connecting to the physical hardware layer below and providing a runtime environment for application software above.

[0101] An operating system typically includes a kernel layer, a middleware layer, and an application layer. The application layer includes applications, which can include system applications and third-party applications. The middleware layer is a suite of software, or frameworks, that provides various services to application developers, such as databases, multimedia, and graphics, or capabilities like distributed scheduling and system expansion. For example, the middleware layer can also be broadly divided into a framework layer and / or a system service layer. The framework layer provides application programming interfaces (APIs) and programming frameworks for applications in the application layer. The system service layer includes the system's core capabilities, providing services to applications through the framework layer. The kernel layer is the layer between hardware and software. The kernel layer can include hardware drivers and the operating system kernel. In addition to providing hardware drivers, the kernel layer also supports functions such as memory management and system process management.

[0102] The electronic devices we use in our daily lives come in various types and forms, and are applied in a wide range of scenarios. Therefore, based on the different forms and functions of electronic devices, different application scenarios, and different user needs, the operating systems used in these devices may also differ. These operating systems share commonalities but also have their own unique characteristics. Different operating systems affect user experience, application ecosystem, and system performance. The basic functions implemented by the electronic device provided in this application can be achieved using a general-purpose operating system or a dedicated operating system.

[0103] To more clearly illustrate the implementation of the embodiments of this application under a specific operating system, exemplarily, Figure 2 The architecture of HarmonyOS is illustrated, and those skilled in the art can deduce the implementation of the embodiments of this application under other specific operating systems, such as Android. TM Implementation under the operating system.

[0104] like Figure 2 As shown, the software architecture of an electronic device can be divided into several layers. In some embodiments, from bottom to top, these layers are: kernel layer, system service layer, framework layer, and application layer. The layers communicate with each other through software interfaces. System functions can be tailored, added, or combined at the subsystem granularity in different device deployment scenarios, and each subsystem can also be tailored, added, or combined at the functional granularity.

[0105] (1) Kernel layer

[0106] The Kernel Abstraction Layer (KAL) provides basic kernel capabilities to upper layers by shielding the differences between multiple kernels, including but not limited to process / thread management, memory management, file system, network management, and peripheral device management.

[0107] Kernel Subsystem: Supports the selection of a suitable OS kernel for different resource-constrained devices, including but not limited to Linux kernel, HarmonyOS kernel, LiteOS, etc.

[0108] Driver Subsystem: The driver framework is the foundation for the open system hardware ecosystem, providing unified peripheral access capabilities and a framework for driver development and management. The driver framework includes: display drivers, camera drivers, audio drivers, Bluetooth drivers, sensor drivers, etc.

[0109] (2) System Service Layer

[0110] The system service layer comprises the core capabilities of the system, providing services to applications through the framework layer. This layer includes, but is not limited to, the following subsystems:

[0111] The system's basic capability subsystems provide fundamental capabilities for the operation, scheduling, and migration of distributed applications across multiple devices. For example, they may include distributed soft bus, distributed data management, distributed task scheduling, and the Ark multi-language runtime. They may also include multi-modal input subsystems, graphics subsystems, security subsystems, and AI subsystems.

[0112] Basic software service subsystems: provide common and general software services; for example, event notification subsystem, telephone service subsystem, multimedia subsystem, etc.

[0113] Enhanced software service subsystem suite: Provides differentiated capability-enhancing software services for different devices; for example, it may include proprietary business subsystems for smart screens, wearable devices, and IoT devices.

[0114] Hardware service subsystem set: provides hardware services; for example, it may include location service subsystem, user IAM (Identity and Access Management) subsystem, wearable proprietary hardware service subsystem, biometric identification, IoT proprietary hardware service subsystem, etc.

[0115] Distributed task scheduling enables distributed service management (discovery, synchronization, registration, and invocation), supporting remote startup, remote invocation, remote connection, and migration of applications across devices.

[0116] Distributed data management enables data synchronization, data storage, data sharing, and data access across all scenarios and devices.

[0117] The distributed soft bus provides communication-related capabilities for seamless interconnection between multiple devices, including: WLAN service capabilities, Bluetooth service capabilities, soft bus, inter-process communication RPC (Remote Procedure Call) and other communication capabilities.

[0118] Ark Multilingual Runtime is a unified compilation runtime platform designed to support the joint compilation and execution of multiple programming languages ​​and multiple chip platforms.

[0119] (3) Framework layer

[0120] The framework layer provides application programming interfaces (APIs) and programming frameworks for applications in the application layer. Examples include the ArkUI framework (which provides a complete infrastructure for UI development of system applications, including UI functionalities such as components, layouts, animations, and interactive events, as well as a real-time interface preview tool), the user application framework, and the Ability framework (an Ability is a lightweight application; the Ability framework schedules and manages the operation and lifecycle of Abilities). Different devices may run different operating systems, and therefore support different APIs.

[0121] The HarmonyOS API is a series of open capabilities provided to support HarmonyOS application development. The HarmonyOS API can be set at the framework layer or independently of the framework layer. Examples include: Audio API (audio service), Push API (push service), and Account API (account service).

[0122] (4) Application layer

[0123] Applications can include system apps and extended / third-party apps. System apps can include the desktop, control bar, settings, contacts, phone, camera, etc., while extended / third-party apps can include social apps, travel apps, etc.

[0124] Figure 3 This is a software structure block diagram of another electronic device 100 provided in this application embodiment. The layered architecture divides the software into several layers, each with a clear role and division of labor. Layers communicate with each other through software interfaces. In some embodiments, Android... TM The system is divided into four layers, from top to bottom: the application layer, the application framework layer, the system library layer, and the kernel layer. The application layer can include a series of application packages.

[0125] like Figure 3 As shown, the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and SMS.

[0126] The application framework layer provides application programming interfaces (APIs) and a programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0127] like Figure 3As shown, the application framework layer may include a window manager, content provider, view system, phone manager, resource manager, notification manager, etc.

[0128] The window manager is used to manage windowed applications. It can retrieve screen size, determine the presence of a status bar, lock the screen, and capture screenshots, among other things.

[0129] Content providers store and retrieve data, making that data accessible to applications. This data may include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc.

[0130] A view system includes visual controls, such as controls for displaying text and controls for displaying images. View systems can be used to build applications. A display interface can consist of one or more views. For example, a display interface including a text notification icon could include views for displaying text and views for displaying images.

[0131] The phone manager is used to provide communication functions for electronic device 100. For example, it manages call status (including connection and disconnection).

[0132] The file explorer provides applications with various resources, such as localized strings, icons, images, layout files, video files, and more.

[0133] The notification manager allows applications to display notifications in the status bar. These notifications can be used to deliver informational messages and can disappear automatically after a short pause, requiring no user interaction. For example, the notification manager can be used to notify users of completed downloads or message alerts. The notification manager can also display notifications as icons or scrolling text in the top status bar, such as notifications from background applications, or as dialog boxes on the screen. Examples include displaying text messages in the status bar, emitting sounds, vibrating electronic devices, and flashing indicator lights.

[0134] System libraries can include multiple functional modules. For example: surface manager, media libraries, 3D graphics processing libraries (e.g., OpenGL ES), 2D graphics engines (e.g., SGL), etc.

[0135] The Surface Manager is used to manage the display subsystem and provides the blending of 2D and 3D layers for multiple applications.

[0136] The media library supports playback and recording of various common audio and video formats, as well as still image files. It supports multiple audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, and PNG.

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

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

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

[0140] It should be understood that the technical solutions in the embodiments of this application can be used in Android. TM In systems such as iOS and HarmonyOS.

[0141] The technical solutions of this application embodiment can be applied to the desktop scene of electronic devices, for example, enabling the desktop of electronic devices to present a 3D visual effect.

[0142] Among them, electronic devices can be televisions, desktop computers, laptops, or portable electronic devices such as mobile phones, foldable screens, tablets, cameras, camcorders, video recorders, augmented reality (AR) glasses, smart home devices such as smart screens or any electronic device with desktop display capabilities, or electronic devices in future networks or in future evolved public land mobile networks (PLMNs).

[0143] This application provides a display method and an electronic device. Through this method and electronic device, in a desktop scenario, a first image can be displayed below the application icon of the electronic device, and a second image can be displayed above the application icon of the electronic device. This reduces the obstruction of the application icon on the presented 3D visual effect and makes the presented 3D visual effect more layered, thereby presenting a more interesting and vivid 3D visual effect to the user.

[0144] For example, Figure 4 A schematic flowchart of a display method 400 provided in an embodiment of this application is shown. Figure 4 As shown, the method 400 includes:

[0145] S401: The electronic device displays a first system interface, which includes a system layer and displays application icons.

[0146] The system interface refers to the interactive interface between the user and the operating system of an electronic device; that is, the user interface provided by the operating system of the electronic device, which serves as a bridge between the user and the operating system. The system interface of an electronic device may include, for example, the desktop, notification center interface, home screen interface, lock screen interface, always-on screen interface, settings interface, and power-on or power-off interface. The first system interface may be, for example, the home screen interface or the desktop. In one embodiment, the system layer may be the desktop layer.

[0147] Application icons can include, for example, the "Email" application icon, the "Huawei Video" application icon, the "Health" application icon, and the "Gallery" application icon.

[0148] S402: In response to the user's first operation, the electronic device displays a first image below the system layer and a second image above the system layer.

[0149] In some embodiments, there is a correlation between the first image and the second image.

[0150] The first image and the second image are related, for example, the first image and the second image may be related in terms of the content they display; for example, the first image and the second image may be related in terms of display position, display order, etc., or they may be related in other aspects, which this application does not limit.

[0151] Regarding the relationship between the first and second images in terms of displayed content, in one example, the first image may include a child 1 extending their left hand forward, and the second image may include an adult 1 extending their right hand backward, holding hands with the child 1's extended left hand. The child 1 and adult 1 are wearing matching outfits. When the first image is displayed below the application icon and the second image is displayed above the application icon, the user can visually perceive an image of adult 1 holding child 1's hand. The image of adult 1 is not obscured by the application icon. This example can be understood as a relationship between the first and second images in terms of displayed content, that is, the actions of the displayed subjects are similar, and the clothing of the displayed subjects is the same.

[0152] Regarding the relationship between the first and second images in terms of display position, in one example, the first image includes a first element, and the second image includes a second element. In response to a user's first operation, the electronic device displays the first element in the upper right corner of the display screen, and correspondingly, displays the second element in the lower left corner of the display screen. The first element is displayed below the system layer, and the second element is displayed above the system layer. Specifically, this can be manifested as the first element being displayed below the application icon and the second element being displayed above the application icon; and / or, the electronic device displays the first element in the upper left corner of the display screen, and correspondingly, displays the second element in the lower right corner of the display screen. The first element is displayed below the system layer, and the second element is displayed above the system layer. Specifically, this can be manifested as the first element being displayed below the application icon and the second element being displayed above the application icon.

[0153] Regarding the relationship between the first and second images in terms of display order, in one example, the first image includes a first element, and the second image includes a second element. In response to the user's first operation, the electronic device first displays the first element, and after the first element is fully displayed, the second element is displayed. The first element is displayed below the system layer, and the second element is displayed above the system layer icon. Specifically, this can be reflected in the first element being displayed below the application icon and the second element being displayed above the application icon.

[0154] In some embodiments, the first image may be a first animated image, and the second image may be a second animated image.

[0155] Optionally, when the first image is a first dynamic image and the second image is a second dynamic image, the display processes of the first dynamic image and the second dynamic image may be spatially and / or temporally related.

[0156] For example, if the first image includes a portion of the first beam image and the second image includes another portion of the first beam image, then after displaying a portion of the first beam image below the system layer, the other portion of the first beam image can be displayed immediately above the system layer. This can give people a 3D visual experience as if a beam of light is shooting out of the screen.

[0157] In some embodiments, the first image may be a first static image, and the second image may be a second dynamic image.

[0158] For example, taking a static image of a child smiling happily as the first image and a cartoon animation of a child smiling happily as the second image, the static image of a child smiling happily can be displayed below the system layer, while the cartoon animation of a child smiling happily can be displayed above the system layer. This can enhance the user's empathy for the content displayed in the wallpaper image.

[0159] In some embodiments, the first image may be a first animated image, and the second image may be a second static image.

[0160] In some embodiments, the first image may be a first static image, and the second image may be a second static image.

[0161] In some embodiments, the first operation may be the operation of turning on the screen of the electronic device, or the operation of the user performing a swipe operation on the screen of the electronic device when the electronic device is in a desktop scene, or the operation of the user adjusting the posture of the electronic device to a preset posture, such as the operation of the user adjusting the angle of the electronic device relative to the horizontal plane to a preset angle. In addition, the first operation may be other operations, which are not limited in this application.

[0162] In some embodiments, the first system interface includes a desktop layer, a wallpaper layer, and a first layer, wherein application icons are displayed on the desktop layer, the wallpaper layer is located below the desktop layer, and the first layer is located above the desktop layer.

[0163] In one implementation, in response to a first user operation, the electronic device displays a first image below the system layer and a second image above the system layer, including: in response to the first operation, the electronic device displays the first image on a wallpaper layer and displays the second image on the first layer.

[0164] The first layer refers to a layer that is parallel to the desktop layer and the wallpaper layer. This first layer can also be described as a foreground layer, an effect layer, etc.

[0165] In this embodiment of the application, in a desktop scenario, a first image can be displayed below the system layer of the electronic device, and a second image can be displayed above the system layer of the electronic device. This reduces the obstruction of the 3D visual effect by application icons and makes the 3D visual effect more layered, thereby presenting a more interesting and vivid 3D visual effect to the user.

[0166] Furthermore, there can be a relationship between the images displayed below the system layer and the images displayed above the system layer, enabling the interaction between the images displayed below the system layer and the images displayed above the system layer, making the 3D visual effects presented to the user more realistic.

[0167] For example, taking the system layer included in the first system interface as the desktop layer, Figure 5 A schematic flowchart illustrating another display method 500 provided in an embodiment of this application is shown. Figure 5 As shown, the method 500 includes:

[0168] S501: The electronic device displays a first system interface, which includes a desktop layer displaying application icons.

[0169] The first system interface also includes a wallpaper layer and a first layer, with the wallpaper layer located below the desktop layer and the first layer located above the desktop layer.

[0170] The first layer refers to a layer that is parallel to the desktop layer and the wallpaper layer. This first layer can also be described as a foreground layer, an effect layer, etc.

[0171] S502: The electronic device displays a first image resource corresponding to a first image on the wallpaper layer, and the electronic device displays a second image resource corresponding to a second image on the first layer.

[0172] S503: In response to the user's first operation, the electronic device displays the first image on the wallpaper layer according to the first image resource corresponding to the first image; the electronic device displays the second image on the first layer according to the second image resource corresponding to the second image.

[0173] In some embodiments, when the first image is a first static image, before responding to the user's first operation, the first image resource corresponding to the first image displayed by the electronic device on the wallpaper layer can be the same as the first image. That is, from the user's perspective, before and after the electronic device responds to the user's first operation, the displayed content of the wallpaper layer does not change; only the displayed content of the first layer changes from the second image resource to the second image.

[0174] In one implementation, where the first image is a first static image and the second image is a second dynamic image, the first image resource corresponding to the first image can be the first image, and the second image resource corresponding to the second image can be the second static image corresponding to the second image.

[0175] In one implementation, where the first image is a first animated image and the second image is a second animated image, the first image resource corresponding to the first image can be a first static image corresponding to the first image, and the second image resource corresponding to the second image can be a second static image corresponding to the second image.

[0176] In one implementation, where the first image is a first dynamic image and the second image is a second static image, the first image resource corresponding to the first image can be the first static image corresponding to the first image, and the second image resource corresponding to the second image can be the second image.

[0177] In some embodiments, the image resources corresponding to the first image may be all the image resources corresponding to the desktop wallpaper set by the user, and the image resources corresponding to the second image may be the image resources corresponding to the first effect, wherein the desktop wallpaper set by the user and the first effect are different.

[0178] In some embodiments, the image resource corresponding to the first image may be a part of the image resource corresponding to the user-set desktop wallpaper, and the image resource corresponding to the second image may be another part of the image resource corresponding to the user-set desktop wallpaper.

[0179] In some embodiments, the image resource corresponding to the desktop wallpaper set by the user can be replaced with the image resource input by the user.

[0180] In some embodiments, prior to S502, the following steps may also be included:

[0181] In response to a user setting a third image as desktop wallpaper, the electronic device acquires a first image resource and a second image resource based on the image resource corresponding to the third image; or includes the following steps:

[0182] In response to a user inputting an image resource, the electronic device obtains a first image resource and a second image resource based on the image resource corresponding to the third image or based on the image resource input by the user.

[0183] In some embodiments, the electronic device processes the image resources corresponding to the third image or the image resources input by the user, and splits the image resources corresponding to the third image or the image resources input by the user into a first image resource and a second image resource.

[0184] Among these, the processing of image resources by electronic devices can be, for example, AI processing; it can be processed by the electronic device itself or by the cloud.

[0185] In some embodiments, the electronic device parses the image resources and obtains a first image resource and a second image resource based on the parsing results.

[0186] In this process, the electronic device displays the image resources of the desktop layer, and the display of the image resources of the desktop layer can be unaffected by the first operation.

[0187] For example, taking the system layer included in the first system interface as the desktop layer, Figure 6 A schematic flowchart illustrating another display method 600 provided in an embodiment of this application is shown. Figure 6 As shown, the method 600 includes:

[0188] S601: An electronic device displays a first system interface, which includes a desktop layer displaying application icons.

[0189] The first system interface also includes a wallpaper layer and a first layer, with the wallpaper layer located below the desktop layer and the first layer located above the desktop layer.

[0190] S602: The electronic device displays the first image resource corresponding to the first image on the wallpaper layer.

[0191] It is understood that in this embodiment, before responding to the user's first operation, the electronic device displays the first image resource corresponding to the first image on the wallpaper layer, and the first layer of the electronic device does not display any content, that is, the second image resource corresponding to the second image will not be displayed before responding to the user's first operation.

[0192] S603: In response to the user's first operation, the electronic device displays the first image on the wallpaper layer according to the first image resource corresponding to the first image; the electronic device displays the second image on the first layer according to the second image resource corresponding to the second image, wherein the second image resource corresponding to the second image is the image resource corresponding to the first effect.

[0193] In some embodiments, before S603, the step may be: the electronic device acquires the image resource corresponding to the first special effect and uses it as the second image resource corresponding to the second image.

[0194] In some embodiments, when the first image is a first static image, the first image resource corresponding to the first image displayed on the wallpaper layer by the electronic device before responding to the user's first operation can be the same as the first image. That is, from the user's perspective, the displayed content of the wallpaper layer does not change before and after the electronic device responds to the user's first operation; it may only change from having no displayed content above the application icon to displaying the second image.

[0195] In one implementation, if the first image is a first dynamic image, the first image resource corresponding to the first image can be a static image corresponding to the first image.

[0196] In some embodiments, the image resources corresponding to the first image may be all the image resources corresponding to the desktop wallpaper set by the user, and the image resources corresponding to the second image may be the image resources corresponding to the first effect, wherein the desktop wallpaper set by the user and the first effect are different.

[0197] In some embodiments, the image resource corresponding to the first image may be all of the image resources input by the user, and the image resource corresponding to the second image may be the image resource corresponding to the first special effect, wherein the image resource input by the user and the image resource corresponding to the first special effect are different.

[0198] The first special effect may include, for example, stereoscopic lighting effects, cartoon effects, character effects, scene effects, etc., and this application does not limit it. In one example, the first image is a group photo of a first person and a second person on a lawn, and the first special effect may be a stereoscopic lighting effect.

[0199] In one example, the first image is an image of children playing, and the first effect can be a cartoon effect.

[0200] In one example, the first image is an image of a New Year's party, and the first effect could be a New Year's sticker effect.

[0201] In one example, the first image is an image of "bringing in wealth and treasures," and the first special effect could be a gold ingot effect.

[0202] In some embodiments, prior to S602, the following steps may also be included:

[0203] In response to the user setting the third image as the desktop wallpaper of the electronic device, the electronic device uses the image resource corresponding to the third image as the first image resource corresponding to the first image; the electronic device uses the image resource corresponding to the first effect as the second image resource corresponding to the second image.

[0204] Alternatively, in response to a user inputting an image resource, the electronic device uses the user-input image resource as the first image resource corresponding to the first image; the electronic device uses the image resource corresponding to the first special effect as the second image resource corresponding to the second image.

[0205] For example, taking the system layer included in the first system interface as the desktop layer, Figure 7 A schematic flowchart illustrating another display method 700 provided in an embodiment of this application is shown. Figure 7 As shown, the method 700 includes:

[0206] S701: The electronic device displays a first system interface, which includes a desktop layer displaying application icons.

[0207] The first system interface also includes a wallpaper layer and a first layer, with the wallpaper layer located below the desktop layer and the first layer located above the desktop layer.

[0208] S702: The electronic device displays a first image resource corresponding to a first image and a second image resource corresponding to a second image on the wallpaper layer.

[0209] S703: In response to the user's first operation, the electronic device displays the first image on the wallpaper layer according to the first image resource corresponding to the first image; the electronic device displays the second image on the first layer according to the second image resource corresponding to the second image.

[0210] In one implementation, where the first image is a first static image and the second image is a second dynamic image, the first image resource corresponding to the first image can be the first image, and the second image resource corresponding to the second image can be the second static image corresponding to the second image.

[0211] In one implementation, where the first image is a first animated image and the second image is a second animated image, the first image resource corresponding to the first image can be a first static image corresponding to the first image, and the second image resource corresponding to the second image can be a second static image corresponding to the second image.

[0212] In one implementation, where the first image is a first dynamic image and the second image is a second static image, the first image resource corresponding to the first image can be the first static image corresponding to the first image, and the second image resource corresponding to the second image can be the second image.

[0213] In some embodiments, the image resource corresponding to the first image may be a part of the image resource corresponding to the user-set desktop wallpaper, and the image resource corresponding to the second image may be another part of the image resource corresponding to the user-set desktop wallpaper. In one example, the user sets an image of galaxy and planetary motion as the desktop wallpaper of an electronic device. The electronic device can divide the image resource corresponding to the galaxy and planetary motion image into an image resource corresponding to the main body of the galaxy and an image resource corresponding to the surrounding stars. The image resource corresponding to the main body of the galaxy is used as the image resource corresponding to the first image, and the image resource corresponding to the surrounding stars is used as the image resource corresponding to the second image. Before the electronic device responds to the first operation, the electronic device displays the image of galaxy and planetary motion on the wallpaper layer, that is, both the image resource corresponding to the main body of the galaxy and the image resource corresponding to the surrounding stars are displayed on the wallpaper layer. In response to the first operation, the electronic device displays the main body image of the galaxy on the wallpaper layer according to the image resource corresponding to the main body of the galaxy, and displays the image of the surrounding stars on the first layer according to the image resource corresponding to the surrounding stars. In this way, a 3D visual effect can be presented, in which the main body of the galaxy is displayed below the application icon and the surrounding stars are displayed above the application icon.

[0214] In some embodiments, the desktop wallpaper set by the user can be a user-defined image, an image configured by the electronic device at the factory, or an image obtained by the electronic device from other devices.

[0215] In some embodiments, the image resource corresponding to the first image may be a part of the image resource input by the user, and the image resource corresponding to the second image may be another part of the image resource input by the user.

[0216] In some embodiments, before S702 or S703, the following steps may also be included:

[0217] In response to the user setting the third image as the desktop wallpaper of the electronic device, the electronic device obtains the first image resource and the second image resource based on the image resource corresponding to the third image.

[0218] Alternatively, in response to a user inputting an image resource, the electronic device acquires a first image resource and a second image resource based on the image resource input by the user.

[0219] In some embodiments, the electronic device processes the image resources corresponding to the third image or the image resources input by the user, and splits the image resources corresponding to the third image or the image resources input by the user into a first image resource and a second image resource.

[0220] Among these, the processing of image resources by electronic devices can be, for example, AI processing; it can be processed by the electronic device itself or by the cloud.

[0221] For example, the processing of image resources by electronic devices can specifically be the layering of image resources. For instance, image resources can be split into a first image resource corresponding to a first image and a second image resource corresponding to a second image, based on their spatial and / or temporal characteristics.

[0222] In some embodiments, the electronic device parses the image resources corresponding to the third image or the image resources input by the user, and obtains the first image resources and the second image resources based on the parsing results.

[0223] In this process, electronic devices perform layered processing of image resources. This layered processing can be done either on the device itself or in the cloud. It's understandable that cloud processing can conserve local computing resources and improve the smoothness of the electronic device's operation while still achieving 3D effects.

[0224] In one example, the third image is a motion image of galaxies and planets. The display resources corresponding to the third image include the main body of the galaxy and the surrounding stars. The electronic device splits the display resources of the third image into display resources corresponding to the first dynamic image and the second dynamic image. The display resources corresponding to the first dynamic image include the main body of the galaxy, and the display resources corresponding to the second dynamic image include the surrounding stars. In this way, a 3D visual effect can be presented, in which the main body of the galaxy is displayed below the desktop and the surrounding stars are displayed above the desktop.

[0225] It is understandable that when an electronic device parses the acquired image resources and obtains the first and second image resources based on the parsing results, the image resources acquired by the electronic device have already undergone layered processing. They do not need to be further layered by the electronic device or the cloud. The electronic device only needs to parse the acquired image resources to obtain the first and second image resources.

[0226] In some embodiments, the third image may be a user-defined image, such as an image selected by the user from the electronic device's gallery, or an image taken by the user; it may also be an image configured by the electronic device at the factory; it may also be an image acquired by the electronic device from other devices; or it may be other images, which are not limited in this application.

[0227] The third image can be a picture, a video, or a moving image, etc.

[0228] This application embodiment also provides an electronic device, which includes a display module for displaying a first system interface, the first system interface including a system layer, the system layer displaying application icons; the display module is also used to display a first image below the system layer and a second image above the system layer in response to a first operation by a user.

[0229] For an explanation of the first and second images, please refer to the above. Figures 4 to 7 For the sake of brevity, the descriptions in the illustrated embodiments will not be repeated here.

[0230] In some possible implementations, the system layer is a desktop layer, and the electronic device also includes multiple system components, including a desktop component, a wallpaper component, and a first component. The desktop component is used to load the desktop layer and render application icons on the desktop layer; the wallpaper component is used to load the wallpaper layer and render a first image on the wallpaper layer; the first component is used to load the first layer and render a second image on the first layer. The wallpaper layer is located below the desktop layer, and the first layer is located above the desktop layer. The display module is specifically used to: in response to the first operation, display the first image on the wallpaper layer and display the second image on the first layer.

[0231] In some embodiments, the wallpaper component can also be used to render a second image on the wallpaper layer.

[0232] In some embodiments, the electronic device further includes an acquisition module for acquiring a first image resource corresponding to a first image and acquiring a second image resource corresponding to a second image.

[0233] The specific process for obtaining the first image resource corresponding to the first image and the second image resource corresponding to the second image is described above. Figures 4 to 7 For the sake of brevity, the descriptions in the illustrated embodiments will not be repeated here.

[0234] For example, taking the first layer as the foreground layer, Figure 8 A schematic diagram of the system framework of an electronic device provided in an embodiment of this application is shown.

[0235] like Figure 8As shown, the system framework includes an application layer and a framework layer. The application layer includes desktop components, wallpaper components, and foreground components. The foreground components include a layer loading module, a rendering module, and an engine capability loading module. The framework layer includes engine services and a resource directory. The engine services include a data parsing module, an interactive animation module, an interactive control module, and a foreground visual effects module. Specifically:

[0236] The resource catalog is used by electronic devices to obtain the first image resource corresponding to the first image and the second image resource corresponding to the second image.

[0237] For example, an electronic device can obtain the first image resource corresponding to the first image and the second image resource corresponding to the second image from the resource library based on the resource catalog.

[0238] In some embodiments, the engine service located in the framework layer is used to load the first image resource corresponding to the first image and the second image resource corresponding to the second image according to the resource catalog.

[0239] In some embodiments, the engine service located in the framework layer is used to load the target image resource according to the resource catalog, and then the data parsing module parses the target image resource, and obtains the first image resource corresponding to the first image and the second image resource corresponding to the second image according to the parsing result. The target image resource may be, for example, the image resource corresponding to the third image set by the user as the desktop wallpaper.

[0240] For a more detailed process of the electronic device acquiring the first image resource corresponding to the first image and the second image resource corresponding to the second image, please refer to [link to relevant documentation]. Figures 4 to 7 For the sake of brevity, the descriptions in the illustrated embodiments will not be repeated here.

[0241] The engine capability loading module in the foreground component is used to load the engine service in the framework layer in response to the user's first operation; it can also be used to initialize engine capabilities.

[0242] The layer loading module in the foreground component is used to load the foreground layer in response to the user's first action.

[0243] The rendering and drawing module in the foreground component is used to render and draw the second image in the foreground layer in response to the user's first operation, based on the second image resource corresponding to the second image.

[0244] Similarly, the wallpaper component also includes a layer loading module for loading the wallpaper layer, and a rendering module for rendering the first image on the wallpaper layer in response to the user's first operation, based on the first image resource corresponding to the first image.

[0245] In some embodiments, when one or both of the first image and the second image are dynamic images, the interactive animation module in the engine service is used to drive the rendering progress of the first image in the wallpaper layer and / or to drive the rendering progress of the second image in the foreground layer, so that the electronic device can display the visual effects of the first image in different display processes on the wallpaper layer according to the different rendering progress values ​​of the first image on the wallpaper layer, presenting animation effects, and can display the visual effects of the second image in different display processes on the foreground layer according to the different rendering progress values ​​of the second image on the foreground layer, presenting animation effects.

[0246] The interactive control module in the engine service is responsible for data transfer, rendering progress coordination, and display progress coordination among the foreground component, wallpaper component, and desktop component during the rendering of the first image in the wallpaper layer and the rendering of the second image in the foreground layer. In some embodiments, when the second image is a first special effect, the foreground visual effects module in the engine service is used to obtain the image resource corresponding to the first special effect and use the image resource corresponding to the first special effect as the second image resource corresponding to the second image.

[0247] In some embodiments, the foreground component, wallpaper component, and desktop component described above can be described as a foreground application, a wallpaper application, and a desktop application, respectively.

[0248] For example, Figure 9 A schematic diagram of the processing flow corresponding to a display method provided in an embodiment of this application is shown.

[0249] like Figure 9 As shown, the electronic device obtains the first layer resources (i.e., the second image resources corresponding to the aforementioned second image) and the wallpaper layer resources (i.e., the first image resources corresponding to the aforementioned first image) based on the third image. For the first layer resources, the electronic device renders the second image onto the first layer based on the first layer resources through the first engine service in the frame layer. For the wallpaper layer resources, the electronic device renders the first image onto the wallpaper layer based on the wallpaper layer resources through the second engine service in the frame layer. The electronic device renders the application icon onto the desktop layer based on the desktop layer resources.

[0250] Furthermore, in response to the user's first action, the electronic device displays a first image on the wallpaper layer, and the electronic device displays a second image on the first layer.

[0251] In some embodiments, an electronic device can obtain a first layer resource and a wallpaper layer resource by performing layer processing on a third image. The layer processing can occur on the electronic device side or in the cloud, and the layer processing can be implemented, for example, through AI.

[0252] In one example, taking the third image as an image of the movement of galaxies and planets, the display method provided in this application, in response to the user's first operation, allows the electronic device to display part of the image resource corresponding to the third image on the wallpaper layer and another part of the image resource corresponding to the third image on the first layer, thus achieving layered display. For example, the main body of the galaxy can be rendered and displayed on the wallpaper layer, presenting a motion effect of the slow displacement of the main body of the galaxy. The surrounding stars can be moved to the first layer for rendering and display, presenting a motion effect of the displacement of the surrounding stars on the first layer. The display process of the displacement motion effect of the main body of the galaxy displayed on the wallpaper layer and the displacement effect of the surrounding stars displayed on the first layer can have a spatial linkage effect, giving the user the visual feeling that the surrounding stars pass through the wallpaper layer and revolve around the main body of the galaxy.

[0253] In some embodiments, the electronic device can parse the third image to use the image resource corresponding to the third image as the wallpaper layer resource and the image resource corresponding to the first effect as the first layer resource. For an explanation of the first effect, see [link to relevant documentation]. Figure 6 For the sake of brevity, the explanation of S603 in the illustrated embodiment will not be repeated here.

[0254] In one example, taking the third image as a child's image, the first effect could be a cartoon effect, which means rendering and displaying the child's image on the wallpaper layer and rendering and displaying the first effect on the first layer, giving the user the feeling that the cartoon effect is coming out of the wallpaper layer.

[0255] In some embodiments, an electronic device can obtain first-layer resources and wallpaper layer resources by configuring parameters and parsing data of the image resources of a third image.

[0256] The parameter configuration for third-party resources may include, for example, the configuration of parameters such as target node, animation attributes, and resource path.

[0257] For example, Figure 10 This illustration shows a schematic diagram of an electronic device displaying 3D animation effects in a desktop scene, according to an embodiment of this application.

[0258] like Figure 10 As shown in (a), the user sets the desktop wallpaper of the electronic device to a galaxy image, which includes a galaxy body 1010, an orbiting star 1020, and an orbiting star 1030. The electronic device 1000 displays a first system interface, which includes a desktop layer displaying icons for "email", "health", "music", "weather", "camera", "contacts", "phone", and "messages".

[0259] In some embodiments, the first system interface further includes a wallpaper layer and a first layer. In response to a user's first operation, the electronic device 1000 displays a portion of the galaxy / star image in the wallpaper layer below the desktop layer, and another portion of the galaxy / star image in the first layer above the desktop layer. For example, the galaxy body 1010 is displayed below the desktop layer, and surrounding stars 1020 and 1030 are displayed above the desktop layer. That is, in this example, the third image is a galaxy / star image, the first image includes the galaxy body 1010, and the second image includes surrounding stars 1020 and 1030.

[0260] Specifically, this can be manifested as follows: In response to the user's first operation, the electronic device 1000 displays some display elements of the galaxy image below the application icon and displays another part of the display elements of the galaxy image above the application icon. For example, the main body of the galaxy 1010 is displayed below the "Email" application icon, the "Health" application icon, the "Weather" application icon, and the "Music" application icon, and the surrounding stars 1020 and 1030 are displayed above the "Email" application icon, the "Health" application icon, the "Weather" application icon, and the "Music" application icon.

[0261] like Figure 10 As shown in (b) above, in some embodiments, the first image may be a first moving image, and the second image may be a second moving image. In this example, in response to a first user operation, the first image displayed on the wallpaper layer, including the galaxy body 1010, can rotate, and the second image displayed on the first layer, including the orbiting stars 1020 and 1030, can revolve around the galaxy body 1010. For example, the orbiting star 1020 may revolve around the galaxy body 1030. Figure 10 Position 1 shown in (a) is moved to the position shown in the diagram. Figure 10 Position 3, shown in (b) of the image, orbits star 1030 from... Figure 10 Position 2, as shown in (a), is moved to the position shown in the diagram. Figure 10 Position 4 is shown in (b) of the diagram.

[0262] In some embodiments, the first image and the second image are related, for example, in terms of displayed content. When the first image is a first dynamic image and the second image is a second dynamic image, the display processes of the first dynamic image and the second dynamic image can be related spatially and / or temporally. In this example, it is clear that the displayed content "galaxy body 1010" included in the first image and "surrounding star 1020 and surrounding star 1030" included in the second image are related in terms of displayed content, for example, both are stars, and surrounding star 1020 and surrounding star 1030 surround galaxy body 1010; the first dynamic... The display process of the image and the second dynamic image can be spatially and / or temporally correlated, which can be manifested as follows: there is a first correlation between the rotation speed of the galaxy body 1010 and the orbital speed of the orbiting star 1020 around the galaxy body 1010, for example, the ratio between the two speeds is the first ratio; there is a second correlation between the rotation speed of the galaxy body 1010 and the orbital speed of the orbiting star 1030 around the galaxy body 1010, for example, the ratio between the two speeds is the second ratio; it can also be manifested as follows: the rotation direction of the galaxy body 1010 is the same as or different from the orbital directions of the orbiting stars 1020 and 1030.

[0263] Depend on Figure 10 (a) and Figure 10 As shown in (b), in the desktop scenario, the application icon displayed on the screen of the electronic device 1000 is displayed above the galaxy body 1010. When the orbiting stars 1020 and 1030 move to the side facing the user, the orbiting stars 1020 and 1030 are displayed above the application icon, and the application icon will not obstruct it. This gives the user the feeling that the orbiting stars 1020 and 1030 are coming out of the screen, which improves the user's 3D visual experience.

[0264] Understandable Figure 10 (a) and Figure 10 The interface shown in (b) is an overlay of the wallpaper layer, desktop layer, and first layer. The display effects of the wallpaper layer, desktop layer, and first layer are as follows: Figure 10 (c) Figure 10 (d) and Figure 10 As shown in (e) in the diagram.

[0265] Depend on Figure 10 (c) and Figure 10 As shown in (e), the electronic device can layer a galaxy image into a first image and a second image, and display the first image and the second image on the wallpaper layer and the first layer, respectively.

[0266] In this example, the electronic device can, based on the spatial characteristics of the image resources of the galaxy and star image, split the image resources of the galaxy and star image (i.e., the image resources corresponding to the third image mentioned above) into image resources corresponding to the galaxy body 1010 (i.e., the image resources corresponding to the first image mentioned above) and image resources corresponding to the surrounding stars 1020 and 1030 (i.e., the image resources corresponding to the second image mentioned above). In response to the user's first operation, the galaxy body 1010 included in the first image is displayed on the wallpaper layer, and the surrounding stars 1020 and 1030 included in the second image are displayed on the first layer.

[0267] To gain a clearer understanding of how the interface of an electronic device is displayed in a desktop scenario before and after responding to the user's first action, the following, exemplarily, combines... Figures 11 to 13 The following is a description of several interface display diagrams provided in the embodiments of this application.

[0268] For example, Figure 11 This illustration shows a schematic diagram of the interface display of an electronic device in a desktop scenario, according to an embodiment of this application.

[0269] like Figure 11 As shown in (a), the desktop wallpaper of the electronic device is a galaxy image, which includes a galaxy body 1010, an orbiting star 1020, and an orbiting star 1030. The electronic device 1100 displays a first system interface, which includes a desktop layer displaying icons for "email", "health", "music", "weather", "camera", "address book", "phone", and "messages".

[0270] Before the electronic device responds to the user's first operation, the image resources corresponding to the galaxy body 1010, the surrounding star 1020, and the surrounding star 1030 included in the galaxy image are all displayed below the application icon. It can be understood that the first system interface of the electronic device 1100 also includes a wallpaper layer, which is located below the desktop layer. The image resources corresponding to the galaxy body 1010, the surrounding star 1020, and the surrounding star 1030 included in the galaxy image are all displayed on the wallpaper layer, and the application icon is displayed on the desktop layer.

[0271] like Figure 11As shown in (b), in response to the user's first operation, the electronic device displays the galaxy body 1010 included in the galaxy image below the application icon, and the orbiting stars 1020 and 1030 included in the galaxy image above the application icon. It can be understood that the first system interface of the electronic device 1100 includes a desktop layer, a wallpaper layer, and a first layer. The wallpaper layer is located below the desktop layer, and the first layer is located above the desktop layer. The galaxy body 1010 included in the galaxy image is displayed on the wallpaper layer, the orbiting stars 1020 and 1030 are displayed on the first layer, and the application icon is displayed on the desktop layer.

[0272] In some embodiments, the first image and the second image are dynamic images. After the electronic device responds to a first operation by the user, the galaxy body 1010 displayed on the wallpaper layer is in motion, and the surrounding stars 1020 and 1030 displayed on the first layer are in motion. The electronic device 1100 displays images created by... Figure 11 The dynamic changes in the image at the first moment, shown in (b) are as follows: Figure 11 The image shown in (c) is the second moment; that is, from the user's perspective, after the user performs the first operation, the user can see the galaxy and star images displayed in layers, the sense of spatial hierarchy is significantly enhanced, and the user can see the rotation of the main body of the galaxy 1010, as well as the dynamic images of the stars 1020 and 1030 revolving around the main body of the galaxy 1010.

[0273] For example, Figure 12 This illustration shows a schematic diagram of the interface display of another electronic device in a desktop scenario, as provided in an embodiment of this application.

[0274] like Figure 12 As shown in (a), the desktop wallpaper of the electronic device is a galaxy image, which includes a galaxy body 1010, an orbiting star 1020, and an orbiting star 1030. The electronic device 1200 displays a first system interface, which includes a desktop layer displaying icons for "email", "health", "music", "weather", "camera", "address book", "phone", and "messages".

[0275] Before responding to the user's first operation, the image resources corresponding to the galaxy body 1010 included in the galaxy image are displayed below the application icon, and the image resources corresponding to the surrounding stars 1020 and 1030 are displayed above the application icon. It can be understood that the first system interface of the electronic device 1200 includes a desktop layer, a wallpaper layer, and a first layer. The wallpaper layer is located below the desktop layer, and the first layer is located above the desktop layer. The image resources corresponding to the galaxy body 1010 included in the galaxy image are displayed on the wallpaper layer, the image resources corresponding to the surrounding stars 1020 and 1030 are displayed on the first layer, and the application icon is displayed on the desktop layer.

[0276] like Figure 12 (b) and Figure 12 As shown in (c), in response to the user's first operation, the electronic device 1200 dynamically displays the galaxy body 1010 included in the galaxy image below the application icon, and dynamically displays the orbiting stars 1020 and 1030 included in the galaxy image above the application icon. From the user's perspective, after performing the first operation, the user can see the galaxy body 1010 rotating, and the orbiting stars 1020 and 1030 revolving around the galaxy body 1010 in a dynamic display, and the image has a strong sense of spatial hierarchy.

[0277] The display interface of electronic device 1200 is composed of... Figure 12 The interface dynamics shown in (b) are as follows: Figure 12 The interface shown in (c) is as follows.

[0278] For example, Figure 13 This illustration shows a schematic diagram of the interface display of another electronic device in a desktop scenario, as provided in an embodiment of this application.

[0279] like Figure 13 As shown in (a), the image resources corresponding to the third image include the image resources corresponding to the tree 1301 and the image resources corresponding to the person 1302. The electronic device 1300 displays a first system interface, which includes a desktop layer. The desktop displays an "email" application icon, a "health" application icon, a "music" application icon, a "weather" application icon, a "camera" application icon, a "contacts" application icon, a "phone" application icon, and a "message" application icon.

[0280] Before responding to the user's first operation, the electronic device displays the image resources corresponding to the third image (including the image resources corresponding to tree 1301 and person 1302) below the application icon. It can be understood that the first system interface of the electronic device 1300 includes a desktop layer, a wallpaper layer, and a first layer. The wallpaper layer is located below the desktop layer, and the first layer is located above the desktop layer. The image resources corresponding to tree 1301 and person 1302 included in the third image are displayed on the wallpaper layer. The first layer does not display image resources, and the application icon is displayed on the desktop layer.

[0281] like Figure 13 As shown in (b), in response to a user's first operation, the electronic device displays a third image (including trees 1301 and people 1302) on the wallpaper layer below the application icon and displays a first effect 1303 on the first layer above the application icon. The first effect 1303 may be an effect related to people 1302, such as people 1302 laughing happily. Correspondingly, the first effect 1303 is an effect used to represent happiness.

[0282] For example, combined Figure 14 The spatial and / or temporal relationship between the first image and the second image in the display process is illustrated by an example.

[0283] like Figure 14 As shown in (a), the third image includes a portion of the first beam image, and the second image includes another portion of the first beam image. Before responding to the user's first operation, the electronic device displays the image resources corresponding to the third image (including the image resources corresponding to a portion of the first beam image and the image resources corresponding to another portion of the first beam image) below the application icon. It can be understood that the current system interface of the electronic device 1400 includes a desktop layer, a wallpaper layer, and a first layer. The wallpaper layer is located below the desktop layer, and the first layer is located above the desktop layer. The image resources corresponding to a portion of the first beam image and the image resources corresponding to another portion of the first beam image included in the third image are both displayed on the wallpaper layer. The first layer does not display image resources, and the application icon is displayed on the desktop layer.

[0284] like Figure 14 (b) and Figure 14As shown in (c), after responding to the user's first operation, the electronic device begins to display a portion of the first beam image on the wallpaper layer below the application icon. Specifically, this display can be a dynamic display process, showing a dynamic image of a portion of the first beam image emanating from the light source of the first beam. After displaying a portion of the first beam image on the wallpaper layer below the application icon, another portion of the first beam image is then displayed on the first layer above the application icon. This display can also be a dynamic display process, showing a dynamic image of a portion of the first beam image continuing to emanate outwards. This provides a 3D visual experience as if a beam of light is emanating from the screen.

[0285] The spatial relationship between the display processes of the first image and the second image is reflected in the fact that another part of the first beam image is displayed above a part of the first beam image; the temporal relationship between the display processes of the first image and the second image is reflected in the fact that a part of the first beam image is displayed first, followed by the display of the other part of the first beam image.

[0286] Specifically, before the electronic device responds to the first operation, the image resources corresponding to the first beam image can be split into image resources corresponding to a part of the first beam image and image resources corresponding to another part of the first beam image based on the spatial and temporal characteristics of the first beam image.

[0287] One or more modules or units described herein can be implemented in software, hardware, or a combination of both. When any of the above modules or units are implemented in software, the software exists as computer program instructions and is stored in memory. A processor can be used to execute the program instructions and implement the above method flow. The processor can include, but is not limited to, at least one of the following: a central processing unit (CPU), a microprocessor, a digital signal processor (DSP), a microcontroller unit (MCU), or an artificial intelligence processor, etc., and various computing devices that run software. Each computing device may include one or more cores for executing software instructions to perform calculations or processing. The processor can be built into a SoC (System-on-a-Chip) or an application-specific integrated circuit (ASIC), or it can be a separate semiconductor chip. In addition to the cores within the processor for executing software instructions to perform calculations or processing, it may further include necessary hardware accelerators, such as field-programmable gate arrays (FPGAs), PLDs (programmable logic devices), or logic circuits that implement dedicated logic operations.

[0288] When the modules or units described herein are implemented in hardware, the hardware may be any one or any combination of a CPU, microprocessor, DSP, MCU, artificial intelligence processor, ASIC, SoC, FPGA, PLD, application-specific digital circuit, hardware accelerator, or non-integrated discrete device, which may run the necessary software or perform the above method flow independently of software.

[0289] When the modules or units described herein are implemented using software, they can be implemented, in whole or in part, in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, all or part of the processes or functions described in the embodiments of this application are generated. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another. For example, the computer instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) means. The computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server or data center that integrates one or more available media. The available medium can be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., solid-state disk (SSD)).

[0290] Those skilled in the art will recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0291] Those skilled in the art will understand that, for the sake of convenience and brevity, the specific working processes of the systems, devices, and units described above can be referred to the corresponding processes in the foregoing method embodiments, and will not be repeated here.

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

[0293] The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0294] In addition, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit.

[0295] If the aforementioned functions are implemented as software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0296] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the scope of the technology disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A display method, characterized in that, The method is applied to an electronic device, and the method includes: The electronic device displays a first system interface, which includes a system layer and displays application icons. In response to a user’s first action, the electronic device displays a first image below the system layer and a second image above the system layer.

2. The method according to claim 1, characterized in that, There is a correlation between the first image and the second image.

3. The method according to claim 1 or 2, characterized in that, There is a correlation between the displayed content of the first image and the displayed content of the second image.

4. The method according to any one of claims 1 to 3, characterized in that, The first image is a first dynamic image, and the second image is a second dynamic image. The display processes of the first dynamic image and the second dynamic image are spatially and / or temporally related.

5. The method according to any one of claims 1 to 3, characterized in that, The first image is a first static image, and the second image is a second dynamic image; or, the first image is a first dynamic image, and the second image is a second static image.

6. The method according to any one of claims 1 to 5, characterized in that, The system layer is a desktop layer. The first system interface also includes a wallpaper layer and a first layer. The wallpaper layer is located below the desktop layer, and the first layer is located above the desktop layer. In response to a first user action, the electronic device displays a first image below the desktop layer and a second image above the desktop layer, including: In response to the first operation, the electronic device displays the first image on the wallpaper layer and the second image on the first layer.

7. The method according to claim 6, characterized in that, The method further includes: Prior to responding to the user's first operation, the electronic device displays a first image resource corresponding to the first image on the wallpaper layer, and the electronic device displays a second image resource corresponding to the second image on the first layer; Following a first operation by the user, the electronic device displays the first image on the wallpaper layer and the second image on the first layer, including: The electronic device displays the first image on the wallpaper layer based on the first image resource; The electronic device displays the second image on the first layer based on the second image resource.

8. The method according to claim 6, characterized in that, The method further includes: Prior to responding to the user's first operation, the electronic device displays the first image resource corresponding to the first image on the wallpaper layer; Following a first operation by the user, the electronic device displays the first image on the wallpaper layer and the second image on the first layer, including: The electronic device displays the first image on the wallpaper layer based on the first image resource; The electronic device displays the second image on the first layer based on the second image resource, where the second image resource is the image resource corresponding to the first special effect.

9. The method according to claim 6, characterized in that, The method further includes: Prior to responding to the user's first operation, the electronic device displays a first image resource corresponding to the first image and a second image resource corresponding to the second image on the wallpaper layer; Following a first operation by the user, the electronic device displays the first image on the wallpaper layer and the second image on the first layer, including: The electronic device displays the first image on the wallpaper layer based on the first image resource; The electronic device displays the second image on the first layer based on the second image resource.

10. The method according to claim 7 or 9, characterized in that, The method further includes: In response to a user setting a third image as desktop wallpaper, the electronic device obtains the first image resource and the second image resource based on the image resource corresponding to the third image.

11. The method according to claim 8, characterized in that, The method further includes: In response to a user setting a third image as desktop wallpaper, the electronic device uses the image resource corresponding to the third image as the first image resource. The electronic device uses the image resource corresponding to the first special effect as the second image resource.

12. The method according to claim 7 or 9, characterized in that, The method further includes: The electronic device, in response to a user's input of image resources, acquires the first image resource and the second image resource.

13. The method according to claim 12, characterized in that, The electronic device, in response to a user's input of image resources, acquires the first image resource and the second image resource, including: The electronic device responds to the user's input of the image resource by performing artificial intelligence (AI) processing on the image resource through the cloud to obtain the first image resource and the second image resource.

14. The method according to any one of claims 1 to 13, characterized in that, The first operation includes any one or more of the following operations: The operation that triggers the screen of the electronic device to turn on; Perform a swipe gesture operation on the first system interface; The operation of adjusting the posture of the electronic device to a preset posture.

15. An electronic device, characterized in that, The electronic device includes: A display module is used to display a first system interface, the first system interface including a system layer, and the system layer displays application icons; The display module is also configured to, in response to a first user operation, display a first image below the system layer and a second image above the system layer.

16. The electronic device according to claim 15, characterized in that, The system layer is a desktop layer, and the electronic device includes multiple system components, including a desktop component, a wallpaper component, and a first component, wherein... The desktop component is used to load the desktop layer and render the application icon on the desktop layer; The wallpaper component is used to load the wallpaper layer and render the first image on the wallpaper layer; The first component is used to load the first layer and render the second image on the first layer, wherein the wallpaper layer is located below the desktop layer and the first layer is located above the desktop layer; The display module is specifically used for: In response to the first operation, the first image is displayed on the wallpaper layer, and the second image is displayed on the first layer.

17. An electronic device, characterized in that, include: One or more processors; One or more memory units; And one or more computer programs, wherein the one or more computer programs are stored in the one or more memories, the one or more computer programs including instructions that, when executed by the one or more processors, cause the electronic device to perform the method as described in any one of claims 1 to 14.

18. A computer-readable storage medium, characterized in that, The storage medium stores a program or instructions that, when executed, implement the method as described in any one of claims 1 to 14.

19. A chip, characterized in that, The chip stores instructions that, when executed, implement the method as described in any one of claims 1 to 14.

20. A computer program product, characterized in that, The computer program product stores a program or instructions that, when executed, implement the method as described in any one of claims 1 to 14.

Images