Interface switching method and related apparatus

Abstract

Disclosed in the present application are an interface switching method and a related apparatus, which are applied to terminal devices. The present application is characterized in that the method comprises: displaying a first interface; and switching from the first interface to a second interface, wherein each of the first interface and the second interface comprises at least one shared element, the at least one shared element comprises a first shared element, and an interface switching animation for switching from the first interface to the second interface comprises: the first shared element being deformed and moved on the first interface, and, after the deformation and movement are completed, the first shared element being displayed on the second interface. In this way, a smoother transition effect can be presented during interface switching, thus providing users with smoother operation experience.

Description

Interface switching method and related device

[0001] The present application claims priority to the Chinese patent application No. 202410808565.6, filed on June 20, 2024, with the State Intellectual Property Office of China, and the Chinese patent application No. 202410808565.6 has the title of “Interface switching method and related device”, the content of which is incorporated herein by reference in its entirety. TECHNICAL FIELD

[0002] The present application relates to the field of electronic technology, in particular to an interface switching method and related device. BACKGROUND

[0003] With the development of mobile Internet, smart terminals such as smart phones, tablets, and notebook computers have been widely used in daily life and have become a platform for new media, e-commerce, and information services.

[0004] In order to protect personal information and privacy, avoid misoperation, or save power, smart terminals generally have a lock screen (i.e., lock screen) function. Under the lock screen interface, the user can use more functions of the smart terminal after unlocking. For example, the desktop is displayed after unlocking.

[0005] In order to improve the user experience, the smart terminal has an always on display (AOD) function to provide simple information services to the user in the state of the smart terminal screen being turned off (i.e., off screen, off screen). The AOD interface can be used to display date, time, weather, and other regular information.

[0006] The high-frequency scenarios of the user using the smart terminal include: entering the desktop from the AOD interface / lock screen interface, or entering the AOD interface / lock screen interface from the desktop, or entering the lock screen interface from the AOD interface, or entering the AOD interface from the lock screen interface. At present, the interface switching in the above high-frequency scenarios is relatively harsh, and the display effect is not smooth enough. How to perform interface switching in the above high-frequency scenarios to show a smoother transition effect and bring the user a smoother operation experience remains to be studied. SUMMARY

[0007] The embodiments of the present application provide an interface switching method, which can show a smoother transition effect and bring the user a smoother operation experience when switching interfaces.

[0008] In a first aspect, the present application provides an interface switching method, the method comprising: displaying a first interface; switching the first interface to a second interface; the first interface and the second interface comprising at least one shared element, the at least one shared element comprising a first shared element; an interface switching effect of the first interface switching to the second interface comprising: the first shared element deforming and moving in the first interface, and the first shared element being displayed on the second interface after the deforming and moving ends.

[0009] In the process of the first interface switching to the second interface, the shared element deforms and moves in the first interface, and the shared element is displayed on the second interface after the deforming and moving ends. In this way, the deforming and moving of the shared element of the two interfaces when the first interface and the second interface switch interfaces can make the shared element show a smoother transition effect, avoid the shared element changing abruptly and harshly, and bring the user a smoother operation experience.

[0010] In an implementation manner, the deforming and moving of the first shared element in the first interface comprises: the first shared element deforming from a first layout style to a second layout style and moving from a first display position to a second display position in the first interface; and the first shared element being displayed on the second interface comprises: the first shared element being displayed on the second interface in the second display position in the second layout style. In the present application, the second layout style and the second display position of the shared element on the second interface are determined, and when the first interface and the second interface switch interfaces, the shared element can deform to the second layout style and move to the second display position in the first interface. In this way, the shared element can show a smoother transition effect, avoid the shared element changing abruptly and harshly when the second interface is displayed, and bring the user a smoother operation experience.

[0011] In an implementation manner, interface elements other than the shared element in the first interface are non-shared elements of the first interface, and interface elements other than the shared element in the second interface are non-shared elements of the second interface; and the interface switching effect of the first interface switching to the second interface further comprises: the non-shared elements of the first interface gradually blurring until disappearing; and the non-shared elements of the second interface being displayed blurred and gradually becoming clear. In the present application, when the interfaces switch, the non-shared elements of the first interface can avoid disappearing suddenly and the non-shared elements of the second interface can avoid being displayed suddenly, thereby avoiding the interface switching effect changing abruptly and abruptly, improving the transition smoothness of the interface switching, and bringing the user a smoother operation experience.

[0012] In an implementation, the first interface and the second interface include any two of the following interfaces: a lock screen interface, an always-on display (AOD) interface, and a desktop. By implementing the embodiments of the present application, a more smooth interface transition effect can be exhibited in a high-frequency interface switching scenario, avoiding abrupt and harsh interface switching changes and providing a more smooth operation experience for a user.

[0013] In an implementation, the first shared element is any one of the following: a clock component, a service card, an application portal, a system tool, and the like. By implementing the embodiments of the present application, various shared elements can exhibit a more smooth interface transition effect and provide a more smooth operation experience for a user.

[0014] In an implementation, the method further includes: detecting a sliding operation for switching the first interface to the second interface; and displaying, by the terminal device, part or all of the interface switching animation effect accompanying the sliding operation. By implementing the embodiments of the present application, when the interface is switched by the sliding operation, the progressive interface switching animation effect provided by the present application can be presented accompanying the sliding of the sliding operation. In this way, a visual effect of a sliding hand can be provided, a more smooth interface transition effect can be exhibited, and a more smooth operation experience can be provided for a user.

[0015] In an implementation, the displaying, by the terminal device, part or all of the interface switching animation effect accompanying the sliding operation includes: detecting that the sliding operation is started, deforming and moving the first shared element in the first interface and gradually blurring non-shared elements of the first interface accompanying the sliding of the sliding operation; and starting to display and gradually clarify non-shared elements of the second interface that are blurred when a progress of the deforming and moving of the first shared element reaches a first value. By implementing the embodiments of the present application, the non-shared elements of the second interface are not displayed until the progress of the deforming and moving of the first shared element reaches the first value, and are gradually clarified until completely displayed. In this way, a more smooth interface transition effect can be exhibited, a more smooth operation experience can be provided for a user, and the interest of interface switching is improved.

[0016] In an implementation, the displaying, by the terminal device, part or all of the interface switching animation effect accompanying the sliding operation includes: detecting that the sliding operation is started, deforming and moving the first shared element in the first interface and gradually blurring non-shared elements of the first interface accompanying the sliding of the sliding operation; and starting to display and gradually clarify non-shared elements of the second interface that are blurred when a progress of the deforming and moving of the first shared element reaches a first value. By implementing the embodiments of the present application, the non-shared elements of the second interface are not displayed until the progress of the deforming and moving of the first shared element reaches the first value, and are gradually clarified until completely displayed. In this way, a more smooth interface transition effect can be exhibited, a more smooth operation experience can be provided for a user, and the interest of interface switching is improved.

[0017] In an implementation manner, the terminal device stops displaying the first interface and displays the second interface when the deformation and movement of the shared element ends. In the embodiment of the present application, the first interface is completely switched to the second interface when the deformation and movement of the shared element ends. In this way, a more smooth interface transition effect can be presented, and a more smooth operation experience can be brought to the user, and the interest of interface switching is improved.

[0018] In an implementation manner, the first shared element presents a second layout style at the second display position of the second interface; and when it is detected that the user ends the sliding operation, the terminal device performs one or more of the following: the first shared element of the first interface continues to deform and move until it deforms into the second layout style and moves to the second display position on the first interface; the non-shared element of the first interface continues to blur until it disappears; and the blurred non-shared element of the second interface continues to become clear until it is completely displayed. In the embodiment of the present application, if the interface switching animation is not completed when the user ends the sliding operation, the interface switching animation is continued.

[0019] In an implementation manner, switching the first interface to the second interface includes: detecting that the first interface is switched to the second interface after the first operation is completed; and the first operation is used to switch the first interface to the second interface. In the embodiment of the present application, a progressive interface switching animation is presented after the user performs the first operation for interface switching; in this way, a more smooth interface transition effect can be presented, a more smooth operation experience can be brought to the user, and the interest of interface switching is improved.

[0020] In an implementation manner, switching the first interface to the second interface includes: detecting that the terminal device meets a preset condition, and switching the first interface to the second interface. In the embodiment of the present application, a progressive interface switching animation is presented after the preset condition for triggering interface switching is detected; in this way, a more smooth interface transition effect can be presented, a more smooth operation experience can be brought to the user, and the interest of interface switching is improved.

[0021] In a second aspect, the embodiment of the present application provides a terminal device, and the electronic device includes a processor and a memory, the memory is coupled with the processor, the memory is used to store computer program code, the computer program code includes computer instructions, and when the processor reads the computer instructions from the memory, the terminal device executes the interface switching method in the first aspect.

[0022] In a third aspect, the embodiment of the present application provides a computer storage medium, including computer instructions, when the computer instructions run on an electronic device, the electronic device executes the interface switching method in any possible implementation manner of the first aspect.

[0023] In a fourth aspect, an embodiment of the present application provides a computer program product, which, when running on a computer, causes the computer to perform the interface switching method in any possible implementation manner of the first aspect. BRIEF DESCRIPTION OF DRAWINGS

[0024] FIGS. 1A-1D are schematic diagrams of a commonly used user interface provided by an embodiment of the present application;

[0025] FIG. 2 is a schematic diagram of a high-frequency scenario of interface switching provided by an embodiment of the present application;

[0026] FIGS. 3A-3D are schematic diagrams of an interface of a conventional lock screen switching to a desktop provided by an embodiment of the present application;

[0027] FIGS. 3E-3H are schematic diagrams of an interface of a fade-in animation provided by an embodiment of the present application;

[0028] FIGS. 3I-3O are schematic diagrams of an interface of a transition animation provided by an embodiment of the present application;

[0029] FIGS. 4A-4D are schematic diagrams of an interface of a conventional lock screen switching to a double-clock desktop provided by an embodiment of the present application;

[0030] FIGS. 5A-5D are schematic diagrams of an interface of a notification lock screen switching to a desktop provided by an embodiment of the present application;

[0031] FIGS. 6A-6D are schematic diagrams of an interface of an immersive lock screen switching to a desktop provided by an embodiment of the present application;

[0032] FIGS. 7A-7D are schematic diagrams of an interface of an AOD switching to a desktop provided by an embodiment of the present application;

[0033] FIGS. 8A-8D are schematic diagrams of an interface of an immersive AOD switching to a desktop provided by an embodiment of the present application;

[0034] FIGS. 9A-9D are schematic diagrams of an interface of a desktop switching to an AOD provided by an embodiment of the present application;

[0035] FIGS. 10A-10D are schematic diagrams of an interface of a conventional lock screen switching to an AOD provided by an embodiment of the present application;

[0036] FIG. 11 is a method flow schematic diagram of an interface switching method provided by an embodiment of the present application;

[0037] FIG. 12 is a method flow schematic diagram of an interface switching method provided by an embodiment of the present application;

[0038] FIG. 13 is a method flow schematic diagram of an interface switching method provided by an embodiment of the present application;

[0039] FIG. 14 is a structural schematic diagram of a terminal device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0040] The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings. In the description of the embodiments of the present application, unless otherwise specified, " / " represents the meaning of or, for example, A / B can represent A or B; the "and / or" in the text only describes the association relationship of the associated objects, which means that there can be three relationships, for example, A and / or B, which means that there are three cases of A alone, A and B together, and B alone. In addition, in the description of the embodiments of the present application, "multiple" means two or more than two.

[0041] Hereinafter, the terms "first" and "second" are only used for descriptive purposes, and cannot be understood as implying or suggesting relative importance or implicitly indicating the number of indicated technical features. Therefore, the features defined with "first" and "second" can explicitly or implicitly include one or more features. In the description of the embodiments of the present application, unless otherwise specified, the meaning of "multiple" is two or more than two.

[0042] In the following embodiments of the present application, the term "user interface (UI)" is a medium interface for interaction and information exchange between an application or an operating system and a user, which realizes the conversion between the internal form of information and the form that the user can accept. The user interface is source code written in a specific computer language such as Java, extensible markup language (XML), etc. The interface source code is parsed, rendered, and finally presented as content that can be recognized by the user on the electronic device. The commonly used form of user interface is graphic user interface (GUI), which refers to a user interface related to computer operation displayed in a graphical manner. It can be a visual interface element such as text, icon, button, menu, tab, text box, dialog box, status bar, navigation bar, Widget, etc. displayed in the display screen of the electronic device. The user interface can also be referred to as an interface or a page.

[0043] An application includes multiple application windows, which can be Activity windows in the Android system, application windows in the IOS system, or application windows in other operating systems, which are not specifically limited here. For ease of description, the application window can be referred to as a window or an application window in the embodiments of the present application. In some embodiments, one application window corresponds to one user interface. In some embodiments, one application window can also correspond to multiple user interfaces.

[0044] The technical concepts involved in the present application are introduced below.

[0045] AOD: In order to improve the user experience, the terminal device 100 can also provide simple information services for the user in the screen-off state, and the terminal device 100 has AOD function and is provided with AOD interface. The AOD interface is used to display some important information on the screen at all times with low power consumption. For example, it can display time, date, battery and other regular information, and also can display incoming call, message, push message and other notification information, and also can display the service card of the currently running application (such as a car-hailing card, a navigation card, etc.), so that the user can intuitively and quickly see the information needed, reduce the steps of operating the device, and bring convenience. Among them, the AOD with service card can also be called immersive lock screen AOD.

[0046] In some embodiments, AOD can be divided into global AOD and local AOD. In an implementation, referring to FIG. 1A, the AOD interface 11 of the global AOD controls the local area of the screen to be highlighted for displaying some important information at all times, and the other areas of the screen remain black. The AOD interface 11 can include a clock component 101, a Gregorian calendar date 102 and a lunar calendar date 103. Referring to FIG. 1B, the AOD interface 12 of the local AOD controls the local area of the screen to be highlighted for displaying some important information at all times; the other areas of the screen are displayed with low brightness, and the AOD interface can also display wallpaper. Subsequent embodiments mainly take the global AOD as an example for exemplary description.

