Display method and electronic device

Abstract

The present application relates to the technical field of terminals, and provides a display method and an electronic device, for use in solving the problem of poor user experience during multi-device interaction. The method is applied to a first electronic device, and comprises: displaying a first element; and on the basis of a change in the relative motion state between the first electronic device and a second electronic device, displaying a first animation corresponding to the first element.

Description

Display methods and electronic devices

[0001] This application claims priority to Chinese Patent Application No. 202510199541.X, filed on February 21, 2025, entitled “Display Method and Electronic Device”, the entire contents of which are incorporated herein by reference. Technical Field

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

[0003] With the development of mobile internet and sensing technologies, scenarios involving multi-device interaction are becoming increasingly common (such as data sharing and interactive operations between multiple electronic devices). However, the display methods during multi-device interaction are often rigid, resulting in a poor user experience. Therefore, improving the user experience during multi-device interaction has become an urgent technical problem to be solved. Summary of the Invention

[0004] To address the aforementioned technical issues, this application provides a display method and electronic device that uses animation to demonstrate changes in the relative motion states between multiple electronic devices. Based on animated feedback of interactions between multiple devices, the intelligence and fun of multi-device interaction are enhanced, allowing users to experience a more natural and vivid interactive experience.

[0005] To achieve the above objectives, this application adopts the following technical solution:

[0006] In a first aspect, this application provides a display method applied to a first electronic device, the method comprising: displaying a first element; and displaying a first animation corresponding to the first element based on a change in the relative motion state between the first electronic device and a second electronic device.

[0007] In this application, when the relative motion state between the first electronic device and the second electronic device changes, a first animation corresponding to the first element is displayed. This first animation intuitively and vividly reflects multi-device interaction, enhancing the fun and intelligence of multi-device interaction. Users can experience a more vivid and natural interactive experience, thus improving the user experience. Furthermore, since the relative motion state change between the first and second electronic devices is determined based on their communication connection, the first animation can also reflect the connection status between them, enabling rapid troubleshooting in case of abnormal multi-device interaction.

[0008] According to the first aspect, the change in relative motion state includes the change in relative velocity between the first electronic device and the second electronic device, and / or the change in relative distance between the first electronic device and the second electronic device.

[0009] Among them, the relative speed change in the relative operating state includes: relative speed increase or relative speed decrease, and the relative distance change in the relative operating state includes: relative distance increase or relative distance decrease.

[0010] According to the first aspect, or any implementation of the first aspect above, the first element is the element corresponding to the first electronic device.

[0011] According to the first aspect, or any implementation of the first aspect above, the first element is used to represent the user of the first electronic device. For example, the first element can also be an element in the wallpaper of the first electronic device, or an element on the desktop. Furthermore, the first element can be a cartoon image or virtual pet of the user of the first electronic device.

[0012] According to the first aspect, or any implementation of the first aspect above, displaying a first animation corresponding to a first element based on the change in the relative motion state between the first electronic device and the second electronic device includes: displaying the first animation corresponding to the first element and displaying a second animation corresponding to a second element based on the change in the relative motion state between the first electronic device and the second electronic device; the second element corresponds to the second electronic device.

[0013] The second element refers to the element corresponding to the second electronic device. The second element is the element displayed on the first electronic device. Specifically, the second element represents the user of the second electronic device. For example, the second element could be an element in the wallpaper of the second electronic device, or an element on the desktop. Alternatively, the second element could be a cartoon avatar or virtual pet of the user of the second electronic device.

[0014] According to the first aspect, or any of the above implementations of the first aspect, the interaction effect between the first animation and the second animation is matched with the change in relative motion state.

[0015] In this way, the first and second animations displayed on the first electronic device can intuitively demonstrate the movement changes between the first and second electronic devices, allowing users to clearly perceive the movement between multiple devices and enhancing the user experience. Moreover, the interactive effects reflect the collaborative linkage between devices, enhancing the intelligence and fun of device collaboration, enabling users to experience a more natural and refined interactive experience, and increasing the sense of sophistication and smoothness in the device collaboration process.

[0016] According to the first aspect, or any implementation of the first aspect above, the method further includes: displaying a portion of a third animation when a first condition is met; another portion of the third animation is displayed by a second electronic device, the third animation including the first animation; wherein the first condition includes the distance between the first electronic device and the second electronic device being less than or equal to a preset distance.

[0017] According to the first aspect, or any implementation of the first aspect above, the first condition further includes: the relative speed between the first electronic device and the second electronic device is greater than a preset threshold.

[0018] In some examples, before displaying a portion of the third animation, the method further includes: a first electronic device and a second electronic device interacting to determine a master device, wherein the master device is either the first electronic device or the second electronic device. The master device is used to determine the third animation based on a first element, a second element, and a change in relative motion state, provided that a first condition is met; the third animation is an animation that includes the first element and the second element; the master device is also used to determine that the content displayed by the first electronic device is a portion of the third animation, and the content displayed by the second electronic device is another portion of the third animation.

[0019] Thus, when the first condition is met, the first electronic device and the second electronic device work together to display the third animation, enhancing the collaborative display effect and immersion, and increasing the fun.

[0020] In some examples, before displaying the first animation corresponding to the first element based on the change in relative motion state between the first electronic device and the second electronic device, the method further includes: acquiring first state data and second state data, wherein the first state data indicates the motion state of the first electronic device and the second state data indicates the motion state of the second electronic device; determining whether a change in relative motion state has occurred between the first electronic device and the second electronic device based on the first state data and the second state data; and determining the first animation corresponding to the first element based on the change in relative motion state if a change in relative motion state has occurred.

[0021] In some examples, before displaying the first animation corresponding to the first element, the method further includes: obtaining attribute information of a third element displayed by the second electronic device from the second electronic device; and determining the first animation based on the attribute information of the third element, the first element, and the change in relative motion state.

[0022] The third element is the element displayed on the second electronic device. The second element is the element displayed on the first electronic device. Specifically, the third element is used to represent the user of the second electronic device.

[0023] The attribute information may also include status information, which includes one or more of the following: displayed content, display position, size, shape, and usage status.

[0024] Thus, the first animation generated based on the attribute information of the first and third elements can vividly demonstrate the relationship between the first and third elements, increasing interest and enhancing the linkage between devices.

[0025] In some examples, before obtaining the attribute information of the third element and determining the first animation, the method further includes: determining the spatial positional relationship between the first electronic device and the second electronic device based on the first state data and the second state data; and determining the third element indicated by the attribute information of the third element. If it is determined based on the first state data and the second state data that there is no relative motion state change between the first electronic device and the second electronic device, the first element is updated according to the preset rule between the first element and the third element, as well as the spatial positional relationship.

[0026] Thus, updating the first element based on spatial relationships can enhance the realism of interactions between devices, thereby increasing user immersion and experience.

[0027] According to the first aspect, or any of the above implementations of the first aspect, different types of motion state changes in relative motion state change affect the presentation effect of different display attributes of the first element in the first animation.

[0028] According to the first aspect, or any of the above implementations of the first aspect, the display attributes include one or more of the following: size, thickness, length, color, and shape.

[0029] The display attributes affected by distance include one or more of the following: size, thickness, length, color, and shape. The display attributes affected by speed include one or more of the following: size, thickness, length, color, and shape.

[0030] In some examples, size, thickness, and length can be negatively correlated with distance, while size, thickness, and length can be positively correlated with speed.

[0031] In some examples, the first electronic device includes a first preset rule, which includes a correspondence between distance and color, and a correspondence between distance and shape. The first electronic device also includes a second preset rule, which includes a correspondence between speed and color, and a correspondence between speed and shape.

[0032] Thus, distance and speed affect different display attributes, enhancing the dynamic expressiveness and interactivity of the animation, making the animation effects more realistic, rich, and layered.

[0033] Secondly, this application provides a display method applied to a display system, the display system including a first electronic device and a second electronic device; the method includes: the first electronic device displaying a first element; the first electronic device displaying a first animation corresponding to the first element according to the change in the relative motion state between the first electronic device and the second electronic device.

[0034] The first element corresponds to the first electronic device. Specifically, the first element represents the user of the first electronic device.

[0035] According to the second aspect, or any implementation of the second aspect above, the change in relative motion state includes the change in relative velocity between the first electronic device and the second electronic device, and / or the change in relative distance between the first electronic device and the second electronic device.

[0036] According to the second aspect, or any implementation of the second aspect above, the first electronic device displays a first animation corresponding to a first element based on the change in the relative motion state between the first electronic device and the second electronic device, including: the first electronic device displays a first animation corresponding to a first element and a second animation corresponding to a second element based on the change in the relative motion state between the first electronic device and the second electronic device, wherein the first element corresponds to the first electronic device and the second element corresponds to the second electronic device.

[0037] The second element corresponds to the second electronic device. Specifically, the second element represents the user of the second electronic device.

[0038] According to the second aspect, or any of the implementation methods of the second aspect above, the interaction effect of the first animation and the second animation is matched with the change in relative motion state.

[0039] According to the second aspect, or any implementation of the second aspect above, the method further includes: when a first condition is met, the first electronic device displays a portion of a third animation; wherein the third animation includes the first animation, and the first condition includes that the distance between the first electronic device and the second electronic device is less than or equal to a preset distance; the first electronic device sends another portion of the third animation to the second electronic device; the second electronic device receives another portion of the third animation from the first electronic device; and the second electronic device displays another portion of the third animation.

[0040] The first condition also includes: the relative speed between the first electronic device and the second electronic device is greater than a preset threshold.

[0041] In some examples, different types of motion state changes in relative motion state affect the rendering of different display properties of the first element in the first animation.

[0042] The display attributes include one or more of the following: size, thickness, length, color, and shape.

[0043] According to the second aspect, or any implementation of the second aspect above, before the first electronic device displays the first animation corresponding to the first element, the method further includes: the second electronic device sending attribute information of the third element displayed by the second electronic device to the first electronic device; the first electronic device receiving the attribute information of the third element from the second electronic device; and the first electronic device determining the first animation based on the attribute information of the third element, the first element, and the change in relative motion state.

[0044] According to the second aspect, or any implementation of the second aspect above, before the first electronic device displays the first animation corresponding to the first element and the second animation corresponding to the second element, the method further includes: the first electronic device determining the second element based on the attribute information of the third element, wherein the second element is the same as the third element; and the first electronic device determining the second animation based on the second element and the change in relative motion state.

[0045] According to the second aspect, or any implementation of the second aspect above, the method further includes: the second electronic device displaying a third element; the second electronic device displaying a fourth animation corresponding to the third element based on the change in the relative motion state between the first electronic device and the second electronic device.

[0046] According to the second aspect, or any implementation of the second aspect above, the second electronic device displays a fourth animation corresponding to the third element based on the change in the relative motion state between the first electronic device and the second electronic device, including: the second electronic device displays a fourth animation corresponding to the third element and a fifth animation corresponding to the fourth element based on the change in the relative motion state between the first electronic device and the second electronic device, wherein the third element corresponds to the second electronic device and the fourth element corresponds to the first electronic device.

[0047] According to the second aspect, or any implementation of the second aspect above, before the second electronic device displays the fourth animation corresponding to the third element, the method further includes: the first electronic device sending attribute information of the first element displayed by the first electronic device to the second electronic device; the second electronic device receiving the attribute information of the first element from the first electronic device; and the second electronic device determining the fourth animation based on the attribute information of the first element, the third element, and the change in relative motion state.

[0048] According to the second aspect, or any implementation of the second aspect above, before the second electronic device displays the fourth animation corresponding to the third element and the fifth animation corresponding to the fourth element, the method further includes: the second electronic device determining the fourth element based on the attribute information of the first element, wherein the fourth element is the same as the first element; and the second electronic device determining the fifth animation based on the fourth element and the change in relative motion state.

[0049] Thirdly, this application provides a display system comprising a first electronic device and a second electronic device. The first electronic device is configured to: display a first element; the first electronic device is also configured to: display a first animation corresponding to the first element based on changes in the relative motion state between the first electronic device and the second electronic device.

[0050] According to the third aspect, or any implementation of the third aspect above, the change in relative motion state includes the change in relative velocity between the first electronic device and the second electronic device, and / or the change in relative distance between the first electronic device and the second electronic device.

[0051] According to the third aspect, or any implementation of the third aspect above, the first electronic device is further configured to: display a first animation corresponding to a first element and a second animation corresponding to a second element based on the change in the relative motion state between the first electronic device and the second electronic device, wherein the first element corresponds to the first electronic device and the second element corresponds to the second electronic device.

[0052] According to the third aspect, or any of the above-mentioned third aspects, the interaction effect between the first animation and the second animation is matched with the change in relative motion state.

[0053] According to the third aspect, or any implementation of the third aspect above, the first electronic device is further configured to: display a portion of the third animation when a first condition is met; wherein the third animation includes the first animation, and the first condition includes that the distance between the first electronic device and the second electronic device is less than or equal to a preset distance; send another portion of the third animation to the second electronic device; the second electronic device is further configured to: receive another portion of the third animation from the first electronic device; and display another portion of the third animation.

[0054] According to the third aspect, or any implementation of the third aspect above, the first electronic device is further configured to: the second electronic device is further configured to: send attribute information of the third element displayed by the second electronic device to the first electronic device; the first electronic device is further configured to: receive attribute information of the third element from the second electronic device; and determine the first animation based on the attribute information of the third element, the first element, and the change in relative motion state.

[0055] According to the third aspect, or any implementation of the third aspect above, the first electronic device is further configured to: determine the second element based on the attribute information of the third element, wherein the second element is the same as the third element; and determine the second animation based on the second element and the change in relative motion state.

[0056] According to the third aspect, or any implementation of the third aspect above, the second electronic device is used to: display the third element; and display the fourth animation corresponding to the third element according to the change in the relative motion state between the first electronic device and the second electronic device.

[0057] According to the third aspect, or any implementation of the third aspect above, the second electronic device is further configured to: display a fourth animation corresponding to the third element and a fifth animation corresponding to the fourth element based on the change in the relative motion state between the first electronic device and the second electronic device, wherein the third element corresponds to the second electronic device and the fourth element corresponds to the first electronic device.

[0058] According to the third aspect, or any implementation of the third aspect above, the first electronic device is further configured to: send attribute information of the first element displayed by the first electronic device to the first electronic device; the second electronic device is further configured to: receive attribute information of the first element from the first electronic device; and determine the fourth animation based on the attribute information of the first element, the third element, and the change in relative motion state.

[0059] According to the third aspect, or any implementation of the third aspect above, the second electronic device is further configured to: determine a fourth element based on the attribute information of the first element, wherein the fourth element is the same as the first element; and determine a fifth animation based on the fourth element and the change in relative motion state.

[0060] Fourthly, this application provides an electronic device comprising: a memory and one or more processors; the memory being coupled to the processors; wherein the memory stores computer program code, the computer program code including computer instructions, which, when executed by the processor, cause the electronic device to perform a method as described in the first aspect and any one of the embodiments of the first aspect, or a method as described in the second aspect and any one of the embodiments of the second aspect.

[0061] Fifthly, this application provides a display device comprising: a processor and a memory, the memory being coupled to the processor, the memory being used to store computer-readable instructions, wherein when the processor reads the computer-readable instructions from the memory, the display device is caused to perform a method as described in the first aspect and any one of the embodiments of the first aspect, or a method as described in the second aspect and any one of the embodiments of the second aspect.

