Display method and electronic device

Abstract

The application provides a display method and an electronic device. The method comprises the following steps: in the process that a first transition animation is displayed on a first interface of the electronic device, if the first transition animation displayed on the first interface is interrupted, the electronic device can continue to play the part of the first transition animation which is not played in the second interface after switching, so as to enrich the application scenarios of the transition animation of the electronic device and improve the user experience.

Description

Technical Field

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

[0002] One-shot transition effects, also known as transition animations, can be understood as the animation effects displayed when switching between different modes on a device, thereby improving the user's visual experience when using a mobile phone. However, the current application scenarios for transition animations are limited. Summary of the Invention

[0003] To address the aforementioned technical problems, this application provides a display method and an electronic device. In this method, the electronic device can provide display modes for transition animations in different scenarios, thereby enriching the application scenarios of transition animations on the electronic device and improving the user experience.

[0004] Firstly, this application provides an electronic device. The electronic device includes a memory and a processor; the processor is coupled to the memory; the memory stores program instructions, which, when executed by the processor, cause the electronic device to perform the following steps: in response to a received first user operation, displaying a first interface on the screen of the electronic device, and playing a first transition animation on the first interface. When the first image frame of the first transition animation is played on the first interface, in response to a received second user operation, the first interface on the screen of the electronic device switches to a second interface; playing image frames from the first image frame to the last image frame of the first transition animation on the second interface; wherein the first image frame is any image frame between the first image frame and the last image frame of the first transition animation. Thus, when the electronic device of this application is playing a transition animation corresponding to the current mode, if the transition animation is interrupted and switched to another interface, the electronic device can continue playing the unfinished portion of the interrupted transition animation on the other interface. This provides a method for interrupted playback to enrich the application scenarios of transition animations on electronic devices, thereby improving the user experience.

[0005] For example, an electronic device can first turn off the screen before entering lock screen mode, and then display the lock screen interface of lock screen mode.

[0006] For example, when an electronic device is in screen-off mode, the display screen may also include text information, such as time and date.

[0007] For example, when an electronic device enters lock screen mode, the text information in the screen-off mode disappears.

[0008] For example, during the transition animation of the lock screen mode, the second display frame of the electronic device can display text information, such as time and date.

[0009] According to the first aspect, when the program instructions are executed by the processor, the electronic device performs the following steps: when a second image frame between the first image frame and the last image frame of the first transition animation is played in the second interface, in response to a received third user operation, the second interface on the display of the electronic device is switched to a third interface; image frames between the second image frame and the last image frame of the first transition animation are played in the third interface; wherein the second image frame is any image frame between the first image frame and the last image frame of the first transition animation. Thus, when the electronic device continues to play an unfinished transition animation from the always-on display in the second interface, such as the lock screen interface, the transition animation is interrupted again, and the device switches to the desktop. The unfinished transition animation can then continue playing on the desktop.

[0010] According to the first aspect, or any implementation of the first aspect above, when the program instructions are executed by the processor, the electronic device performs the following steps: when the third interface plays the last image frame of the first transition animation, the second and third transition animations continue to play. In this way, after playing the remaining transition animations of the screen-off mode, the desktop can continue playing the transition animations corresponding to the lock screen mode and the desktop transition animations.

[0011] For example, the second transition animation is a lock screen mode transition animation, and the third transition animation is a desktop mode transition animation.

[0012] According to the first aspect, or any implementation of the first aspect above, the first transition animation, the second transition animation, and the third transition animation are consecutive image frames.

[0013] According to the first aspect, or any implementation of the first aspect above, when the program instructions are executed by the processor, the electronic device performs the following steps: when the second interface plays the last image frame of the first transition animation, the second transition animation continues to play on the second interface. In this way, after the transition animation of the interface before the switch has finished playing, the switched interface can continue playing the transition animation corresponding to the current interface.

[0014] According to the first aspect, or any implementation thereof, when the program instructions are executed by the processor, the electronic device performs the following steps: when the second interface plays to the third image frame of the second transition animation, in response to a received fourth user operation, a third interface is displayed on the electronic display screen; the third image frame is played to the last image frame of the second transition animation in the third interface, and the third transition animation continues to play after reaching the last image frame of the second transition animation. Thus, when the second interface is interrupted while playing the transition animation corresponding to the second interface, the electronic device can continue playing the unfinished portion of the second transition animation and the transition animation corresponding to the third interface in the switched third interface.

[0015] According to the first aspect, or any of the above implementations of the first aspect, the first interface is the always-on display, the second interface is the lock screen, and the third interface is the desktop.

[0016] According to the first aspect, or any of the above implementations of the first aspect, the first interface is the always-on screen, and the second interface is the desktop.

[0017] According to the first aspect, or any implementation of the first aspect above, the first interface also includes one or more screen-off text messages; the other parts of the first interface, except for the text messages and the first sub-video being played, are all black screens.

[0018] According to the first aspect, or any implementation of the first aspect above, when the program instructions are executed by the processor, the electronic device performs the following steps: when the second interface plays the last image frame of the first transition animation, the second interface continues to play the second transition animation and the third transition animation. For example, if the second interface is the desktop, that is, after the screen-off interface switches to the desktop, the desktop can continue playing the unfinished portion of the screen-off interface's transition animation, and continue playing the lock screen's transition animation and the desktop's transition animation.

[0019] According to the first aspect, or any of the above implementations of the first aspect, the first interface is the lock screen interface, and the second interface is the desktop.

[0020] According to the first aspect, or any implementation of the first aspect above, the first interface includes a first display frame, in which image frames of a first transition animation are played. When the program instructions are executed by the processor, the electronic device performs the following steps: when the first image frame of the first transition animation is played in the first display frame, in response to a received second user operation, the first interface on the display screen of the electronic device is switched to a second interface, the second interface including a second display frame, the size of the second display frame being the same as the size of the first display frame, and the position of the second display frame on the display screen being the same as the position of the first display frame on the display screen; the second display frame is gradually enlarged and moved towards the center of the display screen of the electronic device; wherein, during the process of the second display frame gradually enlarging and moving towards the center of the display screen of the electronic device, image frames from the first image frame to the last image frame of the first transition animation are played in the second display frame. In this way, when switching from the screen-off mode to the lock screen mode, the transition animation of the screen-off mode can be played in a gradually enlarging manner to improve the continuity of the transition animation from the screen-off mode to the lock screen mode.

[0021] According to the first aspect, or any implementation thereof, when the program instructions are executed by the processor, the electronic device performs the following steps: when the second display frame is enlarged to a first size and moved to a first position on the display screen, and when a fourth image frame between the first image frame and the last image frame of the first transition animation is played in the second display frame, in response to a received fifth user operation, the second interface on the display screen of the electronic device switches to a third interface; the third interface includes a third display frame, the third display frame being the first size, and the third display frame being at a first position on the display screen; the third display frame is gradually enlarged and moved towards the center of the display screen; wherein, during the process of the third display frame gradually enlarging and moving towards the center of the display screen of the electronic device, image frames between the fourth image frame and the last image frame of the first transition animation, the second transition animation, and the third transition animation are played in the third display frame. Thus, the transition animation in the lock screen interface can be displayed in the lock screen interface in a gradually enlarging manner. For example, if the transition animation of the lock screen interface is interrupted during the gradual enlargement process, the remaining transition animation of the lock screen interface will continue to be played on the desktop of the electronic device in a gradually enlarging manner to improve the continuity of mode switching.

[0022] According to the first aspect, or any implementation of the first aspect above, the first transition animation, the second transition animation, and the third transition animation are consecutive image frames.

[0023] Secondly, this application provides a display method. The method includes: an electronic device, in response to a received first user operation, displaying a first interface on a screen of the electronic device, and playing a first transition animation on the first interface; when a first image frame from the first transition animation is played on the first interface, the electronic device, in response to a received second user operation, switches the first interface on the screen of the electronic device to a second interface; the second interface plays image frames from the first image frame to the last image frame of the first transition animation; wherein the first image frame is any image frame between the first image frame and the last image frame of the first transition animation.

[0024] According to the second aspect, or any implementation of the second aspect above, the method further includes: when a second image frame between the first image frame and the last image frame of the first transition animation is played in the second interface, in response to a received third user operation, switching the second interface on the display screen of the electronic device to a third interface; playing image frames between the second image frame and the last image frame of the first transition animation in the third interface; wherein the second image frame is any image frame between the first image frame and the last image frame of the first transition animation.

[0025] According to the second aspect, or any implementation of the second aspect above, the method further includes: when the third interface plays to the last image frame of the first transition animation, continuing to play the second transition animation and the third transition animation.

[0026] According to the second aspect, or any implementation of the second aspect above, the first transition animation, the second transition animation, and the third transition animation are consecutive image frames.

[0027] According to the second aspect, or any implementation of the second aspect above, the method further includes: when the second interface plays to the last image frame of the first transition animation, the second transition animation continues to play on the second interface.

[0028] According to the second aspect, or any implementation of the second aspect above, the method further includes: when the second interface plays to the third image frame of the second transition animation, in response to the received fourth user operation, displaying the third interface on the electronic display screen; playing the third image frame to the last image frame of the second transition animation in the third interface, and continuing to play the third transition animation after playing to the last image frame of the second transition animation.

[0029] According to the second aspect, or any of the above implementations of the second aspect, the first interface is the always-on screen interface, the second interface is the lock screen interface, and the third interface is the desktop.

[0030] According to the second aspect, or any of the above implementations of the second aspect, the first interface is the always-on screen, and the second interface is the desktop.

[0031] According to the second aspect, or any implementation of the second aspect above, the first interface also includes one or more screen-off text messages; the other parts of the first interface, except for the text messages and the first sub-video being played, are all black screens.

[0032] According to the second aspect, or any implementation of the second aspect above, the method further includes: when the second interface plays to the last image frame of the first transition animation, the second transition animation and the third transition animation continue to play on the second interface.

[0033] According to the second aspect, or any of the implementations of the second aspect above, the first interface is the lock screen interface, and the second interface is the desktop.

[0034] According to the second aspect, or any implementation of the second aspect above, the first interface includes a first display frame, in which image frames of a first transition animation are played; when the first image frame of the first transition animation is played in the first interface, the electronic device, in response to a received second user operation, switches the first interface on the display screen of the electronic device to the second interface, including: when the first image frame of the first transition animation is played in the first display frame, in response to a received second user operation, the first interface on the display screen of the electronic device switches to the second interface, the second interface includes a second display frame, the size of the second display frame is the same as the size of the first display frame, and the position of the second display frame on the display screen is the same as the position of the first display frame on the display screen; the second display frame is gradually enlarged and moved towards the center of the display screen of the electronic device; wherein, during the process of the second display frame gradually enlarging and moving towards the center of the display screen of the electronic device, image frames between the first image frame and the last image frame of the first transition animation are played in the second display frame.

