Interface display method and electronic device

Abstract

The application discloses an interface display method and an electronic device, relates to the technical field of display, and can improve the interactive experience and the intelligent degree of light effect animation display of a user. The application can display a first interface in response to an operation of triggering the display of the first interface, and display a light effect animation gradually displayed from a starting point position determined according to a triggering position corresponding to the operation on the first interface to an ending point position along a light effect path. Based on the application, the electronic device can determine the starting point position of the light effect animation according to the triggering position corresponding to the user operation, and gradually display the light effect animation from the starting point position to the ending point position along the light effect path, thereby enhancing the relevance of the light effect animation and the user operation, and improving the interactive experience and the intelligent degree of light effect animation display of the user.

Description

Technical Field

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

[0002] With the development of technology, users are beginning to pursue a more engaging interactive experience with electronic devices. For example, electronic devices can respond to user actions, change their own state, and provide visual feedback to indicate the change in the device's status. However, the visual feedback methods of electronic devices are generally limited to static interface switching and simple lighting effects, which are relatively simplistic, and the user interaction experience still needs improvement. Summary of the Invention

[0003] This application provides an interface display method and an electronic device that can improve the user's interactive experience and the intelligence of light effect animation display.

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

[0005] In a first aspect, a method for displaying an interface is provided, applied to an electronic device. The method includes: displaying a first interface in response to an operation that triggers the display of the first interface; and displaying a light effect animation of the first interface according to the operation that triggers the display of the first interface, wherein the light effect animation is gradually displayed from a starting position on the first interface along a light effect path to an ending position, and the starting position is determined according to the trigger position corresponding to the operation that triggers the display of the first interface.

[0006] The solution provided in the first aspect above allows the electronic device to determine the starting position of the light effect animation based on the trigger position corresponding to the user's operation, and gradually display the light effect animation from the starting position along the light effect path to the ending position, thereby enhancing the correlation between the light effect animation and the user's operation, improving the user's interactive experience and the intelligence level of the light effect animation display.

[0007] In some examples, the actions that trigger the display of the first interface include at least one of the following: raise screen, double-tap, fingerprint unlock, power button touch, screen gaze, and facial recognition. Thus, users can trigger the display of the first interface on the electronic device through a variety of actions.

[0008] In some examples, a lift-to-screen action can refer to an action that changes the posture of an electronic device. For example, assuming the electronic device is a mobile phone, a lift-to-screen action could be the action of a user picking up the phone from a table.

[0009] In some examples, the trigger location for a raise-to-screen operation can be the opening of the front-facing camera on the electronic device; the trigger location for a double-tap operation can be the contact point between the user and the first screen when performing a double-tap; the trigger location for a fingerprint unlock operation can be the fingerprint sensor area; the trigger location for a power button touch operation can be the location of the power button; the trigger location for a screen gaze operation can be the opening of the front-facing camera on the electronic device; and the trigger location for a face recognition operation can be the opening of the front-facing camera on the electronic device. This increases the diversity of trigger locations.

[0010] In some examples, lighting animations include changes in one or more of the following: color, brightness, and shape of the light spot. In this way, electronic devices can present variable lighting animations, enhancing the visual appeal of the animations and thus improving the user's enhanced experience.

[0011] In some examples, when the operation to trigger the display of the first interface is received, the electronic device is in a screen-off state, and the operation triggers the electronic device to switch from a screen-off state to a screen-on display state; or, when the operation is received, the electronic device is in a screen-off state, and the operation triggers the electronic device to switch from a screen-off state to an unlocked state; or, when the operation is received, the electronic device is in a screen-on locked state, and the operation triggers the electronic device to switch from a screen-on locked state to an unlocked state. In this way, the electronic device can display the corresponding light effect animation for the first interface in various state switching scenarios.

[0012] As one possible implementation, the first interface may include a first interface element and a second interface element. The aforementioned display of the light effect animation on the first interface based on the operation that triggers its display includes: displaying a first light effect animation that gradually appears from a first position of the first interface element along a first light effect path to a second position, and / or displaying a second light effect animation that gradually appears from a third position of the second interface element along a second light effect path to a fourth position. Thus, when the electronic device's first interface includes multiple interface elements, it can display a light effect animation corresponding to one of the multiple interface elements, or it can display light effect animations corresponding to each of the multiple interface elements individually, making the display method of the light effect animation more flexible and improving the flexibility of the interface display.

[0013] In some examples, the first interface element is the main object on the first interface, and the first position is the position on the outer contour of the main object that is closest to the trigger position; the second interface element includes a graphic element, and the second position includes the position on the outer contour of the graphic element that is closest to the trigger position; and / or, the second interface element includes a wallpaper image, and the second position includes the position on the outer edge of the wallpaper image that is closest to the trigger position. In this way, electronic devices can arrange and combine various interface element types with various user operations to obtain multiple starting positions for light effect animations, increasing the diversity of light effect animations.

[0014] In some examples, the main object can be an object with a display area larger than a preset area in the first interface. The main object is usually the most important and prominent object in the first interface. For example, the main object can include, but is not limited to, at least one of the following: people, animals, and buildings.

[0015] In some examples, the first interface element may include graphic elements and / or wallpaper images, while the second interface element may be the main object.

[0016] In some examples, the first interface element can be a character from a game or movie, or the second interface element can be a character from a game or movie.

[0017] In some examples, the first interface element can be a brand icon (logo), or the second interface element can be a brand icon, etc.

[0018] In some examples, the first interface may have one or more first interface elements, and / or, the first interface may have one or more second interface elements.

[0019] In some possible embodiments, the first interface may further include a third interface element. The type of the third interface element may be the same as that of the first interface element. For example, both the third interface element and the first interface element may be of the type of a main object, but the first interface element is person A and the third interface element is person B. Alternatively, the type of the third interface element may be the same as that of the second interface element. For example, both the third interface element and the second interface element may be of the type of a graphic element, but the second interface element is a circle and the third interface element is a triangle. Alternatively, the type of the third interface element may be different from both the type of the first interface element and the type of the second interface element. For example, the type of the first interface element may be a main object, the type of the second interface element may be a graphic element, and the type of the third interface element may be a wallpaper image.

[0020] As one possible implementation, the starting position of the light effect animation is also related to the interface elements included in the first interface. The aforementioned display of the light effect animation on the first interface based on the operation that triggers the display of the first interface includes: determining a first position corresponding to the trigger position on the first interface element; determining a first light effect path and a second position based on the first position and the outer contour of the first interface element; and displaying the first light effect animation; and / or, determining a third position corresponding to the trigger position on the second interface element; determining a second light effect path and a fourth position based on the third position and the outer contour of the second interface element; and displaying the second light effect animation. In this way, electronic devices can display light effect animations according to user operations and the type of interface elements, improving the correlation between light effect animations and user operations and interface element types, thereby enhancing the user's interactive experience.

[0021] As one possible implementation, when displaying a first light effect animation that gradually appears from a first position of a first interface element along a first light effect path to a second position, the method further includes: displaying a third light effect animation that gradually appears from the second position along a third light effect path to the first position, until the first and third light effect animations meet; when displaying a second light effect animation that gradually appears from a third position of a second interface element along a second light effect path to a fourth position, the method further includes: displaying a fourth light effect animation that gradually appears from the fourth position along a fourth light effect path to the third position, until the second and fourth light effect animations meet. In this way, the electronic device can simultaneously display two light effect animations for a first interface element and two light effect animations for a second interface element, increasing the complexity and visual appeal of the light effect animations, thereby improving the user's interactive experience.

[0022] As one possible implementation, the above-mentioned display of the light effect animation of the first interface based on the operation that triggers the display of the first interface further includes: determining a fifth position on the third interface element based on the positional relationship between the third interface element and the first interface element; determining a fifth light effect path and a sixth position based on the fifth position and the outer contour of the third interface element; and after displaying the first light effect animation, displaying a fifth light effect animation that gradually appears from the fifth position along the fifth light effect path to the sixth position. In this way, the electronic device can determine the starting position, light effect path, and ending position of the light effect animation corresponding to the third interface element based on the positional relationship between the third interface element and the first interface element, increasing the linkage of light effect animations between interface elements in the first interface, improving the user's visual interaction experience, and enhancing the intelligence of the light effect animation display.

[0023] As one possible implementation, the aforementioned display of light effect animations on the first interface based on the operation that triggers the display of the first interface further includes: displaying light effect animations that illuminate the first interface elements and / or the second interface elements. In this way, when the electronic device engages in visual interaction with the user, it can highlight the first interface elements and / or the second interface elements, making it easier for the user to clearly perceive changes in the interface and to quickly understand the status of the electronic device through these changes.

[0024] As one possible implementation, displaying the light effect animation of the first interface based on the operation that triggers the display of the first interface includes: compositing the interface layer corresponding to the first interface with the layer corresponding to the light effect animation before displaying them. In this way, when displaying the light effect animation, the electronic device can present the relationship between the light effect animation and the interface elements in the first interface, improving the user's interactive experience.

[0025] As one possible implementation, before displaying the light effect animation on the first interface according to the operation, the method further includes: identifying interface elements of the first interface; extracting layers based on the interface elements of the first interface, whereby the layers are used to determine the starting position. In this way, the electronic device can extract the corresponding layers based on the interface elements of the first interface, improving the adaptability between the layers used to determine the starting position of the light effect animation and the interface elements, thereby enhancing the user's visual interaction experience.

