Display switching method and related equipment

Abstract

The invention provides a display switching method and related equipment, and the method comprises the steps: displaying a first scene which comprises a first element; displaying a transition animation for switching from the first element to a target display object in a view layer above the first element; and under the condition that the transition animation display is completed, displaying the target display object. According to the scheme, a certain element in one scene can serve as an object for display switching with other scenes or other elements, and the display switching requirements under more application scenes are met.

Description

Technical Field

[0001] This application relates to the field of terminals and communication technologies, and particularly to a display switching method and related devices. Background Art

[0002] During the application development process, the need for scene switching is often encountered.

[0003] To make the scene switching smoother, it is usually necessary to add transition animations. Transition animations are generally used to smoothly transition the changes between scenes, making the user feel more fluent and natural when switching scenes. Transition animations generally perform fade-in / fade-out, sliding, zooming, etc. animations on the entire scene, presenting a display switching effect of overall display switching between one scene and another scene, and it is difficult to meet the display switching requirements in some application scenarios. Summary of the Invention

[0004] This application provides a display switching method and related devices, making it possible to use a certain element in one scene as an object for display switching with other scenes or other elements, and meeting the display switching requirements in more application scenarios.

[0005] In a first aspect, a display switching method is provided, including:

[0006] Display a first scene, where the first scene contains a first element, display a transition animation from the first element to a target display object in the view layer above the first element, and display the target display object when the transition animation is displayed and completed.

[0007] When it is necessary to perform display switching with the first element in the first scene as the switching object, a view layer can be generated above the first element, and the transition animation can be drawn and presented by means of an independent display layer. The transition animation can be drawn with a certain element in the scene as the display switching object, realizing the animation effect of display switching with other scenes or other elements in the same scene, making it possible to use a certain element in one scene as an object for display switching with other scenes or other elements.

[0008] Among them, the target display object can be a second scene or a second element included in the first scene.

[0009] When the target display object is a second scene, smooth and smooth display switching transition processing from the target element in one scene to other scenes is realized. When the target display object is a second element included in the first scene, display switching between any elements in one scene is realized. Meeting the display switching requirements in more application scenarios.

[0010] In combination with the first aspect, in some implementations of the first aspect, before displaying a transition animation for switching from the first element to the target display object in the view layer above the first element, it further includes:

[0011] Determine the first scene and the parent scene of the target display object, and create a view layer in the view hierarchy where the parent scene is located.

[0012] By leveraging the scene hierarchy and the corresponding view hierarchies under different scene hierarchies, assist in successfully creating a view layer above the first element in the first scene, and achieve effective drawing and display of the transition animation.

[0013] In combination with the first aspect, in some implementations of the first aspect, displaying a transition animation for switching from the first element to the target display object in the view layer above the first element includes:

[0014] In the view layer above the first element, display a transition animation for display switching with the display position of the first element as the starting position and the display position of the target display object as the ending position.

[0015] In this way, it is possible to make a display transition association between the first element and the target display object in terms of the display position, forming a transition animation display effect with a position gradual change from the starting position to the ending position, and achieve a smooth and seamless display switching transition process from the target element in one scene to other scenes or elements.

[0016] In combination with the first aspect, in some implementations of the first aspect, displaying a transition animation for switching from the first element to the target display object in the view layer above the first element includes:

[0017] In the view layer above the first element, display a transition animation for display switching with the first element as the starting view and the display view of the target display object as the ending view.

[0018] In this way, it is possible to make a display transition association between the first element and the target display object in terms of the display view, forming a transition animation display effect with a view gradual change from the starting view to the ending view, and achieve a smooth and seamless display switching transition process from the target element in one scene to other scenes or elements.

[0019] In combination with the first aspect, in some implementations of the first aspect, displaying a transition animation for switching from the first element to the target display object in the view layer above the first element includes:

[0020] In the view layer above the first element, display a transition animation for display switching with the display size of the first element as the starting size and the display size of the target display object as the ending size.

[0021] In this way, it is possible to associate the display transition of the first element with the target display object in terms of the display size, forming a transition animation display effect with a smooth size gradient from the starting size to the ending size, and realizing a smooth and seamless display switching transition process from the target element in one scene to other scenes or elements.

[0022] Combined with the first aspect, in some implementation manners of the first aspect, a transition animation for switching from the first element to the target display object is displayed in the view layer above the first element, including:

[0023] In the view layer above the first element, a transition animation for display switching is displayed, with the display shape of the first element as the starting shape and the display shape of the target display object as the ending shape.

[0024] In this way, it is possible to associate the display transition of the first element with the target display object in terms of the display shape, forming a transition animation display effect with a smooth size gradient from the starting shape to the ending shape, and realizing a smooth and seamless display switching transition process from the target element in one scene to other scenes or elements.

[0025] Combined with the first aspect, in some implementation manners of the first aspect, if the target display object is the second scene, then the second scene and the first scene are different display scenes in the same application.

[0026] When the first scene and the second scene are scenes in the same application, what is realized is the display switching of the target element in the first scene in the same application to other scenes. Different scenes under the same application are under the same root scene, and a common parent scene can be found between the second scene and the first scene, so as to be able to effectively draw an independent view layer above the first element in the view hierarchy where the parent scene is located.

[0027] In a second aspect, the present application provides a display switching method, including:

[0028] Display the second scene. In the view layer above the second scene, display a transition animation for switching from the second scene to the first element in the first scene. When the transition animation is displayed and completed, display the first element in the first scene.

[0029] When it is necessary to implement display switching to the target element in other scenes with the second scene as the switching object, a view layer can also be generated above the second scene, and the drawing and display of the transition animation are realized by means of an independent display layer, making it possible to switch the display from one scene to a certain element in other scenes and meeting the display switching requirements in more application scenarios.

[0030] In conjunction with the second aspect, in some implementations of the second aspect, before displaying a transition animation of switching from the second scene to the first element in the first scene in a view layer above the second scene, the method further includes:

[0031] Determine the parent scene of the second scene and the first scene, and create a view layer in the view hierarchy where the parent scene is located.

[0032] The common upper-level scene of the first scene and the second scene is the parent scene of the two scenes.

[0033] This process uses the scene hierarchy and the corresponding view hierarchy under different scene hierarchies to assist in successfully creating a view layer on the first element of the first scene, thereby achieving effective drawing and display of the transition animation.

[0034] In conjunction with the second aspect, in some implementations of the second aspect, displaying a transition animation of switching from the second scene to the first element in the first scene in a view layer above the second scene includes:

[0035] In the view layer above the second scene, a transition animation for display switching is displayed with the display position of the second scene as the starting position and the display position of the first element as the ending position.

[0036] In this way, the second scene can be associated with the first element in display transition in the display position, forming a transition animation display effect with a gradual position change from the starting position to the ending position, thereby realizing a smooth reverse display switching process from one scene to the target element in other scenes.

[0037] In conjunction with the second aspect, in some implementations of the second aspect, displaying a transition animation of switching from the second scene to the first element in the first scene in a view layer above the second scene includes:

[0038] In the view layer above the second scene, a transition animation for display switching is displayed with the display view of the second scene as the starting view and the first element as the ending view.

[0039] In this way, the second scene can be associated with the first element for display transition on the display view, forming a transition animation display effect with a gradual view change from the starting view to the ending view, thereby achieving a smooth reverse display switching process from one scene to the target element in other scenes.

[0040] In conjunction with the second aspect, in some implementations of the second aspect, displaying a transition animation of switching from the second scene to the first element in the first scene in a view layer above the second scene includes:

[0041] In the view layer above the second scene, a transition animation for display switching is shown, starting from the display size of the second scene and ending with the display size of the first element.

[0042] In this way, it is possible to associate the display transition between the second scene and the first element in terms of the display size, forming a transition animation display effect with a smooth size gradient from the starting size to the ending size, and achieving a smooth and seamless reverse display switching process from one scene to the target element in other scenes.

[0043] Combined with the second aspect, in some implementation manners of the second aspect, in the view layer above the second scene, a transition animation for switching from the second scene to the first element in the first scene is shown, including:

[0044] In the view layer above the second scene, a transition animation for display switching is shown, starting from the display shape of the second scene and ending with the display shape of the first element.

[0045] In this way, it is possible to associate the display transition between the second scene and the first element in terms of the display shape, forming a transition animation display effect with a smooth size gradient from the starting shape to the ending shape, and achieving a smooth and seamless reverse display switching process from one scene to the target element in other scenes.

[0046] Combined with the second aspect, in some implementation manners of the second aspect, the second scene and the first scene are different display scenes in the same application.

[0047] When the first scene and the second scene are scenes in the same application, what is realized is the display switching from the first scene to the target element in other scenes in the same application. A common parent scene can be found between the second scene and the first scene under the same application, so as to effectively draw an independent view layer above the first element in the view hierarchy where the parent scene is located.

[0048] In a third aspect, the present application provides a display switching device, including:

[0049] A first display module for displaying a first scene, where the first scene includes a first element;

[0050] A second display module for displaying a transition animation for switching from the first element to a target display object in the view layer above the first element;

[0051] A third display module for displaying the target display object when the display of the transition animation is completed.

[0052] In a fourth aspect, the present application provides a display switching device, including:

[0053] The first display module is configured to display a second scene;

[0054] The second display module is configured to display a transition animation for switching from the second scene to a first element in a first scene in a view layer above the second scene;

[0055] The third display module is configured to display the first element in the first scene when the display of the transition animation is completed.

[0056] In a fifth aspect, the present application provides an electronic device, including a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the computer program, any method of the first aspect or the second aspect is implemented.

[0057] In a sixth aspect, the present application provides a computer-readable storage medium storing a computer program, which can implement any method of the first aspect or the second aspect when the computer program is executed by a processor.

