WO2022111698A1

WO2022111698A1 - Method for generating transition animation for application switching, and related device

Info

Publication number: WO2022111698A1
Application number: PCT/CN2021/134089
Authority: WO
Inventors: 苏宏凯; 李轩恺; 温龙胜
Original assignee: 华为技术有限公司
Priority date: 2020-11-30
Filing date: 2021-11-29
Publication date: 2022-06-02
Also published as: CN114579221B; CN114579221A

Abstract

A method for generating a transition animation for application switching, and a related device. The method comprises: acquiring first control information of a first application and second control information of a second application when the first application is switched to the second application; determining a matched control from the second control information according to a control attribute in the first control information and a corresponding matching rule; according to the matched control, acquiring a control element name of the matched control to serve as a shared element name of the matched control of the first application; and executing a corresponding transition animation according to the shared element name. By means of the method, shared element names of different applications are determined, and transition animations corresponding to the shared element names are executed, such that a smooth transition between different interfaces is realized when switching is performed between the applications, and the fluency of the transition animations is improved.

Description

Application switching transition animation generation method and related equipment

This application claims the priority of the Chinese patent application with the application number 202011385063.5 and the invention titled "Application Switching Transition Animation Generation Method and Related Equipment" filed with the China Patent Office on November 30, 2020, the entire contents of which are incorporated by reference in this application.

technical field

The present application relates to the technical field of terminals, and in particular, to a method for generating transition animations for application switching and related devices.

Background technique

When a smart terminal executes multiple applications, page switching between different applications will be involved. For example, when jumping from one application to another, such as clicking on the call application on the desktop, the desktop will open the call page and cover the page of the desktop by expanding around.

However, when switching from one application to another, the resulting transition animation effect is single, for example, gradually fading out the current application page, gradually fading in the next application page, etc., will lead to switching between the pages of the two applications The connection is relatively rigid, and it is difficult to achieve the smoothness of transition animations when switching between different applications.

SUMMARY OF THE INVENTION

In view of the above content, it is necessary to provide a transition animation generation method and related equipment for application switching, so as to realize smooth transition between different interfaces when switching between applications, and improve the smoothness of the transition animation.

A first aspect of the present application discloses a method for generating a transition animation for application switching. The method for generating a transition animation for application switching includes: when a first application switches to a second application, obtaining a first control information and the second control information of the second application; according to the control attribute in the first control information and the corresponding matching rule, determine the matched control from the second control information; obtain the matched control The name of the control element is used as the name of the shared element of the first application; the corresponding transition animation is executed according to the name of the shared element.

By sharing the shared element animation corresponding to the element name, the present application realizes the smooth transition of the transition animation between different interfaces when switching between applications, and improves the smoothness of the transition animation.

In some optional implementation manners, the method further includes: determining the position of the matched control; performing the corresponding transition animation according to the shared element name includes: according to the shared element name and the matching The position of the control, execute the corresponding transition animation.

Through the above technical solution, the interface of the first application is smoothly transitioned to the interface of the second application through the transition animation.

In some optional implementation manners, the control properties include one or more of a control type, a control size ratio or a control color, wherein the matching rules corresponding to the control properties include one or more of the following: The matching rule corresponding to the control type is that the control type is consistent; the matching rule corresponding to the size ratio of the control is that the difference of the size ratio of the control is within the preset difference range; the matching rule corresponding to the color of the control is the color of the control The similarity is within the preset similarity range.

Through the above technical solution, one or more of the matching rules corresponding to the attributes of the control are used to determine the matching control from the second control information, so as to realize the automatic matching of the control, and then determine the shared element name.

In some optional implementations, if the first application is a desktop application and the first control information includes an application icon, the acquiring the control element name of the matched control is used as a shared element of the first application The name includes: obtaining a target application icon matching the application icon in the first control information from the second control information, and determining the control element name of the target application icon to share the element name.

Through the above technical solution, the transition animation is performed according to the shared element name and the position of the target application icon, so that the application icon of the desktop application is smoothly transitioned to the second application.

In some optional implementations, if the first application is a notification bar application and the first control information includes pictures and messages, the acquiring the control element name of the matched control is used as the first application's name. Sharing an element name includes: acquiring a target picture and a target message matching the first control information from the second control information, and determining the control element name of the target picture and the control element name of the target message to share element name.

In some optional implementation manners, performing the corresponding transition animation according to the shared element name includes: according to the shared element name, the position of the target picture in the notification bar, and the position of the target message in the notification bar position to perform the transition animation.

Through the above technical solutions, the pictures and messages of the notification bar application are smoothly transitioned to the second application.