[0026] As one possible implementation, the above-mentioned extraction of layers based on interface elements of the first interface includes: when the interface elements of the first interface include a first interface element, extracting a first layer, the first layer including the outer contour of the first interface element; and / or, when the interface elements of the first interface include a second interface element, extracting a second layer, the second layer including the outer contour or outer edge of the second interface element. In this way, the electronic device can extract a layer including the outer contour or outer edge of the corresponding interface element based on the interface elements included in the first interface, so as to determine the lighting effect animation based on the outer contour or outer edge of each interface element, thereby improving the adaptability of the lighting effect animation to the interface elements and thus enhancing the user's visual interaction experience.

[0027] In a second aspect, an electronic device is provided, comprising: a display screen for displaying an interface; a memory for storing computer program instructions; and a processor for executing the computer program instructions to support the electronic device in implementing the methods as described in any possible implementation of the first aspect.

[0028] Thirdly, a computer-readable storage medium is provided that stores computer program instructions that, when executed by a processor, implement the method as described in any possible implementation of the first aspect.

[0029] Fourthly, a computer program product containing instructions is provided, which, when run on a computer, causes the computer to implement the method as described in any possible implementation of the first aspect.

[0030] Fifthly, a chip system is provided, comprising processing circuitry and a storage medium storing computer program instructions; when executed by a processor, the computer program instructions implement the method as described in any possible implementation of the first aspect. The chip system may be composed of chips or may include chips and other discrete devices. Attached Figure Description

[0031] Figure 1 A schematic diagram of the hardware structure of an electronic device provided in an embodiment of this application;

[0032] Figure 2 A flowchart illustrating an interface display method provided in an embodiment of this application;

[0033] Figure 3 A schematic diagram of a first interface provided in an embodiment of this application;

[0034] Figure 4 This is a schematic diagram illustrating the interface changes under different unlocking scenarios, as provided in an embodiment of this application.

[0035] Figure 5 A schematic diagram of a touch position provided for an embodiment of this application;

[0036] Figure 6 A schematic diagram illustrating a light effect animation display provided in an embodiment of this application;

[0037] Figure 7 A schematic diagram illustrating another light effect animation display provided in an embodiment of this application;

[0038] Figure 8 This is another schematic diagram of a light effect animation provided in an embodiment of this application;

[0039] Figure 9 A schematic diagram illustrating yet another type of light effect animation display provided in an embodiment of this application;

[0040] Figure 10 A schematic diagram illustrating yet another type of light effect animation display provided in an embodiment of this application;

[0041] Figure 11 A schematic diagram illustrating yet another type of light effect animation display provided in an embodiment of this application;

[0042] Figure 12 A schematic diagram illustrating yet another type of light effect animation display provided in an embodiment of this application;

[0043] Figure 13 A schematic diagram illustrating yet another type of light effect animation display provided in an embodiment of this application;

[0044] Figure 14 A schematic diagram illustrating yet another type of light effect animation display provided in an embodiment of this application;

[0045] Figure 15 A schematic diagram illustrating yet another type of light effect animation display provided in an embodiment of this application;

[0046] Figure 16 A schematic diagram illustrating a mapping relationship provided in an embodiment of this application;

[0047] Figure 17 A flowchart of layer composition is provided for an embodiment of this application;

[0048] Figure 18 A schematic diagram of contour extraction provided for an embodiment of this application;

[0049] Figure 19 A flowchart illustrating another interface display method provided in this application embodiment;

[0050] Figure 20 A schematic diagram of a light effect path provided in an embodiment of this application;

[0051] Figure 21 This is a schematic diagram of another light effect path provided in an embodiment of this application. Detailed Implementation

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

[0053] In the following text, the terms "first," "second," etc., are used only to distinguish different descriptive objects and do not limit the position, order, priority, or quantity of the described objects. For example, if the described object is "position," then the ordinal numbers preceding "position" in "first position" and "second position" do not limit the position or order between "positions." "First" and "second" do not limit whether the "positions" they modify are in the same message, nor do they restrict the order of "first position" and "second position." Similarly, if the described object is "position," then the ordinal numbers preceding "position" in "first position" and "second position" do not limit the priority between "positions." Furthermore, the quantity of described objects is not limited by ordinal numbers and can be one or more. For example, in "first interface element," the quantity of "first interface element" can be one or more. In addition, objects modified by different prefixes can be the same or different. For example, if the described object is "interface element," then "first interface element" and "second interface element" can be interface elements of the same type or different types. In summary, the use of ordinal numbers and other prefixes used to distinguish the described objects in the embodiments of this application does not constitute a limitation on the described objects. The description of the described objects is given in the claims or the context of the embodiments, and the use of such prefixes should not constitute an unnecessary limitation.

[0054] Furthermore, in the embodiments of this application, "connection" can be a direct connection or an indirect connection; in addition, it can refer to an electrical connection or a communication connection; for example, the connection of two electrical components A and B can refer to A and B being directly connected, or it can refer to A and B being indirectly connected through other electrical components or connection media, or it can refer to A and B being indirectly connected through other communication devices or communication media, as long as it enables communication between A and B.

[0055] With the development of technology, users are beginning to pursue a more immersive interactive experience with electronic devices. For example, electronic devices can respond to user actions, changing their own state and visually indicating these changes. For instance, when the screen is off, it can adjust its brightness in response to a touch, switching from off to on. Similarly, when locked, it can change the displayed interface in response to an unlocking action. However, these visual interactions are relatively simple and diminish the overall user experience.

[0056] To address the issue of poor user interaction experience, this application provides an interface display method. This method responds to an operation that triggers the display of a first interface, displays the first interface, and shows a light effect animation that gradually appears from a starting position determined by the trigger position corresponding to the operation, following a light effect path towards an end position. Based on this method, the electronic device can determine the starting position of the light effect animation based on the trigger position corresponding to the user operation, and gradually display the light effect animation from the starting position along the light effect path towards the end position, thereby enhancing the correlation between the light effect animation and the user operation, improving the user's interactive experience, and increasing the intelligence of the light effect animation display.

[0057] The method provided in this application can be applied to devices or apparatuses with interface display capabilities, hereinafter referred to as "electronic devices". Electronic devices can implement interface display through hardware, software, or a combination of both.

[0058] In some embodiments, the electronic device may also have the ability to receive and respond to user actions.

[0059] In some embodiments, the electronic device may also have the ability to display light effect animations.

[0060] For example, electronic devices may include, but are not limited to, smartphones, netbooks, tablets, in-vehicle devices, personal computers (PCs), handheld computers, smart TVs, personal digital assistants (PDAs), portable multimedia players (PMPs), projection devices, smart screen devices, etc. This application does not limit the specific functions and structures of electronic devices.

[0061] The hardware structure diagram of electronic device 100 can be as follows: Figure 1 As shown. In Figure 1The 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 jack 170D, a sensor module 180, buttons 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include one or more of the following: a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer sensor 180E, a proximity sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, and a bone conduction sensor 180M. The buttons 190 may include a power button, volume buttons, etc. Buttons 190 may be mechanical buttons or touch-sensitive buttons. The electronic device 100 can receive button inputs and generate key signal inputs related to user settings and function control of the electronic device 100.

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

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

[0064] The controller can generate operation control signals based on the instruction opcode and timing signals to complete the control of instruction fetching and execution.

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

[0066] In this embodiment, the processor 110 can be used to coordinate with the display screen 194 to execute user operation commands, thereby enabling the display screen 194 to switch states, display interfaces, display light effect animations, etc.

[0067] In some embodiments, the processor 110 may include one or more interfaces. 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.

[0068] Internal memory 121 may include one or more random access memory (RAM) and one or more non-volatile memory (NVM). The RAM can be directly read and written by the processor 110 and can be used to store executable programs (e.g., machine instructions) of the operating system or other running programs, as well as user and application data. The NVM can also store executable programs and user and application data, and can be pre-loaded into the RAM for direct read and write operations by the processor 110.

[0069] The internal memory 121 stores executable program code, and the processor 110 executes the executable program code to implement the interface display method provided in this application embodiment.

[0070] In some embodiments of this application, the program code stored in the internal memory 121 can be used to implement the following process: the electronic device 100 displays the first interface in response to an operation that triggers the display of the first interface; the starting position of the light effect animation of the first interface is determined according to the operation, and the light effect animation that gradually appears from the starting position on the first interface along the light effect path to the ending position is displayed.

[0071] In some embodiments of this application, the program code stored in the internal memory 121 can also be used to implement the following process: the electronic device 100 displays a first light effect animation that gradually appears from a first position of the first interface element along a first light effect path to a second position, and / or displays a second light effect animation that gradually appears from a third position of the second interface element along a second light effect path to a fourth position, according to the operation that triggers the display of the first interface.

[0072] In some embodiments of this application, the program code stored in the internal memory 121 can also be used to implement the following process: the electronic device 100 determines the first position corresponding to the trigger position on the first interface element, determines the first light effect path and the second position according to the outer contour of the first interface element at the first position, and displays the first light effect animation; and / or, determines the third position corresponding to the trigger position on the second interface element, determines the second light effect path and the fourth position according to the third position and the outer contour of the second interface element, and displays the second light effect animation.

[0073] In some examples, the first interface element can be the main object on the first interface. The main object can be any object on the first interface with a display area larger than a preset area. The main object is usually the most important and prominent object on the first interface. For example, the main object can include, but is not limited to, at least one of the following: a person, an animal, or a building. The first position can be the position on the outer contour of the main object that is closest to the trigger position.

[0074] In some examples, the second interface element may include graphic elements, such as, but not limited to, at least one of the following: circle, heart, star, triangle; the second position may include the position of the graphic element closest to the trigger position; and / or, the second interface element may include a wallpaper image, which may refer to an image without a subject object and graphic elements, such as, a wallpaper image that is a color-changing image, etc.; the second position includes the position on the outer edge of the wallpaper image closest to the trigger position, such as, the outer edge of the wallpaper image may be the edge of the display screen 194, etc.