[0047] Lock screen: In order to protect personal information and privacy, avoid misoperation or save power, the terminal device 100 generally has a lock screen (i.e. lock screen) function, and is provided with a lock screen interface. The lock screen interface can display time, date, weather, battery and other conventional information, can also display incoming calls, messages, push messages and other notification information, and can also display service cards of the currently running application. Among them, the lock screen that only displays conventional information can also be referred to as a conventional lock screen; the lock screen that displays notification messages can also be referred to as a notification lock screen; the lock screen that displays service cards can also be referred to as an immersive lock screen. The user can manually control the terminal device 100 to lock and enter the lock screen interface; or when there is no operation on the terminal device 100 within a specified time, the terminal device 100 can automatically lock to enter the lock screen interface. Under the lock screen interface, in addition to passively receiving signals transmitted by other terminals, the terminal device 100 usually only has part of the interaction functions such as user unlocking, and only after unlocking, the user can use more functions of the terminal device 100. For example, after unlocking, the terminal device 100 displays the desktop. For example, FIG. 1C shows a schematic diagram of a lock screen interface 13, which includes a clock component 201, a Gregorian calendar date 202, a lunar calendar date 203, a lock screen wallpaper 204, a lock screen icon 205 and a status bar 206; the lock screen icon 205 is used to indicate that the current interface is a lock screen interface, and the status bar 206 includes a signal strength indicator 206A of a wireless fidelity (WiFi) signal, a signal strength indicator 206B of a mobile communication signal (also referred to as a cellular signal), and a battery status indicator 206C. Optionally, the lock screen interface 13 can also include icons of commonly used application programs, such as a camera icon 206 and a flashlight icon 207.

[0048] Desktop: The desktop can also be referred to as the main interface. The desktop (launcher) is usually used to display application icons of various applications, and can also display date, time, weather, battery and other conventional information, and can also display various commonly used service cards (such as weather cards, subway cards and express delivery cards, etc.). For example, FIG. 1D shows a schematic diagram of a desktop 14, which includes a clock component 301, a Gregorian calendar date 302, a weather component 303, a tray 304 with commonly used application program icons, other application program icons 305, a desktop wallpaper 306 and a status bar 307. The status bar 307 includes a signal strength indicator 307A of a WiFi signal, a signal strength indicator 307B of a mobile communication signal, a battery status indicator 307C and a time indicator 307D.

[0049] The desktop 14 shown in FIG. 1D displays a weather clock of the location, which can include one or more of a clock component, a Gregorian date, and a weather component. In an embodiment, the desktop 14 can also display a weather clock of another preset location. Such a display of weather clocks of two locations can also be referred to as a weather dual clock.

[0050] In some embodiments, the lock screen interface, the AOD interface, and the desktop interface are displayed in different application windows; for example, a lock screen window is used to display the lock screen interface, an AOD window is used to display the AOD interface, and a desktop window is used to display the main interface.

[0051] In some embodiments, one or more of the lock screen interface, the AOD interface, and the desktop interface can be displayed in the same application window (for example, a desktop system window of a large desktop architecture); when the desktop system window includes multiple interfaces of the lock screen interface, the AOD interface, and the desktop interface, the multiple interfaces can be displayed in the desktop system window in a superimposed manner. In one implementation, the terminal device 100 sequentially displays the AOD interface, the lock screen interface, and the desktop in a superimposed manner; when the terminal device 100 enters the AOD, the topmost interface displayed by the desktop system window is the AOD interface; when the terminal device 100 enters the lock screen, the desktop system window hides the AOD interface and displays the lock screen interface as the topmost interface; when the terminal device 100 enters the desktop, the desktop system window hides the AOD interface and the lock screen interface and displays the desktop as the topmost interface.

[0052] Service card: a card composed of atomic services, which is one of the bearing forms of the atomic services of the Hongmeng. The service card is a new form of application program display page content, which can preposition the content of the application page to the service card, and add the service card to the lock screen, the AOD, and the desktop, supports click to quickly execute, in order to achieve the purpose of service direct and reduce the experience level.

[0053] Shared element: refers to the same type of interface elements contained in the two interfaces before and after the switching; the layout style and display position of the shared elements in the two interfaces can be the same or different. The above layout style can indicate part or all of the arrangement, color, transparency, font, shape and size of the components in the shared element; the display position can indicate the display position of the shared element in the screen. The above shared elements include but are not limited to clock components, service cards, application entrances, system tools, etc., which are not limited here. Among them, the clock component is a digital component for presenting time, which is a common element of the lock screen interface and the AOD interface, and can also be added to the desktop; the clock component can have multiple template forms, and usually the terminal device supports user-defined template form of the clock component. In some embodiments, the layout style of the clock component in an interface (such as a desktop) includes the template form adopted by the clock component in the interface, and the size of the template form; the template form indicates part or all of the arrangement, color, transparency, font, shape and size of the components in the shared element.

[0054] In some embodiments, part of the interface elements displayed by the terminal device 100 can realize transition effects, and part of the interface elements can not realize transition effects. If the same type of interface elements (such as clock components) contained in the two interfaces before and after the switching can realize transition effects, the interface elements are shared elements of the above two interfaces. Subsequent embodiments will detail the transition sharing, which is not described here.

[0055] Non-shared element: elements other than shared elements in the two interfaces before and after the switching.

[0056] For example, the shared elements of the lock screen interface 13 shown in FIG. 1C and the desktop 14 shown in FIG. 1D include clock components and Gregorian dates, battery indicators, signal indicators of Wifi signals and signal indicators of mobile communication signals; among them, the layout style and display position of the clock components in the two interfaces are different, the layout style and display position of the battery indicators and the signal indicators are the same, and the layout style of the Gregorian dates is the same but the display position is different. For example, the shared elements of the AOD interface 11 shown in FIG. 1A and the desktop 14 shown in FIG. 1D include clock components and Gregorian dates; among them, the layout style and display position of the clock components in the two interfaces are different, and the layout style of the Gregorian dates is the same but the display position is different. For example, the shared elements of the AOD interface 11 shown in FIG. 1A and the lock screen interface 13 shown in FIG. 1C include clock components, Gregorian dates and lunar dates, and the layout style and display position of the shared elements in the two interfaces are the same.

[0057] It should be noted that FIGS. 1A-1D are merely schematic diagrams of interfaces provided by embodiments of the present application, and embodiments of the present application do not make specific limitations on the display content of the AOD interface, the lock screen interface, and the desktop, and do not make specific limitations on the shared elements contained in any two interfaces of the terminal device 100, and the layout style and display position of the shared elements. For example, the layout style and display position of the clock component in the AOD interface 11 shown in FIG. 1A and the lock screen interface 13 shown in FIG. 1C can also be different. In embodiments of the present application, the two interfaces before and after switching can include one or more shared elements, and subsequent embodiments will mainly take shared element 1 as an example for illustrative description.

[0058] For example, FIG. 2 shows the interface switching of some high-frequency scenarios (i.e., use scenarios 1-8 shown in FIG. 2) of the terminal device 100. As shown in FIG. 2, the high-frequency scenarios include: switching from the AOD interface / lock screen interface to the desktop, switching from the desktop to the AOD interface / lock screen interface, switching from the AOD interface to the lock screen interface, and switching from the lock screen interface to the AOD interface.

[0059] With reference to the AOD interface, the lock screen interface, and the desktop shown in FIGS. 1A-1D, in the above high-frequency scenarios, the interface is directly switched, that is, the current interface is stopped from being displayed and the next interface is directly displayed, and the switching effect is relatively harsh and not smooth. Taking the switching from the first interface to the second interface as an example; when the interface is switched, the non-shared elements in the first interface suddenly disappear, and the non-shared elements in the second interface suddenly appear; for the case where the layout style and / or display position of the shared elements in the first interface and the second interface are different, the change of the shared elements when the interface is switched is very abrupt, there is a visual effect interruption, and it looks like two different elements. For example, the lock screen interface 13 shown in FIG. 1C is switched to the desktop 14 shown in FIG. 1D; when the interface is switched, the non-shared elements (such as the lunar date 203) in the lock screen interface suddenly disappear, and the non-shared elements (such as the weather component 303) in the desktop suddenly appear. The lock screen interface 13 and the desktop 14 both contain clock components (i.e., the clock component 201 and the clock component 203), but the layout style and display position of the clock components in the two interfaces are different; when the interface is switched, the clock component abruptly changes from the layout style and display position shown in FIG. 1A to the layout style and display position shown in FIG. 1D.

[0060] In the interface switching method provided by embodiments of the present application, the progressive interface switching animation displayed when the first interface and the second interface are switched (such as the interface switching between any two of the AOD interface, the desktop, and the lock screen interface) can present a smoother transition effect, and bring users a more extreme smooth operation experience. The above progressive interface switching animation includes one or more of the following:

[0061] The interface switching effect one: the shared element (for example, the shared element 1) of the two interfaces can realize a progressive transition effect, that is, the layout style of the shared element 1 in the first interface is gradually deformed to the layout style of the shared element 1 in the second interface, and the display position of the shared element 1 in the first interface is gradually moved to the display position of the shared element 1 in the second interface, the shared element 1 remains clear, that is, the blur degree / clarity remains unchanged. Subsequent embodiments are exemplarily described by taking the blur degree as an example.

[0062] The interface switching effect two: a progressive fade-out effect (that is, a fade-out effect) is realized for the non-shared element of the first interface. The fade-out effect of the non-shared element of the first interface includes that the blur degree of the non-shared element of the first interface gradually increases, and the non-shared element is gradually blurred until completely disappears.

[0063] The interface switching effect three: a progressive fade-in effect (that is, a fade-in effect) is realized for the non-shared element of the second interface. The fade-in effect of the non-shared element of the second interface includes that the non-shared element of the second interface starts to be displayed with a low blur degree, and the blur degree gradually decreases, and the non-shared element is gradually clear until completely displayed. The initial blur degree of the non-shared element in the fade-in effect is not limited in the embodiments of the present application, and can be set according to actual needs, which is not limited here.

[0064] In some embodiments, the display position can refer to the center position of the shared element 1. Without being limited to the center position, the display position can also refer to other positions of the shared element 1, which is not limited here.

[0065] In some embodiments, if the layout style of the shared element 1 in the first interface and the second interface is the same but the display position is different, the shared element 1 does not need to be deformed during the interface switching process, only needs to move the display position and keep clear; if the layout style of the shared element 1 in the first interface and the second interface is different but the display position is the same, the shared element 1 does not need to move the display position during the interface switching process, only needs to be deformed and keep clear; if the layout style of the shared element 1 in the first interface and the second interface is the same, and the display position is also the same, the shared element 1 does not need to be deformed and moved during the interface switching process, and the shared element 1 keeps clear, although the shared element 1 has a transition effect, but the visual effect of the shared element 1 remains unchanged. In some embodiments, the layout style and the display position of the shared element 1 in the first interface and the second interface are the same; during the interface switching, the shared element 1 does not need to be controlled to have a transition effect. In some embodiments, the layout style and the display position of the shared element 1 in the first interface and the second interface are the same, and the shared element 1 can be classified as a non-shared element; during the interface switching, the shared element 1 in the first interface has a fade-out effect, and the shared element 1 in the second interface has a fade-in effect.

[0066] In the embodiments of this application, the progressive transition effect of the shared element 1 makes it seem that only one element is changing in the interface switching process, instead of two independent shared elements 1 in two interfaces being switched, so as to realize complete sharing in visual effect. Therefore, the transition effect of the shared element 1 described above can also be referred to as a sharing effect.

[0067] The use scenarios related to the embodiments of this application are described below.

[0068] Referring to FIG. 2, the use scenarios of the interface switching method provided by this application can be interface switching scenarios of any two interfaces in the AOD interface, the lock screen interface and the desktop (for example, use scenarios 1 to 8 described below), and can also be interface switching scenarios of other interfaces. The first interface and the second interface are not limited in the embodiments of this application.

[0069] In use scenario 1, the terminal device 100 switches the lock screen interface to the desktop in response to the detected user operation 1. The user operation 1 is not limited in the embodiments of this application.

[0070] In some embodiments, the terminal device 100 is not set with unlocking verification information for unlocking; the user operation 1 can include a sliding operation (for example, an operation of sliding from the bottom of the screen upwards) acting on a preset position of the screen in a preset direction, that is, the user can directly unlock by the sliding operation. For ease of description, the sliding operation for unlocking in the subsequent description can also be referred to as a sliding unlocking operation.

[0071] In some embodiments, the user enters the unlocking verification information in advance in the terminal device 100, and the user operation 1 is used to unlock by using the correct unlocking verification information; the terminal device 100 switches the lock screen interface to the desktop when it is determined that the unlocking verification information input by the user operation 1 is correct; for example, the unlocking verification information is face information, and the user operation 1 can include a face unlocking operation; for example, the unlocking verification information is a password, and the user operation 1 can include a password unlocking operation; for example, the unlocking verification information is a fingerprint, and the user operation 1 can include a fingerprint unlocking operation. The implementation of the face unlocking operation, the password unlocking operation and the fingerprint unlocking operation is not limited in the embodiments of this application.

[0072] In some embodiments, the user enters the unlocking verification information in advance in the terminal device 100; the user operation 1 includes one of the face unlocking, the password unlocking and the fingerprint unlocking, and the sliding operation, that is, after the user unlocks the lock screen interface by using the unlocking verification information, the sliding operation is still needed to enter the desktop.

[0073] In use scenario 2, the terminal device 100 switches the AOD interface to the desktop in response to the detected user operation 2. The user operation 2 is not limited in the embodiments of this application.

