Display method and electronic equipment

Abstract

The invention provides a display method and electronic equipment. When the electronic equipment is switched from the screen-off mode to the screen-locking mode, the electronic equipment can be gradually unfolded from the last image frame displayed on the screen-off interface, and in the gradual unfolding process, transition animations generated when the screen-off interface is switched to the screen-locking interface are sequentially played. Therefore, the fluency when the screen-off interface is switched to the screen-locked interface is improved, the application scene of the transition animation is enriched, and the user experience is improved.

Description

[0001] This application claims the priority of a Chinese patent application with the application number 202110519367.4 and the application title "Display Method and Electronic Device", which was filed with the National Intellectual Property Administration on May 12, 2021. The entire content of this application is incorporated herein by reference. Technical Field

[0002] This application relates to the field of terminal devices, and in particular, to a display method and an electronic device. Background Art

[0003] The one-shot transition animation effect, which can also be referred to as a transition animation, can be understood as the animation effect displayed when switching between different modes of a terminal, thereby improving the visual experience of users when using a mobile phone. However, the current usage scenarios of transition animations are limited. Summary of the Invention

[0004] To solve the above problems, this application provides a display method and an electronic device. In this method, the electronic device can provide a display mode for the transition animation when the screen-off interface is switched to the lock screen interface, thereby enriching the application scenarios of the transition animation of the electronic device and improving the user experience.

[0005] 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 is caused to perform 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 freezes at the last image frame of the first transition animation; the center of the first display frame deviates from the center of the screen of the display screen of the electronic device. In response to a received first user operation, the first interface on the display screen of the electronic device is switched 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 towards the center of the screen of the display screen of the electronic device; wherein, during the process of gradually enlarging the second display frame and moving it towards the center of the screen of the display screen of the electronic device, each image frame of a 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 displaying the transition animation in the screen-off mode and display the transition animation of the lock screen mode in a gradually expanding manner. Among them, the first image frame of the transition animation of the lock screen mode is the last frame of the transition animation of the screen-off mode. That is to say, from the user's perspective, the transition animation of the lock screen mode that the user views is connected to the last image frame frozen in the screen-off mode. Thus, in the form of a transition animation, the smoothness of switching from the screen-off mode to the lock screen mode is effectively improved, so as to improve the user experience.

[0006] Exemplarily, before the electronic device enters the lock screen mode, it can first go black, and then display the lock screen interface of the lock screen mode.

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

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

[0009] Exemplarily, during the process of playing the transition animation of the lock screen mode in the second display frame of the electronic device, text information, such as time, date, etc., may be displayed in the second display frame of the electronic device.

[0010] Exemplarily, if the starting position of the second display frame is the center of the screen, the second display frame may remain stationary and gradually enlarge.

[0011] Exemplarily, the first user operation may optionally be the user clicking the power button.

[0012] Exemplarily, if the first user operation is fingerprint unlocking or face unlocking, etc., 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 according to the same display method as the transition animation of the lock screen mode.

[0013] According to the first aspect, 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 is caused to perform the following steps: crop each of the N image frames according to a set first size; adjust the size of each cropped image frame according to a set second size; sequentially play each cropped and resized image frame in the first display frame, and freeze on the last cropped and resized image frame 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 obtained by cropping and resizing the original image frame, so that while reducing the power consumption of the screen-off mode, the display effect of the screen-off mode can be enriched.

[0014] According to the first aspect, or any one of the implementation manners of the above first aspect, 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 is caused to perform the following steps: adjust the first image frame among the M image frames according to the second size; superimpose the adjusted first image frame under the second display frame; wherein, the image of the part where the second display frame is superimposed on the adjusted first image frame is the same as the image of the last cropped and resized image frame. 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 image of the part where the second display frame is superimposed on the first image frame is the same as the image of the last image frame displayed in the screen-off mode. That is to say, from the user's perspective, the transition animation of the lock screen mode that the user views starts from the last image of the screen-off mode, thereby effectively improving the coherence of the transition animation from the screen-off mode to the lock screen mode to improve the user experience.

[0015] According to the first aspect, or any implementation of the above first aspect, when the program instructions are executed by the processor, the electronic device is caused to perform the following steps: during the process of gradually enlarging the second display frame and moving it towards the center of the screen of the display screen of the electronic device, gradually enlarge the adjusted first image frame and move it towards the center of the display screen; wherein, the image displayed in the second display frame changes as the overlapping part between the second display frame and the adjusted first image frame changes. In this way, the image frame superimposed on the second display frame can be gradually enlarged and moved towards the center of the screen. Correspondingly, during the process of the gradual change of the size and position of the second display frame and the gradual change of the size and position of the image frame superimposed thereon, the overlapping part between the second display frame and the image frame also gradually changes, so that the image displayed in the second display frame also changes accordingly.

[0016] According to the first aspect, or any implementation of the above first aspect, when the program instructions are executed by the processor, the electronic device is caused to perform the following steps: when the playback of the adjusted first image frame is completed, enlarge the adjusted first image frame to a third size and move it to a first position on the display screen; switch the adjusted first image frame superimposed on the second display frame 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 on the display screen; gradually enlarge the next image frame and move it towards the center of the screen of the display screen; wherein, the image displayed in the second display frame changes as the overlapping part between the second display frame and the next image frame changes. In this way, the electronic device can sequentially switch the image frames superimposed on the second display frame in the order of M image frames. Moreover, during the process of sequential switching of the image frames, they are still gradually enlarged and moved towards the center of the screen.

[0017] Exemplarily, during the process of sequential switching, gradual enlargement and movement of the image frames, 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 remains in place and continues to be switched and gradually enlarged.

[0018] According to the first aspect, or any implementation of the above first aspect, when the program instructions are executed by the processor, the electronic device is caused to perform 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 be enlarged 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.

[0019] Exemplarily, the moving speed of the second display frame and the moving speed of the image frame may not be the same.

[0020] Exemplarily, the moving trajectory of the second display frame and the moving trajectory of the image frame may not be the same.

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

[0022] According to the first aspect, or any implementation manner of the above first aspect, the shape of the first display frame is rectangular, circular, triangular, oval, or has an irregular shape.

[0023] According to the first aspect, or any implementation manner of the above first aspect, the shape of the second display frame is rectangular, circular, triangular, oval, or has an irregular shape.

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

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

[0026] 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, playing each image frame of a first transition animation in a first display frame of the first interface, and freezing on the last image frame of the first transition animation; the center of the first display frame deviates from the 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 towards the center of the display screen of the electronic device; wherein, during the process of gradually enlarging the second display frame and moving it towards the center of the display screen of the electronic device, playing each image frame of a second transition animation 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.

[0027] According to the second aspect, the first transition animation includes N image frames, where N is an integer greater than 1; playing each image frame of the first transition animation in the first display frame of the first interface includes: 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; sequentially playing each cropped and size-adjusted image frame in the first display frame, and freezing on the last cropped and size-adjusted image frame in the first transition animation; wherein, the size of the first display frame is the same as the second size.

[0028] According to a second aspect, or any implementation manner of the above second aspect, the second transition animation includes M image frames, where M is an integer greater than 1; playing each image frame of the first transition animation in the first display frame of the first interface includes: adjusting the first image frame among the M image frames according to a second size; superimposing the adjusted first image frame under the second display frame; wherein, the image of the overlapping part of the second display frame and the adjusted first image frame is the same as the image of the last image frame after being cropped and resized.

[0029] According to a second aspect, or any implementation manner of the above second aspect, the electronic device gradually enlarges the second display frame and moves it towards the center of the screen of the display screen of the electronic device, including: during the process of gradually enlarging the second display frame and moving it towards the center of the screen of the display screen of the electronic device, gradually enlarging the adjusted first image frame and moving it towards 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.

[0030] According to a second aspect, or any implementation manner of the above second aspect, the electronic device gradually enlarges the second display frame and moves it towards the center of the screen of the display screen of the electronic device, including: when the playing of the adjusted first image frame is completed, enlarging the adjusted first image frame to a third size and moving it to a first position on the display screen; switching the adjusted first image frame superimposed on the second display frame to the 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 on the display screen; gradually enlarging the next image frame and moving it towards 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.

[0031] According to a second aspect, or any implementation manner of the above second aspect, the electronic device gradually enlarges the second display frame and moves it towards the center of the screen 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.

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

[0033] According to a second aspect, or any implementation manner of the above second aspect, the shape of the second display frame is rectangular, circular, triangular, elliptical, or has an irregular shape.

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

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

[0036] The second aspect and any implementation manner of the second aspect respectively correspond to the first aspect and any implementation manner of the first aspect. For the technical effects corresponding to the second aspect and any implementation manner of the second aspect, reference may be made to the technical effects corresponding to the first aspect and any implementation manner of the first aspect above, which will not be elaborated herein.

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

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

[0039] In a fifth aspect, the present application provides a chip, which includes a processing circuit and transceiver pins. Among them, the transceiver pins 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 manner 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

[0040] Figure 1 It is a schematic diagram of the hardware structure of an exemplary electronic device;

[0041] Figure 2 It is a schematic diagram of the software structure of an exemplary electronic device;

[0042] Figures 3a - 3f It is an exemplary display manner of a transition animation;

[0043] Figure 4 It is a schematic diagram of the processing of image frames played in the screen-off mode;