[0058] In a seventh aspect, the present application provides a computer program product including a computer program, which can implement any method of the first aspect or the second aspect when the computer program is executed by a processor.

[0059] It can be understood that the display switching device provided in the above third aspect, the electronic device provided in the fifth aspect, the computer-readable storage medium provided in the sixth aspect, and the computer program product provided in the seventh aspect are all used to execute any method provided in the first aspect or the second aspect of the present application. Therefore, the beneficial effects that can be achieved can refer to the beneficial effects in the corresponding method and will not be elaborated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0060] Figure 1 Shows a schematic diagram of a display switch from scene A to scene B;

[0061] Figure 2 Shows a schematic diagram of a display switch from a certain element in scene A to scene B;

[0062] Figure 3 Shows a schematic diagram of a display switch from one element in scene A to another element;

[0063] Figure 4 Shows a schematic diagram of a display switch that needs to be made from ViewB in SceneA to SceneB;

[0064] Figure 5 Shows a schematic diagram of a display switch from the capsule-shaped view of today's schedule to the card prompt scene;

[0065] Figure 6 Shows a schematic diagram of the display switching from the card prompt scenario to the today's schedule capsule view;

[0066] Figure 7 Shows a schematic diagram of the display switching from the sports health circular view to the card prompt scenario;

[0067] Figure 8 Shows a schematic diagram of the display switching from the card prompt scenario to the sports health circular view;

[0068] Figure 9 Shows a schematic diagram of the display switching from the play control element to the pause control element;

[0069] Figure 10 Is a flowchart of a display switching method according to an embodiment of the present application;

[0070] Figure 11 Is a flowchart of a display switching method according to an embodiment of the present application;

[0071] Figure 12 Is a schematic diagram of a display switching device according to an embodiment of the present application;

[0072] Figure 13 Is a schematic diagram of a display switching device according to an embodiment of the present application;

[0073] Figure 14 Is a schematic diagram of the hardware structure of an electronic device according to an embodiment of the present application. Detailed implementation manners

[0074] Next, the technical solutions in the embodiments of the present application will be clearly and completely described with reference to the accompanying drawings in the embodiments of the present application. Among them, in the description of the embodiments of the present application, unless otherwise specified, " / " means "or", for example, A / B may represent A or B; "and / or" in the text is only a description of the association relationship of associated objects, indicating that there can be three relationships, for example, A and / or B may represent: A exists alone, A and B exist simultaneously, and B exists alone. In addition, in the description of the embodiments of the present application, "a plurality" means two or more than two.

[0075] It should be understood that the terms "first", "second", etc. in the description, claims and drawings of this application are used to distinguish different objects, rather than to describe a specific order. In addition, the terms "comprising" and "having" and any variations thereof are intended to cover non-exclusive inclusion. For example, a process, method, system, product or device that includes a series of steps or units is not limited to the listed steps or units, but may optionally further include steps or units not listed, or may optionally further include other steps or units inherent to these processes, methods, products or devices.

[0076] Reference to "embodiment" in this application means that a particular feature, structure, or characteristic described in connection with the embodiment can be included in at least one embodiment of this application. The phrase appears in various places in the specification and does not necessarily refer to the same embodiment, nor is it an independent or alternative embodiment mutually exclusive with other embodiments. Those skilled in the art will explicitly and implicitly understand that the embodiments described in this application can be combined with other embodiments.

[0077] The term "user interface (UI)" in the following embodiments of this application is a media 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 acceptable to the user. 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 and rendered on an electronic device and finally presented as content recognizable by the user. The common manifestation form of the user interface is the graphical user interface (GUI), which refers to the user interface related to computer operation displayed in a graphical manner. It can be visual interface elements such as text, icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, Widgets, etc. displayed on the display screen of an electronic device.

[0078] Applications and software usually consist of multiple scenes, and there are elements (Views) in the scenes.

[0079] A scene is a visual interface in an application or software, which displays specific information, functions or tasks. Applications and software provide different user experiences and functions by switching between different scenes.

[0080] The relationship between a scene and elements is that a scene is composed of one or more elements, and elements are the constituent parts of a scene. A scene can contain different types of elements, such as text, images, buttons, etc. These elements together constitute a complete scene. Elements can be laid out, interacted with, and displayed in a scene. By performing operations such as adding, deleting, and modifying elements, the content and appearance of the scene can be changed. Therefore, elements are the visual components of a scene, and a scene is the container and manager of elements.

[0081] During the development or use of Android applications, the need for scene switching is often encountered.

[0082] Specifically, in some applications, a tab bar controller or tabs are used to switch between different scenes. Users can switch to the corresponding scene by clicking on different tabs. For example, in a news application, users can switch to different news category scenes by clicking on different tabs.

[0083] Or, in some applications, deep links are used to jump to specific scenes of other applications. When a user clicks on a URL containing a deep link, they can jump to a specific scene of another application. For example, an e-commerce application can directly jump to the payment page through a deep link.

[0084] Or, in some applications, specific scenes of other applications are jumped to through set shared elements. When a user clicks on a jump button displaying a shared element, they can jump to the specific scene of the application corresponding to the shared element. For example, in the call interface of a phone application, there is an icon for the messaging application. When a user clicks on the icon button of the messaging application during a call, they are directly jumped to the message editing page.

[0085] To make the switching process smoother and more vivid, transition animations usually need to be added.

[0086] In a transition animation, a Scale animation can be achieved by changing the size of scene elements, making the elements gradually enlarge or shrink. This animation effect can give users a feeling of gradually approaching or moving away.

[0087] A Position animation can be achieved by changing the position of scene elements, making the elements smoothly move from one position to another during scene switching. This animation effect can give users a sense of smoothness in scene switching.

[0088] An Alpha animation can be achieved by changing the transparency of scene elements, making the elements gradually appear or disappear. This animation effect can give users a feeling of gradual change and enhance the transition effect of scene switching.

[0089] In addition to animation effects such as Scale, Position, and Alpha, transition animations can also be combined with other animation effects, such as rotation and color change, to achieve more diverse transition effects.

[0090] Taking the transition from Scene A to Scene B as an example, combined with Figure 1 as shown, Figure 1 In (a), it is the display interface of Scene A, which contains elements ViewA and ViewB. When transitioning from Scene A to Scene B, a transition animation is displayed. For example, the entire scene of Scene A fades out, and the entire scene of Scene B fades in correspondingly until the entire scene is switched from Scene A to Scene B, showing the display interface of Scene B as shown in Figure 1 In (b), Scene B contains elements ViewC and ViewD.

[0091] During this process, when switching between Scene A and Scene B, it is the display switch between the overall scenes formed by Scene A and Scene B respectively.

[0092] During these display switch processes, regardless of how the transition animation is added, the main idea is to use the entire scene as the object of the display switch, presenting to the user a display switch between one overall scene and another. No matter how many elements are contained in each of the two scenes, these elements will also be switched with the scene. In this way, it does not require excessive transition animation design and display switch processing, which can improve the scene switch efficiency, but it cannot meet the display switch requirements in some application scenarios.

[0093] To meet the display switch requirements in more application scenarios, some display switch methods are proposed in the embodiments of this application. Under these display switch methods, a certain element in a scene will be used as one of the objects of the display switch, realizing the cross-scene display switch between a certain element and other scenes, or realizing the in-scene display switch between a certain element and other elements. This element can be referred to as the target element in the following.

[0094] In some application scenarios, the display can be switched from the target element in one scene to other scenes, or vice versa, from one scene to the target element in other scenes.

[0095] Combined with Figure 2 as shown, Figure 2 In (a), it is the display interface of Scene A, which contains elements ViewA and ViewB, Figure 2In (b), it is the display interface of Scene B, and Scene B contains elements ViewC and ViewD.

[0096] Taking the switching of the target element in Scene A to Scene B as an example, when ViewB (the target element) in Scene A switches to Scene B, the transition animation can start from the display position of ViewB, end at the display position of Scene B, start from the display view of ViewB, end at the display view of Scene B, start from the display shape of ViewB, end at the display shape of Scene B, start from the display size of ViewB, and end at the display size of Scene B. It forms a transition animation display effect with features such as position gradual change from the starting position to the ending position, shape gradual change from the starting shape to the ending shape, view gradual change from the starting view to the ending view, and size gradual change from the starting size to the ending size. By connecting ViewB and Scene B through the transition animation, a smooth and seamless display switching transition process from the target element in one scene to other scenes is achieved.

[0097] Or, directly display Scene B at the location of ViewB. Before displaying Scene B, the ViewB view can be hidden first, and a transition animation of ViewB and Scene B can be displayed at the location of the hidden ViewB. After the display of the transition animation ends, display Scene B at the location of ViewB, achieving a smooth and seamless display switching transition process from the target element in one scene to other scenes.

[0098] Similarly, taking the display switching from Scene B to the target element in Scene A as an example, when switching the display from Scene B to ViewB (the target element) in Scene A, the transition animation can start from the display position of Scene B, end at the display position of ViewB, start from the display view of Scene B, end at the display view of ViewB, start from the display shape of Scene B, end at the display shape of ViewB, start from the display size of Scene B, and end at the display size of ViewB. It forms a transition animation display effect with features such as position gradual change from the starting position to the ending position, shape gradual change from the starting shape to the ending shape, view gradual change from the starting view to the ending view, and size gradual change from the starting size to the ending size. By connecting Scene B and ViewB through the transition animation, a smooth and seamless display switching transition process from one scene to the target element in other scenes is achieved.

