Interaction method and electronic equipment

Abstract

The invention provides an interaction method and electronic equipment, and the method comprises the steps: displaying the animation effect of N dynamic interface elements on a first interface, where N is an integer greater than or equal to 1, and the first interface is a desktop or a screen locking interface or a screen turn-off interface; in response to a first operation of a user, the animation effect of M dynamic interface elements of the N dynamic interface elements is changed according to the first operation and a first position, 1 < = M < = N, M is an integer, and the first position is associated with the first operation. In the embodiment of the invention, the electronic equipment can change the animation effect of at least part of the dynamic interface elements according to the operation of the user and the position corresponding to the operation of the user, so that the interaction between the electronic equipment and the user can be increased, and the use experience of the user can be improved.

Description

[0001] This application is a divisional application. The application number of the original application is 202411477030.1, the filing date of the original application is October 21, 2024, and the entire content of the original application is incorporated herein by reference. Technical Field

[0002] This application relates to the field of electronic devices, and more particularly, to an interaction method and an electronic device. Background Art

[0003] With the progress of technology, more and more users choose dynamic themes, which may include dynamic wallpapers on the desktop and dynamic wallpapers when the screen is locked. However, the animation effects of the dynamic wallpapers in the current dynamic themes are all preset, and users may lose interest after using them for a period of time. Based on this, how to enhance the interaction between users and dynamic themes has become a technical problem to be solved urgently. Summary of the Invention

[0004] This application provides an interaction method and an electronic device, enabling users to interact with dynamic themes and enhancing the user experience.

[0005] In a first aspect, an interaction method is provided. The method includes: displaying, on a first interface, animation effects of N dynamic interface elements, where N≥1 and is an integer, and the first interface is a desktop interface or a lock screen interface or a screen off interface; in response to a first operation of a user, changing, according to the first operation and a first position, the animation effects of M dynamic interface elements among the N dynamic interface elements, where 1≤M≤N and M is an integer, and the first position is associated with the first operation.

[0006] In the embodiments of this application, the electronic device can change the animation effects of some dynamic interface elements according to the user's operation and the position corresponding to the user's operation, which can increase the interaction between the electronic device and the user and contribute to enhancing the user experience.

[0007] In combination with the first aspect, in some implementations of the first aspect, the N dynamic interface elements include a first dynamic interface element, the shape of the first dynamic interface element is a first shape, the first operation is pressing the first dynamic interface element, and the changing, in response to the first operation of the user, the animation effects of M dynamic interface elements among the N dynamic interface elements according to the first operation includes: in response to the first operation, displaying, according to the first operation and the first position, an animation effect of changing the shape of the first dynamic interface element from the first shape to a second shape.

[0008] In the embodiments of the present application, when the user presses the first dynamic interface element, the electronic device displays an animation effect of changing the shape of the first dynamic interface element, which conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and helps to improve the user experience.

[0009] In combination with the first aspect, in some implementation manners of the first aspect, the second shape corresponds to the shapes of multiple dynamic interface elements.

[0010] In combination with the first aspect, in some implementation manners of the first aspect, after displaying the animation effect of changing the shape of the first dynamic interface element from the first shape to the second shape according to the first operation, the method further includes: displaying the animation effect of changing the shape of the first dynamic interface element from the second shape to the first shape.

[0011] In the embodiments of the present application, the first dynamic interface element can also change back from the second shape to the first shape, which conforms to some real scenarios, conforms to the user's intuitive feeling, and helps to improve the user experience.

[0012] Exemplarily, the real scenario is that the user presses a raindrop dripping on the glass.

[0013] In combination with the first aspect, in some implementation manners of the first aspect, the method further includes: the first dynamic interface element moves from the first position to the second position in the second shape.

[0014] In the embodiments of the present application, in addition to changing the form of the first dynamic interface element, the electronic device can also display the first dynamic interface element moving from the first position to the second position in the second shape, which conforms to some real scenarios and helps to improve the user experience.

[0015] Exemplarily, the real scenario is that the user presses a raindrop dripping on the glass, and the raindrop changes its shape and also flows downward.

[0016] In combination with the first aspect, in some implementation manners of the first aspect, when the first dynamic interface element moves from the first position to the second position in the second shape, the moving speed of the first dynamic interface element is the first speed, and after the first dynamic interface element moves from the first position to the second position in the second shape, the method further includes: displaying the animation effect of the first dynamic interface element moving to the third position at the second speed.

[0017] In combination with the first aspect, in some implementation manners of the first aspect, the second speed is greater than the first speed.

[0018] In combination with the first aspect, in some implementations of the first aspect, the N dynamic interface elements include a second dynamic interface element, the movement trajectory of the second dynamic interface element is a first movement trajectory, the first position is a position on the first movement trajectory, and in response to a first operation of the user, changing the animation effects of M dynamic interface elements among the N dynamic interface elements according to the first operation and the first position includes: in response to the first operation, when it is detected that the second dynamic interface element moves to the first position, changing the movement trajectory of the second dynamic interface element to a second movement trajectory; displaying the animation effect of the second dynamic interface element according to the second movement trajectory.

[0019] In the embodiments of the present application, when the user presses on the movement trajectory of the second dynamic interface element, the electronic device displays an animation effect of changing the movement trajectory of the second dynamic interface element, which conforms to certain real scenarios, conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and helps to improve the user experience.

[0020] Exemplarily, the real scenario is that the user presses on the trajectory of a raindrop flowing, and the trajectory of the raindrop will change.

[0021] In combination with the first aspect, in some implementations of the first aspect, the second dynamic interface element corresponds to multiple dynamic interface elements, the multiple dynamic interface elements include a third dynamic interface element and a fourth dynamic interface element, the second movement trajectory corresponds to multiple movement trajectories, the multiple movement trajectories include a third movement trajectory and a fourth movement trajectory, and displaying the animation effect of the second dynamic interface element according to the second movement trajectory includes: displaying the animation effect of the third dynamic interface element according to the third movement trajectory; displaying the animation effect of the fourth dynamic interface element according to the fourth movement trajectory.

[0022] In the embodiments of the present application, in addition to changing the movement trajectory of the second dynamic interface element, the electronic device can also divide the second dynamic interface element into multiple dynamic interface elements, which conforms to certain real scenarios and helps to improve the user experience.

[0023] Exemplarily, the real scenario is that the user presses on the trajectory of a raindrop flowing, the raindrop will be divided into multiple raindrops, and the multiple raindrops will correspond to different flowing trajectories.

[0024] In combination with the first aspect, in some implementations of the first aspect, displaying the animation effect of the third dynamic interface element according to the third movement trajectory includes: displaying the animation effect of the third dynamic interface element according to the third movement trajectory and the third speed; displaying the animation effect of the fourth dynamic interface element according to the fourth movement trajectory includes: displaying the animation effect of the fourth dynamic interface element according to the fourth movement trajectory and the fourth speed.

[0025] In combination with the first aspect, in certain implementations of the first aspect, the third speed and the fourth speed are different.

[0026] In combination with the first aspect, in certain implementations of the first aspect, the shape of the third dynamic interface element is different from the shape of the fourth dynamic interface element.

[0027] In combination with the first aspect, in certain implementations of the first aspect, the method further includes: when the third dynamic interface element and the fourth dynamic interface element move to the overlapping position of the third movement trajectory and the fourth movement trajectory, displaying an animation effect of merging the third dynamic interface element and the fourth dynamic interface element.

[0028] In the embodiments of the present application, the electronic device can also display an animation effect of merging multiple dynamic interface elements into one dynamic interface element, which conforms to certain real scenarios and helps to improve the user experience.

[0029] Exemplarily, the real scenario is that when the user presses on the trajectory of the raindrop flowing, the raindrop will be divided into multiple raindrops, and the multiple raindrops will correspond to different flowing trajectories, and the multiple raindrops can be merged into one raindrop during the flowing process.

[0030] In combination with the first aspect, in certain implementations of the first aspect, the N dynamic interface elements include a fifth interface element, and the displaying the animation effect of the N dynamic interface elements on the first interface includes: during the movement of the fifth interface element, displaying an animation effect of the fifth interface element changing from a third shape to a fourth shape, and the fourth shape is smaller than the third shape.

[0031] In the embodiments of the present application, the electronic device can display an animation effect that the dynamic interface element gradually becomes smaller during the movement, which conforms to certain real scenarios and helps to improve the user experience.

[0032] Exemplarily, the real scenario is that the raindrop flows on the glass and the raindrop will become smaller and smaller.

[0033] In combination with the first aspect, in certain implementations of the first aspect, the displaying the animation effect of the N dynamic interface elements on the first interface includes: displaying an animation effect that the shapes of at least some of the N dynamic interface elements change and gradually become smaller until they disappear.

[0034] In the embodiments of the present application, the electronic device can display an animation effect that the dynamic interface element gradually becomes smaller until it disappears during the movement, which conforms to certain real scenarios and helps to improve the user experience.

[0035] Exemplarily, the real scenario is that the raindrop drips on the glass, and due to the evaporation effect, the raindrop will become smaller and smaller until it disappears.

[0036] In combination with the first aspect, in some implementations of the first aspect, the method of displaying an animation effect of N dynamic interface elements on the first interface includes: displaying an animation effect in which at least some of the N dynamic interface elements are merged into a sixth dynamic interface element during the movement of at least some of the N dynamic interface elements.

[0037] In the embodiments of the present application, the electronic device can also display an animation effect in which a plurality of dynamic interface elements are merged into one dynamic interface element, which conforms to certain real scenarios and helps to improve the user experience.

[0038] Exemplarily, the real scenario is that a plurality of raindrops flow on the glass, and the plurality of raindrops can be merged into one raindrop.

[0039] In combination with the first aspect, in some implementations of the first aspect, the speed and / or shape of the sixth dynamic interface element are different from those of the at least some of the N dynamic interface elements.

[0040] In combination with the first aspect, in some implementations of the first aspect, the movement trajectories of at least some of the N dynamic interface elements are determined according to the deflection direction and the deflection coefficient.

[0041] In combination with the first aspect, in some implementations of the first aspect, the method further includes: displaying a first blurred background image on the first interface; in response to a user's sliding operation, displaying an animation effect in which the first blurred background image becomes a clear image.

[0042] In combination with the first aspect, in some implementations of the first aspect, the method further includes: determining a first area according to the first sliding operation; the displaying of the animation effect in which the first blurred background image becomes a clear image includes: displaying an animation effect in which the first area of the first blurred background image becomes the clear image.

[0043] In the embodiments of the present application, the electronic device can also display a blurred background image and can make the blurred background image become a clear image according to the user's sliding operation, which conforms to the user's intuitive feeling and helps to improve the user's usage experience.

[0044] Exemplarily, the real scenario is that the user wipes off the raindrops dripping on the window so as to see the scenery outside the window clearly.

[0045] In combination with the first aspect, in some implementations of the first aspect, the first blurred background image is located in a first layer, the N dynamic interface elements are located in a second layer, and the first layer and the second layer are different.

[0046] In combination with the first aspect, in some implementations of the first aspect, the second layer is located above the first layer.

[0047] In combination with the first aspect, in some implementations of the first aspect, the method includes: in response to a second operation of the user, displaying an animation effect of N dynamic interface elements on the first interface, and displaying an animation effect of stacking dynamic interface elements on the second interface.

[0048] In the embodiments of the present application, the electronic device can also display an animation effect of stacking dynamic interface elements, which conforms to the user's intuitive feeling and helps to improve the user experience.

[0049] Exemplarily, the accumulation of snow in the real scenario of snowy weather, or the accumulation of water in rainy weather.

[0050] In combination with the first aspect, in some implementations of the first aspect, the displaying an animation effect of stacking dynamic interface elements on the second interface includes: displaying an animation effect of stacking dynamic interface elements in a second area of the second interface.