[0035] According to the second aspect, or any implementation thereof, when the program instructions are executed by the processor, the electronic device performs the following steps: when the second display frame is enlarged to a first size and moved to a first position on the display screen, and when the second display frame is playing a fourth image frame between the first image frame and the last image frame of the first transition animation, in response to a received fifth user operation, the second interface on the display screen of the electronic device is switched to a third interface; the third interface includes a third display frame, the size of which is the first size, and the third display frame is located at a first position on the display screen; the third display frame is gradually enlarged and moved toward the center of the display screen; wherein, during the process of the third display frame being gradually enlarged and moving toward the center of the display screen of the electronic device, the third display frame plays image frames between the fourth image frame and the last image frame of the first transition animation, the second transition animation, and the third transition animation.

[0036] According to the second aspect, or any implementation of the second aspect above, the first transition animation, the second transition animation, and the third transition animation are consecutive image frames.

[0037] The second aspect and any implementation thereof correspond to the first aspect and any implementation thereof, respectively. The technical effects of the second aspect and any implementation thereof are similar to those of the first aspect and any implementation thereof, and will not be repeated here.

[0038] Thirdly, this application provides a computer-readable medium for storing a computer program including instructions for performing the methods in the second aspect or any possible implementation thereof.

[0039] Fourthly, this application provides a computer program including instructions for performing the methods in the second aspect or any possible implementation thereof.

[0040] Fifthly, this application provides a chip including a processing circuit and transceiver pins. The transceiver pins and the processing circuit communicate with each other via an internal connection path. The processing circuit executes the method in the second aspect or any possible implementation of the second aspect to control the receiving pin to receive signals and to control the transmitting pin to transmit signals. Attached Figure Description

[0041] Figure 1 A schematic diagram of the hardware structure of an electronic device as an example;

[0042] Figure 2 A schematic diagram of the software structure of an electronic device as an example;

[0043] Figures 3a to 3f This is an example of how transition animations are displayed;

[0044] Figure 4 A schematic diagram illustrating the processing of image frames played in screen-off mode as an example;

[0045] Figures 5a-5d This is an example of how to display a transition animation from screen-off mode to lock screen mode;

[0046] Figures 6a to 6d This is an example of how to display a transition animation from screen-off mode to lock screen mode;

[0047] Figures 7a-7b This is an example of how to display a transition animation from screen-off mode to lock screen mode;

[0048] Figures 8a-8b This is an example of how to display a transition animation from screen-off mode to lock screen mode;

[0049] Figures 9a-9c This is an example of how to display a transition animation from screen-off mode to lock screen mode;

[0050] Figures 10a-10b This is an example of how to display a transition animation from screen-off mode to lock screen mode;

[0051] Figure 11 These are examples illustrating how transition animations are displayed in different application scenarios;

[0052] Figures 12a-12e This is an example of how to display transition animations from always-on mode to lock screen mode and from lock screen mode to desktop mode.

[0053] Figures 13a-13d This is an example of how to display transition animations from always-on mode to lock screen mode and from lock screen mode to desktop mode.

[0054] Figures 14a-14b This is an example of how to display transition animations from always-on mode to lock screen mode and from lock screen mode to desktop mode.

[0055] Figure 15 This is an example of how the transition animation from desktop mode to always-on display mode is shown.

[0056] Figure 16 This is an example of how the transition animation from desktop mode to always-on display mode is shown.

[0057] Figure 17This is an example of how the transition animation from lock screen mode to always-on screen mode is displayed;

[0058] Figure 18 This is an example of how the transition animation from lock screen mode to always-on screen mode is displayed;

[0059] Figure 19 This is an example of how the transition animation from lock screen mode to always-on screen mode is displayed;

[0060] Figure 20 This is a schematic diagram of the structure of an exemplary device. Detailed Implementation

[0061] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0062] In this article, the term "and / or" is merely a description of the relationship between related objects, indicating that there can be three relationships. For example, A and / or B can represent three situations: A exists alone, A and B exist simultaneously, and B exists alone.

[0063] The terms "first" and "second," etc., used in the specification and claims of this application are used to distinguish different objects, not to describe a specific order of objects. For example, "first target object" and "second target object," etc., are used to distinguish different target objects, not to describe a specific order of target objects.

[0064] In the embodiments of this application, the terms "exemplary" or "for example" are used to indicate that something is an example, illustration, or description. Any embodiment or design that is described as "exemplary" or "for example" in the embodiments of this application should not be construed as being more preferred or advantageous than other embodiments or design. Specifically, the use of the terms "exemplary" or "for example" is intended to present the relevant concepts in a specific manner.

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

[0066] Figure 1 A schematic diagram of the structure of the electronic device 100 is shown. It should be understood that... Figure 1The electronic device 100 shown is merely an example of an electronic device, and the electronic device 100 may have more or fewer components than those shown in the figure, may combine two or more components, or may have different component configurations. Figure 1 The various components shown can be implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and / or application-specific integrated circuits.

[0067] Electronic device 100 may include: processor 110, external memory interface 120, internal memory 121, universal serial bus (USB) interface 130, charging management module 140, power management module 141, battery 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, sensor module 180, button 190, motor 191, indicator 192, camera 193, display screen 194, and subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer sensor 180E, a distance sensor 180F, a proximity sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

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

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

[0070] 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.

[0071] 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.

[0072] It is understood that the interface connection relationships between the modules illustrated in the embodiments of this application are merely illustrative and do not constitute a structural limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may also employ different interface connection methods or combinations of multiple interface connection methods as described in the above embodiments.

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

[0074] The power management module 141 connects the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140, providing power to the processor 110, internal memory 121, external memory, display screen 194, camera 193, and wireless communication module 160, etc. The power management module 141 can also monitor parameters such as battery capacity, battery cycle count, and battery health status (leakage current, impedance). In some other embodiments, the power management module 141 may also be located within the processor 110. In other embodiments, the power management module 141 and the charging management module 140 may be located in the same device.

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

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

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

[0078] The modem processor may include a modulator and a demodulator. The modulator modulates the low-frequency baseband signal to be transmitted into a mid-to-high frequency signal. The demodulator demodulates the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After processing by the baseband processor, the low-frequency baseband signal is transmitted to the application processor. The application processor outputs sound signals through audio devices (not limited to speaker 170A, receiver 170B, etc.) or displays images or videos through the display screen 194. In some embodiments, the modem processor may be a separate device. In other embodiments, the modem processor may be independent of the processor 110 and may be housed in the same device as the mobile communication module 150 or other functional modules.

[0079] The wireless communication module 160 can provide solutions for wireless communication applications on the electronic device 100, including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR) technologies. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via antenna 2, performs frequency modulation and filtering of the electromagnetic wave signals, and sends the processed signal to processor 110. The wireless communication module 160 can also receive signals to be transmitted from processor 110, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via antenna 2.

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

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

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

[0083] Camera 193 is used to capture still images or videos. An object is projected onto a photosensitive element by generating an optical image through the lens. 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 for conversion into a digital image signal. The ISP outputs the digital image signal to a DSP for processing. The DSP converts the digital image signal into image signals in standard RGB, YUV, or other formats. In some embodiments, the electronic device 100 may include one or N cameras 193, where N is a positive integer greater than 1.

[0084] Digital signal processors (DSPs) are used to process digital signals. Besides digital image signals, they can also process other digital signals. For example, when electronic device 100 selects a frequency, the DSP can perform Fourier transforms on the frequency energy.

[0085] Video codecs are used to compress or decompress digital video. Electronic device 100 may support one or more video codecs. Thus, electronic device 100 can play or record videos in various encoding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, MPEG4, etc.

[0086] The external storage interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 through the external storage interface 120 to perform data storage functions. For example, music, video, and other files can be saved on the external memory card.

[0087] Internal memory 121 can be used to store computer executable program code, which includes instructions. Processor 110 executes various functional applications and data processing of electronic device 100 by running the instructions stored in internal memory 121. Internal memory 121 may include a program storage area and a data storage area. The program storage area may store the operating system, at least one application program required for a function (such as sound playback function, image playback function, etc.), etc. The data storage area may store data created during the use of electronic device 100 (such as audio data, phone book, etc.). In addition, internal memory 121 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc. Exemplarily, in this embodiment, processor 110 can implement the display mode of transition animation from screen-off mode to lock screen mode, lock screen mode to desktop mode, and desktop mode or lock screen mode to screen-off mode in this embodiment by running the instructions stored in internal memory 121.

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

[0089] The audio module 170 is used to convert digital audio information into analog audio signals for output, and also to convert analog audio input into digital audio signals. The audio module 170 can also be used for encoding and decoding audio signals. In some embodiments, the audio module 170 may be located in the processor 110, or some functional modules of the audio module 170 may be located in the processor 110.

[0090] Pressure sensor 180A is used to sense pressure signals and convert them into electrical signals. In some embodiments, pressure sensor 180A can be disposed on 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 parallel plates with conductive material. When force is applied to pressure sensor 180A, the capacitance between the electrodes changes. Electronic device 100 determines the pressure intensity based on the change in capacitance. When a touch operation is applied to display screen 194, electronic device 100 detects the intensity of the touch operation based on pressure sensor 180A. Electronic device 100 can also calculate the touch position based on the detection signal from pressure sensor 180A. In some embodiments, touch operations applied to the same touch position but with different touch operation intensities 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 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 is executed.

[0091] Fingerprint sensor 180H is used to collect fingerprints. Electronic device 100 can utilize the collected fingerprint characteristics to achieve fingerprint unlocking, access application lock, fingerprint photography, fingerprint answering of calls, etc. For example, in this embodiment, fingerprint sensor 180H can collect the fingerprint of a user touching a touchscreen and transmit the collected fingerprint to processor 110. Exemplarily, processor 110 can unlock electronic device 100 based on the fingerprint information input by fingerprint sensor 180H.

[0092] Touch sensor 180K, also known as a "touch panel," can be located on display screen 194. The touch sensor 180K and display screen 194 together form a touchscreen, also known as a "touch screen." Touch sensor 180K detects touch operations applied to or near it. The touch sensor can transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through display screen 194. In other embodiments, touch sensor 180K may also be located on the surface of electronic device 100, in a different position than display screen 194.