[0074] In some embodiments, the terminal device 100 is not configured with the unlocking verification information. Optionally, the terminal device 100 comprises a power button, and the user operation 2 can comprise clicking the power button. Optionally, the AOD interface displays shortcut icons of application programs, and the user operation 2 can comprise an operation on the shortcut icons. Optionally, the user operation 2 can comprise a sliding operation of sliding in a preset direction on a preset position of the screen (for example, an operation of sliding upwards from the bottom of the screen), that is, the AOD interface can be directly unlocked by the sliding operation.

[0075] In some embodiments, the user enters the unlocking verification information in advance in the terminal device 100, and the user operation 2 is used to unlock by using the correct unlocking verification information. For example, the unlocking verification information is a face, and the user operation 2 can comprise a face unlocking operation.

[0076] In the use scenario 3, in response to the detected user operation 3, the terminal device 100 switches the AOD interface to the lock screen interface. The embodiments of the present application do not make specific limitation on the user operation 3.

[0077] In some embodiments, the terminal device 100 comprises a power button, and the user operation 3 can comprise clicking the power button. In some embodiments, the AOD interface displays shortcut icons of application programs, and the user operation 3 can comprise an operation on the shortcut icons.

[0078] In the use scenario 4, in response to the detected user operation 4, the terminal device 100 switches the desktop to the lock screen interface. The embodiments of the present application do not make specific limitation on the user operation 4.

[0079] In some embodiments, the terminal device 100 is provided with a physical button (for example, a power button) for locking the screen on the desktop, and the user operation 4 can comprise clicking the physical button. In some embodiments, the terminal device 100 is provided with a shortcut control for locking the screen on the desktop, and the user operation 4 can comprise an operation on the shortcut control.

[0080] In the use scenario 5, when it is detected that the terminal device satisfies a preset condition 1 (for example, there is no user operation on the terminal device 100 within a preset time period), the terminal device 100 automatically switches the desktop to the lock screen interface. The user and / or the terminal device 100 can set the preset time period.

[0081] In the use scenario 6, in response to the detected user operation 5, the terminal device 100 switches the desktop to the AOD interface. The embodiments of the present application do not make specific limitation on the user operation 5. In some embodiments, the terminal device 100 comprises a power button, and the user operation 5 can comprise clicking the power button.

[0082] In use scenario 7, in response to the detected user operation 6, the terminal device 100 switches the lock screen interface to the AOD interface. The present embodiment does not make specific limitation on the user operation 6. In some embodiments, the terminal device 100 comprises a power button, and the user operation 6 can comprise clicking the power button.

[0083] In use scenario 8, when the lock screen interface is displayed, the terminal device is detected to satisfy a preset condition 2 (for example, no user operation on the terminal device 100 within a specified time), the terminal device 100 automatically switches the lock screen interface to the AOD interface. The user and / or the terminal device 100 can set the above-mentioned specified time. The present embodiment does not make specific limitation on the preset condition 2.

[0084] In some use scenarios (for example, use scenarios 1 and 2 described above), the user switches the interface through a preset slide unlocking operation; in the process of the user implementing the slide unlocking operation, the terminal device 100 controls the first interface to gradually switch to the second interface accompanied by the movement of the user's finger. Specifically, in an implementation manner, in the interface switching process, accompanied by the movement of the user's finger, the shared element 1 of the first interface presents a transition animation (i.e., the shared element 1 of the first interface gradually deforms and / or moves towards the shared element 1 of the second interface), while the non-shared element of the first interface presents a fade-out animation until it disappears; when the progress of the transition animation of the shared element 1 / fade-out animation of the non-shared element reaches a first value (for example, 0%, 90%, 100%), the non-shared element of the second interface begins to present a fade-in animation until it is completely displayed.

[0085] It should be noted that the above-mentioned slide unlocking operation can be a slide operation of the finger, or a slide operation implemented on the screen by using other auxiliary devices (for example, a stylus), which is not specifically limited here. In subsequent embodiments, the slide unlocking operation implemented by the finger is taken as an example for illustrative description.

[0086] In the following, the use scenario 1 is taken as an example, and the interface switching animation when the interface is switched through the slide unlocking operation is illustratively described in interface embodiments 1-4.

[0087] Interface embodiment 1: for example, FIGS. 3A-3F show a user interface schematic diagram in which a conventional lock screen interface is switched to a desktop.

[0088] In some embodiments, as shown in FIGS. 3A-3C, the shared element of the lock screen interface 13 and the desktop 14 includes a clock component; when the terminal device 100 displays the lock screen interface 13, it is detected that the user starts to implement a slide unlocking operation (for example, a slide operation from the bottom of the screen to the top) on the lock screen interface 13, and the slide unlocking operation is used to switch the lock screen interface 13 to the desktop 14; in response to the start of the slide unlocking operation, the terminal device 100 controls the shared element 1 (for example, the clock component 201) of the lock screen interface 13 to present a transition effect, while the non-shared element (for example, the lock screen wallpaper 204) of the lock screen interface 13 presents a fade-out effect. For example, visually, with the sliding of the user's finger, the clock component 201 of the lock screen interface 13 deforms towards the layout style of the clock component 301 of the desktop 14, moves towards the display position of the clock component 301, while the lock screen wallpaper 204 gradually becomes blurred.

[0089] In some embodiments, as shown in FIG. 3C, when it is detected that the progress of the transition effect of the shared element 1 / fade-out effect of the non-shared element reaches a first value (for example, 90%), the terminal device 100 controls the non-shared element (for example, the desktop wallpaper 306) of the desktop 14 to start to present a fade-in effect. In an implementation, when the non-shared element of the desktop 14 presents the fade-in effect, the non-shared element of the desktop 14 is superimposed on the non-shared element of the lock screen interface 13. For example, visually, when the progress of the transition effect of the clock component 201 reaches 90%, the blurred desktop wallpaper 306 starts to be displayed, and the desktop wallpaper 306 gradually becomes clear until it is completely displayed. The value of the first value is not limited in the embodiments of the present application, and can be set according to actual needs.

[0090] In some embodiments, as shown in FIGS. 3C and 3D, when it is detected that the user ends (i.e., completes) the slide unlocking operation, the transition effect of the shared element 1 and the fade-in effect of the non-shared element of the second interface are not completed, the terminal device 100 controls the shared element 1 to continue the transition effect, and controls the non-shared element of the second interface to continue the fade-in effect until the transition effect and the fade-in effect end (i.e., the progress reaches 100%); the end time of the transition effect and the fade-in effect can be the same. For example, after the user's finger stops sliding and touching the display screen, the clock component 201 of the lock screen interface 13 continues to deform and move towards the clock component 301 of the desktop 14, while the desktop wallpaper 306 of the desktop 14 continues to become clear until it is completely displayed. In some embodiments, the terminal device 100 can control the change speed of the transition effect (for example, gradually reduce the change speed of the transition effect), so that when the user ends the slide unlocking operation, the transition effect of the clock component is not completed.

[0091] In some embodiments, the above-mentioned blurring degree can be understood as transparency, the terminal device 100 controls the non-shared element to become blurred by increasing the transparency of the non-shared element, and controls the non-shared element to become clear by reducing the transparency of the non-shared element; when the transparency is 100%, the non-shared element stops displaying in visual effect, and when the transparency is 0%, the non-shared element is completely displayed in visual effect. It is not limited to adjusting the transparency to control the non-shared element to become blurred / clear, and other ways can also be used to control the non-shared element to become blurred / clear, which is not limited here.

[0092] In some embodiments, in response to the start of the sliding unlocking operation implemented, the non-shared element of the desktop 14 starts to present the fade-in effect accompanying the sliding of the user's finger; in visual effect, after the user starts the sliding unlocking operation, the blurred non-shared element of the desktop 14 starts to be displayed and gradually becomes clear. In some embodiments, the non-shared element of the desktop 14 starts to present the fade-in effect only when the user receives the above-mentioned sliding unlocking operation; in visual effect, the clock component 201 of the lock screen interface 13 is deformed and moved to the clock component 301 of the desktop 14, and then the blurred desktop wallpaper 306 of the desktop 14 starts to be displayed. In some embodiments, the non-shared element of the desktop 14 starts to present the fade-in effect only when the transition effect of the shared element 1 is completed (i.e., the deformation and movement are ended); in visual effect, the clock component 201 of the lock screen interface 13 is deformed and moved to the clock component 301 of the desktop 14, and then the blurred desktop wallpaper 306 of the desktop 14 starts to be displayed.

[0093] In some embodiments, the progress of the transition effect of the shared element 1 and / or the fade-out effect of the non-shared element is positively correlated with the sliding speed of the user's finger. In one implementation, the faster the user's finger slides, the greater the change in the progress of the transition effect (i.e., the faster the deformation and movement of the shared element 1), and / or the greater the change in the progress of the fade-out effect (i.e., the faster the non-shared element becomes blurred); in this way, the user has a smooth experience of following the synchronous change. In one implementation, the user's finger slides for a long time, and the shared element 1 can complete the transition effect before the user stops the above-mentioned sliding unlocking operation.

[0094] In some embodiments, the progress of the transition effect of the shared element 1 and / or the fade-out effect of the non-shared elements is positively correlated with the sliding distance of the user's finger. Taking the transition effect as an example, in an implementation, the transition effect of the shared element 1 is completed when it is detected that the user's finger slides in the specified direction (for example, upwards) by a preset value 1 (for example, 3 cm). It can be understood that if the user stops the sliding unlocking operation when the sliding distance is greater than the preset value 1, the shared element 1 has completed the transition effect; if the user stops the sliding unlocking operation when the sliding distance is less than the preset value 1, the shared element 1 has not completed the transition effect, and the terminal device 100 continues the transition effect of the shared element 1 after the user stops the sliding unlocking operation.

[0095] In some embodiments, the end time of the above-mentioned transition effect and fade-out effect can also be different. The transition effect can end before the fade-out effect, or the transition effect can end after the fade-out effect. Here, no specific limitation is made.

[0096] FIGS. 3E and 3F show an implementation of the fade-in effect of the non-shared elements of the desktop 14. The fade-in effect of the non-shared elements of the desktop 14 includes: when the fade-in effect of the non-shared elements is started to be presented, all the non-shared elements of the desktop 14 are displayed with a high blur degree; then, the blur degree of all the non-shared elements gradually decreases, and the non-shared elements are visually clearer and clearer until they are completely displayed, that is, the target blur degree of the non-shared elements of the desktop 14 is reached.

[0097] FIGS. 3G and 3H show another implementation of the fade-in effect of the non-shared elements of the desktop 14. The fade-in effect of the non-shared elements of the desktop 14 includes: when the fade-in effect of the non-shared elements is started to be presented, part of the non-shared elements of the desktop 14 are displayed according to a preset order, and then the displayed non-shared elements of the desktop 14 are sequentially increased according to the preset order until all the non-shared elements of the desktop 14 are displayed; at the same time, when the fade-in effect of the non-shared elements is started to be presented, the non-shared elements of the desktop 14 are displayed with a high blur degree, and then the blur degree of the displayed non-shared elements of the desktop 14 gradually decreases, and the non-shared elements are visually clearer and clearer until they are completely displayed. For example, as shown in FIGS. 3G and 3H, the time indicator, the AI assistant icon, and the weather component in the desktop 14 are displayed first, and then the commonly used icon set of Huawei applications, the icon of settings, and the icon of music are displayed. During the above-mentioned fade-in effect, the non-shared elements of the desktop 14 displayed at the same time have the same blur degree.

[0098] It should be noted that if the interface elements displayed by the desktop 14 have an entry effect (for example, a rotation entry effect, a horizontal leftward movement entry effect, and the like) by themselves, the fade-in effect is realized while the entry effect is performed.

[0099] Similarly, in one implementation of the fade-out effect of the non-shared elements of the lock screen interface 13, all the non-shared elements of the lock screen interface 13 gradually blur until disappearing synchronously. In another implementation of the fade-out effect of the non-shared elements of the lock screen interface 13, the non-shared elements of the lock screen interface 13 sequentially disappear in a preset order, and the displayed non-shared elements gradually blur until all the non-shared elements disappear.

[0100] For example, the shared element 1 is a sports component, FIG. 3I to FIG. 3L show another interface schematic diagram of the transition effect.

[0101] As shown in FIG. 3I and FIG. 3L, the lock screen interface 13 further includes a sports component 209, and the desktop 14 further includes a sports component 309; as shown in FIG. 3I to FIG. 3L, it is detected that the user starts to implement the sliding unlocking operation, accompanied by the sliding of the user's finger, the terminal device 100 controls the sports component 209 of the lock screen interface 13 to deform towards the layout style of the sports component 309 of the desktop 14, and moves towards the display position of the sports component 309, while controlling the non-shared elements of the lock screen interface 13 to gradually blur. As shown in FIG. 3K and FIG. 3L, when the progress of the transition effect of the sports component 209 reaches 90%, the non-shared elements of the desktop 14 start to display and gradually become clear. For details, please refer to the related description of FIG. 3A to FIG. 3D, which will not be repeated here.

[0102] In some embodiments, the components of the same type of elements in the two interfaces being switched are completely the same. For example, in the foregoing FIG. 3A to FIG. 3D, the clock components of the lock screen interface 13 and the desktop 14, although the layout styles and display positions are different, the components are the same; in the foregoing FIG. 3I to FIG. 3L, the sports components of the lock screen interface 13 and the desktop 14, although the layout styles and display positions are different, the components are the same.

[0103] In some embodiments, the components of the same type of elements in the two interfaces being switched can be different. For example, compared with the sports component 209 of the lock screen interface 13 shown in FIG. 3M, the components of the sports component 309 of the desktop 14 shown in FIG. 3N increase component 1 (i.e. a circular rectangular background frame and an application name "sports health"), and reduce component 2 (i.e. a circular background frame).

[0104] In an implementation, the motion component in the lock screen interface 13 and the desktop 14 is a shared element of the two interfaces; (a) to (e) of FIG. 3O briefly show the transition effect of the motion component 209 in the interface switching process; as shown in the figures, in the transition effect of the motion component 209, the motion component 209 deforms and moves towards the motion component 309; meanwhile, along with the above transition effect, the increased component 1 of the motion component 209 presents a fade-in effect, i.e., the increased component 1 is displayed with a higher blur degree and gradually becomes clear, and the decreased component 2 of the motion component 209 presents a fade-out effect, i.e., the decreased component 2 gradually blurs until disappears.