In some optional implementation manners, before executing the corresponding transition animation according to the shared element name, the method further includes: when the notification bar application sends a notification, transferring the The transition animation corresponding to the shared element name.

Through the above technical solution, the transition animation of dynamically transmitting the notification message sharing element name in the notification bar application is realized.

In some optional implementation manners, if the control attribute of the first control information is text, the obtaining the control element name of the matched control as the shared element name of the first application includes: starting from the first application. The target text matching the first control information is obtained from the second control information, and the control element name of the target text is determined as a shared element name.

Through the above technical solution, the transition animation is performed according to the shared element name and the position of the target text, so that the text of the negative one-screen application can be smoothly transitioned to the second application.

In some optional implementation manners, if the control attribute of the first control information is a picture, the obtaining the control element name of the matched control as the shared element name of the first application includes: A matching picture that matches the first control information is obtained from the second control information, and the name of the control element of the matching picture is determined to be a shared element name.

Through the above technical solution, the transition animation is executed according to the shared element name and the position of the matching picture, so that the picture of the file manager application can be smoothly transitioned to the second application.

In some optional implementation manners, the acquiring the first control information of the first application and the second control information of the second application includes: acquiring a first layout file of the first application, from the The first control information is extracted from the first layout file; the second layout file of the second application is acquired, and the second control information is extracted from the second layout file.

In some optional implementation manners, the method further includes: writing the shared element name into a first layout file of the first application.

In some optional implementations, the determining a matched control from the second control information includes: if a single control in the second control information matches a control in the first control information, determining the matched control The single control is the matched control. Through the above technical solution, the automatic determination of the shared element name is realized, and the tediousness and low efficiency of artificially configuring the shared element name are avoided.

In some optional implementation manners, the determining a matched control from the second control information includes: if a plurality of controls in the second control information matches a control in the first control information, from the second control information One or two controls are randomly selected from the plurality of controls as the matched controls. Through the above technical solution, the stickiness of the transition animation is avoided.

In some optional implementation manners, the method further includes: if no control in the second control information matches the control in the first control information, comparing the first control information with the second control information The name of the control element in the control information is modified to a preset name; in response to the read operation of the name of the control element in the first control information and the second control information; The name is determined as the shared element name. The above technical solution avoids the problem that in the case of a matching failure, when switching from the first application to the second application, there is no transition animation connection, resulting in a rigid switching screen.

A second aspect of the present application discloses an electronic device, including a processor and a memory; the memory is used to store instructions; the processor is used to call the instructions in the memory, so that the electronic device executes the The transition animation generation method for application switching.

A third aspect of the present application discloses a computer-readable storage medium, where the computer-readable storage medium stores at least one instruction, and when the at least one instruction is executed by a processor, realizes the transition animation generation method for application switching. .

A fourth aspect of the present application discloses a chip, which is coupled to a memory in an electronic device, and controls the electronic device to execute the method for generating a transition animation for switching applications.

In addition, for the technical effects brought about by the second to fourth aspects, reference may be made to the descriptions related to the methods designed in the above-mentioned method section, which will not be repeated here.

Description of drawings

FIG. 1 is a flowchart of a method for generating a transition animation for application switching disclosed in an embodiment of the present application.

FIG. 2 is a schematic diagram of an interface change process during an application switching process in a scenario disclosed in an embodiment of the present application.

FIG. 3 is a schematic diagram of an interface change process during an application switching process in a scenario disclosed by another embodiment of the present application.

FIG. 4 is a schematic diagram of an interface change process during an application switching process in a scenario disclosed by another embodiment of the present application.

FIG. 5 is a schematic diagram of an interface change process during an application switching process in a scenario disclosed by yet another embodiment of the present application.

FIG. 6 is a schematic structural diagram of an electronic device provided by an embodiment of the present application.

Detailed ways

Hereinafter, the terms "first" and "second" are only used for descriptive purposes, and should not be construed as indicating or implying relative importance or implicitly indicating the number of indicated technical features. Thus, a feature defined as "first" or "second" may expressly or implicitly include one or more of that feature. In the description of the embodiments of the present application, words such as "exemplary" or "for example" are used to mean serving as an example, illustration or illustration. Any embodiments or designs described in the embodiments of the present application as "exemplary" or "such as" should not be construed as preferred or advantageous over other embodiments or designs. Rather, use of words such as "exemplary" or "such as" is intended to present the related concepts in a specific manner.