[0099] Alternatively, directly display ViewB at the location of SceneB. Before displaying ViewB, the SceneB view can be hidden first, and a transition animation between SceneB and ViewB can be displayed at the location of the hidden SceneB. After the transition animation is displayed, ViewB is displayed at the location of SceneB, achieving a smooth and seamless display switching transition from one scene to the target element in another scene.

[0100] In some other application scenarios, it is also possible to achieve the display switching between any elements in a scene.

[0101] Taking the display switching between two elements in SceneA as an example, combined with Figure 3 as shown Figure 3 Figure (a) in it is the display interface of SceneA, which contains elements ViewA and ViewB. The ViewB in it can be switched to ViewC which SceneA can also contain. When the ViewB (target element) is switched to ViewC, a transition animation needs to be displayed. For example, the transition animation starts from the display position of ViewB, ends at the display position of ViewC, starts from the display view of ViewA, ends at the display view of ViewB, starts from the display shape of ViewA, ends at the display shape of ViewB, starts from the display size of ViewA, ends at the display size of ViewB, forming a transition animation display effect with position gradual change from the starting position to the ending position, shape gradual change from the starting shape to the ending shape, view gradual change from the starting view to the ending view, and size gradual change from the starting size to the ending size. After the transition animation is displayed, the Figure 3 display interface of SceneA shown in Figure (b) in it can be displayed. SceneA contains elements ViewA and ViewC. Through the transition animation to connect the display switching between ViewB and ViewC, a smooth and seamless display switching transition between any target elements in a scene is achieved.

[0102] Alternatively, directly display ViewC at the display position of ViewB. Before ViewC is displayed, the ViewB view can be hidden, and a transition animation between ViewB and ViewC can be displayed at the location of the hidden ViewB. After the transition animation is displayed, ViewC is displayed at the display position of ViewB, achieving the switching of the view of SceneA from Figure 3 Figure (a) in Figure 3 to Figure (b) in it, achieving a smooth and seamless display switching transition between any target elements in a scene.

[0103] The above-mentioned transitional animation display effect can also be integrated based on animation effects such as Scale, Position, and Alpha to achieve the design of transitional animations.

[0104] To meet the display switching requirements in the above scenarios, in the embodiments of the present application, a special view layer is introduced on top of the view hierarchy for adding drawing content on the upper layer of the view to implement the drawing and display of transitional animations without affecting the original view hierarchy. The area size, position, and content of this view layer can change continuously as the display switching occurs, and the specific form can be customized.

[0105] In this way, by using the transitional animation in the special view layer, when the target element belonging to a certain scene switches displays with other scenes, it does not interfere with the view hierarchy of the scene to which the target element belongs. The transitional animation is drawn and presented by means of an independent display layer. This transitional animation can be drawn with a certain element in the scene as the display switching object to achieve the animation effect of switching displays with other scenes or with other elements in the same scene, making it possible to use a certain element in a scene as the object for switching displays with other scenes or other elements.

[0106] In the embodiments of the present application, the special view layer for drawing content on top of the view hierarchy can be combined with the Parent Scene.

[0107] In the Android Transition framework, the parent scene refers to the upper-level scene in a scene. Each scene can have a parent scene, except for the Root Scene which has no parent scene. Other scenes can build the scene hierarchy by setting the parent scene. Each scene level in the scene hierarchy corresponds to a corresponding view hierarchy.

[0108] The parent scene can provide the context information required for transitional animations in scene transitions, enabling the transitional effect to be correctly applied to the view hierarchy.

[0109] During the implementation process, the parent scene of the scene where the target element is located can be determined first, a special view layer is added to the view hierarchy where the parent scene is located to form a drawing area, and the transitional animation is drawn in this drawing area. The transitional animation can be specifically set according to both sides of the display switching.

[0110] Specifically, the special view layer added to the view hierarchy can be implemented by an independently written tool or by using the ViewOverlay mechanism.

[0111] ViewOverlay is a special view layer in Android for drawing content on top of the view hierarchy. It can be used to add drawn content on top of a view without affecting the original view hierarchy. The area size, position, and content of this view layer can be customized.

[0112] Combine the ViewOverlay mechanism with the Parent Scene. Specifically, a ViewOverlay needs to be generated on the view hierarchy corresponding to the parent scene of the scene where the target element is located, and the transition animation between ViewB and SceneB, or the transition animation between ViewB and ViewC, is processed in the ViewOverlay.

[0113] Based on the ViewOverlay mechanism, it is possible to achieve the switching effect from any element in one scene to other scenes, or the switching effect from any element in the same scene to other elements, between different scene layouts.

[0114] In this way, an element in a scene is used as the object for display switching, implementing the display switching from any element in one scene to other scenes or any element in the same scene. The transition animation effect of the switching can be customized, achieving a simple, efficient, and reusable animation effect solution to meet the display switching requirements in more scenarios.

[0115] Next, in combination with specific embodiments, the display switching method proposed in the embodiments of the present application will be described.

[0116] Embodiment 1:

[0117] The display switching between the target element in the first scene and the second scene. Specifically, it is divided into two processes. The first process is the display switching of the target element in the first scene to the second scene, and the second process is the display switching of the second scene to the target element in the first scene.

[0118] Taking the display switching in the mobile phone Home interface as an example, in combination with Figure 4 As shown, the icons of various applications are displayed in the mobile phone Home interface, and these icons form an icon scene. Thumbnail information such as time, weather, today's schedule, and sports health is displayed above the Home interface, and these thumbnail information form an information thumbnail prompt scene. See the boxed area of SceneA shown in (a) of Figure 4 .

[0119] In SceneA, there are visual elements corresponding to abbreviated information such as time, weather, today's schedule, sports and health, etc. Among them, the abbreviated information of today's schedule is presented as a capsule-shaped view, see the framed area of ViewB shown in (a) of Figure 4 and the abbreviated information of sports and health is presented as a circular view, see the framed area of ViewA shown in (a) of Figure 4 .

[0120] On the mobile phone Home interface, schedule cards, sports and health cards, etc. can also be displayed, forming a card reminder scene, see the framed area of SceneB shown in (b) of Figure 4 .

[0121] The capsule-shaped view of today's schedule and the circular view of sports and health in the information abbreviated reminder scene can be switched for cross-scene display with the card reminder scene.