[0062] In a sixth aspect, this application provides a chip system including at least one processor and at least one interface circuit. The at least one interface circuit is used to perform transceiver functions and send instructions to the at least one processor. The at least one processor executes the instructions and performs a method as described in the first aspect and any one of the embodiments of the first aspect, or a method as described in the second aspect and any one of the embodiments of the second aspect.

[0063] In a seventh aspect, this application provides a computer-readable storage medium including computer instructions that, when executed on an electronic device, cause the electronic device to perform a method as described in the first aspect and any one of the embodiments of the first aspect, or a method as described in the second aspect and any one of the embodiments of the second aspect.

[0064] Eighthly, this application provides a computer program product that, when run on a computer, causes the computer to perform a method as described in the first aspect and any one of the embodiments of the first aspect, or a method as described in the second aspect and any one of the embodiments of the second aspect.

[0065] The technical effects corresponding to any implementation method of aspects two through eight, and each aspect, can be found in the first aspect and the technical effects corresponding to any implementation method of the first aspect mentioned above, and will not be repeated here. Attached Figure Description

[0066] Figure 1 is a schematic diagram of a scenario of collaborative interaction among multiple electronic devices provided in an embodiment of this application;

[0067] Figure 2 is a schematic diagram of the architecture of the communication system provided in an embodiment of this application;

[0068] Figure 3A is a schematic diagram of the hardware structure of the electronic device provided in an embodiment of this application;

[0069] Figure 3B is a schematic diagram of the functional modules of the electronic device provided in the embodiment of this application;

[0070] Figure 4 is a schematic diagram of a display scenario provided in an embodiment of this application;

[0071] Figure 5 is a schematic diagram of the second display scenario provided in the embodiment of this application;

[0072] Figure 6 is a schematic diagram of the third display scenario provided in the embodiment of this application;

[0073] Figure 7 is a schematic diagram of the fourth display scenario provided in the embodiment of this application;

[0074] Figure 8 is a schematic diagram of the fifth display scenario provided in the embodiment of this application;

[0075] Figure 9 is a schematic diagram of a display scenario provided in an embodiment of this application;

[0076] Figure 10 is a schematic diagram of a display scenario provided in an embodiment of this application;

[0077] Figure 11 is a schematic diagram of the display scenario provided in an embodiment of this application;

[0078] Figure 12 is a schematic diagram of a display scenario provided in an embodiment of this application;

[0079] Figure 13 is a schematic diagram of a display scenario provided in an embodiment of this application;

[0080] Figure 14 is a schematic diagram of the display scenario provided in the embodiment of this application;

[0081] Figure 15 is a schematic diagram of a display scenario provided in an embodiment of this application;

[0082] Figure 16 is a schematic flowchart of the display method provided in an embodiment of this application;

[0083] Figure 17 is a schematic diagram of the structure of the electronic device provided in an embodiment of this application;

[0084] Figure 18 is a schematic diagram of the chip system provided in an embodiment of this application. Detailed Implementation

[0085] The technical solutions of the embodiments of this application will be described below with reference to the accompanying drawings. In the description of this application, unless otherwise stated, " / " indicates that the objects before and after are in an "or" relationship. For example, A / B can represent A or B. "And / or" in this application is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A alone, A and B simultaneously, and B alone, where A and B can be singular or plural. Furthermore, in the description of this application, unless otherwise stated, "multiple" refers to two or more. "At least one of the following" or similar expressions refer to any combination of these items, including any combination of single or plural items. For example, at least one of a, b, or c can represent: a, b, c, ab, ac, bc, or abc, where a, b, and c can be single or multiple. Furthermore, to facilitate a clear description of the technical solutions in the embodiments of this application, the terms "first" and "second" are used in the embodiments of this application to distinguish identical or similar items with substantially the same function and effect. Those skilled in the art will understand that the terms "first" and "second" do not limit the quantity or execution order, and the terms "first" and "second" are not necessarily different.

[0086] In this application, the terms "exemplary" or "for example" are used to indicate that something is an example, illustration, or description. Any embodiment or design described as "exemplary" or "for example" in this application should not be construed as being better or more advantageous than other embodiments or designs. Specifically, the use of terms such as "exemplary" or "for example" is intended to present the relevant concepts in a specific manner to facilitate understanding.

[0087] Furthermore, the business scenarios described in the embodiments of this application are for the purpose of more clearly illustrating the technical solutions of the embodiments of this application, and do not constitute a limitation on the technical solutions provided in the embodiments of this application. As those skilled in the art will know, with the emergence of new business scenarios, the technical solutions provided in the embodiments of this application are also applicable to similar technical problems.

[0088] With the development of terminal technology, multi-device interaction scenarios are becoming increasingly common. For example, as shown in Figure 1, a mobile phone and a computer are connected. When a user copies text on their mobile phone, the computer can paste that text. However, the display methods during multi-device interaction are rather rigid, lacking more intelligent and flexible interactive designs, and cannot fully meet the needs of modern users for intelligent and convenient interaction.

[0089] Furthermore, when multi-device interaction malfunctions (such as a failure of the paste function), the devices cannot provide effective information, making it difficult for users to analyze the cause of the malfunction and troubleshoot the problem. For example, when a computer cannot paste text, it is difficult for users to quickly determine whether the inability to paste is due to a disconnection between the phone and the computer, or a malfunction of the clipboard function on the phone or computer.

[0090] In view of this, this application provides a display method applied to a first electronic device. The first electronic device displays a first element and can also display a first animation corresponding to the first element based on changes in the relative motion state between the first and second electronic devices. This method dynamically changes the display effect of the first element based on changes in the relative motion state, and enhances the intelligence and fun of multi-device interaction by providing animation feedback for multi-device interaction. This allows users to experience a more natural and refined interactive experience, increasing the sense of sophistication and smoothness in multi-device interaction. Furthermore, since the first and second electronic devices determine changes in their relative motion state based on their communication connection, the first animation can also reflect the connection state between the first and second electronic devices, facilitating troubleshooting when multi-device interaction is abnormal.

[0091] The technical solutions of the embodiments of this application will be described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments.

[0092] The display method provided in this application embodiment can be applied to the communication system 200 shown in FIG2. As shown in FIG2, the communication system 200 may include a first electronic device 201 and a second electronic device 202.

[0093] The first electronic device 201 can be an electronic device that initiates device collaboration. The first electronic device 201 can also be described as a source device. The second electronic device 202 is an electronic device that collaborates with the first electronic device 201 to display content related to the first electronic device 201. The second electronic device 202 can also be described as a target device.

[0094] In some embodiments, the first electronic device 201 may establish a communication connection with the second electronic device 202, and based on the established communication connection, realize multi-device collaborative functions across devices and systems.

[0095] Specifically, the communication connection established between the first electronic device 201 and the second electronic device 202 can be a wireless communication connection. Alternatively, the communication connection established between the first electronic device 201 and the second electronic device 202 can be a wired communication connection. This application does not limit the specific communication connection method between the first electronic device 201 and the second electronic device 202.

[0096] In some embodiments, the first electronic device 201 and the second electronic device 202 are electronic devices with displays. Electronic devices may also be referred to as terminal equipment, terminals, user equipment (UE), mobile stations (MS), mobile terminals (MT), etc.

[0097] In some examples, the first electronic device 201 and the second electronic device 202 can be devices with display functions such as mobile phones, PCs (including desktop computers or laptops), tablets, smart TVs, ultra-mobile personal computers (UMPCs), handheld computers, netbooks, personal digital assistants (PDAs), wearable electronic devices, in-vehicle devices, and virtual reality devices.

[0098] In some examples, the operating systems installed on the first electronic device 201 and the second electronic device 202 include, but are not limited to, those that... Alternatively, other operating systems may be used. This application does not impose any restrictions on the specific types of the first and second electronic devices or the operating systems installed on them.

[0099] Optionally, the first electronic device 201 and the second electronic device 202 can be the same type of electronic device or different types of electronic devices. For example, both the first electronic device 201 and the second electronic device 202 can be mobile phones. Alternatively, both the first electronic device 201 and the second electronic device 202 can be PCs. Alternatively, the first electronic device 201 can be a mobile phone, and the second electronic device 202 can be a PC or a tablet computer, etc. Alternatively, the first electronic device 201 can be a tablet computer, and the second electronic device 202 can be a smart TV, etc.

[0100] For example, taking the cross-device pasting based on the above-mentioned mobile phone and computer as an example, the mobile phone is the first electronic device 201 and the computer is the second electronic device 202.

[0101] Optionally, there can be one or more first electronic devices 201, and there can also be one or more second electronic devices 202. For example, after the first electronic device 201 and the second electronic device 202 are connected, any one of the first electronic devices 201 can send its own information to any one of the second electronic devices 202, so that the second electronic device 202 can display corresponding content based on the received one or more pieces of information. Alternatively, any one of the second electronic devices 202 can also send its own information to any one of the first electronic devices 201, so that the first electronic device 201 can display corresponding content based on the received one or more pieces of information.

[0102] It should be understood that the above description of the communication system is merely illustrative. The modules in the above communication system are divided according to functional logic, but other division methods may also exist in practice. Furthermore, the modules mentioned above can have other names. In addition, each module can be implemented in hardware, software, or a combination of both. The specific implementation method (hardware, software, or a combination of both) for a particular module depends on the specific application and design constraints of the technical solution. Different modules can be implemented with different hardware, and multiple modules can also be implemented with the same hardware.

[0103] For example, the first electronic device 201 or the second electronic device 202 in the embodiments of this application may be the electronic device shown in FIG3A. FIG3A is a schematic diagram of the hardware structure of the electronic device 300 provided in the embodiments of this application.

[0104] Electronic device 300 may include processor 310, internal memory 320, antenna 1, antenna 2, radio frequency module 330, communication module 340, display screen 350, sensor module 360, etc.

[0105] It is understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation on the electronic device 300. In other embodiments of this application, the electronic device 300 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0106] Processor 310 may include one or more processing units, such as: application processor (AP), system-on-chip (SoC), modem processor, graphics processing unit (GPU), image signal processor (ISP), controller, memory, video codec, digital signal processor (DSP), baseband processor, and / or neural network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors. The controller may be the central nervous system and command center of electronic device 300. The controller can generate operation control signals based on instruction opcodes and timing signals to control instruction fetching and execution.

[0107] In this embodiment of the application, taking the first electronic device 201 as an example, the processor 310 can acquire state data 1 and state data 2. The processor 310 determines the motion trend between the first electronic device 201 and the second electronic device based on the state data 1 and state data 2. Based on the motion trend, the processor 310 determines the animation 1 corresponding to the desktop element 1, and the animation 1 is used to represent the motion trend.

[0108] The processor 310 may also include a memory for storing instructions and data.

[0109] In some embodiments, the memory in the processor 310 is a cache memory. This memory can store instructions or data that the processor 310 has just used or that are used repeatedly. If the processor 310 needs to use the instruction or data again, it can retrieve it directly from the memory. This avoids repeated accesses, reduces the waiting time of the processor 310, and thus improves the efficiency of the system.

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

[0111] The wireless communication function of electronic device 300 can be realized through antenna 1, antenna 2, radio frequency module 330, communication module 340, modem processor and baseband processor, etc.

[0112] Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 300 can be used to cover one or more communication frequency bands. Different antennas can also be multiplexed to improve antenna utilization. For example, antenna 1 can be multiplexed as a diversity antenna for a wireless local area network. In some other embodiments, the antennas can be used in conjunction with a tuning switch.

[0113] The radio frequency (RF) module 330 can provide wireless communication solutions, including 2G / 3G / 4G / 5G, for use in electronic devices 300. The RF module 330 can receive electromagnetic waves via antenna 1, and perform filtering, amplification, and other processing on the received electromagnetic waves before transmitting them to a modem processor for demodulation. The RF module 330 can also amplify the signal modulated by the modem processor and radiate it as electromagnetic waves via antenna 1. In some embodiments, at least some functional modules of the RF module 330 can be housed within the processor 310. In some embodiments, at least some functional modules of the RF module 330 and at least some modules of the processor 310 can be housed in the same device.

[0114] The modem processor may include a modulator and a demodulator. The modulator modulates a low-frequency baseband signal to be transmitted into a mid-to-high frequency signal. The demodulator demodulates the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After processing by the baseband processor, the low-frequency baseband signal is transmitted to the application processor. The application processor displays images or videos via the display screen 350. In some embodiments, the modem processor may be a separate device. In other embodiments, the modem processor may be independent of the processor 310 and may be housed within the same device as the radio frequency module 330 or other functional modules.

[0115] The communication module 340 can provide solutions for wireless communication applications on the electronic device 300, including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR) technologies. The communication module 340 can be one or more devices integrating at least one communication processing module. The communication module 340 receives electromagnetic waves via antenna 2, performs frequency modulation and filtering of the electromagnetic wave signals, and sends the processed signal to processor 310. The communication module 340 can also receive signals to be transmitted from processor 310, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via antenna 2.

[0116] In some embodiments, antenna 1 of electronic device 300 is coupled to radio frequency module 330, and antenna 2 is coupled to communication module 340, enabling electronic device 300 to communicate with networks and other devices via 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), Wideband Code Division Multiple Access (WCDMA), Time-Division Code Division Multiple Access (TD-SCDMA), Long Term Evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technology, etc. The GNSS may include Global Navigation Satellite System (GLONASS), BeiDou Navigation Satellite System (BDS), Quasi-Zenith Satellite System (QZSS), and / or Satellite Based Augmentation Systems (SBAS).

[0117] For example, the electronic device 300 provided in this application embodiment can send messages or instructions to other electronic devices through antenna 1, antenna 2, radio frequency module 330, communication module 340, etc. Alternatively, the electronic device provided in this embodiment can receive information or instructions sent by other electronic devices through antenna 1, antenna 2, radio frequency module 330, communication module 340, etc.

[0118] In this embodiment of the application, taking the first electronic device 201 as an example, the first electronic device 201 establishes a communication connection with other electronic devices (such as the second electronic device 202) through the radio frequency module 330 or the communication module 340.

[0119] Electronic device 300 implements display functions through a GPU, display screen 350, and application processor. The GPU is a microprocessor for image processing, connected to the display screen 350 and the application processor. The GPU performs mathematical and geometric calculations and is used for graphics rendering. Processor 310 may include one or more GPUs, which execute program instructions to generate or modify display information.

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

[0121] In this embodiment of the application, taking the first electronic device 201 as an example, the display screen 350 of the second electronic device 201 displays desktop element 1 and animation 1.

[0122] The sensor module 360 ​​of the electronic device 300 may specifically include: an accelerometer, a gyroscope, a magnetic sensor, a global positioning system (GPS) sensor, etc.

[0123] In this embodiment, the electronic device 300 can determine its speed, position, and other status data through the sensor module 360. This status data is used to indicate the motion state of the electronic device 300.

[0124] For example, electronic device 300 can detect acceleration data using an accelerometer to determine its speed and direction of movement. Electronic device 300 can also determine its position using a Global Positioning System (GPS) sensor. The sensor module 360 ​​of electronic device 300 may include an inertial measurement unit (IMU) integrating an accelerometer, a gyroscope, and a magnetometer. Electronic device 300 can detect state data such as speed, position, and direction of movement using the IMU.

[0125] It is understood that, in some embodiments, when electronic device 300 interacts collaboratively with other electronic devices, it can send sensor data detected by sensor module 360 ​​to the other electronic devices. This allows the other electronic devices to simulate and recreate the usage state of electronic device 300 based on the received data, thereby improving the realism and real-time performance of the collaborative interaction display.

