Display method and electronic equipment

Abstract

The present application provides a display method and an electronic device. When the electronic device switches from the screen-off mode to the screen-lock mode, the electronic device can gradually expand from the last image frame displayed on the screen-off interface, and in the process of gradually expanding, sequentially play the transition animation when the screen-off interface switches to the screen-lock interface. This improves the smoothness when the screen-off interface switches to the screen-lock interface, and enriches the application scenarios of the transition animation to improve the user experience.

Description

Technical Field

[0001] The present application relates to the field of terminal devices, and in particular to a display method and electronic equipment. Background Art

[0002] The one-shot transition effect, also known as transition animation, can be understood as the animation effect displayed when the terminal switches between different modes, thereby improving the user's visual experience when using the mobile phone. However, the current use scenarios of transition animation are limited. Summary of the invention

[0003] In order to solve the above technical problems, the present application provides a display method and an electronic device. In this method, the electronic device can provide a display mode of a transition animation when the off-screen interface switches to the lock-screen interface, thereby enriching the application scenarios of the transition animation of the electronic device and improving the user experience.

[0004] In a first aspect, the present 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, and when the program instructions are executed by the processor, the electronic device performs the following steps: when the first interface is displayed on the display screen of the electronic device, each image frame of the first transition animation is played in the first display frame of the first interface, and the last image frame of the first transition animation is frozen; the center of the first display frame deviates from the screen center of the display screen of the electronic device. In response to the received first user operation, the first interface on the display screen of the electronic device is switched 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 to the screen center of the display screen of the electronic device; wherein, in the process of gradually enlarging the second display frame and moving to the screen center of the display screen of the electronic device, each image frame of the second transition animation is played in the second display frame; the first image frame of the second transition animation is the same as the last image frame of the first transition animation. In this way, when the electronic device switches from the screen-off mode to the lock screen mode, it can start from the same position when the transition animation is displayed in the screen-off mode, and display the lock screen mode transition animation in a gradually expanding manner. Among them, the first image frame of the lock screen mode transition animation is the last frame of the screen-off mode transition animation. In other words, from the user's perspective, the lock screen mode transition animation that they see is connected to the last image frame frozen in the screen-off mode. In this way, the smoothness of switching from the screen-off mode to the lock screen mode is effectively improved in the form of transition animation, so as to improve the user experience.

[0005] Exemplarily, before the electronic device enters the lock screen mode, the screen may first be black, and then the lock screen interface of the lock screen mode may be displayed.

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

[0007] Exemplarily, after the electronic device enters the lock screen mode, the text information in the screen off mode disappears.

[0008] For example, when the second display frame of the electronic device is playing the transition animation of the lock screen mode, text information, such as time, date, etc., can be displayed in the second display frame of the electronic device.

[0009] For example, if the starting position of the second display frame is the center of the screen, the second display frame may maintain the position and gradually enlarge.

[0010] Exemplarily, the first user operation may be the user clicking a power button.

[0011] For example, if the first user operation is fingerprint unlocking or face unlocking, the electronic device can switch from the screen-off mode to the desktop mode. The electronic device can play the transition animation of the desktop mode in the same display mode as the transition animation of the lock screen mode.

[0012] According to the first aspect, the first transition animation includes N image frames, where N is an integer greater than 1; when the program instructions are executed by the processor, the electronic device performs the following steps: cropping each of the N image frames according to the set first size; adjusting the size of each cropped image frame according to the set second size; playing each cropped and resized image frame in the first display frame in sequence, and freezing the last image frame that has been cropped and resized in the first transition animation; wherein the size of the first display frame is the same as the second size. In this way, the transition animation played in the screen-off mode in the present application is actually an image after the original image frame has been cropped and resized, thereby reducing the power consumption of the screen-off mode while enriching the display effect of the screen-off mode.

[0013] According to the first aspect, or any implementation of the first aspect above, the second transition animation includes M image frames, M is an integer greater than 1; when the program instruction is executed by the processor, the electronic device performs the following steps: the first image frame of the M image frames is adjusted according to the second size; the adjusted first image frame is superimposed under the second display frame; wherein the image of the portion of the second display frame superimposed with the adjusted first image frame is the same as the image of the last image frame after being cropped and resized. In this way, the first image frame of the transition animation of the lock screen mode is adjusted according to the second size and placed at a specified position on the display screen, so that the portion of the second display frame superimposed with the first image frame can be the same as the image of the last image frame displayed in the off-screen mode. In other words, from the user's perspective, the transition animation of the lock screen mode viewed by the user starts from the last image of the off-screen mode, thereby effectively improving the continuity of the transition animation from the off-screen mode to the lock screen mode, so as to improve the user experience.

[0014] 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 executes the following steps: gradually enlarging the second display frame and moving it to the center of the screen of the display screen of the electronic device, gradually enlarging the adjusted first image frame and moving it to the center of the display screen; wherein the image displayed in the second display frame changes with the overlapping portion between the second display frame and the adjusted first image frame. In this way, the image frame superimposed with the second display frame can be gradually enlarged and moved to the center of the screen, and accordingly, in the process of gradually changing the size and position of the second display frame and the size and position of the image frame superimposed thereon, the superimposed portion of the second display frame and the image frame also gradually changes, so that the image displayed by the second display frame also changes accordingly.

[0015] 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 adjusted first image frame is played, the adjusted first image frame is enlarged to the third size and moved to the first position in the display screen; the adjusted first image frame superimposed with the second display frame is switched to the next image frame in the order of M image frames; wherein the size of the next image frame is the third size, and the next image frame is at the first position in the display screen; the next image frame is gradually enlarged and moved to the center of the screen of the display screen; wherein the image displayed in the second display frame changes with the overlapping part between the second display frame and the next image frame. In this way, the electronic device can switch the image frames superimposed with the second display frame one by one in the order of M image frames. Moreover, in the process of switching the image frames one by one, they are still gradually enlarged and moved to the center of the screen.

[0016] Exemplarily, in the process of image frames switching one by one, gradually enlarging and moving, if the center of the image frame coincides with the center of the screen, but at least one border of the image frame is within the border of the screen, the image frame maintains its position unchanged and continues to switch and gradually enlarge.

[0017] 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 center of the second display frame coincides with the center of the display screen, and at least one border of the second display frame is within the border of the display screen, the second display frame stops moving and continues to enlarge until all borders of the second display frame overlap with the border of the display screen or are outside the border of the display screen.

[0018] Exemplarily, the moving speed of the second display frame may be different from the moving speed of the image frame.

[0019] Exemplarily, the moving trajectory of the second display frame may be different from the moving trajectory of the image frame.

[0020] Exemplarily, the magnification rate of the second display frame may be different from the magnification rate of the image frame.

[0021] According to the first aspect, or any implementation of the first aspect, the first display frame is in a rectangular, circular, triangular, elliptical, or irregular shape.

[0022] According to the first aspect, or any implementation of the first aspect, the second display frame is in a rectangular, circular, triangular, elliptical, or irregular shape.

[0023] According to the first aspect, or any implementation of the first aspect above, the first interface is a screen-off interface, and the second interface is a screen-lock interface.

[0024] According to the first aspect, or any implementation of the first aspect above, the first interface is a screen-off interface, and the second interface is a desktop.

[0025] In a second aspect, the present application provides a display method. The method includes: when a first interface is displayed on a display screen of an electronic device, each image frame of a first transition animation is played in a first display frame of the first interface, and the last image frame of the first transition animation is frozen; the center of the first display frame deviates from the screen center of the display screen of the electronic device; the electronic device switches the first interface on the display screen of the electronic device to a second interface in response to a received first user operation; 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 electronic device gradually enlarges the second display frame and moves it to the screen center of the display screen of the electronic device; wherein, in the process of gradually enlarging the second display frame and moving it to the screen center of the display screen of the electronic device, each image frame of the second transition animation is played in the second display frame; the first image frame of the second transition animation is the same as the last image frame of the first transition animation.

[0026] According to the second aspect, the first transition animation includes N image frames, where N is an integer greater than 1; the image frames of the first transition animation are played in the first display frame of the first interface, including: cropping each of the N image frames according to a set first size; adjusting the size of each cropped image frame according to a set second size; playing each cropped and resized image frame in sequence in the first display frame, and freezing the last image frame after cropping and resizing in the first transition animation; wherein the size of the first display frame is the same as the second size.

[0027] According to the second aspect, or any implementation method of the second aspect above, the second transition animation includes M image frames, M is an integer greater than 1; each image frame of the first transition animation is played in the first display frame of the first interface, including: adjusting the first image frame of the M image frames according to the second size; superimposing the adjusted first image frame under the second display frame; wherein the image of the portion of the second display frame superimposed with the adjusted first image frame is the same as the image of the last image frame after being cropped and resized.

[0028] According to the second aspect, or any implementation method of the second aspect above, the electronic device gradually enlarges the second display frame and moves it to the center of the screen of the display screen of the electronic device, including: in the process of gradually enlarging the second display frame and moving it to the center of the screen of the display screen of the electronic device, gradually enlarging the adjusted first image frame and moving it to the center of the display screen; wherein the image displayed in the second display frame changes with the overlapping part between the second display frame and the adjusted first image frame.

[0029] According to the second aspect, or any implementation method of the second aspect above, the electronic device gradually enlarges the second display frame and moves it to the screen center of the display screen of the electronic device, including: when the adjusted first image frame is played, the adjusted first image frame is enlarged to a third size and moved to the first position in the display screen; the adjusted first image frame superimposed on the second display frame is switched to the next image frame in the order of M image frames; wherein the size of the next image frame is the third size, and the next image frame is at the first position in the display screen; the next image frame is gradually enlarged and moved to the screen center of the display screen; wherein the image displayed in the second display frame changes with the overlapping part between the second display frame and the next image frame.

[0030] According to the second aspect, or any implementation of the second aspect above, the electronic device gradually enlarges the second display frame and moves it toward the screen center of the display screen of the electronic device, including: when the center of the second display frame coincides with the center of the display screen, and at least one border of the second display frame is within the border of the display screen, the second display frame stops moving and continues to enlarge until all borders of the second display frame overlap with the border of the display screen or are outside the border of the display screen.

[0031] According to the second aspect, or any implementation of the second aspect, the first display frame is in a rectangular, circular, triangular, elliptical, or irregular shape.