[0122] Specifically, in Figure 4 , there is a scene where the display needs to be switched from ViewB in SceneA to SceneB (i.e., the capsule-shaped view of today's schedule in the information abbreviated reminder scene is switched to the card reminder scene for display).

[0123] Since usually the display size of the element is smaller than the display size of the scene. In this embodiment, corresponding to the first process, the transition animation is a gradually enlarged display switching effect. For details, please refer to Figure 5 , Figure 7 . Of course, if the display size of the element is larger than the display size of the scene, then corresponding to the first process, the transition animation will be a gradually reduced display switching effect.

[0124] Figure 5 In

[0125] , specifically, the capsule-shaped view of today's schedule in the information abbreviated reminder scene is switched to the card reminder scene for display. It is necessary to display a view layer 1 above the capsule-shaped view of today's schedule in the information abbreviated reminder scene, and a transition animation is displayed in this view layer 1. Figure 5 In (a) of

[0126] In an alternative embodiment, while the transition animation starts to be displayed, the today's schedule capsule view in the information thumbnail prompt scene can be hidden to prevent the today's schedule capsule view from being exposed during the change of the position or size of view layer 1, ensuring the effectiveness of the switching display effect. Meanwhile, the card prompt scene is in a hidden state.

[0127] In Figure 5 (b) thereof, the transition animation is in the middle display state. At this time, the display position of view layer 1 spreads around while covering the display position of the today's schedule capsule view, and the display size gradually becomes larger. The display position of the transition animation in view layer 1 spreads adaptively as the position of view layer 1 changes, the display size becomes larger adaptively, the display view starts to transition the view content from the today's schedule capsule view to the card prompt scene, and the display shape also starts to transition the display shape from the display shape of the today's schedule capsule view to the display shape of the card prompt scene.

[0128] In Figure 5 (c) thereof, the transition animation is still in the middle display state. At this time, the display position of view layer 1 continues to spread around while covering the display position of the today's schedule capsule view, and the display size gradually becomes even larger. The display position of the transition animation in view layer 1 spreads adaptively as the position of view layer 1 changes, the display size becomes larger adaptively, the display view gradually changes to the view content of the card prompt scene, and the display shape also changes to the card display shape of the card prompt scene.

[0129] In Figure 5 (d) thereof, the transition animation is in the final display state. At this time, the display position of view layer 1 finally covers the actual display position of the card prompt scene (in an alternative example, the two can be the same), and the display size is slightly larger than the actual size of the card prompt scene (in an alternative example, the two can be the same). The display position of the transition animation in view layer 1 spreads to the actual display position of the card prompt scene, the display view changes to the view content of the card prompt scene, the display shape also changes to the display shape of the card prompt scene, and the display size changes to the actual display size of the card prompt scene.

[0130] In Figure 5 The evolution process from (a) to (d) thereof is the process from the start of the display of the transition animation to the completion of the display. During this process, optionally, the disappearance animation of the information thumbnail prompt scene can be accompanied. This disappearance animation is not displayed in view layer 1. Specifically, it can be set to be displayed on other view layers under view layer 1, or directly set animation effects such as Scale, Position, and Alpha for the information thumbnail prompt scene itself to achieve the fade-out disappearance display effect.

[0131] When the final transition animation finishes displaying, destroy view layer 1, cancel the hidden state of the card prompt scene, display the card prompt scene, and the display switch between the element and the scene is successful. Optionally, the daily schedule capsule view can also be unhidden simultaneously, but it will not be displayed in the Home interface due to being covered by the card prompt scene, achieving different display effects.

[0132] Figure 7 In [specific context], specifically perform a display switch of the sports health circular view in the information thumbnail prompt scene to the card prompt scene. It is necessary to display a view layer 2 above the sports health circular view in the information thumbnail prompt scene, and display a transition animation in this view layer 2.

[0133] At Figure 7 In (a) of Figure 7 the transition animation is in the starting display state. At Figure 7 In (b) of Figure 7 the transition animation is in the middle display state. At

[0134] At Figure 7 In the evolution process from (a) to (d) of

[0135] is the process from the start of the display of the transition animation to the completion of the display. Figure 5 During this process, the changes in the display position and size of view layer 2 are the same as the display change principle of view layer 1 in Figure 5 A transition animation is displayed in view layer 2, and the changes in the display position, display view, display shape, and display size of this transition animation are the same as the display change principle of the transition animation in

[0136] In an optional implementation, when the transition animation starts to be displayed, the sports health circular view in the information thumbnail prompt scene can be hidden to prevent the sports health circular view from being exposed during the process of changing the position or size of view layer 2, ensuring the effectiveness of the switching display effect. At the same time, the card prompt scene is in a hidden state.

[0137] When the final transition animation finishes displaying, destroy view layer 2, cancel the hidden state of the card prompt scene, display the card prompt scene, and the display switch between the element and the scene is successful. Optionally, the sports health circular view can also be unhidden simultaneously, but it will not be displayed in the Home interface due to being covered by the card prompt scene, achieving different display effects.

[0138] In this embodiment, corresponding to the second process, the transition animation is a gradually shrinking display switching effect. For details, please refer to Figure 6 、 Figure 8As shown. Of course, if the display size of the element is larger than the display size of the scene, then correspondingly to the second process, the transition animation will be a gradually enlarged display switching effect.

[0139] Figure 6 Specifically, a display switch is made from the card prompt scene to the today's schedule capsule view in the information thumbnail prompt scene. It is necessary to display a view layer 1 above the card prompt scene, and a transition animation is displayed in this view layer 1.

[0140] In Figure 6 In (a), the transition animation is in the starting display state. At this time, the display position of the view layer 1 covers the display position of the card prompt scene (in an optional example, the two can be the same), and the display size is slightly larger than the size of the card prompt scene (in an optional example, the two can be the same). A transition animation is displayed in the view layer 1. The display position of the transition animation is the display position of the card prompt scene, the display view is the view content of the card prompt scene, the display shape is the display shape of the card prompt scene, and the display size is the display size of the card prompt scene.

[0141] In an optional implementation manner, when the transition animation starts to be displayed, the card prompt scene can be hidden to avoid exposing the card prompt scene during the process of changing the position or size of the view layer 1, and to ensure the effectiveness of the switching display effect. At the same time, the today's schedule capsule view is in a hidden state.

[0142] In Figure 6 In (b), the transition animation is in the middle display state. At this time, the display position of the view layer 1 shrinks towards the middle while covering the display position of the today's schedule capsule view, and the display size gradually becomes smaller. The display position of the transition animation in the view layer 1 shrinks adaptively with the position of the view layer 1, the display size becomes smaller adaptively, the display view starts to transition from the card prompt scene to the view content of the today's schedule capsule view, and the display shape also starts to transition from the display shape of the card prompt scene to the display shape of the today's schedule capsule view.

[0143] In Figure 6 In (c), the transition animation is still in the middle display state. At this time, the display position of the view layer 1 continues to shrink towards the middle while covering the display position of the today's schedule capsule view, and the display size becomes even smaller. The display position of the transition animation in the view layer 1 shrinks adaptively with the position of the view layer 1, the display size becomes smaller adaptively, the display view gradually changes to the view content of the today's schedule capsule view, and the display shape also changes to the capsule display shape of the today's schedule capsule view.

[0144] In Figure 6In (d), the transition animation is in the final display state. At this time, the display position of view layer 1 finally covers the actual display position of the today's schedule capsule view (in an optional example, the two can be the same), and the display size is slightly larger than the actual size of the today's schedule capsule view (in an optional example, the two can be the same). The display position of the transition animation in view layer 1 shrinks to the actual display position of the today's schedule capsule view, the display view changes to the view content of the today's schedule capsule view, the display shape also changes to the display shape of the today's schedule capsule view, and the display size changes to the actual display size of the today's schedule capsule view.

[0145] In Figure 6 The evolution process from (a) to (d) is the process from the start of the display of the transition animation to the completion of the display. Optionally, an appearance animation of the display information thumbnail prompt scene can be accompanied during this process. This appearance animation is not displayed in view layer 1. Specifically, it can be set to be displayed in other view layers below the view layer, or directly set animation effects such as Scale, Position, and Alpha for the information thumbnail prompt scene itself to achieve a fade-in appearance display effect.

[0146] When the final transition animation display ends, view layer 1 is destroyed, the hidden state of the today's schedule capsule view is cancelled, and the today's schedule capsule view is displayed, and the display switch between the scene and the elements is successful. Optionally, the hidden state of the information thumbnail prompt scene can also be cancelled simultaneously to ensure the normal display of the interface.

[0147] Figure 8 Specifically, a display switch is made from the card prompt scene to the sports health circular view in the information thumbnail prompt scene. A view layer 2 needs to be displayed above the card prompt scene, and a transition animation is displayed in this view layer 2.

[0148] In Figure 8 In (a), the transition animation is in the starting display state. In Figure 8 In (b), the transition animation is in the intermediate display state. In Figure 8 In (c), the transition animation is still in the intermediate display state. In Figure 8 In (d), the transition animation is in the final display state,

[0149] In Figure 8 The evolution process from (a) to (d) is the process from the start of the display of the transition animation to the completion of the display.

[0150] During this process, the changes in the display position and size of view layer 2 are the same as the Figure 6 The principle of the display change of view layer 1 in. There is a transition animation displayed in view layer 2, and the changes in the display position, display view, display shape, and display size of this transition animation are the same asFigure 5 The display change principle of the middle transition animation is the same.

[0151] In an optional implementation, when the transition animation starts to be displayed, the card prompt scene can be hidden to prevent the card prompt scene from being exposed during the position or size change of the view layer 1, ensuring the effectiveness of the switching display effect. At the same time, the sports health circular view is in a hidden state.

[0152] When the final transition animation display ends, destroy the view layer 2, cancel the hidden state of the sports health circular view, and display the sports health circular view. The display switching between the scene and the elements is successful. Optionally, the hidden information thumbnail prompt scene can also be cancelled at the same time to ensure the normal display of the interface.

[0153] Embodiment 2:

[0154] The display switching between the target element and other elements in the same scene.

[0155] Taking a music software as an example, the music software contains a music playback interface. Combining Figure 9 As shown, there are visible control element for controlling music playback set below the music playback interface, forming a music playback control scene. Refer to the framed area of SceneA shown in (a) and (b) of Figure 9 .

[0156] The music playback control scene contains a progress bar control element for controlling music playback, a previous song control element, a next song control element, a play control element (refer to ViewB shown in (a) of Figure 9 ) and a pause control element (refer to ViewC shown in (b) of Figure 9 ).

[0157] To achieve the pause or play control of the current music, there will be a display switching requirement between the play control element and the pause control element in the music playback control scene.

[0158] Since usually the display sizes of the play control element and the pause control element are the same. In this embodiment, the transition animation is a display switching effect with a constant area size. Of course, if the display sizes of two elements in the same scene are different, when the display size of the target element is larger than that of other elements, the transition animation will be a gradually shrinking display switching effect. The specific principle can be referred to the description of the view layer and the transition animation change process related to the foregoing Figure 5 、 Figure 7 .

[0159] When the display size of the target element is smaller than that of other elements, the transition animation will be a gradually enlarging display switching effect. The specific principle can be referred to the description of the foregoing Figure 6, Figure 8 Description of the relevant view layer and the process of transition animation changes.

[0160] In this embodiment, when the play control element switches to the pause control element for display, a view layer needs to be displayed above the play control element in the music playback control scene, and a transition animation is displayed in this view layer. The transition animation is specifically the animation effect of transitioning the play control element to the pause control element. For example, it can be the transition animation effect of the fade-out of the play control element and the fade-in of the pause control element.

[0161] When the transition animation is in the starting display state, the play control element and the pause control element can be hidden. The position and size of the view layer are the same as the actual position and size of the play control element. Then the transition animation is displayed normally. After the transition animation is displayed, the view layer is destroyed, the hiding of the pause control element is cancelled, and the pause control element is displayed, and the display switch between elements is successful.

[0162] Combined with the description of the above embodiments, the process of the electronic device performing display switching using the display switching method in the embodiments of the present application is introduced in detail.

[0163] It should be noted that the first process in Embodiment 1 and Embodiment 2 are both display switches from a certain element in a scene to other display objects.

[0164] Here, the other display objects can be other scenes as described in the first process of Embodiment 1. Or other elements in the same scene as described in Embodiment 2.

[0165] Correspondingly, combined with Figure 10 As shown, the process of the electronic device performing display switching using the display switching method in the embodiments of the present application can refer to the following description of steps 101 - 103.

[0166] Step 101, display the first scene, and the first scene contains the first element.

[0167] Step 102, display the transition animation of switching from the first element to the target display object in the view layer above the first element.

[0168] Step 103, display the target display object when the transition animation is displayed completely.

[0169] The scene is Scene, and the element is View. A scene consists of one or more elements.

[0170] When it is necessary to perform a display switch with the first element in the first scene as the switching object, a view layer can be generated above the first element, and the transition animation can be drawn and presented with the help of the independent view layer. The transition animation can be drawn with an element in the scene as the display switch object, achieving an animation effect of switching the display with other scenes or other elements in the same scene, making it possible to use an element in a scene as the object for switching the display with other scenes or other elements.

[0171] In this process, the target display object is the second scene or the second element included in the first scene.

[0172] When the target display object is the second scene, a smooth and seamless display switch transition process from the target element in one scene to other scenes is realized. When the target display object is the second element included in the first scene, a display switch between any elements in one scene is realized. It meets the display switch requirements in more application scenarios.

[0173] In some embodiments, before displaying the transition animation of switching from the first element to the target display object in the view layer above the first element in step 102, it is also necessary to create the view layer first.

[0174] The specific implementation method can include: directly creating the view layer through the display controller in the electronic device.

[0175] Differently, the specific implementation method can also include: determining the parent scene of the first scene and the target display object, and creating the view layer in the view hierarchy where the parent scene is located.

[0176] Among them, when the target display object is the second scene, then the common upper-level scene of the first scene and the second scene is their parent scene. When the target display object is other elements in the same scene, then the parent scene of the first scene itself can be directly used as the parent scene of the first scene and the target display object.

[0177] This process relies on the scene hierarchy and the corresponding view hierarchy under different scene hierarchies to assist in successfully creating the view layer above the first element in the first scene, and realizing the effective drawing and display of the transition animation.

[0178] In some implementation processes, if the target display object is the second scene, then the second scene and the first scene are different display scenes in the same application.

[0179] When the first scene and the second scene are scenes in the same application, it realizes the display switch of the target element in the first scene in the same application to other scenes. Different scenes under the same application are under the same root scene, and a common parent scene can be found between the second scene and the first scene, so as to effectively draw an independent view layer above the first element in the view hierarchy where the parent scene is located.

[0180] The display effect and display method of the transition animation can be customized, and there can be multiple different display switch effects along with different transition display processes.

[0181] In some alternative implementation manners, step 102 displays a transition animation for switching from the first element to the target display object in the view layer above the first element, including:

[0182] In the view layer above the first element, a transition animation for display switch is displayed with the display position of the first element as the starting position and the display position of the target display object as the ending position.

[0183] In this way, the first element and the target display object can be associated with display transition in terms of the display position, forming a transition animation display effect with a position gradual change from the starting position to the ending position, and realizing a smooth and seamless display switch transition process from the target element in one scene to other scenes or elements.

[0184] In some alternative implementation manners, step 102 displays a transition animation for switching from the first element to the target display object in the view layer above the first element, including:

[0185] In the view layer above the first element, a transition animation for display switch is displayed with the first element as the starting view and the display view of the target display object as the ending view.

[0186] In this way, the first element and the target display object can be associated with display transition in terms of the display view, forming a transition animation display effect with a view gradual change from the starting view to the ending view, and realizing a smooth and seamless display switch transition process from the target element in one scene to other scenes or elements.

[0187] In some alternative implementation manners, step 102 displays a transition animation for switching from the first element to the target display object in the view layer above the first element, including:

[0188] In the view layer above the first element, a transition animation for display switch is displayed with the display size of the first element as the starting size and the display size of the target display object as the ending size.

[0189] In this way, it is possible to associate the display transition of the first element with the target display object in terms of display size, forming a transition animation display effect with size gradual change from the starting size to the ending size, and realizing smooth and seamless display switching transition processing from the target element in one scene to other scenes or elements.

[0190] In some optional implementation manners, step 102 displays a transition animation for switching from the first element to the target display object in the view layer above the first element, including:

[0191] In the view layer above the first element, display a transition animation for display switching with the display shape of the first element as the starting shape and the display shape of the target display object as the ending shape.

[0192] In this way, it is possible to associate the display transition of the first element with the target display object in terms of display shape, forming a transition animation display effect with size gradual change from the starting shape to the ending shape, and realizing smooth and seamless display switching transition processing from the target element in one scene to other scenes or elements.

[0193] Alternatively, in one implementation manner, various display manners of the above transition animation can also be arbitrarily combined to associate the display transition of the first element with the target display object from multiple dimensions, enhancing the vividness during the display switching and improving the display effect during the display switching from the target element in one scene to other scenes or elements.

[0194] Furthermore, in some implementation processes, when the transition animation display is completed, the view layer can be destroyed. While realizing the recycling of display resources, unnecessary display interference during the display switching is avoided.

[0195] Optionally, in some implementation processes, during the process from the start of the display of the transition animation to the completion of the display, display the disappearing animation of the first scene. That is, when the first element switches to other scenes or other elements for display, the first scene can disappear accordingly, enhancing the overall coordination of the display switching. At the same time, in some implementation processes, if the transition animation starts to be displayed, hide the first element to ensure the effective implementation of the display switching.

[0196] In addition, in addition to realizing the display switching from a certain element in one scene to other scenes, or the display switching between two elements, it is also possible to realize the reverse switching from one scene to a certain element in other scenes. This processing manner can correspond to the second process in Embodiment 1.

[0197] Correspondingly, combined with Figure 11As shown in the figure, the process of the electronic device performing display switching by using the display switching method in the embodiments of the present application can refer to the following description of steps 201-203.

[0198] Step 201, display the second scene.

[0199] Step 202, in the view layer above the second scene, display a transition animation for switching from the second scene to the first element in the first scene.

[0200] Step 203, when the transition animation is completely displayed, display the first element in the first scene.

[0201] When it is necessary to perform display switching to a target element in another scene with the second scene as the switching object, a view layer can also be generated above the second scene, and the drawing and display of the transition animation can be realized by means of an independent view layer, making it possible to perform display switching from one scene to a certain element in another scene and meeting the display switching requirements in more application scenarios.

[0202] In some implementation processes, the second scene and the first scene are different display scenes in the same application.

[0203] When the first scene and the second scene are scenes in the same application, the display switching from the first scene to the target element in another scene in the same application is realized. A common parent scene can be found between the second scene and the first scene in the same application, so that an independent view layer can be effectively drawn above the first element in the view hierarchy where the parent scene is located.

[0204] In some embodiments, before step 202 displays the transition animation for switching from the second scene to the first element in the first scene in the view layer above the second scene, it is also necessary to first create the view layer.

[0205] Specific implementation methods, in addition to directly creating the view layer through the display controller in the electronic device, may also include:

[0206] Determine the parent scene of the second scene and the first scene, and create a view layer in the view hierarchy where the parent scene is located.

[0207] The common upper-level scene of the first scene and the second scene is their parent scene.

[0208] This process, with the help of the scene hierarchy and the corresponding view hierarchy under different scene hierarchies, assists in successfully creating a view layer above the first element of the first scene, and realizing the effective drawing and display of the transition animation.

[0209] Similarly, in this embodiment, the display effect and display method of the transition animation can also be customized, and there can be multiple different display switching effects accompanying different transition display processes.

[0210] In some embodiments, step 202 displays a transition animation for switching from the second scene to the first element in the first scene in the view layer above the second scene, including:

[0211] In the view layer above the second scene, display a transition animation for display switching with the display position of the second scene as the starting position and the display position of the first element as the ending position.

[0212] In this way, it is possible to make a display transition association between the second scene and the first element in terms of the display position, forming a transition animation display effect with a position gradual change from the starting position to the ending position, and realizing a smooth and seamless reverse display switching process from one scene to the target element in other scenes.

[0213] In some embodiments, step 202 displays a transition animation for switching from the second scene to the first element in the first scene in the view layer above the second scene, including:

[0214] In the view layer above the second scene, display a transition animation for display switching with the display view of the second scene as the starting view and the first element as the ending view.

[0215] In this way, it is possible to make a display transition association between the second scene and the first element in terms of the display view, forming a transition animation display effect with a view gradual change from the starting view to the ending view, and realizing a smooth and seamless reverse display switching process from one scene to the target element in other scenes.

[0216] In some embodiments, step 202 displays a transition animation for switching from the second scene to the first element in the first scene in the view layer above the second scene, including:

[0217] In the view layer above the second scene, display a transition animation for display switching with the display size of the second scene as the starting size and the display size of the first element as the ending size.

[0218] In this way, it is possible to make a display transition association between the second scene and the first element in terms of the display size, forming a transition animation display effect with a size gradual change from the starting size to the ending size, and realizing a smooth and seamless reverse display switching process from one scene to the target element in other scenes.

[0219] In some embodiments, step 202 displays a transition animation for switching from the second scene to the first element in the first scene in the view layer above the second scene, including:

[0220] In the view layer above the second scene, a transition animation is displayed that switches the display from the display shape of the second scene as the starting shape to the display shape of the first element as the ending shape.

[0221] In this way, it is possible to associate the display transition between the second scene and the first element in terms of the display shape, forming a transition animation display effect with a gradual change in size from the starting shape to the ending shape, and realizing a smooth and seamless reverse display switching process from one scene to the target element in other scenes.

[0222] Alternatively, in one implementation, various display methods of the above transition animation can also be arbitrarily combined to associate the display transition between the second scene and the first element from multiple dimensions, enhancing the vividness during the display switching process and improving the display effect of the reverse display switching from one scene to the target element in other scenes.

[0223] Furthermore, in some implementation processes, when the transition animation display is completed, the view layer is destroyed. While realizing the recycling of display resources, unnecessary display interference during the display switching process is avoided.

[0224] Optionally, in some implementation processes, during the process of the transition animation from the start of display to the completion of display, the appearance animation of the first scene is displayed. That is, while the second element is switched to the target element in other scenes, the first scene where the target element is located can appear accordingly, enhancing the overall coordination of the display switching. At the same time, in some implementation processes, if the transition animation starts to be displayed, the second scene is hidden to ensure the normal and effective implementation of the display switching.

[0225] In the embodiments of the present application, there are some similarities and differences in the display switching methods under different scenes, and the relevant description contents of these parts can be mutually borrowed and integrated, and there is no technical combination and implementation obstacle due to the difference in scene description.

[0226] Figure 12 It is a schematic diagram of a display switching device according to an embodiment of the present application. As Figure 12 shown, the device 2000 includes a first display module 2001, a second display module 2002, and a third display module 2003.

[0227] Among them, the first display module 2001 is used to display the first scene, and the first scene includes a first element; the second display module 2002 is used to display a transition animation for switching from the first element to a target display object in the view layer above the first element; the third display module 2003 is used to display the target display object when the transition animation display is completed.

[0228] The device 2000 can be integrated into electronic devices such as mobile phones, tablet computers, and smart wearable devices.

[0229] The device 2000 can be used to execute any of the above graphical display methods.

[0230] In one implementation, the device 2000 may further include a storage unit for storing data such as images and identified image features. The storage unit can be integrated into any of the above units or be a unit independent of all the above units.

[0231] Figure 13 It is a schematic diagram of a display switching device according to an embodiment of the present application. As Figure 13 shown, the device 3000 includes a first display module 3001, a second display module 3002, and a third display module 3003.

[0232] Among them, the first display module 3001 is used to display the second scene; the second display module 3002 is used to display a transition animation of switching from the second scene to the first element in the first scene in the view layer above the second scene; the third display module 3003 is used to display the first element in the first scene when the display of the transition animation is completed.

[0233] The device 3000 can be integrated into electronic devices such as mobile phones, tablet computers, and smart wearable devices.

[0234] The device 3000 can be used to execute any of the above graphical display methods.

[0235] In one implementation, the device 3000 may further include a storage unit for storing data such as images and identified image features. The storage unit can be integrated into any of the above units or be a unit independent of all the above units.

[0236] Figure 14 It is a schematic diagram of the hardware structure of an electronic device according to an embodiment of the present application. As Figure 14As shown, the electronic device 900 may include a processor 910, an external memory interface 920, an internal memory 921, a universal serial bus (USB) interface 930, a charging management module 940, a power management module 941, a battery 942, an antenna 1, an antenna 2, a mobile communication module 950, a wireless communication module 960, an audio module 970, a speaker 970A, a receiver 970B, a microphone 970C, a headphone jack 970D, a sensor module 980, a button 990, a motor 991, an indicator 992, a camera 993, a display screen 994, and a subscriber identification module (SIM) card interface 995, etc. Among them, the sensor module 980 may include a pressure sensor 980A, a gyroscope sensor 980B, a barometric pressure sensor 980C, a magnetic sensor 980D, an acceleration sensor 980E, a distance sensor 980F, a proximity light sensor 980G, a fingerprint sensor 980H, a temperature sensor 980J, a touch sensor 980K, an ambient light sensor 980L, a bone conduction sensor 980M, etc.

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

[0238] Exemplarily, Figure 14 The illustrated processor 910 may include one or more processing units. For example, the processor 910 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Among them, different processing units may be independent devices or integrated in one or more processors.

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

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

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

[0242] In some embodiments, the I2C interface is a bidirectional synchronous serial bus, including a serial data line (SDA) and a serial clock line (SCL). The processor 910 may include multiple groups of I2C buses. The processor 910 can be respectively coupled to the touch sensor 980K, the charger, the flash, the camera 993, etc. through different I2C bus interfaces. For example, the processor 910 can be coupled to the touch sensor 980K through the I2C interface, enabling the processor 910 to communicate with the touch sensor 980K through the I2C bus interface to implement the touch function of the electronic device 900.

[0243] In some embodiments, the I2S interface can be used for audio communication. The processor 910 may include multiple groups of I2S buses. The processor 910 can be coupled to the audio module 970 through the I2S bus to implement communication between the processor 910 and the audio module 970.

[0244] In some embodiments, the audio module 970 may transmit an audio signal to the wireless communication module 960 through the I2S interface, implementing the function of answering a call through a Bluetooth headset.

[0245] In some embodiments, the PCM interface may also be used for audio communication to sample, quantize, and encode an analog signal. The audio module 970 and the wireless communication module 960 may be coupled through the PCM bus interface.

[0246] In some embodiments, the audio module 970 may also transmit an audio signal to the wireless communication module 960 through the PCM interface, implementing the function of answering a call through a Bluetooth headset. It should be understood that both the I2S interface and the PCM interface can be used for audio communication.

[0247] In some embodiments, the UART interface is a universal serial data bus for asynchronous communication. This bus can be a bidirectional communication bus. It converts the data to be transmitted between serial communication and parallel communication. The UART interface is usually used to connect the processor 910 and the wireless communication module 960. For example, the processor 910 communicates with the Bluetooth module in the wireless communication module 960 through the UART interface to implement the Bluetooth function. In some embodiments, the audio module 970 may transmit an audio signal to the wireless communication module 960 through the UART interface, implementing the function of playing music through a Bluetooth headset.

[0248] In some embodiments, the MIPI interface can be used to connect the processor 910 with peripheral devices such as the display screen 994 and the camera 993. The MIPI interface includes a camera serial interface (CSI), a display serial interface (DSI), etc. The processor 910 and the camera 993 communicate through the CSI interface to implement the shooting function of the electronic device 900. The processor 910 and the display screen 994 communicate through the DSI interface to implement the display function of the electronic device 900.

[0249] In some embodiments, the GPIO interface can be configured by software. The GPIO interface can be configured as a control signal or a data signal. The GPIO interface can be used to connect the processor 910 with the camera 993, the display screen 994, the wireless communication module 960, the audio module 970, the sensor module 980, etc. The GPIO interface can also be configured as an I2C interface, an I2S interface, a UART interface, a MIPI interface, etc.

[0250] Exemplarily, the USB interface 930 is an interface that complies with the USB standard specification. Specifically, it 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 electronic device 900, and can also be used to transfer data between the electronic device 900 and peripheral devices. It can also be used to connect headphones to play audio. This interface can also be used to connect other electronic devices, such as AR devices, etc.

[0251] It can be understood that the interface connection relationship between the modules schematically shown in the embodiments of the present application is only for illustrative purposes and does not constitute a structural limitation on the electronic device 900. In other embodiments of the present application, the electronic device 900 can also adopt different interface connection methods in the above embodiments, or a combination of multiple interface connection methods.

[0252] The charging management module 940 is used to receive a charging input from a charger. Among them, the charger can be a wireless charger or a wired charger. In some embodiments of wired charging, the charging management module 940 can receive the charging input of the wired charger through the USB interface 930. In some embodiments of wireless charging, the charging management module 940 can receive the wireless charging input through the wireless charging coil of the electronic device 900. While charging the battery 942, the charging management module 940 can also supply power to the electronic device through the power management module 941.

[0253] The power management module 941 is used to connect the battery 942, the charging management module 940, and the processor 910. The power management module 941 receives the input from the battery 942 and / or the charging management module 940 and supplies power to the processor 910, the internal memory 921, the external memory, the display screen 994, the camera 993, the wireless communication module 960, etc. The power management module 941 can also be used to monitor parameters such as the battery capacity, the number of battery cycles, and the battery health status (leakage, impedance). In some other embodiments, the power management module 941 can also be provided in the processor 910. In other embodiments, the power management module 941 and the charging management module 940 can also be provided in the same device.

[0254] The wireless communication function of the electronic device 900 can be implemented through antenna 1, antenna 2, the mobile communication module 950, the wireless communication module 960, the modulation and demodulation processor, and the baseband processor, etc.

[0255] Antenna 1 and Antenna 2 are used for transmitting and receiving electromagnetic wave signals. Each antenna in the electronic device 900 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, Antenna 1 can be multiplexed as a diversity antenna for a wireless local area network. In some other embodiments, the antenna can be used in combination with a tuning switch.

[0256] The mobile communication module 950 can provide solutions for wireless communication applied to the electronic device 900, such as at least one of the following solutions: second-generation (2G) mobile communication solution, third-generation (3G) mobile communication solution, fourth-generation (4G) mobile communication solution, fifth-generation (5G) mobile communication solution. The mobile communication module 150 can include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 950 can receive electromagnetic waves through Antenna 1, perform processing such as filtering and amplifying the received electromagnetic waves, and then transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 950 can also amplify the signal modulated by the modulation and demodulation processor, and the amplified signal is converted into electromagnetic waves and radiated out through Antenna 1. In some embodiments, at least some functional modules of the mobile communication module 150 can be provided in the processor 910. In some embodiments, at least some functional modules of the mobile communication module 950 and at least some modules of the processor 910 can be provided in the same device.

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

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

[0259] In some embodiments, antenna 1 of electronic device 900 is coupled to mobile communication module 950, and antenna 2 of electronic device 900 is coupled to wireless communication module 960, enabling electronic device 900 to communicate with a network and other electronic devices via wireless communication technologies. The wireless communication technologies may include at least one of the following communication technologies: 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, IR technology. The GNSS may include at least one of the following positioning technologies: Global Positioning System (GPS), Global Navigation Satellite System (GLONASS), Beidou Navigation Satellite System (BDS), Quasi-Zenith Satellite System (QZSS), Satellite Based Augmentation Systems (SBAS).

[0260] Electronic device 900 implements a display function through a GPU, display screen 994, and an application processor, etc. The GPU is a microprocessor for image processing, connected to display screen 994 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 910 may include one or more GPUs, which execute program instructions to generate or change display information.

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

[0262] The electronic device 900 can implement the shooting function through an ISP, a camera 993, a video codec, a GPU, a display screen 994, an application processor, etc.

[0263] The ISP is used to process the data fed back by the camera 993. For example, when taking a photo, the shutter is opened, and light passes through the lens and is transmitted to the camera photosensitive element. The light signal is converted into an electrical signal, and the camera photosensitive element transmits the electrical signal to the ISP for processing and converts it into an image visible to the naked eye. The ISP can also optimize the noise, brightness, and skin color of the image through algorithms. The ISP can also optimize parameters such as the exposure and color temperature of the shooting scene. In some embodiments, the ISP can be set in the camera 993.

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

[0265] The digital signal processor is used to process digital signals. In addition to processing digital image signals, it can also process other digital signals. For example, when the electronic device 900 selects a frequency point, the digital signal processor is used to perform Fourier transform on the frequency point energy, etc.

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

[0267] The NPU is a neural-network (NN) computing processor. By learning from the biological neural network structure, such as learning from the transmission pattern between human brain neurons, it can quickly process the input information and can also continuously self-learn. Through the NPU, applications such as intelligent cognition of the electronic device 900 can be realized, such as: image recognition, face recognition, speech recognition, text understanding, etc.

[0268] The external memory interface 920 can be used to connect an external memory card, such as a Secure Digital (SD) card, to expand the storage capacity of the electronic device 900. The external memory card communicates with the processor 910 through the external memory interface 120 to implement the data storage function. For example, files such as music and videos are saved in the external memory card.

[0269] The internal memory 921 can be used to store computer-executable program code, and the executable program code includes instructions. The processor 910 executes various functional applications and data processing of the electronic device 900 by running the instructions stored in the internal memory 921. The internal memory 921 can include a program storage area and a data storage area. Among them, the program storage area can store the operating system, application programs required for at least one function (such as the sound playback function, the image playback function, etc.). The data storage area can store the data created during the use of the electronic device 900 (such as audio data, phone book, etc.). In addition, the internal memory 921 can include high-speed random access memory and can also include non-volatile memory, such as at least one disk storage device, flash memory device, Universal Flash Storage (UFS), etc.

[0270] The electronic device 900 can implement audio functions through the audio module 970, speaker 970A, receiver 970B, microphone 970C, headphone jack 970D, and the application processor, etc. For example, music playback, recording, etc.

[0271] The audio module 970 is used to convert digital audio information into an analog audio signal for output, and is also used to convert an analog audio input into a digital audio signal. The audio module 970 can also be used for encoding and decoding audio signals. In some embodiments, the audio module 970 can be disposed in the processor 910, or some functional modules of the audio module 970 can be disposed in the processor 910.

[0272] The speaker 970A, also known as the "loudspeaker", is used to convert an audio electrical signal into a sound signal. The electronic device 900 can listen to music or hands-free calls through the speaker 970A.

[0273] The receiver 970B, also known as the "earpiece", is used to convert an audio electrical signal into a sound signal. When the electronic device 900 answers a call or a voice message, the voice can be listened to by placing the receiver 970B close to the human ear.

[0274] The microphone 970C, also known as the "microphone" or "transmitter", is used to convert a sound signal into an electrical signal. When making a call or sending a voice message, the user can speak by placing the mouth close to the microphone 970C to input the sound signal into the microphone 970C. The electronic device 900 can be provided with at least one microphone 970C. In some other embodiments, the electronic device 900 can be provided with two microphones 970C, which can not only collect sound signals but also implement a noise reduction function. In some other embodiments, the electronic device 900 can also be provided with three, four or more microphones 970C, which can collect sound signals, reduce noise, identify the sound source, and implement functions such as directional recording.

[0275] The headphone jack 970D is used to connect a wired headphone. The headphone jack 970D can be a USB interface 930, or a 3.5 mm open mobile terminal platform (OMTP) standard interface, or a cellular telecommunications industry association of the USA (CTIA) standard interface.

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

[0277] The gyroscope sensor 980B can be used to determine the motion posture of the electronic device 900. In some embodiments, the angular velocity of the electronic device 900 around three axes (i.e., the x, y, and z axes) can be determined by the gyroscope sensor 980B. The gyroscope sensor 980B can be used for anti-shake shooting. Exemplarily, when the shutter is pressed, the gyroscope sensor 980B detects the angle of jitter of the electronic device 900, calculates the distance that the lens module needs to compensate based on the angle, and enables the lens to cancel the jitter of the electronic device 900 through reverse movement to achieve anti-shake. The gyroscope sensor 980B can also be used for navigation and somatosensory game scenarios.

[0278] The barometric pressure sensor 980C is used to measure barometric pressure. In some embodiments, the electronic device 900 calculates the altitude based on the barometric pressure value measured by the barometric pressure sensor 980C to assist in positioning and navigation.

[0279] The magnetic sensor 980D includes a Hall sensor. The electronic device 900 can use the magnetic sensor 980D to detect the opening and closing of the flip leather case. In some embodiments, when the electronic device 900 is a flip phone, the electronic device 900 can detect the opening and closing of the flip according to the magnetic sensor 980D; according to the detected opening and closing state of the leather case or the opening and closing state of the flip, features such as automatic flip unlocking are set.

[0280] The acceleration sensor 980E can detect the magnitude of the acceleration of the electronic device 900 in various directions (generally three axes). When the electronic device 900 is stationary, the magnitude and direction of gravity can be detected. It can also be used to identify the posture of the electronic device and is applied to applications such as horizontal and vertical screen switching and pedometers.

[0281] The distance sensor 980F is used to measure distance. The electronic device 900 can measure distance through infrared or laser. In some embodiments, when shooting a scene, the electronic device 900 can use the distance sensor 980F to measure distance to achieve fast focusing.

[0282] The proximity light sensor 980G may include, for example, a light-emitting diode (LED) and a light detector, such as a photodiode. The light-emitting diode may be an infrared light-emitting diode. The electronic device 900 emits infrared light outward through the light-emitting diode. The electronic device 900 uses the photodiode to detect the infrared reflected light from nearby objects. When sufficient reflected light is detected, it can be determined that there is an object near the electronic device 900. When insufficient reflected light is detected, the electronic device 900 can determine that there is no object near the electronic device 900. The electronic device 900 can use the proximity light sensor 980G to detect that the user holds the electronic device 900 close to the ear for a call, so as to automatically turn off the screen to save power. The proximity light sensor 980G can also be used for automatic unlocking and locking of the holster mode and pocket mode.

[0283] The ambient light sensor 980L is used to sense the ambient light brightness. The electronic device 900 can adaptively adjust the brightness of the display screen 994 according to the sensed ambient light brightness. The ambient light sensor 980L can also be used to automatically adjust the white balance when taking pictures. The ambient light sensor 980L can also cooperate with the proximity light sensor 980G to detect whether the electronic device 900 is in the pocket to prevent accidental touch.

[0284] The fingerprint sensor 980H is used to collect fingerprints. The electronic device 900 can use the collected fingerprint characteristics to achieve fingerprint unlocking, access application lock, fingerprint taking pictures, fingerprint answering calls, etc.

[0285] The temperature sensor 980J is used to detect temperature. In some embodiments, the electronic device 900 uses the temperature detected by the temperature sensor 980J to execute a temperature processing strategy. For example, when the temperature reported by the temperature sensor 980J exceeds the threshold, the electronic device 900 reduces the performance of the processor near the temperature sensor 980J to reduce power consumption and implement thermal protection. In some other embodiments, when the temperature is lower than another threshold, the electronic device 900 heats the battery 942 to avoid abnormal shutdown of the electronic device 900 caused by low temperature. In some other embodiments, when the temperature is lower than yet another threshold, the electronic device 900 boosts the output voltage of the battery 942 to avoid abnormal shutdown caused by low temperature.

[0286] The touch sensor 980K, also known as the "touch panel". The touch sensor 980K can be disposed on the display screen 994, and the touch sensor 980K and the display screen 994 form a touch screen, also known as the "touch display screen". The touch sensor 980K is used to detect touch operations acting thereon or nearby. The touch sensor can transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 994. In some other embodiments, the touch sensor 980K can also be disposed on the surface of the electronic device 900, at a different position from that of the display screen 994.

[0287] The bone conduction sensor 980M can acquire vibration signals. In some embodiments, the bone conduction sensor 980M can acquire vibration signals of the vibrating bone mass of the human vocal part. The bone conduction sensor 980M can also contact the human pulse to receive blood pressure pulsation signals. In some embodiments, the bone conduction sensor 980M can also be disposed in the earphone to form a bone conduction earphone. The audio module 970 can parse out voice signals based on the vibration signals of the vibrating bone mass of the human vocal part acquired by the bone conduction sensor 980M to implement the voice function. The application processor can parse out heart rate information based on the blood pressure pulsation signals acquired by the bone conduction sensor 980M to implement the heart rate detection function.

[0288] The keys 990 include a power-on key, volume keys, etc. The keys 990 can be mechanical keys. They can also be touch keys. The electronic device 900 can receive key inputs to generate key signal inputs related to the user settings and function control of the electronic device 900.

[0289] The motor 991 can generate vibration prompts. The motor 991 can be used for incoming call vibration prompts and can also be used for touch vibration feedback. For example, touch operations acting on different applications (such as taking pictures, audio playing, etc.) can correspond to different vibration feedback effects. Touch operations acting on different areas of the display screen 994 can also correspond to different vibration feedback effects for the motor 991. Different application scenarios (such as time reminder, receiving messages, alarm clock, games, etc.) can also correspond to different vibration feedback effects. The touch vibration feedback effect can also support customization.

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

[0291] The SIM card interface 995 is used to connect to a SIM card. The SIM card can be inserted into or removed from the SIM card interface 995 to achieve contact with and separation from the electronic device 900. The electronic device 900 can support one or N SIM card interfaces, where N is a positive integer greater than 1. The SIM card interface 995 can support Nano SIM cards, Micro SIM cards, SIM cards, etc. Multiple cards can be inserted into the same SIM card interface 995 simultaneously. The types of the multiple cards can be the same or different. The SIM card interface 995 can also be compatible with different types of SIM cards. The SIM card interface 995 can also be compatible with external memory cards. The electronic device 900 interacts with the network through the SIM card to implement functions such as calls and data communication. In some embodiments, the electronic device 900 uses an eSIM, i.e., an embedded SIM card. The eSIM card can be embedded in the electronic device 900 and cannot be separated from the electronic device 900.

[0292] It should be noted that for the content such as information interaction and execution process between the above-mentioned devices / units, since it is based on the same concept as the method embodiment of this application, for its specific functions and the technical effects brought, reference can be specifically made to the method embodiment part, and details will not be elaborated here.

[0293] Those skilled in the art can clearly understand that for the sake of convenience and brevity of description, only the above division of each functional unit and module is used as an example. In actual applications, the above functions can be allocated to different functional units and modules according to needs, that is, the internal structure of the device is divided into different functional units or modules to complete all or part of the functions described above. Each functional unit and module in the embodiment can be integrated in a processing unit, or each unit can exist physically alone, or two or more units can be integrated in one unit. The above integrated unit can be implemented in the form of hardware or in the form of a software functional unit. In addition, the specific names of each functional unit and module are only for the convenience of mutual distinction and do not limit the protection scope of this application. The specific working process of the units and modules in the above system can refer to the corresponding process in the foregoing method embodiment, and details will not be elaborated here.

[0294] An embodiment of this application also provides an electronic device, which includes: at least one processor, a memory, and a computer program stored in the memory and executable on the at least one processor. When the processor executes the computer program, the steps in any of the above methods can be implemented.

[0295] An embodiment of this application also provides a computer-readable storage medium, which stores a computer program. When the computer program is executed by a processor, the steps in each of the above method embodiments can be implemented.

[0296] An embodiment of the present application provides a computer program product, which includes a computer program. When the computer program is executed by a processor, the steps in the above-mentioned method embodiments can be implemented.

[0297] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, to implement all or part of the processes in the above-mentioned method embodiments of the present application, a computer program can be used to instruct relevant hardware to complete. The computer program can be stored in a computer-readable storage medium. When the computer program is executed by a processor, the steps in the above-mentioned method embodiments can be implemented. Among them, the computer program includes computer program code, and the computer program code can be in the form of source code, object code, executable file or some intermediate form, etc. The computer-readable medium can at least include: any entity or device that can carry the computer program code to the photographing device / electronic device, recording medium, computer memory, read-only memory (ROM), random access memory (RAM), electrical carrier signal, telecommunication signal, and software distribution medium. For example, a USB flash drive, a mobile hard disk, a magnetic disk or an optical disc, etc. In some jurisdictions, according to legislation and patent practice, the computer-readable medium cannot be an electrical carrier signal and a telecommunication signal.

[0298] In the above embodiments, the descriptions of the respective embodiments have their own emphases. For the parts not detailed or recorded in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0299] Those of ordinary skill in the art can realize that the units and algorithm steps of the examples described in conjunction with the embodiments disclosed herein can be implemented by electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are executed in a hardware or software manner depends on the specific application and design constraints of the technical solution. Professional technicians can use different methods to implement the described functions for each specific application, but such implementation should not be considered to exceed the scope of the present application.