[0051] In combination with the first aspect, in some implementations of the first aspect, the method further includes: determining the second area according to time.

[0052] In the embodiments of the present application, the stacking area changes according to time, which conforms to the user's intuitive feeling and helps to improve the user experience.

[0053] Exemplarily, the real scenario is snowy weather, and as time goes by, the snow accumulation area becomes larger and larger.

[0054] In combination with the first aspect, in some implementations of the first aspect, the method further includes: in response to a second sliding operation of the user, displaying an animation effect of eliminating the dynamic interface element corresponding to the second sliding operation.

[0055] In the embodiments of the present application, the electronic device can also display an animation effect of eliminating dynamic interface elements according to the user's sliding operation, which conforms to the user's intuitive feeling and helps to improve the user experience.

[0056] In combination with the first aspect, in some implementations of the first aspect, the method further includes: in response to a third operation of the user, displaying an animation effect of eliminating the dynamic interface elements in the second area.

[0057] In combination with the first aspect, in some implementations of the first aspect, the second operation is a folding operation.

[0058] In the embodiments of the present application, the interaction method is applicable to a foldable screen electronic device and can utilize the foldable advantage of the foldable screen electronic device, which helps to better display the stacking animation effect.

[0059] In combination with the first aspect, in some implementations of the first aspect, the N dynamic interface elements are raindrops.

[0060] In combination with the first aspect, in some implementations of the first aspect, the N dynamic interface elements are rain lines.

[0061] In combination with the first aspect, in some implementations of the first aspect, the N dynamic interface elements are snowflakes.

[0062] In a second aspect, an electronic device is provided. The electronic device includes one or more processors; one or more memories; the one or more memories store one or more computer programs, and the one or more computer programs include instructions that, when executed by the one or more processors, cause the above aspect or any possible implementation of the above aspect to be executed.

[0063] In a third aspect, a computer-readable storage medium is provided. The computer-readable storage medium includes a computer program or instructions that, when run on a computer, cause the first aspect and any possible implementation method of the first aspect to be executed.

[0064] In a fourth aspect, a computer program product is provided. The computer program product includes a computer program or instructions that, when run on a computer, cause the first aspect and any possible implementation method of the first aspect to be executed.

[0065] In a fifth aspect, a computer program is provided. When it runs on a computer, it causes the method in the first aspect and any possible implementation thereof to be executed.

[0066] In a sixth aspect, an electronic device according to an embodiment of the present application is provided. The electronic device includes modules / units that execute the method of the above aspect or any possible design of the above aspect; these modules / units can be implemented by hardware or by hardware executing corresponding software.

[0067] Among them, for the beneficial effects of the second aspect to the sixth aspect, please refer to the beneficial effects of the first aspect, and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

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

[0069] Figure 2 is a software architecture block diagram of an electronic device provided by an embodiment of the present application.

[0070] Figure 3 is a set of GUIs provided by an embodiment of the present application.

[0071] Figure 4 is a set of GUIs provided by an embodiment of the present application.

[0072] Figure 5 is a group of GUIs provided by an embodiment of the present application.

[0073] Figure 6 is a group of GUIs provided by an embodiment of the present application.

[0074] Figure 7 is a group of GUIs provided by an embodiment of the present application.

[0075] Figure 8 is a group of GUIs provided by an embodiment of the present application.

[0076] Figure 9 is a group of GUIs provided by an embodiment of the present application.

[0077] Figure 10 is a group of GUIs provided by an embodiment of the present application.

[0078] Figure 11 is a group of GUIs provided by an embodiment of the present application.

[0079] Figure 12 is a group of GUIs provided by an embodiment of the present application.

[0080] Figure 13 is a schematic diagram of layer fusion provided by the present application.

[0081] Figure 14 is a schematic flowchart of processing a background image provided by an embodiment of the present application.

[0082] Figure 15 is a schematic diagram of an algorithm provided by an embodiment of the present application.

[0083] Figure 16 is a schematic diagram of a collision framework provided by an embodiment of the present application.

[0084] Figure 17 is a schematic diagram of a collision body provided by an embodiment of the present application.

[0085] Figure 18 is a schematic diagram of a system architecture provided by an embodiment of the present application.

[0086] Figure 19 is a schematic flowchart of an interaction method provided by an embodiment of the present application. Detailed implementation manners

[0087] Next, the technical solutions in the embodiments of the present application will be described with reference to the accompanying drawings.

[0088] The terms used in the following embodiments are only for the purpose of describing specific embodiments and are not intended to limit the present application. As used in the specification and appended claims of the present application, the singular forms "a", "an", "the", "above", "said", "this" are also intended to include expressions such as "one or more", unless the context clearly indicates otherwise. It should also be understood that in the following embodiments of the present application, "at least one", "one or more" means one, two or more than two. The term "and / or" is used to describe the relationship between associated objects and means that three relationships can exist; for example, A and / or B can mean: A exists alone, A and B exist simultaneously, and B exists alone, where A and B can be singular or plural. The character " / " generally means that the associated objects before and after are in an "or" relationship.

[0089] Reference to "one embodiment" or "some embodiments" etc. described in this specification means that a specific feature, structure or characteristic described in connection with that embodiment is included in one or more embodiments of the present application. Thus, statements such as "in one embodiment", "in some embodiments", "in other some embodiments", "in still other embodiments" etc. that appear in different places in this specification are not necessarily all referring to the same embodiment, but mean "one or more but not all embodiments", unless otherwise specifically emphasized. The terms "comprise", "include", "have" and their variants all mean "including but not limited to", unless otherwise specifically emphasized.

[0090] Embodiments of an electronic device, a user interface for such an electronic device, and for using such an electronic device are described below. In some embodiments, the electronic device may be a portable electronic device that also includes other functions such as a personal digital assistant and / or music player functions, such as a mobile phone, a tablet computer, a wearable electronic device with wireless communication functions (such as a smart watch), etc. Exemplary embodiments of the portable electronic device include, but are not limited to, those equipped with or other operating systems. The above portable electronic device may also be other portable electronic devices, such as a laptop computer, etc. It should also be understood that in other some embodiments, the above electronic device may not be a portable electronic device but a desktop computer.

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

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

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

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

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

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

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

[0098] The antenna 1 and the antenna 2 are used for transmitting and receiving electromagnetic wave signals. Each antenna in the electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be multiplexed to improve the utilization rate of the antennas. For example: the antenna 1 can be multiplexed as a diversity antenna for a wireless local area network. In some other embodiments, the antenna can be used in combination with a tuning switch.

[0099] The mobile communication module 150 may provide solutions for wireless communications such as 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 may receive electromagnetic waves through the antenna 1, filter, amplify, and perform other processes on the received electromagnetic waves, and then transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 may also amplify the signal modulated by the modulation and demodulation processor and convert it into electromagnetic waves through the antenna 1 for radiation. In some embodiments, at least some functional modules of the mobile communication module 150 may be provided 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 provided in the same device.

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

[0101] The wireless communication module 160 may provide solutions for wireless communications applied to the electronic device 100, including wireless local area networks (WLANs) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite systems (GNSSs), frequency modulation (FM), near field communication (NFC), infrared (IR), and the like. The wireless communication module 160 may be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, performs frequency modulation and filtering processing on the electromagnetic wave signals, and sends the processed signals to the processor 110. The wireless communication module 160 may also receive signals to be sent from the processor 110, perform frequency modulation and amplification on them, and convert them into electromagnetic waves through the antenna 2 for radiation.

[0102] In some embodiments, antenna 1 of electronic device 100 is coupled to mobile communication module 150, and antenna 2 is coupled to wireless communication module 160, such that electronic device 100 can communicate with a network and other devices through wireless communication technologies. The wireless communication technologies may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), time-division code division multiple access (TD-CDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technologies, etc. The GNSS may include global positioning system (GPS), global navigation satellite system (GLONASS), beidou navigation satellite system (BDS), quasi-zenith satellite system (QZSS), and / or satellite based augmentation systems (SBAS).

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

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

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

[0106] The ISP is used to process the data fed back by the camera 193. For example, when taking a photo, the shutter is opened, and the light passes through the lens and is transmitted to the camera photosensitive element. The optical signal is converted into an electrical signal, and the camera photosensitive element transmits the electrical signal to the ISP for processing and converts it into an image visible to the naked eye. The ISP can also perform algorithm optimization on the noise, brightness, and skin color of the image. The ISP can also optimize parameters such as the exposure and color temperature of the shooting scene. In some embodiments, the ISP can be set in the camera 193.

[0107] The camera 193 is used to capture static images or videos. The object generates an optical image through the lens and projects it onto the photosensitive element. The photosensitive element can be a charge-coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the optical signal into an electrical signal, and then transmits the electrical signal to the ISP to convert it into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signal into an image signal in standard RGB, YUV, etc. formats. In some embodiments, the electronic device 100 may include one or N cameras 193, where N is a positive integer greater than 1.

[0108] The digital signal processor is used to process digital signals. Besides being able to process digital image signals, it can also process other digital signals. For example, when the electronic device 100 selects a frequency point, the digital signal processor is used to perform Fourier transform on the frequency point energy, etc.

[0109] The video codec is used to compress or decompress digital videos. The electronic device 100 can support one or more video codecs. In this way, the electronic device 100 can play or record videos in multiple encoding formats, such as: Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, MPEG4, etc.

[0110] The NPU is a neural-network (NN) computing processor. By drawing on the structure of biological neural networks, such as the transmission pattern between human brain neurons, it can quickly process the input information and can also continuously learn by itself. Through the NPU, applications such as intelligent cognition of the electronic device 100 can be realized, such as: image recognition, face recognition, speech recognition, text understanding, etc.

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

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

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

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

[0115] The speaker 170A, also known as the "loudspeaker", is used to convert an audio electrical signal into a sound signal. The electronic device 100 can listen to music or make hands-free calls through the speaker 170A.

[0116] The receiver 170B, also known as the "earpiece", is used to convert an audio electrical signal into a sound signal. When the electronic device 100 answers a call or a voice message, the voice can be listened to by bringing the receiver 170B close to the human ear.

[0117] The microphone 170C, also known as the "microphone" or "transmitter", is used to convert a sound signal into an electrical signal. When making a call or sending a voice message, the user can speak by bringing the mouth close to the microphone 170C to input the sound signal into the microphone 170C. The electronic device 100 can be provided with at least one microphone 170C. In some other embodiments, the electronic device 100 can be provided with two microphones 170C, which can not only collect sound signals but also implement a noise reduction function. In some other embodiments, the electronic device 100 can also be provided with three, four or more microphones 170C to implement functions such as collecting sound signals, noise reduction, identifying the sound source, and implementing a directional recording function.

[0118] The pressure sensor 180A is used to sense a pressure signal and can convert the pressure signal into an electrical signal. In some embodiments, the pressure sensor 180A can be disposed on the display screen 194. There are many types of pressure sensors 180A, such as resistive pressure sensors, inductive pressure sensors, capacitive pressure sensors, etc. The capacitive pressure sensor can include at least two parallel plates with conductive materials. When a force acts on the pressure sensor 180A, the capacitance between the electrodes changes. The electronic device 100 determines the intensity of the pressure according to the change in capacitance. When a touch operation acts on the display screen 194, the electronic device 100 detects the intensity of the touch operation according to the pressure sensor 180A. The electronic device 100 can also calculate the position of the touch according to the detection signal of the pressure sensor 180A. In some embodiments, touch operations acting on the same touch position but with different touch operation intensities can correspond to different operation instructions. For example, when a touch operation with a touch operation intensity greater than or equal to a first pressure threshold acts on the alarm application icon, the instruction to create a new alarm is executed.

[0119] The fingerprint sensor 180H is used to collect fingerprints. The electronic device 100 can use the collected fingerprint characteristics to achieve fingerprint unlocking, access the application lock, take fingerprint photos, answer calls with fingerprints, etc. For example, when the mobile phone detects a user's touch operation on the lock screen interface, the mobile phone can collect the user's fingerprint information through the fingerprint sensor 180H, and match the collected fingerprint information with the pre-set fingerprint information in the mobile phone. If the match is successful, the mobile phone can enter the non-lock screen interface from the lock screen interface.

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

[0121] Figure 2 It is a software structure block diagram of the electronic device 100 according to an embodiment of the present application. The layered architecture divides the software into several layers, and each layer has a clear role and division of labor. Communication between layers is through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom are the application layer, the application framework layer, the Android runtime, and the system library, and the kernel layer. The application layer can include a series of application packages.

[0122] As Figure 2 shown, the application layer can include a camera, settings, third-party applications, etc. Among them, the third-party applications can include a gallery, a calendar, a call, a map, a navigation, a WLAN, a Bluetooth, music, video, short messages, etc.

[0123] The application framework layer provides application programming interfaces (APIs) and programming frameworks for the applications in the application layer. The application framework layer can include some predefined functions.

[0124] As Figure 2 shown, the application framework layer can include a window manager, a content provider, a view system, a phone manager, a resource manager, a notification manager, etc.

[0125] The window manager is used to manage window programs. The window manager can obtain the display screen size, determine whether there is a status bar, lock the screen, capture the screen, etc. The content provider is used to store and obtain data, and enable these data to be accessible by application programs. The said data may include videos, images, audio, dialed and received calls, browsing history and bookmarks, phone books, etc.

[0126] The view system includes visual controls, such as controls for displaying text, controls for displaying pictures, etc., such as the indication information for prompting the virtual shutter key in the embodiments of the present application. The view system can be used to build application programs. The display interface can be composed of one or more views. For example, a display interface including a short message notification icon may include a view for displaying text and a view for displaying pictures.

[0127] The phone manager is used to provide the communication function of the electronic device 100. For example, the management of call states (including connection, hanging up, etc.).

[0128] The resource manager provides various resources for application programs, such as localized strings, icons, pictures, layout files, video files, and so on.

[0129] The notification manager enables application programs to display notification information in the status bar. It can be used to convey notification-type messages, which can automatically disappear after a short stay without user interaction. For example, the notification manager is used to inform that the download is completed, message reminders, etc. The notification manager can also be a notification that appears in the system top status bar in the form of a chart or scroll bar text, such as the notification of a background-running application program, and can also be a notification that appears on the screen in the form of a dialogue window. For example, prompting text information in the status bar, emitting a prompt tone, vibrating the electronic device, flashing the indicator light, etc.

[0130] The application layer and the application framework layer run in the virtual machine. The virtual machine executes the java files of the application layer and the application framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0131] The system library can include multiple functional modules. For example: surface manager, media libraries, 3D graphics processing library (e.g., OpenGL ES), 2D graphics engine (e.g., SGL), etc.

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

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