Unless otherwise defined, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the technical field in this application. The terms used in the specification of the present application are for the purpose of describing specific embodiments only, and are not intended to limit the present application. It should be understood that unless otherwise specified in this application, "/" means or means. For example, A/B can mean A or B. In this application, "and/or" is only an association relationship to describe associated objects, which means that there can be three kinds of relationships. For example, A and/or B can mean that A exists alone, A and B exist at the same time, and B exists alone. "At least one" means one or more. "Plural" means two or more. For example, at least one of a, b or c can represent: a, b, c, a and b, a and c, b and c, a, b and c seven situations.

Referring to FIG. 1 , it is a flowchart of a method for generating a transition animation of application switching in an embodiment of the present application. The method is applied in an electronic device, and the electronic device can be a mobile phone, a tablet battery, a personal digital assistant, a smart TV, a reader, a wearable device, and the like. Specifically, the method for generating a transition animation for application switching may include the following steps.

Step S101, when switching from a first application to a second application, acquire first widget information of the first application and second widget information of the second application.

In some embodiments of the present application, the first application may be a current application displayed on the electronic device, and the first application may be a desktop application, a notification bar application, a negative one-screen application, or a file manager application, or the like. The second application may be a redirected application that needs to be used or called, and may include shopping applications, instant messaging applications (such as WeChat, QQ, MSN Messenger), video applications (such as Huawei Video, Instagram youtube, etc.), computing device, camera, call, SMS and other applications. The first control information refers to the control and control attribute information constituting the first application page.

Specifically, the second application can be started from a desktop launcher (Launcher) or opened from the background of the system. When receiving the switching instruction from the first application to the second application, the application component of the second application is obtained. For example, Activity is a basic component in the Android component, and the application component provides an interface through which the user can Interact to accomplish a task, such as displaying some controls or listening to and processing user actions in response. In response to the switching instruction from the first application to the second application, obtain the Activity name of the second application, for example, the application component name is com.huawei.phone/.MainActivity, and then parse the configuration file of the Activity to obtain the first The page information of the second application includes at least the control information constituting the second application page; and the second control information in the application program component is extracted. and extracting the second control information in the application component. The first widget information may be acquired before the second widget information is acquired, or after the second widget information is acquired.

Before responding to the switching operation from the first application to the second application, the display interface of the electronic device displays the page layout corresponding to the first control information, and monitors whether the user performs the switching operation that triggers the switching of the first application to the second application. For example, it may be configured that the user performs switching operations such as clicking, double-clicking, or sliding on the application icon of the second application located in the first application interface to trigger a switching instruction for switching from the first application to the second application.

As an optional implementation manner, the acquiring the first control information of the first application and the second control information of the second application includes:

obtaining a first layout file of a first application, and extracting the first control information from the first layout file;

A second layout file of the second application is acquired, and the second control information is extracted from the second layout file.

In this optional implementation manner, the first layout file can be obtained through the Activity object or the Context object according to the layout file name of the first application, and then the first control information can be extracted from the first layout file; and according to the second application The layout file name of the second layout file is obtained, and then the second control information is extracted from the second layout file.

Step S102: Determine a matched control from the second control information according to the control attribute in the first control information and the corresponding matching rule.

The control properties may include, but are not limited to, one or more properties of a control type, a control size ratio (for example, a control aspect ratio), and a control color. The matching rule corresponding to the control property may be that the control type is consistent, the difference in the size ratio of the control is within a preset range, and the background color of the control or the similarity of the main color is within the preset range. For example, the matching rule corresponding to the control type is the first matching rule with the same control type, and the matching rule corresponding to the size ratio of the control is the second matching rule that the difference of the size ratio of the control is within the preset difference range, so The matching rule corresponding to the color of the control is the third matching rule that the similarity of the color of the control is within the preset similarity range. Based on the first matching rule, the second matching rule and/or the third matching rule, the second control information matching the first control information may be searched for according to the first control information.

In an embodiment of the present application, the elements in the first application include an application icon (icon) and an application name (appname), wherein the application icon corresponds to an ImageView control in the first control information, and the application name corresponds to an image view (ImageView) control in the first control information. The text box (TextView) control in the first control information. For example, if the ImageView control is a square, the corresponding aspect ratio is 1:1, and the TextView control is a rectangle, and the corresponding aspect ratio is 2:3, that is, the control size ratio. Then, the control type in the second control information is ImageView control and the control size ratio is 1:1 as the control matching the application icon of the first application, and the control type in the second control information is TextView control and A control whose size ratio is 2:3 is used as a control matching the application name of the first application.