[0126] Internal memory 320 can be used to store computer executable program code, which includes instructions. Processor 310 executes various functional applications and data processing of electronic device 300 by running the instructions stored in internal memory 320. Internal memory 320 may include a program storage area and a data storage area. The program storage area may store the operating system, at least one application program required for a function (such as sound playback, image playback, etc.), etc. The data storage area may store data created during the use of electronic device 300 (such as audio data, phonebook, etc.). Furthermore, internal memory 320 may include high-speed random access memory and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc.

[0127] As exemplarily shown in FIG3B, this is a schematic diagram of the functional modules of the electronic device 300 provided in an embodiment of this application.

[0128] The electronic device 300 may include a communication module, a sensing module, a processing module, and a display module. The communication module, sensing module, processing module, and display module are communicatively connected.

[0129] The communication module is used for discovery and connection, establishing communication channels between multiple devices and supporting direct data transmission between them. It also receives status data from other devices.

[0130] The sensing module is used to sense the movement of the electronic device 300 and acquire status data such as the speed and position of the electronic device 300. The sensing module is also used to send the acquired data to the communication module.

[0131] The processing module is used to determine the motion trend between electronic device 300 and other electronic devices based on the status data of electronic device 300 and other electronic devices. The processing module is also used to determine the animation corresponding to the desktop elements of electronic device 300 based on this motion trend. The processing module is also used to send the animation to the display module.

[0132] The display module is used to display the desktop elements of the electronic device 300, as well as the animations corresponding to those desktop elements.

[0133] It is understood that the electronic device 300 may include more or fewer components than those shown in Figures 3A and 3B, or combine some components, or separate some components, or replace some components, or have different component arrangements. The components illustrated may be implemented in hardware, software, or a combination of software and hardware.

[0134] The display methods of the embodiments of this application are described in detail below with reference to specific examples and accompanying drawings. The following embodiments can be combined with each other, and the same or similar concepts or processes may not be described again in some embodiments.

[0135] The display method in this application embodiment can be applied to any device collaboration scenario (which can also be described as a multi-device collaboration scenario or a multi-screen collaboration scenario). For example, office collaboration scenarios, entertainment scenarios, media scenarios, education scenarios, etc. This application embodiment does not limit the device collaboration scenario.

[0136] It is understood that the system architecture and business scenarios described in this application are for the purpose of more clearly illustrating the technical solutions of this application, and do not constitute the only limitation on the technical solutions provided in this application. As those skilled in the art will know, with the evolution of system architecture and the emergence of new business scenarios, the technical solutions provided in this application are also applicable to similar technical problems.

[0137] The display method provided in this application embodiment will be described below using mobile phone 1 as the first electronic device and mobile phone 2 as the second electronic device as an example. The method includes the following steps:

[0138] In this embodiment, mobile phone 1 displays desktop element 1. This desktop element can also be called a display element, and will be referred to as desktop element hereinafter. Desktop element 1 is a (dynamic) visual element presented on the display screen of mobile phone 1. Desktop element 1 can be a visual component or a graphic element, etc. Optionally, desktop element 1 can be displayed on any interface of mobile phone 1. For example, desktop element 1 can be displayed on the home screen, lock screen, application interface, etc. of mobile phone 1. Desktop element 1 can be displayed at any position on the display interface of mobile phone 1 according to user needs. For example, desktop element 1 can be an element in the wallpaper, or desktop element 1 can be an element displayed on the desktop. As another example, desktop element 1 can be a virtual pet, which is displayed at any position on the display screen of mobile phone 1 in the form of a pop-up window. This embodiment does not limit desktop element 1.

[0139] In some examples, Desktop Element 1 can be the default display element. For instance, Desktop Element 1 might be the wallpaper that comes pre-installed with the theme system when the phone is shipped from the factory, or the default virtual pet in the theme system.

[0140] In other examples, desktop element 1 can also be a user-defined display element. For instance, desktop element 1 can be a display element that the user designs or customizes according to their personal preferences. For example, the user can customize the style, color, type, etc. of the virtual pet.

[0141] For example, as shown in Figure 4(a), a cartoon image of a cat (i.e., desktop element 1) is displayed on the screen of mobile phone 1. The cat can be a user-defined virtual pet.

[0142] For example, as shown in Figure 5(a), the display screen of mobile phone 1 displays a wallpaper that includes a fan (i.e., desktop element 1).

[0143] In this embodiment of the application, mobile phone 1 and mobile phone 2 respond to user operation and establish a collaborative connection with mobile phone 2.

[0144] It is understandable that before establishing a communication connection between two mobile phones, mobile phone 1 activates the device collaboration function or screen mirroring function.

[0145] Specifically, mobile phone 1 can respond to a user's triggering of the device collaboration function to discover nearby devices. Mobile phone 1 identifies the responding electronic device as a nearby device and displays it (the nearby device may include one or more responding electronic devices, for example, mobile phone 2). Mobile phone 1 establishes a communication connection with mobile phone 2 in response to the user's selection of mobile phone 2.

[0146] For example, when the screen of mobile phone 1 is on and unlocked, a desktop is displayed, in which desktop element 1 is shown. Mobile phone 1 can receive a user's touch operation of swiping down from the top of the screen. In response to this operation, mobile phone 1 can display a control center interface, which may include device collaboration controls (or screen mirroring controls). Mobile phone 1 receives a user's click on the device collaboration control and, in response to this operation, broadcasts a device collaboration discovery request in the local area network. Mobile phone 1 identifies at least one electronic device (such as mobile phone 2, computer, smart TV, etc.) that returns a device collaboration response in the same local area network as peripheral devices, and displays information about each electronic device in the peripheral devices (such as displaying the device names of mobile phone 2, computer, and smart TV) in mobile phone 1 for the user to select. In response to the user's selection of mobile phone 2 from the peripheral devices, mobile phone 1 establishes a communication connection with mobile phone 2.

[0147] In some examples, mobile phone 1 establishes a communication connection with mobile phone 2 via wireless connection.

[0148] The wireless connection communication methods include, but are not limited to, at least one of the following: wireless local area networks (WLAN) (such as wireless fidelity (WiFi) networks), Bluetooth (BT) (e.g., classic Bluetooth or Bluetooth Low Energy (BLE) Bluetooth), near field communication (NFC), Zigbee, frequency modulation (FM), and infrared (IR), etc.

[0149] For example, if phone 1 and phone 2 activate NFC, they can establish a communication connection by tapping each other together. Alternatively, if phone 1 and phone 2 are connected to the same local area network, they can establish a communication connection via Wi-Fi. Or, they can establish a communication connection via Bluetooth.

[0150] In other examples, mobile phone 1 establishes a communication connection with mobile phone 2 via a wired connection.

[0151] For example, mobile phone 1 and mobile phone 2 can establish a wired communication connection through a video graphics array (VGA), digital visual interface (DVI), high definition multimedia interface (HDMI), or data transmission cable.

[0152] This application does not limit the specific implementation method of establishing a communication connection between mobile phone 1 and mobile phone 2. Subsequently, mobile phone 1 and mobile phone 2 transmit information through the established communication connection.

[0153] Understandably, before establishing a connection with phone 1, phone 2 displays desktop element 2.

[0154] In this context, desktop element 2 refers to a visual element displayed on the screen of mobile phone 2. Desktop element 2 can be a visual component or an image element, etc. For example, desktop element 2 can be an element from a wallpaper, a virtual pet, etc. This application embodiment does not limit the scope of desktop element 2.

[0155] In some examples, desktop element 2 can be the default display element on phone 2. For instance, desktop element 2 is the desktop wallpaper that comes pre-installed with the theme system on phone 1 when it's shipped from the factory.

[0156] In other examples, desktop element 2 can also be a user-defined display element. For instance, desktop element 2 can be a display element that the user designs or customizes according to their personal preferences.

[0157] For example, as shown in Figure 4(b), a cartoon image of a mouse (i.e., desktop element 2) is displayed on the screen of mobile phone 2. The mouse can be a user-defined virtual pet.

[0158] For example, as shown in Figure 5(b), the display screen of mobile phone 2 displays a wallpaper that includes dandelions (i.e., desktop element 2).

[0159] It is understood that in this embodiment of the application, mobile phone 1 and mobile phone 2 each display their own desktop elements before establishing a collaborative connection.

[0160] Optionally, desktop element 1 in mobile phone 1 and desktop element 2 in mobile phone 2 can be the same or different display elements.

[0161] Optionally, desktop element 1 on phone 1 and desktop element 2 on phone 2 can also be displayed on the corresponding display screen only after phone 1 and phone 2 establish a communication connection. For example, if desktop element 1 and desktop element 2 are both virtual pets, they can be hidden and not displayed on the display screen before phone 1 and phone 2 establish a communication connection. After phone 1 and phone 2 establish a communication connection, desktop element 1 and desktop element 2 switch from a hidden state to a visible state and are displayed on their respective display screens.

[0162] In this embodiment, after mobile phone 1 and mobile phone 2 establish a communication connection, mobile phone 1 acquires status data 1 and status data 2. Status data 1 is used to indicate the motion state of mobile phone 1, and status data 2 is used to indicate the motion state of mobile phone 2. Correspondingly, after mobile phone 1 and mobile phone 2 establish a communication connection, mobile phone 2 can also acquire status data 2 and status data 1.

[0163] The status data may include one or more of the following: speed, distance, direction of movement, position, etc. For example, status data 1 may include one or more of the following: the speed of phone 1, the distance between phone 1 and phone 2, the direction of movement of phone 1, and the position of phone 1 in space. Similarly, status data 2 may include one or more of the following: the speed of phone 2, the distance between phone 2 and phone 1, the direction of movement of phone 2, and the position of phone 2 in space.

[0164] In some examples, phone 1 can acquire state data 1 through its own sensors, and phone 2 can acquire state data 2 through its own sensors. Based on the communication connection, phone 1 acquires state data 2 from phone 2, and phone 2 acquires state data 1 from phone 1.

[0165] For example, mobile phone 1 is equipped with sensors such as an accelerometer or an inertial measurement unit (IMU). Mobile phone 1 can detect its direction of motion, speed, etc., through its own sensors. The IMU can be a sensor integrating an accelerometer, a gyroscope, a magnetometer, etc. For example, the accelerometer can be an accelerometer, the gyroscope can be a gyroscope, and the magnetometer can be a magnetometer.

[0166] For example, mobile phone 1 can determine the distance between mobile phone 1 and mobile phone 2, the relative position of mobile phone 1 and mobile phone 2, the position of mobile phone 1, and the position of mobile phone 2 through positioning technologies such as GPS, wireless communication technology (such as Bluetooth, WiFi), and ultrasound.

[0167] Mobile phone 1 can obtain status data 1 in the above manner and send status data 1 to mobile phone 2 through the communication connection.

[0168] Correspondingly, mobile phone 2 can also determine status data 2 through sensors, positioning technology, etc., and send status data 2 to mobile phone 1 through the communication connection. In this way, both mobile phone 1 and mobile phone 2 can obtain status data 1 and status data 2.

[0169] This application embodiment does not limit the specific implementation method of mobile phone 1 or mobile phone 2 obtaining status data 1 and status data 2.

[0170] In this embodiment, mobile phone 1 can also send the attribute information of desktop element 1 to mobile phone 2 so that mobile phone 2 can know the display elements of mobile phone 1. Subsequently, mobile phone 2 can display desktop element 3 corresponding to desktop element 1 on its display screen according to usage requirements. Correspondingly, mobile phone 2 can also send the attribute information of desktop element 2 to mobile phone 1 so that mobile phone 1 can know the display elements of mobile phone 2. Subsequently, mobile phone 1 can also display desktop element 4 corresponding to desktop element 2 on its display screen according to usage requirements.

[0171] The attribute information includes the type of the desktop element and its state information. The state information of a desktop element includes one or more of the following: the displayed content, the displayed position, the size, the shape, and the usage status. Taking a fan as an example, the usage status can include fan on, fan speed, fan off, and airflow direction. For instance, if desktop element 1 is the cat shown in Figure 4(a), its attribute information includes the type: animal, cat, and its state information includes the cat's image, color, action, display position, and size.

[0172] Optionally, mobile phone 1 can determine desktop element 2 based on the attribute information of desktop element 2, and mobile phone 2 can determine desktop element 1 based on the attribute information of desktop element 1.

[0173] For example, taking a virtual pet as a desktop element, we set a virtual pet type and create a desktop element for each type. Phone 1 and Phone 2 have the same operating system, and the virtual pet type and its corresponding desktop element are identical. In this case, the desktop element corresponding to that type can be determined solely based on the type.

[0174] For example, the attribute information of desktop element 2 received by mobile phone 1 includes the type and status information of desktop element 2. Mobile phone 1 determines desktop element 2 based on the attribute information of desktop element 2.

[0175] Understandably, phone 1 sends the attribute information of desktop element 1 to phone 2 so that phone 2 can determine the display state and effect of desktop element 1. Based on the information of desktop element 1, phone 2 dynamically adjusts the display state and effect of desktop element 2 in animation 2, ensuring that the display state of desktop element 2 matches that of desktop element 1. This method enhances the linkage between desktop elements and subsequent animations, achieving a smoother and more natural visual effect.

[0176] It's understandable that desktop element 1 and desktop element 3 are the same. Desktop element 1 is displayed on phone 1, and desktop element 3 is displayed on phone 2. Desktop element 2 and desktop element 4 are the same. Desktop element 4 is displayed on phone 1, and desktop element 2 is displayed on phone 1. The above naming is to distinguish the content displayed on different devices.

[0177] Optionally, after mobile phone 1 obtains the status data 1, status data 2 and the attribute information of desktop element 2, if mobile phone 1 determines that the motion state of mobile phone 1 and mobile phone 2 has not changed based on status data 1 and status data 2, mobile phone 1 determines the spatial position relationship between mobile phone 1 and mobile phone 2 based on status data 1 and status data 2, and updates desktop element 1 based on the spatial position relationship, the attribute information of desktop element 2 and desktop element 1.

[0178] In some examples, desktop element 1 is updated based on the spatial relationship, the attribute information of desktop element 2, desktop element 1, and preset rules.

[0179] The presupposed laws can be objective laws such as physical laws and biological laws. Physical laws can be the fundamental laws governing various physical phenomena in nature. For example, the projection of light, the swaying of objects when blown by the wind, and the melting of ice in a warm environment. Biological laws can be the natural laws governing interactions between organisms in nature. For example, a cat chasing a mouse, and a mouse avoiding a cat.

[0180] For example, based on the spatial relationship and the preset rules between desktop element 2 indicated by the attribute information of desktop element 1 and desktop element 2, mobile phone 1 determines whether desktop element 1 conforms to the preset rules. If it does not conform, desktop element 1 is updated; otherwise, desktop element 1 is not updated.

[0181] Accordingly, after mobile phone 2 obtains state data 1, state data 2, and the attribute information of desktop element 1, if mobile phone 2 determines that the motion state of mobile phone 1 and mobile phone 2 has not changed based on state data 1 and state data 2, mobile phone 2 determines the spatial positional relationship between mobile phone 1 and mobile phone 2 based on state data 1 and state data 2, and updates desktop element 2 based on this spatial positional relationship, desktop element 2, and the attribute information of desktop element 1. The specific implementation method of mobile phone 2 updating desktop element 2 is described above and will not be repeated here.