[0075] Camera 193 is used to capture still images or videos. An object passes through the lens to generate an optical image that is projected onto a 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 light signal into an electrical signal, which is then passed to an ISP (Image Signal Processor) for conversion into a digital image signal. The ISP outputs the digital image signal to a DSP (Digital Signal Processor) for processing. The DSP converts the digital image signal into standard primary color (RGB) or YUV format image signals. In some embodiments, the ISP can be located within camera 193; this application does not limit this.

[0076] In some embodiments of this application, camera 193 may be used to capture facial images to enable users to unlock electronic device 100 by facial recognition.

[0077] As an example, electronic device 100 can install applications for biometric identification, such as face recognition applications. When electronic device 100 is in a screen-off state, the face recognition application can call camera 193 to capture facial images to enable users to unlock electronic device 100 by face.

[0078] The display screen 194 can be used for displaying interfaces, 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 quantum dot light-emitting diode (QLED), etc. In some embodiments, the electronic device 100 may include one or more display screens 194.

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

[0080] In some embodiments of this application, the electronic device 100 may be equipped with applications for biometric identification, such as face recognition applications, fingerprint recognition applications, etc.; the display screen 194 may be used to display an interface after successful biometric identification.

[0081] For example, assuming the electronic device 100 is a mobile phone, when the display screen 194 is in an off state, the face recognition application can call the camera 193 to capture a face image, and then recognize the face image through an image signal processor (ISP) and application processor. After successful face recognition, the display screen 194 switches to the unlocked state and displays the interface in the unlocked state. The pressure sensor 180A can be used to sense pressure signals and convert them into electrical signals. 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, and capacitive pressure sensors. A capacitive pressure sensor may include at least two electrodes; when force is applied to the capacitive pressure sensor, the capacitance between the electrodes changes. The electronic device 100 can determine the pressure intensity based on the change in capacitance. When a touch operation is applied to the display screen 194, the electronic device 100 can detect the intensity of the touch operation based on the pressure sensor 180A. The electronic device 100 can also calculate the touch position based on the detection signal from the pressure sensor 180A. For example, assuming the display screen 194 is in a screen-off state, when the user double-clicks the display screen 194, the electronic device 100 can detect the double-click operation and the trigger position of the double-click operation according to the pressure sensor 180A, and switch from the screen-off state to the screen-off display state, so that the display screen 194 can display the interface in the screen-off display state.

[0082] In some embodiments, touch operations applied to the same touch location but with different touch intensity can correspond to different operation commands. For example, when a touch operation with an intensity less than a first pressure threshold is applied to the SMS application icon, a command to view an SMS message is executed. When a touch operation with an intensity greater than or equal to the first pressure threshold is applied to the SMS application icon, a command to create a new SMS message is executed.

[0083] The gyroscope sensor 180B can be used to determine the motion attitude of the electronic device 100. In some embodiments, the electronic device 100 can determine its angular velocity around three axes (i.e., the x, y, and z axes) using the gyroscope sensor 180B. The gyroscope sensor 180B can be used in navigation and motion-sensing game scenarios. The gyroscope sensor 180B can also be used to detect the angle of vibration of the electronic device 100, calculate the distance that the lens module needs to compensate for based on the angle, and allow the lens to counteract the vibration of the electronic device 100 through reverse movement, thereby achieving image stabilization.

[0084] In some embodiments of this application, the electronic device 100 can detect changes in its posture using a gyroscope sensor 180B to identify the user's screen-lifting operation based on the detection results of the gyroscope sensor 180B. For example, assuming the display screen 194 is in a screen-off state, when the user picks the electronic device 100 up from the desk, the gyroscope sensor 180B can detect a change in the posture of the electronic device 100, enabling the electronic device 100 to recognize the screen-lifting operation and switch from a screen-off state to a screen-off display state. The display screen 194 then displays the interface in the screen-off display state.

[0085] Accelerometer 180E can be used to detect the magnitude of acceleration of electronic device 100 in various directions (generally three axes, namely x, y, and z axes). When electronic device 100 is stationary, the magnitude and direction of gravity can be detected. Accelerometer 180E can also be used to identify the posture of electronic device 100, enabling electronic device 100 to recognize screen lift operations based on accelerometer 180E.

[0086] The fingerprint sensor 180H can be used to collect fingerprints. The electronic device 100 can utilize the characteristics of the collected fingerprint to achieve fingerprint unlocking, accessing application locks, taking photos with fingerprints, answering calls with fingerprints, etc. In some embodiments, assuming the display screen 194 is in a screen-off state, when the fingerprint sensor 180H collects a fingerprint, the electronic device 100 can recognize the collected fingerprint. After successful fingerprint recognition, the display screen 194 can switch to an unlocked state and display the interface in the unlocked state.

[0087] Touch sensor 180K, also known as a "touch device," can be located on display screen 194. The touch sensor 180K and display screen 194 together form a touchscreen, also known as a "touchscreen." Touch sensor 180K detects touch operations applied to or near it. Touch sensor 180K can transmit the detected touch operation to processor 110 (e.g., application processor, microcontroller unit) to determine the type of touch event. Touch sensor 180K can also provide visual output related to the touch operation through display screen 194. For example, assuming display screen 194 is in a screen-off state, when a user double-clicks display screen 194, electronic device 100 can detect the double-click operation and its trigger location based on pressure sensor 180A, and switch from a screen-off state to a screen-off display state. Display screen 194 then displays the interface in the screen-off display state.

[0088] In some embodiments, the touch sensor 180K may also be located in a different location than the display screen 194.

[0089] Furthermore, the descriptions of the external memory interface 121, universal serial bus (USB) interface 130, charging management module 140, power management modules 141 and 142, antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, barometric pressure sensor 180C, magnetic sensor 180D, distance sensor 180F, proximity light sensor 180G, temperature sensor 180J, ambient light sensor 180L, bone conduction sensor 180M, motor 191, indicator 192, and subscriber identification module (SIM) card interface 195 included in the electronic device 100 can refer to conventional technology.

[0090] The following will describe in detail, with reference to the accompanying drawings, an interface display method provided in an embodiment of this application.

[0091] Please refer to Figure 2 , Figure 2 A flowchart illustrating an interface display method provided in an embodiment of this application is shown. This method can be applied to electronic devices with interface display capabilities. Figure 2 As shown, the interface display method may include S201-S202:

[0092] S201. The electronic device displays the first interface in response to the operation that triggers the display of the first interface.

[0093] In some examples, the operation that triggers the display of the first interface may include, but is not limited to, at least one of the following: raise screen, double-tap, fingerprint unlock, power button touch, screen gaze, and facial recognition. Thus, users can trigger the display of the first interface on the electronic device through a variety of operations.

[0094] In some examples, raise-to-screen, double-tap, fingerprint unlock, power button touch, screen gaze, and facial recognition can be used to trigger an electronic device to switch from a screen-off state to an always-on display (AOD) state.

[0095] In some examples, fingerprint unlocking can be used to trigger an electronic device to switch from a screen-locked state to an unlocked state, where the screen lock state can be either a screen-off lock state or a screen-on lock state.

[0096] In some examples, assuming that the electronic device has a face recognition function, operations such as raising the screen, double-tapping, looking at the screen, and face recognition can be used to trigger the electronic device to switch from a locked screen state to an unlocked state. For example, the electronic device can respond to at least one of the operations of raising the screen, double-tapping, looking at the screen, and face recognition to start the camera to capture a face image, and after the face recognition is successful, the electronic device can switch from a locked screen state to an unlocked state.

[0097] In some examples, assuming a fingerprint sensor area is provided on the power button, the power button touch operation can be used to trigger the electronic device to switch from the screen locked state to the unlocked state. For example, the electronic device can respond to the power button touch operation, collect fingerprint information through the fingerprint sensor area on the power button, and after the fingerprint information is successfully recognized, the electronic device can switch from the screen locked state to the unlocked state.

[0098] In some examples, the first interface can be the interface of the electronic device when the screen is off (hereinafter referred to as the "AOD interface"), for example, such as Figure 3 As shown in (a), the AOD interface can include interface elements such as time, date, and wallpaper images. More specifically, wallpaper images can include interface elements such as people (which are a type of main object); for example, Figure 3 As shown in (b), the AOD interface can include interface elements such as time, date, and wallpaper images. More specifically, wallpaper images can include interface elements such as circles (a type of graphic element); for example, such as... Figure 3 As shown in (c), the AOD interface may include interface elements such as time, date, and wallpaper images. More specifically, the wallpaper image may include interface elements such as line drawings. The display brightness of the area containing these interface elements in the AOD interface can be higher than the brightness of other display areas within the AOD interface. For example... Figure 3 (a) The brightness of the display areas for time, date, and people is higher than the brightness of other display areas in the AOD interface; in some possible scenarios, the brightness of other display areas in the AOD interface can be 0, for example... Figure 3 (c) The brightness of the display area other than the display area for time, date, and lines is 0.

[0099] In some examples, the first interface can be the interface when the electronic device is in an unlocked state. The interface in the unlocked state can be one of the desktop of the electronic device (i.e., the main interface of the electronic device), the interface that was not exited before the screen was locked (e.g., the interface of the application used before the screen was locked), etc. The desktop of the electronic device can be a static desktop or a dynamic desktop. A dynamic desktop can refer to a desktop with background, wallpaper, etc. that can change.

[0100] In some examples, the first interface may include at least one interface element, which may include, but is not limited to, visual components, functional components, such as images and buttons.

[0101] In some possible embodiments, the first interface may include, but is not limited to, one or more of the first interface elements and the second interface elements. This application does not limit the types of the first interface elements and the second interface elements.