As an optional implementation manner, the control properties include one or more of a control type, a control size ratio, or a control color, wherein the matching rules corresponding to the control properties include one or more of the following; and The matching rule corresponding to the control type is that the control type is consistent; the matching rule corresponding to the size ratio of the control is that the difference of the size ratio of the control is within the preset difference range; the matching rule corresponding to the color of the control is the similarity of the color of the control is within the preset similarity range.

In an optional implementation manner, one matching rule or multiple matching rules may be used to match the first control information and the second control information. If the single control in the second control information matches the control in the first control information, it is determined that the single control is the matched control. For example, using a matching rule for matching, when the control type in the first control information is a picture and the number of pictures is one, if there is a picture control in the second control information, the second control type can be determined according to the matching rule with the same control type. The picture in the control information is the matched control.

For another example, two matching rules are used for matching. When the control in the first control information is a picture and the number of pictures is one, if there are more than two picture controls in the second control information, the difference in the size ratio of the controls can be combined. The matching rule whose value is within the preset difference value range or the matching rule whose color similarity is within the preset similarity range is determined from the two picture controls in the second control information to satisfy the control size ratio. A matching rule within the difference range or a picture whose color similarity of the control matches the rule within a preset similarity range is set as a matching control.

For another example, using three matching rules for matching, when the control in the first control information is a picture and the number of pictures is one, if there are more than two picture controls in the second control information, the difference in the size ratio of the controls can be combined first. If the matching rule whose value is within the preset difference value range is matched, if in the second control information, more than one picture control that satisfies the matching rule of the same control type and the difference value of the control size ratio matching the rule within the preset difference value range at the same time , continue to perform matching in combination with the matching rules that the similarity of the color of the control is within the preset similarity range, and match the second control information that simultaneously satisfies the matching rule of the same control type and the difference between the size ratio of the control is within the preset difference range. The picture of the matching rule whose similarity between the matching rule and the color of the control is within the preset similarity range is used as the matching control. If in the second control information, the matching rule of the same control type, the matching rule of the difference of the size ratio of the control within the preset difference range and the matching rule of the similarity of the color of the control within the preset similarity range are satisfied at the same time. If there is still more than one, you can choose an image as a matching control.

Additionally, for cases where no matching controls can be found, further explanations follow.

Step S103, according to the matched control, obtain the control element name of the matched control as the first application shared element name.

Among them, the control element name refers to the name of an element that a control can share. The shared element name (transitionName) refers to the name of the shared element (such as view) used by the two applications in the transition, and is an element attribute. The shared element is an animation effect when one page jumps to another page, which is used to realize the sharing of one or more elements. Specifically, the control element name of the matched control of the second application can be obtained according to the XML of the matched control or the name attribute in the layout file, and the matching control of the second application can also be obtained according to the position or coordinates of the matched control of the second application. The control element name of the control. Then, the name of the control element is used as the shared element name of the matched control of the first application, so that the shared element names of the second application and the first application are consistent, so that the attribute of the shared element name is used to specify a common element for the two shared elements. Name, so that subsequent transitions of the transition animation based on the shared element name can be implemented.

Optionally, in the embodiment provided in this application, the shared element name may be written into the layout file when the first application is running, so that the shared elements in the two layout files corresponding to the first application and the second application are shared. The element names are the same.

In the above embodiment, if there is a control in the second control information that matches the control in the first control information, the control element name of the matched control in the second control information is used as the shared element name, thereby realizing the automatic determination of the shared element. Name, to avoid the cumbersome and inefficiency of artificially configuring shared element names.

If multiple controls in the second control information match the controls in the first control information, in order to ensure that the shared element name can be automatically determined later, a control is randomly selected from the multiple controls as the matching control, and the second control is selected as the matching control. The control element name of the matched control in the control information is used as the shared element name, which realizes the automatic matching of the control, and then determines the shared element name.

Further, in other embodiments of the present application, in the process of matching, if multiple controls in the second control information match the controls in the first control information, from the multiple controls Two controls are randomly selected as the matched controls. If two controls are selected as matching controls in the second control information, that is, corresponding to the two shared element names, the transition animation corresponding to the two shared element names can be executed subsequently.

In addition, since the transition animation corresponding to two or more shared element names is executed, the transition animation during the application switching process may be sticky, causing user distraction and degrading user experience. Therefore, the number of shared element names can be limited to two to avoid sticky transition animations.

For example, in the scenario where the calling application is opened from the desktop application, the first application is the desktop application and the second application is the calling application. According to the application icon of the desktop application, the application icon of the calling application can be matched to obtain the calling application. The application icon element name is used as the shared element name of the application icon of the desktop application, and is written into the layout file when the desktop application is running, so that the shared element name of the desktop application is modified to be the same as the shared element name of the calling application. .