[0032] According to the second aspect, or any implementation of the second aspect, the second display frame is in a rectangular, circular, triangular, elliptical, or irregular shape.

[0033] According to the second aspect, or any implementation of the second aspect above, the first interface is a screen-off interface, and the second interface is a screen-lock interface.

[0034] According to the second aspect, or any implementation of the second aspect above, the first interface is a screen-off interface, and the second interface is a desktop.

[0035] The second aspect and any implementation of the second aspect correspond to the first aspect and any implementation of the first aspect respectively. The technical effects corresponding to the second aspect and any implementation of the second aspect can refer to the technical effects corresponding to the above-mentioned first aspect and any implementation of the first aspect, which will not be repeated here.

[0036] In a third aspect, the present application provides a computer-readable medium for storing a computer program, wherein the computer program includes instructions for executing the method in the second aspect or any possible implementation of the second aspect.

[0037] In a fourth aspect, the present application provides a computer program, comprising instructions for executing the method in the second aspect or any possible implementation of the second aspect.

[0038] In a fifth aspect, the present application provides a chip, the chip comprising a processing circuit and a transceiver pin, wherein the transceiver pin and the processing circuit communicate with each other through an internal connection path, and 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 a signal and control the sending pin to send a signal. BRIEF DESCRIPTION OF THE DRAWINGS

[0039] Figure 1 is a schematic diagram of the hardware structure of an electronic device shown as an example;

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

[0041] Figure 3a to Figure 3f The display mode of the transition animation is shown as an example;

[0042] Figure 4 A schematic diagram of processing an image frame played in screen-off mode is shown as an example;

[0043] Figure 5a to Figure 5d This is an exemplary display method of a transition animation from screen off mode to screen lock mode;

[0044] Figure 6a to Figure 6d This is an exemplary display method of a transition animation from screen off mode to screen lock mode;

[0045] Figure 7a to Figure 7b This is an exemplary display method of a transition animation from screen off mode to screen lock mode;

[0046] Figure 8a to Figure 8b This is an exemplary display method of a transition animation from screen off mode to screen lock mode;

[0047] Figure 9a to Figure 9c This is an exemplary display method of a transition animation from screen off mode to screen lock mode;

[0048] Figure 10a to Figure 10b This is an exemplary display method of a transition animation from screen off mode to screen lock mode;

[0049] Fig.11 The following are examples of display modes of transition animations in different application scenarios;

[0050] Figure 12a to Figure 12e The display mode of the transition animation from the screen-off mode to the lock screen mode and from the lock screen mode to the desktop mode is shown as an example;

[0051] Figure 13a to Figure 13d The display mode of the transition animation from the screen-off mode to the lock screen mode and from the lock screen mode to the desktop mode is shown as an example;

[0052] Figure 14a to Figure 14b The display mode of the transition animation from the screen-off mode to the lock screen mode and from the lock screen mode to the desktop mode is shown as an example;

[0053] Fig.15 The display mode of the transition animation from the desktop mode to the screen-off mode is shown as an example;

[0054] Fig.16 The display mode of the transition animation from the desktop mode to the screen-off mode is shown as an example;

[0055] Fig.17 The display mode of the transition animation from the lock screen mode to the off screen mode is shown as an example;

[0056] Fig.18 The display mode of the transition animation from the lock screen mode to the off screen mode is shown as an example;

[0057] Fig.19 The display mode of the transition animation from the lock screen mode to the off screen mode is shown as an example;

[0058] Fig. 20 Schematic diagram of the structure of the device shown as an example. DETAILED DESCRIPTION

[0059] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0060] The term "and / or" in this article is merely a description of the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone.

[0061] The terms "first" and "second" in the description and claims of the embodiments of the present application are used to distinguish different objects rather than to describe a specific order of objects. For example, a first target object and a second target object are used to distinguish different target objects rather than to describe a specific order of target objects.

[0062] In the embodiments of the present application, words such as "exemplary" or "for example" are used to indicate examples, illustrations or descriptions. Any embodiment or design described as "exemplary" or "for example" in the embodiments of the present application should not be interpreted as being more preferred or more advantageous than other embodiments or designs. Specifically, the use of words such as "exemplary" or "for example" is intended to present related concepts in a specific way.

[0063] In the description of the embodiments of the present application, unless otherwise specified, the meaning of "multiple" refers to two or more than two. For example, multiple processing units refer to two or more processing units; multiple systems refer to two or more systems.

[0064] Figure 1 1 shows a schematic diagram of the structure of the electronic device 100. It should be understood that Figure 1 The illustrated electronic device 100 is merely one 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 a different configuration of components. Figure 1 The various components shown in the EMBODIMENTS 2000 may be implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and / or application specific integrated circuits.

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

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

[0067] The controller may be the nerve center and command center of the electronic device 100. The controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.

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

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

[0070] It is understandable that the interface connection relationship between the modules illustrated in the embodiment of the present application is only a schematic illustration and does not constitute a structural limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may also adopt different interface connection methods in the above embodiments, or a combination of multiple interface connection methods.

[0071] The charging management module 140 is used to receive charging input from a charger. The charger may be a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 may receive charging input from a wired charger through the USB interface 130. In some wireless charging embodiments, the charging management module 140 may receive wireless charging input through a wireless charging coil of the electronic device 100. While the charging management module 140 is charging the battery 142, it may also power the electronic device through the power management module 141.

[0072] The power management module 141 is used to connect the battery 142, the charging management module 140 and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140, and supplies power to the processor 110, the internal memory 121, the external memory, the display screen 194, the camera 193, and the wireless communication module 160. The power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle number, battery health status (leakage, impedance), etc. In some other embodiments, the power management module 141 can also be set in the processor 110. In other embodiments, the power management module 141 and the charging management module 140 can also be set in the same device.

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

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

[0075] The mobile communication module 150 can provide solutions for wireless communications including 2G / 3G / 4G / 5G, etc., applied to the electronic device 100. The mobile communication module 150 may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves from the antenna 1, and filter, amplify, and process the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the same device as at least some of the modules of the processor 110.

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

[0077] The wireless communication module 160 can provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc., which are applied to the electronic device 100. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, modulates the frequency of the electromagnetic wave signal and performs filtering, and sends the processed signal to the processor 110. The wireless communication module 160 can also receive the signal to be sent from the processor 110, modulate the frequency of it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2.

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

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

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

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

[0082] The digital signal processor is used to process digital signals, and can process not only digital image signals but also other digital signals. For example, when the electronic device 100 is selecting a frequency point, the digital signal processor is used to perform Fourier transform on the frequency point energy.

[0083] Video codecs are used to compress or decompress digital videos. The electronic device 100 may support one or more video codecs. Thus, the electronic device 100 may play or record videos in a variety of coding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, MPEG4, etc.

[0084] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 through the external memory interface 120 to implement a data storage function, such as storing music, video and other files in the external memory card.

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

[0086] The electronic device 100 can implement audio functions such as music playing and recording through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone jack 170D, and the application processor.

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

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

[0089] The fingerprint sensor 180H is used to collect fingerprints. The electronic device 100 can use the collected fingerprint characteristics to realize fingerprint unlocking, access application locks, fingerprint photography, fingerprint answering calls, etc. For example, in an embodiment of the present application, the fingerprint sensor 180H can collect the fingerprint of the user when touching the touch screen, and transmit the collected fingerprint to the processor 110. Exemplarily, the processor 110 can unlock the electronic device 100 based on the fingerprint information input by the fingerprint sensor 180H.

[0090] The touch sensor 180K is also called a "touch panel". The touch sensor 180K can be set on the display screen 194, and the touch sensor 180K and the display screen 194 form a touch screen, also called a "touch screen". The touch sensor 180K is used to detect touch operations acting on or near it. The touch sensor can pass the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 194. In other embodiments, the touch sensor 180K can also be set on the surface of the electronic device 100, which is different from the position of the display screen 194.

[0091] The button 190 includes a power button, a volume button, etc. The button 190 can be a mechanical button. It can also be a touch button. The electronic device 100 can receive the key input and generate a key signal input related to the user settings and function control of the electronic device 100. Exemplarily, in an embodiment of the present application, when the electronic device 100 is in the screen-off mode, the user clicks the power button. The electronic device 100 can enter the lock screen mode from the screen-off mode in response to the received operation of the user clicking the power button. Exemplarily, when the electronic device is in the lock screen mode or the desktop mode, if the electronic device 100 receives the operation of the user clicking the power button, the electronic device 100 enters the screen-off mode from the lock screen mode or the desktop mode.

[0092] Exemplarily, the software system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a micro-core architecture, a micro-service architecture, or a cloud architecture. The present application embodiment takes the Android system of the layered architecture as an example to exemplify the software structure of the electronic device 100.

[0093] Figure 2 It is a software structure block diagram of the electronic device 100 according to an embodiment of the present application.

[0094] The layered architecture of the electronic device 100 divides the software into several layers, each with clear roles and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom, namely, the application layer, the application framework layer, the Android runtime (Android runtime) and the system library, and the kernel layer.

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

[0096] like Figure 2 As shown, the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message, wallpaper, etc. Exemplarily, the wallpaper application may implement the display mode of the wallpaper or transition animation in the embodiment of the present application. For example, the wallpaper application may provide a user interface to enable the user to change the wallpaper or the video displayed by the transition animation.

[0097] The application framework layer provides an application programming interface (API) and a programming framework for the applications in the application layer. The application framework layer includes some predefined functions.

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

[0099] The window manager is used to manage window programs. The window manager can obtain the display screen size, determine whether there is a status bar, lock the screen, capture the screen, etc.

[0100] Content providers are used to store and retrieve data and make it accessible to applications. The data may include videos, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.

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

[0102] The phone manager is used to provide communication functions of the electronic device 100, such as management of call status (including connecting, hanging up, etc.).

[0103] The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, video files, and so on.

[0104] The notification manager enables applications to display notification information in the status bar. It can be used to convey notification-type messages and can disappear automatically after a short stay without user interaction. For example, the notification manager is used to notify download completion, message reminders, etc. The notification manager can also be a notification that appears in the system top status bar in the form of a chart or scroll bar text, such as notifications of applications running in the background, or a notification that appears on the screen in the form of a dialog window. For example, a text message is displayed in the status bar, a prompt sound is emitted, an electronic device vibrates, an indicator light flashes, etc.