[0093] Button 190 includes a power button, volume buttons, etc. Button 190 can be a mechanical button or a touch button. Electronic device 100 can receive button input and generate key signal inputs related to user settings and function control of electronic device 100. For example, in this embodiment, when electronic device 100 is in screen-off mode, the user clicks the power button. Electronic device 100 can respond to the received user click on the power button and enter screen-lock mode from screen-off mode. For example, when electronic device 100 is in screen-lock mode or desktop mode, if electronic device 100 receives a user click on the power button, electronic device 100 enters screen-off mode from screen-lock mode or desktop mode.

[0094] For example, the software system of electronic device 100 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This application embodiment uses the layered architecture Android system as an example to illustrate the software structure of electronic device 100.

[0095] Figure 2 This is a software structure block diagram of the electronic device 100 according to an embodiment of this application.

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

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

[0098] like Figure 2 As shown, the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, SMS, and wallpaper. For example, the wallpaper application can implement the display method of wallpapers or transition animations in the embodiments of this application. For instance, the wallpaper application can provide a user interface to allow users to change the wallpaper or the video displayed in the transition animation.

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

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

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

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

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

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

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

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

[0107] The Android Runtime consists of core libraries and a virtual machine. The Android runtime is responsible for the scheduling and management of the Android system.

[0108] The core library consists of two parts: one part is the functionalities that need to be called by the Java language, and the other part is the Android core library.

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

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

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

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

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

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

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

[0116] Understandable, Figure 2 The components included in the system framework layer, system library, and runtime layer shown do not constitute a specific limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may include more or fewer components than shown, or combine some components, or split some components, or have different component arrangements.

[0117] For example, this application provides a method for displaying transition animations, which makes the display of transition animations smoother and the transitions more seamless, thereby improving the user experience. To enable those skilled in the art to better understand the method for displaying transition animations in this application, a brief introduction to transition animations is given below. Figures 3a to 3f This is an example of how transition animations are displayed.

[0118] Please refer to Figure 3aFor example, the video segment 301 corresponding to the transition animation (also known as transition effect, transition animation, etc.) includes 180 image frames (also known as video frames, etc.). It should be noted that the transition animations involved in the embodiments of this application can be understood as animation effects used during the transition between different modes. The modes in the embodiments of this application include, but are not limited to: screen-off mode, lock screen mode, and desktop mode. For example, the screen-off mode transition animation involved in the following embodiments of this application may optionally be the animation effect played on the display screen of the electronic device when switching from desktop mode to screen-off mode. The lock screen mode transition animation may optionally be the animation effect played on the display screen of the electronic device when switching from screen-off mode to lock screen mode. The desktop mode transition animation may optionally be the animation effect played on the display screen of the electronic device when switching from lock screen mode to desktop mode. Optionally, desktop mode may also be called unlock mode, which is not limited in this application.

[0119] For example, the screen-off mode can optionally be a mode that the electronic device enters after receiving a user's click of the power button, in which the electronic device turns off the screen and displays a transition animation of the screen-off mode on the off display.

[0120] For example, the lock screen mode can optionally be the screen lock of the electronic device. For example, in screen-off mode, user touch or button operations on the phone can optionally cause the electronic device to enter lock screen mode. For example, lock screen mode locks the screen, requiring the user to unlock it before accessing the home screen. For example, lock screen mode can provide functions that do not require unlocking, such as camera functions and widgets. In other words, users can perform corresponding operations on the electronic device in lock screen mode, while in screen-off mode, when the user touches the electronic device, the electronic device will enter lock screen mode.

[0121] For example, desktop mode is the mode in which an electronic device is unlocked. For example, a user can operate the electronic device in desktop mode to use the corresponding functions provided by the device. For instance, a user can use chat applications, video applications, etc.

[0122] It should be noted that the mode switching in this application embodiment includes, for example, switching from screen-off mode to lock screen mode, switching from lock screen mode to desktop, or switching from desktop (or lock screen mode) to screen-off mode, optionally a switch of interfaces. For example, switching from screen-off mode to lock screen mode may optionally mean switching the screen-off interface displayed on the phone's screen to the lock screen interface. In this application embodiment, each interface (including the screen-off interface, lock screen interface, and desktop) is a full-screen display interface. That is, when the display switches from one interface (e.g., the screen-off interface) to another interface (e.g., the lock screen interface), the previous interface (i.e., the screen-off interface) is not displayed, and the switched interface (i.e., the lock screen interface) is displayed in full screen on the display.

[0123] It should be further noted that the number of image frames included in the transition animations in this application embodiment is merely illustrative and is not intended to limit the scope of the application. For example, when the phone is in lock screen mode or desktop mode, the user clicks the power button. In response to the received operation, the phone enters screen-off mode.

[0124] Still refer to Figure 3a For example, the always-on display screen 302 of the mobile phone includes a transition animation display box 303 and a time control, etc. The transition animation display box 303 displays the first image frame of the video clip 301.

[0125] For example, the mobile phone can sequentially play image frames from video clip 301 within the transition animation display box 303. Please refer to... Figure 3b For example, the phone pre-sets keyframes for the screen-off mode. The keyframe may optionally be the last image frame played in the current mode. For instance, the keyframe for the screen-off mode is image frame 304 in video clip 301. For example, the phone's transition animation display box 303 plays the image frames in video clip 301 sequentially until it reaches image frame 304. The image displayed in the transition animation display box 303 will remain at image frame 304. This can be understood as the image in the transition animation display box 303 of the screen-off interface 302 being frozen on image frame 304, while other controls (such as time controls) operate normally.

[0126] It should be noted that the phone can process the image frames in the transition animation corresponding to the screen-off mode to ensure that each image frame meets the size requirements of the transition animation display frame 303. For an example, please refer to... Figure 4For example, taking image frame 304 as an example, the mobile phone performs grayscale processing on image frame 601. The mobile phone selects one or more main parts in the grayscale processed image frame 304 according to a set size (e.g., 1440*800, which is not limited in this application). The size of each main part is a set size. Optionally, multiple main parts can partially overlap. The terminal can calculate the difference value of each individual pixel in each main part. The difference value of a single pixel is the difference value between that pixel and its surrounding pixels. The mobile phone can obtain the sum of the difference values ​​of each pixel in the main part, which is the difference value of that main part. The mobile phone can crop the main part with the largest difference value from image frame 304. Furthermore, the size of the cropped main part is adjusted according to a specific ratio (e.g., reduced by 50%) to obtain the adjusted main part. The mobile phone adds a specific shape mask to the resized main part. For example, the characteristic shape mask can be a rectangular mask, a circular mask, a triangular mask, etc., which is not limited in this application. The processed image frame is the image displayed in the transition animation display box 303. It should be noted that this embodiment only uses a rectangular mask as an example. In other embodiments, if a circular mask is used during processing, the shape of the transition animation display box 303 can be circular or triangular, etc., and this application does not impose any limitations.

[0127] Still refer to Figure 3b For example, on the always-on display 302, a user can enter lock screen mode by touching the power button or the screen itself. Please refer to... Figure 3c For example, the phone enters lock screen mode. The lock screen interface 305 of the phone sequentially plays image frames of the lock screen mode transition animation. For example, the first image frame of the lock screen mode transition animation may optionally be the last image frame of the screen-off mode transition animation, that is, the keyframe of the screen-off mode (e.g., image frame 304).

[0128] For example, the lock screen interface 305 may also include one or more controls, such as a time control, a network control, a battery control, etc. For example, the one or more controls shown in the lock screen interface 305 may also be displayed when the transition animation of the lock screen mode plays to any frame. Optionally, the one or more controls may be displayed in a fly-in, fade-in, or other manner, which is not limited in this application.

[0129] Please refer to Figure 3dFor example, similar to the always-on display mode, the transition animation played in the lock screen 303 plays to a key frame of the lock screen mode. For instance, image frame 306 is a key frame of the lock screen mode, and correspondingly, the transition animation played in the lock screen 303 stops after playing to image frame 306. That is, before the phone is unlocked or re-enters the always-on display mode, the image displayed in the lock screen 305 is always image frame 306. For example, the user can unlock the phone by swiping to unlock, fingerprint unlocking, etc. In response to the received user operation, the phone enters desktop mode (also known as unlock mode).