[0134] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, synthesis, and layer processing, etc.

[0135] The 2D graphics engine is a drawing engine for 2D drawing.

[0136] In addition, the system library can also include a status monitoring service module, etc., such as a physical state recognition module for analyzing and recognizing user gestures; a sensor service module for monitoring sensor data uploaded by various sensors in the hardware layer to determine the physical state of the electronic device 100.

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

[0138] The hardware layer can include various sensors, such as Figure 1 the various sensors introduced in, the acceleration sensor, the gyroscope sensor, the touch sensor, etc. involved in the embodiments of the present application.

[0139] It should be noted that Figure 2 only one way of dividing the system framework is taken as an example, and it should not be construed as a specific limitation on the embodiments of the present application. In the embodiments of the present application, when the operating systems carried by the electronic devices are different, there can be different frameworks for different operating systems. It can be understood that when different frameworks are adopted, the division methods of each layer of the framework, the specific naming, and which layer the above-mentioned various modules are specifically located in can be different.

[0140] With the progress of technology, more and more users will choose dynamic themes, which can include dynamic wallpapers on the desktop and dynamic wallpapers when the screen is locked. However, the animation effects in the current dynamic themes are all preset, and users may lose interest after using them for a period of time.

[0141] For example, the electronic device can display a dynamic wallpaper on the desktop, which simulates the effect of raindrops falling on the glass. For example, after the raindrops fall on the glass, they can flow down, or they can disappear at the dripping position. However, the above effects are all preset animation effects. In other words, no matter what operations the user performs, the animation effect will not change, which easily causes users to lose interest in the dynamic theme after using it for a period of time and reduces the user experience.

[0142] In summary, how to enhance the interaction between the user and the dynamic theme has become a technical problem to be solved urgently. The following will first introduce the interaction method provided by the embodiments of the present application in combination with the graphical user interface (GUI).

[0143] Figure 3 FIG. shows a set of GUIs provided by the embodiments of the present application.

[0144] As Figure 3 shown in (a) of FIG., the electronic device displays the interface 301, and this interface 301 is the desktop. The electronic device can display interface elements such as application icons, service cards, dates, etc. on the interface 301 (in order to more clearly introduce the dynamic interface elements involved in the interaction method provided by the embodiments of the present application, the above-mentioned interface elements such as application icons, service cards, dates, etc. are not drawn in the figure). The electronic device can also display dynamic interface elements on the interface 301. The dynamic interface elements can be understood as the interface elements with animation effects on the desktop and the lock screen interface. For example, over time, the dynamic interface elements can move, change shape, disappear, multiple dynamic interface elements can be combined into one dynamic interface element, and one interface element can be divided into multiple interface elements, etc.

[0145] As Figure 3 shown in (a) and (b) of FIG., the electronic device can display dynamic raindrops on the interface 301 (that is, the raindrops are dynamic interface elements), that is, the raindrops in the interface 301 are changing. For example, over time, the raindrop #1 flows from position #1 to position #2, and the water trace from position #1 to position #2 will be displayed. The water trace from position #1 to position #2 can also be called the flowing track #1 of the raindrop #1.

[0146] It should be noted that when the raindrop #1 flows from position #1 to position #2, the shape of the raindrop #1 can change.

[0147] It should also be noted that Figure 3 in the example shown in (a) and (b) of FIG., only the raindrop #1 flowing from position #1 to position #2 is taken as an example for introduction, Figure 3 and the other raindrops in FIG. can also flow down to other positions.

[0148] For another example, over time, the electronic device can cause some raindrops to evaporate, that is, as Figure 3 shown in FIG., the raindrop #2 gradually becomes smaller until it disappears from the interface 301.

[0149] It can be understood that during the evaporation process of the raindrop #2, the shape changes.

[0150] For another example, over time, the electronic device can display new raindrops, that is, asFigure 3 The raindrop #3 in will appear in the interface 301.

[0151] For another example, some raindrops will merge during the flowing process, that is, multiple raindrops will merge into one raindrop, and the moving speed and / or shape of the merged raindrop can be different from those of the multiple raindrops.

[0152] For another example, during the flowing process of some raindrops, these raindrops will gradually become smaller.

[0153] The dynamic interface elements in the embodiments of the present application can change according to the user's operations, which will be exemplarily described below.

[0154] As Figure 3 shown in (c) and (d) in , the electronic device can display the raindrop #1 at the position #1 of the interface 301. When the electronic device detects a pressing operation of the user at the position #1 (or referred to as the operation of the user pressing the raindrop #1), in response to this pressing operation, the shape of the raindrop #1 can be changed, that is, the electronic device displays an animation effect in which the raindrop #1 changes from the shape shown in (c) in Figure 3 to the shape shown in (d) in Figure 3 in .

[0155] It can be understood that if the user does not press at the position #1, the corresponding animation effect of the raindrop #1 is to flow downward. Since the user presses the raindrop #1, the corresponding animation effect of the raindrop #1 is from the shape shown in (c) in Figure 3 to the shape shown in (d) in Figure 3 in . In other words, the electronic device can change the animation effect of the raindrop #1 in response to the user's pressing operation.

[0156] In the embodiments of the present application, the animation effect of the electronic device changing the shape of the raindrop #1 can simulate the scenario of the user pressing a raindrop in reality, which conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and helps to improve the user experience.

[0157] In Figure 3 the examples shown in (c) and (d) in , when the user presses the raindrop #1, the shape of the raindrop #1 changes, that is, it changes from the raindrop shape (shape #1) to the scattered shape (shape #2). However, the embodiments of the present application are not limited thereto. In some other embodiments of the present application, when the user presses a raindrop, the electronic device can also display an animation effect in which a raindrop is divided into multiple sub-raindrops, and this kind of animation effect can also be understood as a change in the shape of the raindrop, that is, it changes from the shape of one raindrop (shape #1) to the shape of multiple raindrops (shape #2).

[0158] In some embodiments, after the electronic device displays that the shape of the raindrop #1 changes from Shape #1 to Shape #2, it can also display an animation effect of changing from Shape #2 back to Shape #1.

[0159] Regarding that after the electronic device displays that the shape of the raindrop #1 changes from Shape #1 to Shape #2, it can also display an animation effect of changing from Shape #2 back to Shape #1, the following several possible implementation manners may be included:

[0160] A possible implementation manner is that the raindrop #1 does not flow downward. When the electronic device detects that the user no longer presses the raindrop #1, it can display an animation effect of the raindrop #1 changing from Shape #2 back to Shape #1.

[0161] A possible implementation manner is that the raindrop #1 flows downward. When the raindrop #1 moves from Position #1 to Position #2 in Shape #2 (such as a scattered shape or a shape of multiple raindrops), the electronic device can display an animation effect of the raindrop #1 changing from Shape #2 back to Shape #1, where Position #1 can be the position pressed by the user.

[0162] In some embodiments, when the raindrop #1 moves from Position #1 to Position #2 in Shape #2, the speed of the raindrop #1 is Speed #1. When the shape #2 of the raindrop #1 corresponds to a shape of multiple raindrops, Speed #1 can include the speeds corresponding to the multiple raindrops.

[0163] In some embodiments, when the raindrop #1 moves from Position #1 to Position #2 in Shape #2, after the electronic device displays an animation effect of the raindrop #1 changing from Shape #2 back to Shape #1, the electronic device can also display an animation effect of the raindrop #1 moving to Position #3 at Speed #2, where Speed #2 is greater than Speed #1.

[0164] As Figure 3 shown in (e)-(g) of , the electronic device can display the raindrop #1 at Position #1 on the interface 301. When the electronic device detects a pressing operation by the user at Position #3 and the raindrop #1 flows through Position #3, due to the user pressing Position #3, the electronic device can simulate the blocking effect of Position #3 on the raindrop #1. Due to the blocking of Position #3 on the raindrop #1, the electronic device can change the flowing direction of the raindrop #1, that is, the raindrop #1 can flow vertically downward from Position #1 to Position #3, and due to the blocking effect of Position #3, the raindrop #1 deflects to the left and then flows vertically downward.

[0165] It should be noted that when the raindrop #1 flows from Position #1 to Position #3, due to the blocking effect of Position #3, the shape of the raindrop #1 can change.

[0166] It can be understood that if the user does not press at position #3, the animation effect corresponding to raindrop #1 flows vertically downward from position #1. Since the user presses at position #3, the animation effect corresponding to raindrop #1 is to flow vertically downward from position #1 to position #3, and then flow vertically downward after shifting to the left at position #3. In other words, the electronic device can change the animation effect of raindrop #1 in response to the user's pressing operation.