[0105] Android Runtime includes core libraries and virtual machines. Android runtime is responsible for scheduling and management of the Android system.

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

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

[0108] The system library may include multiple functional modules, such as surface manager, media library, 3D graphics processing library (such as OpenGL ES), 2D graphics engine (such as SGL), etc.

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

[0110] The media library supports playback and recording of a variety of commonly used audio and video formats, as well as static image files, etc. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

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

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

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

[0114] Understandably, Figure 2 The components included in the system framework layer, system library and runtime layer shown do not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown, or combine some components, or split some components, or arrange the components differently.

[0115] Exemplarily, the embodiment of the present application provides a display method of transition animation, which can make the display of transition animation smoother and more closely connected to enhance the user experience. In order to enable those skilled in the art to better understand the display method of transition animation in the embodiment of the present application, the following briefly introduces the transition animation. Figure 3a to Figure 3f The following is an exemplary display method of the transition animation.

[0116] Please refer to Figure 3a, exemplarily, the video clip 301 corresponding to the transition animation (also referred to as transition motion effect, transition effect, etc.) includes 180 image frames (also referred to as video frames, etc.). It should be noted that the transition animation involved in the embodiments of the present application can be understood as the animation effect used in the conversion process between different modes. The modes in the embodiments of the present application include but are not limited to: screen-off mode, lock screen mode, and desktop mode. For example, the transition animation of the screen-off mode involved in the following embodiments of the present application may optionally be the animation effect played on the display screen of the electronic device when the desktop screen mode is switched to the screen-off mode. The transition animation of the lock screen mode may optionally be the animation effect played on the display screen of the electronic device when the screen-off mode is switched to the lock screen mode. The transition animation of the desktop mode may optionally be the animation effect played on the display screen of the electronic device when the lock screen mode is switched to the desktop mode. Optionally, the desktop mode may also be referred to as an unlock mode, which is not limited in this application.

[0117] Exemplarily, the screen-off mode is optionally a mode that the electronic device enters after receiving a signal from the user that a power button is clicked. The electronic device turns off the screen and displays a transition animation to the screen-off mode on the turned-off display screen.

[0118] Exemplarily, the lock screen mode is optionally a screen lock of the electronic device. Exemplarily, in the screen-off mode, the user touches or presses a button on the mobile phone, optionally causing the electronic device to enter the lock screen mode. Exemplarily, the lock screen mode locks the screen, and the user needs to unlock it before entering the desktop mode. Exemplarily, the lock screen mode can provide some functions that can be used without unlocking, such as a camera function, a gadget, etc. That is, in the lock screen mode, the user can perform corresponding operations on the electronic device, and in the screen-off mode, when the user triggers the electronic device, the electronic device will enter the lock screen mode.

[0119] Exemplarily, the desktop mode is the mode after the electronic device is unlocked. Exemplarily, the user can operate the electronic device in the desktop mode to use the corresponding functions provided by the electronic device. For example, the user can use a chat application, a video application, etc.