[0130] Please refer to Figure 3e For example, the phone enters desktop mode. Image frames of the desktop mode transition animation are played sequentially on the desktop (also referred to as the phone's display interface) 307. For example, the first image frame of the desktop mode transition animation may optionally be the last image frame of the lock screen mode transition animation, that is, the keyframe of the lock screen mode (e.g., image frame 306).

[0131] Optionally, the image frames in the transition animation of desktop mode can be displayed on desktop 307 in a tiling, stretching, or other manner. For example, desktop 307 may also include one or more controls, such as time controls, network controls, battery controls, application icon controls, etc. For example, the one or more controls shown on desktop 307 may also be displayed when the transition animation of desktop mode reaches any frame. Optionally, the one or more controls may be displayed in a fly-in, fade-in, or other manner; this application is not limited to this. It should be noted that this embodiment of the application uses unlocking from lock screen mode to enter the desktop as an example. In other embodiments, the phone may also enter the interface displayed before the phone screen is turned off, such as a webpage.

[0132] Please refer to Figure 3f For example, the transition animation playing in desktop 307 plays to a keyframe in desktop mode, such as image frame 308. Accordingly, the transition animation playing in desktop 307 stops after playing to image frame 308.

[0133] This application provides a display method for the transition animation from screen-off mode to lock screen mode, which makes the transition animation from screen-off mode to lock screen mode smoother and more continuous. Figures 5a-5d This example illustrates a display method for a transition animation from screen-off mode to lock screen mode. Please refer to... Figure 5a (1) For example, after the phone enters the screen-off mode, the screen-off mode transition animation is played in the screen-off mode transition animation display box 502, and the animation is frozen at the last frame of the screen-off mode (i.e., the key frame of the screen-off mode), for example Figure 3b Image frame 304 in the image; other descriptions can be found in [the image frame]. Figures 3a-3bThis will not be elaborated upon here.

[0134] For example, when the phone receives a user's action such as pressing the power button, the phone enters lock screen mode. Please refer to... Figure 5a (2) For example, the phone displays the lock screen interface 503. Optionally, the time controls and other elements in the always-on display interface 502 disappear. The phone starts playing a transition animation on the lock screen interface 503. Optionally, the screen can be black before entering the lock screen mode from the always-on mode, and the lock screen interface 503 is displayed after the screen goes black.

[0135] Still refer to Figure 5a (2) For example, the lock screen interface 503 includes a view frame 504 and an image rendering frame 505. For example, the center point of the view frame 504 is located in the lock screen interface 503, and... Figure 5a The center point of the transition animation display box 502 in (1) is in the same position as the screen-off interface 501. Herein, the center point refers to the geometric center of the view frame or the transition animation display box (the same applies below and will not be repeated).

[0136] Optionally, in this embodiment, the field of view 504 is described as a rectangular frame. In other embodiments, the field of view 504 may be other shapes, such as a circle or a triangle, and this application does not limit it.

[0137] For example, in this embodiment, the size and position of the view frame 504 in the lock screen interface 503 are the same as the size and position of the transition animation display frame 502 in the always-on display interface 501. For example, in this embodiment, the description is based on the example that the center point of the view frame 504 and the center point of the lock screen interface 503 are on the same vertical line, and that the center point of the transition animation display frame 502 and the center point of the always-on display interface 501 are on the same vertical line.

[0138] In this embodiment, the view frame 504 is used to display a portion of the superimposed image frame 505. It should be noted that the portion outside the view frame 504 may optionally be a black screen. That is, from the user's perspective, the lock screen 503 currently only displays an image within the view frame 504; all other portions of the lock screen 503 outside the view frame 504 are black.

[0139] For example, the first image frame of the transition animation in the lock screen mode included in the image diagram 505 is the last frame of the screen-off mode (i.e., the key frame of the screen-off mode). In other words, in this embodiment of the application, during the transition from the screen-off mode to the lock screen mode, the first image frame displayed in the lock screen mode and the last image frame of the screen-off mode are the same image frame, thereby making the transition between the lock screen mode and the screen-off mode more seamless and improving the user experience.

[0140] For example, as described above, the image displayed in the transition animation display box 502 is cropped and resized. Correspondingly, the image size displayed in the image representation box 505 corresponds to the size of the resized image. For example, as described above... Figure 4 The phone will reduce the size of its main body by 50% according to a preset ratio. Therefore, in... Figure 5a In (2), the size of the image in the image schematic box 505 is the same as the original image (e.g., Figure 3d The image frame 304 in the image is obtained by scaling down by 50%. The above dimensions are merely illustrative examples and are not intended to limit the scope of this application.

[0141] For example, as described above, the view frame 504 is used to display an image to improve the continuity of the display from the screen-off mode to the lock screen mode. In this embodiment, the image displayed in the view frame 504 is consistent with the image displayed in the transition animation display frame 502. For example, in order to make the image displayed in the view frame 504 consistent with the image displayed in the transition animation display frame 502, the portion of the view frame 504 superimposed on the image illustration frame 505 needs to be consistent with the image displayed in the transition animation display frame 502. That is, the superimposed portion is... Figure 4 The main body described above has been resized. Correspondingly, the mobile phone can, according to the above rules, overlay the image frame 505 below the view frame 504 based on the current position of the view frame 504, so that the overlapping portion of the view frame 504 and the image frame 505 is the [image frame 505]. Figure 4 The main body portion after trimming as described in the text.

[0142] For example, in this embodiment, the view frame 504 and the image frame 505 are gradually enlarged, and during the enlargement process, they move towards the center of the lock screen interface 503. It should be noted that this embodiment uses the example of the view frame 504 and the image frame 505 being enlarged proportionally and moving towards the center of the lock screen interface 503 at the same speed, but with different trajectories. In other embodiments, the enlargement ratios of the view frame 504 and the image frame 505 may be different, and / or, the moving speed of the view frame 504 towards the center of the lock screen interface 503 may be different from the moving speed of the image frame 505 towards the center of the lock screen interface 503, and / or, the moving trajectory of the view frame 504 towards the center of the lock screen interface 503 may be different from the moving trajectory of the image frame 505. This application does not impose any limitations.

[0143] It should be noted that, in this embodiment, the size of the image in the image frame 505 is consistent with the size of the image frame 505. That is, during the process of changes in the size and position of the image frame 505, the size of the image in the image frame 505 always remains consistent with the size of the image frame.

[0144] It should be further noted that the image illustration frame 505 in this embodiment is only for illustrating the overlay and display method of the image and the view frame; the image illustration frame 505 is not displayed in the lock screen interface 503. Similarly, the portion of the image illustration frame 505 that extends beyond the lock screen interface 503 is only for better illustration of its size and position. This will not be repeated below. In other words, from the user's perspective, the user only sees the image displayed in the view frame 504 on the lock screen interface 503; the rest of the lock screen interface 503 is black.

[0145] For example, as described above, in Figure 5a In (1), the center of the view frame 504 and the center of the lock screen interface 503 are on the same vertical line, while the center of the image frame 505 and the center of the lock screen interface 503 are not on the same vertical line. For example, when the view frame 504 moves towards the center of the lock screen interface 503, it only needs to move vertically downwards. However, when the image frame 505 moves towards the center of the lock screen interface 503, it needs to move to the lower left to get closer to the center of the lock screen interface 503. Also, as mentioned above, the view frame 504 and the lock screen interface image frame 505 are enlarged proportionally. According to the above enlargement and movement method, the positions of the image frame 505 and the view frame 504 after enlargement and movement are as follows: Figure 5b As shown in (1). Please refer to Figure 5b (1) For example, the part of the view frame 504 superimposed on the image illustration frame 505 is the image currently displayed by the view frame 504. It should be noted that the part of the lock screen illustration frame 505 other than the view frame 504 is still a black screen.

[0146] It should be noted that, in the embodiments of this application, as Figure 3c As shown, the transition animation from screen-off mode to lock screen mode includes multiple image frames between the first frame of lock screen mode (e.g., image frame 304) and the last frame of lock screen mode (e.g., image frame 306). For example, it can include 60 image frames. It should be noted that... Figures 3a-3e The video clip 301 shown contains only folded image frames. For example, image frame 304, when unfolded, may optionally include 20 image frames (this is merely an illustrative example and is not intended to limit the scope). Accordingly, to achieve the animation effect from screen-off mode to lock screen mode, the lock screen mode follows... Figures 5a-5d As the images are gradually displayed, the lock screen 503 continues to play the image frames from video clip 301 sequentially. In other words, the image in the image display box 505 changes with the image frames in the video clip.

[0147] For example, take image frame 304 as an example, which after being expanded includes image frame 1, image frame 2, ..., image frame 20. Figure 5aIn (2), the image frame 505 includes image frame 1, and correspondingly, the view frame 504 displays the portion superimposed on image frame 1. As mentioned above, the image frame 505 and the view frame 504 gradually enlarge and move, while the image frame 505 sequentially includes the expanded image frame 306. When the image frame 505 and the view frame 504 enlarge and move, as shown in the figure... Figure 5b As shown in (1), at this time, the image included in the image schematic box 505 is image frame 5, and correspondingly, the view frame 504 displays the part superimposed on image frame 5. The image schematic box 505 and the view frame 504 continue to be enlarged and moved, and after enlargement and movement, as shown in (1), the image is image frame 505. Figure 5b As shown in (2). Please refer to Figure 5b (2) For example, the image included in the image frame 505 is image frame 13, and correspondingly, the view frame 504 displays the portion superimposed on image frame 13. It can be understood that as the view frame 504 gradually enlarges and moves, the image displayed within it also dynamically changes. For example, the dancing figure in the video clip... Figure 5a In (2), the field of view 504 is flipping downwards. As the field of view 504 gradually enlarges and moves, and image frames are played sequentially, the dancing figure displayed in the field of view 504 continues to flip downwards. The same applies below, and will not be repeated.

[0148] For example, during the zooming and moving of the image frame 505, if each border of the image frame 505 is on or outside the border of the lock screen interface 503, the zooming of the image frame 505 stops. It should be noted that in this embodiment, the border of the image frame 505 being on the border of the lock screen interface 503 is only illustrative of the positional relationship between the borders. In reality, during the zooming and moving of the image frame 505, the electronic device can obtain the distance between each border of the image frame 505 and the corresponding border of the lock screen interface 503. The corresponding border refers to the border that is parallel to and closest to the image frame 505. For example, if the left border of the image frame 505 is parallel to the left and right borders of the lock screen interface 503 and is closest to the left border, then the left border is the border corresponding to the left border of the image frame 505. When the distance between the border of the image frame 505 and the corresponding border is 0, that is, the image frame 505 overlaps with the corresponding border, this is what is meant by the image frame 505 being on top of the corresponding border in this embodiment. The same applies below, and will not be repeated.

[0149] like Figure 5bAs shown in (3), when all four borders of the image frame 505 are on the border of the lock screen interface 503, the image frame 505 stops zooming in. It should be noted that in this embodiment, the example given is that the center of the image frame 505 coincides with the center of the lock screen interface 503 at the same time the image frame 505 stops zooming in. In other embodiments, if all four borders of the image frame 505 are on or outside the border of the lock screen interface 503, but its center still does not coincide with the center of the lock screen interface 503, the image frame 505 continues to zoom in and continues to move toward the center of the lock screen interface 503 until it reaches the center of the lock screen interface 503 and then stops zooming in. Optionally, if the center of the image frame 505 coincides with the center of the lock screen interface 503, and at least one border of the image frame 505 is inside the border of the lock screen interface 503, the image frame 505 stops moving and continues to zoom in until each border is on or outside the border of the lock screen interface 503.

[0150] For example, in this embodiment, if the four borders of the view frame 504 are on or outside the border of the lock screen interface 503, the view frame 504 stops moving and stops zooming. If the center of the view frame 504 overlaps with the center of the lock screen interface 503, and at least one border of the view frame 504 is within the lock screen interface 503, the center of the view frame 504 remains stationary and continues to zoom. For example, referring to... Figure 5b (3) For example, the image frame 505 stops zooming in and stops moving. The center of the view frame 504 coincides with the center of the lock screen interface 503, and the left and right borders of the view frame 504 are on the left and right borders of the lock screen interface 503, while the top and bottom borders of the view frame 504 are still within the borders of the lock screen interface 503. That is, the part between the top border of the view frame 504 and the top border of the lock screen interface 505, and the part between the bottom border of the view frame 504 and the bottom border of the lock screen interface 505 are still black screens. Accordingly, the view frame 504 needs to continue zooming in until all four borders are above or outside the borders of the lock screen interface 503. Please refer to (1) of Figure 5c. For example, the center of the view frame 504 remains stationary and continues to zoom in. At the same time, the image in the image frame 505 still changes according to the order of the image frames, and the position and size of the image frame 505 remain unchanged. For example, please refer to Figure 5c (2) The top border of the view frame 504 is above the top border of the lock screen interface 503, the bottom border of the view frame 504 is above the bottom border of the lock screen interface 503, and the left and right borders of the view frame 504 are outside the left and right borders of the lock screen interface 503. The view frame 504 stops zooming in. At this time, what is displayed in the lock screen interface 503 is the part where the view frame 504 and the image in the image diagram frame 505 are superimposed, which is the entire image in the image diagram frame 505.

[0151] Please refer to Figure 5d For example, after the zoom-in frame 504 stops zooming in, one or more other controls, such as a time control, a network control, and a battery control, can be displayed on the lock screen 503. It should be noted that if... Figure 5d The image displayed in the lock screen interface 503 is a keyframe of the lock screen mode (e.g., Figure 3d If image frame 306 is selected, the screen displayed on the lock screen 503 will freeze on that image frame. For example, if... Figure 5d If the image displayed in the lock screen interface 503 is a frame before the keyframe of the lock screen mode, then the lock screen interface 503 continues to play subsequent image frames until the keyframe of the lock screen mode is reached.

[0152] Figures 5a-5c In the transition animation display method shown, the ratio of the original image frame is the same as that of the lock screen interface. That is, when the center of the image frame 505 coincides with the center of the lock screen interface 503, the four borders of the image frame 505 (i.e., the original image frame) are exactly above the borders of the lock screen interface 503. The following explanation uses... Figures 6a-6c This explains how the transition animation is displayed when the aspect ratio of the original image frame differs from that of the lock screen. Please refer to [link / reference]. Figure 6a Exemplary Figure 6a The always-on screen interface 601 shown in (1) can be referred to Figure 5a The relevant description in (1) will not be repeated here. For example, the mobile phone responds to the received user operation and enters the lock screen mode. The lock screen interface is as follows: Figure 6a As shown in (2), the lock screen interface 603 includes a view frame 604 and an image display frame 605. For a detailed description, please refer to [reference needed]. Figure 5a (2) will not be repeated here. It should be noted that the image in image schematic box 605 is not the same as the image in image schematic box 505.

[0153] For example, Figure 6b (1) and Figure 5b Similar to (1), this is used to schematically illustrate the scaling and movement of the image frame 605 and the field of view 604. For a detailed description, please refer to [reference needed]. Figure 5b (1) will not be elaborated here.

[0154] Please refer to Figure 6b(2) For example, during the process of zooming in and moving the image frame 605 and the view frame 604, in this embodiment, the left and right borders of the image frame 605 are on the left and right borders of the lock screen interface 603, while the top and bottom borders of the image frame 605 are still within the top and bottom borders of the view interface 603. Therefore, the image frame 605 continues to move towards the center and is still zoomed in proportionally. Meanwhile, the view frame 604 continues to zoom in and move in its own way, without interfering with the zooming in and moving of the image frame 605.

[0155] Please refer to Figure 6b As shown in (3), for example, when the center of the image frame 605 overlaps with the center of the lock screen interface 603, the top and bottom borders of the image frame 605 are on the top and bottom borders of the lock screen interface 603, and the left and right borders of the image frame 605 are outside the left and right borders of the lock screen interface 603. Accordingly, as Figure 6b As shown in (3), some images in the image schematic box 605 (e.g., partial images of the left and right feet of the dancing figure) are located outside the lock screen interface 603, and these images will not be displayed within the lock screen interface 603. A description of the view frame 604 can be found in [reference needed]. Figure 5b (3) will not be elaborated here.

[0156] Please refer to Figure 6c (1) For example, when the image schematic box 605 no longer moves and its size no longer changes, the center of the field of view box 604 remains unchanged and continues to zoom in. It should be noted that, as Figure 6c As shown in (1), the left and right borders of the view frame 604 are outside the left and right borders of the lock screen interface 603. However, the image displayed in the lock screen interface 603 is only the portion within the lock screen interface 603 that overlaps with the image in the view frame 603 and the image in the image diagram frame 605. That is to say, even if the images of the right foot and the left foot of the dancing figure are within the view frame 604, they will not be displayed in the lock screen interface 603.

[0157] Please refer to Figure 6c (2) For example, the left and right borders of the view frame 604 are outside the left and right borders of the lock screen interface 603, and the top and bottom borders of the view frame 604 are above the top and bottom borders of the lock screen interface 603, and the view frame 603 stops zooming. At this time, what is displayed in the lock screen interface 603 is the part of the overlapping part of the view frame 604 and the image in the image frame 605 that is within the lock screen interface 603. It should be noted that, as mentioned above, during the movement and zooming process of the image frame 605, the image in it changes with the image frames of the video clip. Therefore, since the dancing figure flips down, the dancing figure... Figure 6cIn (2), the image of the left foot is outside the lock screen interface 603, while the image of the right foot is inside the lock screen interface 603.

[0158] Please refer to Figure 6d For example, the lock screen interface 603 can continue playing image frames from video clip 301 until a keyframe of the lock screen mode, while the lock screen interface 603 displays one or more other controls. For a detailed description, please refer to... Figure 5d This will not be elaborated further here. It should be noted that, due to the different aspect ratios of the image frames and the lock screen, the image frames played in the lock screen 603 may always have a portion of the image outside the lock screen 603.

[0159] Figures 7a-7b This is an example of another way to display the transition animation from always-on display mode to lock screen mode. Please refer to... Figure 7a (1) The always-on display 701 includes a transition animation display box 702 and other controls. For a detailed description, please refer to [link / reference]. Figure 5a The description in [the original text] will not be repeated here. Please refer to [the original text]. Figure 7a (2), exemplary, with Figure 5a (2) is different in Figure 7a In (2), the center of the image frame 705, the center of the view frame 704, and the center of the lock screen interface 703 are on the same vertical line. Optionally, the center of the image frame 705 may overlap with the center of the view frame 704. That is, during subsequent scaling and movement, the image frame 705 and the view frame 704 may simultaneously move vertically toward the center of the lock screen interface 703. For example, since the image frame 705 is on the same vertical line as the lock screen interface 703, the center of the image frame 705 may overlap with the center of the view frame 704. Figure 7a The position of (2) is relative to the schematic box 505 in the image. Figure 5a Because the positions in (2) are different, the image displayed in the field of view 704 is also different from the image displayed in the field of view 504. For example Figure 7a As shown in (2), the field of view 704 is located in the middle of the image schematic box 705, and the image displayed therein is the overlapping part with the image in the image schematic box 705, such as the lower half of the dancing figure.

[0160] For example, the image frame 705 and the view frame 704 are enlarged in size and move vertically towards the center of the lock screen interface 703, as shown below. Figure 7b As shown in (1) above. Please refer to... Figure 7b In (1), for example, the image frame 705 and the view frame 704 move downwards simultaneously and are magnified proportionally. The view frame 704 displays the portion of the image that overlaps with the image in the image frame 705. Other descriptions and Figure 7b For a detailed description of (2), please refer to Figure 5bThe relevant descriptions will not be repeated here. For an example, please refer to... Figure 7b (3), with Figure 5b Similar to (3), the four borders of the image frame 705 are on the lock screen interface 703, and the image frame 705 maintains its position and size. For example, the left and right borders of the view frame 704 are on the lock screen interface 703, while the top and bottom borders remain within the lock screen interface 703. Accordingly, the view frame 704 can be further enlarged. For details, please refer to Figure 5b The relevant content of (3) will not be repeated here.

[0161] Figures 8a-8b This is an example of another way to display the transition animation from always-on display mode to lock screen mode. Please refer to... Figure 8a (1) For example, the always-on display 801 includes a transition animation display box 802 and other controls (such as a time control). In this embodiment, when the mobile phone is in always-on mode, in one example, the transition animation display box 802 and the time control can be displayed at a specified position on the always-on display 801 and remain unchanged. The specified position can be any position on the always-on display 801, for example, it can be... Figure 5a The position shown in (1) can also be Figure 8a The position shown in (1). In another example, the transition animation display box 802 and the time control can be displayed sequentially at different positions on the always-on display 801. For example, at the current moment, the positions of the transition animation display box 802 and the time control can be as shown in (1). Figure 5a As shown in (1), at the next moment, the positions of the transition animation display box 802 and the time control can be as follows: Figure 8a As shown in (1) in the document, this application does not impose any limitations.

[0162] Still refer to Figure 8a (1) For example, in this embodiment of the application, the transition animation display box 802 and the time control are located in the lower left corner of the screen-off interface 801. When the transition animation display box 802 and the time control are on the screen-off interface 801, the display of the transition animation in the lock screen mode can be referred to Figures 8a-8b This application will not repeat the above.

[0163] For example, the phone enters lock screen mode in response to a received user action (such as clicking the power button). Please refer to... Figure 8a(2) For example, the lock screen interface 803 includes a view frame 804 and an image display frame 805. For example, the size and position of the view frame 804 in the lock screen interface 803 are the same as the size and position of the transition animation display frame 802 in the always-on screen interface 801. Accordingly, the image display frame 805 can be displayed at the corresponding position in the lock screen interface 803 based on the current display position of the view frame 804, so that the overlapping portion of the images in the view frame 804 and the image display frame 805 is the same as the image displayed in the transition animation display frame 802. Other descriptions can be found in [reference]. Figure 5a The relevant content of (2) will not be repeated here.

[0164] For example, the image frame 804 gradually enlarges and moves from the lower left corner of the lock screen 803 towards the center of the lock screen 803. Simultaneously, the view frame 804 gradually enlarges and moves from the lower left corner of the lock screen 803 towards the center of the lock screen 803. Please refer to... Figure 8b (1) The image schematic box 804 and the field of view box 804 are enlarged and moved. Figure 8b The position shown in (1). The portion of the image in the view frame 804 that overlaps with the image in the image frame 805 is displayed. For example, the image frame 805 and the view frame 804 continue to zoom in and move toward the center of the lock screen interface 803, as shown in (1). Figure 8b As shown in (2) and (3) of 8b, the undescribed parts can be referred to Figures 5b-5d This will not be elaborated upon here.

[0165] Figures 9a-9c This is another example of how a transition animation can be displayed from always-on display mode to lock screen mode. For an example, please refer to... Figure 9a (1) The always-on display 901 includes a transition animation display box 902 and time controls, etc. Other descriptions can be found in [reference needed]. Figure 5a (1) will not be elaborated here.

[0166] For example, the phone enters lock screen mode in response to a received user interaction. Please refer to... Figure 9a (2) The lock screen interface 903 includes, but is not limited to, a view frame 904 and an image display frame 905. A description of the view frame 904 can be found in the above text. Figure 5a The relevant descriptions will not be repeated here. For example, in this embodiment, the image frames of the video clip are all landscape images. For example, the width-to-height ratio of the landscape image can be 16:9; this ratio is merely illustrative and is not limited in this application.

[0167] For example, with Figure 5aSimilarly, in (2), the image in the image display frame 905 is the original landscape image frame scaled down by a preset ratio (e.g., 50%). For details on the implementation, please refer to the above text, which will not be repeated here. For example, the image display frame 905 is displayed in the corresponding position on the lock screen interface 903 based on the position of the view frame 904, so that the image displayed in the view frame 904 is the same as the image in the transition animation display frame 902.

[0168] For example, the image frame 904 gradually enlarges and moves towards the center of the lock screen interface 903. Simultaneously, the view frame 904 gradually enlarges and moves towards the center of the lock screen interface 903.

[0169] Please refer to Figure 9b (1) The image schematic box 904 and the field of view box 904 are enlarged and moved. Figure 9b The position shown in (1). The portion of the image in the view frame 904 that overlaps with the image in the image frame 905 is displayed. For example, the image frame 905 and the view frame 904 continue to zoom in and move toward the center of the lock screen interface 903, as shown in (1). Figure 8b As shown in (2), the undescribed parts can be referred to Figure 5b The relevant description of (2) will not be repeated here.

[0170] Please refer to Figure 9b (3) For example, during the zooming and moving of the image frame 904, since its width-to-height ratio is 16:9, when the top and bottom borders of the image frame 904 are above the top and bottom borders of the lock screen interface 903, the left and right borders of the image frame 904 are outside the lock screen interface 903. Accordingly, part of the image in the image frame 904 is outside the interface of the lock screen interface 903. Therefore, even if the left and right borders of the view frame 904 exceed the borders of the lock screen interface 903 at this time, the image displayed in the lock screen interface 903 is still not the part of the view frame 904 that is inside the lock screen interface 903. Other descriptions can be found in the following sections. Figure 5b (3) will not be elaborated here.

[0171] Please refer to Figure 9c (1) For example, the size and position of the image schematic frame 905 remain unchanged, the center point of the view frame 904 remains unchanged, and it continues to zoom in until the top and bottom edges of the view frame 904 touch the edge of the lock screen interface 903. Please refer to Figure 9c(2) For example, the lock screen interface 903 may continue to play image frames in the transition animation of the lock screen mode, and the lock screen interface 903 may display one or more other controls, such as time controls, network controls, battery controls, etc. For example, since the ratio of the image frames is different from the ratio of the lock screen interface 903, the image displayed in the lock screen interface 903 is only a part of the image frames.

[0172] It should be noted that for image frames whose aspect ratio differs from that of the lock screen, in order to ensure that important parts of the image, such as portraits or objects, are fully displayed on the lock screen, the phone can use image processing methods such as image recognition, cropping, and resizing to obtain image frames that include the important parts of the image and have the same aspect ratio as the lock screen, and then apply them to transition animations.

[0173] Figures 10a-10b This is another example of how to display a transition animation from screen-off mode to lock screen mode. Please refer to... Figure 10a (1) For example, the always-on display 1001 includes a transition animation display box 1002 and a time control, etc. The phone responds to the received user operation and enters the lock screen mode. Please refer to... Figure 10a (2) For example, in this embodiment, the transition animation is displayed to simulate the blinking process. The field of view 1002 in the screen-off interface 1001 can be covered with an elliptical (or other shapes, which are not limited in this application) mask with blurred edges. The mask is compressed vertically until it disappears, such as... Figure 10a As shown in (3). At the same time, other controls in the always-on display 1001 (such as the time control) also gradually disappear.

[0174] Please refer to Figure 10b (1) For example, the mobile phone displays a lock screen interface 1003, which includes an image frame 1004. For example, the mask described above can expand from the center of the image frame 1004 to gradually display the image in the image frame 1004. As above, the image frame 1004 displays the images in the order of the image frames in the video clip. It should be noted that the dotted line portion is only to illustrate the position of the dancing figure in the image frame 1004; the portion outside the mask is actually not displayed. Please refer to... Figure 10b (2) For example, the mask continues to expand to display other parts of the image in the image frame 1004 until the mask expands to the size of the lock screen interface 1003, that is, the entire portion of the image frame 1004 in the lock screen interface 1003 is displayed. Please refer to Figure 10b (3) For example, in the lock screen interface 1003, other image frames of the transition animation may optionally continue to play, and other controls such as time controls, network controls, battery controls, etc. may be displayed.

[0175] Figures 11 to 13b These examples illustrate how transition animations are displayed in different application scenarios. Please refer to... Figure 11 (1) For example, in this scenario, the phone is in screen-off mode. The screen-off interface 1101 includes a transition animation display box 1102 and other controls (such as a time control). The transition animation display box 1102 plays image frames from a video clip sequentially until a key frame of the screen-off mode, such as image frame 1103, is played. For example, the user can trigger fingerprint unlocking by touching the screen-off interface 1101. In response to the received user operation, the phone unlocks and directly enters desktop mode from screen-off mode.

[0176] Please refer to Figure 11 In (2) of the example, the phone skips the lock screen mode and directly enters the desktop mode from the screen-off mode. Optionally, the phone can first turn off the screen before entering the desktop mode, and the same applies below, so it will not be repeated. For example, the desktop 1104 displays a transition animation. Since the phone skips the lock screen mode, the first image frame of the transition animation displayed in the desktop 1104 is the last frame of the screen-off mode, that is, the key frame of the screen-off mode (e.g., image frame 1103). For example, the way image frame 1103 is displayed in the desktop 1104 can be referred to above. Figures 5a-5d , Figures 6a to 6d , Figures 7a-7b , Figures 8a-8b , Figures 9a-9c , Figures 10a-10b Any display method is allowed. For example, desktop 1104 plays image frames from a video clip sequentially until the last frame, such as image frame 1105. Optionally, other controls on desktop 1104, such as application icon controls, network controls, battery controls, etc., may gradually appear during the transition animation played on desktop 1104, or they may appear when the transition animation of desktop 1104 freezes at the last frame (e.g., image frame 1105). This application does not limit this.

[0177] Figures 12a-12e This example demonstrates the display method of transition animations from screen-off mode to lock screen mode and from lock screen mode to desktop mode. Please refer to... Figure 12a For example, the always-on display 1201 includes a transition animation display box 1202 and other controls. For example, the transition animation display box 1202 is frozen on image frame 1203. A detailed description can be found above and will not be repeated here. For example, the user can click the power button. The phone responds to the received user operation and enters lock screen mode.

[0178] Please refer to Figure 12bFor example, the lock screen 1204 displays the last frame of the always-on display mode (e.g., image frame 1203). The manner in which the lock screen 1204 displays the image frame can be referenced above. Figures 5a-5d , Figure 6a ~Figure 6d, Figures 7a-7b , Figures 8a-8b , Figures 9a-9c , Figures 10a-10b Any of the display methods in the [screen format]. For example, lock screen 1204 sequentially plays image frames of a video clip. Please refer to [reference / reference]. Figure 12c For example, lock screen 1204 plays a keyframe of the lock screen mode (e.g., image frame 1205) and freezes on the keyframe. The user can unlock the phone using methods such as swipe to unlock, fingerprint unlock, or face unlock. For example, the phone responds to the received user action and enters desktop mode. Please refer to... Figure 12d In desktop 1206, starting from a keyframe in lock screen mode (e.g., image frame 1105), image frames from the video clip are played sequentially until the keyframe in desktop mode is reached. Figure 12e Image frame 1107 in the image.

[0179] Figures 13a-13d This example demonstrates the display method of transition animations from screen-off mode to lock screen mode and from lock screen mode to desktop mode. Please refer to... Figure 13a (1) The always-on display 1301 includes a transition animation display box 1302 and other controls. The transition animation display box 1302 displays keyframes of the always-on display mode, such as image frame 1303. For parts not described, please refer to the above text, and they will not be repeated here.

[0180] For example, the user presses the power button. The phone, in response to the received user action, enters lock screen mode. Please refer to... Figure 13a (2) The lock screen 1304 displays the last frame of the screen-off mode (e.g., image frame 1303). For example, the method by which the lock screen 1304 displays the image frame can be referred to above. Figures 5a-5d , Figures 6a to 6d , Figures 7a-7b , Figures 8a-8b , Figures 9a-9c , Figures 10a-10b Any of the display methods in the video. For example, the lock screen 1304 sequentially plays image frames of a video clip.

[0181] Please refer to Figure 13b(1) For example, in the transition animation of the lock screen interface 1304, at any frame before the key frame of the lock screen mode (e.g., image frame 1306), such as when it plays to image frame 1305, the user unlocks the phone by sliding to unlock, fingerprint unlock, face unlock, password unlock, etc. The phone responds to the received user operation and enters desktop mode. That is, before the transition animation of the lock screen mode has finished playing, the transition animation of the lock screen mode is interrupted, and the phone enters desktop mode. Please refer to... Figure 13b (2) For example, desktop 1307 continues to play the image frames of the video clip sequentially from image frame 1305 until the key frame of desktop mode is played. Other parts not described can be referred to above, and will not be repeated here.

[0182] It should be noted that, as mentioned above, the transition animation played on the lock screen actually plays in a gradual unfolding manner, such as... Figures 5a-1 As shown in Figure 0. In this embodiment, the gradual unfolding method can include two types. The first type involves playing the image frames in the transition animation of the lock screen mode sequentially during the gradual unfolding process. Before being interrupted, when the transition animation of the lock screen mode unfolds to full screen, that is, when the view frame unfolds to the same size as the lock screen interface, the image frame played in the view frame is exactly the last image frame of the transition animation of the lock screen mode. The second gradual unfolding method is that a portion of the image frames in the transition animation of the lock screen mode can be used in the gradual unfolding process, while the other portion of the image frames are played in full screen mode when the view frame unfolds to full screen. For example, if the transition animation of the lock screen mode includes 180 frames, and the image frame displayed in the view frame when it unfolds to full screen is the 90th image frame out of the 180 image frames, then starting from the 91st image frame, the lock screen mode will display the image frames between the 91st and 180th frames in full screen mode.

[0183] Based on the two expansion methods described above, in one example... Figure 13b The interruption-to-resume playback method shown can be understood as follows: if the transition animation is interrupted while playing in full-screen mode in lock screen mode, the remaining image frames of the transition animation and the desktop transition animation can continue to play in full-screen mode after the phone enters desktop mode. In another example, Figure 13b The interruption and resumption method shown can be understood as being interrupted during the gradual unfolding of the transition animation in lock screen mode. To better illustrate this interruption and resumption scenario, a specific example is provided below. Please refer to [link / reference]. Figure 13c For example, the keyframe for the transition animation in lock screen mode is image frame 1306. As the view frame in the lock screen interface 1304 gradually expands to... Figure 13cAs shown in (1), the image displayed in the field of view is a portion of image frame 1305. Users can unlock the phone using methods such as swipe to unlock or face unlock. For example, the phone responds to the received user operation and enters desktop mode. Please refer to... Figure 13c (2) For example, the phone displays desktop 1307. Desktop 1307 will continue playing image frame 1305 and subsequent image frames. For example, because the view frame is interrupted as it gradually expands, the view frame will continue to gradually expand in desktop 1307 and move towards the center of the screen, and the remaining image frames will continue to play from image frame 1305 in the view frame. For example, when the view frame expands to full screen in desktop 1307, image frame 1306 is displayed in the view frame, which is the keyframe of the original lock screen mode. The desktop mode transition animation, i.e., image frame 1306 to the last image frame, can continue to play in full screen in desktop 1307.

[0184] Please refer to Figure 13d For example, during the transition animation of the screen-off mode playing in the transition animation display box 1302 of the screen-off interface 1301, the user can click the power button. That is to say, Figure 13d The scenario shown illustrates a transition animation in always-on mode that interrupts playback. The phone responds to the received user interaction and enters desktop mode. Please refer to... Figure 13d (2) For example, in the lock screen interface 1304, the image frame when the transition animation of the screen-off mode is interrupted, such as image frame 1308, continues the remaining image frames of the transition animation of the screen-off mode, and the image frames of the transition animation of the lock screen mode. The way the lock screen interface 1304 displays image frames can be referred to the above. Figures 5a-5d , Figures 6a to 6d , Figures 7a-7b , Figures 8a-8b , Figures 9a-9c , Figures 10a-10b Any of the display methods in [the system / system].

[0185] It should be noted that the interruption and resumption methods listed in the embodiments of this application are merely illustrative examples. Other interruption and resumption scenarios may exist in other embodiments. For example, during the playback of the screen-off mode transition animation on the screen-off interface, the phone responds to a received user operation and enters the lock screen interface. The lock screen interface starts from the image frame where the screen-off interface was interrupted and plays the remaining image frames of the screen-off mode transition animation. For example, during the playback of the remaining image frames on the lock screen interface, the phone responds to a received user operation and enters the desktop. The desktop starts from the image frame where the lock screen interface was interrupted and continues playing the remaining image frames of the screen-off mode transition animation, and after playing the last image frame of the screen-off mode transition animation, it continues playing the lock screen mode transition animation and the desktop mode transition animation. That is to say, the interruption and resumption in the embodiments of this application follows the principle that from which the interruption occurred, the playback continues from the interrupted image frame in the switched interface to the key frame corresponding to the current interface.

[0186] Figures 14a-14b This example demonstrates the display method of transition animations from screen-off mode to lock screen mode and from lock screen mode to desktop mode. Please refer to... Figure 14a (1) For example, the transition animation display box 1402 in the always-on display 1402 displays keyframes of the always-on display mode, such as image frame 1403. The undescribed parts can be referred to above and will not be repeated here. For example, the user clicks the power button. The phone responds to the received user operation and enters the lock screen mode. Please refer to (2) of Figure 14a. For example, in this scenario, the user can pre-set the transition animation of the lock screen mode as a static wallpaper. The lock screen 1404 displays the static wallpaper pre-set by the user. Optionally, the method of displaying the static wallpaper in the lock screen 1404 can also be applied as described above. Figures 5a-5d , Figures 6a to 6d , Figures 7a-7b , Figures 8a-8b Figure 9a~ Figure 9c , Figures 10a-10b Any of the display methods in the image. For example, a user unlocks the phone using a swipe to unlock, fingerprint unlock, or facial recognition. The phone responds to the received user action and enters desktop mode. Please refer to... Figure 14b For example, desktop 1405 may optionally play image frames sequentially, starting from a keyframe in screen-off mode (e.g., image frame 1403) and continuing until a keyframe in desktop mode. Optionally, the manner in which image frame 1403 is displayed in desktop 1405 can be referenced above. Figures 5a-5d , Figures 6a to 6d , Figures 7a-7b , Figures 8a-8b , Figures 9a-9c , Figures 10a-10bAny display method is allowed. Other undescribed parts can be referred to above and will not be repeated here. It should be noted that in other embodiments, the mobile phone may, in response to a received user operation, set the transition animation of the screen-off mode as a static wallpaper, or it may set the transition animation of the desktop mode as a static wallpaper; this application does not limit this.

[0187] Figure 15 This is an example of how the transition animation from desktop mode to always-on display mode is shown. Please refer to... Figure 15 (1) For example, desktop 1501 displays the last frame of the desktop mode transition animation (i.e., the desktop mode keyframe), such as image frame 1502. The user can press the power button. The phone responds to the received user operation and enters screen-off mode. Please refer to Figure 15 (2) For example, the always-on display 1503 includes a transition animation display box 1504, the details of which can be found above and will not be repeated here. For example, the transition animation display box 1504 starts from image frame 1502 and plays each image frame in reverse order until the first image frame of the video clip is played. Please refer to Figure 15 (3) For example, the transition animation played in the transition animation display box 1504 plays the keyframes in desktop mode in reverse order to image frame 1505. Then, starting from image frame 1505, the transition animation display box 1504 plays each image frame in sequence until it plays the keyframe of the screen-off mode. Other descriptions can be found above and will not be repeated here. Optionally, after the transition animation display box 1504 plays to image frame 1505, the screen can be turned off first, and then the transition animation of the screen-off mode can continue to play.

[0188] Figure 16 This is an example of how the transition animation from desktop mode to always-on display mode is shown. Please refer to... Figure 16 (1) Exemplarily, desktop 1501 displays the last frame of the transition animation of desktop mode (i.e., the keyframe of desktop mode), such as image frame 1502. If no user operation is received within a set time (e.g., 10 seconds, which can be set according to user needs, and is not limited in this application), the phone enters screen-off mode. Optionally, the screen displayed on desktop 1501 can gradually turn off until the screen goes black. Please refer to Figure 16 (2) For example, the transition animation display box 1604 in the always-on display 1603 starts from the first image frame (e.g., image frame 1605) of the transition animation in always-on display mode and plays each image frame of the transition animation in always-on display mode in sequence until the key frame of always-on display mode.

[0189] Figure 17 This is an example of how the transition animation from lock screen mode to always-on screen mode is displayed. Please refer to... Figure 17(1) For example, lock screen interface 1701 displays the last frame of the lock screen mode transition animation (i.e., the keyframe of the lock screen mode), such as image frame 1702. The user can click the power button. The phone responds to the received user operation and enters screen-off mode. Please refer to Figure 17 (2) For example, the always-on display 1703 includes a transition animation display box 1704, the details of which can be found above and will not be repeated here. For example, the transition animation display box 1704 starts from image frame 1702 and plays each image frame in reverse order until the first image frame of the video clip is played. Please refer to Figure 17 (3) For example, the transition animation played in the transition animation display box 1704 plays the transition animation in reverse order from the keyframe of the lock screen mode to the image frame 1705. Then, the transition animation display box 1704 plays each image frame in sequence, starting from the image frame 1705, until it plays the keyframe of the screen-off mode. Other descriptions can be found above and will not be repeated here. Optionally, after the transition animation display box 1704 plays to the image frame 1705, the screen can be turned off first, and then the transition animation of the screen-off mode can continue to play.

[0190] Figure 18 This is an example of how the transition animation from lock screen mode to always-on screen mode is displayed. Please refer to... Figure 18 (1) For example, the lock screen interface 1801 displays the last frame of the lock screen mode transition animation (i.e., the keyframe of the lock screen mode), such as image frame 1802. If no user operation is received within a set time (e.g., 10 seconds, which can be set according to user needs, and is not limited in this application), the phone enters the screen-off mode. Optionally, the screen displayed in the lock screen interface 1801 can gradually turn off until the screen goes black. Please refer to Figure 18 (2) For example, the transition animation display box 1804 in the always-on display 1803 starts from the first image frame (e.g., image frame 16805) of the transition animation in always-on display mode and plays each image frame of the transition animation in always-on display mode in sequence until the key frame of always-on display mode.

[0191] In one possible implementation, if the user presses the power button during the transition animation in lock screen mode, the transition animation is interrupted. The phone responds to the received user action and enters screen-off mode. For example, the transition animation display box on the screen-off interface will start from the image frame displayed when the lock screen mode is interrupted, play backwards to the first image frame of the video clip, and then start playing the screen-off mode transition animation from the first image frame. It should be noted that, as mentioned above, when the lock screen mode transition animation is interrupted, the transition animation played on the lock screen interface may be displayed in full-screen mode or in a gradually expanding mode. For example, Figure 19This example illustrates a scenario where a transition animation playing on a lock screen is interrupted during its gradual unfolding. Please refer to... Figure 19 For example, as the view frame in the lock screen interface 1901 gradually expands, the phone receives a user's click on the power button. For example, the lock screen interface 1901 is currently playing a portion of image frames from image frame 1902, while the key frame for the lock screen mode is image frame 1903. For example, in response to the received user operation, the phone enters the screen-off mode. For example, in the transition animation display box 1905 of the screen-off interface 1904, starting from image frame 1902, the transition animation images of the screen-off mode are played in reverse order up to the first image frame of the video clip, and then starting from the first image frame, the transition animation images of the screen-off mode are played sequentially. Details not described herein can be found above and will not be repeated here.

[0192] In another possible implementation, if the user presses the power button during the transition animation in desktop mode, the transition animation is interrupted. The phone responds to the received user action and enters screen-off mode. For example, the transition animation display box in the screen-off interface will start from the image frame displayed when desktop mode was interrupted, play backwards to the first image frame of the video clip, and then start playing the screen-off mode transition animation from the first image frame.

[0193] It is understood that, in order to achieve the above-mentioned functions, electronic devices include hardware and / or software modules that perform the respective functions. Based on the algorithmic steps of the examples described in the embodiments disclosed herein, this application can be implemented in hardware or a combination of hardware and computer software. Whether a function is executed by hardware or by computer software driving hardware depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application in conjunction with the embodiments, but such implementation should not be considered beyond the scope of this application.

[0194] In one example, Figure 20 The schematic block diagram illustrating an embodiment of the present application shows an apparatus 2000. The apparatus 2000 may include a processor 2001 and a transceiver / transceiver pin 2002, and optionally, a memory 2003.

[0195] The various components of device 2000 are coupled together via bus 2004, which includes a data bus, a power bus, a control bus, and a status signal bus. However, for clarity, all buses are referred to as bus 2004 in the figure.

[0196] Optionally, the memory 2003 can be used for the instructions in the foregoing method embodiments. The processor 2001 can be used to execute the instructions in the memory 2003, control the receive pin to receive signals, and control the transmit pin to transmit signals.

[0197] The device 2000 may be an electronic device or a chip of an electronic device in the above method embodiments.

[0198] All relevant content of each step involved in the above method embodiments can be referenced from the functional description of the corresponding functional module, and will not be repeated here.

[0199] This embodiment also provides a computer storage medium storing computer instructions. When the computer instructions are executed on an electronic device, the electronic device performs the aforementioned related method steps to implement the display method in the above embodiment.

[0200] This embodiment also provides a computer program product that, when run on a computer, causes the computer to perform the aforementioned related steps to implement the display method described in the above embodiment.

[0201] In addition, embodiments of this application also provide an apparatus, which may specifically be a chip, component, or module. The apparatus may include a connected processor and a memory; wherein the memory is used to store computer execution instructions, and when the apparatus is running, the processor may execute the computer execution instructions stored in the memory to cause the chip to execute the display methods in the above-described method embodiments.

[0202] In this embodiment, the electronic device, computer storage medium, computer program product or chip are all used to execute the corresponding method provided above. Therefore, the beneficial effects that can be achieved can be referred to the beneficial effects of the corresponding method provided above, and will not be repeated here.

[0203] Through the above description of the embodiments, those skilled in the art will 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.

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

[0205] The units described as separate components may or may not be physically separate. A component shown as a unit can be one or more physical units; that is, it can be located in one place or distributed in multiple different locations. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0206] Furthermore, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit.

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

[0208] If the integrated unit is implemented as a software functional unit and sold or used as an independent product, it can be stored in a readable storage medium. Based on this understanding, the technical solutions of the embodiments of this application, in essence, or the parts that contribute to the prior art, or all or part of the technical solutions, can be embodied in the form of a software product. This software product is stored in a storage medium and includes several instructions to cause a device (which may be a microcontroller, chip, etc.) or processor to execute all or part of the steps of the methods of the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0209] The embodiments of this application have been described above with reference to the accompanying drawings. However, this application is not limited to the specific embodiments described above. The specific embodiments described above are merely illustrative and not restrictive. Those skilled in the art can make many other forms under the guidance of this application without departing from the spirit and scope of the claims, and all of these forms are within the protection scope of this application.

[0210] 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 random access memory (RAM), flash memory, read-only memory (ROM), erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), registers, hard disks, portable hard disks, CD-ROMs, 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 the storage medium can reside in an ASIC.

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