[0102] For example, the first interface element can be a main object, which can be an object with a display area larger than a preset area in the first interface. The main object is usually the most important and prominent object in the first interface. For example, the main object can include, but is not limited to, at least one of the following: a person, an animal, or a building. The second interface element can include graphic elements and / or wallpaper images. Alternatively, the first interface element can include graphic elements and / or wallpaper images, and the second interface element can be a main object. For example, the first interface element can be a character from a game or movie, or the second interface element can be a character from a game or movie.

[0103] For example, the first interface element can be a brand icon (logo), or the second interface element can be a brand icon, etc.

[0104] In some examples, the first interface may have one or more first interface elements, and / or, the first interface may have one or more second interface elements.

[0105] In some possible embodiments, the first interface may further include a third interface element. The type of the third interface element may be the same as that of the first interface element. For example, both the third interface element and the first interface element may be of the type of a main object, but the first interface element is person A and the third interface element is person B. Alternatively, the type of the third interface element may be the same as that of the second interface element. For example, both the third interface element and the second interface element may be of the type of a graphic element, but the second interface element is a circle and the third interface element is a triangle. Alternatively, the type of the third interface element may be different from both the type of the first interface element and the type of the second interface element. For example, the type of the first interface element may be a main object, the type of the second interface element may be a graphic element, and the type of the third interface element may be a wallpaper image.

[0106] As one possible approach, the operation of triggering the display of the first interface can be used to trigger the electronic device to switch from a screen-off state to a screen-off display state. When the electronic device is in a screen-off state, it can receive and respond to the operation and display the first interface, such as an AOD interface.

[0107] One possible approach is to trigger the display of the first interface by switching the electronic device from a screen-off state to an unlocked state. When the electronic device is in a screen-off state, it can receive and respond to this operation, displaying the first interface. For example, this first interface could be the interface displayed when the electronic device is in an unlocked state. In this way, the electronic device can display the corresponding light effect animation for the first interface in various state switching scenarios.

[0108] Optionally, the electronic device can switch directly from a screen-off state to an unlocked state in response to an operation that triggers the display of the first interface.

[0109] Optionally, the electronic device can respond to the operation that triggers the display of the first interface by first switching from a screen-off state to a screen-off display state, and then switching from a screen-off display state to an unlocked state. In this case, the electronic device can have multiple unlocking scenarios, and the interface changes will be different in different unlocking scenarios.

[0110] For example, such as Figure 4 As shown, when an electronic device switches from a screen-off state to a screen-on display state, the interface change can be from no display to displaying the AOD interface. When an electronic device switches from a screen-on display state to an unlocked state, there can be various interface changes. For example, the interface change can be from the AOD interface to the interface corresponding to the screen-on lock state (hereinafter referred to as the "lock screen interface"), and then from the lock screen interface to a static desktop; another example is from the AOD interface to the lock screen interface, and then from the lock screen interface to a dynamic desktop; yet another example is from the AOD interface to the lock screen interface, and then from the lock screen interface to the interface of the application used before the screen was locked (hereinafter referred to as the "application interface"); yet another example is from the AOD interface to a static desktop; yet another example is from the AOD interface to a dynamic desktop; yet another example is from the AOD interface to the application interface.

[0111] As one possible approach, the operation of triggering the display of the first interface can be used to trigger the electronic device to switch from a screen-on locked state to an unlocked state. When the electronic device is in a screen-off state, it can receive and respond to the operation and display the first interface. For example, the first interface can be the interface when the electronic device is in an unlocked state.

[0112] S202. The electronic device displays the light effect animation of the first interface according to the operation that triggers the display of the first interface.

[0113] In some examples, lighting animations can include, but are not limited to, changes in one or more of the following: color, brightness, and shape of the light spot. In this way, electronic devices can present variable lighting animations, enhancing the visual appeal of the animations and thus improving the user's enhanced experience.

[0114] In some possible embodiments, the electronic device can determine the color, brightness, shape of light spots, etc. of the light effect animation based on the light effect parameters, which include, but are not limited to, one or more of the color parameters, brightness parameters, and light spot shape parameters.

[0115] In some examples, the light effect animation can be gradually displayed from the starting position on the first interface along the light effect path to the ending position.

[0116] In embodiments of this application, the electronic device may determine the starting position of the light effect animation in a variety of ways.

[0117] One possible approach is for the electronic device to determine the starting position based on the trigger location corresponding to the operation that triggers the display on the first interface. For example, the electronic device can use the position on the outer contour of the first interface closest to the trigger location as the starting position. This can enhance the correlation between the light effect animation and the user's operation, improve the user's interactive experience, and increase the intelligence of the light effect animation display.

[0118] In some examples, the trigger location can refer to the position where the electronic device receives a user action. For instance, the trigger location for a raise-to-screen action could be the opening of the front-facing camera on the electronic device; the trigger location for a double-tap action could be the contact point between the user and the first screen when performing the double-tap; the trigger location for a fingerprint unlock action could be the fingerprint sensor area; the trigger location for a power button touch action could be the location of the power button; the trigger location for a screen gaze action could be the opening of the front-facing camera on the electronic device; and the trigger location for a face recognition action could be the opening of the front-facing camera on the electronic device. This increases the diversity of trigger locations.

[0119] For example, such as Figure 5 As shown, assuming the front-facing camera opening of the electronic device is located at position A, the fingerprint sensor area at position B, and the power button at position C, the starting point of the light effect animation is on the outer contour of the first interface. When the operation received by the electronic device is a screen-raising operation or a screen-gazing operation, the starting point can be a position on the outer contour of the first interface directly above the front-facing camera opening. For example, the starting point can be... Figure 5 Position D is shown; when the operation received by the electronic device is a double-click operation, assuming the user's contact position with the first interface when performing the double-click operation is position E, then the starting position can be... Figure 5 The starting position is F as shown; when the operation received by the electronic device is a fingerprint unlock operation, the starting position can be G; when the operation received by the electronic device is a power button touch operation, the starting position can be H.

[0120] As one possible approach, the starting position of the light effect animation is also related to the interface elements included in the first interface. When the first interface includes one or more interface elements, the electronic device can display the light effect animation corresponding to the one or more interface elements.

[0121] In some possible embodiments, the interface elements included in the first interface include a first interface element and a second interface element. The electronic device can, based on an operation that triggers the display of the first interface, display a first light effect animation that gradually appears from a first position of the first interface element along a first light effect path to a second position, and / or display a second light effect animation that gradually appears from a third position of the second interface element along a second light effect path to a fourth position. Thus, when the first interface includes multiple interface elements, the electronic device can display a light effect animation corresponding to one of the multiple interface elements, or it can display light effect animations corresponding to each of the multiple interface elements individually, making the display method of the light effect animation more flexible and improving the flexibility of the interface display.

[0122] In some examples, the first position of the first interface element can be the starting position of the first light effect animation, and the second position of the first interface element can be the ending position of the first light effect animation; the third position of the second interface element can be the starting position of the second light effect animation, and the fourth position of the second interface element can be the ending position of the second light effect animation.

[0123] In some examples, the first position may be the same as the second position, or the first position may be different from the second position; this application does not impose any restrictions on this.

[0124] In some examples, the third position may be the same as the fourth position, or the third position may be different from the fourth position; this application does not impose any restrictions on this.

[0125] In some examples, the color, brightness, shape of the light spot, etc. of the first light effect animation may be the same as that of the second light effect animation, or at least one of the color, brightness, shape of the light spot, etc. of the first light effect animation may be different from that of the second light effect animation. This application does not impose any limitations on this.

[0126] Optionally, the electronic device can determine a first position corresponding to the trigger position on a first interface element, determine a first light effect path and a second position based on the first position and the outer contour of the first interface element, and display a first light effect animation; and / or, determine a third position corresponding to the trigger position on a second interface element, determine a second light effect path and a fourth position based on the third position and the outer contour of the second interface element, and display a second light effect animation. In this way, the electronic device can display light effect animations according to user operations and the type of interface elements, improving the correlation between light effect animations and user operations and interface element types, thereby enhancing the user's interactive experience.

[0127] In some examples, assuming the first interface element is the main object on the first interface, the first position can be the position on the outer contour of the main object that is closest to the trigger position; assuming the second interface element is a graphic element, the second position can be the position on the outer contour of the graphic element that is closest to the trigger position; assuming the second interface element is a wallpaper image, the second position can be the position on the outer edge of the wallpaper image that is closest to the trigger position; assuming the second interface element includes both graphic elements and wallpaper images, the second position can include the position of the graphic element closest to the trigger position and the position on the outer edge of the wallpaper image that is closest to the trigger position. In this way, electronic devices can arrange and combine various interface element types with various user operations to obtain multiple starting positions for light effect animations, increasing the diversity of light effect animations.

[0128] In some examples, the location traversed by the light effect animation can remain lit, and the location traversed by the light effect animation can also return to an unlit state after a period of time (such as 1 second) away from being lit. This application does not impose any limitations on this.

[0129] In some examples, when an electronic device lights up a location, it can be understood as increasing the brightness of that location; the lit state of a location can be understood as the current brightness of that location being higher than its brightness before it was lit.

[0130] In some examples, after the light effect animation on the first screen is completed, the electronic device can switch to a bright screen state, that is, the entire first screen is lit up.