It should be noted that, in this embodiment, the name of the control element of the matched control of the first application can also be obtained, and the name of the control element is used as the name of the shared element of the second application, and written into the layout file when the second application is running, The shared element names of the first application and the second application are consistent, so that a common name is specified for the shared elements in the two layout files by using the attribute of the shared element name, so that the transition of the transition animation can be realized based on the shared element name subsequently. Exemplarily, in the scenario of closing the calling application and returning to the desktop application, the first application at this time is the calling application, and the second application is the desktop application, and the control element name of the application icon of the calling application is obtained as the name of the application icon of the desktop application. The shared element name is written into the layout file when the desktop application is running, so that the shared element name of the desktop application is modified to a shared element name that is consistent with the shared element name of the calling application.

As an optional implementation manner, the method further includes: if no control in the second control information matches the control in the first control information, comparing the first control information with the second control information The name of the control element in the control information is modified to a preset name; in response to the read operation of the name of the control element in the first control information and the second control information; The name is determined as the shared element name.

In this optional embodiment, the control element name of the first control information and the control element name of the second control information can also be agreed as the shared element name, so that the corresponding transition animation can be executed according to the shared element name later, thereby avoiding In the case of failure to match, when switching from the first application to the second application, there is no transition animation connection, resulting in a blunt switching screen.

Step S104: Execute a corresponding transition animation according to the shared element name.

In the embodiment of the present application, each shared element name is correspondingly configured with a transition animation, and when the shared element names are the same, the animation properties of the shared element corresponding to the shared element name are set. By calling the API of the system to execute the transition animation corresponding to the shared element name, the transition animation of switching from the first application to the second application is generated. Smooth transitions between interfaces improve the smoothness of transition animations.

Further, animation properties of shared elements of different applications can also be set for different applications to improve the diversity of transition animations.

In some embodiments of the present application, the step S103 further includes determining the position of the matched control; the step S104 may further include: according to the shared element name and the position of the matched control, Execute the corresponding transition animation.

For example, a system function method can be called, such as the getLocationOnScreen() method provided in the Android system to determine the position of the matched control, and then, according to the position of the matched control, the transition animation corresponding to the shared element name is executed to achieve The interface of the first application is smoothly transitioned to the interface of the second application through the transition animation. Specifically, executing the transition animation corresponding to the shared element name according to the position of the matched control may be to use the position of the matched control as the starting position of the execution of the transition animation. For example, the corresponding transition animation may be an application The icon moves from the starting position to another preset position, or the transition animation gradually enlarges from the starting position until the preset size (for example, it can be displayed in full screen, half screen or other sizes). In addition, in other embodiments, the position of the matched control may also be used as the end position of the transition animation, so as to realize different presentation effects of the transition animation. As an optional implementation manner, if the first application is a desktop application and the first control information includes an application icon, the obtained control element name of the matched control is used as a shared element of the first application The name includes: obtaining a target application icon matching the application icon in the first control information from the second control information, and determining the control element name of the target application icon to share the element name.

In this optional implementation manner, if the first application is a desktop application, the first control information includes at least an application icon, and after matching the first control information and the second control information, it can be determined that the matched control is the second control The application icon of the application, that is, the target application icon. The target application icon is used as the shared element, and the control element name of the target application icon is used as the shared element name. Next, the position of the target application icon is determined from the second control information, and the transition animation corresponding to the shared element name is executed according to the position of the target application icon, so as to realize the smooth transition of the application icon of the desktop application to the second application.

Referring to FIG. 2, it shows a schematic diagram of the interface change process during application switching in a scenario. When the user clicks the call icon in the desktop application, the call icon slowly moves to the lower right corner of the call interface, and the call interface gradually appears. , which implements the transition animation of opening the calling application from the desktop application. As shown in FIG. 2, first, each icon of the desktop application, namely the first application page 201, is presented, then, when an instruction to switch applications is received, for example, the call application is opened, and then the call icon is moved to the lower right corner , which presents a transition animation of switching from the desktop application to the opening of the calling application (the page can present a certain transparency), that is, the transition animation page 202 . Finally, the page of the calling application, that is, the second application page 203, is presented, which realizes the smooth transition from the desktop application to the opening of the calling application, and improves the smoothness of the generated transition animation.

As an optional implementation manner, if the first application is a notification bar application, if the first application is a notification bar application and the first control information includes pictures and messages, the acquiring the matching control The control element name of the first application as the shared element name of the first application includes: obtaining a target picture and a target message matching the first control information from the second control information, and determining the control element name of the target picture. And the control element name of the target message is shared element name.