[0212] The embodiments of this application have been described above with reference to the accompanying drawings. However, this application is not limited to the specific embodiments described above. The specific embodiments described above are merely illustrative and not restrictive. Those skilled in the art can make many other forms under the guidance of this application without departing from the spirit and scope of the claims, and all of these forms are within the protection scope of this application.

Claims

1. An electronic device, characterized in that, include: Memory and processor; The processor is coupled to the memory; The memory stores program instructions that, when executed by the processor, cause the electronic device to perform the following steps: In response to a received first user operation, a first interface is displayed on the screen of the electronic device, the first interface including a first display frame, and a first transition animation is played in the first display frame; When the first image frame of the first transition animation is played in the first display frame, in response to a received second user operation, the first interface on the display screen of the electronic device switches to a second interface. The second interface includes a second display frame, the size of which is the same as that of the first display frame, and the position of the second display frame on the display screen is the same as that of the first display frame on the display screen. The second display frame is gradually enlarged and moved toward the center of the display screen of the electronic device. During the process of the second display frame gradually enlarging and moving toward the center of the display screen of the electronic device, image frames between the first image frame and the last image frame of the first transition animation are played in the second display frame. The first image frame is any image frame between the first image frame and the last image frame of the first transition animation.

2. The electronic device according to claim 1, characterized in that, When the program instructions are executed by the processor, the electronic device performs the following steps: When the second interface plays a second image frame between the first image frame and the last image frame of the first transition animation, in response to a received third user operation, the second interface on the display screen of the electronic device is switched to a third interface; the third interface plays image frames between the second image frame and the last image frame of the first transition animation; wherein, the second image frame is any image frame between the first image frame and the last image frame of the first transition animation.

