WO2022052747A1 - 一种界面间的转换方法、设备及系统 - Google Patents

一种界面间的转换方法、设备及系统 Download PDF

Info

Publication number
WO2022052747A1
WO2022052747A1 PCT/CN2021/112878 CN2021112878W WO2022052747A1 WO 2022052747 A1 WO2022052747 A1 WO 2022052747A1 CN 2021112878 W CN2021112878 W CN 2021112878W WO 2022052747 A1 WO2022052747 A1 WO 2022052747A1
Authority
WO
WIPO (PCT)
Prior art keywords
interface
application
transition
conversion
user
Prior art date
Application number
PCT/CN2021/112878
Other languages
English (en)
French (fr)
Inventor
卞超
陈晓晓
张增
温龙胜
杨华
Original Assignee
华为技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Priority claimed from CN202110482721.0A external-priority patent/CN114237780A/zh
Application filed by 华为技术有限公司 filed Critical 华为技术有限公司
Priority to EP21865803.7A priority Critical patent/EP4195041A4/en
Priority to JP2023515654A priority patent/JP2023541589A/ja
Priority to US18/044,484 priority patent/US20240036696A1/en
Publication of WO2022052747A1 publication Critical patent/WO2022052747A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Definitions

  • the present application relates to the field of terminal technologies, and in particular, to a method, device and system for converting between interfaces.
  • the present application provides a conversion method, device and system between interfaces, so as to provide a conversion scheme with strong coherence.
  • a first aspect provides a conversion method between interfaces, including:
  • a first interface is displayed; the first interface includes a first element and a second element; the electronic device detects that the user acts on the first
  • a second interface is displayed; the second interface includes the second element and the third element; the transition interface includes the second element; the The second element does not include the first interface, the transition interface, and the elements in the status bar in the second interface.
  • the connection is made through at least one transition interface, and the transition interface has a second element included in both the first interface and the second interface, so that the first interface and the second interface are included in the transition interface.
  • the transformation is natural, the coherence is strong, and the user's visual experience effect is better.
  • the first element in the first interface of the electronic device gradually disappears, the third element in the second interface gradually appears, and the second element is in the first interface.
  • the interface, the at least one transition interface, and the second interface persist.
  • the electronic device in the process of switching the first interface to the second interface, is configured according to the transition effect of each interface or according to the transition dynamic effect configured by the elements in the interface, Execute the corresponding animation of the interface and/or element.
  • the first interface and the second interface are different display interfaces of the first application; or, the first interface is the main interface of the electronic device or an adjacent interface of the main interface, or A negative one-screen interface, the second interface is the display interface of the first application; or, the first interface is the display interface of the first application, and the second interface is the display interface of the second application.
  • a second aspect provides a conversion method between interfaces, including:
  • the electronic device determines an interface type according to an interface configuration instruction triggered by a user, and the interface type includes a first interface, at least one transition interface, and a second interface; wherein, the transition interface refers to the transition from the first interface to the second interface. an intermediate connection interface of the interface; the electronic device determines the first element and the second element in the first interface according to the element configuration instruction triggered by the user, and determines the second element and the third element in the second interface; Wherein, the transition interface includes a second element.
  • the transition configuration for switching the first interface to the second interface at least one transition interface is configured for connection, and the transition interface has a second element included in both the first interface and the second interface, so that In the process of switching between the first interface and the second interface, the transformation is natural, the coherence is strong, and the user's visual experience effect is better.
  • the application can configure different conversion types, element types and animation effects in the conversion according to its own needs, so as to achieve a more flexible and smoother dynamic effect experience.
  • the overall application is simple, the components can be configured, and the effect is better.
  • the electronic device determines, according to the motion effect configuration instruction triggered by the user, the motion effect performed by the interface and/or the element during the process of switching the first interface to the second interface.
  • a third aspect provides a conversion method between interfaces, including:
  • a first interface is displayed; the first interface includes a first element and a second element; the electronic device detects that the user acts on the first
  • the second interface is displayed; the second interface includes the third element and the fourth element; the first interface switches to the at least one transition interface through the at least one transition interface.
  • the display form of the second element in the transition interface gradually changes to the display form of the third element; wherein the second element is the same as the third element. .
  • At least one transition interface is configured for connection, and the transition interface includes the second element of the first interface and the third element of the second interface , the second element is partially the same as the third element, so that in the process of switching the first interface and the second interface, the transformation is natural, the coherence is strong, and the user's visual experience effect is better.
  • the first element in the first interface of the electronic device gradually disappears, the fourth element in the second interface gradually appears, and the second element in the transition interface The element gradually becomes the third element.
  • the electronic device in the process of switching the first interface to the second interface, is configured according to the transition effect of each interface or according to the transition dynamic effect configured by the elements in the interface, Execute the corresponding animation of the interface and/or element.
  • the first interface and the second interface are different display interfaces of the first application; or, the first interface is the main interface of the electronic device or an adjacent interface of the main interface, or A negative one-screen interface, the second interface is the display interface of the first application; or, the first interface is the display interface of the first application, and the second interface is the display interface of the second application.
  • a fourth aspect provides a conversion method between interfaces, including:
  • the electronic device determines an interface type according to an interface configuration instruction triggered by a user, and the interface type includes a first interface, at least one transition interface, and a second interface; wherein, the transition interface refers to the transition from the first interface to the second interface.
  • the interface is connected in the middle of the interface; the electronic device determines the first element and the second element in the first interface according to the element configuration instruction triggered by the user, and determines the third element and the fourth element in the second interface;
  • the element configuration instruction determines that the second element in the transition interface gradually changes to the third element; wherein the second element is partially the same as the third element.
  • the transition interface in the transition configuration for switching the first interface to the second interface, at least one transition interface is configured for connection, and the transition interface includes the second element of the first interface and the third element of the second interface , the second element is partially the same as the third element, so that in the process of switching the first interface and the second interface, the transformation is natural, the coherence is strong, and the user's visual experience effect is better.
  • the application can configure different conversion types, element types and animation effects in the conversion according to its own needs, so as to achieve a more flexible and smoother dynamic effect experience.
  • the overall application is simple, the components can be configured, and the effect is better.
  • the electronic device determines, according to the dynamic effect configuration instruction triggered by the user, the dynamic effect executed by the interface and/or element during the process of switching the first interface to the second interface.
  • an embodiment of the present application provides a method for converting between application interfaces, including:
  • the target application After receiving the user-triggered interface transition instruction of the target application, determine the transition interface of the target application and the shared elements included in the transition interface; and perform transition between corresponding interfaces according to the user-triggered interface transition instruction, wherein, The shared elements in the transition interface are continuously displayed during the interface transition process.
  • the application can configure different transition types, element types and animation effects in the transition according to its own needs, so as to achieve a more flexible and smoother dynamic effect experience.
  • the overall application is simple, the components can be configured, and the effect is better.
  • the transition interface includes an exit interface and an entry interface; or the transition interface includes an exit interface, an entry interface, and a sharing interface; wherein, the exit interface refers to the interface transition
  • the entry interface refers to the last interface when the interface is converted; the shared interface refers to the intermediate connection interface when the interface is converted.
  • the method further includes: determining an exit element and/or an entry element in the transition interface, wherein the exit element in the transition interface disappears after transition on the exit interface, the Entry elements in the transition interface are displayed after transitioning to the entry interface.
  • the method further includes: according to the conversion dynamic effect configured for each interface in the conversion interface and/or according to the conversion dynamic effect configured for each element in the conversion interface, executing the corresponding conversion process during the conversion process. Motion.
  • the exit interface in the fifth aspect is equivalent to the first interface in the first aspect and/or the second aspect; the entry interface in the fifth aspect is equivalent to the first aspect and/or the second aspect.
  • an embodiment of the present application provides a method for converting between application interfaces, including:
  • the type of interface to be converted is determined, and the interface types include an exit interface, an entry interface and a shared interface; wherein, the exit interface refers to the initial interface when the interface is converted; the entry interface The interface refers to the last interface during interface transition; the shared interface refers to the intermediate interface during interface transition; the shared element in the interface transition process is determined according to the element configuration instruction triggered by the user, wherein the shared element is the interface transition Elements that are continuously displayed during the process.
  • the application can configure different transition types, element types and animation effects in the transition according to its own needs, so as to achieve a more flexible and smoother dynamic effect experience.
  • the overall application is simple, the components can be configured, and the effect is better.
  • the method further includes: determining, according to an element configuration instruction triggered by a user, an exit element and/or an entry element in the interface transition process; wherein, the exit element in the transition interface is in the exit element.
  • the interface disappears after conversion, and the entry elements in the conversion interface are displayed after being converted to the entry interface.
  • the exit interface in the sixth aspect is equivalent to the first interface in the first aspect and/or the second aspect; the entry interface in the sixth aspect is equivalent to the first aspect and/or the second aspect.
  • the seventh aspect further provides an inter-interface device, which can be used to perform the operations in any possible implementation manners of the first aspect, the third aspect or the fifth aspect.
  • the apparatus may include modules or units for performing various operations in any possible implementations of the first, third or fifth aspects described above.
  • it includes a transceiver module and a processing module.
  • the eighth aspect further provides an electronic device between interfaces, where the electronic device can be used to perform the operations in any possible implementation manner of the second aspect, the fourth aspect or the sixth aspect.
  • the electronic device may include modules or units for performing each operation in any possible implementation manner of the second aspect, the fourth aspect or the sixth aspect.
  • it includes a transceiver module and a processing module.
  • a ninth aspect provides a chip system, including a processor, and optionally a memory; wherein, the memory is used to store a computer program, and the processor is used to call and run the computer program from the memory, so that the electronic device with the chip system installed Perform any method in any possible implementation manner of the first aspect to the sixth aspect above.
  • a tenth aspect provides a computer program product, the computer program product comprising: computer program code, when the computer program code is executed by a processing module or a processor of an electronic device, the electronic device is made to perform the above-mentioned first to sixth aspects any of the possible implementations of .
  • An eleventh aspect provides a computer-readable storage medium, where the computer-readable storage medium stores a program, and the program causes an electronic device to execute any method in any possible implementation manners of the first to sixth aspects.
  • a twelfth aspect provides an electronic device, comprising: a display; one or more processors; one or more memories; wherein the one or more memories store one or more computer programs, the one or more A plurality of computer programs include instructions that, when executed by the one or more processors, cause the electronic device to perform any method of any possible implementation of the first to sixth aspects above.
  • FIG. 1 is a schematic diagram of an electronic device interface area division provided by an embodiment of the present application.
  • FIG. 2 is a schematic diagram of a system architecture provided by an embodiment of the present application.
  • FIG. 3 is a schematic diagram of the internal structure of a platform-side device provided by an embodiment of the present application.
  • FIG. 4 is a schematic structural diagram of an Android operating system of a platform-side device provided by an embodiment of the present application
  • FIG. 5 is a schematic diagram of an internal structure of an application-side device according to an embodiment of the present application.
  • FIG. 6 is a schematic structural diagram of an Android operating system of an application-side device provided by an embodiment of the present application.
  • FIG. 7 is a schematic flow chart of an existing one-mirror-to-the-end solution configuration
  • FIG. 8 is a schematic diagram of a one-mirror-to-bottom logical framework provided by an embodiment of the present application.
  • FIG. 9 is a schematic diagram of a logical framework of a configuration stage provided by an embodiment of the present application.
  • FIG. 10 is a schematic diagram of an application included in an application-side device provided by an embodiment of the present application.
  • FIG. 11 is a schematic diagram of a scene category provided by an embodiment of the present application.
  • FIG. 12 is a schematic diagram of an element category provided by an embodiment of the present application.
  • FIG. 13 is a schematic diagram of a conversion configuration provided by an embodiment of the present application.
  • FIG. 15 is a schematic diagram of setting an information container according to an embodiment of the present application.
  • 16 is a schematic diagram of a fast conversion configuration provided by an embodiment of the present application.
  • 17 is a schematic diagram of a first mirror-to-bottom conversion effect provided by an embodiment of the present application.
  • FIG. 18 is a schematic diagram of a logical framework of a parsing stage provided by an embodiment of the present application.
  • FIG. 19 is a schematic diagram of a logical framework of an execution stage provided by an embodiment of the present application.
  • 20 is a schematic flowchart of a method for configuring a mirror to the bottom according to an embodiment of the present application
  • FIG. 21 is a schematic diagram of a call application conversion effect provided by Embodiment 1 of the present application.
  • FIG. 22 is a schematic diagram of a first inter-application conversion effect provided by Embodiment 1 of the present application.
  • FIG. 23 is a schematic diagram of a first desktop and application conversion effect provided by Embodiment 1 of the present application.
  • FIG. 24 is a schematic diagram of a book application conversion effect provided by Embodiment 1 of the present application.
  • FIG. 25 is a schematic diagram of a gallery application conversion effect provided in Embodiment 1 of the present application.
  • FIG. 26 is a schematic diagram of a first music application conversion effect provided in Embodiment 1 of the present application.
  • FIG. 27 is a schematic diagram of a second music application conversion effect provided by Embodiment 1 of the present application.
  • FIG. 29 is a schematic diagram of a second desktop and application conversion effect provided by Embodiment 1 of the present application.
  • FIG. 30 is a schematic diagram of a calendar application conversion effect provided in Embodiment 1 of the present application.
  • FIG. 31 is a schematic diagram of a third application and an application conversion effect provided in Embodiment 1 of the present application.
  • FIG. 32 is a schematic diagram of a third desktop and application conversion effect provided in Embodiment 1 of the present application.
  • FIG. 33 is a schematic diagram of a call application conversion effect according to Embodiment 2 of the present application.
  • FIG. 36 is a schematic diagram of a music application conversion effect provided in Embodiment 2 of the present application.
  • FIG. 40 is a schematic diagram of a third inter-application conversion effect provided by Embodiment 2 of the present application.
  • FIG. 41 is a schematic diagram of a third desktop and application conversion effect provided in Embodiment 2 of the present application.
  • FIG. 43 is a schematic diagram of a second application conversion effect based on split screen provided by the embodiment of the present application.
  • 44 is a schematic diagram of an application conversion effect based on multi-screen collaboration provided by an embodiment of the present application.
  • FIG. 45 is a schematic diagram of a second application conversion effect based on multi-screen collaboration provided by an embodiment of the present application.
  • One mirror to the end mainly refers to the first interface and the second interface in the embodiments of this application.
  • the transition interface includes the first interface and/or the second interface. elements in the interface, so that the switching between the two interfaces is more coherent, so that the user experience can be achieved without interruption.
  • the transition interface includes elements that exist in both the first interface and the second interface.
  • element 1 exists in the first interface
  • element 1 is also included in the transition interface
  • element 1 is also included in the second interface, that is, element 1 persists in the process of switching from the first interface to the second interface, so that the user can switch In the visual sensory experience in the process, the transition of the interface switching is relatively natural, not abrupt, and has strong coherence.
  • the element 2 is partially similar to the element 1, and the display pattern of the element 2 may be partially similar to the display pattern of the element 1.
  • the display pattern in the element 2 is ABCD
  • the element 1 The display pattern is ABEF.
  • the element 2 is partially similar to the element 1, and the similarity between the element 2 and the element 1 may also be higher than the similarity threshold.
  • the display form of the element 1 in the first interface is a hat wearing a hat.
  • the man in the hat shown in element 1 slowly took off the hat and turned into element 2 in the second interface. Shown as a man with a hat in his hand.
  • the user feels that the interface switching transition is more natural, coherent, and more lively and interesting in the visual sensory experience during the switching process.
  • Conversion in the embodiment of the present application, it mainly refers to that the display interface on the display screen of the terminal changes from the first interface to the second interface. It should be understood that transitions may also be referred to as transitions.
  • the interface transition may be transition between different interfaces in the same application, or interface transition when switching between different applications, or interface transition when switching between the terminal display desktop and the application cover.
  • transition between interfaces described in the embodiments of the present application may also be referred to as transition between interfaces; or, transition between interfaces; or, alternatively, switching between interfaces.
  • Conversion object in this embodiment of the present application, the conversion object can be understood as an application that needs to be converted between interfaces, and the like.
  • the terminal displaying the desktop may also be understood as an application of the terminal device. It should be understood that transition objects may also be referred to as transition objects.
  • Conversion scene in the embodiment of the present application, the conversion scene can be understood as the interface classification when performing interface conversion. It should be understood that transition scenes may also be referred to as transition scenes.
  • transition scenarios in the embodiments of the present application may include exit scenarios (also referred to as exit scenarios), entry scenarios (also referred to as entry scenarios), and shared scenarios (also referred to as transition scenarios).
  • the exit scene may be understood as the first interface described in this embodiment of the present application, the entry scene may be understood as the second interface in this embodiment of the present application, and the shared scene may be understood as a transition interface in this embodiment of the present application.
  • the entry element refers to a type of element included in the entry scene, which can also be understood as an element included in the second interface. It should be understood that entry elements may also be referred to as entry elements.
  • Shared elements refer to a type of elements that continue to appear and change during the conversion process. It can also be understood as the elements contained in the transition interface.
  • Exit element refers to a type of element contained in the exit scene, and can also be understood as an element contained in the first interface. It should be understood that an exit element may also be referred to as an exit element.
  • a shared container for hosting at least one shared element that is, during the transition process, all elements in the shared container are continuously changed.
  • At least one shared element may exist in the transition interface.
  • the interface display area refers to the area where the first interface, the transition interface and the second interface are displayed.
  • the interface of an electronic device is often divided into three parts from top to bottom.
  • the interface display area in the middle area is used to display the application scene interface, etc.
  • the virtual navigation key area is also divided into the bottom area.
  • the area division method of the interface in the electronic device in the embodiment of the present application is not limited to the above situation.
  • the area of the interface in the electronic device may only include the status bar and the interface display area.
  • the shared elements when performing interface switching in this embodiment of the present application, only refer to elements that persist in the interface display area.
  • ARR a file format that is a binary archive of an Android library project.
  • files such as application programs corresponding to the conversion method between application interfaces are packaged into an ARR file format.
  • the files in the ARR package format in the embodiments of the present application include class files, res resource files, and the like.
  • files such as application programs corresponding to the conversion method between application interfaces are packaged into a Jar package file format.
  • the files in the Jar package format in the embodiments of the present application include class files, manifest files, and the like.
  • the term "at least one" in the embodiments of the present application refers to one or more, and "a plurality” refers to two or more.
  • "And/or" which describes the relationship of the associated objects, means that there can be three kinds of relationships, for example, A and/or B, which can mean that A exists alone, A and B exist at the same time, and B exists alone, where A , B can be singular or plural.
  • the character “/” generally indicates that the associated objects are an "or” relationship.
  • the following at least one item(s) or similar expressions refer to any combination of these items, including any combination of single item(s) or plural items(s).
  • at least one item (a) of a, b, or c can represent: a, b, c, ab, ac, bc, or abc, where a, b, c can be single or multiple .
  • ordinal numbers such as “first” and “second” mentioned in the embodiments of the present application are used to distinguish multiple objects, and are not used to limit the order, sequence, priority, or importance of multiple objects .
  • the terms “comprising” and “having” in the embodiments and claims of the present application and the drawings are not exclusive.
  • a process, method, system, product or device that includes a series of steps or modules is not limited to the listed steps or modules, and may also include unlisted steps or modules.
  • the first interface described in the embodiments of this application is equivalent to the exit interface in the priority (application number 202010943693.3) document; the second interface described in this application is equivalent to the priority (application number: 202010943693.3)
  • the entry interface in the application number 202010943693.3) file; the transition interface described in this application is equivalent to the sharing interface in the priority (application number 202010943693.3) file; the first element in the embodiment of this application is equivalent to the priority (application number 202010943693.3) file.
  • 202010943693.3 the appearance element in the file; the second element in the embodiment of this application is equivalent to the shared element in the priority (application number is 202010943693.3) file; the third element in the embodiment of the application is equivalent to the priority (application number 202010943693.3) No. 202010943693.3) entry element in the file.
  • the conversion method between interfaces provided in this embodiment of the present application can be applied to the system architecture shown in FIG. 2 .
  • the system architecture includes: at least one application-side device 1100 and a platform-side device 1200 .
  • the application-side device 1100 and the platform-side device 1200 may be interconnected through a communication network, and the communication network may be a local area network or a wide area network transferred through a relay device.
  • the communication network is a local area network
  • the communication network may be a near field communication network such as a Wi-Fi hotspot network, a Wi-Fi P2P network, a Bluetooth network, a zigbee network, or a near field communication (NFC) network.
  • a Wi-Fi hotspot network such as a Wi-Fi hotspot network, a Wi-Fi P2P network, a Bluetooth network, a zigbee network, or a near field communication (NFC) network.
  • NFC near field communication
  • the communication network may be a third-generation mobile communication technology (3rd-generation wireless telephone technology, 3G) network, a fourth-generation mobile communication technology (the 4th generation mobile communication technology, 4G) network ) network, the 5th-generation mobile communication technology (5G) network, the future evolved public land mobile network (PLMN) or the Internet, etc.
  • 3G third-generation mobile communication technology
  • 4G fourth-generation mobile communication technology
  • 5G 5th-generation mobile communication technology
  • PLMN future evolved public land mobile network
  • Internet etc.
  • data can be exchanged between different electronic devices through a communication network, such as transferring conversion effects between interfaces, and configuring applications for inter-interface conversion solutions.
  • the application-side device 1100 accesses an application framework for performing application interface conversion in the platform-side device 1200 through a communication interface established with the platform-side device 1200 .
  • the application-side device 1100 configures an inter-interface transition scheme for the transition object through the application framework, that is, determines the first interface, the second interface, at least one transition interface and the shared element in the transition object, so that when the transition object is When converting between interfaces, the continuous performance of shared elements can make the transition between interfaces more fluent and the user experience more coherent.
  • the platform-side device 1200 parses the inter-interface conversion scheme corresponding to the conversion object in the application-side device 1100, and executes the inter-interface conversion scheme.
  • the application-side device 1100 performs online integration by accessing the platform-side device 1200 .
  • the application-side device 1100 can also complete the configuration of the inter-interface conversion scheme of a conversion object with the platform-side device 1200 in advance, and store the inter-interface conversion scheme in other servers.
  • the conversion object is subsequently activated, call An interface that communicates with the server, and obtains the inter-interface conversion scheme through the interface.
  • the application-side device 1100 described in this embodiment of the present application may also open the platform-side device 1200's authority to convert the conversion scheme between object configuration interfaces to the user.
  • the user can call the interface for communicating with the platform-side device 1200 according to his own wishes, and update and adjust the inter-interface conversion scheme of a certain conversion object at any time.
  • the application-side device 1100 acquires from the platform-side device 1200 a file package of an application program for converting a conversion scheme between object configuration interfaces, and stores it.
  • the application-side device 1100 parses the application file package stored locally, and obtains an application for converting a conversion scheme between object configuration interfaces.
  • the application-side device 1100 determines the conversion object through the application program, and configures the inter-interface conversion scheme for the conversion object, that is, determines the first interface, the second interface, at least one transition interface and the shared element in the conversion object, Therefore, when the conversion object performs the conversion between interfaces, the continuous performance of the shared elements can make the conversion effect between the interfaces more fluent and the user experience more coherent.
  • the application side device 1100 can obtain the file package of the application program from the platform side device 1200, and store it.
  • the application in the application-side device 1100 needs to adopt the conversion method between interfaces described in the embodiments of the present application, the application can call the file package of the application program in the application-side device 1100, and according to the The documentation package of the application described above is integrated locally.
  • the application side device 1100 is a mobile phone
  • the mobile phone has obtained the application file package
  • the calendar application in the mobile phone can call the application file package in the mobile phone
  • the embodiment of the present application is integrated in the calendar application.
  • the configuration file for interface conversion is stored in the libs folder, so that the path can be introduced into the compilation script later.
  • the application side device 1100 may acquire the file package of the application program from the platform side device 1200 and store it.
  • the application ie, the conversion object
  • the application-side device 1100 can directly call the file package of the application program.
  • system for performing inter-interface conversion in this embodiment of the present application is not limited to the architecture shown in FIG. 1 above, and any modifications to the above-mentioned system architecture can be applied to the embodiments of the present application.
  • present application implements The system described in the example may also include third-party material suppliers and the like.
  • the third-party material supplier described in the embodiments of the present application may be used to provide dynamic effect templates and the like.
  • the provided dynamic effect templates include explosion effects, displacement effects, scaling effects, cropping effects, rotation effects, etc.
  • the third party Compared with the dynamic effect template provided by the platform-side device 1200, the dynamic effect template provided by the material supplier also includes a black hole effect, a snowflake effect, etc., and is more diverse. Therefore, in order to reduce the modification of the application program in the platform-side device 1200, an interface for communicating with the third-party material supplier can be added to the system, so that the user can perform the interface conversion scheme in the interface During motion effect design, the motion effect template provided by the third-party material supplier may be called.
  • the hardware structure and software structure of the platform-side device 1200 and the application-side device 1100 are exemplarily described below:
  • the platform-side device 1200 may be a server or a cloud server that stores application code for implementing the method for converting between interfaces provided by the present application.
  • the application code stored in the platform-side device 1200 in the embodiment of the present application and used to implement the method for converting between interfaces provided by the present application may be various.
  • the application code of the system for executing the conversion method between the interfaces is suitable for The application code of the system for executing the conversion method between the interfaces is suitable for The application code of the system for executing the method for converting between interfaces, etc.
  • an adapted application code for executing the method for converting between interfaces may be selected according to the system installed on the electronic device. be limited.
  • FIG. 3 shows a frame diagram of a partial structure of a platform-side device 1200 related to various embodiments of the present application.
  • the platform-side device 1200 may include:
  • a processor 1210 a processor 1210, a memory 1220, and a transceiver 1230 are provided.
  • One or more of the computer programs are stored in the aforementioned memory 1220 and configured to be executed by the one or more processors 1210 .
  • the processor 1210 described in the embodiments of the present application may be a central processing unit (central processing unit, CPU), or a digital processing unit or the like.
  • the processor 1210 is the control center of the platform-side device 1200, uses various interfaces and lines to connect various parts of the entire platform-side device 1200, and executes each part of the platform-side device 1200 by running or executing the computer program stored in the memory 1220. a function.
  • the processor 1210 is configured to determine, according to the user's operation instruction, the conversion object to perform the inter-interface conversion, the conversion scene involved in the inter-interface conversion process, and the elements in the scene and corresponding The scene animation and element animation. Then, the processor 1210 processes and packages the conversion object for a solution for converting between interfaces according to the configuration process, and stores the solution for converting between interfaces locally.
  • the processor 1210 is further configured to parse the inter-interface transition scheme corresponding to the transition object, that is, determine transition scenes and elements in the transition object Corresponding attributes respectively, the attributes include dynamic effects, display ratios, etc.
  • the processor 1210 performs one-key execution of the solution for converting between interfaces configured by the conversion object based on the application-side device 1100 .
  • the processor 1210 determines configuration parameters of related scenes and elements involved in the conversion object according to the inter-interface conversion scheme corresponding to the conversion object.
  • the processor 1210 may send the operation data of the scene related to the converted object and the element to the application-side device 1100 for playback in the form of streaming media.
  • the processor 1210 is configured to determine, according to the user's operation instruction, the conversion object to perform the inter-interface conversion, the conversion scene involved in the inter-interface conversion process, and the elements and elements in the scene. The corresponding scene animation and element animation. Then, the processor 1210 processes and packages the conversion object for a solution for converting between interfaces according to the configuration process, and sends the solution for converting between interfaces to the corresponding application-side device 1100 .
  • the application-side device 1100 receives and stores a solution for the conversion between interfaces corresponding to the conversion object.
  • the application-side device 1100 activates the inter-interface conversion effect of the conversion object, it calls the inter-interface conversion scheme corresponding to the conversion object, and parses the inter-interface conversion scheme corresponding to the conversion object, that is, determines the inter-interface conversion scheme in the conversion object.
  • the attributes include dynamic effects, display ratios, etc.
  • the application-side device 1100 performs one-key execution based on a solution for converting between interfaces corresponding to the conversion object.
  • the application-side device 1100 determines configuration parameters of related scenes and elements involved in the conversion object according to the inter-interface conversion scheme corresponding to the conversion object.
  • the application-side device 1100 executes the operation data of the relevant scene and the element of the conversion object, and the effect of the conversion between the interfaces of the conversion object is displayed on the display screen of the application-side device 1100 .
  • the transceiver 1230 in an optional manner, is configured to receive an operation instruction triggered by a user, and send the operation instruction to the processor 1210, so that the processor 1210 can pass the operation instruction according to the operation instruction.
  • the application program in the platform-side device 1200 for performing inter-interface conversion configures the inter-interface conversion scheme for the corresponding conversion object; and/or,
  • the file package of the application program in the platform-side device 1200 is sent to the application-side device 1100; and/or,
  • the application-side device 1100 sends the application-side device 1100 a solution for performing inter-interface conversion of the conversion object in the platform-side device 1200 to the application-side device 1100 .
  • connection medium between the above-mentioned processor 1210 and the memory 1220 is not limited in this embodiment of the present application.
  • the memory 1220, the processor 1210, and the transceiver 1230 are connected through a bus 1240 in FIG. 3.
  • the bus is represented by a thick line in FIG. 3, and the connection mode between other components is only for schematic illustration. , is not limited by this.
  • the bus can be divided into an address bus, a data bus, a control bus, and the like. For ease of presentation, only one thick line is used in FIG. 3, but it does not mean that there is only one bus or one type of bus.
  • the memory 1220 can be a volatile memory (volatile memory), such as random-access memory (random-access memory, RAM); the memory 1220 can also be a non-volatile memory (non-volatile memory), such as read-only memory, Flash memory (flash memory), hard disk drive (HDD) or solid-state drive (SSD), or memory 1220 is a device that can be used to carry or store program code in the form of instructions or data structures and can be accessed by Any other medium accessed by the computer, but not limited to this.
  • the memory 1220 may be a combination of the above-described memories.
  • the embodiments of the present application use a layered architecture Taking the system as an example, the software structure of the platform-side device 1200 is exemplarily described. It should be noted that in other operating systems (eg system, system, etc.), as long as the functions implemented by each functional module are similar to the embodiments of the present application, the solution of the present application can also be implemented, which is not limited herein.
  • a software structural block diagram of the platform-side device 1200 may be as shown in FIG. 4 .
  • the platform-side device 1200 divides the software into several layers based on a layered architecture, and each layer has a clear role and division of labor. Layers communicate with each other through software interfaces.
  • the Android system is divided into four layers, which are, from top to bottom, an application layer, an application framework layer, an Android runtime environment (Android runtime) and system libraries, and a kernel layer.
  • the application layer may include a series of application packages.
  • the application program layer in this embodiment of the present application may store an application program or the like for executing the solution for converting between interfaces provided by the present application.
  • the application framework layer provides an application programming interface (application programming interface, API) and a programming framework for the applications of the application layer.
  • the application framework layer may include some predefined functions.
  • the Android Runtime may include a core library and a virtual machine, which are used for scheduling and management of the Android system.
  • the core library described in the embodiments of the present application may include two parts: one part is the function functions that need to be called by the java language, and the other part is the Android core library.
  • the virtual machine described in the embodiments of the present application is used to perform functions such as object life cycle management, stack management, thread management, security and exception management, and garbage collection.
  • the application layer and the application framework layer run in virtual machines.
  • the virtual machine executes the java files of the application layer and the application framework layer as binary files.
  • the system library described in the embodiments of the present application may include multiple functional modules.
  • surface manager surface manager
  • media library Media Libraries
  • 3D graphics processing library eg: OpenGL ES
  • 2D graphics engine eg: SGL
  • the surface manager described in the embodiments of the present application is used to manage the display subsystem, and provides the fusion of 2D and 3D layers for multiple applications.
  • the media library supports playback and recording of a variety of commonly used audio and video formats, as well as still image files.
  • the media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.
  • the 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.
  • 2D graphics engine is a drawing engine for 2D drawing.
  • Kernel layer
  • the kernel layer described in the embodiments of the present application can be understood as a layer between hardware and software, at least including a display driver, a camera driver, an audio driver, and a sensor driver.
  • a capability framework corresponding to an application for performing interface conversion in this embodiment of the present application may include a configuration module, a parsing module, and an execution module.
  • the embodiments of the present application do not limit which system layer the capability framework is at.
  • the capability framework described in the embodiments of the present application may be at the application layer.
  • the capability framework described in the embodiments of the present application may be independent of the four layers included in the above-mentioned system.
  • the capability framework is an external layer, which is an extension based on the capabilities of the framework layer, and can be extended into the form of AAR or the form of Jar, which is convenient for applications to use.
  • the configuration module in the platform-side device in the embodiment of the present application is used to configure the conversion scene and the parameter configuration of the element for the determined conversion object.
  • the configuration module receives the configuration instruction sent by the application-side device 1100, and according to the configuration instruction, configures the conversion scene and the parameters of the element for the conversion object that needs to be converted between interfaces.
  • the parsing module in the platform-side device in the embodiment of the present application is configured to parse the solution for conversion between interfaces corresponding to the conversion object, and to save the solution for the conversion between interfaces that has been parsed.
  • the solution for transition between interfaces may include the name of the transition object, the name of the shared element or the shared container, the transition animation ID for exiting the interface configuration, the transition animation ID for entering the interface configuration, and the shared element or shared container configuration.
  • the transition animation ID etc.
  • the parsing module mainly determines the conversion scene in the conversion object, the elements in each conversion scene, and the corresponding execution effect according to the inter-interface conversion scheme corresponding to the conversion object.
  • the execution module in the platform-side device in the embodiment of the present application is configured to execute different animation effects for different elements at different times according to the transition scheme between interfaces.
  • the application-side device 1100 may be a portable electronic device that also includes other functions such as personal digital assistant and/or music player functions, such as a mobile phone, a tablet computer, a wearable device (such as a smart watch) with a wireless communication function, and the like. Exemplary embodiments of portable electronic devices include, but are not limited to, carry-on Or portable electronic devices with other operating systems.
  • the portable electronic device described above may also be other portable electronic devices, such as a laptop or the like having a touch-sensitive surface (eg, a touch panel).
  • FIG. 5 shows a block diagram of a partial structure of the application-side device 1100 related to various embodiments of the present application.
  • the application-side device 1100 is a mobile phone.
  • the mobile phone 1100 may include a processor 1110, an external memory interface 1120, an internal memory 1121, a universal serial bus (USB) interface 1130, and a charging management module 1140.
  • SIM subscriber identification module
  • the sensor module 1180 may include a pressure sensor 1180A, a gyroscope sensor 1180B, an air pressure sensor 1180C, a magnetic sensor 1180D, an acceleration sensor 1180E, a distance sensor 1180F, a proximity light sensor 1180G, a fingerprint sensor 1180H, a temperature sensor 1180J, a touch sensor 1180K, and ambient light.
  • the structures illustrated in the embodiments of the present application do not constitute a specific limitation on the application-side device 1100 .
  • the application-side device 1100 may include more or less components than shown, or combine some components, or separate some components, or arrange different components.
  • the illustrated components may be implemented in hardware, software, or a combination of software and hardware.
  • the processor 110 may include one or more processing units, for example, the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processor (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), controller, memory, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural-network processing unit (NPU) Wait. Wherein, different processing units may be independent devices, or may be integrated in one or more processors.
  • the controller may be the nerve center and command center of the mobile phone 100 . The controller can generate an operation control signal according to the instruction operation code and timing signal, and complete the control of fetching and executing instructions.
  • a memory may also be provided in the processor 110 for storing instructions and data.
  • the memory in processor 110 is cache memory. This memory may hold instructions or data that have just been used or recycled by the processor 110 . If the processor 110 needs to use the instruction or data again, it can be called directly from the memory. Repeated accesses are avoided and the latency of the processor 110 is reduced, thereby increasing the efficiency of the system.
  • the processor 1110 may include one or more interfaces.
  • the interface may include an integrated circuit (inter-integrated circuit, I2C) interface, an integrated circuit built-in audio (inter-integrated circuit sound, I2S) interface, a pulse code modulation (pulse code modulation, PCM) interface, a universal asynchronous transceiver (universal asynchronous transmitter) receiver/transmitter, UART) interface, mobile industry processor interface (MIPI), general-purpose input/output (GPIO) interface, subscriber identity module (SIM) interface, and / or universal serial bus (universal serial bus, USB) interface, etc.
  • I2C integrated circuit
  • I2S integrated circuit built-in audio
  • PCM pulse code modulation
  • PCM pulse code modulation
  • UART universal asynchronous transceiver
  • MIPI mobile industry processor interface
  • GPIO general-purpose input/output
  • SIM subscriber identity module
  • USB universal serial bus
  • the USB interface 130 is an interface that conforms to the USB standard specification, and may specifically be a Mini USB interface, a Micro USB interface, a USB Type C interface, and the like.
  • the USB interface 130 can be used to connect a charger to charge the mobile phone 100, and can also be used to transmit data between the mobile phone 100 and peripheral devices.
  • the charging management module 140 is used to receive charging input from the charger.
  • the power management module 141 is used for connecting the battery 142 , the charging management module 140 and the processor 110 .
  • the power management module 141 receives input from the battery 142 and/or the charging management module 140 and supplies power to the processor 110 , the internal memory 121 , the external memory, the display screen 194 , the camera 193 , and the wireless communication module 160 .
  • the processor 1110 is configured to determine a conversion object, and call an application program in the platform-side device 1200 for performing inter-interface conversion to determine the conversion object for performing inter-interface conversion. plan.
  • the processor 1110 is configured to determine a conversion object and a solution for performing inter-interface conversion corresponding to the conversion object, and when the conversion object performs inter-interface conversion, according to the The solution for inter-interface conversion realizes inter-interface conversion of the conversion object.
  • the processor 1110 is further configured to instruct the platform-side device 1200 to cause the platform-side device 1200 to display the conversion object based on an inter-interface conversion scheme of a conversion object interface transition effect.
  • the wireless communication function of the mobile phone 1100 can be implemented by the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modulation and demodulation processor, the baseband processor, and the like.
  • Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals.
  • Each antenna in handset 100 may be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization.
  • the antenna 1 can be multiplexed as a diversity antenna of the wireless local area network. In other embodiments, the antenna may be used in conjunction with a tuning switch.
  • the mobile communication module 1150 can provide wireless communication solutions including 2G/3G/4G/5G etc. applied on the mobile phone 1100 .
  • the mobile communication module 1150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), and the like.
  • the mobile communication module 1150 can receive electromagnetic waves from the antenna 1, filter and amplify the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation.
  • the mobile communication module 1150 can also amplify the signal modulated by the modulation and demodulation processor, and then convert it into electromagnetic waves and radiate it out through the antenna 1 .
  • at least part of the functional modules of the mobile communication module 1150 may be provided in the processor 1110 .
  • at least part of the functional modules of the mobile communication module 1150 may be provided in the same device as at least part of the modules of the processor 1110 .
  • the wireless communication module 1160 can provide applications on the mobile phone 1100 including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) network), bluetooth (BT), global navigation satellite system (global navigation satellite system, GNSS), frequency modulation (frequency modulation, FM), near field communication technology (near field communication, NFC), infrared technology (infrared, IR) and other wireless communication solutions.
  • WLAN wireless local area networks
  • BT wireless fidelity
  • GNSS global navigation satellite system
  • frequency modulation frequency modulation, FM
  • NFC near field communication technology
  • IR infrared technology
  • the wireless communication module 1160 may be one or more devices integrating at least one communication processing module.
  • the wireless communication module 1160 receives electromagnetic waves via the antenna 2 , frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 1110 .
  • the wireless communication module 1160 can also receive the signal to be sent from the processor 1110 , perform frequency modulation on it, amplify it, and then convert it into electromagnetic waves for radiation through the antenna 2 .
  • a communication connection may be established between different electronic devices through BT or WLAN.
  • the antenna 1 of the mobile phone 1100 is coupled with the mobile communication module 1150, and the antenna 2 is coupled with the wireless communication module 1160, so that the mobile phone 1100 can communicate with the network and other devices through wireless communication technology.
  • the wireless communication technology may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), broadband Code division multiple access (wideband code division multiple access, WCDMA), time division code division multiple access (time-division code division multiple access, TD-SCDMA), long term evolution (long term evolution, LTE), fifth generation (the fifth generation) , 5G) mobile communication systems, future communication systems, such as 6th generation (6G) systems, etc., BT, GNSS, WLAN, NFC, FM and/or IR technologies, etc.
  • 6G 6th generation
  • the GNSS may include global positioning system (global positioning system, GPS), global navigation satellite system (global navigation satellite system, GLONASS), Beidou navigation satellite system (beidou navigation satellite system, BDS), quasi-zenith satellite system (quasi -zenith satellite system, QZSS) and/or satellite based augmentation systems (SBAS).
  • global positioning system global positioning system, GPS
  • global navigation satellite system global navigation satellite system, GLONASS
  • Beidou navigation satellite system beidou navigation satellite system, BDS
  • quasi-zenith satellite system quadsi -zenith satellite system, QZSS
  • SBAS satellite based augmentation systems
  • the display screen 1194 is used to display the display interface of the application and the like.
  • Display screen 1194 includes a display panel.
  • the display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode or an active-matrix organic light-emitting diode (active-matrix organic light).
  • emitting diode, AMOLED organic light-emitting diode
  • flexible light-emitting diode flexible light-emitting diode (flex light-emitting diode, FLED), Miniled, MicroLed, Micro-oLed, quantum dot light-emitting diode (quantum dot light emitting diodes, QLED) and so on.
  • cell phone 1100 may include 1 or N display screens 194 , where N is a positive integer greater than 1.
  • the display screen 1194 may be used to display an application interface.
  • Camera 1193 is used to capture still images or video.
  • the camera 1193 may include a front camera and a rear camera.
  • Internal memory 1121 may be used to store computer executable program code, which includes instructions.
  • the processor 1110 executes various functional applications and data processing of the mobile phone 1100 by executing the instructions stored in the internal memory 1121 .
  • the internal memory 1121 may include a storage program area and a storage data area.
  • the storage program area can store the operating system, and the software code of at least one application program (eg, a sound playback function, an image playback function, etc.).
  • the storage data area can store data (such as images, videos, etc.) generated during the use of the mobile phone 1100 and the like.
  • the internal memory 1121 may include high-speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, universal flash storage (UFS), and the like.
  • the external memory interface 1120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the mobile phone 1100.
  • the external memory card communicates with the processor 1110 through the external memory interface 1120 to realize the data storage function. Such as saving pictures, videos and other files in an external memory card.
  • the mobile phone 1100 can implement audio functions through an audio module 1170, a speaker 1170A, a receiver 1170B, a microphone 1170C, an earphone interface 1170D, and an application processor. Such as music playback, recording, etc.
  • the keys 1190 include a power-on key, a volume key, and the like. Keys 1190 may be mechanical keys. It can also be a touch key.
  • the cell phone 1100 can receive key input and generate key signal input related to user settings and function control of the cell phone 1100 .
  • Motor 1191 can generate vibrating cues. The motor 1191 can be used for incoming call vibration alerts, and can also be used for touch vibration feedback. For example, touch operations acting on different applications (such as taking pictures, playing audio, etc.) can correspond to different vibration feedback effects.
  • the indicator 1192 can be an indicator light, which can be used to indicate the charging status, the change of power, and can also be used to indicate messages, missed calls, notifications, and the like.
  • the SIM card interface 1195 is used to connect a SIM card. The SIM card can be contacted and separated from the mobile phone 1100 by inserting into the SIM card interface 1195 or pulling out from the SIM card interface 1195 .
  • the embodiments of the present application use a layered architecture Taking the system as an example, the software structure of the application-side device 1100 is exemplarily described. It should be understood that this article is based on system as an example, in other operating systems (such as system, system, etc.), as long as the functions implemented by each functional module are similar to the embodiments of the present application, the solution of the present application can also be implemented.
  • FIG. 6 is a software structural block diagram of an application-side device 1100 according to an embodiment of the present application.
  • the layered architecture divides the software into several layers, and each layer has a clear role and division of labor. Layers communicate with each other through software interfaces.
  • the Android system is divided into four layers, which are, from top to bottom, an application layer, an application framework layer, an Android runtime environment (Android runtime) and a system library, and a kernel layer.
  • the application layer in the application-side device 1100 described in the embodiments of the present application may include a series of application packages.
  • the application package may include applications such as phone, camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and short message.
  • the application framework layer in the application-side device 1100 described in the embodiments of the present application is mainly used to provide an application programming interface (application programming interface, API) and a programming framework for applications in the application layer.
  • the application framework layer may include some predefined functions.
  • the application framework layer may include window managers, content providers, view systems, telephony managers, resource managers, notification managers, and the like.
  • the window manager is used to manage window programs.
  • the window manager can get the size of the display screen, determine whether there is a status bar, lock the screen, take screenshots, etc.
  • Content providers are used to store and retrieve data and make these data accessible to applications.
  • the data may include video, images, audio, calls made and received, browsing history and bookmarks, phone book, etc.
  • the view system includes visual controls, such as controls for displaying text, controls for displaying pictures, and so on. View systems can be used to build applications.
  • a display interface can consist of one or more views.
  • the display interface including the short message notification icon may include a view for displaying text and a view for displaying pictures.
  • the phone manager is used to provide the communication function of the application-side device 1100 .
  • the management of call status including connecting, hanging up, etc.).
  • the resource manager provides various resources for the application, such as localization strings, icons, pictures, layout files, video files and so on.
  • the notification manager enables applications to display notification information in the status bar, which can be used to convey notification-type messages, and can disappear automatically after a brief pause without user interaction. For example, the notification manager is used to notify download completion, message reminders, etc.
  • the notification manager can also display notifications in the status bar at the top of the system in the form of graphs or scroll bar text, such as notifications of applications running in the background, and notifications on the screen in the form of dialog windows. For example, text information is prompted in the status bar, a prompt sound is issued, the electronic device vibrates, and the indicator light flashes.
  • the contents of the system library and the kernel layer in the application-side device 1100 described in the embodiments of the present application are similar to the contents of the system library and the kernel layer in the above-mentioned platform-side device 1200.
  • the above-mentioned platform-side device please refer to the above-mentioned platform-side device for details.
  • the introduction of the system library and the kernel layer in 1200 will not be repeated here.
  • exit element in the above-mentioned FIG. 7 can be understood as the exit element in the priority (application number is 202010943693.3) file
  • entry element can be understood as the entry element in the priority (application number is 202010943693.3) file.
  • the processing logic of the current solution for the transition between interfaces is relatively simple, and only the dynamic effects of exit and entry are simply realized. Poor experience.
  • the embodiments of the present application provide a method, device and system for converting between interfaces, so as to efficiently and flexibly realize a more coherent effect of converting between interfaces.
  • the embodiments of the present application provide a specific introduction to the capability framework corresponding to the application program for performing inter-interface conversion, that is, the application program framework layer described in FIG. 4 is specifically introduced.
  • the application framework layer mainly includes a configuration module, a parsing module, and an execution module. Therefore, it can be understood that when the embodiment of the present application performs interface conversion according to the application framework, as shown in the figure 8, it can be divided into three stages, namely the configuration stage, the parsing stage and the execution stage.
  • the application framework shown in Figure 8 above is mainly used to provide efficient, flexible and rich one-shot-to-the-end effects. Therefore, the application framework can be understood as the priority (application number: 202010943693.3) document in Figure 7 A mirror bottom frame is shown.
  • the first stage mainly refers to the parameter configuration of the scenes and elements involved in the conversion object through the configuration module in the application framework.
  • the application framework of the configuration phase described in the embodiment of the present application may be specifically shown in FIG. 9 .
  • the configuration stage shown in the above-mentioned FIG. 9 of this application can be understood as the configuration module shown in FIG. 8 in the priority (application number 202010943693.3) document; therefore, the exit scenario shown in the above-mentioned FIG.
  • the application-side device is a mobile phone, wherein the applications in the mobile phone include a calendar, a gallery, an application mall, weather, and a phone.
  • the application-side device determines the gallery as the conversion object according to the selection instruction triggered by the user, for example, determines a scheme for performing inter-interface conversion on the internal application interface in the gallery.
  • a device for example, a processor in an application testing device, or a processor in a platform-side device, etc.
  • a device used to configure a conversion object between interfaces in an inter-interface conversion scheme, determines The transition scene in the transition object.
  • the exit scenario shown in Figure 11 above in this application is equivalent to the exit scenario shown in Figure 10 in the priority (application number 202010943693.3) document;
  • the transition scenario shown in Figure 11 above in this application is equivalent to priority (application No. 202010943693.3) 202010943693.3) the shared scene shown in Figure 10;
  • the entry scene shown in Figure 11 above in this application is equivalent to the admission scene shown in Figure 10 in the priority (application number 202010943693.3) document.
  • the application-side device determines the element type and the dynamic effect form according to the instruction triggered by the user.
  • the types of elements include shared elements, exit elements and entry elements.
  • the exit element shown in Figure 12 above in this application is equivalent to the entry element shown in Figure 11 in the priority (application number is 202010943693.3) document;
  • the shared element shown in Figure 12 above in this application is equivalent to priority (application number is 202010943693.3) 202010943693.3) file is the persistent element shown in Figure 11;
  • the entry element shown in Figure 12 in this application is equivalent to the entry element shown in Figure 11 in the priority (application number 202010943693.3) file.
  • the device used to configure the inter-interface conversion scheme for the conversion object determines the classification of elements in each conversion scene according to the selection instruction triggered by the user, that is, which elements in each scene are used as exit elements, Which elements act as shared elements, which elements act as incoming elements, and determine the corresponding animations when elements transition.
  • the exit information container shown in the above-mentioned FIG. 13 of this application is equivalent to the exit information container shown in FIG. 12 in the priority (application number is 202010943693.3) document; the entry information container shown in the above-mentioned FIG.
  • the device for configuring the conversion scheme between the interfaces for the conversion object may also classify the element types according to the container in which the element is located. For example, if container 1 is determined to be a shared container, it can be understood that all elements in container 1 are shared elements.
  • the device for configuring the conversion object between the interfaces can also set the size of the information container according to the processing instruction triggered by the user.
  • a current mainstream activity conversion type is taken as an example to briefly introduce some parameters involved in the elements in the conversion object in the embodiment of the present application.
  • the parameters involved in the elements in the embodiments of the present application may include names, motion durations, control IDs, animation effects, animation effect delays, interface (exit and/or entry) durations, and the like.
  • the parameters involved in the elements in the embodiments of the present application are not limited to the above-mentioned ones, and any configuration parameters that can be applied to the elements in the embodiments of the present application belong to the protection scope of the embodiments of the present application.
  • the configured parameters may also include the interval duration of each motion effect, etc.
  • this embodiment of the present application simply enumerates parameters that may need to be configured to perform interface conversion on a selected conversion object in a table format.
  • an exit element, an entry element or a shared element is determined by setting a container ID, it can be understood that all elements in the container ID are set as an exit element, an entry element or a shared element.
  • container 1 For example, suppose there are three elements in container 1, element 1, element 2, and element 3. If container 1 is set as a shared element, all elements contained in container 1 are shared elements.
  • a dynamic effect when configured for the container 1, a dynamic effect may be configured for each shared element separately, or a unified dynamic effect may be configured for the entire container.
  • the dynamic effect configured for shared element 1 can be flip, and the dynamic effect configured for shared element 2 and shared element 3 is gradient, then during the interface transition process, the shared Element 1 performs flip animation, shared element 2 and shared element 3 perform gradient animation; or, when configuring animation for elements in container 1, you can configure gradient animation for container 1, then during the transition between interfaces, Shared elements 1 to 3 in container 1 uniformly perform gradient animation.
  • the intermediate interface for conversion may be regarded as a transition interface (also referred to as a shared interface).
  • the total transition time T1 in the embodiment of the present application is the exit time T2, the sharing time The sum of the time T3 and the entry time T4; when the exit interface, the transition interface and the entry interface are in the process of switching between interfaces, and there is overlap between the interfaces, the total transition time T1 in the embodiment of the present application is less than the exit time T2 , the sum of the shared time T3 and the entry time T4.
  • Explosion effect displacement effect, zoom effect, crop effect, rotation effect, fade effect, etc.
  • dynamic effect forms described in the embodiments of the present application may also be implemented by self-defined extensions, for example, it may also be set as a black hole effect, a concealment effect, etc. in a self-defined manner.
  • the user can also set the properties of the dynamic effect according to their own needs, for example:
  • the type of the animation when to trigger the start of the animation, when to trigger the end of the animation, the type of the animation, the application scenario (ie, whether to exit the animation or enter the animation), the total running time of the animation, the delay time of the animation, and the animation interpolator, etc.
  • the embodiment of the present application does not limit the conversion type.
  • the conversion type in the embodiment of the present application may also be a ViewGroup conversion type, a Fragment conversion type, and the like.
  • the setting methods of other conversion types are similar to the above-mentioned Activity conversion types, and the main difference is that the forms of controls are different, that is, the conversion settings are different.
  • the introduction of the above Activity conversion types please refer to the introduction of the above Activity conversion types.
  • the embodiment of the present application selects three conversion types: Activity, ViewGroup, and Fragment, and briefly introduces the conversion settings respectively.
  • the transition settings for the three transition types of Activity, ViewGroup, and Fragment may be as shown in Table 3 below.
  • the configuration of the inter-interface conversion scheme when performing the inter-interface conversion configuration in the configuration stage, may be performed in a self-defined manner, or the configuration of the inter-interface conversion scheme may be performed in a preset template manner, and the following are respectively performed. introduce:
  • Configuration mode 1 Custom configuration.
  • the application framework performs corresponding parameter configuration based on the content selected by the user.
  • FIG. 14 it is assumed that application A is converted between interfaces, wherein the user determines the element corresponding to box 2 in application A as a shared element in a self-defined way, and exits the element configuration.
  • the animation for the gradient disappears, the animation for the shared element configuration is zooming in, and the animation for entering the element configuration is the gradient appearing.
  • the interface a (exit scene) shown in the above-mentioned FIG. 14 of the present application is equivalent to the interface a (exit scene) shown in FIG. 13 in the priority (application number is 202010943693.3) document; the interface b shown in the above-mentioned FIG.
  • the interface a in FIG. 13 is the exit scene of application A
  • the interface b in FIG. 13 is the transition scene of application A
  • the interface in FIG. 13 is the transition scene of application A.
  • the c interface is the entry scene of application A
  • box 1 is the exit element
  • box 2 is the shared element
  • box 3 is the entry element.
  • the box 2 as the shared element always exists, and displays an enlarged dynamic effect, and the box 1 as the exit element gradually disappears.
  • the interface b is switched to the interface c, wherein, in the switching process, the box 2 as the shared element always exists, and the box 3 as the entry element gradually appears.
  • the size of the information container and the position of the information container can be set.
  • the size of the information container displaying the exit scene is set to the size of the virtual box 1 and displayed at the left border of the screen, then the content of the exit scene is only in the virtual box 1 in the FIG. 15 .
  • Configuration mode 2 Default template mode configuration.
  • multiple quick configuration templates may be set, that is, in the quick configuration template, the relevant configuration parameters of the elements have been set in advance, and the user only needs to determine the name of the element, which realizes the fast configuration. configuration, effectively reducing the complexity of the configuration.
  • the user may click the screen with a finger to determine the element that needs to be configured using a template.
  • the mobile phone determines the name of the element or container displayed at the position according to the clicked screen position, and binds the name of the element or container with the quick configuration template selected by the user, so that the When the element or container is switched between interfaces, the configuration corresponding to the selected quick configuration module is executed.
  • the current configuration interface is as shown in (a) in Figure 16.
  • the current configuration interface displays custom configuration and quick configuration.
  • the current interface is shown in (b) of FIG. 16 , which displays two quick configuration modules, such as the quick configuration template 1 and the quick configuration template 2 described above.
  • the relevant configurations in the quick configuration template 1 are as follows:
  • the exit animation is a left-to-right translation, and the animation duration is 2s.
  • the entry animation is a right-to-left translation, and the animation duration is 2S.
  • the animation of a shared element or shared container is an explosion, and the animation duration is 1.5. S, where the center point of the explosion animation is the center point of the shared element or shared container, a quarter of the size of the explosion area interface, etc.
  • the relevant configurations in the quick configuration module 2 are as follows:
  • the exit animation is gradual, the animation duration is 2s, the entry animation is flip, the animation duration is 2S, the animation of the shared element or shared container is shaking, and the animation duration is 1.5S.
  • the center point is the center point of the shared element or shared container, etc. It is assumed that the user selects the quick configuration template 1 during the quick configuration template selection process.
  • the user After the user determines the applied quick configuration template, the user only needs to determine the element to which the template is applied.
  • the user determines the shared element from the content displayed on the current interface by clicking with a finger. Assuming that the user taps a boat on the screen with a finger, the application framework can determine that the boat is a shared element.
  • interface a is the exit scene of the application A
  • the interface b is the entry scene of the application A.
  • interface a translates from left to right to exit, and the duration of the dynamic effect is 2s; during the exit process of interface b, interface b enters by translation from right to left, and the duration of dynamic effect is 2s.
  • the ship as a shared element always exists, and at the center of the ship, an explosion animation about a quarter of the size of the screen is displayed.
  • a configuration file of the inter-interface conversion scheme can be generated, which is used for subsequent conversion objects to be called when performing inter-interface conversion display.
  • the embodiment of the present application may also adopt a combination of a custom method and a preset template method to configure the conversion scheme between interfaces for the conversion object, which is not limited in the embodiment of the present application.
  • an encryption public key may be used to encrypt the inter-interface conversion scheme corresponding to the conversion object. Therefore, only the device or application that knows the decryption private key corresponding to the encryption public key can parse the inter-interface conversion scheme corresponding to the conversion object, and obtain the inter-interface conversion scheme corresponding to the conversion object.
  • the second stage the analysis stage:
  • the second stage mainly refers to a device used to parse the inter-interface conversion scheme corresponding to the conversion object, parses the inter-interface conversion scheme obtained by the conversion object in the configuration stage, and obtains the configuration in the inter-interface conversion scheme.
  • the element used for inter-interface conversion and the attributes of the element are used to determine the solution effect of the conversion object for inter-interface conversion.
  • the platform-side device parses the inter-interface conversion scheme corresponding to the conversion object through the parsing module of the application framework; for another example, the application-side device parses the conversion scheme through its own processor or a chip with parsing function The interface conversion scheme corresponding to the object is parsed.
  • FIG. 18 The internal logical framework of the parsing phase described in the embodiment of the present application may be specifically shown in FIG. 18 .
  • the analysis stage shown in the above-mentioned FIG. 18 of this application can be understood as the analysis module shown in FIG. 15 in the priority (application number 202010943693.3) document, that is, the above-mentioned FIG. 18 of this application is equivalent to the priority (application number is 202010943693.3) Figure 15 in the file.
  • the device for executing the conversion object to perform the inter-interface conversion scheme determines the inter-interface conversion scheme configured in the inter-interface conversion scheme through the inter-interface conversion scheme corresponding to the conversion object.
  • the converted scene type and the layout type corresponding to the scene type so as to bind the scene type and the layout type together.
  • the device for analyzing the inter-interface conversion scheme corresponding to the conversion object determines the state of each converted interface according to the inter-interface conversion scheme.
  • the device for analyzing the inter-interface conversion scheme corresponding to the conversion object determines, according to the inter-interface conversion scheme, the elements contained in the exit scene and the corresponding states of the elements, the elements contained in the transition scene and the corresponding elements of the elements. and the elements contained in the entering scene and the corresponding states of the elements.
  • the state of the element in the embodiment of the present application mainly includes the type of the element, the dynamic effect form of the element, the dynamic effect duration, and the like.
  • the conversion object is a calendar application, wherein the configuration file for interface conversion obtained by the calendar application through the first stage is shown in Table 4.
  • the exit animation in the exit scene is shifted from left to right by 20 pixels, and the gradient is 2s.
  • Motion effect determine that the entry motion effect in the entry scene is a motion effect that shifts 20 pixels from right to left, and has a gradient of 2s, and determines that the shared element is the year in the shared scene, and during the interface transition process, the year element is presented from the left. Shake to the right, the effect of shaking amplitude is 2 pixels.
  • the third stage mainly refers to a device for executing the inter-interface conversion scheme corresponding to the conversion object.
  • the inter-interface conversion scheme corresponding to the conversion object when the conversion object performs inter-interface conversion, the interface is displayed.
  • the transition effect configured in the inter-transition scheme configured in the inter-transition scheme.
  • FIG. 19 The internal logical framework of the execution phase described in the embodiments of the present application may be specifically shown in FIG. 19 .
  • the execution stage shown in the above-mentioned FIG. 19 of this application can be understood as the execution module shown in FIG. 16 in the priority (application number is 202010943693.3) document, that is, the above-mentioned FIG. 19 of this application is equivalent to the priority (application number is 202010943693.3) Figure 16 in the file.
  • the platform-side device starts the conversion with one key according to various parameters in the inter-interface conversion scheme corresponding to the conversion object obtained by the previous analysis, and displays the conversion object to perform the interface. conversion effect.
  • the platform-side device performs different animation effects for different elements at different times according to the parameters.
  • a mirror-to-bottom frame is used for the application side device to provide a conversion method between interfaces, as shown in FIG. 20 , and the specific steps are as follows:
  • Phase 1 Configuration Phase:
  • the application-side device determines the interface type according to the interface configuration instruction triggered by the user.
  • the interface type in the embodiment of the present application includes a first interface, at least one transition interface, and a second interface, and the transition interface refers to an intermediate connection interface from the first interface to the second interface.
  • the first interface is an exit interface
  • the second interface is an entry interface
  • the transition interface is a sharing interface
  • the application-side device determines the container and/or element included in each interface according to the element configuration instruction triggered by the user.
  • container and/or element settings may be performed based on different interfaces.
  • At least one container and/or element is set as the exit element, and at least one container and/or element is set as the shared element; in the entry interface, at least one container and/or element is set as the entry element, and at least one container and/or element is set as the entry element.
  • the shared elements in the exit interface are the same as the shared elements in the entry interface.
  • the application-side device determines the first element and the second element in the first interface according to the element configuration instruction triggered by the user, and determines the second element and the third element in the second interface, wherein,
  • the transition interface includes a second element.
  • the first element is an exit element
  • the second element is a shared element
  • the third element is an entry element.
  • the shared elements in the exit interface are partially similar to the shared elements in the entry interface.
  • the application-side device determines the first element and the second element in the first interface according to the element configuration instruction triggered by the user, and determines the third element and the fourth element in the second interface;
  • the triggered element configuration instruction determines that the second element in the transition interface gradually changes to the third element; wherein the second element is partially the same as the third element.
  • the application-side device determines, according to the motion effect configuration instruction triggered by the user, the motion effect performed by the interface, the container and/or the element in the process of switching the first interface to the second interface.
  • the application-side device described in the embodiment of the present application can obtain the inter-interface conversion scheme corresponding to the conversion object through the above configuration operation, and the specific implementation can refer to the description of the configuration module on the AAR side.
  • the application-side device may integrate the inter-interface conversion scheme. That is to say, the application-side device will encapsulate and store the inter-interface conversion scheme corresponding to the conversion object, so that the inter-interface conversion effect of the conversion object is directly triggered when the conversion object is inter-interface conversion again. start up.
  • the above configuration steps do not constitute a limitation to the embodiments of the present application.
  • the execution steps can be flexibly adjusted according to the actual situation.
  • the scene type corresponding to the conversion interface may also be considered.
  • the converted scene type may be determined as one of Activity, ViewGroup, and Fragment. It should be noted that the conversion types described in the embodiments of the present application are not limited to the above three types, and may be further expanded.
  • a first interface is displayed; the first interface includes a first element and a second element.
  • the second interface includes the second element and the third element; and the transition interface includes the second element.
  • the second interface includes a third element and a fourth element; the first interface is in the process of switching to the second interface through the at least one transition interface , the presentation form of the second element in the transition interface gradually changes to the presentation form of the third element; wherein the second element is the same as the third element.
  • the electronic device connects through at least one transition interface, and the transition interface has the same shared elements as the first interface and the second interface. Or similar elements, so that in the process of switching between the first interface and the second interface, the transformation is natural, the coherence is strong, and the user's visual experience effect is better.
  • the solution of converting between interfaces based on one mirror to the end described in the embodiments of this application is not limited by the type of conversion, nor by the usage scenarios, for example, within applications, between applications, and between systems and applications It can be used in any room; it can also be used in different screen scenarios, such as full screen, split screen and screen projection scenarios.
  • the one-mirror-to-bottom conversion effects described in the embodiments of the present application can be divided into the following several application examples according to the display situation of the shared elements.
  • the transition interface includes elements that exist in both the first interface and the second interface.
  • the embodiment of the present application is based on the Fragment conversion type, and the scheme of performing the conversion between interfaces can also be divided into various situations such as inter-application conversion, in-application conversion, and desktop-to-application conversion, and is not specifically limited to the following content:
  • the embodiment of the present application takes a call application as an example, and provides an example of the effect based on in-application conversion between at least two fragments.
  • corresponding ids can be set for the answer key and the hang up key in the answer button, and the use state of the call application can be determined according to the answer or hang up command triggered by the user.
  • the exit interface and entry interface of the call application are shown in FIG. 21 .
  • the exit interface includes an answer button icon and a hang up button icon.
  • the exit interface is switched to the process of entering the interface, and if the user triggers an answer instruction, the answer key is a shared element.
  • the answer key is used as a shared element, and after the conversion animation is executed, the expression is similar to the hang up key as the exit element, but it is different from the hang up key as the exit element that cuts out the interface. icon.
  • the method for switching between interfaces based on the one-mirror-to-the-end effect provided by the embodiment of the present application will be introduced by taking the user's need to switch to the short message application when using the call application as an example.
  • the answer button in the calling application is used as a shared element, which persists during the conversion process.
  • the interface transition between the call application and the short message application is triggered.
  • the answering key of the calling application persists, and the answering key performs a zoom-in motion effect, and a bubble window appears, displaying the SMS editing interface for editing the SMS.
  • click the answer button the answer button will perform a rotating and shrinking motion effect, and the call interface will be displayed.
  • the following describes the method for switching between interfaces based on the one-mirror-to-bottom effect provided by the embodiment of the present application by taking the user's need to switch from the application desktop to the call application as an example.
  • the answer button in the calling application is used as a shared element, which persists during the transition process.
  • Conversion type 2 Activity conversion type.
  • the solution for performing inter-interface conversion in the embodiment of the present application can also be divided into various situations such as inter-application conversion, intra-application conversion, and desktop-to-application conversion, and is not limited to the following:
  • the embodiment of the present application provides a first effect example based on the transition between interfaces between at least two activities by taking a book application in the application market as an example.
  • Table 6 the configuration files of the book applications in the application market described in the embodiments of the present application are as follows:
  • the exit interface and entry interface of the book application are shown in FIG. 24 .
  • the exit interface includes a title bar, a category icon and at least one book cover.
  • the book cover selected by the user is a shared element, which persists during the transition between interfaces; the exit element is the title bar, category icon and other book covers that are not selected by the user, and the transition between interfaces is performed. , the slide down effect is executed.
  • the entry interface of the book application it can be known that the content introduction part, evaluation column, function icons, etc. in the entry interface belong to entry elements, and the upward sliding effect is performed when switching between interfaces.
  • the embodiment of the present application provides a second example of the effect based on the transition between interfaces between at least two activities by taking a gallery application in the application market as an example.
  • the exit interface and entry interface of the gallery application are as shown in FIG. 25 .
  • the exit interface includes a search bar, function icons and at least one picture. Wait.
  • the picture selected by the user is a shared element, which persists during the transition between interfaces; the exit element is the search bar, function icon and other pictures not selected by the user, etc., and the transition between interfaces is performed. , execute the left shift effect.
  • the function icons in the entry interface and other pictures that are not selected by the user belong to entry elements.
  • the execution center enlarges the dynamic effect.
  • the embodiment of the present application takes a music application as an example, and provides three examples of effects based on the transition between interfaces between at least two activities.
  • the exit interface and entry interface of the music application are shown in Figure 26. According to the scene shown in Figure 26, it can be understood that the exit scene includes classification icons, at least one cover and function buttons. Wait.
  • the cover image selected by the user is a shared element, which persists during inter-interface transition; and when the exit element transitions between interfaces, it performs zooming and dynamic cut out.
  • the song list and function icons in the entry interface belong to entry elements, and the upward sliding effect is performed when the interface is converted.
  • the cover selected by the user is the main cover. Therefore, in the process of switching from the exit interface to the entry interface, the exit interface is zoomed and cut out. , the main cover always exists, and the entry interface is swiped to enter.
  • the startup interface of the application can be directly used as the exit scene.
  • the startup interface of the music application is regarded as the exit scene.
  • the cover image is used as a shared element.
  • the following describes the method for switching between interfaces based on the one-mirror-to-bottom effect provided by the embodiment of the present application by taking the user who needs to switch to the gallery application when using the camera application as an example.
  • the thumbnail button in the camera application is used as a shared element and persists during the transition process.
  • the camera application and the gallery application are triggered to switch between the interfaces.
  • the photographed picture is displayed.
  • the thumbnail button of the camera application persists, the photographing interface disappears, and the pictures in the gallery appear.
  • the thumbnail button in the gallery interface is clicked, the thumbnail button persists.
  • the method for switching between interfaces based on the one-mirror-to-bottom effect provided by the embodiment of the present application will be introduced by taking the user's need to switch from the application desktop to the music application as an example.
  • the interface transition between the application desktop and the music application is triggered.
  • the note as the shared element always exists, and the note performs a smooth downward movement effect, and then the music application interface is displayed.
  • the embodiment of the present application is based on the ViewGroup conversion type, and the scheme for inter-interface conversion can also be divided into various situations such as inter-application conversion, intra-application conversion, and desktop-to-application conversion, and is not limited to the following:
  • the embodiment of the present application uses a calendar application as an example to provide a first example of the effect based on the transition between at least two ViewGroups.
  • the exit interface and entry interface of the music application are as shown in Figure 30.
  • the exit animation in the exit interface is a displacement of 20 pixels from left to right, and the gradient is 2s.
  • the entry motion effect in the interface is a motion effect that shifts from right to left by 20 pixels, and the gradient is 2s.
  • the shared element shakes from left to right during the transition between the interfaces, and the shaking amplitude is 2 pixel effect.
  • the calendar application initiates a transition between interfaces, as shown in Figure 30, assuming that the user clicks the icon of month 8 in interface a of the calendar application, the icon of month 8 is determined as a shared element. During the interface transition process, the icon for the month 8 is always there.
  • the following describes the method for switching between interfaces based on the one-mirror-to-bottom effect provided by the embodiment of the present application by taking the user who needs to switch to the camera application when using the shopping application as an example.
  • the camera button in the shopping application is used as a shared element, which persists during the transition process.
  • the interface switching between the shopping application and the camera application is triggered.
  • the camera button of the camera application continues to exist, the shopping interface gradually disappears, and the camera interface gradually appears.
  • the following describes the method for switching between interfaces based on the one-mirror-to-bottom effect provided by the embodiment of the present application by taking the user's need to switch from the application desktop to the calendar application as an example.
  • the date element in the icon of the calendar application is used as a shared element, which persists during the transition process.
  • Application example 2 When element 1 in the first interface is switched to the second interface through at least one transition interface, element 1 gradually changes to element 2, wherein the similarity between element 2 and element 1 is higher than the similarity threshold.
  • the embodiment of the present application is based on the Fragment conversion type, and the scheme of performing the conversion between interfaces can also be divided into various situations such as inter-application conversion, in-application conversion, and desktop-to-application conversion, and is not specifically limited to the following content:
  • the embodiment of the present application takes a call application as an example, and provides an example of the effect based on in-application conversion between at least two fragments.
  • corresponding ids can be set for the answer key and the hang up key in the answer button, and the use state of the call application can be determined according to the answer or hang up command triggered by the user.
  • the calling application initiates the transition between interfaces, during the process of switching the first interface to the second interface, if the user triggers an answer instruction, the answer key is a shared element.
  • the first interface includes the shared element in the transition interface in the process of switching to the second interface.
  • the expression form of the shared element in the first interface is element 1
  • the expression form in the second interface is element 2
  • the similarity between element 1 and element 2 is higher than the similarity threshold.
  • element 1 gradually becomes the expression form of element 2.
  • the content of the expression is that the phone is gradually answered. This enriches the fun and brings users a more vivid interface switching experience.
  • the exit element in the first interface gradually fades out, for example, when the exit element hangs up the button icon, when the interface is switched, a fade-out motion effect is performed.
  • the entry elements in the second interface gradually appear, for example, the hands-free icon and the keyboard icon of the entry elements, and a fade-in animation effect is performed when the interface is switched.
  • the method for switching between interfaces based on the one-mirror-to-the-end effect provided by the embodiment of the present application will be introduced by taking the user's need to switch to the short message application when using the call application as an example.
  • the answer button in the calling application is used as a shared element, which persists during the conversion process.
  • the interface transition between the call application and the short message application is triggered. That is, the call interface can be understood as the first interface, and the SMS application interface can be understood as the second interface.
  • the expression form of the shared element in the first interface is element 1
  • the expression form in the second interface is element 2
  • the similarity between element 1 and element 2 is higher than the similarity threshold.
  • element 1 gradually becomes the expression form of element 2.
  • the content of the expression is that the phone is gradually being answered. This enriches the fun and brings users a more vivid interface switching experience.
  • the exit element in the first interface gradually fades out, for example, when the exit element hangs up the button icon, when the interface is switched, a fade-out motion effect is performed.
  • the entry element in the second interface gradually appears.
  • the entry element is a short message editing interface represented by a bubble window and gradually appears, which is used for short message editing.
  • the following describes the method for switching between interfaces based on the one-mirror-to-bottom effect provided by the embodiment of the present application by taking the user's need to switch from the application desktop to the call application as an example.
  • the answer button in the calling application is used as a shared element, which persists during the transition process.
  • the interface transition between the application desktop and the calling application is triggered. That is, the application desktop interface can be understood as the first interface, and the call application interface can be understood as the second interface.
  • the expression form of the shared element in the first interface is element 1
  • the expression form in the second interface is element 2, and the similarity between element 1 and element 2 is higher than the similarity threshold.
  • element 1 gradually becomes the expression form of element 2.
  • the content of the expression is that the phone is gradually answered. Start, and perform smooth down-movement effects, thus enriching the fun and bringing users a more vivid interface switching experience.
  • the exit element in the first interface gradually fades out, for example, the icon of the exit element of other applications, when the interface is switched, performs a fade-out motion effect.
  • the entry elements in the second interface gradually appear, and a call application interface is obtained.
  • Conversion type 2 Activity conversion type.
  • the embodiment of the present application is based on the Activity conversion type, and the scheme of performing inter-interface conversion can also be divided into various situations such as inter-application conversion, intra-application conversion, and desktop-to-application conversion, and is not specifically limited to the following content:
  • the embodiment of the present application provides an example of the effect based on the transition between interfaces between at least two activities by taking the book application in the application market as an example.
  • the cover image selected by the user is used as a shared element, for example, the user-selected cover image is used as a shared element.
  • the cover is the main cover. That is, the first interface includes the shared element in the transition interface in the process of switching to the second interface.
  • the expression form of the shared element in the first interface is element 1
  • the expression form in the second interface is element 2
  • the similarity between element 1 and element 2 is higher than the similarity threshold.
  • element 1 gradually becomes the expression form of element 2.
  • the content of the expression is that the singer gradually raises Start the microphone in your hand, thus enriching the fun and bringing users a more vivid interface switching experience.
  • the exit element in the first interface is cut out by zooming dynamic effect, for example, the exit element classification icon, at least one cover and function buttons, etc., when the interface is switched, the zooming dynamic effect is cut out.
  • the entry element in the second interface performs an upward sliding effect and gradually appears. For example, when entering the element song list and function icons, the upward sliding gradually appears when the interface is switched.
  • the following describes the method for switching between interfaces based on the one-mirror-to-bottom effect provided by the embodiment of the present application by taking the user who needs to switch to the gallery application when using the camera application as an example.
  • the thumbnail button in the camera application is used as a shared element and persists during the transition process.
  • the interface transition between the camera application and the gallery application is triggered. That is, the camera application can be understood as the first interface, and the gallery application interface can be understood as the second interface.
  • the expression form of the shared element in the first interface is element 1
  • the expression form in the second interface is element 2, and the similarity between element 1 and element 2 is higher than the similarity threshold.
  • element 1 gradually becomes the expression form of element 2.
  • the content of the expression is that the picture changes from local to The global display is gradually displayed, which enriches the fun and brings users a more vivid interface switching experience.
  • the exit element in the first interface gradually recedes, and the entry element in the second interface gradually appears.
  • the picture taken is displayed.
  • the thumbnail button of the camera application persists, the camera interface disappears, and the pictures in the gallery appear.
  • the method for switching between interfaces based on the one-mirror-to-bottom effect provided by the embodiment of the present application will be introduced by taking the user's need to switch from the application desktop to the music application as an example.
  • the note element in the music application icon is used as a shared element, which persists during the conversion process.
  • the interface transition between the application desktop and the music application is triggered. That is, the application desktop interface can be understood as the first interface, and the music application interface can be understood as the second interface.
  • the expression form of the shared element in the first interface is element 1
  • the expression form in the second interface is element 2, and the similarity between element 1 and element 2 is higher than the similarity threshold.
  • element 1 gradually becomes the expression form of element 2.
  • the content of the expression is gradually on the music symbol. Displaying staves and performing smooth down-movement effects enriches the fun and brings users a more vivid interface switching experience.
  • the exit element in the first interface gradually fades out, for example, the icon of the exit element of other applications, when the interface is switched, performs a fade-out motion effect.
  • the entry elements in the second interface gradually appear, and a music application interface is obtained.
  • the embodiment of the present application is based on the ViewGroup conversion type, and the solution for performing inter-interface conversion can also be divided into various situations such as inter-application conversion, intra-application conversion, and desktop-to-application conversion, and is not specifically limited to the following content:
  • the embodiment of the present application takes a calendar application as an example to provide a first example of the effect based on the transition between at least two ViewGroups.
  • the month icon selected by the user is used as a shared element, for example, the month selected by the user. for August. That is, the first interface includes the shared element in the transition interface in the process of switching to the second interface.
  • the expression form of the shared element in the first interface is element 1
  • the expression form in the second interface is element 2
  • the similarity between element 1 and element 2 is higher than the similarity threshold.
  • element 1 gradually becomes the expression form of element 2.
  • the content displayed is the August icon. The circular shading gradually disappears, which enriches the fun and brings users a more vivid interface switching experience.
  • the exit element in the first interface executes the zoom-in dynamic effect cut out, for example, the exit element is sent out in other months, etc.
  • the zoom-out dynamic effect is cut out.
  • the entry element in the second interface is zoomed in and displayed, for example, the calendar of the month corresponding to the entry element August is zoomed in and gradually displayed when the interface is switched.
  • the following describes the method for switching between interfaces based on the one-mirror-to-bottom effect provided by the embodiment of the present application by taking the user who needs to switch to the camera application when using the shopping application as an example.
  • the camera button in the shopping application is used as a shared element, which persists during the transition process.
  • the interface transition between the shopping application and the camera application is triggered. That is, the shopping application can be understood as the first interface, and the camera application interface can be understood as the second interface.
  • the expression form of the shared element in the first interface is element 1
  • the expression form in the second interface is element 2, and the similarity between element 1 and element 2 is higher than the similarity threshold.
  • element 1 gradually becomes the expression form of element 2.
  • the content of the expression is that the lens of the camera gradually changes. Elongation, thereby enriching the fun and bringing users a more vivid interface switching experience.
  • the camera button of the camera application continues to exist, the shopping interface gradually disappears, and the camera interface gradually appears.
  • the following describes the method for switching between interfaces based on the one-mirror-to-bottom effect provided by the embodiment of the present application by taking the user's need to switch from the application desktop to the calendar application as an example.
  • the date element in the icon of the calendar application is used as a shared element, which persists during the transition process.
  • the interface transition between the application desktop and the calendar application is triggered. That is, the application desktop interface can be understood as the first interface, and the calendar application interface can be understood as the second interface.
  • the expression form of the shared element in the first interface is element 1
  • the expression form in the second interface is element 2, and the similarity between element 1 and element 2 is higher than the similarity threshold.
  • element 1 gradually becomes the expression form of element 2.
  • the content of the expression is that the date element is gradually displayed.
  • the circular shading enriches the fun and brings users a more vivid interface switching experience.
  • the one-mirror-to-bottom conversion method described in the embodiments of the present application can also be applied to application operations such as split-screen mode and multi-screen collaboration, and is not specifically limited to the following introduction.
  • Mode 1 Split screen mode.
  • the application displayed on each screen can still execute the interface provided by the embodiment of the present application. conversion scheme.
  • the display interface of the mobile phone is divided into two parts, which are divided into upper and lower parts.
  • the upper interface displays the gallery application
  • the lower interface displays the music application.
  • the gallery application performs corresponding conversion according to the preset conversion scheme between interfaces.
  • the music application performs corresponding conversion according to a preset conversion scheme between interfaces.
  • the display interface of the mobile phone is divided into upper and lower layers, wherein the display interface of one application is suspended on the interface of another application.
  • the upper interface displays the gallery application
  • the lower interface displays the music application.
  • the gallery application performs corresponding conversion according to the preset conversion scheme between interfaces.
  • the music application performs corresponding conversion according to a preset conversion scheme between interfaces.
  • the suspended application interface can be used as a shared element of the underlying application interface, and the suspended application interface always exists when the underlying application interface is converted.
  • multiple screens can perform interface conversion based on the corresponding inter-interface conversion scheme at the same time, which is not limited by the conversion type or usage scenario.
  • it can be based on different conversion types such as Activity conversion type, ViewGroup conversion type, and Fragment conversion type, and can be used within applications, between applications, and between systems and applications.
  • conversion types such as Activity conversion type, ViewGroup conversion type, and Fragment conversion type
  • Mode 2 Multi-screen collaborative mode.
  • the mobile phone When the user sometimes operates the application, it may be necessary to switch the screen.
  • the mobile phone when the user operates the gallery application on the mobile phone, in order to make viewing more convenient, the mobile phone may be connected to the PC terminal, multi-screen collaboration, and the The application interface in the mobile phone is displayed on the PC side.
  • the content of the gallery application in the display interface of the mobile phone is switched to the PC side, wherein the entire PC side displays the content of the gallery application . That is to say, the mobile phone operation is replaced by the PC terminal operation, and the display interface of the mobile phone is the same as the display interface of the PC terminal at this time.
  • the converted content and shared elements are displayed on the PC side, and the mobile terminal still keeps the exit interface display interface.
  • shared elements may also continue to be displayed on the display interface of the mobile phone.
  • multiple screens can simultaneously perform interface conversion based on the corresponding one-mirror-to-bottom effect, which is not limited by the conversion type or usage scenario.
  • it can be based on different conversion types such as Activity conversion type, ViewGroup conversion type, and Fragment conversion type, and can be used within applications, between applications, and between systems and applications.
  • conversion types such as Activity conversion type, ViewGroup conversion type, and Fragment conversion type
  • Each functional unit in each of the embodiments of the embodiments 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 computer-readable storage medium.
  • a computer-readable storage medium includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) or a 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: flash memory, removable hard disk, read-only memory, random access memory, magnetic disk or optical disk and other media that can store program codes.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请提供一种界面间的转换方法、设备及系统，该方法包括：电子设备检测到用户作用于所述电子设备的第一操作后，显示第一界面；所述第一界面中包含第一元素和第二元素；所述电子设备检测到用户作用于所述第一界面的第二操作后，显示至少一个过渡界面之后，显示第二界面；所述第二界面中包含所述第二元素和第三元素；所述过渡界面中包含所述第二元素；所述第二元素中不包含所述第一界面、所述过渡界面以及所述第二界面中的状态栏内的元素。通过该方法，在进行应用界面间转换时，通过共享元素持续存在、或者连续变化，使得用户体验达到没有中断的效果。