[0182] For example, consider a scenario where mobile phone 1 and mobile phone 2 remain stationary during and after the connection is established, meaning their positions do not change and both devices remain stationary. Mobile phone 1 and mobile phone 2 are placed on a table, with mobile phone 1 to the left of mobile phone 2 and mobile phone 2 to the right of mobile phone 1.

[0183] For example, before mobile phone 1 and mobile phone 2 establish a communication connection, desktop element 1 in mobile phone 1 is shown in Figure 4(a), and desktop element 2 in mobile phone 2 is shown in Figure 4(b). Desktop element 1 and desktop element 2 are different.

[0184] Taking mobile phone 1 as an example, after establishing a communication connection between mobile phone 1 and mobile phone 2, mobile phone 1 can obtain status data 1 through sensors, and obtain status data 2 and desktop element 2 based on the communication connection. Based on status data 1 and status data 2, mobile phone 1 determines that mobile phone 2 is located to its right, and the attribute information of desktop element 2 on mobile phone 2 indicates that desktop element 2 is a mouse. Based on the preset pattern between the cat (desktop element 1) and the mouse (desktop element 2) (i.e., the cat catches the mouse, and the mouse avoids the cat), and the fact that mobile phone 2 is located to the right of mobile phone 1 (i.e., spatial relationship), mobile phone 1 displays the interface shown in Figure 6(a). In this interface, the cat (i.e., the updated desktop element 1) turns around and stares intently at the mouse.

[0185] Correspondingly, taking phone 2 as an example, phone 2 can also determine that phone 1 is to its left using the above method, and the attribute information of desktop element 1 on phone 1 indicates that desktop element 1 is a cat. Based on the preset rule between cat and mouse, and the fact that phone 1 is to the left of phone 2, phone 2 displays the interface shown in Figure 6(b). In this interface, the mouse (i.e., the updated desktop element 2) turns to the right, preparing to escape.

[0186] For example, before mobile phone 1 and mobile phone 2 establish a communication connection, desktop element 1 and desktop element 2 are the same. As shown in Figure 7(a), desktop element 1 in mobile phone 1 and desktop element 2 in mobile phone 2 are both default wallpaper images.

[0187] It is understandable that Figure 7 uses the example of phone 1 and phone 2 having the same screen size for illustration. If the screen sizes of phone 1 and phone 2 were different, the displayed sizes of the trees and their reflections in desktop element 1 and desktop element 2 would differ. However, desktop element 1 and desktop element 2 are generated based on the same image.

[0188] Taking mobile phone 1 as an example, after establishing a communication connection between mobile phone 1 and mobile phone 2, mobile phone 1 can acquire status data 1 through sensors, and acquire status data 2 and desktop element 2 based on the communication connection. Based on status data 1 and status data 2, mobile phone 1 determines that mobile phone 2 is located to its right. Based on the attribute information of desktop element 2 sent by mobile phone 2, it determines that the desktop element 2 displayed by mobile phone 2 is the same as its own, with the tree reflections all on the left, and only a portion of the reflections displayed (e.g., the reflection of the tree trunk is displayed, but the reflection of the crown is not). Based on the preset rule between desktop element 1 and desktop element 2 (i.e., light projection), mobile phone 1 determines that the light sources in desktop element 1 and desktop element 2 are all on the right side of the trees. Based on this preset rule and the spatial relationship between mobile phone 1 and mobile phone 2 (mobile phone 1 is located to the left of mobile phone 2), it determines that the reflection of desktop element 2 in mobile phone 2 can be projected onto the display screen of mobile phone 1. Therefore, mobile phone 1 updates desktop element 1, displaying the interface shown in Figure 7(b), in which the updated desktop element 1 adds a portion of the tree reflections (e.g., the reflection of the crown) from desktop element 2. The updated desktop element 1 can reflect both the existence of phone 2 and the relative positions of phone 1 and phone 2.

[0189] Accordingly, taking phone 2 as an example, based on the projection of light and the spatial relationship between phone 1 and phone 2, phone 2 determines that the reflection of the tree in desktop element 1 of phone 1 will not be projected onto its own screen. Therefore, phone 2 does not need to update desktop element 2.

[0190] Understandably, after phone 1 obtains state data 1, state data 2, and the attribute information of desktop element 2, if phone 1 determines, based on state data 1 and state data 2, that the motion states of phone 1 and phone 2 have not changed, phone 1 may not update desktop element 1. Similarly, after phone 2 obtains state data 1, state data 2, and the attribute information of desktop element 1, if phone 2 determines, based on state data 1 and state data 2, that the motion states of phone 1 and phone 2 have not changed, phone 2 may also not update desktop element 2.

[0191] It is understandable that the updated desktop element 1 may only include desktop element 1, that is, the display effect of desktop element 1 has been updated. Alternatively, the updated desktop element 1 may include display elements related to desktop element 1 and desktop element 2 (such as the reflection in Figure 7(b)).

[0192] In some examples, if phone 1 determines that phone 1 and / or phone 2 are moving based on state data 1 and state data 2, then the motion trend corresponding to that motion is determined. Animation 1 corresponding to desktop element 1 is displayed; this animation 1 is used to represent the motion trend.

[0193] The movement trend includes approaching, moving away, or remaining relatively stationary. Approaching can include accelerating towards and decelerating towards, while moving away can include accelerating away and decelerating away.

[0194] In some embodiments of this application, mobile phone 1 determines that the relative motion state between mobile phone 1 and / or mobile phone 2 has changed (which can be simplified as a change in relative motion state) based on state data 1 and state data 2, and then determines that mobile phone 1 and / or mobile phone 2 have moved. The corresponding motion trend is then determined.

[0195] The relative motion state includes relative motion and relative distance. Changes in the relative motion state include increases in relative velocity, decreases in relative velocity, increases in relative distance, and decreases in relative distance.

[0196] Specifically, if the magnitude of the relative velocity at the current moment is greater than the magnitude of the relative velocity at the previous moment, then the relative velocity is determined to increase. If the magnitude of the relative velocity at the current moment is less than the magnitude of the relative velocity at the previous moment, then the relative velocity is determined to decrease. If the magnitude of the relative distance at the current moment is greater than the magnitude of the relative distance at the previous moment, then the relative distance is determined to increase. If the magnitude of the relative distance at the current moment is less than the magnitude of the relative distance at the previous moment, then the relative distance is determined to decrease.

[0197] For example, the relative speed between mobile phone 1 and mobile phone 2 can be calculated from the speed of mobile phone 1, the direction of motion of mobile phone 1, the speed of mobile phone 2, and the direction of motion of mobile phone 2. The relative distance between mobile phone 1 and mobile phone 2 can be calculated from the positions of mobile phone 1 and mobile phone 2.

[0198] In some examples, if the relative speed and relative distance between mobile phones 1 and 2 increase, the trend of motion between them is determined to be accelerating away. If the relative speed and relative distance between them increase, the trend of motion is determined to be accelerating towards each other. If the relative speed and relative distance between them decrease, the trend of motion is determined to be decelerating away. If the relative speed and relative distance between them decrease, the trend of motion is determined to be decelerating towards each other.

[0199] Understandably, in the example above, the motion trend between mobile phones 1 and 2 is determined based on their relative motion state. In another example, the motion trend between mobile phones 1 and 2 may also include relative stillness; that is, the relative velocity between mobile phones 1 and 2 (compared to the previous moment) remains unchanged, and the magnitudes of the velocities of both mobile phones 1 and 2 are not zero, while the relative distance between mobile phones 1 and 2 (compared to the previous moment) remains unchanged. In this case, the motion trend between mobile phones 1 and 2 is determined to be relative stillness.

[0200] It is understandable that both speed and distance are used to determine the motion trend between phone 1 and phone 2. In some examples, the motion trend between phone 1 and phone 2 can also be determined based on only one type of data. For example, using distance to determine the motion trend between phone 1 and phone 2: if the relative distance between phone 1 and phone 2 increases, the motion trend between phone 1 and phone 2 is determined to be moving away. If the relative distance between phone 1 and phone 2 decreases, the motion trend between phone 1 and phone 2 is determined to be moving closer. If the relative distance between phone 1 and phone 2 does not change, the motion trend between phone 1 and phone 2 is determined to be relatively stationary.

[0201] For example, judging the motion trend between mobile phones 1 and 2 based on speed: if the direction of the relative speed between mobile phones 1 and 2 (i.e., the relative speed is determined by subtracting the speed of mobile phone 2 (including speed magnitude and direction) from the speed of mobile phone 1) is the same as the direction mobile phone 1 is pointing towards mobile phone 2, then the motion trend between mobile phones 1 and 2 is determined to be moving closer. If the direction of the relative speed between mobile phones 1 and 2 is opposite to the direction mobile phone 1 is pointing towards mobile phone 2, then the motion trend between mobile phones 1 and 2 is determined to be moving further apart. If the relative speed between mobile phones 1 and 2 does not change, and the speed magnitudes of both mobile phones 1 and 2 are not zero, then the motion trend between mobile phones 1 and 2 is determined to be relatively stationary.

[0202] For example, if phone 1 is to the left of phone 2, and the direction phone 1 points towards phone 2 is to the right (taking the rightward direction as positive), and phone 1 moves to the right at a speed of 2 m / s, while phone 2 moves to the left at a speed of 1 m / s, the relative speed between phone 1 and phone 2 is the speed of phone 1 (2 m / s) minus the speed of phone 2 (-1 m / s), resulting in 3 m / s. Based on this relative speed, the direction of the relative speed is to the right, the same as the direction phone 1 points towards phone 2, indicating that the trend of movement between phone 1 and phone 2 is towards each other. As another example, if phone 1 moves to the left at a speed of 2 m / s, and phone 2 moves to the left at a speed of 1 m / s, the relative speed between phone 1 and phone 2 is the speed of phone 1 (-2 m / s) minus the speed of phone 2 (-1 m / s), resulting in -1 m / s. Based on this relative speed, the direction of the relative speed is to the left, opposite to the direction phone 1 points towards phone 2, indicating that the trend of movement between phone 1 and phone 2 is towards each other.

[0203] Specifically, taking mobile phone 1 as an example, mobile phone 1 determines whether the relative motion state between mobile phone 1 and mobile phone 2 has changed based on state data 1 and state data 2, and determines the motion trend between mobile phone 1 and mobile phone 2. Mobile phone 1 displays animation 1 corresponding to desktop element 1 based on this motion trend, and animation 1 is used to represent this motion trend.

[0204] The following example illustrates how mobile phone 1 determines its movement trend based on speed and distance data, and this trend is characterized by accelerating towards the target.

[0205] For example, if a user moves phone 1 towards phone 2, but phone 2 does not move, then, taking rightward movement as the positive direction, in state data 1, phone 1's speed increases, the distance between phone 1 and phone 2 decreases, phone 1's direction of movement is towards phone 2, and phone 1's position changes; in state data 2, phone 2's speed is 0, the distance between phone 2 and phone 1 decreases, phone 2's direction of movement is zero, and phone 2's position remains unchanged. After acquiring the above state data 1 and state data 2, phone 1 determines that it is moving towards phone 2, phone 1 is approaching phone 2, and phone 2 is not moving. In this case, phone 1 determines that the relative speed between phone 1 and phone 2 is increasing, the relative distance between phone 1 and phone 2 is decreasing, and therefore determines that the movement trend between phone 1 and phone 2 is towards each other, specifically, the movement trend is accelerating towards each other.

[0206] For example, if a user moves phone 2 towards phone 1, but phone 1 does not move. In this case, taking rightward movement as the positive direction, in state data 1, phone 1's speed is 0, the distance between phone 1 and phone 2 decreases, the direction of movement of phone 1 is zero, and the position of phone 1 remains unchanged; in state data 2, phone 2's speed increases, the distance between phone 2 and phone 1 decreases, the direction of movement of phone 2 is towards phone 1, and the position of phone 2 changes. After obtaining the above state data 1 and state data 2, phone 1 determines that phone 2 is moving towards phone 1, phone 2 is approaching phone 1, and phone 1 is not moving. In this case, phone 1 determines that the relative speed between phone 1 and phone 2 is increasing, the relative distance between phone 1 and phone 2 is decreasing, and therefore determines that the movement trend between phone 1 and phone 2 is towards each other, specifically, the movement trend is accelerating towards each other.

[0207] For example, if a user moves phone 1 and phone 2 towards each other and closer together, in this case, taking rightward movement as the positive direction, state data 1 shows that phone 1's speed increases, the distance between phone 1 and phone 2 decreases, phone 1's direction of movement is towards phone 2, and phone 1's position changes; state data 2 shows that phone 2's speed increases, the distance between phone 2 and phone 1 decreases, phone 2's direction of movement is towards phone 1, and phone 2's position changes. After acquiring the above state data 1 and state data 2, phone 1 determines that phone 1 and phone 2 are moving towards each other and closer together. In this case, phone 1 determines that the relative speed between phone 1 and phone 2 increases, the relative distance between phone 1 and phone 2 decreases, and therefore determines that the movement trend between phone 1 and phone 2 is closer, specifically, an accelerating approach.

[0208] For example, if a user moves phone 1 and phone 2, and both phones move in the same direction, but the speed of the device in front is less than the speed of the device behind in that direction. For instance, both phones 1 and 2 move to the left, but phone 2's speed is greater than phone 1's speed. In this case, taking rightward movement as the positive direction, the speeds in state data 1 and state data 2 both increase, but phone 2's speed is still greater than phone 1's speed. Phone 1 moves in the same direction as phone 2, and the positions of both phones change, decreasing the distance between them. After obtaining state data 1 and state data 2, phone 1 determines that both phones 1 and 2 are moving, but the distance between them is gradually decreasing (this can be understood as phone 2 chasing phone 1). Alternatively, both phones 1 and 2 move to the right, but phone 1's speed is greater than phone 2's speed. Based on this information, phone 1 determines that the relative speed between phones 1 and 2 is increasing, and the relative distance between them is decreasing, thus determining that the movement trend between phones 1 and 2 is towards each other, specifically, an accelerating approach.

[0209] Correspondingly, mobile phone 2 can also determine the trend of movement between mobile phone 1 and mobile phone 2 as accelerating towards each other through the above method.

[0210] It is understood that the above example uses the example of mobile phone 1 and mobile phone 2 moving closer together at an accelerating pace. The embodiments of this application do not limit the specific implementation method of determining the movement trend based on state data.

[0211] Correspondingly, the trend of movement between mobile phones 1 and 2 being "moving away" (i.e., the distance between mobile phones 1 and 2 increasing) includes any of the following situations: mobile phone 1 is not moving, and mobile phone 2 is moving away from mobile phone 1; mobile phone 1 is moving away from mobile phone 2, and mobile phone 2 is not moving; mobile phones 1 and 2 are moving in different directions (e.g., opposite directions); mobile phones 1 and 2 are moving in the same direction, but the speed of the electronic device in front is greater than the speed of the electronic device behind in that direction. For example, mobile phone 1 is to the left of mobile phone 2, and mobile phone 2 is to the right of mobile phone 1. If both mobile phones 1 and 2 are moving to the right, and the speed of mobile phone 2 is greater than the speed of mobile phone 1, then the trend of movement between mobile phones 1 and 2 is "moving away". If both mobile phones 1 and 2 are moving to the left, and the speed of mobile phone 1 is greater than the speed of mobile phone 2, then the trend of movement between mobile phones 1 and 2 is "moving away". The trend of movement, whether accelerating away or decelerating away, can then be determined based on the change in relative speed.