[0167] As Figure 3 shown in (e), (f), and (h) of , the electronic device can display raindrop #1 at position #1 of interface 301. When the electronic device detects the user's pressing operation at position #3 and raindrop #1 flows through position #3, due to the user pressing at position #3, the electronic device can simulate the blocking effect of position #3 on raindrop #1. Due to the blocking of position #3 on raindrop #1, the electronic device can divide raindrop #1 into two new raindrops, and after shifting to the left and to the right respectively, then flow vertically downward.

[0168] In some embodiments, the speeds of the two new raindrops can be the same or different.

[0169] In some embodiments, the shapes of the two new raindrops can be the same or different.

[0170] In some embodiments, the moving trajectories of the two new raindrops can overlap, that is, there are overlapping positions corresponding to the two moving trajectories. When the two new raindrops move to the overlapping positions, the electronic device can display the animation effect of merging the two new raindrops.

[0171] When the electronic device displays Figure 3 the animation effects shown in (e)-(h) of , it can determine the coordinates of position #3 and determine a virtual circle (i.e., not displayed in interface 301) according to the coordinates of position #3. When raindrop #1 moves to the virtual circle, it can determine the tangent direction of the contact point, and determine a new shape according to the shape, tangent direction, and moving speed of raindrop #1.

[0172] In some embodiments, the radius of the virtual circle is related to the pressing duration and / or pressing force.

[0173] For example, the longer the pressing duration and / or the greater the pressing force, the larger the radius of the virtual circle.

[0174] It can be understood that if the user does not press at position #3, the animation effect corresponding to raindrop #1 flows vertically downward from position #1. Since the user presses at position #3, the animation effect corresponding to raindrop #1 is to flow vertically downward from position #1 to position #3, and at position #3, it divides into two new raindrops that respectively shift leftward and rightward and then flow vertically downward. In other words, the electronic device can change the animation effect of raindrop #1 in response to the user's pressing operation.

[0175] It should be noted that when raindrop #1 flows from position #1 to position #3, due to the blocking effect of position #3, raindrop #1 divides into two new raindrops. The size of any one of the two new raindrops is smaller than that of raindrop #1, and the shapes of the two new raindrops can be different from that of raindrop #1.

[0176] It also needs to be noted that in the examples shown in (e), (f), and (h) in Figure 3 only the case where the electronic device divides raindrop #1 into two new raindrops after determining that raindrop #1 flows to position #3 is taken as an example, but it should not be construed as a specific limitation on the embodiments of the present application. In other embodiments, after the electronic device determines that raindrop #1 flows to position #3, raindrop #1 can be divided into more raindrops, such as 3, 4, etc.

[0177] In the embodiments of the present application, when the electronic device determines that the user's pressing position is on the flowing track of raindrop #1 and raindrop #1 flows to the user's pressing position, the electronic device can change the flowing track of raindrop #1, and can also divide raindrop #1 into multiple raindrops and determine the flowing tracks of the multiple raindrops. The animation effects of the electronic device changing the flowing track of raindrop #1 and dividing raindrop #1 into multiple raindrops can simulate the scenario of raindrops encountering obstacles when flowing in reality, which conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and helps to improve the user experience.

[0178] In Figure 3 the shown example, the electronic device can change the shape, moving track, divide one dynamic interface element into multiple dynamic interface elements, etc. of the dynamic interface elements in the interface according to the user's operation of pressing the display screen. In addition to being able to respond to the user's pressing operation, the electronic device can also respond to the user's swiping operation to change the animation effect of the dynamic interface elements in the interface. The following will be introduced in combination with Figure 4 for introduction.

[0179] Figure 4 shows a group of GUIs provided by the embodiments of the present application.

[0180] As Figure 4As shown in (a) and (b) therein, the electronic device can display multiple raindrops on the interface 401, and the multiple raindrops include raindrop #1 and raindrop #2. The electronic device can detect a user's swiping operation, wherein the direction of the swiping operation is the direction indicated by the dashed arrow in the figure. When the electronic device determines that the swiping operation will pass through the positions corresponding to raindrop #1 and raindrop #2, the electronic device can, in response to the swiping operation, eliminate raindrop #1 and raindrop #2.

[0181] It can be understood that when the electronic device eliminates raindrop #1 and raindrop #2, there can also be an elimination animation effect, rather than directly no longer displaying raindrop #1 and raindrop #2, that is, gradually eliminating raindrop #1 and raindrop #2 through multiple frames of animation.

[0182] It can also be understood that if the user does not perform a swiping operation, the animation effects corresponding to raindrop #1 and raindrop #2 are flowing vertically downward. Since when the user performs a swiping operation, the swiping operation passes through raindrop #1 and raindrop #2, the animation effects corresponding to raindrop #1 and raindrop #2 are to be eliminated from the interface 401. In other words, the electronic device can change the animation effects of raindrop #1 and raindrop #2 in response to the user's swiping operation.

[0183] It should be noted that when the electronic device eliminates raindrop #1 and raindrop #2 in response to the user's swiping operation, the other raindrops in the interface 401 still have animation effects. For example, some raindrops can flow downward, and some raindrops will disappear, etc.

[0184] In the embodiments of the present application, when the electronic device determines that the user's swiping operation passes through raindrop #1 and raindrop #2, the electronic device can eliminate raindrop #1 and raindrop #2. The animation effect of the electronic device eliminating raindrop #1 and raindrop #2 in response to the user's swiping operation can simulate the scenario of erasing raindrops in reality, which conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and helps to improve the user experience.

[0185] In Figure 4 In the example shown in (a) and (b) therein, the electronic device can eliminate the raindrops at the positions passed through by the swiping operation. In some other embodiments, the electronic device can also simultaneously eliminate all the raindrops in the interface 401.

[0186] Such as Figure 4 As shown in (c) and (d) therein, the electronic device can display multiple raindrops on the interface 401. The electronic device can detect a user's swiping operation, wherein the direction of the swiping operation is the direction indicated by the dashed arrow in the figure. When the electronic device determines that the pressing area of the swiping operation is greater than or equal to threshold #1 and the swiping distance is greater than or equal to threshold #2, the electronic device can, in response to the swiping operation, eliminate all the raindrops in the interface 401.

[0187] It can be understood that when the electronic device eliminates all the raindrops in the interface 401, it can also correspond to an elimination animation effect, rather than directly no longer displaying all the raindrops in the interface 401, that is, gradually eliminating all the raindrops in the interface 401 through multiple frames of animation.

[0188] It can be understood that if the user does not perform a sliding operation, all the raindrops in the interface 401 can correspond to different animation effects. For example, some raindrops will flow vertically downward, and some raindrops will gradually disappear in their original positions. When the electronic device responds to the user's sliding operation and eliminates all the raindrops in the interface 401, the electronic device will change the animation effects of some raindrops.

[0189] In Figure 4 In the examples shown in (a)-(d) in

[0190] Furthermore, the electronic device can also determine the area corresponding to the clear image according to the user's sliding speed and / or the number of sliding times.

[0191] For example, if the electronic device detects that the number of sliding times of the user in area #1 exceeds the threshold, it is determined that area #1 of the blurred background image becomes a clear image.

[0192] For another example, if the electronic device detects that the sliding speed of the user in area #1 exceeds the threshold, it is determined that area #1 of the blurred background image becomes a clear image.

[0193] It can be understood that the electronic device responds to the user's sliding operation, making the blurred background image become a clear image, simulating the scenario where the scenery outside the window becomes clearer after the user wipes the window, which conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and helps to improve the user experience.

[0194] In some embodiments, as shown in (d) and (e) in Figure 4 After the electronic device responds to the user's sliding operation and eliminates all the raindrops in the interface 401, it can redisplay multiple raindrops in the interface 401, and these multiple raindrops still have animation effects. These multiple raindrops can appear gradually or simultaneously.

[0195] In an embodiment of the present application, after the electronic device responds to the user's swiping operation to eliminate all the raindrops in the interface 401, and then redisplay the animation effect of raindrops in the interface 401, it can simulate the scenario where after a user wipes all the raindrops on the glass in real rainy weather, raindrops fall on the glass again, which conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and helps to improve the user experience.

[0196] Figure 5 Another set of GUIs provided by the embodiments of the present application is shown.

[0197] As Figure 5 shown in (a) and (b) of [], the electronic device can display a plurality of raindrops in the interface 501. The electronic device can detect the user's blowing operation through the microphone. Among them, the user's blowing operation can be that the user blows on the display screen or blows at the opening corresponding to the microphone. The electronic device can respond to the user's blowing operation to disperse the raindrops in the interface 501. When dispersing the raindrops, the electronic device can display the flowing track of the raindrops (not shown in the figure).

[0198] In some embodiments, when the electronic device responds to the user's blowing operation, it can disperse all the raindrops in the interface 501, that is, as Figure 5 shown in (a) and (b) of [].

[0199] In some embodiments, when the electronic device responds to the user's blowing operation, it can disperse some of the raindrops in the interface 501.

[0200] For example, when the electronic device responds to the user's blowing operation, the electronic device can disperse the smaller raindrops.

[0201] In an embodiment of the present application, the animation effect of the electronic device dispersing the raindrops in the interface 501 in response to the user's blowing operation can simulate the scenario where the user blows away the raindrops on the glass in reality, which conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and helps to improve the user experience.

[0202] In some embodiments, when the electronic device responds to the user's blowing operation, it can also display the animation effect of generating water mist (not shown in the figure) in the interface 501 and retain the displayed generated water mist in the interface 501.

[0203] Further, after the electronic device displays the water mist in the interface 501, the electronic device can also respond to the user's blowing operation again to display the animation effect of the water mist dissipating.

[0204] Further, after the electronic device displays the water mist in the interface 501, the electronic device can also respond to the user's swiping operation in the water mist area to display the animation effect of eliminating the water mist at the position where the user swipes.

[0205] In the embodiments of the present application, when the electronic device responds to the user's blowing operation, the animation effects of generating water mist and dissipating water mist can simulate the scenarios of the user blowing on the glass to generate water mist, blowing away the water mist, and wiping off the water mist in reality, which conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and helps to improve the user experience.

[0206] Figure 6 Another set of GUIs provided by the embodiments of the present application is shown.

[0207] As Figure 6 shown in (a) of Figure 6 , the electronic device can display a plurality of raindrops on the interface 601, and the raindrop #1 located at position #1. The raindrop #1 can flow to position #2 along the flowing track #1. When the electronic device detects the operation of the user rotating the electronic device, the GUI shown in (b) of

[0208] As Figure 6 shown in (b) of

[0209] It should be noted that, in the examples of (a) and (b) of Figure 6 , only the example of the electronic device #1 changing the flowing track of the raindrop #1 is taken, but it should not be construed as a specific limitation on the embodiments of the present application. The electronic device can also change the flowing tracks of other raindrops in the interface 601.

[0210] It can be understood that since the user rotates the electronic device to change the gravitational acceleration received by the electronic device, the operation of the user rotating the electronic device can also be referred to as the operation of the user changing the gravitational acceleration of the electronic device.

[0211] It can also be understood that when the electronic device displays the GUI shown in (a) of Figure 6 , the moving track of the raindrops in the interface 601 can also be determined according to the offset angle and the offset coefficient (or gravitational acceleration).

[0212] In the embodiments of the present application, when the electronic device responds to the operation of the user rotating the electronic device, it can change the flowing track of the raindrops. The changed flowing track of the raindrops is associated with the rotation direction, which conforms to the user's intuitive feeling, can increase the interaction between the user and the electronic device, and helps to improve the user experience.

[0213] In some embodiments, in Figures 3 to 6In the example shown, the size and / or the number of raindrops present simultaneously in the interface can be user-defined. For example, the user can set it in the theme settings interface. For specific instructions, please refer to the following text.