[0120] It should be noted that the mode switching in the embodiments of the present application, for example, includes: 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, which is optionally an interface switch. For example, switching from screen-off mode to lock-screen mode is optionally switching from the screen-off interface displayed on the display screen of the mobile phone to the lock-screen interface. Among them, each interface in the embodiments of the present application (including the screen-off interface, the lock-screen interface, and the desktop) is a full-screen display interface, that is, when the display screen switches from one interface (such as the screen-off interface) to another interface (such as 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 screen.

[0121] It should be further noted that the number of image frames included in the transition animation in the embodiment of the present application is only an illustrative example and is not limited in the present application. For example, when the mobile phone is in lock screen mode or desktop mode, the user clicks the power button. The mobile phone enters the screen off mode in response to the received operation.

[0122] Still refer to Figure 3a , exemplarily, the screen-off interface 302 of the mobile phone includes a transition animation display box 303 and a time control, etc. Among them, the transition animation display box 303 displays the first image frame of the video clip 301.

[0123] For example, the mobile phone can sequentially play the image frames in the video clip 301 in the transition animation display frame 303. Figure 3b , exemplarily, the mobile phone pre-sets the key frame of the screen-off mode. The key frame may optionally be the last image frame played in the current mode. For example, the key frame of the screen-off mode is image frame 304 in video clip 301. Exemplarily, the transition animation display box 303 of the mobile phone plays the image frames in the video clip 301 in sequence until image frame 304 is played. The image displayed in the transition animation display box 303 will stay at image frame 304. It can be understood that the picture of the transition animation display box 303 in the screen-off interface 302 is frozen on image frame 304, while other controls (such as time controls) operate normally.

[0124] It should be noted that the mobile phone can process the image frames in the transition animation corresponding to the screen-off mode accordingly, so that each image frame meets the size requirement of the transition animation display frame 303. For example, please refer to Figure 4, exemplarily, taking the image frame 304 as an example, the mobile phone performs grayscale processing on the image frame 601. The mobile phone performs grayscale processing according to a set size (for example, 1440*800, which is not limited in this application), and selects one or more main parts in the grayscale processed image frame 304. Among them, the size of each main part is the set size. Optionally, multiple main parts may overlap partially. The terminal can calculate the difference value of each single pixel in each main part. The difference value of a single pixel is the difference value between the pixel and the surrounding pixels. The mobile phone can obtain the sum of the difference values ​​of each pixel of the main part, which is the difference value of the main part. The mobile phone can crop the main part with the largest difference value from the image frame 304. And, the cropped main part is resized according to a specific ratio (for example, reduced by 50%) to obtain the adjusted main part. The mobile phone adds a specific shape mask to the resized main part. Exemplarily, 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 frame 303. It should be noted that in the embodiment of the present application, only the specific shape mask is a rectangular mask as an example for description. In other embodiments, if a circular mask is used in the processing process, the shape of the transition animation display frame 303 can be circular or triangular, etc., and the present application does not limit it.

[0125] Still refer to Figure 3b For example, the user can enter the lock screen mode by touching the power button or touching the screen in the screen off interface 302. Figure 3c , exemplarily, the mobile phone enters the lock screen mode. The image frames of the transition animation of the lock screen mode are played in sequence in the lock screen interface 305 of the mobile phone. Exemplarily, the first image frame of the transition animation of the lock screen mode is optionally the last image frame of the transition animation of the off screen mode, that is, the key frame of the off screen mode (such as image frame 304).

[0126] Exemplarily, the lock screen interface 305 may also include one or more controls, such as a time control, a network control, a power control, etc. Exemplarily, 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 is played to any frame. Optionally, one or more controls may be displayed in a flying-in, fading-in, etc. manner, which is not limited in this application.

[0127] Please refer to Figure 3d, exemplarily, similar to the screen-off mode, the transition animation played in the lock screen interface 303 plays to the key frame of the lock screen mode, for example, the image frame 306 is the key frame of the lock screen mode, and accordingly, the transition animation played in the lock screen interface 303 stops after playing to the image frame 306. That is to say, before the mobile phone is unlocked or re-enters the screen-off mode, the image displayed in the lock screen interface 305 is always the image frame 306. Exemplarily, the user can unlock by sliding to unlock, fingerprint unlocking, etc. In response to the received user operation, the mobile phone enters the desktop mode (also called unlock mode).

[0128] Please refer to Figure 3e , exemplarily, the mobile phone enters the desktop mode. The image frames of the transition animation of the desktop mode are played in sequence in the desktop (also referred to as the mobile phone display interface) 307. Exemplarily, the first image frame of the transition animation of the desktop mode is optionally the last image frame of the transition animation of the lock screen mode, that is, the key frame of the lock screen mode (e.g., image frame 306).

[0129] Optionally, the image frames in the transition animation of the desktop mode can be displayed in the desktop 307 in a tiling, stretching, or other manner. Exemplarily, the desktop 307 may also include one or more controls, such as a time control, a network control, a power control, an application icon control, and the like. Exemplarily, one or more controls shown in the desktop 307 may also be displayed when the transition animation of the desktop mode is played to any frame. Optionally, one or more controls may be displayed in a fly-in, fade-in, or other manner, which is not limited in this application. It should be noted that in the embodiment of the present application, entering the desktop after unlocking the lock screen mode is taken as an example. In other embodiments, the mobile phone may also be the interface displayed before entering the mobile phone screen is turned off, such as a web page.

[0130] Please refer to Figure 3f , exemplarily, the transition animation played in the desktop 307 is played to the key frame of the desktop mode, for example, the image frame 308. Correspondingly, the transition animation played in the desktop 307 is played to the image frame 308 and then stops.

[0131] In an embodiment of the present application, a display method for a transition animation from a screen-off mode to a screen-lock mode is provided, which can make the transition animation from the screen-off mode to the screen-lock mode smoother and more continuous. Figure 5a to Figure 5d This is an exemplary display method of a transition animation from screen off mode to screen lock mode. Figure 5a (1), illustratively, after the mobile phone enters the screen-off mode, the screen-off mode transition animation is played in the screen-off mode transition animation display frame 502 and 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 The image frame 304 in FIG. 304, other descriptions can refer to Figure 3a to Figure 3b, I will not go into details here.

[0132] For example, when the mobile phone receives an operation such as a user triggering a power button, the mobile phone enters the lock screen mode. Figure 5a (2), illustratively, the mobile phone displays the lock screen interface 503. Optionally, the time control in the off screen interface 502 disappears. The mobile phone starts playing the transition animation in the lock screen interface 503. Optionally, before the off screen mode enters the lock screen mode, the screen may be black, and after the black screen, the lock screen interface 503 is displayed.

[0133] Still refer to Figure 5a (2), illustratively, the lock screen interface 503 includes a field of view frame 504 and an image schematic frame 505. illustratively, the position of the center point of the field of view frame 504 in the lock screen interface 503 is Figure 5a The center point of the transition animation display frame 502 in (1) is at the same position in the off-screen interface 501. The center point refers to the geometric center of the field of view frame or the transition animation display frame (the same below, no further description).

[0134] Optionally, in the embodiment of the present application, the visual field frame 504 is described as a rectangular frame as an example. In other embodiments, the visual field frame 504 may also be other shapes, such as a circle, a triangle, etc., which is not limited in the present application.

[0135] For example, in the embodiment of the present application, the size and position of the field of 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 off screen interface 501. For example, in the embodiment of the present application, the center point of the field of view frame 504 and the center point of the lock screen interface 503 are on the same vertical line, and the center point of the transition animation display frame 502 and the center point of the off screen interface 501 are on the same vertical line as an example for description.

[0136] In the embodiment of the present application, the visual field frame 504 is used to display the portion of the superimposed image schematic frame 505. It should be noted that the portion outside the visual field frame 504 can be optionally a black screen. In other words, from the user's perspective, the lock screen interface 503 currently only has an image displayed in the visual field frame 504, and the other portions of the lock screen interface 503 outside the visual field frame 504 are all black screens.

[0137] Exemplarily, the first image frame of the transition animation of the lock screen mode included in the image schematic frame 505 is the last frame of the screen off mode (i.e., the key frame of the screen off mode). That is to say, in the embodiment of the present application, during the process of switching from the screen off mode to the lock screen mode, the first image frame displayed in the lock screen mode and the last frame in the screen off mode are the same image frame, thereby making the transition between the lock screen mode and the screen off mode more coherent and improving the user experience.

[0138] For example, as described above, the image displayed in the transition animation display frame 502 is cropped and resized. Accordingly, the size of the image displayed in the image schematic frame 505 corresponds to the size of the resized image. Figure 4 The mobile phone reduces the main part by 50% according to the preset ratio. Figure 5a In (2), the size of the image in the image schematic box 505 is the original image (e.g. Figure 3d The above sizes are only for illustrative purposes and are not limited in this application.

[0139] Exemplarily, as described above, the field of view frame 504 is used to display an image, in order to improve the display continuity from the off screen mode to the lock screen mode. In the embodiment of the present application, the image displayed in the field of view frame 504 is consistent with the image displayed in the transition animation display frame 502. Exemplarily, in order to make the image displayed in the field of view frame 504 consistent with the image displayed in the transition animation display frame 502, the portion of the field of view frame 504 superimposed on the image schematic frame 505 needs to be consistent with the image displayed in the transition animation display frame 502. In other words, the superimposed portion is Figure 4 The portion after the main part described in the above is resized. Accordingly, the mobile phone can, according to the above rules, overlay the image schematic frame 505 under the field of view frame 504 based on the current position of the field of view frame 504, so that the portion where the field of view frame 504 and the image schematic frame 505 overlap is Figure 4 The cropped main part described in .

[0140] Exemplarily, in an embodiment of the present application, the field of view frame 504 and the image schematic frame 505 are gradually enlarged, and in the process of enlarging, they move toward the center of the lock screen interface 503. It should be noted that in the embodiment of the present application, the field of view frame 504 and the image schematic frame 505 are enlarged in equal proportions, and the speed of moving to the center of the lock screen interface 503 is the same, but the moving trajectories are different. In other embodiments, the enlargement ratio of the field of view frame 504 and the image schematic frame 505 may be different, and / or the moving speed of the field of view frame 504 to the center of the lock screen interface 503 and the moving speed of the image schematic frame 505 to the center of the lock screen interface 503 may be different, and / or the moving trajectory of the field of view frame 504 to the center of the lock screen interface 503 and the moving trajectory of the image schematic frame 505 may be different. This application is not limited.

[0141] It should be noted that, in the embodiment of the present application, the size of the image in the image schematic frame 505 is consistent with the image schematic frame 505. That is, when the size and position of the image schematic frame 505 change, the size of the image in the image schematic frame 505 always remains consistent with the size of the image schematic frame.

[0142] It should be further explained that the image schematic frame 505 in the embodiment of the present application is only used to illustrate the superposition and display mode of the image and the field of view frame, and the image schematic frame 505 will not be displayed in the lock screen interface 503. Of course, the portion of the image schematic frame 505 that exceeds the lock screen interface 503 is also only used to better illustrate the size and position of the image schematic frame 505. The following description will not be repeated. In other words, from the user's perspective, the user only sees the image displayed in the field of view frame 504 from the lock screen interface 503, and the rest of the lock screen interface 503 is a black screen.

[0143] For example, as described above, Figure 5a In (1), the center of the field of view frame 504 and the center of the lock screen interface 503 are on the same vertical line, while the center of the image schematic frame 505 and the center of the lock screen interface 503 are not on the same vertical line. Exemplarily, when the field of view frame 504 moves toward the center of the lock screen interface 503, it only needs to move vertically downward. When the image schematic frame 505 moves toward the center of the lock screen interface 503, it needs to move to the lower left to approach the center of the lock screen interface 503. And, as described above, the field of view frame 504 and the lock screen interface schematic frame 505 are enlarged in proportion. According to the above-mentioned enlargement and movement method, the positions of the image schematic frame 505 and the field of view frame 504 after enlargement and movement are as follows. Figure 5b Please refer to (1) Figure 5b (1), illustratively, the portion of the visual field frame 504 superimposed on the image schematic frame 505 is the image currently displayed in the visual field frame 504. It should be noted that the portion of the lock screen interface schematic frame 505 other than the visual field frame 504 is still a black screen.

[0144] It should be noted that in the embodiments of the present application, Figure 3c As shown, the transition animation from the off screen mode to the lock screen mode includes multiple image frames between the first frame of the lock screen mode (e.g., image frame 304) and the last frame of the lock screen mode (e.g., image frame 306). For example, it may include 60 image frames. It should be noted that Figure 3a to Figure 3e The image frames included in the video clip 301 shown in the figure are only the folded image frames. For example, after the image frame 304 is expanded, it can optionally include 20 image frames (only for illustrative example, not limited in this application). Figure 5a to Figure 5d In the process of gradually displaying the image, the lock screen interface 503 is still playing the image frames in the video segment 301 in sequence. In other words, the image in the image schematic frame 505 changes with the image frames in the video segment.

[0145] For example, take the image frame 304 as an example, after being expanded, it includes image frame 1, image frame 2, ..., image frame 20. Figure 5aIn (2), the image included in the image schematic frame 505 is the image frame 1, and accordingly, the visual field frame 504 displays the portion superimposed on the image frame 1. As described above, the image schematic frame 505 and the visual field frame 504 are gradually enlarged and moved, and at the same time, the image schematic frame 505 includes the image frames after the image frame 306 is expanded. When the image schematic frame 505 and the visual field frame 504 are enlarged and moved, as shown in FIG. Figure 5b As shown in (1), at this time, the image included in the image schematic frame 505 is the image frame 5, and correspondingly, the visual field frame 504 displays the portion superimposed on the image frame 5. The image schematic frame 505 and the visual field frame 504 continue to be enlarged and moved, and after being enlarged and moved, Figure 5b Please refer to (2) Figure 5b (2), for example, the image included in the image schematic frame 505 is the image frame 13, and accordingly, the visual field frame 504 displays the portion superimposed on the image frame 13. It can be understood that as the visual field frame 504 gradually enlarges and moves, the image displayed therein also changes dynamically. Figure 5a In (2), the visual field frame 504 is turning downwards, and as the visual field frame 504 gradually enlarges and moves, and the image frames are played in sequence, the dancing man displayed in the visual field frame 504 continues to turn downwards. The following is similar and will not be repeated.

[0146] Exemplarily, during the process of enlarging and moving the image schematic frame 505, if each frame of the image schematic frame 505 is on the frame of the lock screen interface 503 or outside the frame, the image schematic frame 505 stops enlarging. It should be noted that in the embodiment of the present application, the frame of the image schematic frame 505 on the frame of the lock screen interface 503 is only a schematic illustration of the positional relationship between the frames. In fact, during the process of enlarging and moving the image schematic frame 505, the electronic device can obtain the distance between each frame of the image schematic frame 505 and the frame corresponding to the lock screen interface 503. Among them, the corresponding frame refers to the frame that is parallel to and closest to the image schematic frame 505. For example, the left frame of the image schematic frame 505 is parallel to the left frame and the right frame of the lock screen interface 503, and is closest to the left frame, then the left frame is the frame corresponding to the left frame of the image schematic frame 505. When the distance between the frame of the image schematic frame 505 and the corresponding frame is 0, that is, the image schematic frame 505 overlaps with the corresponding frame, that is, the frame of the image schematic frame 505 described in the embodiment of the present application is above the corresponding frame. The following is similar and will not be repeated.

[0147] like Figure 5bAs shown in (3), the four frames of the image schematic frame 505 are all on the frame of the lock screen interface 503, and the image schematic frame 505 stops zooming in. It should be noted that in the embodiment of the present application, the center of the image schematic frame 505 just coincides with the center of the lock screen interface 503 while the image display frame 505 stops zooming in is used as an example for explanation. In other embodiments, if the four frames of the image schematic frame 505 are all on the frame of the lock screen interface 503 or outside the frame, but its center still does not coincide with the center of the lock screen interface 503, the image schematic frame 505 continues to zoom in and continues to move toward the center of the lock screen interface 503 until it moves to the center of the lock screen interface 503 and stops zooming in. Optionally, if after the center of the image schematic frame 505 coincides with the center of the lock screen interface 503, at least one frame in the image schematic frame 505 is within the frame of the lock screen interface 503, the image schematic frame 505 stops moving and continues to zoom in until each frame is on the frame of the lock screen interface 503 or outside the frame.

[0148] For example, in the embodiment of the present application, if the four borders of the field of view frame 504 are on or outside the border of the lock screen interface 503, the field of view frame 504 stops moving and stops zooming in. If the center of the field of view frame 504 overlaps with the center of the lock screen interface 503, and at least one border of the field of view frame 504 is within the lock screen interface 503, the center of the field of view frame 504 remains stationary and continues to zoom in. For example, still referring to Figure 5b (3), illustratively, the image schematic frame 505 stops enlarging and stops moving, the center of the field of view frame 504 coincides with the center of the lock screen interface 503, and the left and right borders of the field of view frame 504 are on the left and right borders of the lock screen interface 503, while the upper and lower borders of the field of view frame 504 are still within the borders of the lock screen interface 503. In other words, the portion between the upper border of the field of view frame 504 and the upper border of the lock screen interface 505, and the portion between the lower border of the field of view frame 504 and the lower border of the lock screen interface 505 are still black screens. Accordingly, the field of view frame 504 needs to continue to be enlarged until all four borders are above or outside the border of the lock screen interface 503. Please refer to Figure 5c (1), illustratively, the center of the field of view frame 504 remains stationary and continues to be enlarged, while the image in the image schematic frame 505 is still transformed according to the order of the image frames, and the position and size of the image schematic frame 505 remain unchanged. Figure 5c (2), the upper frame of the field of view frame 504 is above the upper frame of the lock screen interface 503, the lower frame of the field of view frame 504 is above the lower frame of the lock screen interface 503, and the left and right frames of the field of view frame 504 are outside the left and right frames of the lock screen interface 503, and the field of view frame 504 stops zooming in. At this time, what is displayed in the lock screen interface 503 is the overlapping portion of the field of view frame 504 and the image in the image schematic frame 505, that is, the entire image in the image schematic frame 505.

[0149] Please refer to Figure 5d , exemplarily, after the field of view frame 504 stops enlarging, one or more other controls may be displayed in the lock screen interface 503, such as a time control, a network control, a power control, etc. It should be noted that if Figure 5d The image displayed in the lock screen interface 503 is a key frame of the lock screen mode (eg Figure 3d 306), the image displayed on the lock screen interface 503 is frozen in the image frame. Figure 5d If the image displayed in the lock screen interface 503 is a frame before the key frame of the lock screen mode, the lock screen interface 503 continues to play subsequent image frames until the key frame of the lock screen mode is played.

[0150] Figure 5a to Figure 5c In the transition animation display mode 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 schematic frame 505 coincides with the center of the lock screen interface 503, the four borders of the image schematic frame 505 (i.e., the original image frame) are just above the borders of the lock screen interface 503. Figure 6a to Figure 6c Instructions: When the ratio of the original image frame is different from that of the lock screen interface, the transition animation is displayed. Figure 6a , exemplary, Figure 6a The screen-off interface 601 shown in (1) can be referred to Figure 5a The relevant description in (1) is not repeated here. Exemplarily, the mobile phone enters the lock screen mode in response to the received user operation. The lock screen interface is as follows Figure 6a As shown in (2), the lock screen interface 603 includes a field of view frame 604 and an image schematic frame 605. For a detailed description, please refer to Figure 5a It should be noted that the image in the image schematic frame 605 and the image in the image schematic frame 505 have different ratios.

[0151] For example, Figure 6b (1) and Figure 5b Similar to (1), it is used to schematically illustrate the size enlargement and movement of the image schematic frame 605 and the field of view frame 604. For specific description, please refer to Figure 5b (1) will not be repeated here.

[0152] Please refer to Figure 6b(2), illustratively, during the process of enlarging and moving the image schematic frame 605 and the field of view frame 604, in this embodiment, the left and right frames of the image schematic frame 605 are on the left and right frames of the lock screen interface 603, and the upper and lower frames of the image schematic frame 605 are still within the upper and lower frames of the video screen interface 603, then, the image schematic frame 605 continues to move toward the center and is still enlarged in proportion. Among them, the field of view frame 604 is still enlarged and moved in its own way, and does not interfere with the enlargement and movement of the image schematic frame 605.

[0153] Please refer to Figure 6b As shown in (3), illustratively, when the center of the image schematic frame 605 overlaps with the center of the lock screen interface 603, the upper and lower borders of the image schematic frame 605 are on the upper and lower borders of the lock screen interface 603, and the left and right borders of the image schematic frame 605 are outside the left and right borders of the lock screen interface 603. Figure 6b As shown in (3), part of the image in the image schematic frame 605 (for example, the partial image of the left foot and the partial image of the right foot of the dancing man) is located outside the lock screen interface 603, and this part of the image will not be displayed in the lock screen interface 603. The description of the field of view frame 604 can be referred to Figure 5b (3) will not be repeated here.

[0154] Please refer to Figure 6c (1), illustratively, when the image schematic frame 605 does not move and the size does not change, the center of the field of view frame 604 remains unchanged and continues to be enlarged. Figure 6c As shown in (1), the left and right frames of the field of view frame 604 are outside the left and right frames of the lock screen interface 603. However, the image displayed in the lock screen interface 603 is only the overlapping portion of the field of view frame 603 and the image in the image schematic frame 605, which is within the lock screen interface 603. In other words, even if the partial image of the right foot and the partial image of the left foot of the dancing man are within the field of view frame 604, they will not be displayed in the lock screen interface 603.

[0155] Please refer to Figure 6c (2), illustratively, the left and right borders of the field of view frame 604 are outside the left and right borders of the lock screen interface 603, and the upper and lower borders of the field of view frame 604 are above the upper and lower borders of the lock screen interface 603, and the field of view frame 603 stops zooming in. At this time, the lock screen interface 603 displays the portion of the overlapping portion of the field of view frame 604 and the image in the image schematic frame 605 that is within the lock screen interface 603. It should be noted that, as described above, during the process of moving and zooming in the image schematic frame 605, the image therein changes with the image frame of the video clip. Therefore, since the dancing man flips downward, the dancing man is Figure 6cIn (2), the partial image of the left foot is outside the lock screen interface 603, and the image of the right foot is within the lock screen interface 603.

[0156] Please refer to Figure 6d , exemplarily, the lock screen interface 603 may continue to play the image frames in the video clip 301 until the key frame of the lock screen mode, and at the same time, the lock screen interface 603 displays one or more other controls. For a detailed description, please refer to Figure 5d It should be noted that, due to the different ratios between the image frame and the lock screen interface, the image frame played in the lock screen interface 603 may always have a portion of the image outside the lock screen interface 603 .

[0157] Figure 7a to Figure 7b Another exemplary display method of the transition animation from the off screen mode to the lock screen mode is shown in FIG. Figure 7a (1), the screen-off interface 701 includes a transition animation display box 702 and other controls. For a detailed description, please refer to Figure 5a The description in , will not be repeated here. Please refer to Figure 7a (2), exemplarily, with Figure 5a (2) in is different. Figure 7a In (2), the center of the image schematic frame 705, the center of the field of view frame 704, and the center of the lock screen interface 703 are on the same vertical line. Optionally, the center of the image schematic frame 705 can overlap with the center of the field of view frame 704. That is, in the subsequent process of enlarging and moving the size, the image schematic frame 705 and the field of view frame 704 can move vertically toward the center of the lock screen interface 703 at the same time. For example, since the image schematic frame 705 is Figure 7a The position of (2) is similar to that of the image schematic frame 505. Figure 5a The position in (2) is different, and the image displayed in the field of view frame 704 is different from the image displayed in the field of view frame 504. Figure 7a As shown in (2), the field of view frame 704 is located in the middle of the image schematic frame 705, and the image displayed therein is the overlapping portion with the image in the image schematic frame 705, such as the lower body of the dancing man.

[0158] Exemplarily, the image schematic frame 705 and the field of view frame 704 are enlarged in size and move vertically toward the center of the lock screen interface 703, such as Figure 7b Please refer to (1) in Figure 7b In (1), for example, the image schematic frame 705 and the field of view frame 704 move downward simultaneously and are enlarged in equal proportion. The field of view frame 704 displays the portion overlapping 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 description of is not repeated here. For example, please refer to Figure 7b (3), and Figure 5b The same as (3), the four frames of the image schematic frame 705 are on the lock screen interface 703, and the image schematic frame 705 maintains the same position and size. For example, the left and right frames of the field of view frame 704 are on the lock screen interface 703, while the upper and lower frames are still in the lock screen interface 703. Accordingly, the field of view frame 704 can continue to be enlarged. For specific details, please refer to Figure 5b The relevant contents of (3) will not be repeated here.

[0159] Figure 8a to Figure 8b Another exemplary display method of the transition animation from the off screen mode to the lock screen mode is shown in FIG. Figure 8a (1), exemplarily, the screen-off interface 801 includes a transition animation display box 802 and other controls (such as a time control). In an embodiment of the present application, when the mobile phone is in the screen-off mode, in one example, the transition animation display box 802 and the time control can be displayed at a specified position of the screen-off interface 801 and remain unchanged. The specified position can be any position in the lock screen interface 801, for example, it can be Figure 5a The position shown in (1) can also be Figure 8a In another example, the transition animation display box 802 and the time control can be displayed in different positions of the off-screen interface 801 in sequence. For example, at the current moment, the positions of the transition animation display box 802 and the time control can be as follows: Figure 5a As shown in (1) in FIG. 1 , at the next moment, the position of the transition animation display frame 802 and the time control can be as follows: Figure 8a As shown in (1), this application is not limited.

[0160] Still refer to Figure 8a (1), exemplarily, in the embodiment of the present application, the position of the transition animation display box 802 and the time control is at the lower left of the screen off interface 801 as an example for explanation. When the transition animation display box 802 and the time control are at the screen off interface 801, the display of the transition animation in the lock screen mode can refer to Figure 8a to Figure 8b , this application will not repeat the description.

[0161] Exemplarily, the mobile phone enters the lock screen mode in response to a received user operation (eg, clicking the power button). Figure 8a(2), exemplarily, the lock screen interface 803 includes a field of view frame 804 and an image schematic frame 805. Exemplarily, the size and position of the field of 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 off-screen interface 801. Accordingly, the image schematic frame 805 can be displayed at a corresponding position on the lock screen interface 803 based on the current display position of the field of view frame 804. So that the overlapping portion of the image in the field of view frame 804 and the image schematic frame 805 is the same as the image displayed in the transition animation display frame 802. For other descriptions, please refer to Figure 5a The relevant contents of (2) will not be repeated here.

[0162] Exemplarily, the image schematic frame 804 gradually enlarges and moves from the lower left corner of the lock screen interface 803 to the center of the lock screen interface 803. At the same time, the field of view frame 804 gradually enlarges and moves from the lower left corner of the lock screen interface 803 to the center of the lock screen interface 803. Please refer to Figure 8b (1), the image schematic frame 804 and the field of view frame 804 are enlarged and moved to Figure 8b The visual field frame 804 displays the overlapped portion of the image in the image schematic frame 805. For example, the image schematic frame 805 and the visual field frame 804 continue to be enlarged and move toward the center of the lock screen interface 803, as shown in FIG. Figure 8b (2) and (3) of 8b. For the undescribed parts, please refer to Figure 5b to Figure 5d , I will not go into details here.

[0163] Figure 9a to Figure 9c FIG. 1 is another exemplary display method of the transition animation from the off screen mode to the lock screen mode. For example, please refer to Figure 9a (1), the screen-off interface 901 includes a transition animation display box 902 and a time control, etc. For other descriptions, please refer to Figure 5a (1) will not be repeated here.

[0164] Exemplarily, the mobile phone enters the lock screen mode in response to the received user operation. Figure 9a (2), the lock screen interface 903 includes but is not limited to a field of view frame 904 and an image schematic frame 905. The description of the field of view frame 904 can be referred to in the above Figure 5a The relevant description is not repeated here. For example, in this embodiment, it is taken that the image frames of the video clip are all horizontal images. For example, the ratio of the width to the height of the horizontal image can be 16:9, which is only a schematic ratio and is not limited in this application.

[0165] For example, Figure 5aSimilar to (2), the image in the image schematic frame 905 is the original horizontal screen image frame reduced by a preset ratio (e.g., 50%). The specific implementation can be referred to above and will not be repeated here. Exemplarily, the image schematic frame 905 is displayed at a corresponding position of the lock screen interface 903 based on the position of the field of view frame 904, so that the image displayed in the field of view frame 904 is the same as the image in the transition animation display frame 902.

[0166] Exemplarily, the image schematic frame 904 is gradually enlarged, and the image schematic frame 904 gradually moves toward the center of the lock screen interface 903. At the same time, the field of view frame 904 is gradually enlarged, and the field of view frame 904 gradually moves toward the center of the lock screen interface 903.

[0167] Please refer to Figure 9b (1), the image schematic frame 904 and the field of view frame 904 are enlarged and moved to Figure 9b The visual field frame 904 displays the overlapped portion of the image in the image schematic frame 905. For example, the image schematic frame 905 and the visual field frame 904 continue to be enlarged and move toward the center of the lock screen interface 903, as shown in FIG. 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.

[0168] Please refer to Figure 9b (3), illustratively, during the process of enlarging and moving the image schematic frame 904, since the ratio of its width to height is 16:9, when the upper and lower borders of the image schematic frame 904 are above the upper and lower borders of the lock screen interface 903, the left and right borders of the image schematic frame 904 are already outside the lock screen interface 903. Accordingly, part of the image in the image schematic frame 904 is outside the interface of the lock screen interface 903. Therefore, even if the left and right borders of the field of view frame 904 have exceeded 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 field of view frame 904 that is inside the lock screen interface 903. For other descriptions, please refer to Figure 5b (3) will not be repeated here.

[0169] Please refer to Fig.9c (1), illustratively, the size and position of the image schematic frame 905 remain unchanged, the center point of the field of view frame 904 remains unchanged, and the image schematic frame 905 continues to be enlarged until the upper and lower borders of the field of view frame 904 touch the border of the lock screen interface 903. Fig.9c(2), illustratively, the lock screen interface 903 can continue to play the image frame in the transition animation of the lock screen mode, and the lock screen interface 903 displays one or more other controls, such as a time control, a network control, a power control, etc. Exemplarily, because the ratio of the image frame is different from that of the lock screen interface 903, the image displayed in the lock screen interface 903 is only a part of the image in the image frame.

[0170] It should be noted that, for image frames whose image ratio is different from that of the lock screen interface, in order to enable important parts of the image, such as portraits, objects, etc., to be fully displayed on the lock screen interface, the mobile phone can obtain image frames including important parts of the image and having the same ratio as the lock screen interface through image processing methods such as image recognition, cropping and resizing, and apply them to the transition animation.

[0171] Figure 10a to Figure 10b This is another exemplary display method of the transition animation from the off screen mode to the lock screen mode. Fig.10a (1), illustratively, the screen-off interface 1001 includes a transition animation display box 1002 and a time control, etc. The mobile phone enters the lock screen mode in response to the received user operation. Please refer to Fig.10a (2), for example, the display mode of the transition animation in this embodiment simulates the blinking process, and the field of view frame 1002 in the off-screen interface 1001 can be added with a layer of elliptical (or other shapes, not limited in this application) edge blurred mask, which is compressed vertically until it disappears, such as Fig.10a At the same time, other controls (such as time controls) in the off-screen interface 1001 also gradually disappear.

[0172] Please refer to Fig.10b (1), exemplarily, the mobile phone displays a lock screen interface 1003, and the lock screen interface 1003 includes an image schematic frame 1004. Exemplarily, the mask described above can be expanded from the middle of the image schematic frame 1004 to gradually display the image in the image schematic frame 1004. Similar to the above, the image schematic frame 1004 is displayed in the order of the image frames in the video clip. It should be noted that the dotted line portion is only used to illustrate the position of the dancing man in the image schematic frame 1004, and the portion outside the mask is actually not displayed. Please refer to Fig.10b (2), illustratively, the mask continues to expand to display other parts of the image in the image schematic frame 1004 until the mask is expanded to the size of the lock screen interface 1003, that is, the part of the image schematic frame 1004 in the lock screen interface 1003 is fully displayed. Fig.10b (3), illustratively, the lock screen interface 1003 optionally continues to play other image frames of the transition animation, and displays other controls, such as a time control, a network control, a power control, etc.

[0173] Figure 11 to Figure 13b This is an example of how to display transition animations in different application scenarios. Fig.11 (1), exemplarily, in this scenario, the mobile phone is in the screen-off mode, and the screen-off interface 1101 includes a transition animation display box 1102 and other controls (such as a time control), and the image frames in the video clip are played in sequence in the transition animation display box 1102 until the key frame of the screen-off mode, such as image frame 1103, is played. Exemplarily, the user can touch the screen-off interface 1101 to trigger fingerprint unlocking. In response to the received user operation, the mobile phone unlocks the mobile phone and directly enters the desktop mode from the screen-off mode.

[0174] Please refer to Fig.11 In (2), illustratively, the mobile phone skips the lock screen mode and directly enters the desktop mode from the screen off mode. Optionally, before the mobile phone enters the desktop mode, the screen may be black first, and then enter the desktop mode. The same is true hereinafter and will not be repeated. illustratively, the desktop 1104 displays a transition animation. Since the mobile 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 (for example, image frame 1103). illustratively, the way of displaying image frame 1103 in the desktop 1104 can refer to the above Figure 5a to Figure 5d , Figure 6a to Figure 6d , Figure 7a to Figure 7b , Figure 8a to Figure 8b , Figure 9a to Figure 9c , Figure 10a to Figure 10b Exemplarily, desktop 1104 plays the image frames in the video clip in sequence until the last frame, such as image frame 1105. Optionally, other controls in desktop 1104, such as application icon controls, network controls, power controls, etc., can gradually appear during the process of desktop 1104 playing the transition animation, or can appear when the transition animation of desktop 1104 is frozen at the last frame (such as image frame 1105), which is not limited in this application.

[0175] Figure 12a to Figure 12e This is an exemplary display of the transition animation from the off screen mode to the lock screen mode, and from the lock screen mode to the desktop mode. Fig.12a , exemplarily, the screen-off interface 1201 includes a transition animation display box 1202 and other controls. exemplarily, the transition animation display box 1202 is frozen in the image frame 1203. The specific description can be referred to above and will not be repeated here. exemplarily, the user can click the power button. In response to the received user operation, the mobile phone enters the lock screen mode.

[0176] Please refer to Figure 12bFor example, the last frame (eg, image frame 1203) of the screen-off mode is displayed in the lock screen interface 1204. For example, the way in which the lock screen interface 1204 displays the image frame can refer to the above description. Figure 5a to Figure 5d , Figure 6a to Figure 6d , Figure 7a to Figure 7b , Figure 8a to Figure 8b , Figure 9a to Figure 9c , Figure 10a to Figure 10b In any display mode. Exemplarily, the lock screen interface 1204 plays the image frames of the video clip in sequence. Fig.12c , exemplarily, the lock screen interface 1204 plays to the key frame of the lock screen mode (for example, the image frame 1205) and freezes at the key frame. The user can unlock the phone by sliding unlock, fingerprint unlock, face unlock, etc. Exemplarily, the phone enters the desktop mode in response to the received user operation. Please refer to Fig.12d , starting from the key frame of the lock screen mode (e.g., image frame 1105) in the desktop 1206, the image frames in the video clip are played in sequence until the key frame of the desktop mode, e.g. Fig.12e Image frame 1107 in.

[0177] Figure 13a to Figure 13d This is an exemplary display of the transition animation from the off screen mode to the lock screen mode, and from the lock screen mode to the desktop mode. Fig.13a (1), the screen-off interface 1301 includes a transition animation display box 1302 and other controls. The transition animation display box 1302 displays a key frame of the screen-off mode, such as an image frame 1303. For the undescribed parts, please refer to the above text and will not be repeated here.

[0178] For example, the user clicks the power button. The mobile phone enters the lock screen mode in response to the received user operation. Fig.13a (2), the last frame (e.g., image frame 1303) of the screen-off mode is displayed in the lock screen interface 1304. For example, the way in which the lock screen interface 1304 displays the image frame can refer to the above Figure 5a to Figure 5d , Figure 6a to Figure 6d , Figure 7a to Figure 7b , Figure 8a to Figure 8b , Figure 9a to Figure 9c , Figure 10a to Figure 10b Exemplarily, the lock screen interface 1304 plays the image frames of the video clip in sequence.

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

[0180] It should be noted that, as mentioned above, the transition animation played on the lock screen interface is actually played in a gradual manner, such as Figure 5a~1 0. In an embodiment of the present application, there may be two ways of gradually expanding. The first is that the transition animation of the lock screen mode plays the image frames in the transition animation in sequence during the gradual expansion process. Before being interrupted, when the transition animation of the lock screen mode is expanded to full screen, that is, when the field of view frame is expanded to the same size as the lock screen interface, the image frame played in the field of view frame is exactly the last image frame of the transition animation of the lock screen mode. The second way of gradually expanding is: a part of the image frames in the transition animation of the lock screen mode can be applied to the gradual expansion process, and the other part of the image frames are played in full screen when the field of view frame is expanded to full screen. For example, the transition animation of the lock screen mode includes 180 frames. When the field of view frame is expanded to full screen, the image frame displayed in the field of view frame is the 90th image frame of the 180 image frames. Starting from the 91st image frame, the lock screen mode will display the image frames between the 91st frame and the 180th frame in full screen.

[0181] Based on the two expansion methods described above, in an example, Fig.13b The interruption-resume mode shown can be understood as being interrupted when the transition animation is played in full screen in lock screen mode. After the mobile phone enters desktop mode, it can continue to play the remaining image frames of the transition animation and the image frames of the desktop transition animation in full screen mode. In another example, Fig.13b The interruption and resumption method shown can be understood as being interrupted during the gradual unfolding of the transition animation of the lock screen mode. To better illustrate the interruption and resumption scenario, the following is an example, please refer to Fig.13c , exemplarily, the key frame of the transition animation of the lock screen mode is image frame 1306. When the field of view frame in the lock screen interface 1304 gradually expands to Fig.13cWhen (1) is shown, the field of view frame displays a portion of the image frame 1305. The user can unlock the phone by sliding unlock, face unlock, etc. Exemplarily, the phone enters the desktop mode in response to the received user operation. Please refer to Fig.13c (2), illustratively, the mobile phone displays desktop 1307. Image frame 1305 and subsequent image frames will continue to be played in desktop 1307. Exemplarily, since the field of view frame is interrupted while gradually expanding, the field of view frame will continue to gradually expand in desktop 1307 and move to the center of the screen, and the field of view frame will continue to play the remaining image frames from image frame 1305. For example, when the field of view frame is expanded to full screen in desktop 1307, image frame 1306, which is the key frame of the original lock screen mode, is displayed in the field of view frame. The transition animation of the desktop mode can continue to be played in full screen in desktop 1307, that is, image frame 1306 to the last image frame.

[0182] Please refer to Fig.13d For example, during the transition animation display box 1302 in the screen-off interface 1301 playing the transition animation of the screen-off mode, the user can click the power button. Fig.13d The scene shown is a scene where the transition animation of the screen-off mode interrupts the continuous broadcast. In response to the received user operation, the mobile phone enters the desktop mode. Please refer to Fig.13d (2), illustratively, the image frames when the transition animation of the screen-off mode is interrupted in the lock screen interface 1304, such as image frame 1308, continue 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 manner in which the lock screen interface 1304 displays image frames can refer to the above Figure 5a to Figure 5d , Figure 6a to Figure 6d , Figure 7a to Figure 7b , Figure 8a to Figure 8b , Figure 9a to Figure 9c , Figure 10a to Figure 10b Any display mode in .

[0183] Figure 14a to Figure 14b This is an exemplary display of the transition animation from the off screen mode to the lock screen mode, and from the lock screen mode to the desktop mode. Fig.14a (1), illustratively, the transition animation display box 1402 in the screen-off interface 1402 displays the key frame of the screen-off mode, such as the image frame 1403. The undescribed part can be described in the above, and will not be repeated here. illustratively, the user clicks the power button. The mobile phone enters the lock screen mode in response to the received user operation. Please refer to Fig.14a (2), for example, in this scenario, the user can set the lock screen mode transition animation as a static wallpaper in advance. The lock screen interface 1404 displays the static wallpaper pre-set by the user. Optionally, the lock screen interface 1404 displays the static wallpaper in the same way as described above. Figure 5a to Figure 5d , Figure 6a to Figure 6d , Figure 7a to Figure 7b , Figure 8a to Figure 8b , Figure 9a to Figure 9c , Figure 10a to Figure 10b In any display mode in . Exemplarily, the user unlocks the phone by sliding unlock, fingerprint unlock, face unlock, etc. The phone enters the desktop mode in response to the received user operation. Please refer to Fig.14b , illustratively, the desktop 1405 optionally plays image frames in sequence starting from the key frame of the off-screen mode (e.g., image frame 1403) until the key frame of the desktop mode. Optionally, the method of displaying the image frame 1403 in the desktop 1405 can refer to the above Figure 5a to Figure 5d , Figure 6a to Figure 6d , Figure 7a to Figure 7b , Figure 8a to Figure 8b , Figure 9a to Figure 9c , Figure 10a to Figure 10b Any display mode in. For other undescribed parts, please refer to the above and will not be repeated here. It should be noted that in other embodiments, the mobile phone can set the transition animation of the screen off mode as a static wallpaper in response to the received user operation, or it can set the transition animation of the desktop mode as a static wallpaper, which is not limited in this application.

[0184] Fig.15 This is an example of how the transition animation from desktop mode to screen-off mode is displayed. Fig.15 (1), illustratively, the desktop 1501 displays the last frame of the transition animation of the desktop mode (i.e., the key frame of the desktop mode), such as image frame 1502. The user can click the power button. The mobile phone enters the screen-off mode in response to the received user operation. Please refer to Fig.15 (2), illustratively, the screen-off interface 1503 includes a transition animation display box 1504, and the specific description can be referred to above, which will not be repeated here. illustratively, the transition animation display box 1504 starts from the 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 Fig.15 (3), illustratively, the transition animation played in the transition animation display frame 1504 is played in reverse order from the key frame of the desktop mode to the image frame 1505, and then the transition animation display frame 1504 starts from the image frame 1505 and plays each image frame in sequence until the key frame of the screen-off mode is played. Other descriptions can be referred to above and will not be repeated here. Optionally, after the transition animation display frame 1504 plays to the image frame 1505, the screen may be black first, and then the transition animation of the screen-off mode may continue to be played.

[0185] Fig.16 This is an example of how the transition animation from desktop mode to screen-off mode is displayed. Fig.16(1), illustratively, desktop 1501 displays the last frame of the transition animation of the desktop mode (i.e., the key frame of the desktop mode), such as image frame 1502. If no user operation is received within a set time (e.g., 10s, which can be set according to user needs and is not limited in this application), the mobile phone enters the screen-off mode. Optionally, the image displayed in desktop 1501 can be gradually turned off until the screen is black. Please refer to Fig.16 (2), exemplarily, the transition animation display box 1604 in the screen off interface 1603 starts from the first image frame (for example, image frame 1605) of the transition animation of the screen off mode, and plays each image frame of the transition animation of the screen off mode in sequence until the key frame of the screen off mode.

[0186] Fig.17 This is an example of how the transition animation from lock screen mode to off screen mode is displayed. Please refer to Fig.17 (1), illustratively, the lock screen interface 1701 displays the last frame of the transition animation of the lock screen mode (i.e., the key frame of the lock screen mode), such as image frame 1702. The user can click the power button. The mobile phone enters the screen off mode in response to the received user operation. Please refer to Fig.17 (2), illustratively, the screen-off interface 1703 includes a transition animation display box 1704, and the specific description can be referred to above, which will not be repeated here. illustratively, the transition animation display box 1704 starts from the 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 Fig.17 (3), illustratively, the transition animation played in the transition animation display frame 1704 is played in reverse order from the key frame of the lock screen mode to the image frame 1705, and then the transition animation display frame 1704 starts from the image frame 1705 and plays each image frame in sequence until the key frame of the off-screen mode is played. Other descriptions can be referred to above and will not be repeated here. Optionally, after the transition animation display frame 1704 plays to the image frame 1705, the screen may be black first, and then the transition animation of the off-screen mode may continue to be played.

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

[0188] In one possible implementation, if the user clicks the power button during the playback of the lock screen mode transition animation, the lock screen mode transition animation is interrupted. The phone enters the screen off mode in response to the received user operation. Exemplarily, the transition animation display box in 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 described 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 or in a gradually expanding manner. Exemplarily, Fig.19 This is an example of a scene where the transition animation played on the lock screen interface is interrupted during the gradual expansion process. Please refer to Fig.19 Exemplarily, while the field of view frame in the lock screen interface 1901 is gradually expanding, the mobile phone receives an operation of the user clicking the power button. Exemplarily, the lock screen interface 1901 is currently playing a partial image frame of image frame 1902, and the key frame of the lock screen mode is image frame 1903. Exemplarily, the mobile phone enters the screen off mode in response to the received user operation. Exemplarily, the transition animation display box 1905 in the screen off interface 1904 starts from image frame 1902, plays in reverse order to the first image frame of the video clip, and then starts from the first image frame to play the image frames of the transition animation of the screen off mode in sequence. For the undescribed parts, please refer to the above and will not be repeated here.

[0189] In another possible implementation, if the user clicks the power button during the transition animation of the desktop mode, the transition animation of the desktop mode is interrupted. The mobile phone enters the screen-off mode in response to the received user operation. Exemplarily, the transition animation display frame in the screen-off interface will start from the image frame displayed when the desktop mode is interrupted, play backwards to the first image frame of the video clip, and then play the transition animation of the screen-off mode from the first image frame.

[0190] It is understandable that, in order to realize the above functions, the electronic device includes hardware and / or software modules corresponding to the execution of each function. In combination with the algorithm steps of each example described in the embodiments disclosed herein, the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a function is executed in the form of hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application in combination with the embodiments, but such implementation should not be considered to be beyond the scope of the present application.

[0191] In one example, Fig. 20 A schematic block diagram of a device 2000 according to an embodiment of the present application is shown. The device 2000 may include: a processor 2001 and a transceiver / transceiver pin 2002 , and optionally, a memory 2003 .

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

[0193] Optionally, the memory 2003 may be used for instructions in the aforementioned method embodiment. The processor 2001 may be used to execute instructions in the memory 2003, and control the receiving pin to receive a signal, and control the sending pin to send a signal.

[0194] The apparatus 2000 may be the electronic device or a chip of the electronic device in the above method embodiment.

[0195] Among them, all relevant contents of each step involved in the above method embodiment can be referred to the functional description of the corresponding functional module, and will not be repeated here.

[0196] This embodiment further provides a computer storage medium, in which computer instructions are stored. When the computer instructions are executed on an electronic device, the electronic device executes the above-mentioned related method steps to implement the display method in the above-mentioned embodiment.

[0197] This embodiment further provides a computer program product. When the computer program product is run on a computer, the computer is enabled to execute the above-mentioned related steps to implement the display method in the above-mentioned embodiment.

[0198] In addition, an embodiment of the present application also provides a device, which may specifically be a chip, component or module, and the device may include a connected processor and memory; wherein the memory is used to store computer execution instructions, and when the device is running, the processor may execute the computer execution instructions stored in the memory so that the chip executes the display method in the above-mentioned method embodiments.

[0199] Among them, the electronic device, computer storage medium, computer program product or chip provided in this embodiment is used to execute the corresponding method provided above. Therefore, the beneficial effects that can be achieved can refer to the beneficial effects in the corresponding method provided above and will not be repeated here.

[0200] Through the description of the above implementation methods, technical personnel in the relevant field can understand that for the convenience and simplicity of description, only the division of the above-mentioned functional modules is used as an example. In actual applications, the above-mentioned functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.

[0201] In the several embodiments provided in the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic, for example, the division of modules or units is only a logical function division, and there may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another device, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0202] The units described as separate components may or may not be physically separated, and the components shown as units may be one physical unit or multiple physical units, that is, they may be located in one place or distributed in multiple different places. Some or all of the units may be selected according to actual needs to achieve the purpose of the present embodiment.

[0203] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0204] Any content of each embodiment of the present application, as well as any content of the same embodiment, can be freely combined. Any combination of the above content is within the scope of the present application.