[0212] It is understandable that the above example illustrates the motion trend between phone 1 and the electron as either moving away or moving closer. In practical applications, there is another situation where phone 1 and phone 2 move in the same direction, have the same speed, and are relatively stationary. That is, although both phone 1 and phone 2 are moving, the distance between them remains unchanged, and they are relatively stationary. In this case, the motion trend between phone 1 and phone 2 is determined to be relatively stationary.

[0213] In some embodiments of this application, for each desktop element, the mobile phone 1 pre-sets corresponding animations based on different motion trends. For example, when the motion trend is approaching, the corresponding animation is an approaching animation; when the motion trend is moving away, the corresponding animation is a moving away animation; when the motion trend is relatively stationary, the corresponding animation is a stable animation.

[0214] In other embodiments of this application, mobile phone 1 includes a multi-device interaction module. Mobile phone 1 can input acquired status data 1, status data 2, desktop element 1, and desktop element 2 into the multi-device interaction module. The multi-device interaction model outputs animation 1, which is displayed on mobile phone 1.

[0215] The multi-device interaction model can be trained based on the interactive animations of different desktop elements under different operational intentions. This multi-device interaction model can be a machine learning model or a neural network model.

[0216] Correspondingly, mobile phone 2 can also display animation 2 corresponding to desktop element 2 in the above way.

[0217] For example, based on the examples in Figure 4(a) or Figure 6(a) above, if phone 1 determines that the movement trend between phone 1 and phone 2 is towards each other based on state data 1 and state data 2, then phone 1 can display the interface shown in Figure 8(a), in which the cat runs to the right (i.e., animation 1). Alternatively, the cat may jump and pounce on the mouse; or it may crouch down and sneak up, etc. Correspondingly, based on the examples in Figure 4(b) or Figure 6(b) above, if phone 2 determines that the movement trend between phone 1 and phone 2 is towards each other based on state data 1 and state data 2, then phone 2 can display the interface shown in Figure 8(b), in which the mouse runs to the right to avoid the cat (i.e., animation 2). Alternatively, the mouse may jump, make sharp turns, etc., to avoid being caught by the cat; or the mouse may hide in a hole, etc. It is understood that the animation of the proximity of desktop elements displayed on phone 2 and phone 1 can conform to biological laws. Therefore, in this example, when phone 2 and phone 1 are close together, the cat catches the mouse, and the mouse avoids the cat.

[0218] It is understandable that the display effect of desktop element 1 in animation 1 when accelerating towards the target should be greater than the display effect of desktop element 1 in animation 1 when decelerating towards the target. For example, the cat runs to the right faster when accelerating towards the target than when decelerating towards the target.

[0219] Accordingly, based on the examples in Figure 4(a) or Figure 6(a) above, if mobile phone 1 determines that the movement trend between mobile phone 1 and mobile phone 2 is moving away from each other based on state data 1 and state data 2, then in animation 1 displayed on mobile phone 1, the cat can run at a slower speed; or walk back and forth; or stop and watch the mouse's movement, etc. Based on the examples in Figure 4(b) or Figure 6(b) above, if mobile phone 2 determines that the movement trend between mobile phone 1 and mobile phone 2 is moving away from each other based on state data 1 and state data 2, then in animation 2 displayed on mobile phone 2, the mouse can run faster; or relax its vigilance and slow down, walking around; or hide behind an obstacle to observe the cat's movements, ready to escape at any time, etc.

[0220] Accordingly, based on the examples in Figure 4(a) or Figure 6(a) above, if mobile phone 1 determines that the movement trend between mobile phone 1 and mobile phone 2 is relatively stationary based on state data 1 and state data 2, then the cat in animation 1 displayed on mobile phone 1 can lean forward slightly, staring intently at the mouse; or, it can lower its body and gently sway its tail, etc. Based on the examples in Figure 4(b) or Figure 6(b) above, if mobile phone 2 determines that the movement trend between mobile phone 1 and mobile phone 2 is moving away based on state data 1 and state data 2, then the mouse in animation 2 displayed on mobile phone 2 can look around, showing alertness and tension; or, the mouse can slowly move to avoid the cat, looking for a hiding place, etc.

[0221] For example, based on the examples in Figures 5(a) and 5(b) above, if mobile phone 1 determines that the movement trend between mobile phone 1 and mobile phone 2 is toward each other based on state data 1 and state data 2, then mobile phone 1 can display the interface shown in Figure 9(a). In this interface, the fan (i.e., desktop element 1) in animation 1 displayed on mobile phone 1 starts rotating and blowing air. Or, the fan blows towards the dandelion, etc. If mobile phone 2 determines that the movement trend between mobile phone 1 and mobile phone 2 is toward each other based on state data 1 and state data 2, then mobile phone 2 can display the interface shown in Figure 9(b). In this interface, the dandelion (i.e., desktop element 2) in animation 2 displayed on mobile phone 2 can sway in the wind. Or, the dandelion seeds gradually decrease and are blown away, etc.

[0222] Accordingly, based on the examples in Figure 5(a) and Figure 5(b) above, if mobile phone 1 determines that the movement trend between mobile phone 1 and mobile phone 2 is moving away from each other based on state data 1 and state data 2, then the fan in animation 1 displayed by mobile phone 1 can slow down its rotation speed, or the wind direction can gradually deviate from the dandelion. Based on the examples in Figure 5(a) and Figure 5(b) above, if mobile phone 2 determines that the movement trend between mobile phone 1 and mobile phone 2 is moving away from each other based on state data 1 and state data 2, then the dandelion in animation 2 displayed by mobile phone 2 can slow down its shaking speed until it comes to a stop, or the dandelion seeds can fall slowly, etc.

[0223] Accordingly, based on the examples in Figure 5(a) and Figure 5(b) above, if mobile phone 1 determines that the motion trend between mobile phone 1 and mobile phone 2 is relatively stationary based on state data 1 and state data 2, then the fan in mobile phone 1 can rotate slowly. Based on the examples in Figure 5(a) and Figure 5(b) above, if mobile phone 2 determines that the motion trend between mobile phone 1 and mobile phone 2 is relatively stationary based on state data 1 and state data 2, the dandelion in mobile phone 2 will sway slightly, etc.

[0224] Understandably, in this example, the fan in desktop element 1 can be set to different speeds, such as low, medium, and high. When phone 1 sends status data 1 and attribute information of desktop element 1 (fan) to phone 2, the status information in the attribute information can include the speed setting of desktop element 1, the direction of airflow from desktop element 1, etc. This allows phone 2 to refer to this information when determining animation 2 and adjust the dandelion's swaying amplitude accordingly. The animation effects of animation 1 and animation 2 can be dynamically linked, and the dandelion's swaying will match the fan settings (such as speed setting and airflow direction), presenting a more realistic and delicate dynamic effect.

[0225] For example, based on the example in Figure 7 above, if phone 1 determines that the movement trend between phone 1 and phone 2 is toward each other based on state data 1 and state data 2, then the interface shown in Figure 10(a) is displayed, in which the reflections related to desktop element 2 in animation 1 displayed by phone 1 gradually increase. Phone 2 will display the interface shown in Figure 10(b), in which the trees in animation 2 displayed by phone 2 sway slightly. Alternatively, animation 2 displayed by phone 2 may show a portion of the trees related to desktop element 1.

[0226] Accordingly, in this example, if phone 1 determines, based on state data 1 and state data 2, that the movement trend between phone 1 and phone 2 is moving away, such as phone 1 moving to the left, moving away from phone 2, then the reflection of desktop element 2 may not be displayed in animation 1 on phone 1, as shown in Figure 7(a). The interface shown in animation 2 on phone 2 may be as shown in Figure 10(c), where trees on phone 2 sway, and the wind generated by phone 1 moving to the left causes leaves to fall from the trees on phone 2.

[0227] Accordingly, in this example, if phone 1 determines that the motion trend between phone 1 and phone 2 is relatively stationary based on state data 1 and state data 2, then the trees in animation 1 displayed by phone 1 and animation 2 displayed by phone 2 may sway slightly, etc.

[0228] In this embodiment, the degree of change of animation 1 in mobile phone 1 is proportional to the distance between mobile phone 1 and mobile phone 2, the speed of mobile phone 1 and / or the speed of mobile phone 2.

[0229] For example, the closer the distance between phone 1 and phone 2, the stronger the changes in animation 1 displayed on phone 1. The faster the speed of phone 1 / phone 2, the stronger the changes in animation 1 displayed on phone 1. For instance, based on the example in Figure 8(a), if the distance between phone 1 and phone 2 is closer, and phone 1 is faster, or phone 2 is faster, then the cat running faster in animation 1 displayed on phone 1. Correspondingly, the mouse running faster in animation 2 displayed on phone 2.

[0230] As can be understood, in the above example, a change in any data point in the state data only affects one type of change in the animation. For example, distance and / or speed only affect the frequency of changes in desktop elements in the animation. To enrich the interface display and increase its interest, corresponding changes are set for each state data point. Each state data point can correspond to one or more changes.

[0231] Animation changes include color changes, size changes, frequency changes, amplitude changes, speed changes, position changes, and shape changes. Color changes can be an animation of a desktop element changing from one color to another. Size changes can be an animation of a desktop element changing its size (e.g., a desktop element enlarging or shrinking). Frequency changes can be an animation of a desktop element changing the frequency of its movement or effect (e.g., a desktop element's blinking frequency changing from fast to slow). Amplitude changes can be an animation of a desktop element vibrating or undulating (e.g., a dandelion's swaying amplitude gradually increasing). Speed ​​changes can be an animation of a desktop element changing its speed (e.g., a cat running at a certain speed). Position changes can be an animation of a desktop element changing its movement path (e.g., a desktop element changing from linear motion to curved motion).

[0232] For example, speed corresponds to color changes in the animation. Lower speeds can use cool colors (like blue), while higher speeds can use warm colors (like red). Color indicates changes in device speed. Distance corresponds to changes in animation size. When phone 1 and phone 2 are far apart, the desktop elements in the animation are smaller. When phone 1 and phone 2 are close together, the desktop elements in the animation are larger. Furthermore, speed can correspond to changes in the frequency and amplitude of the animation. Taking a cat as an example, at lower speeds, the cat's movements have lower frequency and amplitude. For example, the cat walks slowly, and its ears or tail sway slightly. At higher speeds, the cat's movements have higher frequency and amplitude. For example, the cat jumps and runs, and its tail swings dramatically.

[0233] For example, user A of phone 1 and user B of phone 2 agree to meet at a certain place, such as a supermarket. In this scenario, phone 1 and phone 2 establish a connection, as shown in Figure 11(a). Phone 1 displays arrow 1 (i.e., desktop element 1), which points to the location of phone 2. Phone 2 displays arrow 2 (i.e., desktop element 2), which points to the location of phone 1. As the distance between phone 1 and phone 2 decreases, as shown in Figure 11(b), the length of arrow 1 in animation 1 can gradually shorten (i.e., its size changes), and the length of arrow 2 in animation 2 will also gradually shorten. The length of the arrows indicates the distance between phone 1 and phone 2. If user A's speed increases, as shown in Figure 11(c), the color of arrow 1 in animation 1 can change from a cool color (in Figure 11(c), a blank fill indicates a cool color) to a warm color (in Figure 11(c), a dark fill pattern indicates a cool color). Correspondingly, arrow 2 in phone 2 can also indicate the speed of phone 2 through a color change. When the distance between user A and user B is less than 2 meters, arrow 1 in animation 1 displayed on phone 1 flashes rapidly, and arrow 2 in animation 2 displayed on phone 2 also flashes rapidly. The closer the distance between phone 1 and phone 2, the faster arrows 1 and 2 flash, until user A and user B meet. In this way, user A and user B can quickly find each other based on the changes in the arrows.

[0234] It is understandable that, in the above embodiments, when User A and User B agree to meet, the elements displayed in the animation can indicate changes in different motion state data through different display attributes. In other examples, different types of display attributes can also be displayed sequentially based on changes in different motion state data. For example, a judgment can be made based on distance first; as the distance decreases, arrow 1 in phone 1 and arrow 2 in phone 2 gradually decrease in length. When the distance between phone 1 and phone 2 meets a preset distance (e.g., 5 meters), the color of arrow 1 changes based on the speed of phone 1, and the color of arrow 2 changes based on the speed of phone 2. As phone 1 and phone 2 get closer, arrow 1 in phone 1 and arrow 2 in phone 2 can display a gravity effect, attracting each other. When the distance between phone 1 and phone 2 meets a preset length (e.g., 1 meter), arrow 1 in phone 1 and arrow 2 in phone 2 can merge, overlap, become a successful meeting prompt (e.g., a firework smiley face text prompt), or display interactive effects (e.g., circling each other, flashing, etc.).

[0235] Understandably, when any device approaches or moves away, its movement affects the animations displayed on surrounding devices and itself. These animations can display physical effects indicating the device's approach or movement. For example, physical effects include attraction and repulsion, vibration and undulation, and changes in light and shadow. For instance, when a device approaches, the animations displayed on different devices might show desktop elements moving towards the adjacent device, simulating an attraction or attraction effect. Similarly, when a device approaches, surrounding devices might vibrate or undulate. Furthermore, when a device approaches, the brightness of surrounding devices might increase, and when a device moves away, the brightness of surrounding devices might decrease.

[0236] As can be understood, in the example above, phone 1 and phone 2 each manage their own displayed animations, and different animations are displayed on phone 1 and phone 2. To enhance the interactive effect, phone 1 and phone 2 can interact and jointly manage the displayed animations.

[0237] In some embodiments of this application, when the distance between mobile phone 1 and mobile phone 2 is less than or equal to a preset distance, the display interfaces of mobile phone 1 and mobile phone 2 synchronously display the same animation. For example, both mobile phone 1 and mobile phone 2 display animation 3, which may include desktop element 1 and desktop element 2. The positional relationship between desktop element 1 and desktop element 2 in animation 3 corresponds to the positional relationship between mobile phone 1 and mobile phone 2. The distance between desktop element 1 and desktop element 2 in animation 3 corresponds to the distance between mobile phone 1 and mobile phone 2. The movement speed of desktop element 1 in animation 3 corresponds to the speed of mobile phone 1, and the movement speed of desktop element 2 in animation 3 corresponds to the speed of mobile phone 2.

[0238] Specifically, a first condition is set in both mobile phones 1 and 2. This first condition can also be called a joint display condition or a synchronization condition, which will be referred to as the synchronization condition thereafter. For example, the synchronization condition includes the distance between mobile phones 1 and 2 being less than or equal to a preset distance. When mobile phone 1 or mobile phone 2 detects that the distance between mobile phones 1 and 2 meets the synchronization condition, mobile phones 1 and 2 interact to determine the master device (i.e., mobile phone 1). The master device (i.e., mobile phone 1) sends a synchronization control signal and a synchronization animation (i.e., animation 3) to the slave device (i.e., mobile phone 2). It can be understood that the synchronization control signal may include synchronization instructions, the device's display screen size, resolution, etc. The synchronization control information is used to inform the slave device to enable the synchronization display function, and the device's display screen size and resolution are used by the slave device to debug the display of the synchronization animation. The synchronization animation may include animation data, animation size, animation speed, animation position, etc.

[0239] For example, based on the examples in Figure 8(a) and Figure 8(b), if the distance between mobile phone 1 and mobile phone 2 is less than or equal to a preset distance, mobile phone 1 and mobile phone 2 can display an animation of a cat about to catch a mouse (i.e., animation 3). When the distance between mobile phone 1 and mobile phone 2 is 0, both mobile phone 1 and mobile phone 2 display animation 3 as shown in Figure 12(a), which is an animation of a cat catching and playing with a mouse.