[0131] For example, taking an AOD (Always-On Display) interface as the first interface, the main object as the first interface element, and a wallpaper image as the second interface element, when an electronic device in a screen-off state receives a user's screen-raising operation, the electronic device can display as follows: Figure 6 As shown in (a) of the AOD interface, the first interface element of the AOD interface is a person, and the second interface element is a wallpaper image. Furthermore, the electronic device can determine the starting position of the light effect animation corresponding to the person as position 1 on the person's outer contour based on the trigger position of the screen-raise operation. Based on position 1 and the person's outer contour, the ending position of the light effect animation is also determined as position 1. The light effect path of the animation is position 1-position 2-position 3-position 4-position 1. Therefore, when the light effect animation is at the starting position, the interface of the electronic device can be as follows: Figure 6 As shown in (b) in the figure, Figure 6 If position 1 in (b) is lit up first, then the light effect animation moves along the light effect path from position 2 to position 3, the interface of the electronic device can be displayed as follows: Figure 6 As shown in (c) in the figure, Figure 6The light starts to illuminate at position 3 (c) and the portion of the character's outline between positions 1 and 3 is also illuminated. When the light effect animation moves from position 3 through position 4 and back to position 1, the electronic device's interface can then be displayed as follows: Figure 6 As shown in (d) in the figure, Figure 6 In section (d), the outline of the character is fully illuminated, and the lighting animation is complete. After the lighting animation is finished, the interface of the electronic device can be displayed as follows: Figure 6 As shown in (e), Figure 6 In (e) of the example, the entire interface of the electronic device is fully illuminated. Alternatively, in some possible scenarios, when the light effect animation moves along the light effect path from position 2 to position 3, position 3 begins to light up, the part of the character's outer contour between position 1 and position 2 is not lit, and the part of the character's outer contour between position 2 and position 3 is lit. When the light effect animation moves from position 3 through position 4 and back to position 1, the light effect animation is complete.

[0132] For example, taking an AOD (Always-On Display) interface as the first interface, the main object as the first interface element, and a wallpaper image as the second interface element, when an electronic device in a screen-off state receives a user's screen-raising operation, the electronic device can display as follows: Figure 7 The AOD interface shown in (a) has a first interface element of a character and a second interface element of a wallpaper image. The electronic device can determine the starting position of the character's corresponding light effect animation 1 as position 1 on the character's outer contour based on the trigger position of the screen-raise operation. Based on position 1 and the character's outer contour, the ending position of the light effect animation 1 is determined as position 1, and the light effect path 1 of the light effect animation 1 is position 1-position 2-position 3-position 4-position 1. Similarly, based on the trigger position of the screen-raise operation, the starting position of the wallpaper image's corresponding light effect animation 2 is determined as position 5 on the outer edge of the wallpaper image. Based on position 5 and the outer edge of the wallpaper image, the ending position of the light effect animation 2 is determined as position 5, and the light effect path 2 of the light effect animation 2 is position 5-position 6-position 7-position 5. Therefore, when light effect animation 1 and light effect animation 2 are at their respective starting positions, the interface of the electronic device can be as follows: Figure 7 As shown in (b) in the figure, Figure 7 In step (b), positions 1 and 5 are lit up. Then, light effect animation 1 moves along light effect path 1 to position 2, and light effect animation 2 moves along light effect path 2 to position 6. The interface of the electronic device can then be displayed as follows: Figure 7 As shown in (c) in the figure, Figure 7In the image (c), positions 2 and 6 begin to light up; the portion of the character's outline between positions 1 and 2 is lit up; and the portion of the wallpaper image's outer edge between positions 5 and 6 is lit up. When light effect animation 1 passes through positions 2, 3, and 4 and returns to position 1, and light effect animation 2 passes through positions 6 and 7 and returns to position 5, the electronic device's interface can then be displayed as follows: Figure 7 As shown in (d) in the figure, Figure 7 In section (d), the outer edges of the characters and wallpaper images are all lit up, and the light effect animation is complete. After the light effect animation is complete, the interface of the electronic device can be displayed as follows: Figure 7 As shown in (e), Figure 7 The entire interface of the electronic device in (e) is fully lit up.

[0133] For example, taking an AOD (Always-On Display) interface as the first interface, which has no elements from the first interface and a circular graphic element as the second interface element, when an electronic device in a screen-off state receives a user's screen-raising operation, the electronic device can display something like this: Figure 8 The AOD interface shown in (a) has no first interface element and the second interface element is a circle. Furthermore, the electronic device can determine the starting position of the light effect animation corresponding to the circle as position 1 on the outer contour of the circle based on the trigger position of the screen-raising operation. Based on position 1 and the outer contour of the circle, the ending position of the light effect animation is also determined as position 1. The light effect path of the animation is position 1-position 2-position 3-position 1. Therefore, when the light effect animation is at the starting position, the interface of the electronic device can be as follows: Figure 8 As shown in (b) in the figure, Figure 8 If position 1 in (b) is lit up first, and then the light effect animation moves along the light effect path to position 2, the interface of the electronic device can be displayed as follows: Figure 8 As shown in (c) in the figure, Figure 8 In section (c), position 2 is lit up first, and the portion of the circular outer contour between positions 1 and 2 is lit up. As the light effect animation passes through positions 2 and 3 and then returns to position 1, the interface of the electronic device can be displayed as follows: Figure 8 As shown in (d) in the figure, Figure 8 In section (d), the outer contour of the circle is fully illuminated, completing the light effect animation. After the light effect animation is complete, the electronic device's interface can be displayed as follows: Figure 8 As shown in (e), Figure 8 The entire interface of the electronic device in (e) is fully lit up.

[0134] For example, taking an AOD (Always-On Display) interface as the first interface, which has no elements from the first interface, and a wallpaper image as the second interface element, when an electronic device in a screen-off state receives a user's screen-raising operation, the electronic device can display as follows: Figure 9 The AOD interface shown in (a) has no first interface element and the second interface element is a wallpaper image. Furthermore, the electronic device can determine the starting position of the light effect animation corresponding to the wallpaper image as position 1 on the outer edge of the wallpaper image based on the trigger position of the screen-raise operation. Based on position 1 and the outer edge of the wallpaper image, the ending position of the light effect animation is also determined as position 1. The light effect path of the animation is position 1-position 2-position 3-position 1. Therefore, when the light effect animation is at the starting position, the interface of the electronic device can be as follows: Figure 9 As shown in (b) in the figure, Figure 9 If position 1 in (b) is lit up first, and then the light effect animation moves along the light effect path to position 2, the interface of the electronic device can be displayed as follows: Figure 9 As shown in (c) in the figure, Figure 9 The screen at position 2 (c) is lit up, and the portion of the wallpaper image between positions 1 and 2 on its outer edge is also lit. As the light effect animation sequentially passes through positions 2, 3, and 4 before returning to position 1, the electronic device's interface will appear as follows: Figure 9 As shown in (d) in the figure, Figure 9 In section (d), the outer edges of the wallpaper image are fully illuminated, and the light effect animation is complete. After the light effect animation is complete, the interface of the electronic device can be displayed as follows: Figure 9 As shown in (e), Figure 9 The entire interface of the electronic device in (e) is fully lit up.

[0135] Optionally, while displaying a first light effect animation that gradually appears from a first position of a first interface element along a first light effect path to a second position, the electronic device can also display a third light effect animation that gradually appears from a second position along a third light effect path to the first position, until the first and third light effect animations meet. In this way, the electronic device can display two light effect animations simultaneously for a first interface element, increasing the complexity and visual appeal of the light effect animations, thereby enhancing the user's interactive experience.

[0136] For example, taking an AOD (Always-On Display) interface as the first interface, the main object as the first interface element, and a wallpaper image as the second interface element, when an electronic device in a screen-off state receives a user's screen-raising operation, the electronic device can display as follows: Figure 10The AOD interface shown in (a) has a first interface element of a character and a second interface element of a wallpaper image. Furthermore, the electronic device can determine the starting position of the light effect animation 1 and light effect animation 2 corresponding to the character as position 1 on the character's outer contour based on the trigger position of the screen-raising operation. Based on position 1 and the character's outer contour, the ending position of light effect animation 1 and light effect animation 2 is also determined as position 1. The light effect path 1 of light effect animation 1 is position 1-position 2-position 3-position 4-position 5-position 1, and the light effect path 2 of light effect animation 2 is position 1-position 5-position 4-position 3-position 2-position 1. Therefore, when light effect animation 1 and light effect animation 2 are at their respective starting positions, the interface of the electronic device can be as follows: Figure 10 As shown in (b) in the figure, Figure 10 In step (b), position 1 is lit up first. Then, light effect animation 1 moves along light effect path 1, passing through positions 2 and 3, to position 4. Light effect animation 2 moves along light effect path 2, passing through position 4, to position 5. When light effect animation 1 and light effect animation 2 meet, the interface of the electronic device can be as follows: Figure 10 As shown in (c) in the figure, Figure 10 The light starts to illuminate at position 3 (c) and the entire outline of the character is lit. Light effect animation 1 and light effect animation 2 are then complete. After light effect animation 1 and light effect animation 2 are finished, the interface of the electronic device can be displayed as follows: Figure 10 As shown in (d) in the figure, Figure 10 In (d), the entire interface of the electronic device is fully lit up.

[0137] Optionally, when the electronic device displays a second light effect animation that gradually appears from the third position of the second interface element along the second light effect path to the fourth position, it can also display a fourth light effect animation that gradually appears from the fourth position along the fourth light effect path to the third position, until the second and fourth light effect animations meet. In this way, the electronic device can display two light effect animations simultaneously for the second interface element, increasing the complexity and visual appeal of the light effect animations, thereby enhancing the user's interactive experience.