As an optional implementation manner, the performing the corresponding transition animation according to the shared element name includes: according to the shared element name, the position of the target picture in the notification bar, and the position of the target message in the notification bar position to perform the transition animation.

In this optional implementation manner, if the first application is a notification bar application, the first control information may include pictures and messages, and after matching the first control information and the second control information, the matching information can be determined. The controls are pictures and messages of the second application, ie, target pictures and target messages. The target picture and target message are used as shared elements, and the control element names of the target picture and target message are both used as shared element names. Next, the position of the target picture in the notification bar and the position of the target message in the notification bar are obtained from the second control information. Execute the control element name of the matching image at the position of the notification bar from the target image as the transition animation corresponding to the shared element name, and execute the control element name of the matching message from the target message at the position of the notification bar as the shared element name. The transition animation realizes the smooth transition of the pictures and messages of the notification bar application to the second application.

3, which shows a schematic diagram of the interface change process in the application switching process in another scenario, the user clicks the notification bar notification message to open the second application (such as WeChat), and the message content of WeChat slowly moves to the message window. position, the avatar icon slowly moves to the position of the avatar. As shown in FIG. 3 , first, the notification bar message, that is, the first application page 301, is presented. When an instruction to switch applications is received, for example, click the notification message in the notification bar, and then the avatar icon of the second application (WeChat) is displayed. From the position of the target image in the notification bar to the position of the avatar, the content of the message is moved from the position of the target message in the notification bar to the message window, the message in the notification bar disappears, and the transition animation of switching from the notification bar application to opening the WeChat message is presented (page A certain transparency can be presented), that is, the transition animation page 302 . Finally, the page of the WeChat message application, that is, the second application page 303, is presented, which realizes the smoothness of the transition from the notification bar application to the opening of the WeChat message, and improves the smoothness of the generated transition animation.

As an optional implementation manner, before performing the corresponding transition animation according to the shared element name, the method further includes: when the notification bar application sends a notification, passing the shared element name by calling an interface The corresponding transition animation.

In this optional implementation manner, for some first applications, such as notification bar applications, the transition animation corresponding to the shared element name can be dynamically transmitted by calling an interface such as the setExtras() function.

As an optional implementation manner, if the first application is a negative one-screen application and the first control information includes text, the obtaining the control element name of the matched control is used as the share of the first application The element name includes: acquiring target text matching the first control information from the second control information, and determining the control element name of the target text as a shared element name.

In this optional embodiment, if the first application is a negative one-screen application and the control attribute of the first control information is text, after matching the first control information and the second control information, it can be determined that the matched control is text, the target text. The target text is used as the shared element, and the control element name of the target text is used as the shared element name. Next, the position of the target text is obtained from the second control information, and the transition animation corresponding to the shared element name is executed from the position of the target text, so as to realize the smooth transition of the text of the negative one-screen application to the second application.

Referring to FIG. 4 , it shows a schematic diagram of the interface change process during the application switching process in another scenario. The user clicks on the negative one-screen card to open the second application (for example, the weather application), and each element in the card gradually transitions to the weather application. middle. As shown in Figure 4, the temperature slowly moves to the position displayed by the text, and the city name slowly moves to the position displayed by the text. First, a negative one-screen page, that is, the first application page 401, is presented. When an instruction to switch applications is received, such as clicking on the negative one-screen card, then each element in the weather application is moved to the corresponding position (for example, the temperature , city name, etc. slowly move to the position of the target text), showing the transition animation of switching from the negative one-screen card to opening the weather application, that is, the transition animation page 402 (the page can present a certain transparency). Finally, the page of the weather application, ie the second application page 403, is presented. The smoothness of transition from negative one-screen application to open weather is realized, and the smoothness of the generated transition animation is improved.

As an optional implementation manner, if the first application is a file manager application and the control attribute of the first control information is a picture, the acquired control element name of the matched control is used as the first The shared element name of the application includes: obtaining a matching picture matching the first control information from the second control information, and determining the control element name of the matching picture as a shared element name.

In this optional embodiment, if the first application is a file manager application and the control attribute of the first control information is a picture, after matching the first control information and the second control information, it can be determined that the matched control is picture, i.e. matching picture. The matching image is used as the shared element, and the control element name of the matching image is used as the shared element name. Next, the position of the picture is matched from the second control information, and the transition animation corresponding to the shared element name is executed from the position of the matched picture, so as to realize the smooth transition of the picture of the file manager application to the second application.