[0044] Figures 5a - 5d It is an exemplary display manner of a transition animation from the screen-off mode to the lock screen mode;

[0045] Figures 6a - 6d It is an exemplary display manner of a transition animation from the screen-off mode to the lock screen mode;

[0046] Figures 7a - 7b A display method for a transition animation from a screen-off mode to a lock screen mode shown by way of example;

[0047] Figures 8a - 8b A display method for a transition animation from a screen-off mode to a lock screen mode shown by way of example;

[0048] Figures 9a - 9c A display method for a transition animation from a screen-off mode to a lock screen mode shown by way of example;

[0049] Figures 10a - 10b A display method for a transition animation from a screen-off mode to a lock screen mode shown by way of example;

[0050] Figure 11 A display method for a transition animation in different application scenarios shown by way of example;

[0051] Figures 12a - 12e A display method for a transition animation from a screen-off mode to a lock screen mode and from a lock screen mode to a desktop mode shown by way of example;

[0052] Figures 13a - 13d A display method for a transition animation from a screen-off mode to a lock screen mode and from a lock screen mode to a desktop mode shown by way of example;

[0053] Figures 14a - 14b A display method for a transition animation from a screen-off mode to a lock screen mode and from a lock screen mode to a desktop mode shown by way of example;

[0054] Figure 15 A display method for a transition animation from a desktop mode to a screen-off mode shown by way of example;

[0055] Figure 16 A display method for a transition animation from a desktop mode to a screen-off mode shown by way of example;

[0056] Figure 17 A display method for a transition animation from a lock screen mode to a screen-off mode shown by way of example;

[0057] Figure 18 A display method for a transition animation from a lock screen mode to a screen-off mode shown by way of example;

[0058] Figure 19 A display method for a transition animation from a lock screen mode to a screen-off mode shown by way of example;

[0059] Figure 20 A structural schematic diagram of a device shown by way of example. Detailed implementation manners

[0060] Next, the technical solutions in the embodiments of the present application will be clearly and completely described in conjunction with the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, rather than all of the embodiments. All other embodiments obtained by those of ordinary skill in the art based on the embodiments in the present application without creative efforts shall fall within the protection scope of the present application.

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

[0062] The terms "first", "second", etc. 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 the objects. For example, the first target object and the second target object are used to distinguish different target objects, rather than to describe the specific order of the target objects.

[0063] In the embodiments of the present application, words such as "exemplary" or "for example" are used to represent examples, illustrations, or explanations. Any embodiment or design solution described as "exemplary" or "for example" in the embodiments of the present application should not be construed as being more preferred or having more advantages than other embodiments or design solutions. Rather, the use of words such as "exemplary" or "for example" is intended to present relevant concepts in a specific manner.

[0064] In the description of the embodiments of the present application, unless otherwise specified, the meaning of "a plurality of" refers to two or more. For example, a plurality of processing units refers to two or more processing units; a plurality of systems refers to two or more systems.

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