3. The electronic device according to claim 2, characterized in that, When the program instructions are executed by the processor, the electronic device performs the following steps: When the third interface plays the last image frame of the first transition animation, the second and third transition animations continue to play.

4. The electronic device according to claim 3, characterized in that, The first transition animation, the second transition animation, and the third transition animation are consecutive image frames.

5. The electronic device according to claim 2, characterized in that, When the program instructions are executed by the processor, the electronic device performs the following steps: When the second interface plays to the last image frame of the first transition animation, the second transition animation continues to play on the second interface.

6. The electronic device according to claim 3, characterized in that, When the program instructions are executed by the processor, the electronic device performs the following steps: When the second interface plays to the third image frame of the second transition animation, in response to the received fourth user operation, the third interface is displayed on the display screen; the third image frame is played in the third interface until the last image frame of the second transition animation, and the third transition animation continues to play when the last image frame of the second transition animation is played.

7. The electronic device according to any one of claims 2 to 6, characterized in that, The first interface is the always-on screen interface, the second interface is the lock screen interface, and the third interface is the desktop.

8. The electronic device according to claim 1, characterized in that, The first interface is the always-on screen, and the second interface is the desktop.

9. The electronic device according to claim 7 or 8, characterized in that, The first interface also includes one or more screen-off text messages; the rest of the first interface, except for the text messages and the first sub-video being played, is a black screen.