[0138] For example, taking an AOD (Always-On Display) interface as the first interface, the main object as the first interface element, and a wallpaper image as the second interface element, when an electronic device in a screen-off state receives a user's screen-raising operation, the electronic device can display as follows: Figure 11The AOD interface shown in (a) has no first interface element and the second interface element is a wallpaper image. Furthermore, the electronic device can determine the starting position of the light effect animation 1 and light effect animation 2 corresponding to the wallpaper image as position 1 on the outer contour of the wallpaper image based on the trigger position of the screen-raising operation. The ending position of light effect animation 1 and light effect animation 2 is determined as position 1 based on position 1 and the outer edge of the wallpaper image. The light effect path 1 of light effect animation 1 is position 1-position 2-position 3-position 4-position 1, and the light effect path 2 of light effect animation 2 is position 1-position 4-position 3-position 2-position 1. Therefore, when light effect animation 1 and light effect animation 2 are at their respective starting positions, the interface of the electronic device can be as follows: Figure 11 As shown in (b) in the figure, Figure 11 In step (b), position 1 is lit up first. Then, light effect animation 1 moves along light effect path 1, passing through position 2 to position 3. Light effect animation 2 moves along light effect path 2, passing through position 4 to position 3. When light effect animation 1 and light effect animation 2 meet, the interface of the electronic device can be as follows: Figure 11 As shown in (c) in the figure, Figure 11 In section (c), position 3 begins to light up, and the outer edge of the wallpaper image is fully illuminated. Light effect animation 1 and light effect animation 2 are then complete. After light effect animation 1 and light effect animation 2 are displayed, the electronic device's interface can be viewed as follows: Figure 11 As shown in (d) in the figure, Figure 11 In (d), the entire interface of the electronic device is fully lit up.

[0139] As one possible approach, electronic devices can not only display light effect animations on the outer contours of the first interface element and / or the second interface element, but also display light effect animations that illuminate the first interface element and / or the second interface element.

[0140] In some examples, the electronic device may display a light effect animation illuminating the first and / or second interface elements after displaying the light effect animation corresponding to the outer contour of the first and / or second interface elements (such as the first light effect animation, the second light effect animation, etc.). The electronic device may also simultaneously display the light effect animation illuminating the first and / or second interface elements while displaying the light effect animation corresponding to the outer contour of the first and / or second interface elements; this application does not limit this to specific examples.

[0141] Optionally, the electronic device can display not only a first light effect animation and / or a second light effect animation, but also a light effect animation that gradually illuminates a first interface element following the first light effect animation and / or gradually illuminates a second interface element following the second light effect animation. In this way, when the electronic device interacts visually with the user, it can highlight the first interface element and / or the second interface element, making it easier for the user to clearly perceive changes in the interface and to quickly understand the status of the electronic device through these changes.

[0142] For example, taking the display of a first light effect animation and the display of a light effect animation that gradually illuminates the first interface element following the first light effect animation as an example, assuming the first interface is an AOD interface, the first interface element is the main object, and the second interface element is a wallpaper image, when the electronic device in the screen-off state receives a user's screen-raising operation, the electronic device can display as follows: Figure 12 As shown in (a) of the AOD interface, the first interface element of this AOD interface is a person, and the second interface element is a wallpaper image. Furthermore, the electronic device can determine the starting position of the light effect animation 1 corresponding to the person's outer contour as position 1 on the person's outer contour based on the trigger position of the screen-raising operation. Based on position 1 and the person's outer contour, the ending position of the light effect animation 1 is also determined as position 1. The light effect path 1 of the light effect animation 1 is position 1-position 2-position 3-position 4-position 1. Therefore, when the light effect animation 1 is at its starting position, the light effect animation 2 corresponding to the main body of the person is also displayed synchronously. The interface of the electronic device can be as follows: Figure 12 As shown in (b) in the figure, Figure 12 In step (b), position 1 begins to light up, and the display area near position 1 where the main body of the character is located also begins to light up. Then, light effect animation 1 moves along light effect path 1 through position 2 to position 3, and light effect animation 2 is displayed synchronously. Thus, the interface of the electronic device can be displayed as follows: Figure 12 As shown in (c) in the figure, Figure 12 The screen at position (c) is lit up, the portion of the character's outline between positions 1 and 3 is lit up, and the main body of the character within the area between positions 1 and 3 is lit up. When the light effect animation moves from position 3 through position 4 and back to position 1, the electronic device's interface can be displayed as follows: Figure 12 As shown in (d) in the figure, Figure 12 In step (d), the outline and main body of the character are fully lit, and light effect animation 1 and light effect animation 2 are displayed. After light effect animation 1 and light effect animation 2 are displayed, the interface of the electronic device can be displayed as follows: Figure 12 As shown in (e), Figure 12 The entire interface of the electronic device in (e) is fully lit up.

[0143] For example, taking the display of a light effect animation illuminating the first interface element after the first light effect animation is completed on an electronic device, assuming the first interface is an AOD interface, the first interface element is the main object, and the second interface element is a wallpaper image, when the electronic device, which is in a screen-off state, receives a user's screen-raising operation, the electronic device can display as follows: Figure 13The AOD interface shown in (a) has a first interface element of a character and a second interface element of a wallpaper image. Furthermore, the electronic device can determine the starting position of the light effect animation 1 corresponding to the character's outer contour as position 1 on the character's outer contour based on the trigger position of the screen-raising operation. The ending position of the light effect animation 1 is also determined as position 1 based on position 1 and the character's outer contour. The light effect path 1 of the light effect animation 1 is position 1-position 2-position 3-position 4-position 1. Therefore, when the light effect animation 1 travels from position 1 along the light effect path 1, passing through positions 2, 3, and 4 sequentially before returning to position 1, the interface of the electronic device can be as follows: Figure 13 As shown in (b) in the figure, Figure 13 In (b) of the image, the outline of the character is fully illuminated, and the first light effect animation is complete. Next, the electronic device begins displaying the second light effect animation corresponding to the main body of the character. The interface changes of the electronic device while displaying the second light effect animation can be described as follows: Figure 13 (c) Figure 13 As shown in (d) in the figure, by Figure 13 (c) and Figure 13 As shown in (d), the light effect animation 2 can be a process of gradually lighting up other display areas of the character's main body, starting from the display area near position 1. After the light effect animation 2 is displayed, the interface of the electronic device can... Figure 13 Switching to (d) in the middle Figure 13 (e) in Figure 13 The entire interface of the electronic device in (e) is fully lit up.

[0144] Optionally, the electronic device can display not only the first and third light effect animations, but also the light effect animation that illuminates the first interface element. In this way, when the electronic device interacts visually with the user, it can highlight the first interface element, making it easier for the user to clearly perceive changes in the interface and to quickly understand the status of the electronic device through these changes.

[0145] For example, taking the display of a first light effect animation, a third light effect animation, and a light effect animation that gradually illuminates the first interface element following the first light effect animation as an example, assuming the first interface is an AOD interface, the first interface element is the main object, and the second interface element is a wallpaper image, when the electronic device in the screen-off state receives a user's screen-raising operation, the electronic device can display as follows: Figure 14As shown in (a) of the AOD interface, the first interface element is a character, and the second interface element is a wallpaper image. Furthermore, the electronic device can determine the starting position of the light effect animation 1 and light effect animation 2 corresponding to the character's outer contour as position 1 on the character's outer contour based on the trigger position of the screen-raising operation. Based on position 1 and the character's outer contour, the ending position of light effect animation 1 and light effect animation 2 is also determined as position 1. The light effect path 1 of light effect animation 1 is position 1-position 2-position 3-position 4-position 5-position 1, and the light effect path 2 of light effect animation 2 is position 1-position 5-position 4-position 3-position 2-position 1. Therefore, when light effect animation 1 and light effect animation 2 are at their starting positions, the light effect animation 3 corresponding to the main body of the character is also displayed synchronously. The interface of the electronic device can be as follows: Figure 14 As shown in (b) in the figure, Figure 14 In step (b), position 1 begins to light up, and the display area near position 1 where the main body of the character is located also begins to light up. Then, light effect animation 1 moves along light effect path 1 to position 2, light effect animation 2 moves along light effect path 2 to position 5, and light effect animation 3 is displayed synchronously. Thus, the interface of the electronic device can be displayed as follows: Figure 14 As shown in (c) in the figure, Figure 14 In step (c), positions 2 and 5 begin to light up. The outline and main body of the character between positions 1 and 2 and between positions 1 and 4 are also lit up. Then, when light effect animation 1 moves along light effect path 1 to position 4 and light effect animation 2 moves along light effect path 2 to position 4, light effect animation 1 and light effect animation 2 meet. Light effect animation 3 is then displayed synchronously with light effect animation 1 and light effect animation 2. Thus, the interface of the electronic device can be displayed as follows: Figure 14 As shown in (d) in the figure, Figure 14 Starting from position 4 (d) in the image, the character's outline and main body are fully illuminated. Light effect animations 1, 2, and 3 are then displayed. After these animations are complete, the electronic device's interface can be viewed as follows: Figure 14 As shown in (e), Figure 14 The entire interface of the electronic device in (e) is fully lit up.