Description

一种界面间的转换方法、设备及系统
相关申请的交叉引用
本申请要求在2020年09月09日提交中国专利局、申请号为202010943693.3、申请名称为“一种应用界面间的转换方法及设备”的中国专利申请的优先权，其全部内容通过引用结合在本申请中；本申请要求在2021年04月30日提交中国专利局、申请号为202110482721.0、申请名称为“一种界面间的转换方法、设备及系统”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及终端技术领域，尤其涉及一种界面间的转换方法、设备及系统。
背景技术
随着设备性能的提高，用户在使用电子设备时，越来越重视界面间进行转换时的效果体验。
目前，第一界面与第二界面进行转换时，所述第一界面直接切换到所述第二界面，转换效果单一，连贯性较差，用户体验感较低。
发明内容
本申请提供一种界面间的转换方法、设备及系统，用以提供一种连贯性较强的转换方案。
第一方面提供一种界面间的转换方法，包括：
电子设备检测到用户作用于所述电子设备的第一操作后，显示第一界面；所述第一界面中包含第一元素和第二元素；所述电子设备检测到用户作用于所述第一界面的第二操作后，显示至少一个过渡界面之后，显示第二界面；所述第二界面中包含所述第二元素和第三元素；所述过渡界面中包含所述第二元素；所述第二元素中不包含所述第一界面、所述过渡界面以及所述第二界面中的状态栏内的元素。
基于上述方法，在进行第一界面切换到第二界面的过程中，通过至少一个过渡界面进行衔接，并且所述过渡界面中存在第一界面与第二界面都包含的第二元素，从而使得第一界面与第二界面在进行切换的过程中，变换自然，连贯性较强，用户视觉体验效果较好。
在一种可能的实现方式中，所述电子设备的所述第一界面中的第一元素逐渐消失，所述第二界面中的第三元素逐渐显现，所述第二元素在所述第一界面、所述至少一个过渡界面以及所述第二界面中持续存在。
在一种可能的实现方式中，所述电子设备根据每个界面配置的转换动效或根据界面中元素配置的转换动效，在所述第一界面切换到所述第二界面的过程中，执行界面和/或元素相应的动效。
在一种可能的实现方式中，所述第一界面与所述第二界面为第一应用不同显示界面；或，所述第一界面为所述电子设备主界面或主界面的相邻界面或负一屏界面，所述第二界 面为第一应用的显示界面；或，所述第一界面为第一应用的显示界面，所述第二界面为第二应用的显示界面。
第二方面提供一种界面间的转换方法，包括：
电子设备根据用户触发的界面配置指令，确定界面类型，所述界面类型包括第一界面、至少一个过渡界面以及第二界面；其中，所述过渡界面是指所述第一界面到所述第二界面的中间衔接界面；所述电子设备根据用户触发的元素配置指令，确定所述第一界面中的第一元素和第二元素，确定所述第二界面中的第二元素和第三元素；其中，所述过渡界面中包含第二元素。
基于上述方法，在进行第一界面切换到第二界面的转换配置中，配置至少一个过渡界面进行衔接，并且所述过渡界面中存在第一界面与第二界面都包含的第二元素，从而使得第一界面与第二界面在进行切换的过程中，变换自然，连贯性较强，用户视觉体验效果较好。此外，应用可以按照自己的需要，配置不同的转换类型，转换中各个元素类型以及动画效果，来达到更加灵活，更加流畅的动效效果体验。整体应用简单，组件可配置，效果更好。
在一种可能的实现方式中，所述电子设备根据用户触发的动效配置指令，确定所述第一界面切换到所述第二界面的过程中，界面和/或元素执行的动效。
第三方面提供一种界面间的转换方法，包括：
电子设备检测到用户作用于所述电子设备的第一操作后，显示第一界面；所述第一界面中包含第一元素和第二元素；所述电子设备检测到用户作用于所述第一界面的第二操作后，显示至少一个过渡界面之后，显示第二界面；所述第二界面中包含第三元素和第四元素；所述第一界面在通过所述至少一个过渡界面，切换到所述第二界面的过程中，所述过渡界面中所述第二元素的展现形式逐渐变化成所述第三元素的展现形式；其中，所述第二元素与所述第三元素的部分相同。
基于上述方法，在进行第一界面切换到第二界面的转换配置中，配置至少一个过渡界面进行衔接，并且所述过渡界面中存在第一界面的第二元素，以及第二界面的第三元素，所述第二元素与所述第三元素部分相同，从而使得第一界面与第二界面在进行切换的过程中，变换自然，连贯性较强，用户视觉体验效果较好。
在一种可能的实现方式中，所述电子设备的所述第一界面中的第一元素逐渐消失，所述第二界面中的第四元素逐渐显现，所述过渡界面中的所述第二元素逐渐变成所述第三元素。
在一种可能的实现方式中，所述电子设备根据每个界面配置的转换动效或根据界面中元素配置的转换动效，在所述第一界面切换到所述第二界面的过程中，执行界面和/或元素相应的动效。
在一种可能的实现方式中，所述第一界面与所述第二界面为第一应用不同显示界面；或，所述第一界面为所述电子设备主界面或主界面的相邻界面或负一屏界面，所述第二界面为第一应用的显示界面；或，所述第一界面为第一应用的显示界面，所述第二界面为第二应用的显示界面。
第四方面提供一种界面间的转换方法，包括：
电子设备根据用户触发的界面配置指令，确定界面类型，所述界面类型包括第一界面、至少一个过渡界面以及第二界面；其中，所述过渡界面是指所述第一界面到所述第二界面 的中间衔接界面；所述电子设备根据用户触发的元素配置指令，确定第一界面中的第一元素和第二元素，确定第二界面中的第三元素和第四元素；根据用户触发的元素配置指令，确定所述过渡界面中所述第二元素逐渐变化到所述第三元素；其中，所述第二元素与第三元素部分相同。
基于上述方法，在进行第一界面切换到第二界面的转换配置中，配置至少一个过渡界面进行衔接，并且所述过渡界面中存在第一界面的第二元素，以及第二界面的第三元素，所述第二元素与所述第三元素部分相同，从而使得第一界面与第二界面在进行切换的过程中，变换自然，连贯性较强，用户视觉体验效果较好。此外，应用可以按照自己的需要，配置不同的转换类型，转换中各个元素类型以及动画效果，来达到更加灵活，更加流畅的动效效果体验。整体应用简单，组件可配置，效果更好。
在一种可能的实现方式中，所述电子设备根据用户触发的动效配置指令，确定第一界面切换到第二界面过程中，界面和/或元素执行的动效。
第五方面，本申请实施例提供一种应用界面间的转换方法，包括：
接收到用户触发的目标应用的界面转换指示后，确定所述目标应用进行转换的界面以及转换界面中包含的共享元素；根据用户触发的所述界面转换指示，执行对应界面间的转换，其中，所述转换界面中的共享元素在界面转换过程中持续展示。
基于上述方法，应用可以按照自己的需要，配置不同的转场类型，转场中各个元素类型以及动画效果，来达到更加灵活，更加流畅的动效效果体验。整体应用简单，组件可配置，效果更好。
在一种可能的实现方式中，所述转换界面中包含出场界面、入场界面；或所述转换界面中包含出场界面、入场界面以及共享界面；其中，所述出场界面是指界面转换时的初始界面；所述入场界面是指界面转换时的最后界面；所述共享界面是指界面转换时的中间衔接界面。
在一种可能的实现方式中，所述方法还包括：确定所述转换界面中的出场元素和/或入场元素，其中，所述转换界面中的出场元素在出场界面转换后消失，所述转换界面中的入场元素在转换到入场界面后显示。
在一种可能的实现方式中，所述方法还包括：根据转换界面中每个界面配置的转换动效和/或根据转换界面中每个元素配置的转换动效，在转换过程中执行对应的动效。
需要说明的是，第五方面中的出场界面相当于第一方面和/或第二方面中的第一界面；第五方面中的入场界面相当于第一方面和/或第二方面中的第二界面；第五方面中的共享界面相当于第一方面和/或第二方面中的过渡界面；第五方面中的出场元素相当于第一方面和/或第二方面中的第一元素；第五方面中的入场元素相当于第一方面和/或第二方面中的第三元素；第五方面中的共享元素相当于第一方面和/或第二方面中的第二元素。
第六方面，本申请实施例提供一种应用界面间的转换方法，包括：
根据用户触发的转换界面配置指令，确定进行转换的界面类型，所述界面类型包括出场界面、入场界面以及共享界面；其中，所述出场界面是指界面转换时的初始界面；所述入场界面是指界面转换时的最后界面；所述共享界面是指界面转换时的中间衔接界面；根据用户触发的元素配置指令，确定界面转换过程中的共享元素，其中，所述共享元素为界面转换过程中持续展示的元素。
基于上述方法，应用可以按照自己的需要，配置不同的转场类型，转场中各个元素类 型以及动画效果，来达到更加灵活，更加流畅的动效效果体验。整体应用简单，组件可配置，效果更好。
在一种可能的实现方式中，所述方法还包括：根据用户触发的元素配置指令，确定界面转换过程中的出场元素和/或入场元素；其中，所述转换界面中的出场元素在出场界面转换后消失，所述转换界面中的入场元素在转换到入场界面后显示。
需要说明的是，第六方面中的出场界面相当于第一方面和/或第二方面中的第一界面；第六方面中的入场界面相当于第一方面和/或第二方面中的第二界面；第六方面中的共享界面相当于第一方面和/或第二方面中的过渡界面；第六方面中的出场元素相当于第一方面和/或第二方面中的第一元素；第六方面中的入场元素相当于第一方面和/或第二方面中的第三元素；第六方面中的共享元素相当于第一方面和/或第二方面中的第二元素。
第七方面还提供一种界面间的设备，该设备可以用来执行上述第一方面、第三方面或第五方面的任意可能的实现方式中的操作。例如，所述设备可以包括用于执行上述第一方面、第三方面或第五方面的任意可能的实现方式中的各个操作的模块或单元。比如包括收发模块和处理模块。
第八方面还提供一种界面间的电子设备，该电子设备可以用来执行上述第二方面、第四方面或第六方面的任意可能的实现方式中的操作。例如，所述电子设备可以包括用于执行上述第二方面、第四方面或第六方面的任意可能的实现方式中的各个操作的模块或单元。比如包括收发模块和处理模块。
第九方面提供了一种芯片系统，包括处理器，可选的还包括存储器；其中，存储器用于存储计算机程序，处理器用于从存储器中调用并运行计算机程序，使得安装有芯片系统的电子设备执行上述第一方面至第六方面的任意可能的实现方式中的任一方法。
第十方面提供了一种计算机程序产品，计算机程序产品包括：计算机程序代码，当计算机程序代码被电子设备的处理模块或处理器运行时，使得所述电子设备执行上述第一方面至第六方面的任意可能的实现方式中的任一方法。
第十一方面提供了一种计算机可读存储介质，计算机可读存储介质存储有程序，程序使得电子设备执行上述第一方面至第六方面的任意可能的实现方式中的任一方法。
第十二方面提供了一种电子设备，包括：显示器；一个或多个处理器；一个或多个存储器；其中，所述一个或多个存储器存储有一个或多个计算机程序，所述一个或多个计算机程序包括指令，当所述指令被所述一个或多个处理器执行时，使得所述电子设备执行上述第一方面至第六方面的任意可能的实现方式中的任一方法。
附图说明
图1为本申请实施例提供的一种电子设备界面区域划分示意图；
图2为本申请实施例提供的一种系统架构示意图；
图3为本申请实施例提供的一种平台侧设备内部结构示意图；
图4为本申请实施例提供的一种平台侧设备的安卓操作系统结构示意图；
图5为本申请实施例提供的一种应用侧设备内部结构示意图；
图6为本申请实施例提供的一种应用侧设备的安卓操作系统结构示意图；
图7为现有进行一镜到底方案配置的流程示意图；
图8为本申请实施例提供的一种一镜到底的逻辑框架示意图；
图9为本申请实施例提供的一种配置阶段的逻辑框架示意图；
图10为本申请实施例提供的一种应用侧设备包含的应用示意图；
图11为本申请实施例提供的一种场景类别示意图；
图12为本申请实施例提供的一种元素类别示意图；
图13为本申请实施例提供的一种转换配置示意图；
图14为本申请实施例提供的一种转换效果示意图；
图15为本申请实施例提供的一种信息容器设置示意图；
图16为本申请实施例提供的一种快速转换配置示意图；
图17为本申请实施例提供的第一种一镜到底转换效果示意图；
图18为本申请实施例提供的一种解析阶段的逻辑框架示意图；
图19为本申请实施例提供的一种执行阶段的逻辑框架示意图；
图20为本申请实施例提供的一种一镜到底配置方法流程示意图；
图21为本申请实施例一提供的一种通话应用转换效果示意图；
图22为本申请实施例一提供的第一种应用间转换效果示意图；
图23为本申请实施例一提供的第一种桌面与应用转换效果示意图；
图24为本申请实施例一提供的一种图书应用转换效果示意图；
图25为本申请实施例一提供的一种图库应用转换效果示意图；
图26为本申请实施例一提供的第一种音乐应用转换效果示意图；
图27为本申请实施例一提供的第二种音乐应用转换效果示意图；
图28为本申请实施例一提供的第二种应用间转换效果示意图；
图29为本申请实施例一提供的第二种桌面与应用转换效果示意图；
图30为本申请实施例一提供的一种日历应用转换效果示意图；
图31为本申请实施例一提供的第三种应用与应用转换效果示意图；
图32为本申请实施例一提供的第三种桌面与应用转换效果示意图；
图33为本申请实施例二提供的一种通话应用转换效果示意图；
图34为本申请实施例二提供的第一种应用间转换效果示意图；
图35为本申请实施例二提供的第一种桌面与应用转换效果示意图；
图36为本申请实施例二提供的一种音乐应用转换效果示意图；
图37为本申请实施例二提供的第二种应用间转换效果示意图；
图38为本申请实施例二提供的第二种桌面与应用转换效果示意图；
图39为本申请实施例二提供的一种日历应用转换效果示意图；
图40为本申请实施例二提供的第三种应用间转换效果示意图；
图41为本申请实施例二提供的第三种桌面与应用转换效果示意图；
图42为本申请实施例提供的第一种基于分屏对应用转换效果示意图；
图43为本申请实施例提供的第二种基于分屏对应用转换效果示意图；
图44为本申请实施例提供的一种基于多屏协同进行应用转换效果示意图；
图45为本申请实施例提供的第二种基于多屏协同进行应用转换效果示意图。
具体实施方式
为了便于理解，示例的给出了部分与本申请实施例相关概念的说明以供参考，如下所 示：
1)一镜到底，本申请实施例中主要是指第一界面与第二界面，两个界面进行切换时，存在至少一个过渡界面，其中，过渡界面中包含第一界面和/或第二界面中的元素，从而使得两个界面间的切换更加的连贯，使得用户体验达到没有中断的效果。
示例性的，本申请实施例一种可选的方式，过渡界面中包含第一界面和第二界面都存在的元素。例如，第一界面中存在元素1，过渡界面中也包含元素1，第二界面中也包含元素1，即元素1在第一界面切换成第二界面的过程中持续存在，从而使得用户在切换过程中的视觉感官体验上感觉界面切换过渡比较自然，不突兀，连贯性交强。
示例性的，本申请实施例另一种可选的方式，第一界面中的元素1在通过至少一个过渡界面切换到第二界面时，元素1渐变为元素2，其中，元素2与元素1部分相似。
其中，所述元素2与所述元素1部分相似，可以为所述元素2的展示图案与所述元素1的展示图案部分相似，例如，所述元素2中展示图案为ABCD，所述元素1的展示图案为ABEF。
所述元素2与所述元素1部分相似，还可以为所述元素2与所述元素1的相似度高于相似度阈值，例如，第一界面中存在元素1的展现形式为一个戴帽子的男人，在向第二界面进行过渡的过程中，元素1中展现的戴帽子的男人慢慢的把帽子摘掉，变成第二界面中的元素2，其中，第二界面中的元素2的展现形式为一个手拿帽子的男人。从而使得用户在切换过程中的视觉感官体验上感觉界面切换过渡比较自然，连贯性交强，且更加生动有趣。
2)转换，本申请实施例中主要是指终端显示屏幕中的显示界面由第一界面到第二界面。应理解：转换还可以称为转场。
其中，所述界面转换可以为同一应用内的不同界面之间的转换，也可以为不同应用之间进行切换时的界面转换，还可以为终端显示桌面与应用封面进行切换时的界面转换等。
此外，本申请实施例中所述的界面间的转换也可以称为界面之间的转换；或者，界面间的过渡；再或者，界面间的切换。
3)转换对象，本申请实施例中转换对象可以理解为需要进行界面间转换的应用等。
其中，本申请实施例中终端显示桌面也可以理解为终端设备的一个应用。应理解：转换对象还可以称为转场对象。
4)转换场景，本申请实施例中转换场景可以理解为进行界面转换时的界面分类。应理解：转换场景还可以称为转场场景。
其中，本申请实施例中的转换场景可以包括退出场景(还可以称为出场场景)、进入场景(还可以称为入场场景)以及共享场景(还可以称为过渡场景)。
所述退出场景可以理解为本申请实施例所述的第一界面，进入场景可以理解为本申请实施例第二界面，共享场景可以理解为本申请实施例过渡界面。
5)进入元素，是指进入场景中包含的一类元素，也可以理解为是第二界面中包含的元素。应理解：进入元素还可以称为入场元素。
6)共享元素，是指在转换过程中持续出现，持续变化的一类元素。也可以理解为过渡界面中包含的元素。
7)退出元素，是指退出场景中包含的一类元素，也可以理解为第一界面中包含的元素。应理解：退出元素还可以称为出场元素。
8)共享容器，用于承装至少一个共享元素，即在转换过程中，所述共享容器中的所有元素均持续变化。
其中，本申请实施例中过渡界面中可以存在至少一个共享元素。
9.)界面显示区域，是指进行第一界面、过渡界面以及第二界面显示的区域。
一般情况下，经常将电子设备的界面从上到下分为三部分，例如，如图1所示，所述电子设备的界面分为顶部区域的状态栏，用于显示电子设备的电量信息、联网信息、插卡信息、信号强度信息，时间信息等；中间区域的界面显示区域，用于显示应用场景界面等；以及还分为底部区域的虚拟导航键区域。
需要说明的是，本申请实施例中电子设备中界面的区域划分方式并不限于上述情况，例如，电子设备中界面的区域可以仅包括状态栏和界面显示区域。
其中，本申请实施例在进行界面切换时，共享元素仅指界面显示区域中持续存在的元素。
可以理解的是，电子设备在进行界面切换时，电子设备中界面顶部区域的状态栏中的元素可能持续存在，电子设备中界面底部区域的虚拟导航按键元素也可能持续存在，但是都不是本申请实施例所述的共享元素。
9)ARR，一种文件格式，即Android库项目的二进制归档文件。
本申请实施例一种可选的方式，将应用界面间的转换方法对应的应用程序等文件打包成ARR文件格式。
其中，本申请实施例中ARR包格式下的文件，包括class文件以及res资源文件等。
10)Jar包，一种文件格式。
本申请实施例一种可选的方式，将应用界面间的转换方法对应的应用程序等文件打包成Jar包文件格式。其中，本申请实施例中Jar包格式下的文件，包括class文件以及清单文件等。
其中，本申请实施例中的术语“至少一个”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B的情况，其中，A，B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。以下至少一项(个)下或其类似表达，是指的这些项中的任意组合，包括单项(个)或复数项(个)的任意组合。例如，a，b，或c中的至少一项(个)，可以表示：a,b,c,a-b,a-c,b-c,或a-b-c，其中a,b,c可以是单个，也可以是多个。
除非有相反的说明，本申请实施例提及“第一”、“第二”等序数词是用于对多个对象进行区分，不用于限定多个对象的顺序、时序、优先级或者重要程度。此外，本申请实施例和权利要求书及附图中的术语“包括”和“具有”不是排他的。例如，包括了一系列步骤或模块的过程、方法、系统、产品或设备，不限定于已列出的步骤或模块，还可以包括没有列出的步骤或模块。
此外，通过上述内容介绍，可以理解的，本申请实施例中描述的第一界面相当于优先权(申请号为202010943693.3)文件中的出场界面；本申请中描述的第二界面相当于优先权(申请号为202010943693.3)文件中的入场界面；本申请中描述的过渡界面相当于优先权(申请号为202010943693.3)文件中的共享界面；本申请实施例中的第一元素相当于优先权(申请号为202010943693.3)文件中的出场元素；本申请实施例中的第二元素相当于 优先权(申请号为202010943693.3)文件中的共享元素；本申请实施例中的第三元素相当于优先权(申请号为202010943693.3)文件中的入场元素。
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。
本申请实施例提供的界面间的转换方法可以应用于如图2所示的系统架构。该系统架构包括：至少一个应用侧设备1100以及平台侧设备1200。
其中，应用侧设备1100和平台侧设备1200之间可以通过通信网络互联，该通信网络可以是局域网，也可以是通过中继(relay)设备转接的广域网。当该通信网络为局域网时，示例性的，该通信网络可以是Wi-Fi热点网络、Wi-FiP2P网络、蓝牙网络、zigbee网络或近场通信(near field communication，NFC)网络等近距离通信网络。当该通信网络为广域网时，示例性的，该通信网络可以是第三代移动通信技术(3rd-generation wireless telephone technology，3G)网络、第四代移动通信技术(the 4th generation mobile communication technology，4G)网络、第五代移动通信技术(5th-generation mobile communication technology，5G)网络、未来演进的公共陆地移动网络(public land mobile network，PLMN)或因特网等。在图1所示的场景中，不同电子设备之间可以通过通信网络交互数据，例如传输界面间的转换效果、对应用进行界面间转换方案配置等。
一种可选的方式，所述应用侧设备1100通过与所述平台侧设备1200建立的通信接口，访问所述平台侧设备1200中的用于进行应用界面转换的应用程序框架。所述应用侧设备1100通过所述应用程序框架，为转换对象配置界面间转换方案，即确定转换对象中的第一界面、第二界面、至少一个过渡界面以及共享元素，从而，当该转换对象进行界面间转换时，能够通过共享元素的持续化表现，使得界面间的转换效果更加的流畅，用户体验感更加的连贯。
进一步的，当所述应用侧设备1100启用该转换对象对应的界面间转换方案时，所述平台侧设备1200解析所述应用侧设备1100中所述转换对象对应的界面间转换方案，并且执行该界面间转换方案，从而使所述转换对象实现连贯流畅的转换效果。
可以理解为所述应用侧设备1100通过访问所述平台侧设备1200，进行在线集成。
此外，所述应用侧设备1100还可以事先与平台侧设备1200完成某一转换对象的界面间转换方案的配置，并将该界面间转换方案存储到其他服务器中，后续启动该转换对象时，调用与所述服务器进行通信的接口，通过所述接口获取该界面间转换方案。以及，通过所述在线集成方式，本申请实施例所述应用侧设备1100还可以将所述平台侧设备1200对转换对象配置界面间转换方案的权限开放给用户。例如，用户可以根据自己的意愿，调用与所述平台侧设备1200进行通信的接口，随时更新调整某一转换对象的界面间转换方案。
本申请实施例第二种可选的方式，所述应用侧设备1100从所述平台侧设备1200获取用于转换对象配置界面间转换方案的应用程序的文件包，并进行存储。所述应用侧设备1100解析存储在本地的所述应用程序文件包，获取用于转换对象配置界面间转换方案的应用程序。所述应用侧设备1100通过所述应用程序，确定转换对象，并为转换对象进行界面间转换方案的配置，即确定转换对象中的第一界面、第二界面、至少一个过渡界面以及共享元素，从而，当该转换对象进行界面间转换时，能够通过共享元素的持续化表现，使得界面间的转换效果更加的流畅，用户体验感更加的连贯。
其中，假设所述应用程序的文件包为ARR类型的文件包时，所述应用侧设备1100可 以从所述平台侧设备1200中获取所述应用程序的文件包，并进行存储。所述应用侧设备1100中的应用，当需要采用本申请实施例所述的界面间的转换方法时，该应用可以调用所述应用侧设备1100中的所述应用程序的文件包，并根据所述应用程序的文件包在本地进行集成。
示例性的，假设应用侧设备1100为手机，该手机已获取所述应用程序文件包，该手机中的日历应用可以调用所述手机中的应用程序文件包，在日历应用中集成本申请实施例所述的进行界面转换的配置文件，并将所述配置文件存储在libs文件夹中，从而后期在编译脚本中引入路径即可。
其中，假设所述应用程序的文件包为Jar类型的文件包时，所述应用侧设备1100可以从所述平台侧设备1200中获取所述应用程序的文件包，并进行存储。当所述应用侧设备1100中的应用(即转换对象)，需要采用本申请实施例所述的界面间的转换方法时，该应用侧设备1100可以直接调用所述应用程序的文件包。
需要说明的是，本申请实施例中进行界面间转换的系统并不限于上述图1所示的架构，任何针对上述系统架构的变形等都可以应用到本申请实施例中，例如，本申请实施例中所述系统还可以包含第三方素材供应商等。
其中，本申请实施例所述的第三方素材供应商可以用于提供动效模板等。
示例性的，假设所述平台侧设备1200中包含的用于界面间转换的应用程序中，提供的动效模板有爆炸效果，位移效果，缩放效果、裁剪效果、旋转效果等，所述第三方素材供应商中提供的动效模板相对于所述平台侧设备1200提供的动效模板还包含黑洞效果、雪花效果等，更加丰富多样。因此，为了减少对所述平台侧设备1200中的应用程序的修改，可以在所述系统中添加用于与所述第三方素材供应商进行通信的接口，从而使用户在进行界面间转换方案中动效设计时，可以调用所述第三方素材供应商中提供的动效模板。
下面分别针对平台侧设备1200以及应用侧设备1100的硬件结构以及软件结构进行示例性说明：
一、平台侧设备：
具体的，本申请实施例一种场景下，平台侧设备1200可以为存储有用于实现本申请提供的界面间转换方法的应用程序代码的服务器或者云服务器。
需要说明的是，本申请实施例中所述平台侧设备1200中存储的用于实现本申请提供的界面间转换方法的应用程序代码可以有多种。
例如，适用于
Figure PCTCN2021112878-appb-000001
系统的用于执行所述界面间转换方法的应用程序代码，适用于
Figure PCTCN2021112878-appb-000002
系统的用于执行所述界面间转换方法的应用程序代码，适用于
Figure PCTCN2021112878-appb-000003
系统的用于执行所述界面间转换方法的应用程序代码等，本申请实施例可以根据电子设备安装的系统，选择适配的用于执行所述界面间转换方法的应用程序代码，在此不进行限定。
其中，图3示出的是与本申请各实施例相关的平台侧设备1200的部分结构的框架图。
如图3所示，该平台侧设备1200可以包括：
处理器1210、存储器1220以及收发器1230。
其中一个或多个计算机程序被存储在上述存储器1220中并被配置为被该一个或多个处理器1210执行。
本申请实施例中所述处理器1210，可以是中央处理单元(central processing unit，CPU)，或者为数字处理单元等。
其中，处理器1210是平台侧设备1200的控制中心，利用各种接口和线路连接整个平台侧设备1200的各个部分，通过运行或执行存储在存储器1220内的计算机程序，执行平台侧设备1200的各种功能。
本申请实施例一种可选的方式，所述处理器1210用于根据用户的操作指令，确定进行界面间转换的转换对象，界面间转换过程中涉及到的转换场景以及场景中的元素和相应的场景动效与元素动效。然后，所述处理器1210按照配置流程，处理并打包该转换对象进行界面间转换的方案，并将所述界面间转换的方案存储到本地。
当所述应用侧设备1100启动该转换对象的界面间转换效果时，所述处理器1210还用于解析所述转换对象对应的进行界面间转换的方案，即确定转换对象中的转换场景以及元素分别对应的属性，所述属性包括动效，展示比例等。
进一步的，所述处理器1210基于所述应用侧设备1100对所述转换对象配置的界面间转换的方案进行一键执行。
示例性的，所述处理器1210根据所述转换对象对应的界面间转换方案，确定所述转换对象中涉及的相关场景以及元素的配置参数。
然后，该处理器1210可以将对该转换对象相关场景以及元素的运行数据以流媒体的形式发送给应用侧设备1100进行播放。
本申请实施例另一种可选的方式，所述处理器1210用于根据用户的操作指令，确定进行界面间转换的转换对象，界面间转换过程中涉及到的转换场景以及场景中的元素和相应的场景动效与元素动效。然后，所述处理器1210按照配置流程，处理并打包该转换对象进行界面间转换的方案，并将所述界面间转换的方案发送给对应的应用侧设备1100。
所述应用侧设备1100接收所述转换对象对应的界面间转换的方案，并进行存储。当所述应用侧设备1100启动该转换对象的界面间转换效果时，调用所述转换对象对应的界面间转换的方案，解析所述转换对象对应的界面间转换的方案，即确定转换对象中的转换场景以及元素分别对应的属性，所述属性包括动效，展示比例等。
进一步的，所述应用侧设备1100基于对所述转换对象对应的界面间转换的方案进行一键执行。
示例性的，所述应用侧设备1100根据所述转换对象对应的界面间转换方案，确定所述转换对象中涉及的相关场景以及元素的配置参数。
然后，该应用侧设备1100运行该转换对象相关场景以及元素的运行数据，将该转换对象进行界面间转换的效果在该应用侧设备1100的显示屏幕中进行显示。
收发器1230，一种可选的方式，用于接收用户触发的操作指令，并将所述操作指令发送给所述处理器1210，从而使所述处理器1210根据所述操作指令，通过所述平台侧设备1200中的用于进行界面间转换的应用程序对相应的转换对象进行界面间转换方案的配置；和/或，
一种可选的方式，将平台侧设备1200中的所述应用程序的文件包发送给所述应用侧设备1100；和/或，
一种可选的方式，将所述应用侧设备1100在所述平台侧设备1200中对转换对象进行界面间转换的方案发送给所述应用侧设备1100。
本申请实施例中不限定上述处理器1210以及存储器1220之间的具体连接介质。本申请实施例在图3中以存储器1220、处理器1210以及收发器1230之间通过总线1240连接， 总线在图3中以粗线表示，其它部件之间的连接方式，仅是进行示意性说明，并不引此以为限。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图3中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
其中，存储器1220可以是易失性存储器(volatile memory)，例如随机存取存储器(random-access memory，RAM)；存储器1220也可以是非易失性存储器(non-volatile memory)，例如只读存储器，快闪存储器(flash memory)，硬盘(hard disk drive，HDD)或固态硬盘(solid-state drive，SSD)、或者存储器1220是能够用于携带或存储具有指令或数据结构形式的程序代码并能够由计算机存取的任何其他介质，但不限于此。存储器1220可以是上述存储器的组合。
此外，本申请实施例以分层架构的
Figure PCTCN2021112878-appb-000004
系统为例，示例性说明平台侧设备1200的软件结构。需要说明的是，在其他操作系统中(例如
Figure PCTCN2021112878-appb-000005
系统，
Figure PCTCN2021112878-appb-000006
系统等)，只要各个功能模块实现的功能和本申请的实施例类似也能实现本申请的方案，在此不进行限定。
本申请实施例一种可选的方式，平台侧设备1200的软件结构框图可以如图4所示。
其中，所述平台侧设备1200基于分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。
例如，在一些实施例中，将Android系统分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行环境(Android runtime)和系统库，以及内核层。
1)应用程序层：
本申请实施例中一种可选的方式，所述应用程序层可以包括一系列应用程序包。
例如，本申请实施例中应用程序层可以存储有用于执行本申请提供的界面间转换方案的应用程序等。
2)应用程序框架层：
本申请实施例中一种可选的方式，所述应用程序框架层为应用程序层的应用程序提供应用编程接口(application programming interface，API)和编程框架。其中，所述应用程序框架层可以包括一些预先定义的函数。
3)Android Runtime和系统库：
其中，所述Android Runtime可以包括核心库和虚拟机，用于负责安卓系统的调度和管理。
进一步的，本申请实施例中所述核心库可以包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。
本申请实施例中所述虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。例如，应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。
其中，本申请实施例中所述系统库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(Media Libraries)，三维图形处理库(例如：OpenGL ES)，2D图形引擎(例如：SGL)等。
进一步的，本申请实施例中所述表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。
媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可 以支持多种音视频编码格式，例如：MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。
三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。
2D图形引擎是2D绘图的绘图引擎。
4)内核层：
本申请实施例中所述内核层可以理解为硬件和软件之间的层，至少包含显示驱动，摄像头驱动，音频驱动，传感器驱动。
进一步的，如图4所示，本申请实施例中用于进行界面间转换的应用程序对应的能力框架可以包括配置模块，解析模块以及执行模块。
需要说明的是，本申请实施例中并不限定能力框架在哪个系统层，例如，本申请实施例中所述的能力框架可以在应用程序层。或者，本申请实施例中所述的能力框架可以独立于上述系统包含的四个层。例如，所述能力框架是一个外置的层，是基于框架层能力的一个扩展，可以扩展成AAR的形式或者Jar的形式，便于应用使用。
其中，本申请实施例平台侧设备中的配置模块，用于对确定的转换对象进行转换场景以及元素的参数配置。
具体的，所述配置模块接收所述应用侧设备1100发送的配置指令，根据所述配置指令，对需要进行界面间转换的转换对象进行转换场景以及元素的参数配置。
本申请实施例平台侧设备中的解析模块，用于解析转换对象对应的界面间转换的方案，以及对解析到的界面间转换的方案进行保存。
示例性的，所述界面间转换的方案可以包括转换对象的名称、共享元素或者共享容器的名称、退出界面配置的转换动效ID、进入界面配置的转换动效ID、共享元素或者共享容器配置的转换动效ID等。
可以理解为，该解析模块主要根据所述转换对象对应的界面间转换的方案，确定所述转换对象中的转换场景及各个转换场景中的元素以及对应的执行效果。
本申请实施例平台侧设备中的执行模块，用于按照所述界面间转换的方案，在不同的时间针对不同的元素执行不同的动画效果。
二、应用侧设备：
应用侧设备1100可以是还包含其他功能诸如个人数字助理和/或音乐播放器功能的便携式电子设备，诸如手机、平板电脑、具备无线通讯功能的可穿戴设备(如智能手表)等。便携式电子设备的示例性实施例包括但不限于搭载
Figure PCTCN2021112878-appb-000007
或者其他操作系统的便携式电子设备。上述便携式电子设备也可以是其他便携式电子设备，诸如具有触敏表面(例如触控面板)的膝上型计算机(laptop)等。下面以应用侧设备1100为手机为例进行说明，图5示出的是与本申请各实施例相关的应用侧设备1100的部分结构的框图。
如图5所示，应用侧设备1100为手机，该手机1100可以包括处理器1110，外部存储器接口1120，内部存储器1121，通用串行总线(universal serial bus，USB)接口1130，充电管理模块1140，电源管理模块1141，电池1142，天线1，天线2，移动通信模块1150，无线通信模块1160，音频模块1170，扬声器1170A，受话器1170B，麦克风1170C，耳机接口1170D，传感器模块1180，按键1190，马达1191，指示器1192，摄像头1193，显示屏1194，以及用户标识模块(subscriber identification module，SIM)卡接口1195等。其中 传感器模块1180可以包括压力传感器1180A，陀螺仪传感器1180B，气压传感器1180C，磁传感器1180D，加速度传感器1180E，距离传感器1180F，接近光传感器1180G，指纹传感器1180H，温度传感器1180J，触摸传感器1180K，环境光传感器1180L，骨传导传感器1180M等。
可以理解的是，本申请实施例示意的结构并不构成对应用侧设备1100的具体限定。在本申请另一些实施例中，应用侧设备1100可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processing unit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。其中，控制器可以是手机100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。
在一些实施例中，处理器1110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integrated circuit sound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purpose input/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口等。
其中，USB接口130是符合USB标准规范的接口，具体可以是Mini USB接口，Micro USB接口，USB Type C接口等。USB接口130可以用于连接充电器为手机100充电，也可以用于手机100与外围设备之间传输数据。充电管理模块140用于从充电器接收充电输入。电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，外部存储器，显示屏194，摄像头193，和无线通信模块160等供电。
本申请实施例一种可选的方式，所述处理器1110用于确定转换对象，以及调用平台侧设备1200中的用于进行界面间转换的应用程序，确定所述转换对象进行界面间转换的方案。
本申请实施例第二种可选的方式，所述处理器1110用于确定转换对象以及所述转换对象对应的进行界面间转换的方案，在所述转换对象进行界面间转换时，根据所述界面间转换的方案实现所述转换对象的界面间转换。
本申请实施例第三种可选的方式，所述处理器1110还用于指示所述平台侧设备1200， 使所述平台侧设备1200基于某一转换对象的界面间转换方案，展示该转换对象的界面间转换效果。
手机1100的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。天线1和天线2用于发射和接收电磁波信号。手机100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。
移动通信模块1150可以提供应用在手机1100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块1150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块1150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块1150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块1150的至少部分功能模块可以被设置于处理器1110中。在一些实施例中，移动通信模块1150的至少部分功能模块可以与处理器1110的至少部分模块被设置在同一个器件中。
无线通信模块1160可以提供应用在手机1100上的包括无线局域网(wireless local area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块1160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块1160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器1110。无线通信模块1160还可以从处理器1110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。示例性的，在本申请实施例中，不同的电子设备之间可通过BT或WLAN建立通信连接。
在一些实施例中，手机1100的天线1和移动通信模块1150耦合，天线2和无线通信模块1160耦合，使得手机1100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(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)，第五代(the fifth generation，5G)移动通信系统，未来通信系统，如第六代(6th generation，6G)系统等，BT，GNSS，WLAN，NFC，FM和/或IR技术等。所述GNSS可以包括全球卫星定位系统(global positioning system，GPS)，全球导航卫星系统(global navigation satellite system，GLONASS)，北斗卫星导航系统(beidou navigation satellite system，BDS)，准天顶卫星系统(quasi-zenith satellite system，QZSS)和/或星基增强系统(satellite based augmentation systems，SBAS)。
显示屏1194用于显示应用的显示界面等。显示屏1194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emitting diode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emitting diode，FLED)，Miniled， MicroLed，Micro-oLed，量子点发光二极管(quantum dot light emitting diodes，QLED)等。在一些实施例中，手机1100可以包括1个或N个显示屏194，N为大于1的正整数。在本申请实施例中，显示屏1194可用于显示应用界面。
摄像头1193用于捕获静态图像或视频。摄像头1193可以包括前置摄像头和后置摄像头。
内部存储器1121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器1110通过运行存储在内部存储器1121的指令，从而执行手机1100的各种功能应用以及数据处理。内部存储器1121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，以及至少一个应用程序(例如声音播放功能，图像播放功能等)的软件代码等。存储数据区可存储手机1100使用过程中所产生的数据(例如图像、视频等)等。此外，内部存储器1121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。
外部存储器接口1120可以用于连接外部存储卡，例如Micro SD卡，实现扩展手机1100的存储能力。外部存储卡通过外部存储器接口1120与处理器1110通信，实现数据存储功能。例如将图片，视频等文件保存在外部存储卡中。
手机1100可以通过音频模块1170，扬声器1170A，受话器1170B，麦克风1170C，耳机接口1170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。
按键1190包括开机键，音量键等。按键1190可以是机械按键。也可以是触摸式按键。手机1100可以接收按键输入，产生与手机1100的用户设置以及功能控制有关的键信号输入。马达1191可以产生振动提示。马达1191可以用于来电振动提示，也可以用于触摸振动反馈。例如，作用于不同应用(例如拍照，音频播放等)的触摸操作，可以对应不同的振动反馈效果。指示器1192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。SIM卡接口1195用于连接SIM卡。SIM卡可以通过插入SIM卡接口1195，或从SIM卡接口1195拔出，实现和手机1100的接触和分离。
此外，本申请实施例以分层架构的
Figure PCTCN2021112878-appb-000008
系统为例，示例性说明应用侧设备1100的软件结构。应理解：本文以
Figure PCTCN2021112878-appb-000009
系统举例来说明，在其他操作系统中(例如
Figure PCTCN2021112878-appb-000010
系统，
Figure PCTCN2021112878-appb-000011
系统等)，只要各个功能模块实现的功能和本申请的实施例类似也能实现本申请的方案。
图6是本申请实施例的应用侧设备1100的软件结构框图。
分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。
在一些实施例中，将Android系统分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行环境(Android runtime)和系统库，以及内核层。
其中，本申请实施例中所述应用侧设备1100中的应用程序层可以包括一系列应用程序包。
如图6所示，应用程序包可以包括电话、相机，图库，日历，通话，地图，导航，WLAN，蓝牙，音乐，视频，短信息等应用程序。
本申请实施例中所述应用侧设备1100中的应用程序框架层主要用于为应用程序层的应用程序提供应用编程接口(application programming interface，API)和编程框架。其中， 所述应用程序框架层可以包括一些预先定义的函数。
如图6所示，应用程序框架层可以包括窗口管理器，内容提供器，视图系统，电话管理器，资源管理器，通知管理器等。
其中，窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。
内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。
视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。
电话管理器用于提供应用侧设备1100的通信功能。例如通话状态的管理(包括接通，挂断等)。
资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，电子设备振动，指示灯闪烁等。
此外，本申请实施例中所述应用侧设备1100中的系统库以及内核层的内容与上述平台侧设备1200中的系统库以及内核层的内容相似，为简洁描述，具体可参见上述平台侧设备1200中的系统库以及内核层的介绍，在此不进行赘述。
用户在使用电子设备时，越来越重视界面的效果体验。
目前在第一界面在切换到第二界面时，所述第一界面直接变换到所述第二界面，连贯性较差，用户体验感较低。
示例性的，如图7所示，目前在第一界面进行第二界面切换配置中，仅确定第一界面中进行退出的元素，以及退出元素在进行切换时执行的动效；和/或第二界面中进行进入的元素，以及进入元素在进行切换时执行的动效，在切换过程中，第一界面中的退出元素执行对应的动效退出，第二界面中的进入元素执行对应的动效进入，完成第一界面到第二界面的切换。
其中，上述图7中的该退出元素可以理解为优先权(申请号为202010943693.3)文件中的出场元素，该进入元素可以理解为优先权(申请号为202010943693.3)文件中的入场元素。
通过上述内容，可以了解，目前界面间的转换的方案处理逻辑相对比较简单，仅简单的实现了退出和进入的动效，效果单一，且第一界面与第二界面切换过程不连贯，用户视觉体验性差。为解决该问题，本申请实施例提供一种界面间转换的方法、装置和系统，用以高效、灵活的实现更加连贯的界面间转换效果。
以下将结合附图和应用场景，对本申请实施例提供的基于一镜到底效果进行界面间转换的方法进行详细介绍。
首先，本申请实施例针对上述用于进行界面间转换的应用程序对应的能力框架，进行 具体介绍，即对上述图4中所述的应用程序框架层进行具体介绍。
其中，基于上述图4的内容可知，所述应用程序框架层主要包含配置模块，解析模块，执行模块，因此，可以理解的，本申请实施例根据该应用程序框架进行界面间转换时，如图8所示，可以分为三个阶段，分别为配置阶段、解析阶段以及执行阶段。
其中，上述图8所示的该应用程序框架，主要用于提供高效、灵活且丰富的一镜到底效果，因此，该应用程序框架可以理解为优先权(申请号为202010943693.3)文件中图7所示的一镜到底框架。
阶段一、配置阶段：
所述阶段一主要是指通过所述应用程序框架中的配置模块，对转换对象中涉及的场景以及元素进行参数配置。
本申请实施例中所述配置阶段的应用程序框架具体可参见图9所示。
其中，本申请上述图9所示的该配置阶段可以理解为优先权(申请号为202010943693.3)文件中图8所示的配置模块；因此，本申请上述图9所示的退出场景相当于优先权(申请号为202010943693.3)文件中图8所示的出场场景；本申请上述图9所示的进入场景相当于优先权(申请号为202010943693.3)文件中图8所示的入场场景；本申请上述图9所示的共享场景相当于优先权(申请号为202010943693.3)文件中图8所示的共享场景；本申请上述图9所示的退出元素相当于优先权(申请号为202010943693.3)文件8所示的出场元素；本申请上述图9所示的进入元素相当于优先权(申请号为202010943693.3)文件8所示的入场元素；本申请上述图9所示的共享元素相当于优先权(申请号为202010943693.3)文件中图8所示的共享元素。具体的，本申请实施例中进行界面间转换的方案设计时，首先需要确定转换对象。
例如，如图10所示，假设应用侧设备为手机，其中，所述手机中的应用有日历、图库、应用商城、天气、电话等。所述应用侧设备根据用户触发的选择指令，将图库确定为转换对象，例如，确定对图库中的内部应用界面进行界面间转换的方案。
然后，本申请实施例中一种可选的方式，用于对转换对象进行界面间转换方案配置的设备(例如，应用测设备中处理器，或者，平台侧设备中的处理器等)，确定转换对象中的转换场景。
如图11所示，主要包括确定退出场景、过渡场景以及进入场景。可以理解的是，不同的场景在所述转换对象中处于不同的节点。其中，本申请上述图11所示的退出场景相当于优先权(申请号为202010943693.3)文件中图10所示的出场场景；本申请上述图11所示的过渡场景相当于优先权(申请号为202010943693.3)文件中图10所示的共享场景；本申请上述图11所示的进入场景相当于优先权(申请号为202010943693.3)文件中图10所示的入场场景。
如图12所示，所述应用侧设备根据用户触发的指令，确定元素种类，以及动效形式。其中，元素种类包括共享元素、退出元素以及进入元素。其中，本申请上述图12所示的退出元素相当于优先权(申请号为202010943693.3)文件中图11所示的出场元素；本申请上述图12所示的共享元素相当于优先权(申请号为202010943693.3)文件中图11所示的持续元素；本申请上述图12所示的进入元素相当于优先权(申请号为202010943693.3)文件中图11所示的入场元素。进一步的，如图13所示，用于对转换对象进行界面间转换方案配置的设备，根据用户触发的选择指令，确定各个转换场景中元素的分类，即每个场 景中哪些元素作为退出元素，哪些元素作为共享元素，哪些元素作为进入元素，以及确定元素进行转换时的相应动效。其中，本申请上述图13所示的退出信息容器相当于优先权(申请号为202010943693.3)文件中图12所示的出场信息容器；本申请上述图13所示的进入信息容器相当于优先权(申请号为202010943693.3)文件中图12所示的入场信息容器；本申请上述图13所示的退出所有元素相当于优先权(申请号为202010943693.3)文件中图12所示的出场所有元素；本申请上述图13所示的进入所有元素相当于优先权(申请号为202010943693.3)文件中图12所示的入场所有元素。
需要说明的是，本申请实施例中用于对转换对象进行界面间转换方案配置的设备，还可以根据元素所在的容器，进行元素种类的划分。例如，假设将容器1确定为共享容器，则可以理解为容器1中的所有元素都为共享元素。
此外，本申请实施例一种可选的方式，用于对转换对象进行界面间转换方案配置的设备，还可以根据用户触发的处理指令，设置信息容器的大小。
示例性的，本申请实施例中以目前主流的Activity转换类型为例，对本申请实施例中转换对象中元素涉及的部分参数进行简单介绍。
本申请实施例中元素涉及的参数可以包括名字、运动时长、控件ID、动效、动效时延、界面(退出和/或进入)持续时长等。
需要说明的是，本申请实施例中元素涉及的参数不仅仅局限于上述几种，任何可以应用到本申请实施例的元素的配置参数，都属于本申请实施例保护范围。例如，若对某一个元素设置的动效有多个，则配置的参数还可以包括每个动效的间隔时长等。
例如，如下1表所示，本申请实施例以表格形式，对选取的转换对象进行界面转换可能需要配置的参数进行简单列举。
Figure PCTCN2021112878-appb-000012
Figure PCTCN2021112878-appb-000013
表1转换对象的参数说明
其中，根据上述表1的内容，可以了解到，本申请实施例在对转换对象进行界面间转换方案配置时，首先需要确定需要进行界面间转换的转换对象的名称。然后，确定该转换对象中的退出元素、共享元素以及进入元素；以及确定退出元素涉及的退出动效、退出持续时长、退出动效时延等；确定进入元素涉及的进入动效、进入持续时长、进入动效时延等；确定共享元素涉及的共享动效、共享持续时长、共享动效时延等。
其中，本申请实施例中，若通过设置容器ID确定退出元素、进入元素或者共享元素，则可以理解为将该容器ID中的所有元素都设置为退出元素、进入元素或者共享元素。
例如，假设容器1中有三个元素，分别为元素1、元素2以及元素3。若将容器1设置为共享元素，则容器1中包含的所有元素都为共享元素。
进一步的，当为所述容器1配置共享动效时，可以为每个共享元素分别配置动效，也可以为整个容器配置统一动效。
例如，在为容器1中的元素配置动效时，可以为共享元素1配置的动效为翻转，为共享元素2和共享元素3配置的动效为渐变，则在进行界面转换过程中，共享元素1执行翻转动效，共享元素2和共享元素3执行渐变动效；或者，在为容器1中的元素配置动效时，可以将容器1配置渐变动效，则进行界面间转换过程中，容器1中的共享元素1～3统一执行渐变动效。
其中，本申请实施例中若涉及多个界面之间进行转换，那么可以将进行转换的中间界面看做是过渡界面(也可以称为共享界面)。
需要说明的是，本申请实施例中当退出界面、过渡界面与进入界面在进行界面间转换的过程中，没有重叠的情况下，本申请实施例中的总转换时间T1为退出时间T2、共享时间T3以及进入时间T4的总和；当退出界面、过渡界面与进入界面在进行界面间转换的过程中，界面之间有重叠的情况下，本申请实施例中的总转换时间T1小于退出时间T2、共享时间T3以及进入时间T4的总和。
进一步的，本申请实施例中的动效形式包括并不限定下述几种：
爆炸效果，位移效果，缩放效果、裁剪效果、旋转效果、渐隐渐现效果等。
此外，本申请实施例中所述动效形式还可以通过自定义扩展实现，例如，还可以通过自定义的方式，设置为黑洞效果，隐匿效果等。
其中，用户还可以根据自己的需要设定动效的属性，例如：
何时触发该动效的启动、何时触发该动效的结束、动效的类型、应用场景(即是退出动效还是进入动效)、动效运行总时间、动效延迟时间、动效的插值器等。
示例性的，如表2所示，为本申请实施例配置的一种动效方案：
Figure PCTCN2021112878-appb-000014
Figure PCTCN2021112878-appb-000015
表2一镜到底的动效方案1
其中，根据所述表2的内容可知，针对名称为“AutoExplodeAnimCreator”的元素，在出进入执行爆炸动效。
需要说明的是，本申请实施例并不限定转换类型，例如，本申请实施例中的转换类型还可以是ViewGroup转换类型、Fragment转换类型等。其中，其他转换类型的设置方式与所述Activity转换类型类似，主要差异在于控件的形式不一样，即转换设置不同，为简洁描述，参见上述Activity转换类型的介绍。
其中，本申请实施例选取Activity、ViewGroup以及Fragment三种转换类型，分别简单介绍一下转换设置。
示例性的，如本申请实施例中针对Activity、ViewGroup以及Fragment三种转换类型的转换设置可以如下表3所示。
Figure PCTCN2021112878-appb-000016
Figure PCTCN2021112878-appb-000017
表3不同的转换类型的转换设置
进一步的，本申请实施例中在所述配置阶段进行界面间转换配置时，可以采用自定义方式进行界面间转换方案的配置，或者采用预设模板方式进行界面间转换方案的配置，下面分别进行介绍：
配置方式1：自定义方式配置。
本申请实施例一种可选的方式，该应用程序框架分别基于用户选定的内容，进行对应的参数配置。
示例性的，如图14所示，假设对应用A进行界面间转换的方案配置，其中，用户通过自定义的方式，将应用A中的方框2对应的元素确定为共享元素，退出元素配置的动效为渐变消失、共享元素配置的动效为放大以及进入元素配置的动效为渐变显现。其中，本申请上述图14所示的界面a(退出场景)相当于优先权(申请号为202010943693.3)文件中图13所示的界面a(出场场景)；本申请上述图14所示的界面b(过渡场景)相当于优先权(申请号为202010943693.3)文件中图13所示的界面b(共享场景)；本申请上述图14所示的界面c(进入场景)相当于优先权(申请号为202010943693.3)文件中图13所示的界面c(入场场景)；本申请上述图14所示的方框1退出元素相当于优先权(申请号为202010943693.3)文件中图13所示的方框1出场元素；本申请上述图14所示的方框2共享元素相当于优先权(申请号为202010943693.3)文件中图13所示的方框2共享元素；本申请上述图14所示的方框3进入元素相当于优先权(申请号为202010943693.3)文件中图13所示的方框3进入元素。
当所述应用A执行界面间转换时，假设，此时所述图13中的a界面为应用A的退出场景、所述图13中的b界面为应用A的过渡场景、所述图13中的c界面为应用A的进入场景，方框1为退出元素、方框2为共享元素、方框3为进入元素。
其中，由界面a切换到界面b的过程中，作为共享元素的方框2始终存在，且显示放大的动效，作为退出元素的方框1渐变消失。
进一步的，继续转换过程中，由界面b切换到界面c，其中，在切换过程中，作为共享元素的方框2始终存在，作为进入元素的方框3逐渐显现。
其中，本申请实施例可以设置信息容器的大小，以及信息容器的位置。
例如，如图15所示，将显示退出场景的信息容器大小设置为虚框1大小，在屏幕左边界处进行展示，则所述退出场景的内容仅在所述图15中的虚框1中进行展示；将显示过渡场景的信息容器大小设置为虚框2大小，在屏幕中心进行展示，则所述共享场景的内容仅在所述图15中的虚框2中进行展示。
配置方式2：预设模板方式配置。
本申请实施例一种可选的方式，可以设置多个快速配置模板，即快速配置模板中，元素的相关配置参数都已事先设定完成，用户仅需确定元素的名称即可，实现了快速配置，有效降低了配置的复杂程度。
其中，本申请实施例一种可选的方式，用户在确定转换对象后，用户可以通过手指点击屏幕的方式，确定需要采用模板进行配置的元素。
具体的，当用户通过手指点击屏幕后，手机根据点击的屏幕位置，确定该位置展示的元素或者容器的名称，将该元素或者容器的名称与用户选定的快速配置模板进行绑定，从而使该元素或者容器在进行界面间转换时，执行选定的快速配置模块对应的配置。
示例性的，假设用户对应用A进行界面间转换方案配置时，当前配置界面如图16中的(a)所示，当前配置界面中显示自定义配置以及快速配置，用户通过手指点击快速配置后，当前界面如图16中的(b)所示，显示两个快速配置模块，例如上述介绍的快速配置模板1以及快速配置模板2。
其中，所述快速配置模板1中的相关配置如下：
退出的动效为从左到右平移，动效时长为2s，进入的动效为从右到左平移，动效时长为2S，共享元素或者共享容器的动效为爆炸，动效时长为1.5S，其中，爆炸动效的中心点为共享元素或者共享容器的中心点，爆炸区域界面的四分之一大小等。
所述快速配置模块2中的相关配置如下：
退出的动效为渐变，动效时长为2s，进入的动效为翻转，动效时长为2S，共享元素或者共享容器的动效为晃动，动效时长为1.5S，其中，晃动动效的中心点为共享元素或者共享容器的中心点等。其中，假设用户在快速配置模板选择过程中，选择的是快速配置模板1。
当用户确定了应用的快速配置模板后，用户仅需要确定应用该模板的元素即可。
例如，如图16中的(c)所示，用户根据屏幕中的指示，通过手指点击的方式，从当前界面显示的内容中，确定共享元素。假设，用户通过手指点击屏幕中的船只，则该应用程序框架可以确定该船只为共享元素。
因此，当所述应用A执行界面间转换时，如图17所示，假设此时a界面为应用A的退出场景、b界面为应用A的进入场景。其中，由界面a退出过程中，界面a从左到右平移退出，动效时长为2s；界面b退出过程中，界面b从右到左平移进入，动效时长为2s。而作为共享元素的船只始终存在，且以船只的中心点，显示屏幕四分之一大小左右的爆炸动效。
进一步的，用户在通过本申请实施例提供的应用程序框架对转换对象完成界面间转换方案的配置后，可以生成一个界面间转换方案的配置文件，用于后续转换对象进行界面间转换展示时调用。
需要说明的是，本申请实施例还可以采用自定义方式与预设模板方式相结合的方式，对转换对象进行界面间转换方案的配置等，本申请实施例在此并不进行限定。
进一步的，本申请实施例一种可选的方式，为了进一步提升转换对象进行界面间转换方案的保密性，可以通过加密公钥对所述转换对象对应的界面间转换方案进行加密。从而使得只有知晓所述加密公钥对应的解密私钥的设备或者应用，才能解析所述转换对象对应的界面间转换方案，获取所述转换对象对应的界面间转换方案。
阶段二、解析阶段：
所述阶段二主要是指用于对转换对象对应的界面间转换方案进行解析的设备，根据所述转换对象在配置阶段得到的界面间转换方案进行解析，获取所述界面间转换方案中配置 的用于进行界面间转换的元素以及该元素的属性等信息，从而确定所述转换对象进行界面间转换的方案效果。
例如，平台侧设备通过所述应用程序框架的解析模块，对所述转换对象对应的界面间转换方案进行解析；再例如，应用侧设备通过自身处理器，或者具有解析功能的芯片对所述转换对象对应的界面间转换方案进行解析。
其中，本申请实施例中所述解析阶段的内部逻辑框架具体可参见图18所示。其中，本申请上述图18所示的该解析阶段可以理解为优先权(申请号为202010943693.3)文件中图15所示的解析模块，即本申请上述图18相当于优先权(申请号为202010943693.3)文件中的图15。
首先，本申请实施例在该解析阶段中，用于执行转换对象进行界面间转换方案的设备，通过所述转换对象对应的界面间转换方案，确定所述界面间转换方案中配置的进行界面间转换的场景类型以及该场景类型对应的布局类型，从而将所述场景类型与所述布局类型绑定在一起。
本申请实施例中，通过将场景与布局进行绑定，有助于转换动效基于布局类型进行展开，适配性更好，粘合度更高。
进一步的，用于对转换对象对应的界面间转换方案进行解析的设备，根据所述界面间转换方案确定每个转换的界面的状态。
可以理解为，所述对转换对象对应的界面间转换方案进行解析的设备，根据所述界面间转换方案，确定退出场景中包含的元素以及元素对应的状态、过渡场景中包含的元素以及元素对应的状态和进入场景中包含的元素以及元素对应的状态。
其中，本申请实施例中元素的状态主要包括元素的种类、元素的动效形式以及动效时长等。
示例性的，假设转换对象为日历应用，其中，所述日历应用通过所述阶段一得到的进行界面转换的配置文件如表4所示。
Figure PCTCN2021112878-appb-000018
其中，所述用于对转换对象对应的界面间转换方案进行解析的设备，根据所述表4的内容，可以确定退出场景中的退出动效是从左到右位移20像素，且渐变2s的动效，确定进入场景中的进入动效是从右到左位移20像素，且渐变2s的动效，确定共享元素为共享 场景中的年份，且在进行界面转换过程中，年份元素呈现从左到右晃动，晃动幅度2像素的效果。
阶段三、执行阶段：
所述阶段三主要是指用于对转换对象对应的界面间转换方案进行执行的设备，根据所述转换对象对应的界面间转换方案，在所述转换对象进行界面间转换时，显示所述界面间转换方案中配置的转换效果。
其中，本申请实施例中所述执行阶段的内部逻辑框架具体可参见图19所示。其中，本申请上述图19所示的该执行阶段可以理解为优先权(申请号为202010943693.3)文件中图16所示的执行模块，即本申请上述图19相当于优先权(申请号为202010943693.3)文件中的图16。
示例性的，本申请实施例中当用户启动转换时，所述平台侧设备按照之前解析获取的转换对象对应的界面间转换方案中的各种参数，一键启动转换，展示该转换对象进行界面间转换的效果。
具体的，本申请实施例中平台侧设备根据所述参数，在不同的时间针对不同的元素执行不同的动画效果。
可以理解的，基于本申请上述图11、图12以及各个模块的内容介绍，可以得到优先权(申请号为202010943693.3)文件中图27所示的内容；本申请上述图9、图18以及图19的结合，相当于优先权(申请号为202010943693.3)文件中图32所示的内容。
通过上面对本申请实施例中一镜到底框架的详细介绍，针对应用侧设备采用该一镜到底框架，提供一种界面间的转换方法，如图20所示，具体步骤如下：
阶段一：配置阶段：
S2000，应用侧设备根据用户触发的界面配置指令，确定界面类型。
其中，本申请实施例中所述界面类型包括第一界面、至少一个过渡界面以及第二界面，所述过渡界面是指所述第一界面到所述第二界面的中间衔接界面。
可以理解的，本申请实施例中所述第一界面为退出界面，所述第二界面为进入界面，所述过渡界面为共享界面。
S2001，所述应用侧设备根据用户触发的元素配置指令，确定每个界面中包含的容器和/或元素。
其中，本申请实施例中可以基于不同的界面，进行容器和/或元素设置。
例如，在退出界面中，设置至少一个容器和/或元素作为退出元素，以及至少一个容器和/或元素作为共享元素；在进入界面中，设置至少一个容器和/或元素作为进入元素，以及至少一个容器和/或元素作为共享元素。
其中，本申请实施例中一种可选的方式，所述退出界面中的共享元素与所述进入界面中的共享元素相同。
具体的，所述应用侧设备根据用户触发的元素配置指令，确定所述第一界面中的第一元素和第二元素，确定所述第二界面中的第二元素和第三元素，其中，所述过渡界面中包含第二元素。
可以理解的，本申请实施例中所述第一元素为退出元素，所述第二元素为共享元素，所述第三元素为进入元素。本申请实施例另一种可选的方式，所述退出界面中的共享元素 与所述进入界面中的共享元素部分相似。
具体的，所述应用侧设备根据用户触发的元素配置指令，确定第一界面中的第一元素和第二元素，确定第二界面中的第三元素和第四元素；所述电子设备根据用户触发的元素配置指令，确定所述过渡界面中所述第二元素逐渐变化到所述第三元素；其中，所述第二元素与第三元素部分相同。
可以理解为，假设所述第一界面中的第二元素为元素2，所述第二界面中的第三元素为元素3，所述元素2与所述元素3部分相似。
S2002，所述应用侧设备根据用户触发的动效配置指令，确定第一界面切换到第二界面过程中，界面、容器和/或元素执行的动效。
具体的，本申请实施例中，针对不同的界面，可以指定不同动效。
此外，还可以针对该界面中的容器和/或元素，分别指定不同的动效。
本申请实施例中，提供了多种多样的动效能力，以供应用进行集成使用。其中，本申请实施例中的动效可以单独使用，也可以组合使用，应用可自行搭配实现。
其中，本申请实施例中所述应用侧设备通过上述配置操作，可以得到该转换对象对应的界面间转换方案，具体的实现可以参考AAR侧的配置模块的说明。
S2003，所述应用侧设备完成配置之后，可以直接调用转换对象对应的界面间转换方案，启动界面间转换的效果。
进一步的，本申请实施例中，所述应用侧设备完成对转换对象对应的界面间转换方案的配置后，所述应用侧设备可以将所述界面间转换方案进行集成。也就是说，所述应用侧设备将对所述转换对象对应的界面间转换方案进行封装，存储，从而使再次对所述转换对象进行界面间转换时，直接触发该转换对象的界面间转换效果启动。
需要说明的是，上述配置步骤并不构成对本申请实施例的限定，采用本申请实施例所述界面间转换方法进行界面间转换方案配置时，可以根据实际情况，灵活的对执行的步骤进行调整，例如，本申请实施例在进行界面间转换方案配置时，还可以考虑转换界面对应的场景类型。从而可以结合场景类型，设计更贴合，更规范、效果更好的界面转换方案。其中，本申请实施例中可以将所述转换的场景类型确定为Activity、ViewGroup、Fragment中的一种。需要说明的是，本申请实施例中所述转换的类型并不限于上述三种，可以进一步进行扩展。
阶段三：执行阶段：
S2004，所述应用侧设备检测到用户作用于所述电子设备的第一操作后，显示第一界面；所述第一界面中包含第一元素和第二元素。
S2005，所述应用侧设备检测到用户作用于所述第一界面的第二操作后，显示至少一个过渡界面之后，显示第二界面。
本申请实施例一种可选的方式，所述第二界面中包含所述第二元素和第三元素；所述过渡界面中包含所述第二元素。
本申请实施例另一种可选的方式，所述第二界面中包含第三元素和第四元素；所述第一界面在通过所述至少一个过渡界面，切换到所述第二界面的过程中，所述过渡界面中所述第二元素的展现形式逐渐变化成所述第三元素的展现形式；其中，所述第二元素与所述第三元素的部分相同。
通过上述方法，电子设备在进行第一界面切换到第二界面的过程中，通过至少一个过渡界面进行衔接，并且所述过渡界面中存在与所述第一界面、第二界面中的共享元素相同或相似的元素，从而使得第一界面与第二界面在进行切换的过程中，变换自然，连贯性较强，用户视觉体验效果较好。
其中，本申请实施例所述的基于一镜到底进行界面间转换的方案，不受转换类型的限制，也不受使用场景的限制，比如，在应用内部，应用之间，以及系统与应用之间都可以使用；也适用在不同的屏幕场景上，比如全屏，分屏与投屏的场景下都可以使用。
进一步的，本申请实施例中所述的一镜到底的转换效果有多种，根据共享元素的展示情况，具体可以分为下述几种应用示例。
应用示例一、过渡界面中包含第一界面和第二界面都存在的元素。
以下，基于Activity转换类型、ViewGroup转换类型以及Fragment转换类型等不同的转换类型，对本申请实施例提供的基于一镜到底效果进行界面间转换的方案分别进行举例介绍。
转换类型一：Fragment转换类型。
其中，本申请实施例基于Fragment转换类型，进行界面间转换的方案还可以分为应用间转换、应用内转换以及桌面到应用转换等多种情况，具体并不限于下述内容：
情况1：应用内转换：
如图21所示，本申请实施例以通话应用为例，提供了一种基于至少两个Fragment之间的应用内转换的效果示例。
其中，本申请实施例可以对所述接听按钮中的接听键以及挂断键设置相应的id，根据用户触发的接听或挂断指令，确定该通话应用的使用状态。
示例性的，如表5所示，本申请实施例中所述通过应用的配置文件如下：
Figure PCTCN2021112878-appb-000019
其中，假设进行界面间转换时，该通话应用的退出界面、进入界面如图21所示，根据所述通话应用的退出界面可以了解到，该退出界面中包含接听键图标和挂断键图标。
当所述通话应用启动界面间转换方案时，退出界面切换到进入界面的过程中，若所述 用户触发的是接听指令，则接听键为共享元素。
根据上述表5的内容，可以知晓当接听键图标为共享元素时，在转换过程中，执行逆时针旋转270度，向右移动，以及进行颜色变换的动效。此时，退出元素为挂断键图标，进行界面转换时，执行渐隐动效。进入元素为免提图标和键盘图标，进行界面转换时执行渐显动效。
需要说明的是，本申请实施例中接听键作为共享元素，执行转换动效后，表现形式与作为退出元素的挂断键相似，但与切出界面的作为退出元素的挂断键是不同的图标。
因此，并在界面转换过程中呈现旋转的动画效果。
情况2：应用间转换：
下面以用户使用通话应用时，需要切换到短信应用为例，对本申请实施例提供的基于一镜到底效果进行界面间转换的方法进行介绍。
假设，用户在配置通话应用与短信应用的界面间转换方案时，将通话应用中的接听按键作为共享元素，在转换过程中持续存在。
示例性的，如图22所示，当用户在通话界面中，点击该通话界面中的短信按键时，触发通话应用与短信应用进行界面间转换。其中，通话应用跳转到短信应用后，通话应用的接听键持续存在，以及该接听键执行放大动效，并出现气泡窗口，显示短信编辑界面，用于进行短信编辑。当完成短信编辑后，点击该接听键，则该接听键执行旋转缩小动效，通话界面显示。
情况3：桌面到应用转换：
下面以用户从应用桌面需要切换到通话应用为例，对本申请实施例提供的基于一镜到底效果进行界面间转换的方法进行介绍。
假设，用户在配置应用桌面与通话应用的界面间转换方案时，将通话应用中的接听按键作为共享元素，在转换过程中持续存在。
示例性的，如图23所示，当用户点击应用桌面上的通话应用图标后，触发应用桌面与通话应用进行界面间转换。其中，应用桌面在跳转到通话应用的过程中，作为共享元素的接听键始终存在，并且该接听键执行平滑下移动效，然后显示通话应用界面。
转换类型二：Activity转换类型。
其中，本申请实施例基于Activity转换类型，进行界面间转换的方案还可以分为应用间转换、应用内转换以及桌面到应用转换等多种情况，具体并不限于下述内容：
情况1：应用内转换：
如图24所示，本申请实施例以应用市场中的图书应用为例，提供了第一种基于至少两个Activity之间的界面间转换的效果示例。示例性的，如表6所示，本申请实施例中所述应用市场中的图书应用的配置文件如下：
Figure PCTCN2021112878-appb-000020
Figure PCTCN2021112878-appb-000021
其中，假设进行界面间转换时，该图书应用的退出界面以及进入界面如图24所示，根据所述图书应用的退出界面可以了解到，该退出界面中包含标题栏、分类图标以及至少一个图书封面。
根据上述表6的内容，可以知晓用户选定的图书封面为共享元素，进行界面间转换时持续存在；退出元素为标题栏、分类图标以及其他未被用户选定的图书封面，进行界面间转换时，执行下滑动效。根据所述图书应用的进入界面可以了解到，该进入界面中的内容简介部分、评价栏，功能图标等，都属于进入元素，在进行界面间转换时，执行上滑动效。
因此，当所述图书应用启动界面间转换方案时，如图24所示，假设用户选择的图书为图书4，因此，在退出界面切换为进入界面的过程中，退出界面下滑切出，所述图书4的图标始终存在，进入界面上滑切入。
如图25所示，本申请实施例以应用市场中的图库应用为例，提供了第二种基于至少两个Activity之间的界面间转换的效果示例。
示例性的，如表7所示，本申请实施例中所述图库应用的配置文件如下：
Figure PCTCN2021112878-appb-000022
其中，假设进行界面间转换时，该图库应用的退出界面和进入界面如图25所示，根据所述图库应用的退出界面可以了解到，该退出界面中包含搜索栏、功能图标以及至少一个图片等。
根据上述表7的内容，可以知晓用户选定的图片为共享元素，进行界面间转换时持续存在；退出元素为搜索栏、功能图标以及其他未被用户选定的图片等，进行界面间转换时，执行左移动效。根据所述图库应用的进入界面可以了解到，该进入界面中的功能图标，以及其他未被用户选定的图片等，都属于进入元素，在进行界面间转换时，执行中心放大动效。
因此，当所述图书应用启动一镜到底界面间转换时，如图25所示，假设用户选择的 图片为花朵图片，因此，在退出界面切换为进入界面的过程中，退出界面左移切出，所述花朵图片的图标始终存在，进入界面切入。
如图26所示，本申请实施例以音乐应用为例，提供了三种基于至少两个Activity之间的界面间转换的效果示例。
示例性的，如表8所示，本申请实施例中所述音乐应用的配置文件如下：
Figure PCTCN2021112878-appb-000023
假设进行界面间转换时，该音乐应用的退出界面和进入界面如图26所示，根据所述图26中展示的场景，可以了解到，该退出场景中包括分类图标、至少一个封面以及功能按钮等。
根据上述表8的内容，可以知晓用户选定的封面图片为共享元素，进行界面间转换时持续存在；退出元素进行界面间转换时，执行缩放动效切出。根据所述音乐应用的进入场景可以了解到，该进入界面中的歌曲列表和功能图标等，都属于进入元素，在进行界面转换时，执行上滑动效。
因此，当所述图书应用启动一镜到底进行界面间转换时，如图26所示，假设用户选择的封面为主打封面，因此，在退出界面切换为进入界面的过程中，退出界面缩放切出，所述主打封面始终存在，进入界面上滑切入。
其中，为了更好实现界面间转换的效果，该实施例中可以将应用的启动界面直接作为退出场景，例如，如图27所示，将音乐应用的启动界面看做退出场景，启动界面中的封面图片作为共享元素，当用户继续操作该应用时，进入所述音乐应用的具体操作界面时，主打封面始终存在。
情况2：应用间转换：
如图28所示，下面以用户使用照相机应用时，需要切换到图库应用为例，对本申请实施例提供的基于一镜到底效果进行界面间转换的方法进行介绍。
假设，用户在配置照相机应用与图库应用的界面间转换方案时，将照相机应用中的缩略图按键作为共享元素，在转换过程中持续存在。
示例性的，如图28所示，当用户在照相机界面中，点击该相机界面中的缩略图按键时，触发照相机应用与图库应用进行界面间转换。其中，照相机应用跳转到图库应用后，显示拍照的图片，此时，照相机应用的缩略图按键持续存在，拍照界面消失，图库中的图片显现。当点击图库界面中的缩略图按键后，该缩略图按键持续存在。
情况3：桌面到应用转换：
下面以用户从应用桌面需要切换到音乐应用为例，对本申请实施例提供的基于一镜到底效果进行界面间转换的方法进行介绍。
假设，用户在配置照应用桌面与音乐应用的界面间转换方案时，将音乐应用图标中的音符元素作为共享元素，在转换过程中持续存在。
示例性的，如图29所示，当用户点击应用桌面上的音乐应用图标后，触发应用桌面与音乐应用的界面间转换。其中，应用桌面在跳转到音乐应用的过程中，作为共享元素的音符始终存在，并且该音符执行平滑下移动效，然后显示音乐应用界面。
转换类型三：ViewGroup转换类型。
其中，本申请实施例基于ViewGroup转换类型，进行界面间转换的方案还可以分为应用间转换、应用内转换以及桌面到应用转换等多种情况，具体并不限于下述内容：
情况1：应用内转换：
如图30所示，本申请实施例以日历应用为例，提供了第一种基于至少两个ViewGroup之间的界面间转换的效果示例。
示例性的，如表9所示，本申请实施例中所述日历应用的配置文件如下。
Figure PCTCN2021112878-appb-000024
假设进行界面间转换时，该音乐应用的退出界面和进入界面如图30所示，根据上述表9的内容，可以确定退出界面中的退出动效是从左到右位移20像素，且渐变2s的动效，确定进入界面中的进入动效是从右到左位移20像素，且渐变2s的动效，确定共享元素在进行界面间转换过程中，共享元素呈现从左到右晃动，晃动幅度2像素的效果。
因此，当所述日历应用启动界面间转换时，如图30所示，假设用户在该日历应用的 界面a中点击月份8的图标，则月份8的图标被确定为共享元素。在进行界面转换过程中，月份8的图标始终存在。
情况2：应用间转换：
如图31所示，下面以用户使用购物应用时，需要切换到相机应用为例，对本申请实施例提供的基于一镜到底效果进行界面间转换的方法进行介绍。
假设，用户在配置购物应用与相机应用的界面间转换方案时，将购物应用中的拍照按键作为共享元素，在转换过程中持续存在。
示例性的，如图31所示，当用户在购物界面中，点击该购物界面中的拍照按键时，触发购物应用与相机应用进行界面间转换。其中，购物应用跳转到相机应用的过程中，相机应用的拍照按键持续存在，购物界面渐渐消失，相机界面逐渐显现。
情况3：桌面到应用转换：
下面以用户从应用桌面需要切换到日历应用为例，对本申请实施例提供的基于一镜到底效果进行界面间转换的方法进行介绍。
假设，用户在配置应用桌面与日历应用的界面间转换方案时，将日历应用图标中的日期元素作为共享元素，在转换过程中持续存在。
示例性的，如图32所示，当用户点击应用桌面上的日历应用图标后，触发应用桌面与日历应用的界面间转换。其中，应用桌面在跳转到日历应用的过程中，作为共享元素的日期始终存在。
应用示例二、第一界面中的元素1在通过至少一个过渡界面切换到第二界面时，元素1渐变为元素2，其中，元素2与元素1的相似度高于相似度阈值。
以下，基于Activity转换类型、ViewGroup转换类型以及Fragment转换类型等不同的转换类型，对本申请实施例提供的基于一镜到底效果进行界面间转换的方案分别进行举例介绍。
转换类型一：Fragment转换类型。
其中，本申请实施例基于Fragment转换类型，进行界面间转换的方案还可以分为应用间转换、应用内转换以及桌面到应用转换等多种情况，具体并不限于下述内容：
情况1：应用内转换：
如图33所示，本申请实施例以通话应用为例，提供了一种基于至少两个Fragment之间的应用内转换的效果示例。
其中，本申请实施例可以对所述接听按钮中的接听键以及挂断键设置相应的id，根据用户触发的接听或挂断指令，确定该通话应用的使用状态。
示例性的，如图33所示，当所述通话应用启动界面间转换时，第一界面切换到第二界面的过程中，若所述用户触发的是接听指令，则接听键为共享元素。
也就是说，第一界面在切换到第二界面过程中的过渡界面中包含所述共享元素。其中，该共享元素在第一界面中的表现形式为元素1，在第二界面中的表现形式为元素2，元素1与元素2的相似度高于相似度阈值。
进一步的，在第一界面向第二界面切换过程中，元素1逐渐变成元素2的表现形式， 如图33可知，元素1逐渐变成元素2的过程中，表现的内容为电话逐渐被接起，从而丰富了趣味性，给用户带来更加生动的界面切换体验。
此外，第一界面中的退出元素逐渐隐退，例如，退出元素挂断键图标，进行界面切换时，执行渐隐动效。第二界面中的进入元素逐渐显现，例如，进入元素免提图标和键盘图标，进行界面切换时执行渐显动效。
情况2：应用间转换：
下面以用户使用通话应用时，需要切换到短信应用为例，对本申请实施例提供的基于一镜到底效果进行界面间转换的方法进行介绍。
假设，用户在配置通话应用与短信应用的界面间转换方案时，将通话应用中的接听按键作为共享元素，在转换过程中持续存在。
示例性的，如图34所示，当用户在通话界面中，点击该通话界面中的短信按键时，触发通话应用与短信应用进行界面间转换。即通话界面可以理解为第一界面，短信应用界面可以理解为第二界面。
其中，共享元素在第一界面中的表现形式为元素1，在第二界面中的表现形式为元素2，元素1与元素2的相似度高于相似度阈值。
进一步的，在第一界面向第二界面切换过程中，元素1逐渐变成元素2的表现形式，如图34可知，元素1逐渐变成元素2的过程中，表现的内容为电话逐渐被接起，从而丰富了趣味性，给用户带来更加生动的界面切换体验。
此外，第一界面中的退出元素逐渐隐退，例如，退出元素挂断键图标，进行界面切换时，执行渐隐动效。第二界面中的进入元素逐渐显现，例如，进入元素为通过气泡窗口表示的短信编辑界面逐渐显现，用于进行短信编辑。
情况3：桌面到应用转换：
下面以用户从应用桌面需要切换到通话应用为例，对本申请实施例提供的基于一镜到底效果进行界面间转换的方法进行介绍。
假设，用户在配置应用桌面与通话应用的界面间转换方案时，将通话应用中的接听按键作为共享元素，在转换过程中持续存在。
示例性的，如图35所示，当用户点击应用桌面上的通话应用图标后，触发应用桌面与通话应用的界面间转换。即应用桌面界面可以理解为第一界面，通话应用界面可以理解为第二界面。其中，共享元素在第一界面中的表现形式为元素1，在第二界面中的表现形式为元素2，元素1与元素2的相似度高于相似度阈值。
进一步的，在第一界面向第二界面切换过程中，元素1逐渐变成元素2的表现形式，如图35可知，元素1逐渐变成元素2的过程中，表现的内容为电话逐渐被接起，以及执行平滑下移动效，从而丰富了趣味性，给用户带来更加生动的界面切换体验。
此外，第一界面中的退出元素逐渐隐退，例如，退出元素其他应用的图标，进行界面切换时，执行渐隐动效。第二界面中的进入元素逐渐显现，得到通话应用界面。
转换类型二：Activity转换类型。
其中，本申请实施例基于Activity转换类型，进行界面间转换的方案还可以分为应用 间转换、应用内转换以及桌面到应用转换等多种情况，具体并不限于下述内容：
情况1：应用内转换：
如图36所示，本申请实施例以应用市场中的图书应用为例，提供了一种基于至少两个Activity之间的界面间转换的效果示例。
示例性的，如图36所示，当所述音乐应用启动一镜到底转换时，第一界面切换到第二界面的过程中，将用户选定的封面图片作为共享元素，例如，用户选择的封面为主打封面。也就是说，第一界面在切换到第二界面过程中的过渡界面中包含所述共享元素。
其中，该共享元素在第一界面中的表现形式为元素1，在第二界面中的表现形式为元素2，元素1与元素2的相似度高于相似度阈值。
进一步的，在第一界面向第二界面切换过程中，元素1逐渐变成元素2的表现形式，如图36可知，元素1逐渐变成元素2的过程中，表现的内容为演唱者逐渐举起手中的麦克风，从而丰富了趣味性，给用户带来更加生动的界面切换体验。
此外，第一界面中的退出元素执行缩放动效切出，例如，退出元素分类图标、至少一个封面以及功能按钮等，进行界面切换时，执行缩放动效切出。第二界面中的进入元素执行上滑动效逐渐显现，例如，进入元素歌曲列表和功能图标，进行界面切换时上滑渐显。
情况2：应用间转换：
如图37所示，下面以用户使用照相机应用时，需要切换到图库应用为例，对本申请实施例提供的基于一镜到底效果进行界面间转换的方法进行介绍。
假设，用户在配置照相机应用与图库应用的界面间转换方案时，将照相机应用中的缩略图按键作为共享元素，在转换过程中持续存在。
示例性的，如图37所示，当用户点击照相机应用中的缩略图图标后，触发照相机应用与图库应用的界面转换。即照相机应用可以理解为第一界面，图库应用界面可以理解为第二界面。其中，共享元素在第一界面中的表现形式为元素1，在第二界面中的表现形式为元素2，元素1与元素2的相似度高于相似度阈值。
进一步的，在第一界面向第二界面切换过程中，元素1逐渐变成元素2的表现形式，如图37可知，元素1逐渐变成元素2的过程中，表现的内容为图片由局部到全局进行逐渐展示，从而丰富了趣味性，给用户带来更加生动的界面切换体验。
此外，第一界面中的退出元素逐渐隐退，第二界面中的进入元素逐渐显现。例如，照相机应用跳转到图库应用后，显示拍照的图片，此时，照相机应用的缩略图按键持续存在，拍照界面消失，图库中的图片显现。
情况3：桌面到应用转换：
下面以用户从应用桌面需要切换到音乐应用为例，对本申请实施例提供的基于一镜到底效果进行界面间转换的方法进行介绍。
假设，用户在配置应用桌面与音乐应用的界面间转换方案时，将音乐应用图标中的音符元素作为共享元素，在转换过程中持续存在。
示例性的，如图38所示，当用户点击应用桌面上的音乐应用图标后，触发应用桌面与音乐应用的界面间转换。即应用桌面界面可以理解为第一界面，音乐应用界面可以理解为第二界面。其中，共享元素在第一界面中的表现形式为元素1，在第二界面中的表现形 式为元素2，元素1与元素2的相似度高于相似度阈值。
进一步的，在第一界面向第二界面切换过程中，元素1逐渐变成元素2的表现形式，如图38可知，元素1逐渐变成元素2的过程中，表现的内容为音乐符号上逐渐显示五线谱，以及执行平滑下移动效，从而丰富了趣味性，给用户带来更加生动的界面切换体验。
此外，第一界面中的退出元素逐渐隐退，例如，退出元素其他应用的图标，进行界面切换时，执行渐隐动效。第二界面中的进入元素逐渐显现，得到音乐应用界面。
转换类型三：ViewGroup转换类型。
其中，本申请实施例基于ViewGroup转换类型，进行界面间转换的方案还可以分为应用间转换、应用内转换以及桌面到应用转换等多种情况，具体并不限于下述内容：
情况1：应用内转换：
如图39所示，本申请实施例以日历应用为例，提供了第一种基于至少两个ViewGroup之间的界面间转换的效果示例。
示例性的，如图39所示，当所述日历应用启动界面间转换时，第一界面切换到第二界面的过程中，将用户选定的月份图标作为共享元素，例如，用户选择的月份为8月。也就是说，第一界面在切换到第二界面过程中的过渡界面中包含所述共享元素。
其中，该共享元素在第一界面中的表现形式为元素1，在第二界面中的表现形式为元素2，元素1与元素2的相似度高于相似度阈值。
进一步的，在第一界面向第二界面切换过程中，元素1逐渐变成元素2的表现形式，如图39可知，元素1逐渐变成元素2的过程中，表现的内容为8月图标的圆形底纹逐渐消失，从而丰富了趣味性，给用户带来更加生动的界面切换体验。
此外，第一界面中的退出元素执行放大动效切出，例如，退出元素其他月份发等，进行界面切换时，执行缩放动效切出。第二界面中的进入元素执行放大显现，例如，进入元素8月对应的月份日历，进行界面切换时放大渐显。
情况2：应用间转换：
如图40所示，下面以用户使用购物应用时，需要切换到相机应用为例，对本申请实施例提供的基于一镜到底效果进行界面间转换的方法进行介绍。
假设，用户在配置购物应用与相机应用的界面间转换方案时，将购物应用中的拍照按键作为共享元素，在转换过程中持续存在。
示例性的，如图40所示，当用户点击购物应用中的拍照图标后，触发购物应用与相机应用的界面间转换。即购物应用可以理解为第一界面，相机应用界面可以理解为第二界面。其中，共享元素在第一界面中的表现形式为元素1，在第二界面中的表现形式为元素2，元素1与元素2的相似度高于相似度阈值。
进一步的，在第一界面向第二界面切换过程中，元素1逐渐变成元素2的表现形式，如图40可知，元素1逐渐变成元素2的过程中，表现的内容为相机的镜头逐渐伸长，从而丰富了趣味性，给用户带来更加生动的界面切换体验。
其中，购物应用跳转到相机应用的过程中，相机应用的拍照按键持续存在，购物界面渐渐消失，相机界面逐渐显现。
情况3：桌面到应用转换：
下面以用户从应用桌面需要切换到日历应用为例，对本申请实施例提供的基于一镜到底效果进行界面间转换的方法进行介绍。
假设，用户在配置照应用桌面与日历应用的界面间转换方案时，将日历应用图标中的日期元素作为共享元素，在转换过程中持续存在。
示例性的，如图41所示，当用户点击应用桌面上的日历应用图标后，触发应用桌面与日历应用的界面间转换。即应用桌面界面可以理解为第一界面，日历应用界面可以理解为第二界面。其中，共享元素在第一界面中的表现形式为元素1，在第二界面中的表现形式为元素2，元素1与元素2的相似度高于相似度阈值。
进一步的，在第一界面向第二界面切换过程中，元素1逐渐变成元素2的表现形式，如图41可知，元素1逐渐变成元素2的过程中，表现的内容为日期元素逐渐显示圆形底纹，从而丰富了趣味性，给用户带来更加生动的界面切换体验。
其中，应用桌面在跳转到日历应用的过程中，作为共享元素的日期始终存在。
此外，本申请实施例所述的一镜到底的转换方法还可以应用到分屏模式以及多屏协同等应用操作中，具体并不限于下述介绍。
模式一：分屏模式。
日常生活中，用户在使用智能设备时，例如手机，可能为了方便操作等原因，需要将手机进行分屏操作。为了能够减少用户视觉的跳动幅度，增加展示的趣味性，从而提升用户的体验感，本申请实施例在分屏操作场景下，每个屏幕中显示的应用依旧可以执行本申请实施例提供的界面间转换方案。
例如，如图42所示，假设将手机的显示界面一分为二，分为上下两部分。其中，上面的界面展示图库应用，下面的界面展示音乐应用，则用户在分屏界面1操作图库应用时，图库应用根据预先设定的界面间转换方案进行相应转换。用户在分屏界面2操作音乐应用时，音乐应用根据预先设定的界面间转换方案进行相应转换。
再例如，如图43所示，假设将手机的显示界面分为上下两层，其中，一个应用的显示界面悬浮于另一个应用界面之上。其中，上层的界面展示图库应用，下层的界面展示音乐应用，则用户在分屏界面1操作图库应用时，图库应用根据预先设定的界面间转换方案进行相应转换。用户在分屏界面2操作音乐应用时，音乐应用根据预先设定的界面间转换方案进行相应转换。
优选的，其中处于悬浮的应用界面可以作为底层应用界面的共享元素，在底层应用界面进行转换时，该悬浮的应用界面始终存在。
需要说明的是，本申请实施例在分屏模式下，多个屏幕可以同时基于对应的界面间转换方案进行界面转换，不受转换类型的限制，也不受使用场景的限制。比如，可以基于Activity转换类型、ViewGroup转换类型以及Fragment转换类型等不同的转换类型，以及可以在应用内部，应用之间，以及系统与应用之间进行使用，具体可参见本申请实施例图20～图41的介绍。
模式二：多屏协同模式。
当用户有时在对应用进行操作时，可能需要进行屏幕切换，例如，用户在用手机对图 库应用进行操作时，为了使观看更加方便，可能会将手机与PC端进行连接，多屏协同，将手机中的应用界面显示到PC端。
本申请实施例一种可选的方式，当用户进行多屏协同操作时，如图44所示，将手机显示界面中图库应用的内容切换到PC端，其中，整个PC端显示图库应用的内容。也就是说，将手机操作换成了PC端操作，手机显示界面此时与PC端显示界面相同。
本申请实施例另一种可选的方式，当用户进行多屏协同操作时，仅将手机显示界面中图库应用的进入内容切换到PC端。
例如，如图45所示，将转换后的内容以及共享元素在PC端展示，手机端依旧保持退出界面显示界面。
需要说明的是，如图45所示的内容中，手机端的显示界面中也可以继续显示共享元素。
例如，如图45所示，在PC端仅对转换后的进入界面进行展示，不显示共享元素，手机端显示共享元素以及退出界面。也就是说，此时的PC端仅为了将进入界面进行放大显示，使用户能够通过PC端更加清晰直观的看到进入界面。其中，用户可以继续通过对手机端操作来控制PC端的图片切换。
需要说明的是，本申请实施例在多屏协同模式下，多个屏幕可以同时基于对应的一镜到底效果进行界面转换，不受转换类型的限制，也不受使用场景的限制。比如，可以基于Activity转换类型、ViewGroup转换类型以及Fragment转换类型等不同的转换类型，以及可以在应用内部，应用之间，以及系统与应用之间进行使用，具体可参见本申请实施例图20～图341的介绍。
通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本申请实施例各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：快闪存储器、移动硬盘、只读存储器、随机存取存储器、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，仅为本申请实施例的具体实施方式，但本申请实施例的保护范围并不局限于此，任何在本申请实施例揭露的技术范围内的变化或替换，都应涵盖在本申请实施例的保护范围之内。因此，本申请实施例的保护范围应以所述权利要求的保护范围为准。