[0300] In the embodiments provided in this application, it should be understood that the disclosed devices / apparatuses and methods can be implemented in other ways. For example, the device / apparatus embodiments described above are merely illustrative. For example, the division of the modules or units is only a logical function division. In actual implementation, there may be other division methods. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the couplings or direct couplings or communication connections shown or discussed with each other can be through some interfaces. The indirect couplings or communication connections of the devices or units can be in electrical, mechanical or other forms.

[0301] The units described as separate components may or may not be physically separated. The components shown as units may or may not be physical units, that is, they can be located in one place or distributed to multiple network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0302] It should be understood that when used in the specification and the appended claims of this application, the term "comprising" indicates the presence of the described features, wholes, steps, operations, elements and / or components, but does not exclude the presence or addition of one or more other features, wholes, steps, operations, elements, components and / or their combinations.

[0303] It should also be understood that the term "and / or" used in the specification and the appended claims of this application refers to any combination and all possible combinations of one or more of the related listed items, and includes these combinations.

[0304] As used in the specification and the appended claims of this application, the term "if" can be interpreted as "when", "once", "in response to determining", or "in response to detecting" according to the context. Similarly, the phrase "if determined" or "if [the described condition or event] is detected" can be interpreted as meaning "once determined", "in response to determining", "once [the described condition or event] is detected", or "in response to detecting [the described condition or event]" according to the context.