[0205] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a readable storage medium. Based on this understanding, the technical solution of the embodiment of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, which is stored in a storage medium, including several instructions to enable a device (which can be a single-chip microcomputer, chip, etc.) or a processor (processor) to perform all or part of the steps of the various embodiments of the present application. The aforementioned storage medium includes: U disk, mobile hard disk, read only memory (ROM), random access memory (RAM), disk or optical disk and other media that can store program code.

[0206] The embodiments of the present application are described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of the present application, ordinary technicians in this field can also make many forms without departing from the purpose of the present application and the scope of protection of the claims, all of which are within the protection of the present application.

[0207] The steps of the method or algorithm described in conjunction with the disclosure of the embodiments of the present application can be implemented in a hardware manner, or can be implemented by a processor executing a software instruction. The software instruction can be composed of corresponding software modules, and the software module can be stored in a random access memory (Random Access Memory, RAM), a flash memory, a read-only memory (Read Only Memory, ROM), an erasable programmable read-only memory (Erasable Programmable ROM, EPROM), an electrically erasable programmable read-only memory (Electrically EPROM, EEPROM), a register, a hard disk, a mobile hard disk, a read-only compact disk (CD-ROM) or any other form of storage medium known in the art. An exemplary storage medium is coupled to a processor so that the processor can read information from the storage medium and can write information to the storage medium. Of course, the storage medium can also be a component of the processor. The processor and the storage medium can be located in an ASIC.