[0146] For example, taking the display of a light effect animation illuminating the first interface element after the electronic device has displayed the first and third light effect animations as an example, assuming the first interface is an AOD interface, the first interface element is the main object, and the second interface element is a wallpaper image, when the electronic device, which is in a screen-off state, receives a user's screen-raising operation, the electronic device can display as follows: Figure 15The AOD interface shown in (a) has a first interface element of a character and a second interface element of a wallpaper image. Furthermore, the electronic device can determine the starting position of the light effect animation 1 and light effect animation 2 corresponding to the character's outer contour as position 1 on the character's outer contour based on the trigger position of the screen-raising operation. The ending position of light effect animation 1 and light effect animation 2 is determined as position 1 based on position 1 and the character's outer contour. The light effect path 1 of light effect animation 1 is position 1-position 2-position 3-position 4-position 5-position 1, and the light effect path 2 of light effect animation 2 is position 1-position 5-position 4-position 3-position 2-position 1. Therefore, when light effect animation 1 and light effect animation 2 are at their starting positions, and when they gradually appear along light effect paths 1 and 2 respectively from position 1 and meet at position 4, the interface of the electronic device can be as follows: Figure 15 As shown in (b) in the figure, Figure 15 Position 4 in (b) is lit up, and the entire outline of the character is lit up. Light effect animation 1 and light effect animation 2 are displayed. Then, the electronic device begins to display light effect animation 3 corresponding to the main body of the character. The interface changes of the electronic device when displaying light effect animation 3 can be as follows: Figure 15 (c) Figure 15 As shown in (d) in the figure, by Figure 15 (c) and Figure 15 As shown in (d), the light effect animation 3 can be a process of gradually lighting up other display areas of the character's main body, starting from the display area near position 1. After the light effect animation 3 is displayed, the interface of the electronic device can... Figure 15 Switching to (d) in the middle Figure 15 (e) in Figure 15 The entire interface of the electronic device in (e) is fully lit up.

[0147] In some examples, electronic devices can display not only the light effect animation corresponding to the main object and / or graphic elements, but also the light effect animation of the outer edge of the wallpaper image, for example, in Figure 10 , Figures 12-15 In the lighting animation display scene, it can also display the lighting animation of the outer edge of the wallpaper image.

[0148] Optionally, the electronic device can display not only the second and fourth light effect animations, but also light effect animations that illuminate the second interface elements. In this way, when the electronic device interacts visually with the user, it can highlight the second interface elements, making it easier for the user to clearly perceive changes in the interface and to quickly understand the status of the electronic device through these changes.

[0149] Optionally, the electronic device can display not only the first, second, third, and fourth light effect animations, but also light effect animations that illuminate the first and / or second interface elements. In this way, when the electronic device interacts visually with the user, it can highlight the first and / or second interface elements, making it easier for the user to clearly perceive changes in the interface and to quickly understand the status of the electronic device through these changes.

[0150] In one possible implementation, the electronic device can composite the interface layer corresponding to the first interface with the layer corresponding to the light effect animation before displaying it. In this way, when displaying the light effect animation, the electronic device can demonstrate the relationship between the light effect animation and the interface elements in the first interface, improving the user's interactive experience.

[0151] Optionally, before the electronic device displays the composite of the interface layer corresponding to the first interface and the layer corresponding to the light effect animation, the electronic device can identify the interface elements of the first interface and extract the layer used to determine the starting position of the light effect animation based on the interface elements of the first interface. In this way, the electronic device can extract the layer corresponding to the interface elements based on the interface elements of the first interface, improving the adaptability between the layer used to determine the starting position of the light effect animation and the interface elements, thereby improving the user's visual interaction experience.

[0152] In some embodiments, when the interface elements of the first interface include a first interface element, the electronic device can extract a first layer including the outer contour of the first interface element; and / or, when the interface elements of the first interface include a second interface element, the electronic device can extract a second layer including the outer contour of the second interface element. Thus, the electronic device can extract layers including the outer contours of the corresponding interface elements based on the interface elements included in the first interface, and determine the lighting effect animation based on the outer contour of each interface element, improving the adaptability of the lighting effect animation to the interface elements, thereby enhancing the user's visual interaction experience.

[0153] In some possible embodiments, the user can pre-configure the first interface and light effect parameters corresponding to the light effect animation displayed by the electronic device in different states. After the configuration is completed, the electronic device can determine the type of each first interface according to the interface elements included in each first interface, determine the light effect animation according to the light effect parameters, and construct the mapping relationship between multiple light effect animations, user-triggered first interface display operations, and the type of first interface.

[0154] For example, the mapping relationship can be as follows: Figure 16 As shown, in Figure 16Each type of first interface can correspond to operations such as raise screen, double-tap, fingerprint unlock, power button touch, screen gaze, and face recognition to trigger the display of the first interface. The light effect animation corresponding to the first interface of the type of person, animal, building, etc. can be the outer contour of the person, animal, building, etc. and / or the outer contour of the first interface. The light effect animation corresponding to the graphic type of first interface can be the outer contour of the graphic. The light effect animation corresponding to other types of first interfaces can be the outer contour of the first interface.

[0155] In some possible embodiments, such as Figure 17 As shown, when the user performs an operation displayed on the first interface, the electronic device can perform the following steps: Step S1701: The electronic device receives an operation to trigger the display of the first interface; Step S1702: The electronic device identifies the trigger position corresponding to the operation to trigger the display of the first interface; Step S1703: The electronic device extracts the layer corresponding to the light effect animation based on the first interface; Step S1704: The electronic device determines the start position, light effect path, and end position on the layer corresponding to the light effect animation based on the trigger position; Step S1705: The electronic device draws the layer of the light effect animation; Step S1706: The electronic device combines the interface layer corresponding to the first interface with the layer corresponding to the light effect animation and displays it.

[0156] In some examples, when the electronic device performs step S1703, it can identify and segment the interface elements of the first interface using image segmentation technology, extract the outlines of the interface elements of the first interface, and extract the layers corresponding to the light effect animation (such as the first layer and / or the second layer).

[0157] For example, suppose the interface elements of the first interface include a first interface element and a second interface element, where the first interface element is a person and the second interface element is a wallpaper image, and the user's operation is a screen-raising operation, then as follows: Figure 18 As shown, the electronic device can determine the trigger position corresponding to the screen lift operation as position A, identify and segment the first interface elements and the second interface elements of the first interface using image segmentation technology, and extract the contours of the segmented first interface elements and the second interface elements to obtain the first layer and the second layer. Figure 18 (The image shows a portion of the contents of the first and second layers). Furthermore, the electronic device can determine the starting position of the light effect animation on the first layer as position B and the starting position of the light effect animation on the second layer as position C based on position A.

[0158] In this embodiment, the electronic device can determine the starting position of the light effect animation based on the trigger position corresponding to the user operation, and gradually display the light effect animation from the starting position along the light effect path to the ending position, thereby enhancing the correlation between the light effect animation and the user operation, improving the user's interactive experience and the intelligence of the light effect animation display.

[0159] The foregoing embodiments described a method for synchronously displaying light effect animations corresponding to each interface element when the first interface includes multiple interface elements. This application also provides another interface display method, which can display light effect animations based on the positional relationships between multiple interface elements when the first interface includes multiple interface elements. The following will describe in detail the other interface display method provided by this application embodiment with reference to the accompanying drawings.

[0160] like Figure 19 As shown, the interface display method may include S1901-S1903:

[0161] S1901, The electronic device displays the first interface in response to the operation that triggers the display of the first interface.

[0162] For information on displaying the first screen, please refer to the above text. Figure 2 The introduction of S201 will not be repeated.

[0163] S1902. The electronic device displays a first light effect animation that gradually appears from the first position of the first interface element along the first light effect path to the second position according to the operation that triggers the display of the first interface.

[0164] For information on displaying the first lighting effect animation, please refer to the above text. Figure 2 The introduction of S202 will not be repeated.

[0165] S1903. The electronic device determines the fifth position on the third interface element based on the positional relationship between the third interface element and the first interface element, determines the fifth light effect path and the sixth position based on the fifth position and the outer contour of the third interface element, and displays the fifth light effect animation that gradually appears from the fifth position along the fifth light effect path to the sixth position after displaying the first light effect animation.

[0166] In some examples, the fifth position can be the starting position of the light effect animation of the third interface element, and the sixth position can be the ending position of the light effect animation of the third interface element.

[0167] In some examples, the fifth position may be the same as the sixth position, or the fifth position may be different from the sixth position; this application does not impose any limitations on this.

[0168] As one possible approach, the electronic device can use the position on the outer contour of the third interface element that is closest to the endpoint of the light effect animation corresponding to the first interface element as the fifth position.

[0169] For example, such as Figure 20 As shown, the first element of the first interface is a circular graphic element, and the third element is a triangular graphic element. Assuming the starting and ending positions of the first element are both at position 1, and the first element's light effect path 1 is: position 1-position 2-position 3-position 4-position 1, the electronic device can determine the starting and ending positions of the third element as position 5 based on position 1 and the third element's light effect path 2: position 5-position 6-position 7-position 5. Therefore, the overall light effect animation path of the first interface can be: position 1-position 2-position 3-position 4-position 1-position 5-position 6-position 7-position 5. Figure 20 The image only shows a portion of the overall lighting path; for example, a portion of the overall lighting path is positions 1-5.

[0170] As one possible approach, when the display area of ​​the third interface element overlaps with the display area of ​​the first interface element, the electronic device can use the position on the outer contour of the third interface element that overlaps with the first interface element as the fifth position.

[0171] In some examples, when there are multiple positions on the outer contour of the third interface element that overlap with the first interface element, the electronic device can take the position where the light effect animation of the first interface element first passes through on the light effect path of the first interface element as the fifth position.

[0172] Optionally, when the display area of ​​the third interface element overlaps with the display area of ​​the first interface element, the electronic device may first display a portion of the first light effect animation, for example, displaying the first light effect animation from the first position along the first light effect path to the fifth position, and then displaying the fifth light effect animation. After the fifth light effect animation is displayed, the remaining first light effect animation can continue to be displayed, for example, the first light effect animation gradually displayed from the sixth position along the first light effect path to the second position.

[0173] For example, such as Figure 21 As shown, the first element of the first interface is a rectangular graphic element, and the third element is a triangular graphic element. The overlapping positions of the first and third interface elements are positions 3 and 4. Therefore, the overall light effect path of the overall light effect animation of the first interface can be: position 1-position 2-position 3-position 5-position 6-position 4-position 1.