Claims (21)

  1. 一种界面间的转换方法，应用于电子设备，其特征在于，所述方法包括：
    所述电子设备检测到用户作用于所述电子设备的第一操作后，显示第一界面，所述第一界面中包含第一元素和第二元素；
    所述电子设备检测到用户作用于所述第一界面的第二操作后，显示至少一个过渡界面之后，显示第二界面；
    所述第二界面中包含所述第二元素和第三元素；所述过渡界面中包含所述第二元素；
    所述第二元素中不包含所述第一界面、所述过渡界面以及所述第二界面中的状态栏内的元素。
  2. 如权利要求1所述的方法，其特征在于，所述电子设备检测到用户作用于所述第一界面的第二操作后，显示至少一个过渡界面之后，显示第二界面，包括：
    所述电子设备的所述第一界面中的第一元素逐渐消失，所述第二界面中的第三元素逐渐显现，所述第二元素在所述第一界面、所述至少一个过渡界面以及所述第二界面中持续存在。
  3. 如权利要求1或2所述的方法，其特征在于，所述方法还包括：
    所述电子设备根据每个界面配置的转换动效或根据界面中元素配置的转换动效，在所述第一界面切换到所述第二界面的过程中，执行界面和/或元素相应的动效。
  4. 如权利要求1～3任一项所述的方法，其特征在于，所述方法还包括：
    所述第一界面与所述第二界面为第一应用不同显示界面；或，
    所述第一界面为所述电子设备主界面或主界面的相邻界面或负一屏界面，所述第二界面为第一应用的显示界面；或，
    所述第一界面为第一应用的显示界面，所述第二界面为第二应用的显示界面。
  5. 一种界面间的转换方法，应用于电子设备，其特征在于，所述方法包括：
    所述电子设备根据用户触发的界面配置指令，确定界面类型，所述界面类型包括第一界面、至少一个过渡界面以及第二界面；其中，所述过渡界面是指所述第一界面到所述第二界面的中间衔接界面；
    所述电子设备根据用户触发的元素配置指令，确定所述第一界面中的第一元素和第二元素，确定所述第二界面中的第二元素和第三元素；
    其中，所述过渡界面中包含第二元素。
  6. 如权利要求5所述的方法，其特征在于，所述方法还包括：
    所述电子设备根据用户触发的动效配置指令，确定所述第一界面切换到所述第二界面的过程中，界面和/或元素执行的动效。
  7. 一种界面间的转换方法，应用于电子设备，其特征在于，所述方法包括：
    所述电子设备检测到用户作用于所述电子设备的第一操作后，显示第一界面；所述第一界面中包含第一元素和第二元素；
    所述电子设备检测到用户作用于所述第一界面的第二操作后，显示至少一个过渡界面之后，显示第二界面；
    所述第二界面中包含第三元素和第四元素；
    所述第一界面在通过所述至少一个过渡界面，切换到所述第二界面的过程中，所述过渡界面中所述第二元素的展现形式逐渐变化成所述第三元素的展现形式；
    其中，所述第二元素与所述第三元素的部分相同。
  8. 如权利要求7所述的方法，其特征在于，所述电子设备检测到用户作用于所述第一界面的第二操作后，显示至少一个过渡界面之后，显示第二界面，包括：
    所述电子设备的所述第一界面中的第一元素逐渐消失，所述第二界面中的第四元素逐渐显现，所述过渡界面中的所述第二元素逐渐变成所述第三元素。
  9. 如权利要求7或8所述的方法，其特征在于，所述方法还包括：
    所述电子设备根据每个界面配置的转换动效或根据界面中元素配置的转换动效，在所述第一界面切换到所述第二界面的过程中，执行界面和/或元素相应的动效。
  10. 如权利要求7～9任一项所述的方法，其特征在于，所述方法还包括：
    所述第一界面与所述第二界面为第一应用不同显示界面；或，
    所述第一界面为所述电子设备主界面或主界面的相邻界面或负一屏界面，所述第二界面为第一应用的显示界面；或，所述第一界面为第一应用的显示界面，所述第二界面为第二应用的显示界面。
  11. 一种界面间的转换方法，应用于电子设备，其特征在于，所述方法包括：
    所述电子设备根据用户触发的界面配置指令，确定界面类型，所述界面类型包括第一界面、至少一个过渡界面以及第二界面；其中，所述过渡界面是指所述第一界面到所述第二界面的中间衔接界面；
    所述电子设备根据用户触发的元素配置指令，确定第一界面中的第一元素和第二元素，确定第二界面中的第三元素和第四元素；
    根据用户触发的元素配置指令，确定所述过渡界面中所述第二元素逐渐变化到所述第三元素；
    其中，所述第二元素与第三元素部分相同。
  12. 如权利要求11所述的方法，其特征在于，所述方法还包括：
    所述电子设备根据用户触发的动效配置指令，确定第一界面切换到第二界面过程中，界面和/或元素执行的动效。
  13. 一种界面间的转换方法，其特征在于，所述方法包括：
    接收到用户触发的目标应用的界面转换指示后，确定所述目标应用进行转换的界面以及转换界面中包含的共享元素；
    根据用户触发的所述界面转换指示，执行对应界面间的转换，其中，所述转换界面中的共享元素在界面转换过程中持续展示。
  14. 如权利要求13所述的方法，其特征在于，所述转换界面中包含出场界面、入场界面；或
    所述转换界面中包含出场界面、入场界面以及共享界面；
    其中，所述出场界面是指界面转换时的初始界面；所述入场界面是指界面转换时的最后界面；所述共享界面是指界面转换时的中间衔接界面。
  15. 如权利要求13或14所述的方法，其特征在于，所述方法还包括：
    确定所述转换界面中的出场元素和/或入场元素，其中，所述转换界面中的出场元素在出场界面转换后消失，所述转换界面中的入场元素在转换到入场界面后显示。
  16. 如权利要求13～15任一项所述的方法，其特征在于，所述方法还包括：
    根据转换界面中每个界面配置的转换动效和/或根据转换界面中每个元素配置的转换动效，在转换过程中执行对应的动效。
  17. 一种界面间的转换方法，其特征在于，所述方法包括：
    根据用户触发的转换界面配置指令，确定进行转换的界面类型，所述界面类型包括出场界面、入场界面以及共享界面；其中，所述出场界面是指界面转换时的初始界面；所述入场界面是指界面转换时的最后界面；所述共享界面是指界面转换时的中间衔接界面；
    根据用户触发的元素配置指令，确定界面转换过程中的共享元素，其中，所述共享元素为界面转换过程中持续展示的元素。
  18. 如权利要求17所述的方法，其特征在于，所述方法还包括：
    根据用户触发的元素配置指令，确定界面转换过程中的出场元素和/或入场元素；
    其中，所述转换界面中的出场元素在出场界面转换后消失，所述转换界面中的入场元素在转换到入场界面后显示。
  19. 一种电子设备，其特征在于，包括：显示器；一个或多个处理器；一个或多个存储器；
    其中，所述一个或多个存储器存储有一个或多个计算机程序，所述一个或多个计算机程序包括指令，当所述指令被所述一个或多个处理器执行时，使得所述电子设备执行如权利要求1～4任一项所述的方法；或执行如权利要求5～6任一项所述的方法；或执行如权利要求7～10任一项所述的方法；或执行如权利要求11～12任一项所述的方法；或执行如权利要求13～16任一项所述的方法；或执行如权利要求17～18任一项所述的方法。
  20. 一种计算机可读存储介质，其特征在于，所述计算机可读存储介质包括计算机程序，当计算机程序在电子设备上运行时，使得所述电子设备执行如权利要求1～4任一项所述的方法；或执行如权利要求5～6任一项所述的方法；或执行如权利要求7～10任一项所述的方法；或执行如权利要求11～12任一项所述的方法；或执行如权利要求13～16任一项所述的方法；或执行如权利要求17～18任一项所述的方法。
  21. 一种电子设备上的图形用户界面系统，其特征在于，所述电子设备具有显示器、一个或多个存储器、以及一个或多个处理器，所述一个或多个处理器用于执行存储在所述一个或多个存储器中的一个或多个计算机程序，所述图形用户界面系统包括所述电子设备执行如权利要求1～18中任一项所述的方法时显示的图形用户界面。