[0105] Interface embodiment 2: for example, FIGS. 4A to 4D show a user interface schematic diagram of switching from a regular lock screen interface to a desktop with two weather clocks.

[0106] As shown in FIG. 4A, the lock screen interface 13 includes a clock component 201 corresponding to the local time zone. As shown in FIG. 4D, the desktop 14 can include a weather clock of a local place (e.g., London), which includes a clock component 301 corresponding to the local time zone, and a weather clock of another preset place, which includes a clock component 310 corresponding to the time zone of the other preset place. The clock component 201 and the clock component 301 corresponding to the local time zone in the two interfaces are shared elements (i.e., clock components) of each other. As shown in FIGS. 4A to 4D, the terminal device 100 displays the lock screen interface 13; it is detected that the user starts to implement a sliding unlocking operation, along with the sliding of the user's finger, the terminal device 100 controls the shared element 1 (e.g., the clock component 201) of the lock screen interface 13 to present a transition effect, while controlling the non-shared elements of the lock screen interface 13 to present a fade-out effect. For example, the terminal device 100 controls the clock component 201 of the lock screen interface 13 to deform and move towards the clock component 301 of the desktop 14, and controls the lock screen wallpaper 204 of the lock screen interface 13 to gradually blur. As shown in FIGS. 4C and 4D, when the progress of the transition effect of the clock component 201 reaches 90%, the non-shared elements of the desktop 14 start to present a fade-in effect. For example, the terminal device 100 controls the desktop wallpaper 306 of the desktop 14 to start to be displayed and gradually become clear.

[0107] The specific implementation of the interface embodiment 2 (e.g., the specific implementation of the transition effect, the fade-out effect and the fade-in effect) can refer to the related description of the interface embodiment 1, which will not be described here again.

[0108] Interface embodiment 3: for example, FIGS. 5A to 5D show a user interface schematic diagram of switching from a notification lock screen interface to a desktop.

[0109] As shown in FIGS. 5A and 5D, the lock screen interface 13 can further include one or more notification messages, and the desktop 14 does not include the notification messages, the one or more notification messages being non-shared elements of the lock screen interface 13; the layout style and display position of the clock component 201 of the lock screen interface 13 and the clock component 301 of the desktop 14 are the same. As shown in FIGS. 5A to 5C, the terminal device 100 displays the lock screen interface 13; it is detected that the user starts to implement the sliding unlocking operation, accompanying the sliding of the user's finger, the terminal device 100 controls the shared element 1 of the lock screen interface 13 to present a transition animation, and controls the non-shared elements (for example, the one or more notification messages) of the lock screen interface 13 to present a fade-out animation, that is, gradually blurred until disappearing. As shown in FIGS. 5C and 5D, when the progress of the fade-out animation of the one or more notification messages reaches 90%, the non-shared elements of the desktop 14 start to present a fade-in animation.

[0110] It can be understood that, since the layout style and display position of the clock component in the lock screen interface 13 and the desktop 14 are the same, during the interface switching process, the clock component displayed by the terminal device 100 is always kept unchanged in visual effect.

[0111] Specifically, the specific implementation (for example, the specific implementation of the transition animation, the fade-out animation and the fade-in animation) of the interface embodiment 3 can also refer to the related description of the interface embodiment 1, which will not be described here again.

[0112] Interface embodiment 4: for example, FIGS. 6A to 6D show a user interface schematic diagram of an immersive lock screen interface switching to a desktop.

[0113] As shown in FIGS. 6A and 6D, the lock screen interface 13 can further include a car-hailing card, and the desktop 14 does not include the car-hailing card, the car-hailing card being a non-shared element of the lock screen interface 13; the layout style and display position of the clock component 201 of the lock screen interface 13 and the clock component 301 of the desktop 14 are the same. As shown in FIGS. 6A to 6D, the terminal device 100 displays the lock screen interface 13; it is detected that the user starts to implement the sliding unlocking operation, accompanying the sliding of the user's finger, the terminal device 100 controls the shared element 1 of the lock screen interface 13 to present a transition animation, and controls the non-shared elements (for example, the car-hailing card) of the lock screen interface 13 to present a fade-out animation, that is, gradually blurred until disappearing. As shown in FIGS. 6C and 6D, when the progress of the fade-out animation of the car-hailing card reaches 90%, the non-shared elements of the desktop 14 start to present a fade-in animation.

[0114] Specifically, the specific implementation (for example, the specific implementation of the transition animation, the fade-out animation and the fade-in animation) of the interface embodiment 4 can also refer to the related description of the interface embodiment 1, which will not be described here again.

[0115] In some usage scenarios (e.g., usage scenarios 1-4, 6-7 described above), the user completes the preset user operation; after the terminal device 100 detects that the user completes the preset user operation and determines that the operation is used to switch the first interface to the second interface, the first interface is controlled to switch to the second interface, and the progressive interface switching animation provided in the embodiments of the present application is automatically presented in the switching process.

[0116] The following takes usage scenarios 2 and 3 as examples to exemplarily illustrate the interface switching animation after the preset user operation is completed in the interface embodiments 5 to 7.

[0117] Interface embodiment 5: for example, FIGS. 7A to 7D show a user interface schematic diagram in which the AOD interface is switched to the desktop.

[0118] As shown in FIGS. 7A and 7D, the AOD interface 11 includes a clock component 101, the desktop 14 includes a clock component 301, and the shared element of the AOD interface 11 and the desktop 14 includes the clock component. As shown in FIGS. 7A to 7D, when the terminal device 100 displays the AOD interface 11, the user operation 2 of the user (e.g., clicking the power button, a sliding unlocking operation, or a face unlocking operation) is detected; after it is determined that the user operation 2 is used to switch the AOD interface 11 to the desktop 14, the terminal device 100 controls the shared element 1 (e.g., the clock component 101) of the AOD interface 11 to present a transition animation, while controlling the non-shared element (e.g., the lunar date 103) of the AOD interface 11 to present a fade-out animation. For example, in terms of visual effects, after the user completes the user operation 2, the clock component 101 of the AOD interface 11 is transformed and moved to the clock component 301 of the desktop 14, while the lunar date 103 gradually becomes blurred and disappears.

[0119] In some embodiments, as shown in FIGS. 7C and 7D, when the progress of the transition animation of the shared element 1 / the fade-out animation of the non-shared element reaches a first value (e.g., 90%), the terminal device 100 controls the non-shared element of the desktop 14 to start presenting a fade-in animation, i.e., gradually becomes clear and is completely displayed. In an implementation, when the non-shared element of the desktop 14 presents the fade-in animation, the non-shared element of the desktop 14 is superimposed on the non-shared element of the AOD interface 11. For example, in terms of visual effects, when the progress of the transition animation of the clock component 101 reaches 90%, the blurred desktop wallpaper 306 is started to be displayed and gradually becomes clear.

[0120] In some embodiments, as shown in FIGS. 7C and 7D, after the non-shared element of the desktop 14 starts to present the fade-in animation, the terminal device 100 controls the clock component to continue to be transformed and / or moved until the transition animation of the shared element 1 ends (i.e., the progress reaches 100%), while controlling the non-shared element of the AOD interface 11 to continue the fade-out animation until the fade-out animation ends.

[0121] In some embodiments, the ending time of any two of the transition effect, the fade-out effect and the fade-in effect described above can be the same or different. In some embodiments, the ending time of the transition effect and the fade-out effect described above is the same and earlier than the ending time of the fade-in effect.

[0122] In some embodiments, in response to the user operation 2, the terminal device 100 starts to present the fade-in effect for the non-shared element of the desktop 14. Visually, after the user completes the user operation 2, the blurred non-shared element of the desktop 14 starts to be displayed and gradually becomes clear. In some embodiments, the fade-in effect for the non-shared element of the desktop 14 starts to be presented after the ending of the transition effect of the shared element 1.

[0123] In some embodiments, the specific implementation of the transition effect, the fade-in effect and the fade-out effect described above can also refer to the related description of FIGS. 3E-3G in interface embodiment 1, which will not be repeated here.

[0124] Interface embodiment 6: for example, FIGS. 8A-8D show a user interface schematic diagram in which the immersive AOD interface switches to the desktop.

[0125] As shown in FIGS. 8A and 8D, the AOD interface 11 can further include a ride-hailing card, and the desktop 14 does not include the ride-hailing card. The ride-hailing card described above is a non-shared element of the AOD interface 11. The clock component of the AOD interface 11 and the desktop 14 has the same layout style and the same display position. As shown in FIGS. 8A-8D, the user operation 2 of the user is detected; after it is determined that the user operation 2 is used to switch the AOD interface 11 to the desktop 14, in response to the user operation 2, the terminal device 100 controls the shared element 1 of the AOD interface 11 to present the transition effect, and controls the non-shared element (for example, the ride-hailing card described above) of the AOD interface 11 to present the fade-out effect, that is, gradually blurred until disappeared. As shown in FIGS. 8C and 8D, when the progress of the fade-out effect of the ride-hailing card reaches 90%, the non-shared element of the desktop 14 starts to be displayed and gradually becomes clear.

[0126] The specific implementation (for example, the specific implementation of the transition effect, the fade-out effect and the fade-in effect) of interface embodiment 6 can also refer to the related description of interface embodiment 5, which will not be repeated here.

[0127] Interface embodiment 7: for example, FIGS. 9A-9D show a user interface schematic diagram in which the desktop switches to the AOD interface.

[0128] As shown in FIG. 9A and FIG. 9D, the desktop 14 includes the clock component 301, the AOD interface 11 includes the clock component 101, and the shared element of the desktop 14 and the AOD interface 11 includes the clock component. As shown in FIG. 9A to FIG. 9D, the user operation 3 of the user is detected (for example, clicking the power button); after confirming that the user operation 3 is used to switch the desktop 14 to the AOD interface 11, in response to the user operation 3, the terminal device 100 controls the shared element 1 of the desktop 14 to present a transition animation, while controlling the non-shared element of the desktop 14 to present a fade-out animation. For example, the clock component 301 of the desktop 14 is controlled to deform and move towards the clock component 101 of the AOD interface 11, while the desktop wallpaper 306 of the desktop 14 gradually blurs until disappearing. As shown in FIG. 9C and FIG. 9D, when the progress of the transition animation of the clock component 301 reaches 90%, the non-shared element of the AOD interface begins to present a fade-in animation, for example, the blurred lunar date of the AOD interface begins to be displayed and gradually becomes clear.

[0129] The specific implementation (for example, the specific implementation of the transition animation, the fade-out animation and the fade-in animation) of the interface embodiment 7 can also refer to the related description of the interface embodiment 5, which will not be repeated here.

[0130] In some use scenarios (for example, use scenarios 5 and 7 described above), when it is detected that the terminal device 100 meets the preset condition (for example, the preset condition 1 and the preset condition 2), the terminal device 100 automatically switches the first interface to the second interface, and automatically presents the progressive interface switching animation provided in the embodiments of the present application during the switching process.

[0131] In the following, taking the use scenario 8 as an example, the interface switching animation after meeting the preset condition is exemplarily described in the interface embodiment 8.

[0132] Interface embodiment 8: for example, FIG. 10A to FIG. 10D show the user interface schematic diagram of the lock screen interface switching to the AOD interface.

[0133] As shown in FIGS. 10A and 10D, the lock screen interface 13 includes a clock component 201, the AOD interface 11 includes a clock component 101, and the shared element of the lock screen interface 13 and the AOD interface 11 includes a clock component. As shown in FIGS. 10A to 10D, when it is detected that the user does not operate the terminal device 100 for a duration reaching a preset duration (for example, 20s), the terminal device 100 controls the shared element 1 of the lock screen interface 13 to present a transition animation, and controls the non-shared element of the lock screen interface 13 to present a fade-out animation. For example, the clock component 201 of the lock screen interface 13 is controlled to deform and move towards the clock component 101 of the AOD interface 11, and the lock screen wallpaper 204 of the lock screen interface 13 is controlled to gradually blur until disappearing. As shown in FIGS. 10C and 10D, when it is detected that the progress of the transition animation of the shared element 1 reaches 90%, the non-shared element (for example, the lunar date 103) of the AOD interface 11 presents a fade-in animation, that is, visually starts to display and gradually becomes clear.

[0134] The specific implementation (for example, the transition animation, the fade-out animation and the fade-in animation) of the interface embodiment 8 can also refer to the related description of the interface embodiment 5, which will not be described here again.

[0135] It should be noted that in the embodiments of the present application, the shared element 1 adopts a first layout style in the first interface and is displayed at a first display position in the first interface; the shared element 1 adopts a second layout style in the second interface and is displayed at a second display position in the second interface. The gradual deformation and / or movement of the shared element 1 in the first interface towards the shared element 1 in the second interface means that the shared element 1 deforms on the first interface from the first layout style to the second layout style; at the same time, the shared element 1 moves on the first interface from the first display position to the second display position. After the deformation and movement are completed, the terminal device 100 stops displaying the first interface, and the shared element 1 is displayed in the second interface.

[0136] In combination with the foregoing embodiments, the following will take the shared element 1 being a clock component as an example to introduce the scheme one and the scheme two of the interface switching method provided by the embodiments of the present application in detail. The specific implementation of other shared elements can also refer to the related description of the clock component, which will not be described here again.

[0137] In the scheme one, the terminal device 100 includes an AOD module, a lock screen module, a desktop module and a clock component, and all belong to the large desktop architecture of the terminal device 100; wherein the clock component is a shared component among the AOD module, the lock screen module and the desktop module, that is, the same clock component is shared by the above three interfaces, and only the configuration information of the clock component in each interface can be different. When the AOD interface, the lock screen interface and the desktop interface are switched, the clock component does not need to be switched, and only the deformation and movement need to be performed according to the configuration information of the clock component in the switched interface. By implementing the embodiments of the present application, the switching fluency of the clock component can be efficiently and more finely controlled.