[0240] To enhance immersion and interactive experience, in some embodiments of this application, when the distance between mobile phone 1 and mobile phone 2 is less than or equal to a preset distance, either mobile phone 1 or mobile phone 2 displays animation 3, while the other device displays a blank animation.

[0241] Animation 3 includes Desktop Element 1 and Desktop Element 2.

[0242] Specifically, synchronization conditions are set in mobile phones 1 and 2 (e.g., the distance between mobile phones 1 and 2 is less than or equal to a preset distance). When mobile phone 1 or mobile phone 2 detects that the distance between mobile phones 1 and 2 meets the synchronization conditions, mobile phones 1 and 2 interactively determine the master device (e.g., mobile phone 1). The master device (i.e., mobile phone 1) determines animation 3 and a blank animation, and sends animation 3 and a synchronization control signal to any device (e.g., a slave device). The master device sends the synchronization control signal and the blank animation to other devices (e.g., the master device). The master device responds to the synchronization control signal by displaying the blank animation, and the slave device responds to the synchronization control signal by displaying animation 3. That is, when the distance between mobile phones 1 and 2 is less than or equal to the preset distance, one device displays animation 3, and the other device displays the blank animation, thus achieving the effect that desktop elements on one device can be displayed on another device, adding to the display's interest. Moreover, animation 3 can be displayed alternately on different devices. For example, when the distance between mobile phones 1 and 2 is equal to the preset distance, mobile phone 1 displays the blank animation, and mobile phone 2 displays animation 3. If the distance between phone 1 and phone 2 continues to decrease, phone 1 can display animation 3, while phone 2 displays a blank animation.

[0243] For example, as shown in Figure 12(b), a blank animation is displayed on phone 1, and an animation of a cat catching a mouse is displayed on phone 2 (i.e., animation 3). As the distance between phone 1 and phone 2 gets closer, phone 1 can display an animation that changes from a blank animation to an animation of a mouse struggling to escape and the cat re-catching the mouse (i.e., another animation 3), while phone 2 can change from the animation of the cat catching the mouse back to a blank animation. (Figure 12(b) is not shown).

[0244] In other examples, when the distance between phone 1 and phone 2 is less than or equal to a preset distance, phone 1 can display animation 4, and phone 2 can display animation 5. Animations 4 and 5 can be combined into a single animation. Animation 4 may include desktop element 1 and / or desktop element 2, and animation 5 may include desktop element 1 and / or desktop element 2.

[0245] Specifically, synchronization conditions are set in mobile phones 1 and 2 (e.g., the distance between mobile phones 1 and 2 is less than or equal to a preset distance). When mobile phone 1 or mobile phone 2 detects that the distance between mobile phones 1 and 2 meets the synchronization conditions, mobile phones 1 and 2 interact to determine the master device (e.g., mobile phone 1). The master device (i.e., mobile phone 1) determines the overall animation and breaks it down into multiple animations (e.g., animation 4 and animation 5). A synchronization control signal and a synchronization animation (i.e., animation 5) are sent to the slave device (i.e., mobile phone 2). The master device displays animation 4, and the slave device, upon receiving the synchronization control information and the synchronization animation, displays animation 5.

[0246] It is understandable that in the above embodiments, when the distance between mobile phone 1 and mobile phone 2 is less than or equal to a preset distance, mobile phone 1 and mobile phone 2 can display together. This enhances the linkage effect between devices and increases the fun.

[0247] Optionally, the synchronization condition also includes the relative speed between mobile phone 1 and mobile phone 2 being greater than a preset threshold. For example, if the distance between mobile phone 1 and mobile phone 2 is less than or equal to a preset distance, and mobile phone 1 suddenly accelerates towards mobile phone 2, or mobile phone 2 suddenly accelerates towards mobile phone 1, causing the relative speed between mobile phone 1 and mobile phone 2 to increase and exceed the preset threshold, then the synchronization animation will be displayed.

[0248] For example, phone 1 and phone 2 move towards each other, with phone 1 to the left of phone 2, and the distance between them is less than a preset distance. At this time, phone 1 displays animation 1, and phone 2 displays animation 2. If phone 2 accelerates its movement to the left, its speed increases, and the relative speed between phone 1 and phone 2 increases, exceeding a preset threshold. At this point, phone 1 and phone 2 interact to determine the master and slave devices. If phone 1 is the master device, it controls the displays on both phones. For example, phone 1 displays animation 4, and phone 2 displays animation 5.

[0249] Alternatively, both phone 1 and phone 2 move to the right, with phone 1 to the left of phone 2, and the distance between them is less than a preset distance. In this case, phone 1 displays animation 1, and phone 2 displays animation 2. If the speed of phone 2 increases, the relative speed between phone 1 and phone 2 increases and exceeds a preset threshold. At this point, phone 1 and phone 2 interact to determine the master and slave devices. If phone 1 is the master device, it controls the display of both phones. For example, phone 1 displays animation 4, and phone 2 displays animation 5.

[0250] It is understood that the synchronization conditions in this embodiment also include the relative speed of the devices, which can better reflect the real and natural motion state between devices, accurately trigger the synchronization display of devices, improve the intelligence and flexibility of devices, and ensure the authenticity and smoothness of the user experience.

[0251] In some examples, masking techniques are used to cover different areas of the overall animation, thus splitting the animation into parts. For instance, by covering the area to the right of the horizontal center line, an animation 4 is obtained. By covering the area to the left of the horizontal center line, an animation 5 is obtained.

[0252] Understandably, the area covered by the mask is usually invisible.

[0253] For example, as shown in Figure 12(c), mobile phone 1 and mobile phone 2 are adjacent to each other, and animation 4 in mobile phone 1 and animation 5 in mobile phone 2 are combined to form a whole animation.

[0254] It is understandable that animations 1 through 5 in the above example can change in real time.

[0255] It is understood that in the above embodiments, after mobile phone 1 and mobile phone 2 establish a connection, mobile phone 1 displays desktop element 1, and mobile phone 2 displays desktop element 2. That is, the electronic device only displays its own desktop element. In some other embodiments of this application, after mobile phone 1 and mobile phone 2 establish a connection, mobile phone 1 may also display desktop element 4 corresponding to desktop element 2 displayed in mobile phone 2. Mobile phone 2 may also display desktop element 3 corresponding to desktop element 1 displayed in mobile phone 1. Desktop element 1 and desktop element 3 are the same; desktop element 1 is displayed in mobile phone 1, and desktop element 3 is displayed in mobile phone 2. Mobile phone 1 displays desktop element 1 and desktop element 4, with desktop element 1 corresponding to mobile phone 1 and desktop element 4 corresponding to mobile phone 2.

[0256] For example, based on the examples in Figures 4(a) and 4(b) above, after mobile phone 1 and mobile phone 2 establish a connection, the display interfaces of both mobile phone 1 and mobile phone 2 are as shown in Figure 13(a). Mobile phone 1 displays desktop element 1 (cat) and desktop element 4 (mouse), while mobile phone 2 displays desktop element 3 (cat) and desktop element 2 (mouse). Both mobile phone 1 and mobile phone 2 display the same content. The relative positions of the cat and mouse in the interfaces of mobile phone 1 and mobile phone 2 are the same as the relative positions of mobile phone 1 and mobile phone 2. The cat is located to the left of the mouse, and mobile phone 1 is located to the left of mobile phone 2. The distance between the cat and mouse in this interface is a proportional reduction of the distance between mobile phone 1 and mobile phone 2.

[0257] After mobile phone 1 displays desktop element 4, mobile phone 1 and mobile phone 2 interact to determine the master device (e.g., mobile phone 1). The master device obtains state data 1 and state data 2, and determines whether mobile phone 1 and / or mobile phone 2 are moving based on state data 1 and state data 2. If movement occurs, the movement trend is determined, and mobile phone 1 determines animation 1 corresponding to desktop element 1 and animation 6 corresponding to desktop element 4. Mobile phone 1 displays animation 1 and animation 6. Mobile phone 1 can send animation 1 and animation 6 to mobile phone 2 so that mobile phone 2 can display animation 1 and animation 6. As shown in Figure 13(b), when mobile phone 1 and mobile phone 2 are close together, the cat and mouse on mobile phone 1 are running, and the distance between the cat and mouse gradually decreases.

[0258] Understandably, if the main device is phone 2 and it is in motion, phone 2 determines animation 2 corresponding to desktop element 2 and animation 7 corresponding to desktop element 3 based on the motion trend. Phone 2 displays animation 2 and animation 7 respectively and sends them to phone 1 for display.

[0259] Understandably, in the examples above, the master device determines the animation based on the displayed elements, and both the master and slave devices display the same animation. In other examples, when the distance between phone 1 and phone 2 is greater than a preset distance, phone 1 and phone 2 each draw their own animation. For example, after determining desktop element 1 and desktop element 4, phone 1 determines animation 1 corresponding to desktop element 1 and animation 6 corresponding to desktop element 4. After determining desktop element 2 and desktop element 3, phone 2 determines animation 2 corresponding to desktop element 2 and animation 7 corresponding to desktop element 3. Animation 1 and animation 7 can be the same or different. Animation 2 and animation 6 can also be the same or different. When the distance between phone 1 and phone 2 is less than or equal to the preset distance, the master device is determined, and the master device completes the animation drawing and transmission. Each device responds to the content sent by the master device to complete the display.

[0260] In some embodiments, when the distance between mobile phone 1 and mobile phone 2 is less than or equal to a preset distance, mobile phone 1 (i.e., the main device) determines to display animation 3 and sends animation 3 to mobile phone 2 so that mobile phone 2 can display it.