[0066] The electronic device 100 may include: a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headphone interface 170D, a sensor module 180, a 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, a barometric pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0067] 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 processing unit (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Among them, different processing units may be independent devices or integrated in one or more processors.

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

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

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

[0071] It can be understood that the interface connection relationships among the modules illustrated in the embodiments of the present application are only illustrative descriptions and do 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.

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

[0073] 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 inputs 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, the wireless communication module 160, etc. The power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle count, and battery health status (leakage, impedance). In some other embodiments, the power management module 141 can also be disposed in the processor 110. In some other embodiments, the power management module 141 and the charging management module 140 can also be disposed in the same device.

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

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

[0076] 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 can include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves by the antenna 1, filter and amplify 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 through the antenna 1 for radiation. In some embodiments, at least some functional modules of the mobile communication module 150 can be disposed in the processor 110. In some embodiments, at least some functional modules of the mobile communication module 150 and at least some modules of the processor 110 can be disposed in the same device.

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

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

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

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

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

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

[0083] The digital signal processor is used to process digital signals. In addition to processing digital image signals, it can also process 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, etc.

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

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

[0086] The internal memory 121 can be used to store computer-executable program codes, and the executable program codes 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 can include a program storage area and a data storage area. Among them, the program storage area can store an operating system, application programs required for at least one function (such as a sound playback function, an image playback function, etc.). The data storage area can store data created during the use of the electronic device 100 (such as audio data, phone book, etc.). In addition, the internal memory 121 can include a high-speed random access memory, and can 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 the embodiment of the present application, the processor 110 can implement the display modes of the transition animations from the screen-off mode to the lock screen mode, from the lock screen mode to the desktop mode, and from the desktop mode or the lock screen mode to the screen-off mode by running the instructions stored in the internal memory 121.

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

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

[0089] The pressure sensor 180A is used to sense pressure signals and can convert pressure signals into electrical signals. In some embodiments, the pressure sensor 180A may be disposed on the display screen 194. There are many types of pressure sensors 180A, such as resistive pressure sensors, inductive pressure sensors, capacitive pressure sensors, etc. The capacitive pressure sensor may include at least two parallel plates having conductive materials. When a force acts on the pressure sensor 180A, the capacitance between the electrodes changes. The electronic device 100 determines the intensity of the pressure according to the change in capacitance. When a touch operation acts on the display screen 194, the electronic device 100 detects the intensity of the touch operation according to the pressure sensor 180A. The electronic device 100 can also calculate the position of the touch according to the detection signal of the pressure sensor 180A. In some embodiments, touch operations acting on the same touch position but with different touch operation intensities may 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, the instruction to view short messages 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, the instruction to create a new short message is executed.

[0090] The fingerprint sensor 180H is used to collect fingerprints. The electronic device 100 can use the collected fingerprint characteristics to implement fingerprint unlocking, access to application locks, fingerprint photography, fingerprint answering of incoming calls, etc. For example, in the embodiments of the present application, the fingerprint sensor 180H can collect the fingerprints of a user when touching the touch screen and transmit the collected fingerprints 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.

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

[0092] The button 190 includes a power-on button, volume buttons, etc. The button 190 can be a mechanical button or a touch button. The electronic device 100 can receive button inputs and generate key signal inputs related to the user settings and function controls of the electronic device 100. Exemplarily, in the embodiments of the present application, when the electronic device 100 is in the screen-off mode, the user clicks the power-on button. The electronic device 100 can respond to the received operation of the user clicking the power-on button and enter the lock screen mode from the screen-off mode. 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-on button, the electronic device 100 enters the screen-off mode from the lock screen mode or the desktop mode.

[0093] Exemplarily, the software system of the electronic device 100 can adopt a layered architecture, an event-driven architecture, a microkernel architecture, a microservices architecture, or a cloud architecture. In the embodiments of the present application, the Android system with a layered architecture is taken as an example to exemplarily illustrate the software structure of the electronic device 100.

[0094] Figure 2 It is the software structure block diagram of the electronic device 100 in the embodiments of the present application.

[0095] The layered architecture of the electronic device 100 divides the software into several layers, and each layer has a clear role 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 are the application layer, the application framework layer, the Android runtime and the system libraries, and the kernel layer.

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

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

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

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

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

[0101] The content provider is used to store and obtain data, and make this data accessible to application programs. The data can include videos, images, audio, incoming and outgoing calls, browsing history and bookmarks, phone books, etc.

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

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

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

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

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

[0107] The core libraries contain two parts: one part is the functional functions that need to be called by the Java language, and the other part is the core libraries of Android.

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

[0109] The system library may include multiple functional modules. For example: the surface manager, Media Libraries, 3D graphics processing library (e.g., OpenGL ES), 2D graphics engine (e.g., SGL), etc.

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

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

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

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

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

[0115] It can be understood that Figure 2 The components included in the illustrated system framework layer, system library, and runtime layer do not constitute a specific limitation on the electronic device 100. In some other embodiments of the present application, the electronic device 100 may include more or fewer components than those shown in the figure, or combine certain components, or split certain components, or have different component arrangements.

[0116] Exemplarily, the embodiments of the present application provide a display method for a transition animation, which can make the display of the transition animation smoother and the connection more compact, so as to improve the user experience. To help those skilled in the art better understand the display method of the transition animation in the embodiments of the present application, the transition animation will be briefly introduced below. Figures 3a - 3f It is a display method for the transition animation shown as an example.

[0117] Please refer to Figure 3a, Exemplarily, the video segment 301 corresponding to the transition animation (which can also be referred to as transition effect, transition animation, etc.) includes 180 image frames (which can also be 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 adopted during the conversion 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 is optionally the animation effect played on the display screen of the electronic device when switching from the desktop screen mode to the screen-off mode. The transition animation of the lock screen mode is optionally the animation effect played on the display screen of the electronic device when switching from the screen-off mode to the lock screen mode. The transition animation of the desktop mode is optionally the animation effect played on the display screen of the electronic device when switching from the lock screen mode to the desktop mode. Optionally, the desktop mode can also be referred to as the unlock mode, and the present application does not make a limitation.

[0118] , Exemplarily, the screen-off mode is optionally the mode that the electronic device enters after receiving a user's click on the power-on key. The electronic device turns off the screen, and a transition animation of the screen-off mode is displayed on the turned-off display screen.

[0119] , Exemplarily, the lock screen mode is optionally the locking of the screen of the electronic device. Exemplarily, in the screen-off mode, when the user performs operations such as touching or pressing keys on the mobile phone, it optionally causes the electronic device to enter the lock screen mode. Exemplarily, the lock screen mode locks the screen and requires the user 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 the camera function, widgets, etc. That is to say, the user can perform corresponding operations on the electronic device in the lock screen mode, while in the screen-off mode, when the user triggers the electronic device, the electronic device will enter the lock screen mode.

[0120] , 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 chat applications, video applications, etc.

[0121] It should be noted that the mode switching in the embodiments of the present application, for example, includes: switching from the screen-off mode to the lock screen mode, switching from the lock screen mode to the desktop, or switching from the desktop (or lock screen mode) to the screen-off mode, which is optionally the switching of the interface. For example, switching from the screen-off mode to the lock screen mode is optionally the switching of the screen-off interface displayed on the display screen of the mobile phone to the lock screen interface. Among them, each interface (including the screen-off interface, lock screen interface, and desktop) in the embodiments of the present application is a full-screen display interface. That is to say, 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) does not display, and the switched interface (i.e., the lock screen interface) is fully displayed on the display screen.

[0122] It should be further noted that the number of image frames included in the transition animation in the embodiments of the present application is only for illustrative purposes and is not limited in the present application. Exemplarily, when the mobile phone is in the locked screen mode or the desktop mode, the user clicks the power button. In response to the received operation, the mobile phone enters the screen-off mode.

[0123] Still referring to Figure 3a , exemparily, the screen-off interface 302 of the mobile phone includes a transition animation display frame 303 and a time control, etc. Among them, the first image frame of the video segment 301 is displayed in the transition animation display frame 303.

[0124] Exemplarily, the mobile phone can sequentially play the image frames in the video segment 301 in the transition animation display frame 303. Please refer to Figure 3b , exemparily, the mobile phone pre-sets key frames for the screen-off mode. The key frame is optionally the last image frame played in the current mode. For example, the key frame of the screen-off mode is the image frame 304 in the video segment 301. Exemplarily, the transition animation display frame 303 of the mobile phone sequentially plays the image frames in the video segment 301 until it plays to the image frame 304. The image displayed in the transition animation display frame 303 will stay at the image frame 304. It can be understood that the picture in the transition animation display frame 303 in the screen-off interface 302 freezes at the image frame 304, while other controls (such as the time control) operate normally.

[0125] It should be noted that the mobile phone can perform corresponding processing on the image frames in the transition animation corresponding to the screen-off mode so that each image frame meets the size requirements 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 selects one or more main parts in the grayscale-processed image frame 304 according to a set size (for example, 1440*800, which is not limited in this application). Among them, the size of each main part is the set size. Optionally, multiple main parts may partially overlap. The terminal can calculate the difference value of each single pixel point in each main part. The difference value of a single pixel point is the difference value between this pixel point and its surrounding pixel points. The mobile phone can obtain the sum of the difference values of each pixel point of the main part, which is the difference value of this main part. The mobile phone can crop the main part with the largest difference value from the image frame 304. And, the size of the cropped main part is adjusted according to a specific ratio (for example, reduced by 50%) to obtain the adjusted main part. The mobile phone adds a specific-shaped mask to the size-adjusted main part. Exemplarily, the characteristic-shaped 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 only the rectangular mask is taken as an example for illustration in the embodiments of this application. In other embodiments, if a circular mask is used during the processing, the shape of the transition animation display frame 303 can be circular or triangular, etc., which is not limited in this application.

[0126] Still referring to Figure 3b , Exemplarily, on the lock screen interface 302, the user can make the mobile phone enter the lock screen mode by touching the power-on key or touching the screen, etc. Please refer to Figure 3c , Exemplarily, the mobile phone enters the lock screen mode. The image frames of the transition animation in the lock screen mode are sequentially played on the lock screen interface 305 of the mobile phone. Exemplarily, the first image frame of the transition animation in the lock screen mode can optionally be the last image frame of the transition animation in the screen-off mode, that is, the key frame in the screen-off mode (such as the image frame 304).

[0127] Exemplarily, the lock screen interface 305 may also include one or more controls, such as a time control, a network control, a battery control, etc. Exemplarily, the one or more controls shown on the lock screen interface 305 can also be displayed when the transition animation in the lock screen mode is played to any frame. Optionally, the one or more controls can be displayed in a flying-in, fading-in, etc. manner, which is not limited in this application.

[0128] Please refer to Figure 3d, Exemplarily, similar to the screen-off mode, the transition animation played on 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. Correspondingly, after the transition animation played on the lock screen interface 303 plays to the image frame 306, it stops. That is to say, before the mobile phone is unlocked or before it re-enters the screen-off mode, the image displayed on the lock screen interface 305 is always the image frame 306. Exemplarily, the user can unlock the mobile phone by swiping to unlock, fingerprint unlocking, etc. The mobile phone enters the desktop mode (which can also be called the unlocked mode) in response to the received user operation.

[0129] 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 sequentially played on the desktop (which can also be called the mobile phone display interface) 307. Exemplarily, the first image frame of the transition animation of the desktop mode can optionally be the last image frame of the transition animation of the lock screen mode, that is, the key frame of the lock screen mode (such as the image frame 306).

[0130] Optionally, the image frames in the transition animation of the desktop mode can be displayed on the desktop 307 in a tiled, stretched, etc. manner. Exemplarily, the desktop 307 can also include one or more controls, such as a time control, a network control, a battery control, an application icon control, etc. Exemplarily, one or more controls shown on the desktop 307 can also be displayed when the transition animation of the desktop mode plays to any frame. Optionally, one or more controls can be displayed in a flying-in, fading-in, etc. manner, which is not limited in this application. It should be noted that in this embodiment of the application, taking the example of entering the desktop after unlocking in the lock screen mode is used for illustration. In other embodiments, the mobile phone can also enter the interface displayed before the mobile phone screen is turned off, such as a web page, etc.

[0131] Please refer to Figure 3f , Exemplarily, the transition animation played on the desktop 307 plays to the key frame of the desktop mode, for example, the image frame 308. Correspondingly, after the transition animation played on the desktop 307 plays to the image frame 308, it stops.

[0132] The present application provides a display method for the transition animation from the screen-off mode to the lock screen mode, which can make the transition animation from the screen-off mode to the lock screen mode smoother and have better continuity. Figures 5a - 5d For an exemplary display method of the transition animation from the screen-off mode to the lock screen mode. Please refer to Figure 5a (1), Exemplarily, after the mobile phone enters the screen-off mode, the transition animation of the screen-off mode is played in the transition animation display frame 502 of the screen-off mode and freezes 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 Figures 3a - 3b, which will not be elaborated here.

[0133] Exemplarily, when the mobile phone receives an operation such as the user triggering the power-on key, the mobile phone enters the lock screen mode. Please refer to Figure 5a (2). Exemplarily, the mobile phone displays the lock screen interface 503. Optionally, time controls in the off-screen interface 502 disappear. The mobile phone starts playing a transition animation on the lock screen interface 503. Optionally, before the off-screen mode enters the lock screen mode, the screen can go black, and after the screen goes black, the lock screen interface 503 is displayed.

[0134] Still referring to Figure 5a (2). Exemplarily, the lock screen interface 503 includes a viewfinder frame 504 and an image schematic frame 505. Exemplarily, the center point of the viewfinder frame 504 in the lock screen interface 503 is in the same position as the center point of the transition animation display frame 502 in the off-screen interface 501 in Figure 5a (1). Wherein, the center point refers to the geometric center of the viewfinder frame or the transition animation display frame (the same hereinafter, and will not be repeated).

[0135] Optionally, in the embodiments of the present application, the viewfinder frame 504 is taken as a rectangular frame for illustration. In other embodiments, the viewfinder frame 504 can also be other shapes, such as circular, triangular, etc., which are not limited in the present application.

[0136] Exemplarily, in the embodiments of the present application, the size and position of the viewfinder 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. Exemplarily, in the embodiments of the present application, it is taken as an example that the center point of the viewfinder 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 for illustration.

[0137] In the embodiments of the present application, the viewfinder frame 504 is used to display a part of the image schematic frame 505 superimposed thereon. It should be noted that the part outside the viewfinder frame 504 is optionally black. That is to say, from the user's perspective, only the viewfinder frame 504 on the lock screen interface 503 currently displays an image, and the other parts of the lock screen interface 503 outside the viewfinder frame 504 are all black.

[0138] Exemplarily, the image schematic frame 505 includes the first image frame of the transition animation in the lock screen mode, which is the last frame of the off-screen mode (i.e., the key frame of the off-screen mode). That is to say, in the embodiments of the present application, during the process of the off-screen mode transitioning to the lock screen mode, the first image frame displayed in the lock screen mode is the same image frame as the last frame of the off-screen mode, so that the transition between the lock screen mode and the off-screen mode is more coherent, improving the user experience.

[0139] Exemplarily, as described above, the image displayed in the transition animation display frame 502 is cropped and resized. Correspondingly, the size of the image displayed in the image schematic frame 505 corresponds to the size of the resized image. For example, as described above in Figure 4 it is stated that the mobile phone reduces the main body part by 50% according to a preset ratio. Then, in Figure 5a (2), the size of the image in the image schematic frame 505 is the size obtained by reducing the original image (such as the image frame 304 in Figure 3d ) by 50%. The above sizes are only illustrative examples and are not limited in this application.

[0140] Exemplarily, as described above, the viewfinder frame 504 is used to display an image to improve the display coherence from the screen-off mode to the lock screen mode. In the embodiments of this application, the image displayed in the viewfinder frame 504 is the same as the image displayed in the transition animation display frame 502. Exemplarily, to make the image displayed in the viewfinder frame 504 the same as the image displayed in the transition animation display frame 502, the part of the viewfinder frame 504 that overlaps the image schematic frame 505 needs to be the same as the image displayed in the transition animation display frame 502. That is to say, the overlapping part is the Figure 4 part of the main body part after size adjustment as described in. Correspondingly, the mobile phone can, according to the above rules, based on the current position of the viewfinder frame 504, stack the image schematic frame 505 under the viewfinder frame 504 so that the overlapping part of the viewfinder frame 504 and the image schematic frame 505 is the Figure 4 cropped main body part as described in.

[0141] Exemplarily, in the embodiments of this application, the viewfinder frame 504 and the image schematic frame 505 are gradually enlarged and move towards the center of the lock screen interface 503 during the enlargement process. It should be noted that in the embodiments of this application, the viewfinder frame 504 and the image schematic frame 505 are enlarged proportionally, and the moving speed towards the center of the lock screen interface 503 is the same, but the moving trajectories are different as an example for description. In other embodiments, the enlargement ratios of the viewfinder frame 504 and the image schematic frame 505 may not be the same, and / or the moving speed of the viewfinder frame 504 towards the center of the lock screen interface 503 and the moving speed of the image schematic frame 505 towards the center of the lock screen interface 503 may not be the same, and / or the moving trajectory of the viewfinder frame 504 towards the center of the lock screen interface 503 and the moving trajectory of the image schematic frame 505 may not be the same. This application is not limited.

[0142] It should be noted that in the embodiments of this application, the size of the image in the image schematic frame 505 is the same as that of the image schematic frame 505. That is to say, during the process of the change in the size and position of the image schematic frame 505, the size of the image in the image schematic frame 505 always remains the same as the size of the image schematic frame.

[0143] Further, it should be noted that the image schematic frame 505 in the embodiments of the present application is only for illustrating the superposition and display methods of the image and the viewing frame, and the image schematic frame 505 will not be displayed on the lock screen interface 503. Of course, the part of the image schematic frame 505 that exceeds the lock screen interface 503 is only for better illustrating the size and position of the image schematic frame 505. This will not be repeated hereinafter. That is to say, from the user's perspective, the user only sees the image displayed in the viewing frame 504 on the lock screen interface 503, and the other parts of the lock screen interface 503 are all black screens.

[0144] Exemplarily, as described above, in Figure 5a (1) above, the center of the viewing 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 viewing frame 504 moves towards the center of the lock screen interface 503, it only needs to move vertically downwards. When the image schematic frame 505 moves towards the center of the lock screen interface 503, it needs to move towards the lower left to approach the center of the lock screen interface 503. Also, as described above, the viewing frame 504 and the lock screen interface schematic frame 505 are enlarged proportionally. According to the above enlargement and movement methods, the positions of the image schematic frame 505 and the viewing frame 504 after enlargement and movement are as shown in Figure 5b (1) above. Please refer to Figure 5b (1) above. Exemplarily, the part of the viewing frame 504 that is superimposed on the image schematic frame 505 is the image currently displayed in the viewing frame 504. It should be noted that the part of the lock screen interface schematic frame 505 other than the viewing frame 504 is still a black screen.

[0145] It should be noted that in the embodiments of the present application, as shown in Figure 3c , the transition animation from the screen-off mode to the lock screen mode includes multiple image frames between the first frame (e.g., image frame 304) and the last frame (e.g., image frame 306) of the lock screen mode. For example, it can include 60 image frames. It should be noted that Figures 3a - 3e The image frames included in the video clip 301 shown in are only the folded image frames. For example, the unfolded image frame 304 may optionally include 20 image frames (only for illustrative purposes, the present application does not make any limitations). Correspondingly, to achieve the animation effect from the screen-off mode to the lock screen mode, while the lock screen interface 503 is gradually displaying the images according to Figures 5a - 5d , the image frames in the video clip 301 are still being played in sequence on the lock screen interface 503. That is to say, the image in the image schematic frame 505 changes with the image frames in the video clip.

[0146] For example, taking the unfolded image frame 304 including image frames 1, 2... 20 as an example. Figure 5aIn (2), the image included in the image schematic frame 505 is image frame 1. Correspondingly, the part displayed in the visual field frame 504 is the part superimposed on image frame 1. As described above, the image schematic frame 505 and the visual field frame 504 are gradually enlarged and moved. At the same time, the image schematic frame 505 sequentially includes the image frames after the expansion of image frame 306. When the image schematic frame 505 and the visual field frame 504 are enlarged and moved, as shown in Figure 5b (1), at this time, the image included in the image schematic frame 505 is image frame 5. Correspondingly, the part displayed in the visual field frame 504 is the part superimposed on image frame 5. The image schematic frame 505 and the visual field frame 504 continue to be enlarged and moved, and after the enlargement and movement, as shown in Figure 5b (2). Please refer to Figure 5b (2). Exemplarily, the image included in the image schematic frame 505 is image frame 13. Correspondingly, the part displayed in the visual field frame 504 is the part superimposed on image frame 13. It can be understood that during the process of the visual field frame 504 gradually becoming larger and moving, the image displayed therein is also dynamically changing. For example, the dancing figure in the video clip, in Figure 5a (2), the visual field frame 504 is flipping downward. As the visual field frame 504 is gradually enlarged and moved, and the image frames are sequentially played, the dancing figure displayed in the visual field frame 504 continues to flip downward. The same applies hereinafter and will not be repeated.

[0147] Exemplarily, during the process of the image schematic frame 505 being enlarged and moved, if each border of the image schematic frame 505 is on or outside the border of the lock screen interface 503, the image schematic frame 505 stops enlarging. It should be noted that in the embodiment of the present application, the border of the image schematic frame 505 being on the border of the lock screen interface 503 is only for schematically illustrating the positional relationship between the borders. Actually, during the process of the image schematic frame 505 being enlarged and moved, the electronic device can obtain the distance between each border of the image schematic frame 505 and the corresponding border of the lock screen interface 503. Among them, the corresponding border refers to the border that is parallel to the image schematic frame 505 and the closest. For example, the left border of the image schematic frame 505 is parallel to the left border and the right border of the lock screen interface 503, and is closest to the left border, then the left border is the border corresponding to the left border of the image schematic frame 505. When the distance between the border of the image schematic frame 505 and the corresponding border is 0, that is, the image schematic frame 505 overlaps with the corresponding border, it is the border of the image schematic frame 505 being on the corresponding border as described in the embodiment of the present application. The same applies hereinafter and will not be repeated.

[0148] As Figure 5bAs shown in (3), when all four borders of the image display frame 505 are on the borders of the lock screen interface 503, the image display frame 505 stops enlarging. It should be noted that in the embodiments of the present application, it is taken as an example that when the image display frame 505 stops enlarging, the center of the image display frame 505 coincides exactly with the center of the lock screen interface 503. In other embodiments, if all four borders of the image display frame 505 are on or outside the borders of the lock screen interface 503, but its center still does not coincide with the center of the lock screen interface 503, the image display frame 505 continues to enlarge and continues to move towards the center of the lock screen interface 503 until it moves to the center of the lock screen interface 503 and then stops enlarging. Optionally, if after the center of the image display frame 505 coincides with the center of the lock screen interface 503, at least one border of the image display frame 505 is within the border of the lock screen interface 503, the image display frame 505 stops moving and continues to enlarge until each border is on or outside the border of the lock screen interface 503.

[0149] Exemplarily, in the embodiments of the present application, if all four borders of the view frame 504 are on or outside the borders of the lock screen interface 503, the view frame 504 stops moving and stops enlarging. If after the center of the view frame 504 coincides with the center of the lock screen interface 503, at least one border of the view frame 504 is within the lock screen interface 503, the center of the view frame 504 remains stationary and continues to enlarge. For example, still referring to Figure 5b (3), exemplarily, the image display frame 505 stops enlarging and stops moving, the center of the view frame 504 coincides with the center of the lock screen interface 503, and the left and right borders of the view frame 504 are on the left and right borders of the lock screen interface 503, while the upper and lower borders of the view frame 504 are still within the border of the lock screen interface 503. That is to say, the part between the upper border of the view frame 504 and the upper border of the lock screen interface 505, and the part between the lower border of the view frame 504 and the lower border of the lock screen interface 505 are still black screens. Correspondingly, the view frame 504 needs to continue to enlarge until all four borders are on or outside the borders of the lock screen interface 503. Please refer to Figure 5c (1), exemplarily, the center of the view frame 504 remains stationary and continues to enlarge. At the same time, the images in the image display frame 505 still change in the order of the image frames, and the position and size of the image display frame 505 remain unchanged. Exemplarily, please refer to Figure 5c (2), the upper border of the view frame 504 is above the upper border of the lock screen interface 503, the lower border of the view frame 504 is above the lower border of the lock screen interface 503, and the left and right borders of the view frame 504 are outside the left and right borders of the lock screen interface 503. The view frame 504 stops enlarging. At this time, what is displayed on the lock screen interface 503 is the overlapping part of the image in the view frame 504 and the image in the image display frame 505, that is, all the images in the image display frame 505.

[0150] Please refer to Figure 5d , for example, after the field of view frame 504 stops zooming in, 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 in Figure 3d is the key frame of the lock screen mode (such as Figure 5d the image frame 306 in

[0151] Figures 5a - 5c ), the screen display of the lock screen interface 503 freezes at this image frame. For example, if Figures 6a - 6c the image displayed in the lock screen interface 503 in Figure 6a is a frame before the key frame of the lock screen mode, the lock screen interface 503 continues to play the subsequent image frames until it plays to the key frame of the lock screen mode. Figure 6a In the shown transition animation display method, 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, exactly the four borders of the image schematic frame 505 (i.e., the original image frame) are located on the borders of the lock screen interface 503. The following takes Figure 5a as an example to illustrate the display method of the transition animation when the ratio of the original image frame is different from that of the lock screen interface. Please refer to Figure 6a , for example, the screen-off interface 601 shown in Figure 5a of (1) can refer to the relevant description in

[0152] of (1), which will not be elaborated here. For example, the mobile phone enters the lock screen mode in response to the received user operation. The lock screen interface is as shown in Figure 6b of (2). The lock screen interface 603 includes a field of view frame 604 and an image schematic frame 605. The specific description can refer to Figure 5b of (2), which will not be elaborated here. It should be noted that the ratio of the image in the image schematic frame 605 is different from that of the image in the image schematic frame 505. Figure 5b of (1), which will not be elaborated here.

[0153] Please refer to Figure 6b(2) Exemplarily, during the process of magnifying and moving the image schematic frame 605 and the field of view frame 604, in this embodiment, the left and right borders of the image schematic frame 605 are on the left and right borders of the lock screen interface 603, while the upper and lower borders of the image schematic frame 605 are still within the upper and lower borders of the video interface 603. Then, the image schematic frame 605 continues to move towards the center and is still magnified proportionally. Among them, the field of view frame 604 still proceeds according to its own magnifying and moving method, and there is no interference between the magnifying and moving of the field of view frame 604 and that of the image schematic frame 605.

[0154] Please refer to Figure 6b (3) As shown in the figure, exemplarily, 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 moreover, the left and right borders of the image schematic frame 605 are outside the left and right borders of the lock screen interface 603. Correspondingly, as shown in Figure 6b (3) As shown in the figure, some images in the image schematic frame 605 (for example, the partial images of the left foot and the right foot of the dancing figure) are located outside the lock screen interface 603, and these partial images will not be displayed within the lock screen interface 603. The description of the field of view frame 604 can refer to Figure 5b (3), which will not be elaborated here.

[0155] Please refer to Figure 6c (1) As shown in the figure, exemplarily, when the image schematic frame 605 no longer moves and its size no longer changes, the center of the field of view frame 604 remains unchanged and continues to be magnified. It should be noted that, as shown in Figure 6c (1), 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. However, the picture displayed in the lock screen interface 603 is only the part within the lock screen interface 603 in the overlapping part of the images in the field of view frame 603 and the image schematic frame 605. That is to say, even if the partial images of the right foot and the left foot of the dancing figure are within the field of view frame 604, they will not be displayed in the lock screen interface 603.

[0156] Please refer to Figure 6c (2) As shown in the figure, exemplarily, 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. The field of view frame 603 stops magnifying. At this time, the picture displayed in the lock screen interface 603 is the part within the lock screen interface 603 in the overlapping part of the images in the field of view frame 604 and the image schematic frame 605. It should be noted that, as described above, during the process of moving and magnifying the image schematic frame 605, the images therein change with the image frames of the video clip. Therefore, since the dancing figure flips downward, the dancing figure in 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 inside the lock screen interface 603.

[0157] Please refer to Figure 6d , for example, in the lock screen interface 603, the image frames in the video clip 301 can continue to be played until the key frame of the lock screen mode. At the same time, the lock screen interface 603 displays one or more other controls. For specific descriptions, please refer to Figure 5d , which will not be elaborated here. It should be noted that since the ratio of the image frame to the lock screen interface is different, there may always be a part of the picture of the image frame played in the lock screen interface 603 that is outside the lock screen interface 603.

[0158] Figures 7a - 7b Another display method of the transition animation from the screen-off mode to the lock screen mode is shown exemplarily. Please refer to Figure 7a In (1), the screen-off interface 701 includes a transition animation display frame 702 and other controls. For specific descriptions, please refer to Figure 5a the description in, which will not be elaborated here. Please refer to Figure 7a In (2), for example, different from Figure 5a in (2), in Figure 7a in (2), the centers of the image schematic frame 705, the view frame 704, and 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 view frame 704. That is to say, during the subsequent processes of size magnification and movement, the image schematic frame 705 and the view frame 704 can move vertically towards the center of the lock screen interface 703 simultaneously. For example, since the position of the image schematic frame 705 in Figure 7a in (2) is different from the position of the image schematic frame 505 in Figure 5a in (2), the images displayed in the view frame 704 are also different from the images displayed in the view frame 504. As shown in Figure 7a in (2), the view frame 704 is located in the middle of the image schematic frame 705, and the image it displays is the overlapping part of the image in the image schematic frame 705, for example, the lower body of the dancing figure.

[0159] For example, while the image schematic frame 705 and the view frame 704 are magnifying in size, they move vertically towards the center of the lock screen interface 703, as shown in Figure 7b in (1). Please refer to Figure 7b in (1), for example, the image schematic frame 705 and the view frame 704 move downward simultaneously and are magnified in equal proportion. The view frame 704 displays the part of the image that overlaps with the image in the picture frame 705. Other descriptions and Figure 7b the specific description in (2) of Figure 5bThe relevant description is not repeated here. Exemplarily, please refer to Figure 7b in (3) of Figure 5b which is the same as (3) of Figure 5b . The four borders of the image schematic frame 705 are on the lock screen interface 703, and the position and size of the image schematic frame 705 remain unchanged. Exemplarily, the left and right borders of the viewing frame 704 are on the lock screen interface 703, while the upper and lower borders are still within the lock screen interface 703. Correspondingly, the viewing frame 704 can continue to be enlarged. For specific details, please refer to

[0160] Figures 8a - 8b Another display method of the transition animation from the screen-off mode to the lock screen mode is shown exemplarily. Please refer to Figure 8a in (1) of Figure 5a . Exemplarily, in the screen-off interface 801, there is a transition animation display frame 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 frame 802 and the time control can be displayed at a specified position on 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 the position shown in Figure 8a in (1) of Figure 5a or the position shown in Figure 8a in (1) of

[0161] Still referring to Figure 8a in (1) of Figures 8a - 8b , which will not be repeated in this application.

[0162] Exemplarily, the mobile phone enters the lock screen mode in response to a received user operation (such as clicking the power-on button). Please refer to Figure 8a(2). Exemplarily, the lock screen interface 803 includes a viewfinder frame 804 and an image schematic frame 805. Exemplarily, the size and position of the viewfinder frame 804 in the lock screen interface 803 are the same as those of the transition animation display frame 802 in the screen-off interface 801. Correspondingly, the image schematic frame 805 can be displayed at the corresponding position on the lock screen interface 803 based on the position currently displayed by the viewfinder frame 804, so that the overlapping part of the images in the viewfinder 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, reference can be made to Figure 5a the relevant content of (2) thereof, which will not be elaborated here.

[0163] Exemplarily, the image schematic frame 804 gradually enlarges and moves from the lower left corner of the lock screen interface 803 towards the center of the lock screen interface 803. At the same time, the viewfinder frame 804 gradually enlarges and moves from the lower left corner of the lock screen interface 803 towards the center of the lock screen interface 803. Please refer to Figure 8b (1). The image schematic frame 804 and the viewfinder frame 804 enlarge and move to Figure 8b the position shown in (1). The overlapping part of the image displayed in the viewfinder frame 804 and the image in the image schematic frame 805 is shown. Exemplarily, the image schematic frame 805 and the viewfinder frame 804 continue to enlarge and move towards the center of the lock screen interface 803, as shown in Figure 8b (2) and (3) of 8b. For the un-described parts, reference can be made to Figures 5b - 5d here, which will not be elaborated further.

[0164] Figures 9a - 9c Another display method of the transition animation from the screen-off mode to the lock screen mode is exemplarily shown. Exemplarily, please refer to Figure 9a (1). The screen-off interface 901 includes a transition animation display frame 902 and a time control, etc. For other descriptions, reference can be made to Figure 5a (1) thereof, which will not be elaborated here.

[0165] Exemplarily, the mobile phone enters the lock screen mode in response to the received user operation. Please refer to Figure 9a (2). The lock screen interface 903 includes, but is not limited to, a viewfinder frame 904 and an image schematic frame 905. For the description of the viewfinder frame 904, reference can be made to the relevant description above Figure 5a here, which will not be elaborated further. Exemplarily, in this embodiment, it is taken as an example that the image frames of the video clip are all landscape images. Exemplarily, the ratio of the width to the height of the landscape image can be 16:9. This ratio is only for illustrative purposes and is not limited in this application.

[0166] Exemplarily, Figure 5aSimilar to (2) above, the image in the image schematic frame 905 is obtained by reducing the original landscape image frame by a preset ratio (e.g., 50%). For the specific implementation, reference can be made to the above text and will not be elaborated here. Exemplarily, based on the position of the view frame 904, the image schematic frame 905 is displayed at the corresponding position on the lock screen interface 903, so that the image displayed in the view frame 904 is the same as the image in the transition animation display frame 902.

[0167] Exemplarily, the image schematic frame 904 gradually enlarges and moves gradually towards the center of the lock screen interface 903. At the same time, the view frame 904 gradually enlarges and moves gradually towards the center of the lock screen interface 903.

[0168] Please refer to Figure 9b in (1) above. The image schematic frame 904 and the view frame 904 enlarge and move to the position shown in Figure 9b (1) above. The overlapping part of the image shown in the view frame 904 and the image in the image schematic frame 905 is displayed. Exemplarily, the image schematic frame 905 and the view frame 904 continue to enlarge and move towards the center of the lock screen interface 903, as shown in Figure 8b (2) above. For the parts not described, reference can be made to the relevant description in Figure 5b (2) above and will not be elaborated here.

[0169] Please refer to Figure 9b in (3) above. Exemplarily, during the process of enlargement and movement of 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. Correspondingly, part of the image in the image schematic frame 904 is outside the interface of the lock screen interface 903. Therefore, even when the left and right borders of the view frame 904 have exceeded the borders of the lock screen interface 903, the image displayed in the lock screen interface 903 is still the part of the view frame 904 that is within the lock screen interface 903. For the other parts not described, reference can be made to Figure 5b in (3) above and will not be elaborated here.

[0170] Please refer to Figure 9c in (1) above. Exemplarily, the size and position of the image schematic frame 905 remain unchanged, the center point of the view frame 904 remains unchanged, and it continues to enlarge until the upper and lower borders of the view frame 904 touch the borders of the lock screen interface 903. Please refer to Figure 9cIn (2), exemplarily, the lock screen interface 903 can continue to play the image frames 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 battery control, etc. Exemplarily, since the ratio of the image frame is different from the ratio of the lock screen interface 903, the image displayed in the lock screen interface 903 is only a partial image of the image frame.

[0171] It should be noted that for an image frame with a different ratio 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 in the lock screen interface. The mobile phone can perform image processing methods such as image recognition, cropping, and size adjustment to obtain an image frame that includes the important parts of the image and has the same ratio as the lock screen interface, and apply it to the transition animation.

[0172] Figures 10a - 10b For another display method of the transition animation from the screen-off mode to the lock screen mode shown exemplarily. Please refer to Figure 10a In (1), exemplarily, the screen-off interface 1001 includes a transition animation display frame 1002 and a time control, etc. The mobile phone enters the lock screen mode in response to the received user operation. Please refer to Figure 10a In (2), exemplarily, the display method of the transition animation in this embodiment simulates the blinking process. The view frame 1002 in the screen-off interface 1001 can be added with an elliptical (or other shapes, which are not limited in this application) edge-blurred mask that is longitudinally compressed until it disappears, as shown in Figure 10a In (3). At the same time, other controls (such as the time control) in the screen-off interface 1001 also gradually disappear.

[0173] Please refer to Figure 10b In (1), exemplarily, the mobile phone displays the lock screen interface 1003, and the lock screen interface 1003 includes an image schematic frame 1004. Exemplarily, the above-mentioned mask can expand 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 displays in the order of the image frames in the video clip. It should be noted that the dotted part is only to illustrate the position of the dancing figure in the image schematic frame 1004, and the part outside the mask is actually not displayed. Please refer to Figure 10b In (2), exemplarily, the mask continues to expand to display other parts of the image in the image schematic frame 1004 until the mask expands to the size of the lock screen interface 1003, that is, all the parts of the image schematic frame 1004 in the lock screen interface 1003 are displayed. Please refer to Figure 10b In (3), exemplarily, the lock screen interface 1003 can optionally continue to play other image frames of the transition animation, and display other controls, such as a time control, a network control, a battery control, etc.

[0174] Figures 11 - 13b The display methods of transition animations in different exemplary application scenarios. Please refer to Figure 11 (1). Exemplarily, in this scenario, the mobile phone is in the screen-off mode. The screen-off interface 1101 includes a transition animation display frame 1102 and other controls (such as a time control). The image frames in the video clip are sequentially played in the transition animation display frame 1102 until the key frame of the screen-off mode, such as the 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 and directly enters the desktop mode from the screen-off mode.

[0175] Please refer to Figure 11 (2). Exemplarily, the mobile phone skips the lock screen mode and directly enters the desktop mode from the screen-off mode. Optionally, before entering the desktop mode, the mobile phone can first go black and then enter the desktop mode. The same applies hereinafter and will not be repeated. Exemplarily, 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 on the desktop 1104 is the last frame of the screen-off mode, that is, the key frame of the screen-off mode (such as the image frame 1103). Exemplarily, the display method of the image frame 1103 on the desktop 1104 can refer to the above Figures 5a - 5d 、 Figures 6a - 6d 、 Figures 7a - 7b 、 Figures 8a - 8b 、 Figures 9a - 9c 、 Figures 10a - 10b any of the display methods. Exemplarily, the desktop 1104 sequentially plays the image frames in the video clip until the last frame, such as the image frame 1105. Optionally, other controls on the desktop 1104, such as application icon controls, network controls, power controls, etc., can gradually appear during the process of the desktop 1104 playing the transition animation, or can appear when the transition animation on the desktop 1104 freezes at the last frame (such as the image frame 1105). This application does not make a limitation.

[0176] Figures 12a - 12e The display methods of the transition animations from the screen-off mode to the lock screen mode and from the lock screen mode to the desktop mode are exemplarily shown. Please refer to Figure 12a , exemplarily, the screen-off interface 1201 includes a transition animation display frame 1202 and other controls. Exemplarily, the transition animation display frame 1202 freezes at the image frame 1203. For specific descriptions, please refer to the above, and will not be elaborated here. Exemplarily, the user can click the power button. In response to the received user operation, the mobile phone enters the lock screen mode.

[0177] Please refer to Figure 12b, Exemplarily, the last frame of the screen-off mode (such as image frame 1203) is displayed on the lock screen interface 1204. Exemplarily, the way the lock screen interface 1204 displays the image frames can refer to the above Figures 5a - 5d , Figures 6a - 6d , Figures 7a - 7b , Figures 8a - 8b , Figures 9a - 9c , Figures 10a - 10b for any of the display methods. Exemplarily, the lock screen interface 1204 sequentially plays the image frames of the video clip. Please refer to Figure 12c , Exemplarily, the lock screen interface 1204 plays to the key frame of the lock screen mode (such as image frame 1205) and freezes at the key frame. The user can unlock the phone by swiping to unlock, fingerprint unlocking, face unlocking, etc. Exemplarily, the phone enters the desktop mode in response to the received user operation. Please refer to Figure 12d , In the desktop 1206, starting from the key frame of the lock screen mode (such as image frame 1105), the image frames in the video clip are sequentially played until the key frame of the desktop mode, such as Figure 12e the image frame 1107 in

[0178] Figures 13a - 13d is an exemplary display method of the transition animation from the screen-off mode to the lock screen mode and from the lock screen mode to the desktop mode. Please refer to Figure 13a (1), the screen-off interface 1301 includes a transition animation display frame 1302 and other controls. The transition animation display frame 1302 displays the key frame of the screen-off mode, such as image frame 1303. For the parts not described, refer to the above, and will not be elaborated here.

[0179] Exemplarily, the user clicks the power button. The phone enters the lock screen mode in response to the received user operation. Please refer to Figure 13a (2), the last frame of the screen-off mode (such as image frame 1303) is displayed on the lock screen interface 1304. Exemplarily, the way the lock screen interface 1304 displays the image frames can refer to the above Figures 5a - 5d , Figures 6a - 6d , Figures 7a - 7b , Figures 8a - 8b , Figures 9a - 9c , Figures 10a - 10b for any of the display methods. Exemplarily, the lock screen interface 1304 sequentially plays the image frames of the video clip.

[0180] Please refer to Figure 13b(1), Exemplarily, before the transition animation in the lock screen interface 1304 plays to a key frame (such as image frame 1306) of the lock screen mode, for example, when it plays to image frame 1305, the user unlocks the phone by means of swiping to unlock, fingerprint unlocking, face unlocking, password unlocking, etc. The phone enters the desktop mode in response to the received user operation. That is to say, before the transition animation of the lock screen mode finishes playing, the transition animation of the lock screen mode is interrupted and enters the desktop mode. Please refer to Figure 13b (2), Exemplarily, the desktop 1307 continues to play the image frames of the video clip in sequence starting from image frame 1305 until it plays to the key frame of the desktop mode. For other parts not described, reference can be made to the above, and details will not be elaborated here.

[0181] It should be noted that as described above, the transition animation played on the lock screen interface is actually played in a gradually expanding manner, as shown in Figure 5a - 1 Figure 0. In the embodiments of the present application, the gradually expanding manner can include two types. The first type is that during the gradual expansion of the transition animation of the lock screen mode, the image frames in the transition animation are played in sequence. Before being interrupted, when the transition animation of the lock screen mode expands to full screen, that is, when the viewing frame expands to the same size as the lock screen interface, the image frame played in the viewing frame is exactly the last image frame of the transition animation of the lock screen mode. The second gradually expanding manner is that 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 viewing frame expands to full screen. For example, the transition animation of the lock screen mode includes 180 frames. When the viewing frame expands to full screen, the image frame displayed in the viewing frame is the 90th image frame among the 180 image frames. Then, 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.

[0182] Based on the two expansion methods described above, in one example, Figure 13b the interruption and continued playback method shown in can be understood as being interrupted when the transition animation of the lock screen mode is played in full screen. After the phone enters the 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. In another example, Figure 13b the interruption and continued playback method shown in can be understood as being interrupted during the gradual expansion of the transition animation of the lock screen mode. To better illustrate this interruption and continued playback scenario, a specific example is given below. Please refer to Figure 13c , Exemplarily, the key frame of the transition animation of the lock screen mode is image frame 1306. When the viewing frame in the lock screen interface 1304 gradually expands to as shown in Figure 13cAs shown in (1) of , a partial image of image frame 1305 is displayed in the view frame. The user can unlock the mobile phone by means of sliding to unlock, face unlocking, etc. Exemplarily, in response to the received user operation, the mobile phone enters the desktop mode. Please refer to Figure 13c (2) of , Exemplarily, the mobile phone displays the desktop 1307. In the desktop 1307, the image frame 1305 and subsequent image frames will be played continuously. Exemplarily, since the view frame is interrupted when it is gradually expanding, the view frame will continue to gradually expand and move towards the center of the screen in the desktop 1307, and the remaining image frames of the image frame 1305 will continue to be played in the view frame. For example, when the view frame expands to full screen in the desktop 1307, the image frame 1306 is displayed in the view frame, that is, the key frame of the original lock screen mode. The transition animation of the desktop mode can continue to be played full screen in the desktop 1307, that is, from image frame 1306 to the last image frame.

[0183] Please refer to Figure 13d , Exemplarily, during the process of playing the transition animation of the screen-off mode in the transition animation display frame 1302 in the screen-off interface 1301, the user can click the power-on button. That is, Figure 13d The scene shown in is the scene where the continuous playback of the transition animation of the screen-off mode is interrupted. In response to the received user operation, the mobile phone enters the desktop mode. Please refer to Figure 13d (2) of , Exemplarily, in the lock screen interface 1304, 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 will continue from the image frame when the transition animation of the screen-off mode is interrupted, such as image frame 1308. The way of displaying image frames in the lock screen interface 1304 can refer to the above Figures 5a - 5d 、 Figures 6a - 6d 、 Figures 7a - 7b 、 Figures 8a - 8b 、 Figures 9a - 9c 、 Figures 10a - 10b Any of the display methods in

[0184] Figures 14a - 14b are exemplary display methods of the transition animations from the screen-off mode to the lock screen mode and from the lock screen mode to the desktop mode. Please refer to Figure 14a (1) of , Exemplarily, the transition animation display frame 1402 in the screen-off interface 1402 displays the key frame of the screen-off mode, such as image frame 1403. The parts not described can be in accordance with the above, and will not be elaborated here. Exemplarily, the user clicks the power-on button. In response to the received user operation, the mobile phone enters the lock screen mode. Please refer to Figure 14a (2) of , Exemplarily, in this scenario, the user can pre-set the transition animation of the lock screen mode as a static wallpaper. The lock screen interface 1404 displays the static wallpaper pre-set by the user. Optionally, the way of displaying the static wallpaper in the lock screen interface 1404 can also be applied to the above Figures 5a - 5d 、Figures 6a - 6d , Figures 7a - 7b , Figures 8a - 8b , Figures 9a - 9c , Figures 10a - 10b Any of the display modes in. Exemplarily, the user unlocks the mobile phone by means such as swiping to unlock, fingerprint unlocking, face unlocking, etc. In response to the received user operation, the mobile phone enters the desktop mode. Please refer to Figure 14b . Exemplarily, the desktop 1405 optionally plays the image frames in sequence starting from the key frame of the screen-off mode (such as image frame 1403) until the key frame of the desktop mode. Optionally, the way to display the image frame 1403 in the desktop 1405 can refer to the above Figures 5a - 5d , Figures 6a - 6d , Figures 7a - 7b , Figures 8a - 8b , Figures 9a - 9c , Figures 10a - 10b Any of the display modes in. For other parts not described, reference can be made to the above, which will not be elaborated here. It should be noted that in other embodiments, the mobile phone can, in response to the received user operation, set the transition animation of the screen-off mode to a static wallpaper, or can also set the transition animation of the desktop mode to a static wallpaper, which is not limited in this application.

[0185] Figure 15 is an exemplary display mode of the transition animation from the desktop mode to the screen-off mode. Please refer to Figure 15 (1). Exemplarily, 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. In response to the received user operation, the mobile phone enters the screen-off mode. Please refer to Figure 15 (2). Exemplarily, the screen-off interface 1503 includes a transition animation display frame 1504. For specific descriptions, reference can be made to the above, which will not be elaborated here. Exemplarily, the transition animation display frame 1504 starts from the image frame 1502 and plays each image frame in reverse order until the first image frame of the video segment. Please refer to Figure 15 (3). Exemplarily, the transition animation played in the transition animation display frame 1504 plays in reverse order from the key frame of the desktop mode to the image frame 1505. 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. Other descriptions can refer to the above, which will not be elaborated here. Optionally, after the transition animation display frame 1504 plays to the image frame 1505, it can first go black and then continue to play the transition animation of the screen-off mode.

[0186] Figure 16 is an exemplary display mode of the transition animation from the desktop mode to the screen-off mode. Please refer to Figure 16(1) Exemplarily, the desktop 1501 displays the last frame of the transition animation in desktop mode (i.e., the key frame of desktop mode), such as image frame 1502. If no user operation is received within a set duration (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 on the desktop 1501 can gradually fade out until it goes black. Please refer to Figure 16 (2) Exemplarily, the transition animation display box 1604 in the screen-off interface 1603 starts from the first image frame (e.g., image frame 1605) of the transition animation in screen-off mode and sequentially plays each image frame of the transition animation in screen-off mode until the key frame of screen-off mode.

[0187] Figure 17 This is an exemplary illustration of the display method of the transition animation from the lock screen mode to the screen-off mode. Please refer to Figure 17 (1) Exemplarily, the lock screen interface 1701 displays the last frame of the transition animation in lock screen mode (i.e., the key frame of lock screen mode), such as image frame 1702. The user can click the power button. In response to the received user operation, the mobile phone enters the screen-off mode. Please refer to Figure 17 (2) Exemplarily, the screen-off interface 1703 includes a transition animation display box 1704. For specific descriptions, please refer to the above, and will not be elaborated here. Exemplarily, the transition animation display box 1704 starts from image frame 1702 and sequentially plays each image frame backward until it plays to the first image frame of the video clip. Please refer to Figure 17 (3) Exemplarily, the transition animation played in the transition animation display box 1704 plays in reverse order from the key frame of lock screen mode to image frame 1705. Then, the transition animation display box 1704 starts from image frame 1705 and sequentially plays each image frame until it plays to the key frame of screen-off mode. Other descriptions can refer to the above and will not be elaborated here. Optionally, after the transition animation display box 1704 plays to image frame 1705, it can first go black and then continue to play the transition animation in screen-off mode.

[0188] Figure 18 This is an exemplary illustration of the display method of the transition animation from the lock screen mode to the screen-off mode. Please refer to Figure 18 (1) Exemplarily, the lock screen interface 1801 displays the last frame of the transition animation in lock screen mode (i.e., the key frame of lock screen mode), such as image frame 1802. If no user operation is received within a set duration (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 on the lock screen interface 1801 can gradually fade out until it goes black. Please refer to Figure 18In (2), exemplarily, the transition animation display box 1804 in the screen-off interface 1803 starts from the first image frame (e.g., image frame 16805) of the transition animation in the screen-off mode, and sequentially plays each image frame of the transition animation in the screen-off mode until the key frame of the screen-off mode.

[0189] In a possible implementation, if the user clicks the power button during the playback of the transition animation in the lock screen mode, that is, the transition animation in the lock screen mode is interrupted. The mobile phone responds to the received user operation and enters the screen-off mode. 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 backward to the first image frame of the video segment, and then start playing the transition animation in the screen-off mode from the first image frame. It should be noted that, as described above, when the transition animation in the lock screen mode is interrupted, the transition animation played on the lock screen interface may be displayed in a full-screen manner or in a gradually expanding manner. Exemplarily, Figure 19 Fig. shows an exemplary scenario where the transition animation played on the lock screen interface is interrupted during the gradual expansion process. Please refer to Figure 19 Exemplarily, during the gradual expansion of the view box in the lock screen interface 1901, the mobile phone receives the operation of the user clicking the power button. Exemplarily, the lock screen interface 1901 is currently playing some image frames of image frame 1902, and the key frame of the lock screen mode is image frame 1903. Exemplarily, the mobile phone responds to the received user operation and enters the screen-off mode. 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 segment, and then starts playing the image frames of the transition animation in the screen-off mode in sequence from the first image frame. For the un-described parts, please refer to the above, and will not be elaborated here.

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

[0191] It can be understood that, in order to implement the above functions, an electronic device includes corresponding hardware and / or software modules for executing each function. Combining the algorithm steps of each example described in the embodiments disclosed in this article, the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a certain function is executed in the 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 exceed the scope of the present application.

[0192] In one example, Figure 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. Optionally, a memory 2003 is further included.

[0193] The various components of the device 2000 are coupled together through a bus 2004. Among them, the bus 2004 includes, in addition to a data bus, a power bus, a control bus, and a status signal bus. However, for the sake of clear illustration, all kinds of buses are referred to as the bus 2004 in the figure.

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

[0195] The device 2000 can be the electronic device or the chip of the electronic device in the foregoing method embodiments.

[0196] Among them, all relevant contents of the steps involved in the foregoing method embodiments can be cited in the function descriptions of the corresponding functional modules, and will not be repeated here.

[0197] This embodiment also provides a computer storage medium. Computer instructions are stored in the computer storage medium. When the computer instructions run on an electronic device, the electronic device is caused to execute the above relevant method steps to implement the display method in the above embodiments.

[0198] This embodiment also provides a computer program product. When the computer program product runs on a computer, the computer is caused to execute the above relevant steps to implement the display method in the above embodiments.

[0199] In addition, an embodiment of the present application further provides a device, which may specifically be a chip, a component, or a module. The device may include a processor and a memory connected to each other. The memory is used to store computer-executable instructions. When the device runs, the processor may execute the computer-executable instructions stored in the memory, so that the chip executes the display method in each of the above method embodiments.

[0200] Among them, the electronic device, computer storage medium, computer program product, or chip provided in this embodiment is all 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 elaborated here.

[0201] Through the description of the above embodiments, those skilled in the art can understand that for the convenience and conciseness of description, only the above division of each functional module is used as an example. In actual applications, the above functions can be allocated to different functional modules according to needs, that is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above.

[0202] In several embodiments provided by the present application, it should be understood that the disclosed device and method can be implemented in other ways. For example, the device embodiments described above are only illustrative. For example, the division of modules or units is only a logical function division. In actual implementation, there may be other division methods. For example, 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 displayed or discussed coupling or direct coupling or communication connection between each other can be through some interfaces. The indirect coupling or communication connection of the device or unit can be in electrical, mechanical or other forms.

[0203] The unit described as a separated component may or may not be physically separated. The component displayed as a unit may be a physical unit or multiple physical units, that is, it may be located in one place, or may be distributed to multiple different places. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0204] In addition, each functional unit in each embodiment of the present application may be integrated in a processing unit, or each unit may exist physically alone, or two or more units may be integrated in one unit. The above integrated unit can be implemented in the form of hardware or in the form of a software functional unit.

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

[0206] When an 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 such an understanding, the technical solution of the embodiments of the present application, in essence, 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. The software product is stored in a storage medium and includes several instructions for causing a device (which can be a single-chip microcomputer, a chip, etc.) or a processor to execute all or part of the steps of the methods of the various embodiments of the present application. The aforementioned storage medium includes: various media such as USB flash drives, mobile hard disks, read-only memories (ROM), random access memories (RAM), magnetic disks, or optical discs that can store program codes.

[0207] The embodiments of the present application have been described above in conjunction with the accompanying drawings. However, the present application is not limited to the above specific implementation manners. The above specific implementation manners are merely illustrative and not restrictive. Those of ordinary skill in the art, under the inspiration of the present application and without departing from the spirit of the present application and the scope protected by the claims, can also make many forms, all of which fall within the protection scope of the present application.

[0208] The steps of the methods or algorithms described in connection with the disclosed content of the embodiments of the present application can be implemented in a hardware manner or by a processor executing software instructions. The software instructions can be composed of corresponding software modules. The software modules can be stored in a random access memory (RAM), flash memory, read-only memory (ROM), erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), registers, hard disks, mobile hard disks, compact disc read-only memory (CD-ROM), or any other form of storage medium well-known in the art. An exemplary storage medium is coupled to the processor so that the processor can read information from the storage medium and write information to the storage medium. Of course, the storage medium can also be a component of the processor. The processor and the storage medium can be located in an ASIC.

[0209] Those skilled in the art should be able to realize that in one or more of the above examples, the functions described in the embodiments of the present application can be implemented by 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. The computer-readable medium includes computer storage media and communication media, where the communication media includes any medium that facilitates the transmission of a computer program from one place to another. The storage media can be any available medium accessible by a general-purpose or special-purpose computer.

[0210] The embodiments of the present application have been described above in conjunction with the accompanying drawings. However, the present application is not limited to the above specific implementation manners. The above specific implementation manners are merely illustrative and not restrictive. Under the inspiration of the present application, those of ordinary skill in the art can also make many forms without departing from the purpose of the present application and the scope protected by the claims, and all of them fall within the protection scope of the present application.

Claims

1. An electronic device, characterized in that, Comprising: A memory and a processor; The processor is coupled to the memory; The memory stores program instructions, which when executed by the processor cause the electronic device to perform the following steps: When a first interface is displayed on the display screen of the electronic device, a first transition animation is played in a first display frame of the first interface, and the center of the first display frame deviates from the screen center of the display screen of the electronic device; After playing the first transition animation in the first display frame, the last image frame of the first transition animation is fixedly displayed within the first display frame; In response to a received first user operation, the first interface on the display screen of the electronic device is switched 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; Gradually enlarge the second display frame; wherein, during the process of gradually enlarging the second display frame, each image frame of a 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 instructions are executed by the processor, the electronic device is caused to perform the following steps: Crop each of the N image frames according to a set first size; Adjust the size of each cropped image frame according to a set second size; Sequentially play each cropped and size-adjusted image frame in the first display frame, and freeze on the last cropped and size-adjusted image frame in the first transition animation; 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 instructions are executed by the processor, the electronic device is caused to perform the following steps: Adjust the first image frame among the M image frames according to the second size; Overlay the adjusted first image frame under the second display frame; wherein, the image of the overlapping part of the second display frame and the adjusted first image frame is the same as the image of the last cropped and size-adjusted image frame.

4. The electronic device according to claim 3, characterized in that, When the program instructions are executed by the processor, the electronic device is caused to perform the following steps: During the process of gradually enlarging the second display frame, gradually enlarge the adjusted first image frame and move it towards 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.

5. The electronic device according to claim 4, characterized in that, When the program instructions are executed by the processor, the electronic device is caused to perform the following steps: When the adjusted first image frame finishes playing, the adjusted first image frame is enlarged to a third size and moved to a first position on the display screen; Switch the adjusted first image frame superimposed on the second display frame to the 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. Gradually enlarge the next image frame and move it towards 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.

6. The electronic device according to any one of claims 1 to 5, characterized in that, When the program instruction is executed by the processor, the electronic device is caused to perform 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 shape of the first display frame is rectangular, circular, triangular, oval, or has an irregular shape.

8. The electronic device according to any one of claims 1 to 5, characterized in that, The shape of the second display frame is rectangular, circular, triangular, oval, or has an 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 lock screen 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, Comprising: When a first interface is displayed on the display screen of the electronic device, play a first transition animation in the first display frame of the first interface, and the center of the first display frame deviates from the center of the screen of the display screen of the electronic device. After playing the first transition animation in the first display frame, fixedly display the last image frame of the first transition animation in the first display frame. In response to a received first user operation, the electronic device switches 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 electronic device gradually enlarges the second display frame; wherein, during the process of gradually enlarging the second display frame, play each image frame of a second transition animation 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, wherein The first transition animation includes N image frames, N is an integer greater than 1; playing each image frame of the first transition animation in the first display frame of the first interface includes: Crop each of the N image frames according to a set first size. Adjust the size of each cropped image frame according to a set second size. Play each cropped and size-adjusted image frame in sequence in the first display frame and freeze on the last cropped and size-adjusted image frame in the first transition animation; wherein, the size of the first display frame is the same as the second size.

13. The method according to claim 12, wherein The second transition animation includes M image frames, where M is an integer greater than 1; playing each image frame of the first transition animation in the first display frame of the first interface includes: Adjust the first image frame among the M image frames according to the second size; Overlay the adjusted first image frame under the second display frame; wherein, the image of the overlapping part of the second display frame and 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, wherein The electronic device gradually enlarges the second display frame and moves it towards the center of the screen of the display screen of the electronic device, including: During the process of gradually enlarging the second display frame, gradually enlarge the adjusted first image frame and move it towards 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.

15. The method according to claim 14, wherein The electronic device gradually enlarges the second display frame and moves it towards the center of the screen of the display screen of the electronic device, including: When the playing of the adjusted first image frame is completed, the adjusted first image frame is enlarged to the third size and moved to the first position in the display screen; Switch the adjusted first image frame superimposed on the second display frame to the 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; Gradually enlarge the next image frame and move it towards 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.

16. The method according to any one of claims 11 to 15, wherein The electronic device gradually enlarges the second display frame and moves it towards the center of the screen 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.

17. The method according to any one of claims 11 to 15, wherein The shape of the first display frame is rectangular, circular, triangular, elliptical, or has an irregular shape.

18. The method according to any one of claims 11 to 15, wherein The shape of the second display frame is rectangular, circular, triangular, elliptical, or has an irregular shape.

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

20. The method according to any one of claims 11 to 15, wherein 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, wherein When the computer program runs on the electronic device, the electronic device is caused to execute the display method according to any one of claims 11-20.

Images