[0305] In addition, in the description of the specification and the appended claims of this application, the terms "first", "second", "third", etc. are only used for distinguishing descriptions and cannot be understood as indicating or implying relative importance.

[0306] References to "one embodiment" or "some embodiments" etc. described in the specification of this application mean that a particular feature, structure, or characteristic described in connection with that embodiment is included in one or more embodiments of this application. Thus, statements such as "in one embodiment", "in some embodiments", "in other some embodiments", "in still other embodiments", etc. that appear in different places in this specification are not necessarily all referring to the same embodiment, but rather mean "one or more but not all embodiments", unless otherwise specifically emphasized. The terms "comprising", "including", "having" and their variants all mean "including but not limited to", unless otherwise specifically emphasized.

[0307] The above-described embodiments are only used to illustrate the technical solutions of this application, rather than to limit them; although this application has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art should understand that they can still modify the technical solutions recorded in the foregoing embodiments, or perform equivalent replacements for some of the technical features; and these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of each embodiment of this application, and should all be included within the protection scope of this application.

Claims

1. A display switching method, characterized in that, Including: Display a first scene, where the first scene includes a first element; In a view layer above the first element, display a transition animation for switching from the first element to a target display object; When the transition animation is finished being displayed, display the target display object.

2. The method according to claim 1, characterized in that, Before displaying the transition animation for switching from the first element to the target display object in the view layer above the first element, it further includes: Determine the parent scene of the first scene and the target display object, and create the view layer in the view hierarchy where the parent scene is located.