10. The electronic device according to claim 1, characterized in that, When the program instructions are executed by the processor, the electronic device performs the following steps: When the second interface plays to the last image frame of the first transition animation, the second and third transition animations continue to play on the second interface.

11. The electronic device according to claim 1, characterized in that, The first interface is the lock screen, and the second interface is the desktop.

12. The electronic device according to claim 1, characterized in that, When the program instructions are executed by the processor, the electronic device performs the following steps: When the second display frame is enlarged to the first size and moved to the first position on the display screen, and when the fourth image frame between the first image frame and the last image frame of the first transition animation is played in the second display frame, in response to a received fifth user operation, the second interface on the display screen of the electronic device is switched to a third interface; the third interface includes a third display frame, the size of which is the first size, and the third display frame is at the first position on the display screen; The third display frame is gradually enlarged and moved toward the center of the display screen; wherein, during the process of the third display frame being gradually enlarged and moving toward the center of the display screen of the electronic device, the image frames between the fourth image frame and the last image frame of the first transition animation, the second transition animation, and the third transition animation are played in the third display frame.

13. The electronic device according to claim 10 or 12, characterized in that, The first transition animation, the second transition animation, and the third transition animation are consecutive image frames.

14. A display method, characterized in that, include: In response to a received first user operation, the electronic device displays a first interface on its display screen, the first interface including a first display frame, and plays a first transition animation in the first display frame; When the first image frame of the first transition animation is played in the first display frame, the electronic device responds to the received second user operation by switching the first interface on the display screen of the electronic device to a second interface. The second interface includes a second display frame, the size of which is the same as that of the first display frame, and the position of the second display frame on the display screen is the same as that of the first display frame on the display screen. The second display frame is gradually enlarged and moved toward the center of the display screen of the electronic device. During the process of the second display frame gradually enlarging and moving toward the center of the display screen of the electronic device, image frames between the first image frame and the last image frame of the first transition animation are played in the second display frame. The first image frame is any image frame between the first image frame and the last image frame of the first transition animation.