[0261] For example, user A on mobile phone 1 and user B on mobile phone 2 agree to meet at a certain place. For instance, user A is to the left of user B, and the distance between them is relatively far. They agree to meet in a supermarket. In this scenario, mobile phone 1 and mobile phone 2 establish a connection, as shown in Figure 14(a). Mobile phone 1 displays the pet cat set by user A (i.e., desktop element 1), and also displays the pet dog set by user B (i.e., desktop element 4) sent by mobile phone 2. Correspondingly, mobile phone 2 also displays the pet cat sent by mobile phone 1 (i.e., desktop element 3) and the pet dog set by user B (i.e., desktop element 2). As shown in Figure 14(a), the relative positions of the cat and dog on mobile phone 1 and mobile phone 2 are such that the cat is to the left of the dog, the distance between them is relatively far, and the display size of the cat and dog is relatively small. Phone 1 and Phone 2 first determine their distance based on the size of the cat and dog figures and / or the distance between them. This change in distance is represented by altering the size of the cat and dog figures. As shown in Figure 14(b), taking the influence of distance on the display size of desktop elements as an example, when the distance between Phone 1 and Phone 2 decreases, the size of the cat in Animation 1 (the cat's animation) gradually increases, and the size of the dog in Animation 2 (the dog's animation) also gradually increases. If distance also affects the distance between different desktop elements, then when the distance between Phone 1 and Phone 2 decreases, the size of the cat in Animation 1 (the cat's animation on Phone 1) gradually increases and moves to the right, and the size of the dog in Animation 2 (the dog's animation) gradually increases and moves to the left. Thus, the display sizes of the cat and dog on Phone 1 gradually increase, and the distance between them gradually decreases. When the distance between Phone 1 and Phone 2 meets a preset distance, the display effect of the elements is changed based on speed. As shown in Figure 14(c), the cat in Animation 1 (the cat's animation on Phone 1 and Phone 2) starts running, and the cat's running speed corresponds to the movement speed of Phone 1. If the speed of phone 1 increases, the cat's running speed also increases. If the speed of phone 1 decreases, the cat's running speed also decreases. Correspondingly, in animation 2 of the dog on phones 1 and 2, the dog jumps off the skateboard and starts running, and the dog's running speed corresponds to the movement speed of phone 2. If the speed of phone 2 increases, the dog's running speed also increases. If the speed of phone 2 decreases, the dog's running speed also decreases. Optionally, when making judgments based on speed, they can also be based on distance. The display effects of the displayed elements in the animation are changed based on both speed and distance until phone 1 and phone 2 meet. As shown in Figure 14(d), when phone 1 and phone 2 meet, animations of cats and dogs playing are displayed on phone 1 and phone 2.

[0262] It is understood that the above example uses two devices as an example for illustration. In practical applications, the display method provided in this application embodiment can be applied to multiple electronic devices with communication connections. For example, as shown in Figure 15, a mobile phone, a computer, and a tablet are connected, and the desktop elements in the mobile phone, computer, and tablet are all light spheres. The size and display position of the light spheres in the mobile phone, computer, and tablet can be different. If the mobile phone is close to the tablet and computer, the light spheres in the animations displayed on the mobile phone, tablet, and computer vibrate and move towards the adjacent devices. Gravity effects are displayed, showing the light spheres attracting each other.

[0263] It is understood that the above embodiments are merely examples, and the embodiments of this application do not limit the animations corresponding to different movement trends of desktop elements.

[0264] Thus, through the above method, the display of desktop elements on multiple devices can simulate the movement patterns of multiple devices in the real world. The interaction effects between multiple desktop elements can simulate the interaction effects of multiple devices in the same space. The technical solution of this application can assist users in troubleshooting. When an anomaly occurs during the interaction of multiple devices (such as the clipboard being unable to copy), the user can change the movement state of a certain device (such as shaking the device). If the desktop elements on that device change, it indicates that the connection between the multiple devices is not broken, and the clipboard function is malfunctioning, causing the inability to copy. If the desktop elements on that device do not change, it indicates that the connection between the multiple devices is broken. The user can reconnect and realize the paste function. Quickly determining the cause of the fault by whether the desktop elements change improves the user experience.

[0265] Furthermore, in this application, the desktop elements displayed on different devices can be adjusted according to factors such as distance and speed between the devices. Users can more intuitively perceive the connection status and interaction effects between devices. The interaction between devices is no longer blind and imperceptible, but rather provides feedback based on physical laws. This application can naturally and intuitively reflect the interaction between devices, increasing fun and interactivity, making it more intelligent, and enhancing user immersion and user experience.

[0266] Based on the above description of various embodiments, as shown in FIG16, a flowchart of a display method provided by an embodiment of this application is applied to a first electronic device. The method includes:

[0267] S1601, Display the first element.

[0268] The first element refers to the element corresponding to the first electronic device. Specifically, the first element represents the user of the first electronic device. For example, the first element can be a cartoon image, virtual pet, wallpaper, or desktop element of the user of the first electronic device. For example, the first element is desktop element 1 mentioned above, and the first electronic device is mobile phone 1 mentioned above, as shown in the cartoon image of a cat on the display interface of mobile phone 1 in Figure 4(a).

[0269] In some embodiments, the first element may be a default display element or a user-defined display element. The first element may be displayed on any interface of the first electronic device, and may be displayed at any position on the display interface of the first electronic device.

[0270] In this way, the user's interactive experience and fun are enhanced through the first element.

[0271] S1602. Based on the change in the relative motion state between the first electronic device and the second electronic device, display the first animation corresponding to the first element.

[0272] The change in relative motion state includes the change in relative velocity between the first electronic device and the second electronic device, and / or the change in relative distance between the first electronic device and the second electronic device.

[0273] Among them, the relative speed change in the relative operating state includes: relative speed increase or relative speed decrease, and the relative distance change in the relative operating state includes: relative distance increase or relative distance decrease.

[0274] In some embodiments, a communication connection is established between the first electronic device and the second electronic device.

[0275] In some embodiments, displaying a first animation corresponding to a first element based on the change in the relative motion state between the first electronic device and the second electronic device includes: displaying the first animation corresponding to the first element and displaying a second animation corresponding to the second element based on the change in the relative motion state between the first electronic device and the second electronic device.

[0276] The second element refers to the element corresponding to the second electronic device. The second element is the element displayed on the first electronic device. Specifically, the second element represents the user of the second electronic device. For example, the second element can be an element in the wallpaper of the second electronic device, or an element on the desktop. Alternatively, the second element can be a cartoon image or virtual pet of the user of the second electronic device. For instance, the second element is desktop element 4 mentioned above, and the second animation is animation 6 described above.

[0277] The interaction between the first and second animations is matched with changes in their relative motion states. For example, based on the examples in Figures 4 and 8 above, if the change in the relative motion state between the first and second electronic devices indicates that the distance between them decreases, the cat in the first animation runs to the right in the first electronic device, and the mouse in the second electronic device runs to the right to avoid the mouse. If the change in the relative motion state indicates that the distance between them decreases rapidly, the cat in the first animation runs faster, and the mouse in the second animation also runs faster.

[0278] In this way, the first animation and the second animation displayed on the first electronic device can intuitively reflect the movement changes between the first electronic device and the second electronic device, so that users can clearly perceive the movement between multiple devices and enhance the user experience.

[0279] In some embodiments, the method further includes: displaying a portion of a third animation when a first condition is met; another portion of the third animation is displayed by a second electronic device, the third animation including the first animation; wherein the first condition includes the distance between the first electronic device and the second electronic device being less than or equal to a preset distance.

[0280] In some embodiments, the first condition further includes: the relative speed between the first electronic device and the second electronic device is greater than a preset threshold.

[0281] Specifically, under the condition that the first condition is met, the first electronic device and the second electronic device interact to determine the master device, which then determines the third animation and the display content of each of the first and second electronic devices. The master device sends the display content and synchronization control signal of the first electronic device to the first electronic device, and the master device also sends the display content and synchronization control signal of the second electronic device to the second electronic device. The first and second electronic devices then display their respective content in response to the synchronization control signal.

[0282] The synchronization control signal may include synchronization instructions, the device's display size, resolution, etc. The synchronization control information is used to instruct the slave device to enable the synchronized display function, and the device's display size and resolution are used by the slave device to debug the display of synchronized animations.

[0283] For example, based on the example in Figure 12 above, after interaction, mobile phone 1 and mobile phone 2 determine that mobile phone 1 is the master device. Mobile phone 1 determines that it will display animation 3, and mobile phone 2 will display a blank animation. Mobile phone 1 sends animation 3 and a synchronization control signal to mobile phone 1, and sends the blank animation and a synchronization control signal to mobile phone 2. Mobile phone 1 and mobile phone 2 respectively display the interface shown in Figure 12(b). Alternatively, mobile phone 1 determines that it will display animation 3, and mobile phone 2 will display a blank animation. Mobile phone 1 sends animation 4 and a synchronization control signal to mobile phone 1, and sends animation 5 and a synchronization control signal to mobile phone 2. Mobile phone 1 and mobile phone 2 respectively display the interface shown in Figure 12(c).

[0284] It is understood that in the above embodiments, the first electronic device and the second electronic device display the third animation in conjunction, with the first electronic device displaying a portion of the third animation and the second electronic device displaying another portion. The display content of the first and second electronic devices is flexibly controlled by the main device, enhancing the interactive effect of the first and second animations and improving user immersion and user experience.

[0285] Optionally, if the first condition is met, the first electronic device displays the third animation. That is, if the first condition is met, the first electronic device can display the complete third animation.

[0286] Correspondingly, if the first condition is met, the second electronic device can also display the third animation. That is, if the first condition is met, the first electronic device and the second electronic device can display the same animation.

[0287] Optionally, before the first electronic device displays a portion of the third animation, the method further includes: the first electronic device and the second electronic device interacting to determine a master device, wherein the master device is either the first electronic device or the second electronic device. The master device is used to determine the third animation based on a first element, a second element, and a change in relative motion state, provided that a first condition is met; the third animation is an animation that includes the first element and the second element; the master device is also used to determine that the content displayed by the first electronic device is a portion of the third animation, and the content displayed by the second electronic device is another portion of the third animation.

[0288] Optionally, before displaying the first animation corresponding to the first element, the method further includes: acquiring first state data and second state data, wherein the first state data is used to indicate the motion state of the first electronic device, and the second state data is used to indicate the motion state of the second electronic device. Based on the first state data and the second state data, it is determined whether a relative motion state change has occurred between the first electronic device and the second electronic device. If it is determined that a relative motion state change has occurred between the first electronic device and the second electronic device, then based on this relative motion state change, the first animation corresponding to the first element is determined.

[0289] Correspondingly, the second electronic device can also use the above method to determine whether a change in relative motion state has occurred between the first and second electronic devices based on the state data.

[0290] For example, the first state data is state data 1 as described above, and the second state data is state data 2 as described above.

[0291] Specifically, whether a relative change in operating state has occurred can be determined by comparing the current state data with the state data from the previous moment. For example, based on the first state data, third state data, second state data, and fourth state data, it can be determined whether a relative change in motion state has occurred between the first electronic device and the second electronic device. The third state data indicates the motion state of the first electronic device at the previous moment, and the fourth state data indicates the motion state of the second electronic device at the previous moment. If the first state data and the third state data are different, and / or, the second state data and the fourth state data are different, then it is determined that a relative change in motion state has occurred between the first electronic device and the second electronic device.

[0292] Optionally, before displaying the first animation corresponding to the first element, the method further includes: obtaining attribute information of the third element displayed by the second electronic device from the second electronic device; and determining the first animation based on the attribute information of the third element, the first element, and the change in relative motion state.

[0293] The third element refers to an element displayed on the second electronic device. The second element refers to an element displayed on the first electronic device. The third element can correspond to the second electronic device, and vice versa. Specifically, the third element represents the user of the second electronic device. For example, the third element could be an element in the wallpaper of the second electronic device, or an element on the desktop. Alternatively, the third element could be a cartoon avatar or virtual pet of the user of the second electronic device. For instance, the second element is desktop element 2 mentioned above.

[0294] Optionally, the third element can be a default display element or a user-defined display element. The third element can be displayed on any interface of the second electronic device, and can be displayed at any position on the display interface of the second electronic device.

[0295] The attribute information includes type, and may also include status information. Type includes type name, type identifier, etc. Status information includes one or more of the following: displayed content, display position, size, shape, usage status, etc.

[0296] Understandably, the first electronic device can determine the display status and effect of the third element based on its attribute information. By considering the information of the third element when generating the first animation, the display effect of the first element in the first animation can be matched with that of the third element. The first animation can vividly and naturally showcase the interaction between multiple devices, making it more lively, natural, and fluid, increasing its appeal, and enhancing the interactivity between devices.

[0297] For example, based on the examples in Figures 5 and 9 above, the second electronic device can obtain the usage status of the fan in the first electronic device, such as the fan speed and airflow direction. Based on the fan speed and airflow direction, it adjusts the swaying amplitude of the dandelion it displays, so that the animation of the fan rotating and blowing air in the first electronic device and the animation of the dandelion swaying in the second electronic device are dynamically linked. The animation effects of the two are interactive, related, and matched, simulating the interaction effect of the first and second electronic devices being in the same physical space, thus enhancing the user experience.

[0298] Optionally, before obtaining the attribute information of the third element and determining the first animation, the method further includes: determining the spatial positional relationship between the first electronic device and the second electronic device based on the first state data and the second state data; and determining the third element indicated by the attribute information of the third element. If it is determined based on the first state data and the second state data that there is no relative motion state change between the first electronic device and the second electronic device, the first element is updated according to the preset rule between the first element and the third element, and the spatial positional relationship.

[0299] Among them, the pre-set laws can be objective laws such as physical laws and biological laws.

[0300] Correspondingly, the second electronic device can also perform the above operations, obtain the attribute information of the first element, update the third element based on the attribute information of the first element using the above method, and determine the fourth animation corresponding to the third element.

[0301] For example, based on the examples in Figure 4(a) and Figure 4(b) above, the first element in the first electronic device is a cat playing. The third element in the second electronic device is a mouse facing left. The first electronic device acquires the attribute information, first state data, and second state data of the third element. If the first electronic device determines, based on the first and second state data, that there is no change in the relative motion state between the first and second electronic devices, the first electronic device determines that the spatial positional relationship between the first and second electronic devices is that the first electronic device is to the left of the second electronic device. The attribute information of the third element indicates that the third element is a mouse, and the preset rule between the first and third elements is that the cat catches the mouse and the mouse avoids the cat. The first electronic device can update the display effect of the cat based on the fact that the first electronic device is to the left of the second electronic device and that the cat catches the mouse and the mouse avoids the cat. The updated cat is shown in Figure 6(a), where the updated cat turns around and stares intently at the mouse.

[0302] Correspondingly, the second electronic device can also update the third element in the above manner, displaying the interface shown in Figure 6(b), with the updated mouse turning to the right.

[0303] Understandably, updating elements based on spatial relationships can enhance the realism of interactions between devices and improve user immersion and experience.

[0304] Optionally, before the first electronic device displays the first animation corresponding to the first element and the second animation corresponding to the second element, the method further includes: determining the second element based on the attribute information of the third element, wherein the second element is the same as the third element; and determining the second animation based on the second element and the change in relative motion state.

[0305] For example, the attribute information of the third element includes the type and state information of the third element. For instance, the first electronic device draws and generates the second element based on the type and state information of the third element. Alternatively, both the first and second electronic devices include an element database containing a correspondence between types and display elements. For example, the element database includes elements of different types, each type corresponding to one or more display elements. For instance, taking a virtual pet as a desktop element, the types of virtual pets include kittens and puppies. Cats correspond to kitten 1 and kitten 2, and puppies correspond to puppy 1 and puppy 2. The type of the third element can include information such as a type name and a type identifier, such as a type name of kitten and a type identifier of kitten 2. Thus, after obtaining the type of the third element, the first electronic device determines in its element database that the third element is kitten 2. Based on the information of kitten 2, it draws and generates the second element.

[0306] It is understood that the second element is the element displayed in the first electronic device, and the third element is the element displayed in the second electronic device; both the second and third elements correspond to the second electronic device. After obtaining the attribute information of the third element, the first electronic device draws and generates the second element based on that attribute information, and determines the second animation based on the second element and the change in relative motion state.

[0307] It is understandable that the second and third elements mentioned above are only for distinguishing display on different devices, and the second and third elements are the same.

[0308] In this way, the interactive effects reflect the collaborative linkage between devices, enhancing the intelligence and fun of device collaboration, allowing users to experience a more natural and refined interactive experience, and increasing the sense of sophistication and smoothness in the device collaboration process.

[0309] In some embodiments, different types of motion state changes in relative motion state affect the presentation effect of different display attributes of the first element in the first animation.

[0310] Display attributes include one or more of the following: size, thickness, length, color, and shape. Display attributes may also include position.

[0311] In some examples, the display properties affected by distance include one or more of the following: size, thickness, length, color, shape, and position.

[0312] Size, thickness, and length can be negatively correlated with distance. For example, considering the impact of distance on size, when the distance between the first and second electronic devices is large, the first element appears smaller in the first animation. As the distance between the first and second electronic devices gradually decreases, the first element appears larger in the first animation.

[0313] The first electronic device may include a first preset rule, which includes the correspondence between distance and color, distance and shape, and distance and position. For example, taking color as an example, a cool color is used when the distance is far and a warm color is used when the distance is close.

[0314] In some examples, the display properties that affect speed include one or more of the following: size, thickness, length, color, shape, and position.

[0315] Size, thickness, and length can be positively correlated with speed. For example, taking speed's influence on length as an example, when the relative speed between the first and second electronic devices is large, the first element appears longer in the first animation. As the relative speed between the first and second electronic devices gradually decreases, the first element appears smaller in the first animation.

[0316] The first electronic device may include a second preset rule, which includes the correspondence between speed and color, the correspondence between speed and shape, and the correspondence between speed and position.

[0317] It is understandable that the rate of change in relative motion states can be measured by the magnitude and / or frequency of changes in display attributes corresponding to different types of motion states. For example, taking the influence of distance on size as an example, when the distance between the first and second electronic devices decreases rapidly, the display size of the first element in the first animation also increases rapidly. When the distance between the first and second electronic devices decreases slowly, the display size of the first element in the first animation also increases slowly. That is, the degree of change of elements in the animation is directly proportional to the rate of change in relative motion.

[0318] Thus, distance and speed affect different display attributes, enhancing the dynamic expressiveness and interactivity of the animation, making the animation effects more realistic, rich, and layered.

[0319] It is understood that the specific implementation methods in the embodiments of this application are as described above.

[0320] In this application, when multiple devices are connected and their relative motion states change, an animation corresponding to that change in relative motion state is displayed. This enhances the interoperability, engagement, and intelligence between devices. Furthermore, by indicating whether to display animations when relative motion states change, users can quickly identify the device connection status to troubleshoot any anomalies. Users can intuitively troubleshoot problems through the interface display, improving the user experience.

[0321] This application provides another display method, which is applied to a display system including a first electronic device and a second electronic device. The method includes: the first electronic device displaying a first element; and the first electronic device displaying a first animation corresponding to the first element according to the change in the relative motion state between the first electronic device and the second electronic device.

[0322] The first element corresponds to the first electronic device. Specifically, the first element represents the user of the first electronic device.

[0323] The change in relative motion state includes the change in relative velocity between the first electronic device and the second electronic device, and / or the change in relative distance between the first electronic device and the second electronic device.

[0324] In some embodiments, the first electronic device displays a first animation corresponding to a first element based on the change in the relative motion state between the first electronic device and the second electronic device, including: the first electronic device displays the first animation corresponding to the first element and displays a second animation corresponding to a second element based on the change in the relative motion state between the first electronic device and the second electronic device, wherein the first element corresponds to the first electronic device and the second element corresponds to the second electronic device.

[0325] The second element corresponds to the second electronic device. Specifically, the second element represents the user of the second electronic device.

[0326] In some embodiments, the interaction between the first and second animations is matched with changes in relative motion state.

[0327] In some embodiments, if a first condition is met, the first electronic device displays a portion of a third animation; wherein the third animation includes the first animation, and the first condition includes that the distance between the first electronic device and the second electronic device is less than or equal to a preset distance; the first electronic device sends another portion of the third animation to the second electronic device; the second electronic device receives another portion of the third animation from the first electronic device; and the second electronic device displays another portion of the third animation.

[0328] The first condition also includes: the relative speed between the first electronic device and the second electronic device is greater than a preset threshold.

[0329] In some embodiments, different types of motion state changes in relative motion state affect the presentation effect of different display attributes of the first element in the first animation.

[0330] The display attributes include one or more of the following: size, thickness, length, color, and shape.

[0331] In some embodiments, before the first electronic device displays the first animation corresponding to the first element, the method further includes: the second electronic device sending attribute information of the third element displayed by the second electronic device to the first electronic device; the first electronic device receiving the attribute information of the third element from the second electronic device; and the first electronic device determining the first animation based on the attribute information of the third element, the first element, and the change in relative motion state.

[0332] In some embodiments, before the first electronic device displays the first animation corresponding to the first element and the second animation corresponding to the second element, the method further includes: the first electronic device determining the second element based on the attribute information of the third element, wherein the second element is the same as the third element; and the first electronic device determining the second animation based on the second element and the change in relative motion state.

[0333] In some embodiments, the method further includes: the second electronic device displaying a third element; and the second electronic device displaying a fourth animation corresponding to the third element based on the change in the relative motion state between the first electronic device and the second electronic device.

[0334] In some embodiments, the second electronic device displays a fourth animation corresponding to a third element based on the change in the relative motion state between the first electronic device and the second electronic device, including: the second electronic device displays a fourth animation corresponding to a third element and a fifth animation corresponding to a fourth element based on the change in the relative motion state between the first electronic device and the second electronic device, wherein the third element corresponds to the second electronic device and the fourth element corresponds to the first electronic device.

[0335] The fourth element is an element displayed on the second electronic device, representing the user of the second electronic device. For example, the fourth element could be an element in the wallpaper of the second electronic device, or an element on the desktop. Alternatively, the fourth element could be a cartoon avatar or virtual pet of the user of the second electronic device. For instance, the fourth element is desktop element 3 mentioned above, and the fifth animation is animation 7 described above.

[0336] In some embodiments, before the second electronic device displays the fourth animation corresponding to the third element, the method further includes: the first electronic device sending attribute information of the first element displayed by the first electronic device to the second electronic device; the second electronic device receiving the attribute information of the first element from the first electronic device; and the second electronic device determining the fourth animation based on the attribute information of the first element, the third element, and the relative motion state change.

[0337] Optionally, before obtaining the attribute information of the first element and determining the fourth animation, the second electronic device can also determine the spatial relationship between the first and second electronic devices based on the first and second state data, and determine the first element indicated by the attribute information of the first element. If it is determined based on the first and second state data that there is no relative motion change between the first and second electronic devices, the third element is updated according to the preset rules between the first and third elements and the spatial relationship.

[0338] In some embodiments, before the second electronic device displays the fourth animation corresponding to the third element and the fifth animation corresponding to the fourth element, the method further includes: the second electronic device determining the fourth element based on the attribute information of the first element, wherein the fourth element is the same as the first element; and the second electronic device determining the fifth animation based on the fourth element and the change in relative motion state.

[0339] In some embodiments, different types of motion state changes in relative motion state affect the presentation effect of different display attributes of the first element in the first animation.

[0340] The display attributes include one or more of the following: size, thickness, length, color, and shape.

[0341] It is understood that the specific implementation of the display method by the first electronic device and the second electronic device in the communication system in this application embodiment is as described above, and will not be repeated here.

[0342] The foregoing mainly describes the solutions provided by the embodiments of this application from a methodological perspective. To achieve the above functions, it includes corresponding hardware structures and / or software modules for executing each function. Those skilled in the art should readily recognize that, based on the units and algorithm steps of the examples described in conjunction with the embodiments disclosed herein, this application can be implemented in hardware or a combination of hardware and computer software. Whether a function is executed in hardware or by computer software driving hardware depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0343] This application embodiment can divide the above-described electronic device into functional modules based on the method example described above. For example, each function can be divided into its own functional modules, or two or more functions can be integrated into one processing module. The integrated modules can be implemented in hardware or as software functional modules. It should be noted that the module division in this application embodiment is illustrative and only represents one logical functional division; other division methods may be used in actual implementation.