[0208] Those skilled in the art should be aware that in one or more of the above examples, the functions described in the embodiments of the present application can be implemented with hardware, software, firmware, or any combination thereof. When implemented using software, these functions can be stored in a computer-readable medium or transmitted as one or more instructions or codes on a computer-readable medium. Computer-readable media include computer storage media and communication media, wherein the communication media include any media that facilitates the transmission of a computer program from one place to another. The storage medium can be any available medium that a general or special-purpose computer can access.

[0209] The embodiments of the present application are described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of the present application, ordinary technicians in this field can also make many forms without departing from the purpose of the present application and the scope of protection of the claims, all of which are within the protection of the present application.

Claims

1. An electronic device, characterized in that: include: Memory and processor; The processor is coupled to the memory; The memory stores program instructions, and when the program instructions are executed by the processor, the electronic device performs the following steps: When a first interface is displayed on the display screen of the electronic device, each image frame of a first transition animation is played in a first display frame of the first interface, and the frame is frozen at the last image frame of the first transition animation; the center of the first display frame deviates from the screen center of the display screen of the electronic device; In response to a received first user operation, 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 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 toward the center of the screen of the display screen of the electronic device; wherein, in the process of gradually enlarging the second display frame and moving toward the center of the screen of the display screen of the electronic device, each image frame of the second transition animation is played in the second display frame; the first image frame of the second transition animation is the same as the last image frame of the first transition animation.