[0174] As one possible approach, when the first interface element represents a first character and the third interface element represents a second character, the electronic device can identify the relationship between the first and second characters and determine the display order of the first light effect animation corresponding to the first interface element and the fifth light effect animation corresponding to the third interface element based on this relationship. In this way, the electronic device can adapt the display order of the light effect animations to the character relationship, improving the intelligence of the light effect animation display.

[0175] Optionally, after the electronic device determines the fifth position on the third interface element based on the positional relationship between the third interface element and the first interface element, and determines the fifth light effect path and the sixth position based on the fifth position and the outer contour of the third interface element, the first light effect animation and the fifth light effect animation can be displayed according to the determined display order.

[0176] In some examples, when the relationship between the first and second characters is that of friends, spouses, or lovers, the electronic device can display the first and second light effect animations simultaneously.

[0177] In some examples, when the relationship between the first person and the second person is one of superior and subordinate, teacher and student, the electronic device can first display the light effect animation corresponding to the superior or teacher, and then display the light effect animation corresponding to the subordinate or student. For example, assuming that the first person is the superior of the second person, the electronic device can first display the first light effect animation and then display the second light effect animation.

[0178] In this embodiment, the electronic device can determine the starting position, light effect path, and ending position of the light effect animation corresponding to the third interface element based on the positional relationship between the third interface element and the first interface element. This increases the linkage between the light effect animations of the interface elements in the first interface, improves the user's visual interaction experience, and enhances the intelligence of the light effect animation display.

[0179] The example above uses a raise-to-screen gesture to illustrate the process of displaying light effect animations. For examples of electronic devices displaying light effect animations in response to at least one of the following actions: double-tap, fingerprint unlock, power button touch, screen gaze, or facial recognition, please refer to the example above. Figures 6-15 , Figure 20 , Figure 21 The display process of the corresponding light effect animation, etc.

[0180] In some possible scenarios where light effect animations are displayed, electronic devices can also respond to fingerprint unlocking or facial recognition operations to perform fingerprint or facial authentication. After successful fingerprint or facial authentication, the light effect animation on the first screen is displayed. After the light effect animation on the first screen is completed, the electronic device can switch to the unlocked state.

[0181] It should be understood that the various solutions in the embodiments of this application can be used in a reasonable combination, and the explanations or descriptions of the various terms appearing in the embodiments can be referenced or explained to each other in the various embodiments, without limitation.

[0182] It should also be understood that, in the various embodiments of this application, the order of the above-mentioned processes does not imply the order of execution. The execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiments of this application.

[0183] The methods provided in the embodiments of this application above are described from the perspective of an electronic device as the executing entity. To implement the functions of the methods provided in the embodiments of this application above, the electronic device may include hardware structures and / or software modules, implementing the above functions in the form of hardware structures, software modules, or a combination of hardware structures and software modules. Whether a particular function is executed in the form of hardware structures, software modules, or a combination of hardware structures and software modules depends on the specific application and design constraints of the technical solution.

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

[0185] It should be understood that the various modules in an electronic device can be implemented in software and / or hardware, without specific limitations. In other words, input devices are presented in the form of functional modules. Here, "module" can refer to application-specific integrated circuits (ASICs), circuits, processors and memories that execute one or more software or firmware programs, integrated logic circuits, and / or other devices that can provide the above functions.

[0186] In the above embodiments, the terms "when..." or "after..." can be interpreted, depending on the context, as meaning "if...", "after...", "in response to determining...", or "in response to detecting...". Similarly, the phrases "when..." or "if (the stated condition or event) is detected" can be interpreted, depending on the context, as meaning "if...", "in response to determining...", "when (the stated condition or event) is detected", or "in response to detecting (the stated condition or event)". Furthermore, in the above embodiments, relational terms such as "first" and "second" are used to distinguish one entity from another, without limiting any actual relationship or order between these entities.

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

[0188] In the above embodiments, implementation can be achieved, in whole or in part, through software, hardware, firmware, or any combination thereof. When implemented in software, it can be implemented, in whole or in part, as a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, all or part of the processes or functions described in this embodiment are generated. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another. For example, the computer instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) means. The computer-readable storage medium can be any available medium accessible to a computer or a data storage device such as a server or data center that integrates one or more available media. The available medium can be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., a solid-state disk (SSD)). Where there is no conflict, the solutions in the above embodiments can be combined.

[0189] The steps of the methods or algorithms described in conjunction with the embodiments of this application can be implemented in hardware or by a processor executing software instructions. The software instructions can consist of corresponding software modules, which can be stored in RAM, flash memory, ROM, EPROM, EEPROM, registers, hard disk, portable hard disk, CD-ROM, or any other form of storage medium well known in the art. An exemplary storage medium is coupled to a processor, enabling the processor to read information from and write information to the storage medium. Of course, the storage medium can also be a component of the processor. The processor and storage medium can reside in an ASIC. Alternatively, the ASIC can reside in an electronic device. Of course, the processor and storage medium can also exist as discrete components in an electronic device.

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

Claims

1. A method for displaying an interface, characterized in that, Applied to electronic devices, the method includes: In response to an operation that triggers the display of the first interface, the first interface is displayed. The operation displays a light effect animation on the first interface. The light effect animation is gradually displayed from the starting position on the first interface along the light effect path to the ending position. The starting position is determined according to the trigger position corresponding to the operation.

2. The method according to claim 1, characterized in that, When the operation is received, the electronic device is in a screen-off state, and the operation is used to trigger the electronic device to switch from the screen-off state to a screen-off display state; Alternatively, when the operation is received, the electronic device is in the screen-off state, and the operation is used to trigger the electronic device to switch from the screen-off state to the unlocked state; Alternatively, when the operation is received, the electronic device is in a screen-on lock state, and the operation is used to trigger the electronic device to switch from the screen-on lock state to the unlock state.

3. The method according to claim 1 or 2, characterized in that, The first interface includes a first interface element and a second interface element. According to the operation, a light effect animation is displayed on the first interface, including: According to the operation, a first light effect animation is displayed, which gradually appears from the first position of the first interface element along the first light effect path to the second position, and / or, a second light effect animation is displayed, which gradually appears from the third position of the second interface element along the second light effect path to the fourth position.

4. The method according to claim 3, characterized in that, The starting position is also related to the interface elements included in the first interface, and the step of displaying the light effect animation of the first interface according to the operation includes: Determine the first position corresponding to the trigger position on the first interface element, determine the first light effect path and the second position based on the first position and the outer contour of the first interface element, and display the first light effect animation; and / or, determine the third position corresponding to the trigger position on the second interface element, determine the second light effect path and the fourth position based on the third position and the outer contour or outer edge of the second interface element, and display the second light effect animation.

5. The method according to claim 4, characterized in that, The first interface element is the main object on the first interface, and the first position is the position on the outer contour of the main object that is closest to the trigger position; The second interface element includes a graphic element, and the second position includes the position on the outer contour of the graphic element that is closest to the trigger position; and / or, the second interface element includes a wallpaper image, and the second position includes the position on the outer edge of the wallpaper image that is closest to the trigger position.

6. The method according to any one of claims 1-5, characterized in that, The operation includes at least one of the following: screen raise operation, double-tap operation, fingerprint unlock operation, power button touch operation, screen gaze operation, and face recognition operation.

7. The method according to claim 6, characterized in that, The trigger position for the screen lift operation is the opening position of the front-facing camera of the electronic device; the trigger position for the double-click operation is the contact position between the user and the first interface when the user performs the double-click operation; the trigger position for the fingerprint unlock operation is the fingerprint sensing area; the trigger position for the power button touch operation is the installation position of the power button; the trigger position for the screen gaze operation is the opening position of the front-facing camera of the electronic device; and the trigger position for the face recognition operation is the opening position of the front-facing camera of the electronic device.

8. The method according to any one of claims 3-7, characterized in that, When displaying a first light effect animation that gradually appears from a first position of the first interface element along a first light effect path to a second position, the method further includes: The third light effect animation is displayed gradually from the second position along the third light effect path to the first position until the first light effect animation and the third light effect animation meet; When displaying a second light effect animation that gradually appears from the third position of the second interface element along the second light effect path to the fourth position, the method further includes: The fourth light effect animation is displayed gradually from the fourth position along the fourth light effect path to the third position, until the second light effect animation and the fourth light effect animation meet.

9. The method according to any one of claims 3-8, characterized in that, The step of displaying the light effect animation of the first interface according to the operation further includes: Based on the positional relationship between the third interface element and the first interface element on the first interface, the fifth position on the third interface element is determined. Based on the fifth position and the outer contour of the third interface element, the fifth light effect path and the sixth position are determined. After displaying the first light effect animation, the fifth light effect animation is displayed, which gradually appears from the fifth position along the fifth light effect path to the sixth position.

10. The method according to any one of claims 4-9, characterized in that, The step of displaying the light effect animation of the first interface according to the operation further includes: Displays a light effect animation that illuminates the first interface element and / or the second interface element.

11. The method according to any one of claims 1-10, characterized in that, The light effect animation includes changes in one or more of the following: color, brightness, and shape of light spots.

12. An electronic device, characterized in that, The electronic device includes: A display screen is used to display the interface. Memory is used to store computer program instructions; A processor for executing the computer program instructions to support the electronic device in implementing the method as described in any one of claims 1-11.

13. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores computer program instructions that, when executed by a processing circuit, implement the method as described in any one of claims 1-11.

14. A computer program product containing instructions, characterized in that, When the computer program product is run on a computer, it causes the computer to perform the method as described in any one of claims 1-11.

Images