3. The method according to claim 1, characterized in that, Displaying the transition animation for switching from the first element to the target display object in the view layer above the first element includes: In the view layer above the first element, display a transition animation for display switching with the display position of the first element as the starting position and the display position of the target display object as the ending position.

4. The method according to claim 1, wherein Displaying the transition animation for switching from the first element to the target display object in the view layer above the first element includes: In the view layer above the first element, display a transition animation for display switching with the first element as the starting view and the display view of the target display object as the ending view.

5. The method according to claim 1, characterized in that, Displaying the transition animation for switching from the first element to the target display object in the view layer above the first element includes: In the view layer above the first element, display a transition animation for display switching with the display size of the first element as the starting size and the display size of the target display object as the ending size.

6. The method according to claim 1, wherein Displaying the transition animation for switching from the first element to the target display object in the view layer above the first element includes: In the view layer above the first element, display a transition animation for display switching with the display shape of the first element as the starting shape and the display shape of the target display object as the ending shape.

7. The method according to claim 1, characterized in that, The target display object is a second scene; or, the target display object is a second element included in the first scene.

8. The method according to claim 7, wherein If the target display object is a second scene, then the second scene and the first scene are different display scenes in the same application.

9. A display switching method, characterized in that Including: Display a second scene; In a view layer above the second scene, display a transition animation for switching from the second scene to the first element in the first scene; When the transition animation is finished being displayed, display the first element in the first scene.