[0214] In some embodiments, Figures 3 to 6 In the example shown, the size and / or the number of raindrops present simultaneously in the interface can be determined by the electronic device according to the real-time weather. For example, when the real-time weather is heavy rain, the raindrops in the interface are larger and the number of raindrops present simultaneously is more. When the real-time weather is light rain, the raindrops in the interface are smaller and the number of raindrops present simultaneously is less.

[0215] In Figures 3 to 6 In the example shown, taking the dynamic interface element as raindrops dripping on the glass as an example for introduction, in some other embodiments of the present application, the dynamic interface element can also be other things. For example, the dynamic interface element can also be balls, snowing, raining, etc.

[0216] It should be noted that the raindrops in the embodiments of the present application are not the same as real rain. The animation effect corresponding to the raindrops is to simulate the effect of raindrops dripping on the glass, and the animation effect corresponding to real rain is to simulate the scene of raining. Similarly, the animation effect corresponding to snowing is to simulate the scene of snowing.

[0217] Figure 7 Shows another group of GUIs provided by the embodiments of the present application.

[0218] As Figure 7 in (a), the electronic device can display the animation effect of raining on the interface 701. Among them, each rain line in the interface 701 can be understood as a dynamic interface element. When the rain line in the interface 701 moves to the lower boundary of the interface 701, or the left and right rounded corners associated with the lower boundary, or the left and right boundaries, the electronic device can display the animation effect of splashing.

[0219] It can be understood that since the left and right rounded corners associated with the lower boundary of the interface 701 are related to the size of the display screen of the electronic device, therefore, for different electronic devices, the animation effect of splashing generated when the rain line moves to the left and right rounded corners associated with the lower boundary can be different.

[0220] It can also be understood that when the electronic device rotates or folds, the lower boundary of the interface can change, and thus the left and right rounded corners associated with the lower boundary will also change.

[0221] As Figure 7As shown in (a) and (b) therein, the electronic device can display an animation effect of rain on the interface 701. Each rain line in the interface 701 can be understood as a dynamic interface element. When the electronic device detects an operation of the user rotating the electronic device to the right, in response to this operation, the electronic device can change the falling trajectory of the rain lines in the interface 701, that is, the falling trajectory of the rain lines tilts to the right.

[0222] As Figure 7 shown in (b)-(d) therein, since the falling trajectory of the rain lines tilts to the right, the electronic device can also display an animation effect of gradually accumulating water at the lower right rounded corner, that is, as time goes by, the area of the accumulated water can increase. The effect of the electronic device displaying the accumulated water and the increase in the area of the accumulated water over time can be understood as the electronic device piling up the rain lines that fall in this area.

[0223] When the electronic device is in the state shown in (c) or (d) as Figure 7 therein, detecting an operation of the user shaking the electronic device, in response to this operation, the electronic device can display an animation effect of the gradually disappearing accumulated water.

[0224] In some embodiments, the electronic device can also, in response to a sliding operation of the user, display an animation effect of eliminating all the accumulated water in the interface 701, where this sliding operation is similar to the Figure 4 sliding operation shown in (c) and (d) therein, that is, the pressing area of this sliding operation is larger and the sliding distance is longer.

[0225] In some embodiments, the electronic device can also change the animation effect of the accumulated water according to the real-time weather.

[0226] For example, when the electronic device detects that the external temperature rises, it can display an animation effect of the gradually disappearing accumulated water.

[0227] For another example, when the electronic device detects that the external temperature drops, it can display an animation effect of the gradually freezing accumulated water.

[0228] In some embodiments, when the electronic device detects an operation of the user pressing on the accumulated water area, in response to this operation, it can display an animation effect of generating ripples in the accumulated water area. The specific GUI can be referred to the description for Figure 9 this.

[0229] It should be noted that Figure 7 in this, an example is given that the electronic device will display an animation effect of the accumulated water when in an inclined state, but the embodiments of the present application do not make specific limitations on this. The electronic device can also display an animation effect of the accumulated water when in the state shown in (a) as Figure 7 therein. For example, when the electronic device is in the state shown in (a) as Figure 7In the state shown in (a) of [the figure], an animation effect of accumulated water can be displayed at the lower boundary of the interface 701 and at the positions of the left and right rounded corners associated with the lower boundary.

[0230] In some embodiments, the number of rain lines in the interface can be user-defined.

[0231] In some embodiments, the number of rain lines in the interface can be determined by the electronic device according to the real-time weather. For example, when the real-time weather is heavy rain, the number of rain lines in the interface is large; when the real-time weather is light rain, the number of rain lines in the interface is small.

[0232] In some embodiments, in addition to being able to tilt the falling trajectory of the rain lines in response to the user's operation of rotating the electronic device, the electronic device can also determine whether to tilt the falling trajectory of the rain lines and determine the tilt degree according to the real-time wind force. For example, when the wind force of the real-time weather is large, the electronic device can tilt the rain lines with a large tilt degree; when the wind force of the real-time weather is small, the electronic device can tilt the rain lines with a small tilt degree; when the real-time weather is windless, the electronic device can not tilt the rain lines.

[0233] In some embodiments, the speed of water accumulation can be determined by the electronic device according to the real-time weather. For example, when the real-time weather is heavy rain, the water accumulation speed is fast; when the real-time weather is light rain, the water accumulation speed is slow.

[0234] In some embodiments, the electronic device can also determine the animation effect of the clouds in the interface 701 according to the real-time weather.

[0235] It can be understood that when the animation effect of the dynamic interface element is snowing, the electronic device can also change the moving trajectory of the snowflakes according to the user's operation and the real-time weather, and can also display the animation effect of accumulated snow.

[0236] Figure 8 Show another group of GUIs provided by the embodiments of the present application.

[0237] As Figure 8 shown in (a) and (b) of [the figure], the electronic device can display the animation effect of snowing in the interface 801. Among them, each snowflake in the interface 801 can be understood as a dynamic interface element. As time goes by, the electronic device can display the animation effect of accumulated snow at the lower boundary of the interface 801 and at the positions of the left and right corners associated with the lower boundary.

[0238] It can be understood that since the left and right rounded corners of the interface 801 associated with the lower boundary are related to the size of the display screen of the electronic device, for different electronic devices, the animation effect of the accumulated snow generated when the snowflakes move to the left and right rounded corners associated with the lower boundary can be different.

[0239] In some embodiments, when the electronic device detects an operation in which the user shakes the electronic device, in response to this operation, the electronic device can display an animation effect in which the snow gradually disappears.

[0240] In some embodiments, the electronic device can also, in response to a user's swiping operation, display an animation effect of clearing all the snow in the elimination interface 801, where the swiping operation is similar to Figure 4 the swiping operations shown in (c) and (d) in [reference], that is, the pressing area of the swiping operation is relatively large and the swiping distance is relatively long.

[0241] In some embodiments, the electronic device can also change the animation effect of the snow according to the real-time weather.

[0242] For example, when the electronic device detects that the external temperature rises, it can display an animation effect in which the snow gradually melts.

[0243] In some embodiments, when the electronic device detects an operation in which the user presses on the snow area, in response to this operation, an animation effect of snow elimination can be displayed at the position where the user presses. For the specific GUI, reference can be made to the description for Figure 9 [reference].

[0244] In some embodiments, when the electronic device detects an operation in which the user swipes on the snow area, in response to this operation, an animation effect of snow elimination can be displayed in the area where the user swipes. For the specific GUI, reference can be made to the description for Figure 9 [reference].

[0245] In some embodiments, the speed of the snow accumulation can be determined by the electronic device according to the real-time weather. For example, when the real-time weather is heavy snow, the speed of snow accumulation is relatively fast, and when the real-time weather is light snow, the speed of snow accumulation is relatively slow.

[0246] In the above examples, the electronic device with a non-foldable display screen is taken as an example for introduction, but the embodiments of the present application are not specifically limited thereto. The interaction method provided by the embodiments of the present application can also be applicable to foldable screen electronic devices.

[0247] Figure 9 Another group of GUIs of the embodiments of the present application is shown.

[0248] As Figure 9 shown in (a) and (b) in [reference], the electronic device is a foldable screen electronic device, and the foldable screen includes a sub-display screen #1 and a sub-display screen #2. The electronic device can display an animation effect of snowing on the foldable screen. As time goes by, the electronic device can gradually display an animation effect of snow accumulation on the sub-display screen #2. In other words, the area of the snow accumulation is continuously expanding.

[0249] In some embodiments, if the electronic device detects a temperature increase, the area of the snow accumulation may be continuously decreasing.

[0250] Exemplarily, the folding angles of sub-display #1 and sub-display #2 are 90°.

[0251] As Figure 9 shown in (b) and (c) of

[0252] It can be understood that if the electronic device detects a pressing operation by the user in the snow accumulation area, the electronic device can respond to this operation and display an animation effect of removing the snow at the position where the user presses.

[0253] In some embodiments, when the electronic device detects that the user slides the electronic device, in response to this operation, the snow in the snow accumulation area can be removed.

[0254] Figure 10 Another set of GUIs of the embodiments of the present application is shown.

[0255] As Figure 10 shown in (a) and (b) of

[0256] As Figure 10 shown in (b) and (c) of

[0257] In some embodiments, when the electronic device detects that the user slides the electronic device, in response to this operation, the water accumulation in the water accumulation area can be removed.

[0258] The dynamic themes involved in the interaction method provided by the embodiments of the present application are introduced above by way of example. The GUI for selecting dynamic themes will be introduced below.

[0259] Figure 11 Another set of GUIs provided by the embodiments of the present application is shown.

[0260] As Figure 11 shown in (a) of Figures 3 to 6For the GUI shown, the weather theme 1103 can correspond to Figures 7 to 10 the GUI shown. When the electronic device detects that the user clicks on the interactive raindrop theme 1102, in response to this operation, it can display a GUI as shown in Figure 11 (b) of.

[0261] As Figure 11 (b) of shows, when the electronic device responds to the user's operation of clicking on the interactive raindrop theme 1102, it can display interface 1104, and this interface 1104 is the setting interface for the interactive raindrop theme. The user can select the background image of the interactive raindrop theme on interface 1104.

[0262] It should be noted that in the Figures 3 to 6 GUI shown, the interface can also include a background image ( Figures 3 to 6 not shown in), and the raindrops cover this background image.

[0263] In addition to being able to select the background images provided by the electronic device, the user can also customize the background image. For example, the user can select any image from the gallery as the background image.

[0264] Continuing to refer to Figure 11 (b) of, when the electronic device detects that the user clicks on the custom control 1105, in response to this operation, it can display a GUI as shown in Figure 11 (c) of.

[0265] As Figure 11 (c) of shows, when the electronic device responds to the user's operation of clicking on the custom control 1105, it can display interface 1106, and this interface is the custom interface. When the electronic device detects that the user clicks on control 1107, it can display a GUI as shown in Figure 11 (d) of.

[0266] As Figure 11 (d) of shows, when the electronic device responds to the user's operation of clicking on control 1107, it can display interface 1108, and this interface 1108 is the background image selection interface. The electronic device can display the images in the gallery on interface 1108. When the electronic device detects that the user selects the image #1 on interface 1108, in response to this operation, it can use the selected image #1 as the background image.

[0267] In addition to being able to customize the background image in interface 1106, the user can also adjust the density of the rain (i.e., the number of raindrops existing simultaneously), the size of the raindrops, and determine whether to turn on the gravity sensor and the press feedback.

[0268] As Figure 11As shown in (c) and (e), in response to the user's upward sliding operation, the electronic device can display adjustment controls for adjusting rain density, raindrop size, gravity sensing, and press feedback.

[0269] Figure 12 Another set of GUIs provided by the embodiments of the present application is shown.