PCT/CN2021/112878 2020-09-09 2021-08-16 一种界面间的转换方法、设备及系统 WO2022052747A1 (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
EP21865803.7A EP4195041A4 (en) 2020-09-09 2021-08-16 METHOD FOR CONVERSION BETWEEN INTERFACES, DEVICE AND SYSTEM
JP2023515654A JP2023541589A (ja) 2020-09-09 2021-08-16 インターフェース間の変換方法、デバイスおよびシステム
US18/044,484 US20240036696A1 (en) 2020-09-09 2021-08-16 Inter-Interface Conversion Method, Device, and System

Applications Claiming Priority (4)

Application Number Priority Date Filing Date Title
CN202010943693.3 2020-09-09
CN202010943693 2020-09-09
CN202110482721.0 2021-04-30
CN202110482721.0A CN114237780A (zh) 2020-09-09 2021-04-30 一种界面间的转换方法、设备及系统

Publications (1)

Publication Number Publication Date
WO2022052747A1 true WO2022052747A1 (zh) 2022-03-17

Family

ID=80632060

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2021/112878 WO2022052747A1 (zh) 2020-09-09 2021-08-16 一种界面间的转换方法、设备及系统

Country Status (4)

Country Link
US (1) US20240036696A1 (zh)
EP (1) EP4195041A4 (zh)
JP (1) JP2023541589A (zh)
WO (1) WO2022052747A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2024078114A1 (zh) * 2022-10-12 2024-04-18 荣耀终端有限公司 窗口显示方法、电子设备及计算机可读存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130069984A1 (en) * 2011-09-16 2013-03-21 Hon Hai Precision Industry Co., Ltd. Method and device for showing page tore-off effect
CN108491124A (zh) * 2018-03-08 2018-09-04 腾讯科技（深圳）有限公司 一种界面处理方法及其设备、存储介质、终端
CN109426532A (zh) * 2017-08-22 2019-03-05 腾讯科技（深圳）有限公司 安卓系统中衔接页面的方法、装置及电子设备
CN109947521A (zh) * 2019-03-28 2019-06-28 北京小米移动软件有限公司 界面切换方法、装置以及存储介质

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8004541B2 (en) * 2008-01-28 2011-08-23 Hewlett-Packard Development Company, L.P. Structured display system with system defined transitions
KR102057937B1 (ko) * 2012-12-06 2019-12-23 삼성전자주식회사 디스플레이 장치 및 그 이미지 표시 방법
US9864490B2 (en) * 2013-08-12 2018-01-09 Home Box Office, Inc. Coordinating user interface elements across screen spaces
CN106156066B (zh) * 2015-03-30 2019-12-13 阿里巴巴集团控股有限公司 一种页面切换方法、装置及客户端
CN105843627A (zh) * 2016-04-13 2016-08-10 乐视控股（北京）有限公司 一种页面切换方法和装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130069984A1 (en) * 2011-09-16 2013-03-21 Hon Hai Precision Industry Co., Ltd. Method and device for showing page tore-off effect
CN109426532A (zh) * 2017-08-22 2019-03-05 腾讯科技（深圳）有限公司 安卓系统中衔接页面的方法、装置及电子设备
CN108491124A (zh) * 2018-03-08 2018-09-04 腾讯科技（深圳）有限公司 一种界面处理方法及其设备、存储介质、终端
CN109947521A (zh) * 2019-03-28 2019-06-28 北京小米移动软件有限公司 界面切换方法、装置以及存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP4195041A4

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2024078114A1 (zh) * 2022-10-12 2024-04-18 荣耀终端有限公司 窗口显示方法、电子设备及计算机可读存储介质

Also Published As

Publication number Publication date
EP4195041A4 (en) 2024-01-17
EP4195041A1 (en) 2023-06-14
JP2023541589A (ja) 2023-10-03
US20240036696A1 (en) 2024-02-01

Similar Documents

Publication Publication Date Title
CN113553014B (zh) 多窗口投屏场景下的应用界面显示方法及电子设备
WO2022100315A1 (zh) 应用界面的生成方法及相关装置
WO2021121052A1 (zh) 一种多屏协同方法、系统及电子设备
WO2024016559A1 (zh) 一种多设备协同方法、电子设备及相关产品
CN112527174B (zh) 一种信息处理方法及电子设备
US20230367464A1 (en) Multi-Application Interaction Method
WO2022052747A1 (zh) 一种界面间的转换方法、设备及系统
WO2023029985A1 (zh) 一种桌面中停靠栏的显示方法及电子设备
WO2023040670A1 (zh) 桌面动效显示方法及电子设备
WO2022179390A1 (zh) 一种拼接显示的方法、电子设备和系统
WO2022160999A1 (zh) 显示方法和电子设备
CN113835802A (zh) 设备交互方法、系统、设备及计算机可读存储介质
CN115700431A (zh) 一种桌面的显示方法及电子设备
CN114237780A (zh) 一种界面间的转换方法、设备及系统
CN115061758B (zh) 应用的显示方法、终端、电子设备以及存储介质
WO2024139934A1 (zh) 应用程序多窗口展示方法和电子设备
WO2023030198A1 (zh) 批注方法和电子设备
CN115016871B (zh) 多媒体编辑方法、电子设备和存储介质
WO2024179161A1 (zh) 分屏方法、装置、电子设备和计算机可读存储介质
WO2023045774A1 (zh) 显示方法及电子设备
WO2022267786A1 (zh) 一种快捷图标展示方法与终端设备
WO2023217142A1 (zh) 窗口尺寸调整方法、相关装置及通信系统
WO2023116418A1 (zh) 内容显示方法、电子设备及计算机可读存储介质
CN114327324A (zh) 一种界面的分布式显示方法、电子设备及通信系统
CN117806492A (zh) 一种卡片显示方法与电子设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 21865803

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 202327013776

Country of ref document: IN

ENP Entry into the national phase

Ref document number: 2023515654

Country of ref document: JP

Kind code of ref document: A

WWE Wipo information: entry into national phase

Ref document number: 18044484

Country of ref document: US

ENP Entry into the national phase

Ref document number: 2021865803

Country of ref document: EP

Effective date: 20230307

NENP Non-entry into the national phase

Ref country code: DE