10. The method according to claim 9, wherein Before displaying the transition animation for switching from the second scene to the first element in the first scene in the view layer above the second scene, it further includes: Determine the parent scene of the second scene and the first scene, and create the view layer in the view hierarchy where the parent scene is located.

11. The method according to claim 9, wherein Displaying the transition animation for switching from the second scene to the first element in the first scene in the view layer above the second scene includes: In the view layer above the second scene, a transition animation is displayed with the display position of the second scene as the starting position and the display position of the first element as the ending position for display switching.

12. The method according to claim 9, wherein In the view layer above the second scene, displaying a transition animation for switching from the second scene to the first element in the first scene includes: In the view layer above the second scene, a transition animation is displayed with the display view of the second scene as the starting view and the first element as the ending view for display switching.

13. The method according to claim 9, wherein In the view layer above the second scene, displaying a transition animation for switching from the second scene to the first element in the first scene includes: In the view layer above the second scene, a transition animation is displayed with the display size of the second scene as the starting size and the display size of the first element as the ending size for display switching.

14. The method according to claim 9, characterized in that In the view layer above the second scene, displaying a transition animation for switching from the second scene to the first element in the first scene includes: In the view layer above the second scene, a transition animation is displayed with the display shape of the second scene as the starting shape and the display shape of the first element as the ending shape for display switching.

15. The method according to claim 9, wherein The second scene and the first scene are different display scenes in the same application.

16. A display switching device, characterized in that, Including: A first display module for displaying a first scene, where the first scene contains a first element; A second display module for displaying a transition animation for switching from the first element to a target display object in the view layer above the first element; A third display module for displaying the target display object when the transition animation is displayed completely.

17. A display switching device, characterized in that, Including: A first display module for displaying a second scene; A second display module for displaying a transition animation for switching from the second scene to the first element in the first scene in the view layer above the second scene; A third display module for displaying the first element in the first scene when the transition animation is displayed completely.

18. An electronic device, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that, When the processor executes the computer program, the method described in any one of claims 1 to 15 is implemented.

19. A computer-readable storage medium storing a computer program, characterized in that, When the computer program is executed by the processor, the method described in any one of claims 1 to 15 is implemented.

Images