[0270] As Figure 12 As shown in (a), the electronic device displays the interface 1201, which is a theme setting interface. The electronic device can display multiple dynamic themes on the interface 1201, such as the weather theme 1202. When the electronic device detects the user's operation of clicking on the weather theme 1202, in response to this operation, it can display a GUI as shown in Figure 12 (b).

[0271] As Figure 12 As shown in (b), in response to the user's operation of clicking on the weather theme 1202, the electronic device can display the interface 1203, which is a settings interface for the weather theme. The user can select the weather of the weather theme on the interface 1203.

[0272] After the user selects the weather on the interface 1203, the electronic device can display the corresponding weather animation effect on interfaces such as the desktop and the lock screen interface.

[0273] In some embodiments, before the electronic device displays the corresponding weather animation effect, it can first determine that the current weather corresponds to the animation effect.

[0274] For example, if the user selects the snow weather, the electronic device can display the snowing animation effect on interfaces such as the desktop and the lock screen interface when it determines that the current weather is snow.

[0275] It should be noted that the above introduction to the weather only takes the dynamic interface elements of rain lines and snowflakes as examples, but should not be construed as a specific limitation on the embodiments of the present application. For example, the dynamic interface elements can also include clouds, the sun, etc., and the electronic device can also adjust the above dynamic interface elements in real time according to the meteorological parameters of the weather.

[0276] In some embodiments, in order to ensure the smoothness of the animation effect, when the electronic device detects that the user presses the power button to trigger the always-on display (AOD), the electronic device can use the frame image corresponding to the currently displayed animation effect as the AOD wallpaper.

[0277] The interaction method provided by the embodiments of the present application has been introduced in detail above in combination with the GUI. The internal implementation of the interaction method provided by the embodiments of the present application will be introduced below.

[0278] The interface of the dynamic theme shown above may include multiple layers, such as a two-dimensional control layer, a dynamic layer, and a wallpaper layer. Among them, the two-dimensional control layer is used to arrange static interface elements such as time and application icons. The dynamic layer is used to arrange dynamic interface elements, for example, the raindrops introduced above. The wallpaper layer is used to arrange background images.

[0279] In some embodiments, the dynamic layer may further include multiple dynamic sub-layers for implementing different animation effects. The following takes Figures 3 to 6 the raindrop animation effect in

[0280] Figure 13 as an example for introduction.

[0281] As Figure 13 shown, the electronic device can generate multiple particles by using a random generation algorithm, render the multiple particles into raindrops, and randomly distribute them in dynamic sub-layer #1, dynamic sub-layer #2, and dynamic sub-layer #3. Among them, for the raindrops in dynamic sub-layer #1 and dynamic sub-layer #2, a motion simulation algorithm is used to simulate the animation effect of raindrops falling on the glass and the animation effect of raindrops flowing on the glass. For the raindrops in dynamic sub-layer #3, an evaporation simulation algorithm is used to simulate the animation effect of raindrop evaporation.

[0282] In some embodiments, during the above simulation process, the electronic device can also collect data of sensors such as touch data, weather data, and gyroscope to perform simulation based on the above data, so as to generate Figures 3 to 6 the animation effect in

[0283] After the simulation is completed, the electronic device can fuse dynamic sub-layer #1, dynamic sub-layer #2, and dynamic sub-layer #3 to generate a fused layer.

[0284] The electronic device can stack the fused layer, the two-dimensional control layer, and the wallpaper layer to display the final interface.

[0285] The background image in the wallpaper layer can be a background image pre-set in the electronic device (i.e., the background image in the theme resource package, including the pre-set background image and the pre-blurred background), or it can also be a user-defined background image. The electronic device can blur the user-defined background image.

[0286] In some embodiments, after determining the background image, the electronic device can blur the background image.

[0287] It can be understood that through this layer fusion method, the user can customize the background image. The user can select their favorite image as the background image of the dynamic theme, which improves the diversity of the dynamic theme.

[0288] In some embodiments, the electronic device can also generate a mask layer according to the user's sliding operation, and the mask layer is used to mask the dynamic interface elements corresponding to the user's sliding action.

[0289] Figure 14 A schematic flowchart of processing a background image is shown.

[0290] As Figure 14 shown, the electronic device can be pre - set with one or more background images, and the one or more background images can be pre - set in advance by the developers of the dynamic theme. The developers can perform blurring processing on the one or more background images to generate one or more blurred background images corresponding to the one or more background images, and generate one or more preview images corresponding to the one or more background images. The above - mentioned images can be packaged into a resource package and pre - set in the dynamic theme application. The electronic device can display the one or more blurred background images and one or more preview images in the theme setting interface, so that the user can select a favorite background image.

[0291] As described above, when the user selects a background image of the dynamic theme, the user can also customize the background image. The electronic device can call the entry of the gallery, display the images in the gallery, and determine an image in response to the user's selection operation. The electronic device can perform operations such as rendering, blurring, and preview image making on the image to display it in the theme setting interface, so that the user can select the image as the background image.

[0292] In the embodiments of the present application, the electronic device can randomly generate particles and can render the particles into different dynamic interface elements. The electronic device can also calculate the movement trajectory when the particles collide (i.e., move to the boundary of the interface). In the embodiments of the present application, the method for generating particles is not specifically limited, and any particle generation algorithm and motion simulation algorithm can be adopted.

[0293] Figure 15 A schematic diagram of the algorithm provided by the embodiments of the present application is shown.

[0294] As Figure 15 shown, the electronic device can use the Compute Shader kernel function to implement particle generation, collision detection, collision response, and particle attribute update.

[0295] Among them, when the electronic device generates particles, it can generate cube particles and generate random numbers. The electronic device can determine the emission position and direction of the cube particles according to the random numbers, that is, determine the position and movement direction that appear on the interface.

[0296] In some embodiments, the electronic device can also initialize the properties of the cubic particles, and the properties of the cubic particles include but are not limited to the reciprocal of mass, velocity, age, volume, transparency, etc.

[0297] When the cubic particles collide, the electronic device can generate cone particles and according to a random number. The electronic device can calculate the position and direction of each cone particle, and initialize the velocity, reciprocal of mass, age, starting volume, etc. of the cone particles.

[0298] It can be understood that the electronic device generating cone particles after the collision of cubic particles can simulate the animation effect of the rain line moving to the boundary of the interface and splashing, where the specific animation effect can be determined by the electronic device according to the velocity, reciprocal of mass, age, starting volume, etc. of the cone particles.

[0299] In some embodiments, when generating a random number, the electronic device can generate a random number according to the time and the drawn linear identifier (ID).

[0300] When performing collision detection and collision response, the electronic device can perform collision detection and collision response based on the signed distance field (SDF). The electronic device can determine the collision point, normal, and reflection direction when the cubic particles collide, and then perform collision response calculation.

[0301] When the electronic device performs property update, it includes but is not limited to the following operations: 1. Reset the particle counter; 2. Release the invalid threads and obtain the indexes of the surviving threads; 3. Update the state of the particles according to the user's operation and the actual weather; 4. Adjust the volume of the particles according to the age of the particles and the cosine function; 5. Perform particle capacity and life cycle detection to determine the survival state of the particles.

[0302] In the embodiments of the present application, the electronic device can attach the collision body to the boundary of the interface, so that when dynamic interface elements such as rain lines and snowflakes move to the boundary of the interface, due to the blocking effect of the collision body, animation effects such as snow accumulation, water accumulation, and splashing can be generated.

[0303] Figure 16 Shows a schematic diagram of the collision framework provided by the embodiments of the present application.

[0304] Figure 16 The shown collision framework is introduced by taking the rain and snow collision as an example, as Figure 16 As shown, the electronic device can generate an SDF picture, and further generate an SDF file according to the SDF picture. This SDF file can be understood as a collision body. The electronic device can import the SDF file into the theme resources.

[0305] The electronic device can also obtain the size information of the display screen, and the size information of the display screen includes the height, width and corner radius of the display screen.

[0306] The electronic device can import the size information of the display screen and the information of the SDF resource into the weather theme.

[0307] The electronic device can adjust the size of the collision body and determine the position of the collision body according to the height, width and corner radius of the display screen. For specific descriptions, please refer to Figure 17 .

[0308] The electronic device can generate rain and snow particles through a particle generation algorithm. After generating the rain and snow particles, the electronic device can obtain the position information of the particles in real time to determine whether the particles are inside the SDF, that is, whether they are inside the collision body. When the electronic device determines that the particles are inside the collision body, the collision particles can be eliminated, and the collision information can be sent to the conical emitter. The conical emitter can generate conical particles according to the collision information to simulate the animation effects of raindrop sputtering, ponding and snow accumulation.

[0309] Figure 17 The schematic diagram of the collision body provided by the embodiment of the present application is shown.

[0310] As Figure 17 shown in, the collision bodies generated by the electronic device include collision body #1 attached to the lower left corner, collision body #2 attached to the lower right corner, collision body #3 attached to the left and right boundaries, and collision body #4 attached to the lower boundary.

[0311] It should be noted that the positions where the above collision bodies are attached are only examples and should not be construed as specific limitations on the embodiments of the present application. For example, in some other embodiments, the electronic device may not attach the collision body to the left and right boundaries.

[0312] In some embodiments, when attaching the collision body, the electronic device needs to determine the coordinates of the center point of the collision body and can also adjust the collision body according to the size information of the display screen.

[0313] The electronic device can determine the coordinates of the upper left corner of the display screen: (x 0 , y 0 ), the coordinates of the lower right corner: (x w , y h ), the height of the display screen is h, the width is w, and the radius of the rounded corner of the display screen is r. Among them, the height direction of the display screen is the y direction, and the width direction is the x direction.

[0314] In the embodiment of the present application, the widths of collision body #3 and collision body #4 are denoted as l, and this width can be 0.01. The radius of the rounded corner of collision body #1 is denoted as R, the width of collision body #1 is denoted as L, and the offset of the abscissa of the upper left corner of collision body #1 from the display screen is denoted as d. Among them, R can be obtained through formula (1), L can be obtained through formula (2), and d can be obtained through formula (3).

[0315]

[0316] It can be understood that the R, L, and d obtained through formulas (1)-(3) can be reused for collision body #2.

[0317] When collision body #3 is attached to the left boundary, the electronic device determines the coordinates of the center point of the collision body as (x 0 -l, y 0 -(y 0 -y h ) * 0.875 + R).

[0318] When collision body #3 is attached to the right boundary, the electronic device determines the coordinates of the center point of the collision body as (x w +l, y 0 -(y 0 -y h ) * 0.875 + R).

[0319] When collision body #4 is attached to the lower boundary, the electronic device determines the coordinates of the center point of the collision body as ((x 0 +x w ) * 0.5, y h -0.01).

[0320] When collision body #1 is attached to the lower left rounded corner, the electronic device determines the coordinates of the center point of the collision body as (x 0 +d, y h +d).

[0321] When collision body #2 is attached to the lower right rounded corner, the electronic device determines the coordinates of the center point of the collision body as (x w -d, y h +d).

[0322] It can be understood that since the size and position of the collision body in the embodiment of the present application are determined according to the size of the display screen, therefore, for different display screens, the animation effects of splashing, water accumulation, and snow accumulation generated when rain or snow falls can be different.

[0323] Figure 18 The figure shows the schematic diagram of the system architecture provided by the embodiment of the present application.

[0324] Such as Figure 18As shown, the dynamic theme provided by the embodiment of the present application can be located in Figure 2 the application layer in Figure 2 . The dynamic theme includes a theme engine, an editor, and an interactive weather dynamic script language (DSL) description. The editor is used to edit the user-defined background image. The editor is also pre-set with background images and fluid styles, and the fluid styles are adjustable. The fluid styles include the density of the fluid (such as the number of raindrops) and the size of the fluid (such as the size of raindrops). The interactive weather DSL description is pre-set with background images, animation effect definitions, and shader resources. The theme engine includes a 3D component and a rendering component. The theme engine can adapt the data in the editor through the 3D component and parse the interactive weather DSL description.