2. The electronic device according to claim 1, characterized in that: The first transition animation includes N image frames, where N is an integer greater than 1; when the program instruction is executed by the processor, the electronic device executes the following steps: Cropping each of the N image frames according to a set first size; According to the set second size, adjust the size of each cropped image frame; Each cropped and resized image frame is played in sequence in the first display frame, and the last cropped and resized image frame in the first transition animation is frozen; wherein the size of the first display frame is the same as the second size.

3. The electronic device according to claim 2, characterized in that: The second transition animation includes M image frames, where M is an integer greater than 1; when the program instruction is executed by the processor, the electronic device executes the following steps: Adjusting the first image frame among the M image frames according to the second size; The adjusted first image frame is superimposed under the second display frame; wherein the image of the portion of the second display frame superimposed with the adjusted first image frame is the same as the image of the last image frame after being cropped and resized.

4. 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: In the process of gradually enlarging the second display frame and moving it toward the center of the screen of the display screen of the electronic device, the adjusted first image frame is gradually enlarged and moved toward the center of the display screen; wherein the image displayed in the second display frame changes along with the overlapping part between the second display frame and the adjusted first image frame.

5. The electronic device according to claim 4, characterized in that: When the program instructions are executed by the processor, the electronic device performs the following steps: When the adjusted first image frame is played, the adjusted first image frame is enlarged to a third size and moved to a first position in the display screen; Switching the adjusted first image frame superimposed on the second display frame to a next image frame in the order of the M image frames; wherein the size of the next image frame is the third size, and the next image frame is at the first position in the display screen; The next image frame is gradually enlarged and moved toward the center of the screen of the display screen; wherein the image displayed in the second display frame changes along with the overlapping portion between the second display frame and the next image frame.