Referring to FIG. 5, it shows a schematic diagram of the interface change process during the application switching process in another scenario. The user clicks on the file manager to open a second application (such as a gallery), and the photo of the file manager is slowly enlarged to the full screen, displaying The interface of previewing the picture from the gallery is realized, and the transition animation of opening the picture from the file manager application is realized. As shown in FIG. 5 , first, each icon of the file manager application, that is, the first application page 501, is presented. When an instruction to switch applications is received, for example, click the picture representing the gallery in the file manager, and then the picture It is displayed on the entire display screen of the electronic device, and presents a transition animation (the page has a certain degree of transparency) that is switched to an open picture by the file manager application, that is, the transition animation page 502 (the page may have a certain degree of transparency). Finally, the picture page, that is, the second application page 503, is presented. Achieved smooth transition from file manager application to open image, and improved the smoothness of generated transition animation.

Referring to FIG. 6 , it is a schematic structural diagram of an electronic device 60 in an embodiment of the present application. The electronic device 60 includes, but is not limited to, a processor 601 and a memory 602 . The aforementioned devices may be connected through one or more communication buses 603 . Memory 602 is used to store one or more computer programs 604 . One or more computer programs 604 are configured to be executed by the processor 601 . The one or more computer programs 604 include multiple instructions, and when the multiple instructions are executed by the processor 601, the method for generating a transition animation for application switching executed on the electronic device 60 in the foregoing embodiment can be implemented, In order to achieve smooth transition between different interfaces when switching between applications, improve the smoothness of transition animations.

This embodiment also provides a computer storage medium, where computer instructions are stored in the computer storage medium, and when the computer instructions are executed on the electronic device, the electronic device executes the above-mentioned relevant method steps to realize the conversion of the application switching in the above-mentioned embodiment. The animation generation method.

This embodiment also provides a computer program product, which when the computer program product runs on the computer, causes the computer to execute the above-mentioned relevant steps, so as to realize the transition animation generation method for application switching in the above-mentioned embodiment.

In addition, the embodiments of the present application also provide an apparatus, which may specifically be a chip, a component or a module, and the apparatus may include a connected processor and a memory; wherein, the memory is used for storing computer execution instructions, and when the apparatus is running, The processor can execute the computer-executed instructions stored in the memory, so that the chip executes the method for generating a transition animation for application switching in the foregoing method embodiments.

Wherein, the electronic device, computer storage medium, computer program product or chip provided in this embodiment are all used to execute the corresponding method provided above. Therefore, for the beneficial effects that can be achieved, reference can be made to the corresponding provided above. The beneficial effects in the method will not be repeated here.

From the description of the above embodiments, those skilled in the art can clearly understand that for the convenience and brevity of the description, only the division of the above functional modules is used as an example for illustration. In practical applications, the above functions can be allocated as required. It is completed by different functional modules, that is, the internal structure of the device is divided into different functional modules, so as to complete all or part of the functions described above.

In the several embodiments provided in this application, it should be understood that the disclosed apparatus and method may be implemented in other manners. For example, the device embodiments described above are only 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 may be combined. Or it may be integrated into another device, or some features may be omitted, or not implemented. On the other hand, the shown or discussed mutual coupling or direct coupling or communication connection may be through some interfaces, indirect coupling or communication connection of devices or units, and may be in electrical, mechanical or other forms.

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

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

The integrated unit, if implemented in the form of a software functional unit and sold or used as an independent product, may be stored in a readable storage medium. Based on such understanding, the technical solutions of the embodiments of the present application can be embodied in the form of software products in essence, or the parts that contribute to the prior art, or all or part of the technical solutions, which are stored in a storage medium , including several instructions to make a device (may be a single chip microcomputer, a chip, etc.) or a processor (processor) to execute all or part of the steps of the methods described in the various embodiments of the present application. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (Read-Only Memory, ROM), random access memory (Random Access Memory, RAM), magnetic disk or optical disk and other media that can store program codes .

Those of ordinary skill in the art can understand that all or part of the processes in the methods of the above embodiments can be implemented by instructing the relevant hardware through a computer program, and the program can be stored in a computer-readable storage medium, and the program is During execution, it may include the processes of the embodiments of the above-mentioned methods. The aforementioned storage medium includes various media that can store program codes, such as ROM, RAM, magnetic disk, or optical disk.

Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application rather than limitations. Although the present application has been described in detail with reference to the preferred embodiments, those of ordinary skill in the art should understand that the technical solutions of the present application can be Modifications or equivalent substitutions can be made without departing from the spirit and scope of the technical solutions of the present application.

Claims

A transition animation generation method for application switching, characterized in that the method comprises:

When the first application switches to the second application, acquiring first widget information of the first application and second widget information of the second application;

determining a matched control from the second control information according to the control attribute in the first control information and the corresponding matching rule;

Obtain the control element name of the matched control as the shared element name of the first application;

A corresponding transition animation is executed according to the shared element name.
The method for generating a transition animation for application switching according to claim 1, wherein the method further comprises:

determining the location of the matched control;

The performing the corresponding transition animation according to the shared element name includes:

According to the shared element name and the position of the matched control, a corresponding transition animation is performed.
The method for generating a transition animation for application switching according to claim 1, wherein the control properties include one or more of a control type, a control size ratio or a control color, wherein the matching corresponding to the control properties Rules include one or more of the following:

The matching rule corresponding to the control type is the same as the control type;

The matching rule corresponding to the size ratio of the control is that the difference of the size ratio of the control is within the preset difference range;

The matching rule corresponding to the color of the control is that the similarity of the color of the control is within a preset similarity range.
The method for generating a transition animation for application switching according to any one of claims 1 to 3, wherein if the first application is a desktop application and the first control information includes an application icon, the obtaining the The control element name of the matched control as the shared element name of the first application includes:

A target application icon matching the application icon in the first control information is obtained from the second control information, and the control element name of the target application icon is determined as a shared element name.
The method for generating a transition animation for application switching according to any one of claims 1 to 3, wherein if the first application is a notification bar application and the first control information includes pictures and messages, the Obtaining the control element name of the matched control as the shared element name of the first application includes:

The target picture and target message matching the first widget information are acquired from the second widget information, and the widget element name of the target image and the widget element name of the target message are determined as shared element names.
The method for generating a transition animation for application switching according to claim 5, wherein the executing the corresponding transition animation according to the shared element name comprises:

The transition animation is performed according to the shared element name, the position of the target picture in the notification bar, and the position of the target message in the notification bar.
The method for generating a transition animation for application switching according to claim 5, wherein before executing the corresponding transition animation according to the shared element name, the method further comprises:

When the notification bar application sends a notification, the transition animation corresponding to the shared element name is transmitted by calling an interface.
The method for generating a transition animation for application switching according to any one of claims 1 to 3, wherein, if the control attribute of the first control information is text, the control element of the matched control is obtained. Name as the shared element name of the first application includes:

The target text matching the first control information is acquired from the second control information, and the control element name of the target text is determined as a shared element name.
The method for generating a transition animation for application switching according to any one of claims 1 to 3, wherein, if the control attribute of the first control information is a picture, the control element of the matched control is obtained. Name as the shared element name of the first application includes:

A matching picture matching the first control information is obtained from the second control information, and the name of the control element of the matching picture is determined to be a shared element name.
The method for generating a transition animation for application switching according to any one of claims 1 to 3, wherein the acquiring first control information of the first application and second control information of the second application include:

obtaining the first layout file of the first application, and extracting the first control information from the first layout file;

A second layout file of the second application is acquired, and the second control information is extracted from the second layout file.
The method for generating a transition animation for application switching according to claim 10, wherein the method further comprises:

Write the shared element name into the first layout file of the first application.
The method for generating a transition animation for application switching according to any one of claims 1 to 3, wherein the determining a matched control from the second control information comprises:

If the single control in the second control information matches the control in the first control information, it is determined that the single control is the matched control.
The method for generating a transition animation for application switching according to any one of claims 1 to 3, wherein the determining a matched control from the second control information comprises:

If the plurality of controls in the second control information matches the controls in the first control information, one or two controls are randomly selected from the plurality of controls as the matched controls.
The method for generating a transition animation for application switching according to any one of claims 1 to 3, wherein the method further comprises:

If no control in the second control information matches the control in the first control information, modify the control element names in the first control information and the second control information to a preset name;

In response to the read operation of the control element name in the first control information and the second control information;

The read preset name is determined as the shared element name.
An electronic device, characterized in that the electronic device comprises a memory and a processor:

the memory for storing program instructions;

The processor is configured to read and execute the program instructions stored in the memory, and when the program instructions are executed by the processor, the electronic device is made to perform as in claim 1 to claim 14 The method for generating a transition animation for application switching according to any one of the above.
A computer storage medium, characterized in that the computer storage medium stores program instructions, when the program instructions are executed on an electronic device, the electronic device is made to execute any one of claims 1 to 14 The described method for generating transition animation of application switching.
A chip, which is coupled to a memory in an electronic device, wherein the chip is used to control the electronic device to perform the transition animation generation method for application switching according to any one of claims 1 to 14 .