[0325] The rendering component can perform procedural rendering based on the adaptation and parsing results of the 3D component.

[0326] The rendering component can also obtain data such as touch data and data detected by an inertial measurement unit (IMU) (the IMU can be a gyroscope), and perform procedural rendering based on the above data.

[0327] In some embodiments, the dynamic theme can also include wallpaper scene management and user interface extension. The wallpaper scene management is used to manage the weather scenes reflected by the dynamic theme (such as rain, snow), and the user interface extension is used to embed the interface into other applications.

[0328] The electronic device can send the data generated by the dynamic theme to the rendering service, and the rendering service can perform rendering to display the animation effect as Figures 3 to 10 shown in Figures 3 to 10 .

[0329] Figure 19 FIG. Figure 19 shows a schematic flowchart of an interaction method provided by an embodiment of the present application. This method can be executed by an electronic device or by components of the electronic device (such as a processor, a chip system, etc.). Hereinafter, the execution subject is taken as an electronic device for introduction. As Figure 19 shown, the method includes:

[0330] S1901, display the animation effect of N dynamic interface elements on a first interface, where N≥1 and is an integer, and the first interface is a desktop or a lock screen interface or a screen-off interface.

[0331] For example, as Figure 3 shown in (a) and (b) in Figure 3 , the electronic device can display dynamic raindrops on interface 301.

[0332] In some embodiments, the N dynamic interface elements include a fifth interface element, S1901, and displaying an animation effect of the N dynamic interface elements on the first interface includes:

[0333] During the movement of the fifth interface element, displaying an animation effect in which the fifth interface element changes from a third shape to a fourth shape, and the fourth shape is smaller than the third shape.

[0334] For example, taking Figure 3 the raindrop dynamic interface element shown as an example, Figure 3 during the flowing process of the raindrop shown, the electronic device may display an animation effect in which some raindrops gradually become smaller, that is, the shape of the raindrop will change and become smaller and smaller.

[0335] In some embodiments, S1901, displaying an animation effect of the N dynamic interface elements on the first interface includes:

[0336] Displaying an animation effect in which the shapes of at least some of the N dynamic interface elements change and gradually become smaller until they disappear.

[0337] For example, as shown in (a) and (b) in Figure 3 , over time, raindrop #2 gradually becomes smaller until it disappears from interface 301.

[0338] It should be noted that when the electronic device displays an animation effect in which the shapes of at least some of the dynamic interface elements change and gradually become smaller until they disappear, it can be understood that the electronic device sets the at least some of the dynamic interface elements to not be displayed on the interface.

[0339] In some embodiments, S1901, displaying an animation effect of the N dynamic interface elements on the first interface includes:

[0340] Displaying an animation effect in which at least some of the N dynamic interface elements merge into a sixth dynamic interface element during the movement of at least some of the N dynamic interface elements.

[0341] For example, taking Figure 3 the raindrop dynamic interface element shown as an example, Figure 3 during the flowing process of the raindrop shown, the electronic device may display an animation effect in which some raindrops merge into one raindrop.

[0342] In some embodiments, the speed and / or shape of the sixth dynamic interface element are different from those of the at least some of the dynamic interface elements.

[0343] In some embodiments, the movement trajectories of at least some of the N dynamic interface elements are determined according to the deflection direction and the deflection coefficient.

[0344] Specifically, the electronic device can obtain the deflection direction and deflection coefficient collected by the IMU, and then can determine whether the electronic device is tilted and the degree of tilt according to the deflection direction and deflection coefficient, so as to determine the movement trajectories of at least some of the N dynamic interface elements.

[0345] S1902, in response to a first operation of the user, change the animation effects of M of the N dynamic interface elements according to the first operation and the first position, where 1 ≤ M ≤ N and M is an integer, and the first position is associated with the first operation. In the embodiments of the present application, the electronic device can change the animation effects of some dynamic interface elements according to the user's operation and the position corresponding to the user's operation, which can increase the interaction between the electronic device and the user and help improve the user experience.

[0346] In some embodiments, the N dynamic interface elements include a first dynamic interface element, the shape of the first dynamic interface element is a first shape, and the first operation is to press the first dynamic interface element. S1902, in response to the first operation of the user, change the animation effects of M of the N dynamic interface elements according to the first operation and the first position, including:

[0347] In response to the first operation, display an animation effect of changing the shape of the first dynamic interface element from the first shape to a second shape according to the first operation and the first position.

[0348] For example, as shown in (c) and (d) of Figure 3 , the electronic device can display raindrop #1 at position #1 of interface 301. When the electronic device detects the operation of the user pressing raindrop #1, in response to the pressing operation, it can change the shape of raindrop #1, that is, the electronic device displays an animation effect of raindrop #1 changing from the shape shown in Figure 3 (c) to the shape shown in Figure 3 (d).

[0349] In the example shown in (c) and (d) of Figure 3 , when the user presses raindrop #1, the shape of raindrop #1 changes, that is, it changes from the first shape (such as the water droplet shape shown in Figure 3 (c)) to the second shape (such as the scattered shape shown in Figure 3 (d)). However, the embodiments of the present application are not limited thereto. In other embodiments of the present application, when the user presses a raindrop, the electronic device can also display an animation effect in which a raindrop is divided into multiple sub-raindrops. This kind of animation effect can also be understood as a change in the shape of the raindrop, that is, the first shape is still the water droplet shape shown in Figure 3 (c), and the second shape is the shape corresponding to multiple sub-water droplets.

[0350] In some embodiments, the second shape corresponds to the shapes of a plurality of dynamic interface elements.

[0351] In some embodiments, after an animation effect in which the shape of a first dynamic interface element is changed from a first shape to a second shape according to a first operation, the method further includes:

[0352] Displaying an animation effect in which the first dynamic interface element is changed from the second shape to the first shape.

[0353] For example, taking Figure 3 the GUI shown as an example, after the electronic device displays the shape of raindrop #1 being changed from shape #1 to shape #2, it can further display an animation effect in which water droplet #1 is changed from shape #2 back to shape #1.

[0354] In some embodiments, the method further includes:

[0355] The first dynamic interface element moves from a first position to a second position in the second shape.

[0356] For example, taking Figure 3 the GUI shown as an example, a certain water droplet in interface 301 can move from a first position to a second position in the form of multiple sub-water droplets. When the multiple sub-water droplets move from the first position to the second position, the electronic device can display an animation effect of merging the multiple sub-water droplets into one water droplet.

[0357] In some embodiments, when the first dynamic interface element moves from the first position to the second position in the second shape, the moving speed of the first dynamic interface element is a first speed. After the first dynamic interface element moves from the first position to the second position in the second shape, the method further includes:

[0358] Displaying an animation effect in which the first dynamic interface moves to a third position at a second speed.

[0359] For example, taking Figure 3 the GUI shown as an example, the flowing speed of the multiple sub-water droplets is the first speed. After the multiple sub-water droplets are merged into one water droplet, the merged water droplet can continue to flow at the second speed.

[0360] In some embodiments, the second speed is greater than the first speed.

[0361] In some embodiments, the N dynamic interface elements include a second dynamic interface element, the moving trajectory of the second dynamic interface element is a first moving trajectory, the first position is a position on the first moving trajectory, and the animation effect of changing M dynamic interface elements among the N dynamic interface elements according to the first operation and the first position in response to the user's first operation includes:

[0362] In response to a first operation, when it is detected that a second dynamic interface element moves to a first position, change the movement trajectory of the second dynamic interface element to a second movement trajectory;

[0363] Display an animation effect of the second dynamic interface element according to the second movement trajectory.

[0364] For example, as Figure 3 shown in (e)-(g) of [], the electronic device detects an operation of the user pressing position #3, which is located on the flowing trajectory of raindrop #1, and the electronic device can display an animation effect in which the flowing trajectory of raindrop #1 changes.

[0365] In some embodiments, the electronic device determines the coordinates of the first position, and the coordinates of the first position are the center of a first virtual circle. The electronic device can also determine the tangent direction of the contact position between the first virtual circle and the second dynamic interface element. The electronic device can determine the second movement trajectory and / or the shape of the second dynamic interface element at the first position according to the tangent direction, the shape of the second dynamic interface element, and the speed of the second dynamic interface element.

[0366] In some embodiments, the second dynamic interface element corresponds to a plurality of dynamic interface elements, the plurality of dynamic interface sub-elements include a third dynamic interface element and a fourth dynamic interface element, the second movement trajectory corresponds to a plurality of movement trajectories, the plurality of movement trajectories include a third movement trajectory and a fourth movement sub-trajectory, and the displaying an animation effect of the second dynamic interface element according to the second movement trajectory includes:

[0367] Display an animation effect of the third dynamic interface element according to the third movement trajectory;

[0368] Display an animation effect of the fourth dynamic interface element according to the fourth movement trajectory.

[0369] For example, as Figure 3 shown in (e), (f), (h) of [], the electronic device detects an operation of the user pressing position #3, which is located on the flowing trajectory of raindrop #1, and the electronic device can display an animation effect in which raindrop #1 is divided into two new raindrops, and the two new raindrops can flow according to their respective corresponding flowing trajectories.

[0370] In some embodiments, the displaying an animation effect of the third dynamic interface element according to the third movement trajectory includes:

[0371] Display an animation effect of the third dynamic interface element according to the third movement trajectory and the third speed.

[0372] In some embodiments, the displaying an animation effect of the fourth dynamic interface element according to the fourth movement trajectory includes:

[0373] Display an animation effect of a fourth dynamic interface element according to a fourth movement trajectory and a fourth speed.

[0374] For example, as Figure 3 shown in (e), (f), (h) of, when the electronic device detects that the user presses the operation at position #3, which is located on the flowing trajectory of raindrop #1, the electronic device may display an animation effect in which raindrop #1 is divided into two new raindrops, and the two new raindrops may flow according to their respective corresponding flowing trajectories, and when the two new raindrops are flowing, they may flow at their respective corresponding speeds.

[0375] In some embodiments, the third speed and the fourth speed are the same.

[0376] In some embodiments, the third speed and the fourth speed are different.

[0377] In some embodiments, the shape of the third dynamic interface element is different from the shape of the fourth dynamic interface element.

[0378] In some embodiments, the method further includes:

[0379] When the third dynamic interface element and the fourth dynamic interface element move to the overlapping position of the third movement trajectory and the fourth movement trajectory, display an animation effect of merging the third dynamic interface element and the fourth dynamic interface element.

[0380] For example, taking Figure 3 the shown GUI as an example, when a certain water droplet in interface 301 is divided into multiple sub-water droplets, the multiple sub-water droplets may continue to flow, and the corresponding flowing trajectories of the multiple sub-water droplets may have an overlapping position. When the multiple sub-water droplets meet at the overlapping position, the electronic device may display an animation effect of merging the multiple sub-water droplets.

[0381] In some embodiments, the method further includes:

[0382] Display a first blurred background image on the first interface;

[0383] In response to the user's sliding operation, display an animation effect in which the first blurred background image becomes a clear image.

[0384] In some embodiments, the method further includes:

[0385] Determine a first area according to the first sliding operation;

[0386] Displaying an animation effect in which the first blurred background image becomes a clear image includes: displaying an animation effect in which a first area of the first blurred background image becomes a clear image.

[0387] In some embodiments, the first blurred background image is located in the first layer, and N dynamic interface elements are located in the second layer, where the first layer and the second layer are different.

[0388] In some embodiments, the second layer is located above the first layer.

[0389] In some embodiments, the method includes:

[0390] In response to a second operation of the user, an animation effect of N dynamic interface elements is displayed on the first interface, and an animation effect of stacking dynamic interface elements is displayed on the second interface.