[0138] For example, as shown in FIG. 11, taking the use scenario of switching the lock screen / AOD to the desktop by sliding unlocking as an example, the method flow of the above interface switching method can include the following stages one to three, and specifically include part or all of steps S101 to S117.

[0139] Stage one: initial configuration

[0140] S101, when the lock screen module detects the booting of the terminal device 100 or the starting of the lock screen, step S102 is performed.

[0141] S102, the lock screen module informs the clock component to initialize.

[0142] In some embodiments, the lock screen module detects the booting of the terminal device 100 and informs the clock component to initialize. In some embodiments, the lock screen module detects the starting of the lock screen of the terminal device 100 and informs the clock component to initialize. Optionally, the terminal device 100 is automatically started when it is booted, and the lock screen interface is displayed. The user can further manipulate the terminal device 100 after unlocking. In some embodiments, when the terminal device 100 starts the lock screen, if the lock screen module detects that the configuration information of the clock component in the lock screen interface has been updated, the clock component is informed to initialize. In some embodiments, when the terminal device 100 starts the AOD, if the AOD module detects that the configuration information of the clock component in the AOD interface has been updated, the clock component is informed to initialize. In some embodiments, when the terminal device 100 starts the desktop, if the desktop module detects that the configuration information of the clock component in the desktop has been updated, the clock component is informed to initialize. The timing of initializing the clock component in the embodiments of the present application is not limited.

[0143] S103, the clock component initializes, including obtaining and saving the configuration information of the clock component in the AOD, the lock screen and the desktop respectively.

[0144] The configuration information of the clock component in any interface (for example, the AOD interface, the lock screen interface and the desktop) can include the display position and the layout style of the clock component in the interface. Optionally, the layout style of the clock component in the interface includes the template form and the size of the clock component. Optionally, the user can customize the configuration information of the clock component in the AOD interface, the lock screen interface and the desktop; for example, changing the template form of the clock component and changing the display position of the clock component.

[0145] In some embodiments, the initialization of the clock component includes: the clock component obtaining configuration information of the clock component in the lock screen interface from the lock screen module, and updating the configuration information of the clock component in the lock screen interface; the clock component obtaining configuration information of the clock component in the AOD interface from the AOD module, and updating the configuration information of the clock component in the AOD interface; the clock component obtaining configuration information of the clock component in the desktop from the desktop module, and updating the configuration information of the clock component in the desktop. In some embodiments, taking the lock screen interface as an example, the clock component obtains the configuration information of the clock component in the lock screen interface from the lock screen module; if the configuration information is updated, the lock screen module feeds back the latest configuration information to the clock component; if the configuration information is not updated, the lock screen module feeds back indication information to the clock component to indicate that the configuration information of the lock screen interface is not updated.

[0146] In some embodiments, the configuration information of the clock component in the AOD interface and the lock screen interface is consistent.

[0147] In some embodiments, the desktop system window of the large desktop architecture is used to sequentially superimposedly display the AOD interface, the lock screen interface and the desktop, and the AOD interface is displayed on the uppermost layer. When the terminal device 100 enters the AOD, the uppermost interface displayed by the desktop system window is the AOD interface, and the clock component is displayed on the AOD interface; when the terminal device 100 enters the lock screen, the desktop system window hides the AOD interface, the uppermost interface displayed is the lock screen interface, and the clock component is displayed on the lock screen interface; when the terminal device 100 enters the desktop, the desktop system window hides the AOD interface and the lock screen interface, the uppermost interface displayed is the desktop, and the clock component is displayed on the desktop. In the embodiment of the application, the clock component is uniformly drawn by using the designated module of the system of the terminal device 100.

[0148] Stage two: switching the lock screen to the desktop

[0149] In the embodiment of the application, the user can switch the lock screen interface to the desktop through the sliding unlocking operation. In one implementation manner, the sliding unlocking operation is an operation of sliding in a preset direction on a designated area of the display screen. For example, the sliding unlocking operation is an operation of sliding upwards on the bottom of the display screen. For example, the lock screen interface displays a sliding unlocking control, and the sliding unlocking operation is an operation of sliding in a preset direction indicated by the sliding unlocking control. The application does not make specific limitation on the above sliding unlocking operation.

[0150] S104, if the finger pressing is detected when the lock screen interface is displayed, the lock screen module performs S105.

[0151] S105, the lock screen module detects whether the interface switching between the lock screen interface and the desktop has a transition animation effect; if yes, S106 is performed.

[0152] In the embodiments of the present application, before the sliding unlocking of the lock screen interface, the terminal device 100 can perform S105 at a specified time, that is, calling the interface of the desktop to check whether the interface switching between the lock screen interface and the desktop interface has the transition motion effect; if yes, the shared elements can present the transition motion effect during the interface switching between the two interfaces.

[0153] In some embodiments, if the terminal device 100 detects that the user touches the display screen when the lock screen interface is displayed, S105 is performed. In some embodiments, if the terminal device 100 detects that the user touches the specified area of the sliding unlocking operation when the lock screen interface is displayed, S105 is performed. In the embodiments of the present application, S105 can also be performed at other times by calling the interface of the desktop, and the present application does not make specific limitations on the above-mentioned other times.

[0154] In some embodiments, if the lock screen interface and the desktop contain shared elements (for example, clock components), the interface switching between the lock screen interface and the desktop has the transition motion effect; otherwise, it does not have. During the interface switching between the two interfaces, all shared elements can present the transition motion effect. In an implementation, the lock screen module calls the desktop interface to send instructions to the desktop module to obtain the interface elements contained by the desktop; and the lock screen module determines whether the lock screen interface and the desktop contain shared elements (for example, clock components) according to the interface elements contained by the lock screen interface and the interface elements contained by the desktop.

[0155] In some embodiments, part of the interface elements displayed by the lock screen interface can realize the transition motion effect, and part of the interface elements cannot realize the transition motion effect. If the lock screen interface and the desktop contain shared elements, and at least one shared element (for example, a clock component) can realize the transition motion effect, the interface switching between the lock screen interface and the desktop has the transition motion effect; and during the interface switching between the two interfaces, only the shared elements that can realize the transition motion effect present the transition motion effect. If the lock screen interface and the desktop do not contain shared elements, or the lock screen interface and the desktop contain shared elements but the shared elements cannot realize the transition motion effect, the interface switching between the two interfaces does not have the transition motion effect. In an implementation, if one interface element of the lock screen interface belongs to a preset white list of the transition motion effect, the interface element can realize the transition motion effect. In some embodiments, if the lock screen interface and the desktop contain shared element 2, but shared element 2 does not have the transition motion effect, the shared element can be classified as a non-shared element of the lock screen interface.

[0156] S106, when the lock screen module detects the start of the sliding unlocking operation, the lock screen module controls the shared elements (for example, clock components) on the lock screen interface to perform the transition motion effect and the non-shared elements to perform the fade-out motion effect along with the sliding of the finger.

[0157] Step S106 can include steps S106A and S106B.

[0158] S106A, accompanying the finger sliding, the lock screen module controls the shared element (for example, the clock component) of the lock screen interface to make a transition effect for the same shared element of the desktop.

[0159] S106B, accompanying the finger sliding, the lock screen module controls the non-shared element of the lock screen interface to make a fade-out effect.

[0160] In some embodiments, if the interface switching between the lock screen interface and the desktop has a transition effect, S106A and S106B are performed. If the interface switching between the lock screen interface and the desktop does not have a transition effect, S106B is performed, and S106A is not performed, that is, no transition effect is made.

[0161] In some embodiments, when it is detected that the user starts to implement the sliding unlocking operation, accompanying the finger sliding, the lock screen module controls the shared element 1 (for example, the clock component) of the lock screen interface to make a transition effect, and controls the non-shared element (for example, the wallpaper) to make a fade-out effect. In an implementation, when it is detected that the sliding distance of the user's finger in the above-mentioned specified area along the preset direction is greater than a smaller preset value, it is determined that the user starts to implement the sliding unlocking operation. For example, referring to FIGS. 3A to 3D, the user switches the lock screen interface to the desktop through the sliding unlocking operation; accompanying the finger sliding, the clock component 201 of the lock screen interface 13 makes a transition effect, that is, deforms and moves toward the clock component 301 of the desktop 14, and the non-shared elements of the lock screen interface 13, such as the lunar calendar date 203, the lock screen wallpaper 204, and the lock screen control 205, make a fade-out effect, that is, gradually visually become blurred until disappear.

[0162] In some embodiments, the lock screen module controls the clock component of the lock screen interface to make a transition effect for the clock component of the desktop, including: the lock screen module acquires configuration information of the clock component of the desktop from the clock component; according to the configuration information of the clock component in the lock screen interface and the desktop, a clock component in the transition effect is drawn and displayed, so that the clock component of the lock screen interface deforms and moves toward the clock component of the desktop.

[0163] S107, the lock screen module notifies the desktop module to enter.

[0164] S108, the desktop module controls the non-shared element of the desktop to make a fade-in effect.

[0165] In some embodiments, when it is detected that the progress of the transition effect of the shared element of the lock screen interface and / or the fade-out effect of the non-shared element reaches a first value, the lock screen module notifies the desktop module to enter. At the same time, the lock screen module controls the shared element of the lock screen interface to continue the transition effect, and controls the non-shared element to continue the fade-out effect. Specifically, referring to the related description of FIGS. 3A to 3D, the related description. For example, as shown in FIG. 3C, when the progress of the transition effect reaches 90%, the desktop wallpaper 306 of the desktop is controlled to start a fade-in effect, that is, starts to be displayed with a higher blur degree, and gradually becomes clear.

[0166] In some embodiments, when the user's finger is detected to be lifted (i.e. the slide-unlocking operation is ended), the lock screen module notifies the desktop to enter. Meanwhile, if the transition animation and the fade-out animation are not completed, the shared element of the lock screen interface is controlled to continue the transition animation, and the non-shared element of the lock screen interface is controlled to continue the fade-out animation.

[0167] In some embodiments, when the transition animation of the shared element of the lock screen interface and / or the fade-out animation of the non-shared element of the lock screen interface is completed, the lock screen module notifies the desktop to enter.

[0168] In some embodiments, when the lock screen module detects the start of the slide-unlocking operation, the lock screen module controls the non-shared element of the desktop to perform a fade-in animation along with the finger sliding, i.e. the fade-in animation of the non-shared element of the desktop, the transition animation of the shared element of the lock screen interface, and the fade-out animation of the non-shared element of the lock screen interface are started at the same time.

[0169] In some embodiments, if the non-shared element of the desktop itself has an entering animation, the fade-in animation can be realized at the same time as the entering animation.

[0170] In some embodiments, the lock screen module notifies the desktop module to enter; in step S108, the lock screen interface is displayed on the desktop, and along with the transition animation and the fade-out animation of the lock screen interface, the desktop under the lock screen interface can be visually observed; the desktop module controls the non-shared element of the desktop to enter and perform a fade-in animation; the shared element (e.g. the clock component) that is shared by the lock screen module and the desktop module is still displayed on the lock screen interface.

[0171] The specific implementation of the above transition animation, fade-in animation and fade-out animation (e.g. the end time of the above three animations) can also be referred to the related description of FIGS. 3A-3O, which will not be repeated here.

[0172] S109, after the transition animation of the shared element of the lock screen interface is completed, the lock screen module notifies the desktop module to display the shared element, e.g. the clock component.

[0173] S110, after the transition animation of the shared element of the lock screen interface is completed, the lock screen module hides the lock screen interface.

[0174] In the foregoing steps S106-S108, the lock screen module controls the shared element 1 (e.g. the clock component) of the lock screen interface to deform and move towards the shared element 1 of the desktop, and controls the non-shared element of the lock screen interface to gradually blur and disappear; the desktop module controls the non-shared element of the desktop to start to blur and gradually become clear.

[0175] In some embodiments, in steps S106-S108, according to the configuration information of the clock component of the lock screen interface and the configuration information of the clock component of the desktop, the lock screen module calls the system to draw the clock component with transition animation and displays the clock component on the lock screen interface. In step S109, after the transition animation of the clock component of the lock screen interface and the fade-out animation of the non-shared element are completed, the lock screen module notifies the desktop module to display the clock component on the desktop, and the desktop module calls the system to draw the clock component according to the configuration information of the clock component of the desktop and displays the clock component on the desktop. Meanwhile, in step S110, the lock screen module hides or stops displaying the lock screen interface in the desktop system window, and the topmost interface displayed by the desktop system window is switched to the desktop.

[0176] Stage three: AOD switches to the desktop

[0177] In the embodiments of the present application, the user can switch the AOD interface to the desktop through a slide-to-unlock operation. In one implementation, the slide-to-unlock operation is an operation of sliding in a preset direction on a specified area of the display screen. For example, the slide-to-unlock operation is an operation of sliding upwards on the bottom of the display screen. For example, the AOD interface displays a slide-to-unlock control, and the slide-to-unlock operation is an operation of sliding in a preset direction indicated by the slide-to-unlock control. The present application does not make specific limitations on the above slide-to-unlock operation.

[0178] S111, if the finger is pressed while the AOD interface is displayed, the AOD module performs S112.

[0179] S112, the AOD module detects whether the interface switching between the AOD interface and the desktop has transition animation; if yes, S113 is performed.

[0180] In the embodiments of the present application, before the slide-to-unlock operation is performed on the AOD interface, the terminal device 100 can perform S112 at a specified time, that is, call the interface of the desktop to check whether the interface switching between the AOD interface and the desktop has transition animation; if yes, the shared element can present transition animation during the interface switching between the two interfaces.

[0181] In some embodiments, if the terminal device 100 detects that the user touches the display screen while the AOD interface is displayed, S112 is performed. In some embodiments, if the terminal device 100 detects that the user touches a specified area of the slide-to-unlock operation while the AOD interface is displayed, S112 is performed. In the embodiments of the present application, S112 can also be performed at other times by calling the interface of the desktop, and the present application does not make specific limitations on the above other times.