[0344] Based on the same inventive concept, as shown in FIG17, which is a schematic diagram of the structure of an electronic device provided in an embodiment of this application, the electronic device 1700 may include a transceiver module 1701, a processing module 1702, and a display module 1703. The electronic device 1700 can be used to implement the functions of the first electronic device or the second electronic device involved in the above method embodiments.

[0345] Optionally, the transceiver module 1701 is used to support the electronic device 1700 in interacting with other electronic devices.

[0346] Optionally, the processing module 1702 is used to support the electronic device 1700 in implementing the processing functions shown in FIG16.

[0347] Optionally, the display module 1703 is used to support the electronic device 1700 in implementing the display function shown in Figure 16.

[0348] Optionally, the transceiver module may include a receiving unit and a transmitting unit, and may be implemented by a transceiver or transceiver-related circuit components, and may be a transceiver or a transceiver module. The operation and / or function of each unit in the electronic device 1700 are respectively to implement the corresponding flow of the interaction method described in the above method embodiments. All relevant content of each step involved in the above method embodiments can be referred to the functional description of the corresponding functional unit, and for the sake of brevity, it will not be repeated here.

[0349] Optionally, the electronic device 1700 shown in FIG17 may further include a storage unit (not shown in FIG17) storing a program or instructions. When the transceiver module 1701, the processing module 1702, and the display module 1703 execute the program or instructions, the electronic device 1700 shown in FIG17 can perform the interactive method described in the above method embodiments.

[0350] The technical effects of the electronic device 1700 shown in Figure 17 can be referred to the technical effects of the interaction method described in the above method embodiments, and will not be repeated here.

[0351] In addition to being in the form of electronic device 1700, the technical solution provided in this application can also be a functional unit or chip in an electronic device, or a device used in conjunction with an electronic device.

[0352] This application also provides a display device, which includes a processor and a memory. The memory is coupled to the processor and is used to store computer-readable instructions. When the processor reads the computer-readable instructions from the memory, the display device executes the method described in the above method embodiments.

[0353] This application also provides a chip system, as shown in FIG18. The chip system 1800 includes at least one processor 1801 and at least one interface circuit 1802. As an example, when the chip system 1800 includes one processor and one interface circuit, the processor can be the processor 1801 shown in the solid box in FIG18 (or the processor 1801 shown in the dashed box), and the interface circuit can be the interface circuit 1802 shown in the solid box in FIG18 (or the interface circuit 1802 shown in the dashed box). When the chip system 1800 includes two processors and two interface circuits, the two processors include the processor 1801 shown in the solid box and the processor 1801 shown in the dashed box in FIG18, and the two interface circuits include the interface circuit 1802 shown in the solid box and the interface circuit 1802 shown in the dashed box in FIG18. This is not a limitation.

[0354] Processor 1801 and interface circuit 1802 can be interconnected via lines. For example, interface circuit 1802 can be used to receive signals. As another example, interface circuit 1802 can be used to send signals to other devices (e.g., processor 1801). Exemplarily, interface circuit 1802 can read instructions stored in memory and send the instructions to processor 1801. When the instructions are executed by processor 1801, the steps in the above embodiments can be performed. Of course, the chip system may also include other discrete devices, and this application embodiment does not specifically limit this.

[0355] Optionally, there can be one or more processors in the chip system. The processor can be implemented in hardware or software. When implemented in hardware, the processor can be a logic circuit, integrated circuit, etc. When implemented in software, the processor can be a general-purpose processor that reads software code stored in memory.

[0356] Optionally, the chip system may also include a memory (not shown in Figure 18). There may be one or more memories, which may be integrated with the processor or disposed separately from it; this application does not limit this. For example, the memory may be a non-transient processor, such as read-only memory (ROM), which may be integrated with the processor on the same chip or disposed separately on different chips. This application does not specifically limit the type of memory or the arrangement of the memory and processor. For example, the chip system may be a field-programmable gate array (FPGA), an application-specific integrated circuit (ASIC), a system-on-a-chip (SoC), a central processing unit (CPU), a network processor (NP), a digital signal processor (DSP), a microcontroller unit (MCU), a programmable logic device (PLD), or other integrated chips.

[0357] It should be understood that each step in the above method embodiments can be completed by integrated logic circuits in the processor hardware or by instructions in software form. The method steps disclosed in the embodiments of this application can be directly manifested as being executed by a hardware processor, or being executed by a combination of hardware and software modules in the processor.

[0358] This application also provides a computer storage medium storing computer instructions. When the computer instructions are executed on an electronic device, the electronic device performs the method described in the above-described method embodiments.

[0359] Computer-readable storage media include, but are not limited to, any of the following: USB flash drive, portable hard drive, read-only memory (ROM), random access memory (RAM), magnetic disk or optical disk, and other media capable of storing program code.

[0360] This application provides a computer program product, which includes a computer program or instructions that, when run on a computer, cause the computer to perform the methods described in the above-described method embodiments.

[0361] In addition, this application also provides an apparatus, which may specifically be a chip, component or module. The apparatus may include a connected processor and a memory. The memory is used to store computer execution instructions. When the apparatus is running, the processor can execute the computer execution instructions stored in the memory to cause the apparatus to perform the methods in the above-described method embodiments.

[0362] In addition, this application also provides a system, which may specifically be a chip, component or module. The system may include a connected processor and a memory. The memory is used to store computer execution instructions. When the system is running, the processor can execute the computer execution instructions stored in the memory to enable the system to perform the methods in the above-described method embodiments.

[0363] In this embodiment, the electronic device, computer storage medium, computer program product or chip are all used to execute the corresponding method provided above. Therefore, the beneficial effects that can be achieved can be referred to the beneficial effects of the corresponding method provided above, and will not be repeated here.

[0364] The steps of the methods or algorithms described in conjunction with the embodiments of this application can be implemented in hardware or by a processor executing software instructions. The software instructions can consist of corresponding software modules, which can be stored in random access memory (RAM), flash memory, read-only memory, erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), registers, hard disks, portable hard disks, compact disc read-only memory (CD-ROM), or any other form of storage medium well known in the art. An exemplary storage medium is coupled to a processor, enabling the processor to read information from and write information to the storage medium. Of course, the storage medium can also be a component of the processor. The processor and the storage medium can reside in an application-specific integrated circuit (ASIC).

[0365] Through the above description of the embodiments, those skilled in the art will clearly understand that, for the sake of convenience and brevity, the division of the above functional modules is only used as an example. In practical applications, the above functions can be assigned to different functional modules as needed; that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above. The specific working process of the system, device, and unit described above can be referred to the corresponding process in the foregoing method embodiments, and will not be repeated here.

[0366] In the several embodiments provided in this application, it should be understood that the disclosed apparatus and methods can be implemented in other ways. The embodiments can be combined with or referenced to each other without conflict. The apparatus embodiments described above are merely illustrative; for example, the division of modules or units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another device, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between devices or units may be electrical, mechanical, or other forms.

[0367] The units described as separate components may or may not be physically separate. A component shown as a unit can be one or more physical units; that is, it can be located in one place or distributed in multiple different locations. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0368] Furthermore, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit.

[0369] If the integrated unit is implemented as a software functional unit and sold or used as an independent product, it can be stored in a readable storage medium. Based on this understanding, the technical solutions of the embodiments of this application, essentially or in other words, the parts that contribute to the prior art, or all or part of the technical solutions, can be embodied in the form of a software product. The software product is stored in a storage medium and includes several instructions to cause a device (which may be a microcontroller, chip, etc.) or processor to execute all or part of the steps of the methods of the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0370] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the scope of the technology disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A display method, characterized in that, Applied to a first electronic device, the method includes: Display the first element; Based on the change in the relative motion state between the first electronic device and the second electronic device, the first animation corresponding to the first element is displayed.

2. The method according to claim 1, characterized in that, The change in relative motion state includes the change in relative velocity between the first electronic device and the second electronic device, and / or the change in relative distance between the first electronic device and the second electronic device.

3. The method according to claim 1 or 2, characterized in that, The first element is the element corresponding to the first electronic device.

4. The method according to claim 3, characterized in that, The first element is used to represent the user of the first electronic device.

5. The method according to any one of claims 1 to 3, characterized in that, The step of displaying the first animation corresponding to the first element based on the change in the relative motion state between the first electronic device and the second electronic device includes: Based on the change in the relative motion state between the first electronic device and the second electronic device, a first animation corresponding to the first element and a second animation corresponding to the second element are displayed; the second element corresponds to the second electronic device.

6. The method according to claim 5, characterized in that, The second element is used to represent the user of the second electronic device.

7. The method according to claim 5 or 6, characterized in that, The interactive effects of the first and second animations are matched with the changes in the relative motion state.

8. The method according to any one of claims 1 to 4, characterized in that, The method further includes: If a first condition is met, a portion of a third animation is displayed; another portion of the third animation is displayed by the second electronic device, and the third animation includes the first animation; wherein, the first condition includes that the distance between the first electronic device and the second electronic device is less than or equal to a preset distance.

9. The method according to claim 8, characterized in that, The first condition further includes: the relative speed between the first electronic device and the second electronic device is greater than a preset threshold.

10. The method according to any one of claims 1 to 9, characterized in that, The different types of motion state changes in the relative motion state affect the presentation effect of the first element in the first animation on different display attributes.

11. The method according to claim 10, characterized in that, The display attributes include one or more of the following: size, thickness, length, color, and shape.

12. A display system, characterized in that, The display system includes a first electronic device and a second electronic device: The first electronic device is used for: Display the first element; The first electronic device is further configured to: Based on the change in the relative motion state between the first electronic device and the second electronic device, the first animation corresponding to the first element is displayed.

13. The system according to claim 12, characterized in that, The change in relative motion state includes the change in relative velocity between the first electronic device and the second electronic device, and / or the change in relative distance between the first electronic device and the second electronic device.

14. The system according to claim 12 or 13, characterized in that, The first electronic device is further configured to: Based on the change in the relative motion state between the first electronic device and the second electronic device, a first animation corresponding to the first element and a second animation corresponding to the second element are displayed, wherein the first element corresponds to the first electronic device and the second element corresponds to the second electronic device.

15. The system according to claim 14, characterized in that, The interactive effects of the first and second animations are matched with the changes in the relative motion state.

16. The system according to any one of claims 12 to 15, characterized in that, The first electronic device is further configured to: If a first condition is met, a portion of a third animation is displayed; wherein the third animation includes the first animation, and the first condition includes that the distance between the first electronic device and the second electronic device is less than or equal to a preset distance; Send another portion of the third animation to the second electronic device; The second electronic device is also used for: Receive another portion of the third animation from the first electronic device; This shows another part of the third animation.

17. The system according to any one of claims 12 to 16, characterized in that, The second electronic device is also used for: Send the attribute information of the third element displayed by the second electronic device to the first electronic device; The first electronic device is further configured to: Receive the attribute information of the third element from the second electronic device; The first animation is determined based on the attribute information of the third element, the first element, and the change in relative motion state.

18. The system according to any one of claims 12 to 17, characterized in that, The second electronic device is used for: Display the third element; The fourth animation corresponding to the third element is displayed based on the change in the relative motion state between the first electronic device and the second electronic device.

19. The system according to claim 18, characterized in that, The second electronic device is also used for: Based on the change in the relative motion state between the first electronic device and the second electronic device, a fourth animation corresponding to the third element and a fifth animation corresponding to the fourth element are displayed. The third element corresponds to the second electronic device, and the fourth element corresponds to the first electronic device.

20. The system according to claim 18 or 19, characterized in that, The first electronic device is further configured to: Send the attribute information of the first element displayed by the first electronic device to the first electronic device; The second electronic device is also used for: Receive the attribute information of the first element from the first electronic device; The fourth animation is determined based on the attribute information of the first element, the third element, and the change in relative motion state.

21. An electronic device, characterized in that, include: A memory, one or more processors; the memory is coupled to the processors; wherein the memory stores computer program code, the computer program code including computer instructions, which, when executed by the processor, cause the electronic device to perform the display method as described in any one of claims 1-11.

22. A computer-readable storage medium, characterized in that, Includes computer instructions that, when executed on an electronic device, cause the electronic device to perform the display method as described in any one of claims 1-11.

23. A computer program product, characterized in that, When the computer program product is run on a computer, it causes the computer to perform the display method as described in any one of claims 1-11.

Images