6. The electronic device according to any one of claims 1 to 5, characterized in that: When the program instructions are executed by the processor, the electronic device performs the following steps: When the center of the second display frame coincides with the center of the display screen and at least one border of the second display frame is within the border of the display screen, the second display frame stops moving and continues to enlarge until all borders of the second display frame overlap with the border of the display screen or are outside the border of the display screen.

7. The electronic device according to any one of claims 1 to 5, characterized in that: The first display frame is in a rectangular, circular, triangular, elliptical, or irregular shape.

8. The electronic device according to any one of claims 1 to 5, characterized in that: The second display frame is in a rectangular, circular, triangular, elliptical, or irregular shape.

9. The electronic device according to any one of claims 1 to 5, characterized in that: The first interface is a screen-off interface, and the second interface is a screen-lock interface.

10. The electronic device according to any one of claims 1 to 5, characterized in that: The first interface is a screen-off interface, and the second interface is a desktop.

11. A display method, characterized in that: include: When a first interface is displayed on a display screen of an electronic device, each image frame of a first transition animation is played in a first display frame of the first interface, and the frame is frozen at the last image frame of the first transition animation; the center of the first display frame deviates from the screen center of the display screen of the electronic device; The electronic device switches the first interface on the display screen of the electronic device to a second interface in response to the received first user operation; 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 electronic device gradually enlarges the second display frame and moves it toward the center of the screen of the display screen of the electronic device; wherein, in the process of gradually enlarging the second display frame and moving it toward the center of the screen of the display screen of the electronic device, each image frame of the second transition animation is played in the second display frame; the first image frame of the second transition animation is the same as the last image frame of the first transition animation.

12. The method according to claim 11, characterized in that The first transition animation includes N image frames, where N is an integer greater than 1; and each image frame of the first transition animation is played in the first display frame of the first interface, including: Cropping each of the N image frames according to a set first size; According to the set second size, adjust the size of each cropped image frame; Each cropped and resized image frame is played in sequence in the first display frame, and the last cropped and resized image frame in the first transition animation is frozen; wherein the size of the first display frame is the same as the second size.

13. The method according to claim 12, characterized in that The second transition animation includes M image frames, where M is an integer greater than 1; and each image frame of the first transition animation is played in the first display frame of the first interface, including: Adjusting the first image frame among the M image frames according to the second size; The adjusted first image frame is superimposed under the second display frame; wherein the image of the portion of the second display frame superimposed with the adjusted first image frame is the same as the image of the last image frame after being cropped and resized.

14. The method according to claim 13, characterized in that The electronic device gradually enlarging the second display frame and moving the second display frame toward the center of the display screen of the electronic device includes: In the process of gradually enlarging the second display frame and moving it toward the center of the screen of the display screen of the electronic device, the adjusted first image frame is gradually enlarged and moved toward the center of the display screen; wherein the image displayed in the second display frame changes along with the overlapping part between the second display frame and the adjusted first image frame.

15. The method according to claim 14, characterized in that The electronic device gradually enlarging the second display frame and moving the second display frame toward the center of the display screen of the electronic device includes: When the adjusted first image frame is played, the adjusted first image frame is enlarged to a third size and moved to a first position in the display screen; Switching the adjusted first image frame superimposed on the second display frame to a next image frame in the order of the M image frames; wherein the size of the next image frame is the third size, and the next image frame is at the first position in the display screen; The next image frame is gradually enlarged and moved toward the center of the screen of the display screen; wherein the image displayed in the second display frame changes along with the overlapping portion between the second display frame and the next image frame.

16. The method according to any one of claims 11 to 15, characterized in that The electronic device gradually enlarging the second display frame and moving the second display frame toward the center of the display screen of the electronic device includes: When the center of the second display frame coincides with the center of the display screen and at least one border of the second display frame is within the border of the display screen, the second display frame stops moving and continues to enlarge until all borders of the second display frame overlap with the border of the display screen or are outside the border of the display screen.

17. The method according to any one of claims 11 to 15, characterized in that The first display frame is in a rectangular, circular, triangular, elliptical, or irregular shape.

18. The method according to any one of claims 11 to 15, characterized in that The second display frame is in a rectangular, circular, triangular, elliptical, or irregular shape.

19. The method according to any one of claims 11 to 15, characterized in that The first interface is a screen-off interface, and the second interface is a screen-lock interface.

20. The method according to any one of claims 11 to 15, characterized in that The first interface is a screen-off interface, and the second interface is a desktop.

21. A computer-readable storage medium comprising a computer program, characterized in that: When the computer program runs on an electronic device, the electronic device executes the display method according to any one of claims 11 to 20.

Images