[0182] In some embodiments, if the AOD interface and the desktop contain shared elements (e.g., a clock component), the interface switching of the AOD interface and the desktop has a transition effect; otherwise, it does not have. During the interface switching of the two interfaces, all shared elements can present the transition effect. In an implementation, the AOD module calls the desktop interface to send instructions to the desktop module to obtain the interface elements contained by the desktop; and the AOD module determines whether the AOD interface and the desktop contain shared elements (e.g., a clock component) according to the interface elements contained by the AOD interface and the interface elements contained by the desktop.

[0183] In some embodiments, part of the interface elements displayed by the AOD interface can implement the transition effect, and part of the interface elements can not implement the transition effect. If the AOD interface and the desktop contain shared elements, and at least one shared element (e.g., a clock component) can implement the transition effect, the interface switching of the AOD interface and the desktop has the transition effect; and during the interface switching of the two interfaces, only the shared elements that can implement the transition effect present the transition effect. If the AOD interface and the desktop do not contain shared elements, or the AOD interface and the desktop contain shared elements but none of the shared elements can implement the transition effect, the interface switching of the two interfaces does not have the transition effect. In an implementation, if an interface element of the AOD interface belongs to a preset white list of the transition effect, the interface element can implement the transition effect. In some embodiments, if the AOD interface and the desktop contain a shared element 2, but the shared element 2 does not have the transition effect, the shared element can be classified as a non-shared element of the AOD interface.

[0184] S113, when the AOD module detects the start of the sliding unlocking operation, the AOD module controls the shared elements (e.g., a clock component) on the AOD interface to have a transition effect and the non-shared elements to have a fade-out effect, accompanying the sliding of the finger.

[0185] Step S113 can include steps S113A and S113B.

[0186] S113A, accompanying the sliding of the finger, the AOD module controls the shared elements (e.g., a clock component) of the AOD interface to have a transition effect for the same shared element 1 of the desktop.

[0187] S113B, accompanying the sliding of the finger, the AOD module controls the non-shared elements on the AOD interface to have a fade-out effect.

[0188] In some embodiments, if the interface switching of the AOD interface and the desktop has the transition effect, S113A and S113B are executed. If the interface switching of the AOD interface and the desktop does not have the transition effect, S113B is executed and S113A is not executed, i.e., no transition effect is needed.

[0189] In some embodiments, when detecting that the user starts to implement the slide-unlocking operation, the AOD module controls the shared element 1 (e.g., the clock component) on the AOD interface to perform a transition effect, and controls the non-shared element (e.g., the wallpaper) to perform a fade-out effect. In an implementation, when detecting that the user slides the finger in the preset direction in the above-mentioned specified area by a distance greater than a smaller preset value, it is determined that the user starts to implement the slide-unlocking operation. For example, referring to FIGS. 7A-7D, the user can also switch the AOD interface to the desktop through the slide-unlocking operation; accompanying the finger sliding, the clock component 101 of the AOD interface 13 performs a transition effect, i.e., deforms and moves towards the clock component 301 of the desktop 14, and the lunar date 103 of the AOD interface 13 performs a fade-out effect, i.e., gradually visually blurs until disappears.

[0190] In some embodiments, the AOD module controls the clock component of the AOD interface to perform a transition effect on the clock component of the desktop, including: the AOD module acquires configuration information of the clock component of the desktop from the clock component; and according to the configuration information of the clock component on the AOD interface and the desktop, draws and displays the clock component in the transition effect, so that the clock component of the AOD interface deforms and moves towards the clock component of the desktop.

[0191] S114, the AOD module notifies the desktop module to enter.

[0192] S115, the desktop module controls the non-shared element of the desktop to perform a fade-in effect.

[0193] In some embodiments, when detecting that the progress of the transition effect of the shared element and / or the fade-out effect of the non-shared element of the AOD interface reaches a first value, the AOD module notifies the desktop module to enter. Meanwhile, the AOD module controls the shared element of the AOD interface to continue the transition effect, and controls the non-shared element of the AOD interface to continue the fade-out effect. For example, referring to the related descriptions of FIGS. 7A-7D, the related descriptions. For example, as shown in FIG. 3C, when the progress of the transition effect reaches 90%, the desktop wallpaper 306 of the desktop starts to perform a fade-in effect, i.e., starts to be displayed with a higher blur degree, and gradually becomes clear.

[0194] In some embodiments, when detecting that the user's finger is lifted (i.e., the slide-unlocking operation is ended), the AOD module notifies the desktop to enter and starts the fade-in effect of the non-shared element. Meanwhile, if the transition effect and the fade-out effect are not completed, the AOD module controls the shared element of the AOD interface to continue the transition effect, and controls the non-shared element of the AOD interface to continue the fade-out effect.

[0195] In some embodiments, when detecting that the transition effect of the shared element and / or the fade-out effect of the non-shared element of the AOD interface is completed, the AOD module notifies the desktop to enter and starts the fade-in effect of the non-shared element.

[0196] In some embodiments, when the AOD module detects the start of the slide unlocking operation, the AOD module controls the non-shared elements of the desktop to perform a fade-in animation effect, i.e., the fade-in animation effect of the non-shared elements of the desktop, the transition animation effect of the shared elements on the AOD interface, and the fade-out animation effect of the non-shared elements start at the same time.

[0197] In some embodiments, if the non-shared elements of the desktop have an entrance animation effect, the fade-in animation effect can be realized while the original entrance animation effect is performed.

[0198] In some embodiments, the AOD module notifies the desktop module of the entrance; in step S108, the AOD interface is displayed on top of the desktop, and with the transition animation effect and the fade-out animation effect of the lock screen interface, the desktop under the AOD interface can be visually observed; the desktop module controls the non-shared elements of the desktop to perform a fade-in animation effect; the shared elements (such as the clock component) currently displayed on the AOD interface are still displayed on the AOD interface. In some embodiments, the AOD interface, the lock screen interface, and the desktop are sequentially displayed in the desktop system window, and after the start of the above-mentioned slide unlocking operation, the lock screen module hides the lock screen interface in the desktop system window, so that the interface elements of the desktop can be observed after the AOD interface is transparent.

[0199] The specific implementation of the above-mentioned transition animation effect, fade-in animation effect, and fade-out animation effect can also be referred to the related descriptions of FIGS. 3A to 3O and FIGS. 7A to 7D, which will not be described here again.

[0200] S116, after the transition animation effect of the shared elements of the AOD interface is completed, the AOD module notifies the desktop module to display the shared elements, such as the clock component.

[0201] S117, after the transition animation effect of the shared elements of the AOD interface is completed, the AOD module hides the AOD interface.

[0202] In the foregoing steps S113 to S115, the AOD module controls the shared element 1 (such as the clock component) of the AOD interface to deform and move towards the shared element 1 of the desktop, and controls the non-shared elements of the AOD interface to gradually blur until disappear; the desktop module controls the non-shared elements of the desktop to start to blur and gradually become clear.

[0203] In some embodiments, in steps S113-S115, according to the configuration information of the clock component of the AOD interface and the configuration information of the clock component of the desktop, the AOD module calls the system to draw and display the clock component of the AOD interface with transition animation, and displays the AOD interface. In step S116, after the transition animation of the clock component of the AOD interface and the fade-out animation of the non-shared element are completed, the AOD module notifies the desktop module to display the clock component on the desktop, and the desktop module calls the system to draw the clock component according to the configuration information of the clock component of the desktop, and displays it on the desktop. Meanwhile, in step S117, the AOD module hides or stops displaying the AOD interface in the desktop system window, and the topmost interface displayed by the desktop system window is switched to the desktop.

[0204] In another use scenario of scheme one, the user completes the preset user operation; the terminal device 100 detects that the user completes the preset user operation (for example, a face unlocking operation, a sliding unlocking operation, a click on the power button, etc.), determines that the operation is used to switch the lock screen interface / AOD interface to the desktop, and then controls the lock screen interface / AOD interface to switch to the desktop, and automatically presents the progressive interface switching animation provided in the embodiments of the present application during the switching process. Specifically, taking the switching of the lock screen interface to the desktop as an example, the terminal device 100 performs S101-S103, and the clock component is initialized; the terminal device 100 performs S105 at a specified time before the preset user operation to determine whether the transition animation is available for the switching of the lock screen interface and the switching of the desktop interface; after detecting that the user completes the preset user operation, it is determined that the operation is used to switch the lock screen interface to the desktop, and then the terminal device controls the shared element (for example, the clock component) on the lock screen interface to perform the transition animation, and controls the non-shared element to perform the fade-out animation, and performs S107-S110. For specific implementation, reference can be made to the foregoing interface embodiments and the related description of the method flow of FIG. 11, which will not be described here again.

[0205] In another use scenario of scheme one, after detecting that the terminal device 100 meets the preset condition, the terminal device 100 automatically switches the lock screen interface / AOD interface to the desktop, and automatically presents the progressive interface switching animation provided in the embodiments of the present application during the switching process. Specifically, taking the switching of the lock screen interface to the desktop as an example, the terminal device 100 performs S101-S103, and the clock component is initialized; the terminal device 100 performs S105 at a specified time before detecting the preset condition to determine whether the transition animation is available for the switching of the lock screen interface and the switching of the desktop interface; after detecting that the terminal device 100 meets the preset condition, the terminal device controls the shared element (for example, the clock component) on the lock screen interface to perform the transition animation, and controls the non-shared element to perform the fade-out animation, and performs S107-S110. For specific implementation, reference can be made to the foregoing interface embodiments and the related description of the method flow of FIG. 11, which will not be described here again.

[0206] In the second scheme, the terminal device 100 comprises an AOD module, a lock screen module, a desktop module, a weather card and a card management module. The clock component of the AOD interface and the lock screen interface is drawn by the lock screen module; the weather card displayed on the desktop comprises a clock component, and the clock component of the desktop is drawn by the weather card. When switching from the lock screen interface / AOD interface to the desktop, the clock component drawn by the lock screen module deforms and moves towards the clock component of the desktop; after the deformation and movement are completed, the clock component of the desktop drawn by the weather card is switched.

[0207] For example, as shown in FIG. 12, taking the use scenario of switching the lock screen / AOD to the desktop by sliding unlocking as an example, the method flow of the above interface switching method can comprise the following stages one to three, and specifically comprises part or all of steps S201 to S220.

[0208] Stage one: initial configuration

[0209] S201, when the lock screen module detects the start of booting / starting the lock screen, the configuration information of the clock component on the lock screen interface is saved, and S202 is performed.

[0210] In some embodiments, when booting or starting the lock screen, the lock screen module calculates and saves the configuration information (such as layout style, display position, etc.) of the clock component of the lock screen interface in advance according to the layout information of the lock screen interface.

[0211] S202, the lock screen module requests the desktop module to update the clock component in the weather card of the desktop.

[0212] S203, the desktop module requests the card management module to update the clock component in the weather card of the desktop.

[0213] In some embodiments, before step S203, the desktop module calculates and saves the configuration information (such as layout style, display position, etc.) of the clock component of the desktop in advance according to the layout information of the desktop; in step S203, the desktop module sends a request message to the card management module to request to update the clock component in the weather card of the desktop, and the above request message comprises the configuration information of the clock component of the desktop.

[0214] S204, the card management module informs the weather card to update the clock component in the weather card of the desktop.

[0215] S205, the weather card updates the clock component in the weather card according to the configuration information of the clock component of the desktop.

[0216] In some embodiments, the card management module sends a notification message to the weather card to notify the weather card to update the clock component in the desktop, the notification message comprising configuration information of the clock component in the desktop; and the weather card updates the layout of the clock component in the weather card according to the configuration information of the clock component in the desktop.

[0217] In steps S202 to S205, the lock screen module triggers the clock component in the desktop to be updated through the card management framework, and a specific field can be carried in the notification message to enable the weather card to distinguish whether the configuration information of the lock screen is updated.

[0218] In step S206, the lock screen module obtains the configuration information of the clock component in the desktop from the weather card.

[0219] In some embodiments, the lock screen module can provide the weather with components such as Service / Provider / ServiceExtension; the weather module can establish communication with the lock screen module through the components, and the lock screen module can obtain the configuration information of the clock component in the desktop from the weather card through the connection. When the lock screen module needs to perform transition animation of the clock component, the lock screen module can perform consistent layout (i.e., deformation and movement towards the clock component in the desktop) according to the configuration information of the clock component in the desktop to achieve the transition animation of the clock component.

[0220] Stage two: the lock screen switches to the desktop

[0221] In step S207, if the finger pressing is detected when the lock screen interface is displayed, the lock screen module performs step S208.

[0222] In step S208, the lock screen module detects whether the interface switching between the lock screen and the desktop has transition animation; if yes, step S209 is performed.

[0223] In step S209, when the lock screen module detects the start of the sliding unlocking operation, the lock screen module controls the shared element (e.g., the clock component) on the lock screen interface to perform transition animation and controls the non-shared element to perform fade-out animation.

[0224] Step S209 can comprise steps S209A and S209B.

[0225] In step S209A, the lock screen module controls the shared element (e.g., the clock component) on the lock screen interface to perform transition animation with respect to the same shared element in the desktop.

[0226] In step S209B, the lock screen module controls the non-shared element on the lock screen interface to perform fade-out animation.

[0227] In some embodiments, if the interface switching between the lock screen interface and the desktop interface has a transition effect, S209A and S209B are performed. If the interface switching between the lock screen interface and the desktop interface does not have a transition effect, S209B is performed and S209A is not performed, i.e., no transition effect is needed.

[0228] In some embodiments, the lock screen module controls the clock component of the lock screen interface to perform a transition effect for the clock component of the desktop, including: according to the configuration information of the clock component of the lock screen interface and the configuration information of the clock component of the desktop, the lock screen module draws and displays the clock component in the transition effect, so that the clock component of the lock screen interface deforms and moves towards the clock component of the desktop until the clock component of the lock screen interface can completely coincide with the clock component of the desktop.