15. The method according to claim 14, characterized in that, The method further includes: When the second interface plays a second image frame between the first image frame and the last image frame of the first transition animation, in response to a received third user operation, the second interface on the display screen of the electronic device is switched to a third interface; the third interface plays image frames between the second image frame and the last image frame of the first transition animation; wherein, the second image frame is any image frame between the first image frame and the last image frame of the first transition animation.

16. The method according to claim 15, characterized in that, The method further includes: When the third interface plays the last image frame of the first transition animation, the second and third transition animations continue to play.

17. The method according to claim 16, characterized in that, The first transition animation, the second transition animation, and the third transition animation are consecutive image frames.

18. The method according to claim 15, characterized in that, The method further includes: When the second interface plays to the last image frame of the first transition animation, the second transition animation continues to play on the second interface.

19. The method according to claim 16, characterized in that, When the method further includes: When the second interface plays to the third image frame of the second transition animation, in response to the received fourth user operation, the third interface is displayed on the display screen; the third image frame is played in the third interface until the last image frame of the second transition animation, and the third transition animation continues to play when the last image frame of the second transition animation is played.

20. The method according to any one of claims 15 to 19, characterized in that, The first interface is the always-on screen interface, the second interface is the lock screen interface, and the third interface is the desktop.

21. The method according to claim 14, characterized in that, The first interface is the always-on screen, and the second interface is the desktop.

22. The method according to claim 20 or 21, characterized in that, The first interface also includes one or more screen-off text messages; the rest of the first interface, except for the text messages and the first sub-video being played, is a black screen.

23. The method according to claim 14, characterized in that, The method further includes: When the second interface plays to the last image frame of the first transition animation, the second and third transition animations continue to play on the second interface.

24. The method according to claim 14, characterized in that, The first interface is the lock screen, and the second interface is the desktop.

25. The method according to claim 14, characterized in that, The method further includes: When the second display frame is enlarged to the first size and moved to the first position on the display screen, and when the second display frame is playing a fourth image frame between the first image frame and the last image frame of the first transition animation, in response to a received fifth user operation, the second interface on the display screen of the electronic device is switched to a third interface; the third interface includes a third display frame, the size of which is the first size, and the third display frame is at the first position on the display screen; The third display frame is gradually enlarged and moved toward the center of the display screen; wherein, during the process of the third display frame being gradually enlarged and moving toward the center of the display screen of the electronic device, the image frames between the fourth image frame and the last image frame of the first transition animation, the second transition animation, and the third transition animation are played in the third display frame.

26. The method according to claim 23 or 25, characterized in that, The first transition animation, the second transition animation, and the third transition animation are consecutive image frames.

27. A computer-readable storage medium comprising a computer program, characterized in that, When the computer program is run on an electronic device, it causes the electronic device to perform the display method as described in any one of claims 14-26.

Images