[0391] In some embodiments, the second operation is a folding operation.

[0392] For example, as Figure 9 shown, the electronic device can display an animation effect of snowing on the sub-display #1 and gradually display an animation effect of accumulating snow on the sub-display #2. Among them, when the electronic device is not folded, the animation effect displayed by the electronic device can be as Figure 8 shown. When the electronic device is not folded, both the sub-display #1 and the sub-display #2 are used to display the first interface. After the electronic device is folded, the sub-display #1 is used to display the first interface, and the sub-display #2 is used to display the second interface.

[0393] In some embodiments, displaying an animation effect of stacking dynamic interface elements on the second interface includes:

[0394] Displaying an animation effect of stacking dynamic interface elements in a second area of the second interface.

[0395] For example, as Figure 9 shown, the electronic device can display an animation effect of accumulating snow in a partial area of the sub-display #2.

[0396] In some embodiments, the method further includes:

[0397] Determining the second area according to time.

[0398] The second area of the second interface in the embodiments of the present application can change according to the change of time.

[0399] For example, as Figure 9 shown, the snow accumulation area can increase over time, that is, over time, the second area increases.

[0400] For another example, over time, the second area decreases.

[0401] In some embodiments, the method further includes:

[0402] In response to a second sliding operation of the user, an animation effect for eliminating the dynamic interface elements corresponding to the second sliding operation is displayed.

[0403] For example, as Figure 9 shown, when the electronic device detects a sliding operation of the user, an animation effect for eliminating the snow accumulation corresponding to the sliding operation can be displayed.

[0404] In some embodiments, the method further includes:

[0405] In response to a third operation of the user, an animation effect for eliminating the dynamic interface elements in the second area is displayed.

[0406] In some embodiments, the third operation is an operation of shaking the electronic device.

[0407] It should be noted that the animation effect for eliminating the dynamic interface elements displayed by the electronic device in the embodiments of the present application can be understood as not displaying the dynamic interface elements, that is, the display mode of the dynamic interface elements corresponding to the elimination animation effect is different from that of other dynamic interface elements.

[0408] The interactive method provided by the embodiments of the present application is described in detail above. In various embodiments of the present application, if there is no special description and logical conflict, the terms and / or descriptions between the embodiments are consistent and can be referenced to each other. The technical features in different embodiments can be combined to form new embodiments according to their internal logical relationships.

[0409] The above mainly introduces the interactive method provided by the embodiments of the present application from the perspective of the electronic device. It can be understood that in order for the electronic device to implement the above functions, it includes the corresponding hardware structure and / or software module for executing each function. Those skilled in the art should easily realize that, combining the algorithm steps of each example described in the embodiments disclosed herein, the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a certain function is executed in the way of hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Professional technicians can use different methods to implement the described function for each specific application, but such implementation should not be considered to exceed the scope of the present application.

[0410] The embodiments of the present application provide a computer program product. When the computer program product runs on an electronic device, the electronic device is enabled to execute the technical solutions in the above embodiments. Its implementation principle and technical effects are similar to those of the related embodiments of the above method, and will not be elaborated here.

[0411] An embodiment of the present application provides a readable storage medium. The readable storage medium contains instructions that, when running on an electronic device, cause the electronic device to execute the technical solutions of the above embodiments. The implementation principles and technical effects are similar and will not be elaborated here.

[0412] An embodiment of the present application provides a chip. The chip is used to execute instructions and, when the chip runs, executes the technical solutions in the above embodiments. The implementation principles and technical effects are similar and will not be elaborated here.

[0413] Those of ordinary skill in the art can realize that the units and algorithm steps of each example described in combination with the embodiments disclosed herein can be implemented by electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are executed in a hardware or software manner depends on the specific application and design constraints of the technical solution. Professional technicians can use different methods to implement the described functions for each specific application, but such implementation should not be considered to exceed the scope of the embodiments of the present application.

[0414] Those skilled in the art can clearly understand that for the convenience and conciseness of description, the specific working processes of the systems, devices, and units described above can refer to the corresponding processes in the foregoing method embodiments and will not be elaborated here.

[0415] In several embodiments provided by the present application, it should be understood that the disclosed systems, devices, and methods can be implemented in other ways. For example, the device embodiments described above are merely illustrative. For example, the division of the units is only a logical function division, and there can be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the displayed or discussed couplings or direct couplings or communication connections to each other can be through some interfaces. The indirect couplings or communication connections of devices or units can be in electrical, mechanical, or other forms.

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

[0417] In addition, the functional units in each embodiment of the present application can be integrated into one processing unit, or each unit can exist physically alone, or two or more units can be integrated into one unit.

[0418] When the above-mentioned functions are implemented in the form of 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 solutions of the embodiments of this application, in essence, or the parts that contribute to the prior art, or parts of the technical solutions, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this application. The foregoing storage medium includes: various media that can store program codes, such as USB flash drives, mobile hard disks, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical discs.

[0419] As described above, the above are only the specific implementation manners of the embodiments of this application, but the protection scope of the embodiments of this application is not limited thereto. Any person skilled in the art within the technical scope disclosed in the embodiments of this application can easily think of changes or substitutions, which should all be covered within the protection scope of the embodiments of this application. Therefore, the protection scope of the embodiments of this application should be subject to the protection scope of the claims.

Claims

1. An interactive method, characterized in that: The method comprises: Displaying animation effects of N dynamic interface elements on a first interface, wherein N ≥ 1 and is an integer, the first interface is a desktop or a lock screen interface or a screen-off interface, and the N dynamic interface elements include a first dynamic interface element; In response to a first operation of the user, a first position is confirmed, the first position is determined according to the first operation, and the first dynamic interface element is changed from a first shape to a second shape according to the first operation and the first position, the second shape corresponding to shapes of multiple dynamic interface elements.

2. The method according to claim 1, characterized in that After displaying the shape of the first dynamic interface element according to the first operation and performing an animation effect of changing the first shape into the second shape, the method further includes: The first dynamic interface element is displayed, and an animation effect of changing from the second shape to the first shape is produced.

3. The method according to claim 2, characterized in that The method further comprises: The first dynamic interface element moves from the first position to a second position in the second shape.

4. The method according to claim 3, characterized in that When the first dynamic interface element moves from the first position to the second position in the second shape, the moving speed of the first dynamic interface element is a first speed. After the first dynamic interface element moves from the first position to the second position in the second shape, the method further includes: Display the animation effect of the first dynamic interface element moving to the third position at the second speed.

5. The method according to claim 4, characterized in that The second speed is greater than the first speed.

6. The method according to claim 1, characterized in that The N dynamic interface elements include a second dynamic interface element, a movement track of the second dynamic interface element is a first movement track, the first position is a position on the first movement track, and the method includes: detecting that the second dynamic interface element moves to the first position, changing the movement track of the second dynamic interface element to a second movement track; The animation effect of the second dynamic interface element is displayed according to the second movement trajectory.

7. The method according to claim 6, characterized in that The second dynamic interface element corresponds to a plurality of dynamic interface elements, the plurality of dynamic interface elements include a third dynamic interface element and a fourth dynamic interface element, the second movement track corresponds to a plurality of movement tracks, the plurality of movement tracks include a third movement track and a fourth movement track, and the animation effect of displaying the second dynamic interface element according to the second movement track includes: Displaying an animation effect of the third dynamic interface element according to the third movement trajectory; The animation effect of the fourth dynamic interface element is displayed according to the fourth movement trajectory.

8. The method according to claim 7, characterized in that The animation effect of displaying the third dynamic interface element according to the third movement trajectory includes: Displaying an animation effect of the third dynamic interface element according to the third movement trajectory and the third speed; The animation effect of displaying the fourth dynamic interface element according to the fourth movement trajectory includes: The animation effect of the fourth dynamic interface element is displayed according to the fourth movement trajectory and the fourth speed.

9. The method according to claim 8, characterized in that The third speed and the fourth speed are different.

10. The method according to any one of claims 7 to 9, characterized in that The shape of the third dynamic interface element is different from the shape of the fourth dynamic interface element.

11. The method according to any one of claims 7 to 9, characterized in that The method further comprises: When the third dynamic interface element and the fourth dynamic interface element move to the overlapping position of the third movement track and the fourth movement track, an animation effect of merging the third dynamic interface element and the fourth dynamic interface element is displayed.

12. The method according to any one of claims 1 to 11, characterized in that The N dynamic interface elements include a fifth interface element, and the animation effect of displaying the N dynamic interface elements on the first interface includes: During the movement of the fifth interface element, the fifth interface element is displayed with an animation effect of changing from a third shape to a fourth shape, and the fourth shape is smaller than the third shape.

13. The method according to any one of claims 1 to 11, characterized in that The animation effect of displaying N dynamic interface elements on the first interface includes: An animation effect is displayed in which the shapes of at least some of the N dynamic interface elements change and gradually become smaller until they disappear.

14. The method according to any one of claims 1 to 11, characterized in that The animation effect of displaying N dynamic interface elements on the first interface includes: Displaying an animation effect in which at least some of the N dynamic interface elements move and the at least some of the dynamic interface elements are combined into a sixth dynamic interface element.

15. The method according to claim 14, characterized in that The speed and / or shape of the sixth dynamic interface element are different from those of at least some of the dynamic interface elements.

16. The method according to any one of claims 1 to 15, characterized in that The movement trajectory of at least some of the N dynamic interface elements is determined according to the deflection direction and the deflection coefficient.

17. The method according to any one of claims 1 to 16, characterized in that The method further comprises: Displaying a first blurred background image on the first interface; In response to the user's sliding operation, an animation effect of the first blurred background image changing into a clear image is displayed.

18. The method according to claim 17, characterized in that The method further comprises: Determining a first area according to the first sliding operation; The animation effect of displaying the first blurred background image turning into a clear image includes: An animation effect showing that the first area of ​​the first blurred background image changes into the clear image.

19. The method according to claim 17 or 18, characterized in that The first blurred background image is located in a first layer, the N dynamic interface elements are located in a second layer, and the first layer and the second layer are different.

20. The method according to any one of claims 1 to 19, characterized in that The method comprises: In response to a second operation of the user, animation effects of N dynamic interface elements are displayed on the first interface, and animation effects of stacked dynamic interface elements are displayed on the second interface.

21. The method according to claim 20, characterized in that The animation effect of displaying stacked dynamic interface elements on the second interface includes: An animation effect of stacking dynamic interface elements is displayed in the second area of ​​the second interface.

22. The method according to claim 21, characterized in that The method further comprises: The second area is determined according to time.

23. The method according to any one of claims 20 to 22, characterized in that The method further comprises: In response to a second sliding operation of the user, an animation effect of eliminating the dynamic interface element corresponding to the second sliding operation is displayed.

24. The method according to any one of claims 20 to 23, characterized in that The method further comprises: In response to a third operation by the user, an animation effect of eliminating the dynamic interface elements of the second area is displayed.

25. The method according to any one of claims 20 to 24, characterized in that The second operation is a folding operation.

26. An electronic device, characterized in that: The method comprises one or more processors; one or more memories; the one or more memories store one or more computer programs, the one or more computer programs include instructions, and when the instructions are executed by the one or more processors, the method as claimed in any one of claims 1 to 25 is executed.

27. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer instructions, and when the computer instructions are executed on a computer, the method according to any one of claims 1 to 25 is executed.

28. A chip, characterized in that: The chip includes a processor and a communication interface, wherein the communication interface is used to receive a signal and transmit the signal to the processor, and the processor processes the signal so that the method according to any one of claims 1 to 25 is executed.

29. A computer program product, characterized in that When the computer program product is run on a computer, the computer is caused to perform the method according to any one of claims 1 to 25.

Images