[0229] S210, the lock screen module notifies the desktop module that the non-shared element enters.

[0230] S211, the desktop module controls the non-shared element of the desktop to perform a fade-in effect, and controls the clock component of the desktop to be hidden.

[0231] It can be understood that the clock component of the lock screen interface and the clock component of the desktop are not shared; at present, the lock screen module draws and displays the clock component in the transition effect, so it is necessary to hide the clock component of the desktop.

[0232] S212, after the transition effect of the shared element of the lock screen interface is completed, the lock screen module notifies the desktop module to display the shared element, such as the clock component.

[0233] S213, after the transition effect of the shared element of the lock screen interface is completed, the lock screen module hides the lock screen interface.

[0234] In some embodiments, in steps S209 to S211, according to the configuration information of the clock component of the lock screen interface and the configuration information of the clock component of the desktop, the lock screen module draws the clock component in the transition effect and displays it on the lock screen interface. In step S212, after the transition effect of the clock component of the lock screen interface and the fade-out effect of the non-shared element are completed, the lock screen module notifies the desktop module to display the clock component on the desktop, and the desktop module calls the weather card to draw the clock component according to the configuration information of the clock component of the desktop and displays it on the desktop. At the same time, in step S110, the lock screen module hides or stops displaying the lock screen interface in the desktop system window, and the topmost interface displayed by the desktop system window is switched to the desktop.

[0235] The specific implementation of steps S207 to S213 can refer to the related description of steps S104 to S110, which will not be described here.

[0236] Stage three: AOD switches to the desktop

[0237] S214, if the AOD interface is displayed and a finger press is detected, the AOD module performs S215.

[0238] S215, the AOD module detects whether the interface switching between the AOD interface and the desktop has a transition effect; if yes, S216 is performed.

[0239] S216, when the AOD module detects the start of the sliding unlocking operation, the AOD module controls the shared element (for example, the clock component) on the AOD interface to have a transition effect and the non-shared element to have a fade-out effect, accompanied by finger sliding.

[0240] Step S216 can include steps S216A and S216B.

[0241] S216A, accompanied by finger sliding, the AOD module controls the shared element (for example, the clock component) on the AOD interface to have a transition effect for the same shared element on the desktop.

[0242] S216B, accompanied by finger sliding, the AOD module controls the non-shared element on the AOD interface to have a fade-out effect.

[0243] In some embodiments, if the interface switching between the AOD interface and the desktop has a transition effect, S209A and S209B are performed. If the interface switching between the AOD interface and the desktop does not have a transition effect, S209B is performed and S209A is not performed, that is, no transition effect is needed.

[0244] In some embodiments, the AOD module controls the clock component on the AOD interface to have a transition effect for the clock component on the desktop, including: according to the configuration information of the clock component on the AOD interface and the configuration information of the clock component on the desktop, the AOD module calls the lock screen module to draw and display the clock component in the transition effect, so that the clock component on the AOD interface deforms and moves towards the clock component on the desktop until the clock component on the AOD interface can completely coincide with the clock component on the desktop.

[0245] S217, the AOD module notifies the desktop module to enter.

[0246] S218, the desktop module controls the non-shared element on the desktop to have a fade-in effect, and controls the clock component on the desktop to be hidden.

[0247] It can be understood that the clock component on the AOD interface and the clock component on the desktop are not shared; the lock screen module is currently drawing and displaying the clock component in the transition effect of the AOD interface, so the clock component on the desktop needs to be hidden.

[0248] S219, after the transition effect of the shared element on the AOD interface is completed, the AOD module notifies the desktop module to display the shared element, for example, the clock component.

[0249] S220, after the transition effect of the shared element of the AOD interface is completed, the AOD module hides the AOD interface.

[0250] In some embodiments, in steps S214 to S218, according to the configuration information of the clock component of the AOD interface and the configuration information of the clock component of the desktop, the lock screen module draws the clock component with the transition effect and displays it on the AOD interface. In step S212, after the transition effect of the clock component of the AOD interface and the fade-out effect of the non-shared element are completed, the AOD module notifies the desktop module to display the clock component on the desktop, and the desktop module calls the weather card to draw the clock component according to the configuration information of the clock component of the desktop and displays it on the desktop. At the same time, in step S110, the AOD module hides or stops displaying the lock screen interface in the desktop system window, and the topmost interface displayed by the desktop system window is switched to the desktop.

[0251] The specific implementation of steps S214 to S220 can refer to the related description of steps S111 to S117, which will not be repeated here.

[0252] In another use scenario of scheme two, the user completes the preset user operation; the terminal device 100 detects that the user has completed the preset user operation (such as face unlocking operation, sliding unlocking operation, clicking power button, etc.), determines that the operation is used to switch the lock screen interface / AOD interface to the desktop, and then controls the lock screen interface / AOD interface to switch to the desktop, and automatically presents the progressive interface switching effect provided in the embodiments of the present application during the switching process. Specifically, taking the switching of the lock screen interface to the desktop as an example, the terminal device 100 performs S201 to S206, the lock screen module saves the configuration information of the clock component on the lock screen interface, and triggers to update and obtain the configuration information of the clock component on the desktop. The terminal device 100 performs S208 at a specified time before the preset user operation to determine whether the transition effect is available for switching the lock screen interface and the desktop interface; after detecting that the user has completed the preset user operation, it is determined that the operation is used to switch the lock screen interface to the desktop, and then the terminal device controls the shared element (such as the clock component) on the lock screen interface to do the transition effect, and the non-shared element to do the fade-out effect, and performs S210 to S213. The specific implementation can refer to the foregoing interface embodiments and the related description of the method flow of FIG. 12, which will not be repeated here.

[0253] In another use scenario of the second solution, after the terminal device 100 automatically switches the lock screen interface / AOD interface to the desktop interface, and automatically presents the progressive interface switching animation provided by the embodiment of the present application during the switching process, when it is detected that the terminal device 100 meets the preset condition. Specifically, taking the switching from the lock screen interface to the desktop interface as an example, the terminal device 100 performs S201 to S206, the lock screen module saves the configuration information of the clock component on the lock screen interface, and triggers the update and acquisition of the configuration information of the clock component on the desktop. Before the terminal device 100 detects the above-mentioned preset condition, the terminal device performs S208 at a specified time to determine whether the transition animation is available for the switching of the lock screen interface and the desktop interface; after detecting that the terminal device 100 meets the preset condition, the terminal device controls the shared element (for example, the clock component) on the lock screen interface to perform the transition animation, controls the non-shared element to perform the fade-out animation, and performs S210 to S213. For specific implementation, reference can be made to the foregoing interface embodiment and the related description of the method flow of FIG. 12, which will not be described here again.

[0254] For example, as shown in FIG. 13, in combination with the foregoing embodiments, the present application provides an interface switching method, which includes steps S301 and S302.

[0255] S301, display a first interface.

[0256] S302, switch the first interface to a second interface; the first interface and the second interface include at least one shared element, and the at least one shared element includes a first shared element; the interface switching animation of the first interface switching to the second interface includes that the first shared element is deformed and moved in the first interface, and the first shared element is displayed on the second interface after the deformation and movement are completed.

[0257] The first shared element can be the foregoing shared element 1 (for example, the clock component).

[0258] In an implementation manner, the deformation and movement of the first shared element in the first interface include that the first shared element is deformed from a first layout style to a second layout style and moved from a first display position to a second display position in the first interface; and the display of the first shared element on the second interface includes that the first shared element is displayed on the second interface in the second display position in the second layout style.

[0259] In an implementation manner, the interface element other than the shared element in the first interface is a non-shared element of the first interface, and the interface element other than the shared element in the second interface is a non-shared element of the second interface; and the interface switching animation of the first interface switching to the second interface further includes that the non-shared element of the first interface is gradually blurred until disappearing; and the blurred non-shared element of the second interface is displayed and gradually clarified.

[0260] In an implementation manner, the first interface and the second interface include any two of the following interfaces: a lock screen interface, an always-on display (AOD) interface, and a desktop.

[0261] In an implementation manner, the first shared element is any one of the following: a clock component, a service card, an application portal, a system tool, and the like.

[0262] In an implementation manner, the method further includes: detecting a sliding operation for switching the first interface to the second interface; and displaying, by the terminal device, part or all of the interface switching animation accompanying the sliding operation.

[0263] In an implementation manner, the displaying, by the terminal device, part or all of the interface switching animation accompanying the sliding operation includes: detecting a start of the sliding operation; deforming and moving the first shared element in the first interface and gradually blurring non-shared elements of the first interface accompanying sliding of the sliding operation; and starting to display and gradually clarifying non-shared elements of the second interface that are blurred when a progress of the deforming and moving reaches a first value.

[0264] In an implementation manner, the displaying, by the terminal device, part or all of the interface switching animation accompanying the sliding operation includes: detecting a start of the sliding operation; deforming and moving the first shared element in the first interface and gradually blurring non-shared elements of the first interface accompanying sliding of the sliding operation; and starting to display and gradually clarifying non-shared elements of the second interface that are blurred when a progress of the deforming and moving reaches a first value.

[0265] In an implementation manner, the terminal device stops displaying the first interface and displays the second interface when the deforming and moving ends.

[0266] In an implementation manner, the first shared element is in a second layout style at a second display position in the second interface; and the terminal device performs one or more of the following when the user ends the sliding operation: the first shared element of the first interface continues to deform and move until the first shared element is deformed into the second layout style and moved to the second display position in the first interface; non-shared elements of the first interface continue to blur until disappearing; and blurred non-shared elements of the second interface continue to clarify until being completely displayed.

[0267] In an implementation manner, the switching of the first interface to the second interface includes: detecting that a first operation is completed, and switching the first interface to the second interface; and the first operation is used to switch the first interface to the second interface. The first shared element can be the preset user operation.

[0268] In an implementation manner, the switching of the first interface to the second interface includes: detecting that the terminal device satisfies a preset condition, and switching the first interface to the second interface.

[0269] The structure of a terminal device 100 provided in an embodiment of the present application is described below. FIG. 14 shows a structural schematic diagram of the terminal device 100.

[0270] The terminal device 100 can 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 loudspeaker 170A, a receiver 170B, a microphone 170C, a headset interface 170D, a sensor module 180, a key 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 can 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.

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

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

[0273] The controller can generate operation control signals according to the instruction operation code and the timing signal, and complete the control of fetching and executing instructions.

[0274] The processor 110 can also be provided with a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory can store instructions or data that have just been used or recycled by the processor 110. If the processor 110 needs to use the instructions or data again, it can be directly called from the memory. This avoids repeated access and reduces the waiting time of the processor 110, thereby improving the efficiency of the system.

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

[0276] The I2C interface is a bidirectional synchronous serial bus, including a serial data line (SDA) and a serial clock line (SCL). In some embodiments, the processor 110 can include multiple sets of I2C buses. The processor 110 can be coupled to the touch sensor 180K, the charger, the flash, the camera 193, etc. through different I2C bus interfaces, respectively. For example, the processor 110 can be coupled to the touch sensor 180K through an I2C interface, so that the processor 110 and the touch sensor 180K communicate through the I2C bus interface, realizing the touch function of the terminal device 100.

[0277] The I2S interface can be used for audio communication. In some embodiments, the processor 110 can include multiple sets of I2S buses. The processor 110 can be coupled with the audio module 170 through the I2S buses to enable communication between the processor 110 and the audio module 170. In some embodiments, the audio module 170 can deliver audio signals to the wireless communication module 160 through the I2S interface to enable the function of answering a phone call through a Bluetooth earphone.

[0278] The PCM interface can also be used for audio communication to sample, quantize, and encode analog signals. In some embodiments, the audio module 170 can be coupled with the wireless communication module 160 through a PCM bus interface. In some embodiments, the audio module 170 can also deliver audio signals to the wireless communication module 160 through the PCM interface to enable the function of playing music through a Bluetooth earphone. Both the I2S interface and the PCM interface can be used for audio communication.

[0279] The UART interface is a universal serial bus for asynchronous communication. The bus can be a bidirectional communication bus. It converts data to be transmitted between serial communication and parallel communication. In some embodiments, the UART interface is usually used to connect the processor 110 and the wireless communication module 160. For example, the processor 110 communicates with the Bluetooth module in the wireless communication module 160 through the UART interface to enable Bluetooth functionality. In some embodiments, the audio module 170 can deliver audio signals to the wireless communication module 160 through the UART interface to enable the function of playing music through a Bluetooth earphone.

[0280] The MIPI interface can be used to connect the processor 110 and peripheral devices such as the display screen 194 and the camera 193. The MIPI interface includes a camera serial interface (CSI), a display serial interface (DSI), and the like. In some embodiments, the processor 110 and the camera 193 communicate through the CSI interface to enable the camera function of the terminal device 100. The processor 110 and the display screen 194 communicate through the DSI interface to enable the display function of the terminal device 100.

[0281] The GPIO interface can be configured through software. The GPIO interface can be configured as a control signal or as a data signal. In some embodiments, the GPIO interface can be used to connect the processor 110 and the camera 193, the display screen 194, the wireless communication module 160, the audio module 170, the sensor module 180, and the like. The GPIO interface can also be configured as an I2C interface, an I2S interface, a UART interface, a MIPI interface, and the like.

[0282] The USB interface 130 is an interface conforming to the USB standard specification, and can be a Mini USB interface, a Micro USB interface, a USB Type C interface, etc. The USB interface 130 can be used to connect a charger to charge the terminal device 100, and can also be used to transmit data between the terminal device 100 and a peripheral device. It can also be used to connect a headset to play audio through the headset. The interface can also be used to connect other electronic devices, such as AR devices, etc.

[0283] It can be understood that the interface connection relationship between the modules shown in the embodiments of the present application is only illustrative and does not constitute a structural limitation of the terminal device 100. In some other embodiments of the present application, the terminal device 100 can also use different interface connection modes or combinations of multiple interface connection modes in the above embodiments.

[0284] The charging management module 140 is used to receive charging input from a charger. The charger can be a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 can receive charging input from a wired charger through the USB interface 130. In some wireless charging embodiments, the charging management module 140 can receive wireless charging input through the wireless charging coil of the terminal device 100. The charging management module 140 can charge the battery 142 while also supplying power to the electronic device through the power management module 141.

[0285] The power management module 141 is used to connect the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140 to supply power to the processor 110, the internal memory 121, the display screen 194, the camera 193, and 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, battery health status (leakage, impedance), etc. 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.

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

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

[0288] The mobile communication module 150 can provide a solution including 2G / 3G / 4G / 5G wireless communication applied to the terminal device 100. The mobile communication module 150 can include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves by the antenna 1, and perform filtering, amplification, etc. on the received electromagnetic waves, and transfer the same to the modem processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modem processor, and radiate the same as electromagnetic waves through the antenna 1. In some embodiments, at least part of the functional modules of the mobile communication module 150 can be disposed in the processor 110. In some embodiments, at least part of the functional modules of the mobile communication module 150 can be disposed in the same device as at least part of the modules of the processor 110.

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

[0290] The wireless communication module 160 can provide a solution for wireless communication including wireless local area networks (WLAN) (e.g., wireless fidelity (Wi-Fi) network), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR) technology, etc. applied to the terminal device 100. The wireless communication module 160 can be one or more devices that integrate at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, demodulates and filters the electromagnetic wave signals, and transmits the processed signals to the processor 110. The wireless communication module 160 can also receive signals to be transmitted from the processor 110, frequency-modulate them, amplify them, and radiate them as electromagnetic waves via the antenna 2.

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

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

[0293] The display screen 194 is configured to display images, videos, and the like. 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 flex light-emitting diode (FLED), a Miniled, a MicroLed, a Micro-oLed, a quantum dot light emitting diodes (QLED), or the like. In some embodiments, the terminal device 100 can include one or N display screens 194, where N is a positive integer greater than 1.

[0294] The terminal device 100 can implement the photographing function through the ISP, the camera 193, the video codec, the GPU, the display screen 194, and the application processor.

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

[0296] The camera 193 is configured to capture still images or videos. An object generates an optical image through a lens and projects it onto a photosensitive element. The photosensitive element can be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the light signal into an electrical signal, which is then transmitted 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 RGB, YUV, or the like format. In some embodiments, the terminal device 100 can include one or N cameras 193, where N is a positive integer greater than 1.

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

[0298] The video codec is used to compress or decompress digital video. The terminal device 100 can support one or more video codecs. In this way, the terminal device 100 can play or record videos in multiple encoding formats, such as: moving picture experts group (MPEG) 1, MPEG 2, MPEG 3, MPEG 4, etc.

[0299] The NPU is a neural-network (NN) calculation processor, which processes input information quickly by drawing on the structure of a biological neural network, such as drawing on the transmission mode between human brain neurons, and can also constantly self-learn. Through the NPU, intelligent cognitive applications of the terminal device 100 can be realized, such as: image recognition, face recognition, voice recognition, text understanding, etc.

[0300] The internal memory 121 can include one or more random access memories (RAMs) and one or more non-volatile memories (NVMs).

[0301] The random access memory can include a static random-access memory (SRAM), a dynamic random access memory (DRAM), a synchronous dynamic random access memory (SDRAM), a double data rate synchronous dynamic random access memory (DDR SDRAM, for example, the fifth generation of DDR SDRAM is generally referred to as DDR5 SDRAM), etc.; the non-volatile memory can include a magnetic disk storage device, a flash memory.

[0302] According to the operation principle, the flash memory can include NOR FLASH, NAND FLASH, 3D NAND FLASH, etc. According to the potential order of the storage unit, the flash memory can include single-level cell (SLC), multi-level cell (MLC), triple-level cell (TLC), quad-level cell (QLC), etc. According to the storage specification, the flash memory can include universal flash storage (UFS), embedded multi media Card (eMMC), etc.

[0303] The random access memory can be directly read and written by the processor 110, and can be used to store executable programs (such as machine instructions) of an operating system or other programs running, and can also be used to store data of users and application programs, etc.

[0304] The non-volatile memory can also store executable programs and store data of users and application programs, etc., and can be loaded into the random access memory in advance for direct reading and writing by the processor 110.

[0305] The external memory interface 120 can be used to connect an external non-volatile memory, so as to expand the storage capacity of the terminal device 100. The external non-volatile memory communicates with the processor 110 through the external memory interface 120, so as to realize the data storage function. For example, files such as music and video are saved in the external non-volatile memory.

[0306] The terminal device 100 can realize audio functions through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the earphone interface 170D, and the application processor, etc. For example, music playing, recording, etc.

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

[0308] The speaker 170A, also known as a "loudspeaker", is used to convert audio electrical signals into sound signals. The terminal device 100 can listen to music or listen to a hands-free call through the speaker 170A.

[0309] The receiver 170B, also called "earpiece", is used to convert audio electrical signals into sound signals. When the terminal device 100 answers a phone call or a voice message, the user can listen to the voice by holding the receiver 170B close to the ear.

[0310] The microphone 170C, also called "microphone", "sound collector", is used to convert sound signals into electrical signals. When making a phone call or sending a voice message, the user can make a sound by holding the mouth close to the microphone 170C, and input the sound signal into the microphone 170C. The terminal device 100 can be provided with at least one microphone 170C. In some other embodiments, the terminal device 100 can be provided with two microphones 170C, which can realize the noise reduction function in addition to collecting sound signals. In some other embodiments, the terminal device 100 can be provided with three, four or more microphones 170C, which can realize the functions of collecting sound signals, noise reduction, identifying sound sources, realizing directional recording, etc.

[0311] The earphone interface 170D is used to connect a wired earphone. The earphone interface 170D can be a USB interface 130, or a 3.5mm open mobile terminal platform (OMTP) standard interface, or a cellular telecommunications industry association of the USA (CTIA) standard interface.

[0312] The pressure sensor 180A is used to sense pressure signals, and can convert the pressure signals into electrical signals. In some embodiments, the pressure sensor 180A can be provided 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.

[0313] The gyroscope sensor 180B can be used to determine the motion posture of the terminal device 100. In some embodiments, the angular velocity of the terminal device 100 around three axes (i.e., x, y and z axes) can be determined by the gyroscope sensor 180B. The gyroscope sensor 180B can be used for shooting anti-shake.

[0314] The barometric pressure sensor 180C is used to measure air pressure. In some embodiments, the terminal device 100 calculates the altitude, assists in positioning and navigation by measuring the air pressure value through the barometric pressure sensor 180C.

[0315] The magnetic sensor 180D includes a Hall sensor. The terminal device 100 can detect the opening and closing of a flip leather cover by using the magnetic sensor 180D.

[0316] The acceleration sensor 180E can detect the magnitude of acceleration of the terminal device 100 in various directions (typically, three axes).

[0317] The distance sensor 180F is used to measure distance. The terminal device 100 can measure distance by infrared or laser.

[0318] The proximity light sensor 180G can include, for example, a light-emitting diode (LED) and a light detector, such as a photodiode. The light-emitting diode can be an infrared light-emitting diode.

[0319] The ambient light sensor 180L is used to sense ambient light brightness. The terminal device 100 can adaptively adjust the brightness of the display screen 194 according to the sensed ambient light brightness.

[0320] The fingerprint sensor 180H is used to collect fingerprints. The terminal device 100 can use the collected fingerprint characteristics to implement fingerprint unlocking, access application locking, fingerprint photographing, fingerprint answering a call, and the like.

[0321] The temperature sensor 180J is used to detect temperature. In some embodiments, the terminal device 100 uses the temperature detected by the temperature sensor 180J to implement a temperature processing strategy.

[0322] The touch sensor 180K, also referred to as a "touch device". The touch sensor 180K can be disposed on the display screen 194, and the touch sensor 180K and the display screen 194 together form a touch screen, also referred to as a "touch screen". The touch sensor 180K is used to detect a touch operation acting on or near it. The touch sensor can pass the detected touch operation to the application processor to determine the touch event type. Visual output related to the touch operation can be provided through the display screen 194. In other embodiments, the touch sensor 180K can also be disposed on the surface of the terminal device 100, which is different from the position where the display screen 194 is located.

[0323] The bone conduction sensor 180M can obtain a vibration signal. In some embodiments, the bone conduction sensor 180M can obtain a vibration signal of a human vocal part vibration bone block.

[0324] The key 190 includes a power-on key, a volume key, and the like. The key 190 can be a mechanical key. It can also be a touch key. The terminal device 100 can receive a key input and generate a key signal input related to user settings and function control of the terminal device 100.

[0325] The motor 191 can generate a vibration prompt. The motor 191 can be used for incoming call vibration prompt, and can also be used for touch vibration feedback.

[0326] The indicator 192 can be an indicator light, which can be used to indicate the charging state, the power change, and can also be used to indicate messages, missed calls, notifications, etc.

[0327] The SIM card interface 195 is used to connect a SIM card.

[0328] The embodiments of the present application can be combined in any manner to achieve different technical effects.

[0329] In the above embodiments, all or part of the processes can be implemented by software, hardware, firmware, or any combination thereof. When implemented by software, all or part of the processes can be implemented in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, all or part of the processes described in the present application are generated. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices. The computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium, for example, the computer instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center through wired (such as coaxial cable, optical fiber, digital subscriber line) or wireless (such as infrared, wireless, microwave, etc.) manner. The computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device such as a server, data center, etc. that includes one or more available media sets. The available media can be a magnetic medium (for example, a floppy disk, a hard disk, a magnetic tape), an optical medium (for example, a DVD), or a semiconductor medium (for example, a solid state disk (SSD)), etc.

[0330] Those of ordinary skill in the art can understand that all or part of the processes in the above embodiments can be implemented by a computer program to instruct the relevant hardware, which can be stored in a computer-readable storage medium. The program can include the processes of the above method embodiments when executed.

[0331] In summary, the above only describes the embodiments of the technical solutions of the present application, and is not used to limit the protection scope of the present application. Any modifications, equivalent replacements, improvements, etc. made according to the disclosure of the present application shall be included in the protection scope of the present application.

Claims

1. An interface switching method applied to a terminal device, characterized in that, The method comprises: displaying a first interface; switching the first interface to a second interface; the first interface and the second interface comprise at least one shared element, and the at least one shared element comprises a first shared element; the interface switching effect of the first interface switching to the second interface comprises that the first shared element is deformed and moved in the first interface, and after the deformation and movement end, the first shared element is displayed on the second interface.

2. The method of claim 1, wherein, the deformation and movement of the first shared element in the first interface comprises: the first shared element is deformed from a first layout style to a second layout style and is moved from a first display position to a second display position in the first interface; the display of the first shared element on the second interface comprises: the first shared element is displayed in the second display position of the second interface in the second layout style.

3. The method of claim 1, wherein, interface elements other than the shared element in the first interface are non-shared elements of the first interface, and interface elements other than the shared element in the second interface are non-shared elements of the second interface; the interface switching effect of the first interface switching to the second interface further comprises that the non-shared elements of the first interface are gradually blurred until disappearing; the blurred non-shared elements of the second interface are displayed and gradually clarified.

4. The method of claim 1, wherein, The first interface and the second interface comprise any two of the following interfaces: a lock screen interface, an always-on display (AOD) interface, and a desktop.

5. The method of claim 1, wherein, The first shared element is any one of the following: a clock component, a service card, an application portal, a system tool, and the like.

6. The method according to any one of claims 1 to 5, characterized in that, The method further comprises detecting a sliding operation for switching the first interface to the second interface; the terminal device displays part or all of the interface switching effect accompanying the sliding operation.

7. The method of claim 6, wherein, the terminal device displays part or all of the interface switching effect accompanying the sliding operation comprises: after detecting the start of the sliding operation, the first shared element is deformed and moved in the first interface accompanying the sliding of the sliding operation, and the non-shared elements of the first interface are gradually blurred; when the progress of the deformation and movement reaches a first value, the blurred non-shared elements of the second interface are displayed and gradually clarified.

8. The method of claim 6, wherein, the terminal device displays part or all of the interface switching effect accompanying the sliding operation comprises: after detecting the start of the sliding operation, the first shared element is deformed and moved in the first interface accompanying the sliding of the sliding operation, and the non-shared elements of the first interface are gradually blurred; when the user ends the sliding operation, the blurred non-shared elements of the second interface are displayed and gradually clarified.

9. The method according to any one of claims 1 to 8, characterized in that, when the deformation and movement end, the terminal device stops displaying the first interface and displays the second interface.

10. The method according to any one of claims 1 to 8, characterized in that, The first shared element presents a second layout style at a second display position of the second interface; when detecting that the user ends the sliding operation, the terminal device performs one or more of the following: the first shared element of the first interface continues to deform and move until it deforms into a second layout style and moves to a second display position on the first interface; non-shared elements of the first interface continue to blur until they disappear; blurred non-shared elements of the second interface continue to become clear until they are fully displayed.

11. The method of claim 1, wherein, The switching of the first interface to the second interface comprises: detecting that the first operation is completed, and switching the first interface to the second interface; the first operation is used to switch the first interface to the second interface.

12. The method of claim 1, wherein, The switching of the first interface to the second interface comprises: detecting that the terminal device meets a preset condition, and switching the first interface to the second interface.

13. A terminal device, comprising: The terminal device comprises: A processor and a memory coupled to the processor, the memory being configured to store computer program code including computer instructions, and the processor being configured to read the computer instructions from the memory to cause the terminal device to perform the interface switching method according to any one of claims 1 to 12.

14. A computer-readable storage medium, characterized in that, The computer program product comprises computer instructions configured to cause the terminal device to perform the interface switching method according to any one of claims 1 to 12 when the computer instructions are executed on the terminal device.

15. A computer program product, characterised in that, The computer program product comprises computer instructions configured to cause the terminal device to perform the interface switching method according to any one of claims 1 to 12 when the computer instructions are executed on the terminal device.

Images