Interface display method, electronic equipment and storage medium

Abstract

The embodiment of the invention relates to the technical field of terminals, in particular to an interface display method, electronic equipment and a storage medium. In the method, the electronic equipment can display an interface comprising a target interface element. Wherein the target interface element changes along with the motion state of the electronic equipment. The motion state of the electronic equipment comprises the acceleration of the electronic equipment and / or the change of the attitude angle of the electronic equipment. Thus, through the change of the target interface element, the user can feel the same feeling as the feeling provided for the user by the vehicle from the electronic equipment, so that the discomfort of the user can be relieved, and the use experience of the user on the electronic equipment can be improved.

Description

Technical Field

[0001] This application relates to the field of terminal technology, and in particular to an interface display method, electronic device, and storage medium. Background Technology

[0002] Electronic devices are becoming increasingly common, and users are using them more and more frequently.

[0003] Users use electronic devices in various moving environments such as cars, ships, and airplanes. Some users experience discomfort when using electronic devices in these scenarios, which can negatively impact their user experience. Summary of the Invention

[0004] This application provides an interface display method, an electronic device, and a storage medium, which can alleviate the discomfort that users experience when using electronic devices in sports scenarios and improve the user experience.

[0005] Firstly, a method for displaying an interface is provided, applicable to electronic devices such as mobile phones and tablets. The method includes: the electronic device displaying a first interface, which includes an application interface of a first application and a target interface element displayed on top of the application interface. The target interface element changes with the movement of the electronic device. The target interface element displayed on top of the application interface can be understood as being superimposed on the application interface, with the target interface element located on top of the application interface; that is, the target interface element is displayed in the overlapping portion of the application interface. Next, the electronic device receives a first operation applied to the first interface. Then, in response to the first operation, the electronic device displays a second interface. The second interface includes a first option and a second option, where the first option is selected and the second option is not selected. Next, in response to a selection operation on the second option, the first option is not selected, and the second option is selected. After the second option is selected, the electronic device displays a third interface, which includes the target interface element.

[0006] Specifically, the degree to which the target interface elements follow the movement state of the electronic device when the first option is selected differs from the degree to which the target interface elements follow the movement state of the electronic device when the second option is selected.

[0007] In the above method, the target interface elements change with the movement of the electronic device. Thus, in motion scenarios, users experience the same sensations they would have while using the electronic device as they would while on public transport, alleviating discomfort. Furthermore, users can configure the degree to which the target interface elements change with the electronic device's movement through first and second options. This allows the phone to display the target interface elements more flexibly. Therefore, this method enables the electronic device to alleviate user discomfort while allowing users to flexibly adjust the target interface elements according to their needs, thereby improving the user experience.

[0008] In one possible design of the first aspect, the aforementioned target interface element includes multiple animation units, the position and / or shape of which follow the movement state of the electronic device.

[0009] Understandably, the form of the animation unit and its changes in response to the motion state of the electronic device can include: the color, size, quantity, and transparency of the animation unit, among other things, following the changes in the motion state of the electronic device.

[0010] In one possible design of the first aspect, the aforementioned multiple animation units are displayed in two columns on the left and right edges of the current interface, depending on the current interface display state, which includes: landscape mode and portrait mode.

[0011] In another possible design of the first aspect, the motion state of the electronic device includes the acceleration of the electronic device in a first direction, the shape of the animation unit includes the size of the animation unit, and the method further includes: in response to a change in the acceleration of the electronic device in the first direction, the electronic device displays an animation effect in which the size of the animation unit changes, the first direction including at least one direction perpendicular to the screen of the electronic device.

[0012] In this design, electronic devices can further alleviate user discomfort by displaying animated effects that show the size of the animated units changing.

[0013] In another possible design of the first aspect, the aforementioned animation unit is a circular element, and the size of the animation unit includes the diameter of the circular element.

[0014] In another possible design of the first aspect, the motion state of the aforementioned electronic device includes the pitch angle of the electronic device. The method further includes: in response to a change in the pitch angle of the electronic device, the electronic device displays an animation effect of the animation unit moving in a second direction; the second direction includes an upward or downward direction within the current interface of the electronic device.

[0015] In this design, electronic devices can further alleviate user discomfort by displaying an animated effect of the animation unit moving in the second direction.

[0016] In another possible design of the first aspect, the motion state of the aforementioned electronic device also includes the roll angle of the electronic device. The method further includes: in response to a change in the roll angle of the electronic device, displaying a first group of animation units moving in a second direction, and displaying an animation effect of a second group of animation units moving upwards in a third direction, the third direction being the opposite direction of the second direction; the second direction includes an upward or downward direction in the current interface, the first group of animation units being a column of animation units displayed at the left edge of the current interface, and the second group of animation units being a column of animation units displayed at the right edge of the current interface.

[0017] This design can further alleviate user discomfort.

[0018] In another possible design of the first aspect, the motion state of the aforementioned electronic device includes the heading angle of the electronic device. The aforementioned multiple animation units are displayed in a multi-row arrangement on the current interface.

[0019] The method further includes: displaying an animation effect of animation units moving in a fourth direction in response to a change in the heading angle of the electronic device, wherein at least two animation units move different distances, and the fourth direction includes the left or right direction in the current interface.

[0020] In this design, electronic devices can further alleviate user discomfort by displaying the aforementioned animation effects.

[0021] In another possible design of the first aspect, the motion state of the aforementioned electronic device further includes acceleration of the electronic device in a fifth direction. The method further includes: in response to a change in acceleration of the electronic device in the fifth direction, the electronic device displays an animation effect of an animation unit moving in the opposite direction of the fifth direction; the fifth direction includes at least one direction parallel to the screen of the electronic device.

[0022] In this design, electronic devices can further alleviate user discomfort by displaying the aforementioned animation effects.

[0023] In another possible design of the first aspect, the first option corresponds to the first animation coefficient, and the second option corresponds to the second animation coefficient. Furthermore, when the first option is selected, the first animation coefficient takes effect; when the second option is selected, the second animation coefficient takes effect.

[0024] In another possible design of the first aspect, the aforementioned electronic device displays a first interface, comprising: the electronic device determining its current motion state; next, the electronic device obtaining animation parameters for a target interface element based on the current motion state and a first animation coefficient; the animation parameters controlling the position and / or shape of the animation units included in the target interface element; and then, the electronic device displaying the target interface element on the first interface based on the animation parameters.

[0025] In another possible design of the first aspect, the electronic device determines its current motion state by acquiring its acceleration and current attitude angles. The current attitude angles include the current heading angle, the current roll angle, and the current pitch angle.

[0026] In another possible design of the first aspect, the aforementioned animation parameters include a first parameter. The first parameter is used to control the size of the animation units included in the target interface element. The electronic device obtains the animation parameters of the target interface element based on the current motion state and the first animation coefficient, including: when the electronic device obtains acceleration in the first direction, the electronic device obtains the first parameter based on the acceleration in the first direction and the first animation coefficient.

[0027] In another possible design of the first aspect, the animation parameters also include a second parameter; the second parameter is used to control the movement of the animation unit included in the target interface element in the second direction; the electronic device obtains the animation parameters of the target interface element according to the current motion state and the first animation coefficient, including: when the current pitch angle is different from the initial pitch angle, the electronic device obtains the second parameter according to the difference between the current pitch angle and the initial pitch angle, and the first animation coefficient.

[0028] In another possible design of the first aspect, the animation parameters also include a third parameter; the third parameter is used to control the movement of the first group of animation units in the second direction, and the movement of the second group of animation units in the third direction. The aforementioned electronic device obtains the animation parameters of the target interface element based on the current motion state and the first animation coefficient, including: when the current roll angle is different from the initial roll angle, the electronic device obtains the third parameter based on the difference between the current roll angle and the initial roll angle, and the first animation coefficient.

[0029] In another possible design of the first aspect, the aforementioned animation parameters further include a fourth parameter; the fourth parameter is used to control the movement of the animation unit in a fourth direction, and the movement distances of at least two animation units are different. The aforementioned electronic device obtains the animation parameters of the target interface element based on the current motion state and the first animation coefficient, including: when the current heading angle is different from the initial heading angle, the electronic device obtains the fourth parameter based on the difference between the current heading angle and the initial heading angle, and the first animation coefficient.

[0030] In another possible design of the first aspect, in the above method, the color of the target interface element is a contrasting color of the main color of the interface beneath the target element.

[0031] In another possible design of the first aspect, the number of animation units included in the aforementioned target interface elements changes with the motion state of the electronic device.

[0032] In a second aspect, an electronic device is provided, the electronic device including 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; when the computer instructions are executed by the processor, the electronic device performs the method provided by the first aspect and any possible design of the first aspect.

[0033] Thirdly, a computer-readable storage medium is provided, including computer instructions that, when executed on an electronic device, cause the electronic device to perform the methods provided by the first aspect and any possible design of the first aspect.

[0034] Fourthly, a computer program product containing instructions is provided, which, when run on an electronic device, enables the electronic device to perform the methods provided by the first aspect and any possible design of the first aspect.

[0035] Fifthly, a chip system is provided for use in an electronic device, the chip system including one or more processors for invoking computer instructions to cause the electronic device to perform the methods provided by the first aspect and any possible design of the first aspect.

[0036] The technical effects of any of the design methods in aspects two through five can be found in the technical effects of different design methods in aspect one, and will not be repeated here. Attached Figure Description

[0037] Figure 1 A schematic diagram illustrating a usage scenario provided in an embodiment of this application;

[0038] Figure 2 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application;

[0039] Figure 3 A schematic diagram of the architecture of an electronic device provided in an embodiment of this application;

[0040] Figure 4 A schematic diagram of the coordinate system of an electronic device provided for an embodiment of this application;

[0041] Figure 5 A schematic diagram illustrating the user's posture when using an electronic device, provided as an embodiment of this application;

[0042] Figure 6 A schematic diagram of a set of user graphical interfaces provided for embodiments of this application;

[0043] Figure 7 A schematic diagram of yet another set of user graphical interfaces provided in the embodiments of this application;

[0044] Figure 8 A schematic diagram of another set of user graphical interfaces provided in the embodiments of this application;

[0045] Figure 9 A schematic diagram of a user graphical interface provided in an embodiment of this application;

[0046] Figure 10 A schematic diagram illustrating an animation effect provided in an embodiment of this application;

[0047] Figure 11 A schematic diagram illustrating another animation effect provided in an embodiment of this application;

[0048] Figure 12 A schematic diagram illustrating yet another animation effect provided in an embodiment of this application;

[0049] Figure 13 A schematic diagram illustrating another animation effect provided in an embodiment of this application;

[0050] Figure 14 A schematic diagram illustrating yet another animation effect provided in an embodiment of this application;

[0051] Figure 15 A schematic diagram illustrating another animation effect provided in an embodiment of this application;

[0052] Figure 16 A schematic diagram illustrating yet another animation effect provided in an embodiment of this application;

[0053] Figure 17 A schematic diagram illustrating another animation effect provided in an embodiment of this application;

[0054] Figure 18 A schematic diagram illustrating yet another animation effect provided in an embodiment of this application;

[0055] Figure 19 A schematic diagram illustrating another animation effect provided in an embodiment of this application;

[0056] Figure 20 A schematic diagram illustrating yet another animation effect provided in an embodiment of this application;

[0057] Figure 21A flowchart illustrating the interface display method provided in an embodiment of this application;

[0058] Figure 22 A schematic diagram of target interface elements provided for embodiments of this application;

[0059] Figure 23 A schematic diagram illustrating different mobile phone usage states provided for embodiments of this application;

[0060] Figure 24 A schematic diagram of the first type of parameters provided for embodiments of this application;

[0061] Figure 25 A schematic diagram illustrating the animation effects corresponding to the first type of parameters provided in an embodiment of this application;

[0062] Figure 26 A schematic diagram of the second type of parameters provided for embodiments of this application;

[0063] Figure 27 A schematic diagram illustrating the animation effects corresponding to the second type of parameters provided in an embodiment of this application;

[0064] Figure 28 A schematic diagram of the third type of parameter provided for an embodiment of this application;

[0065] Figure 29 A schematic diagram illustrating the animation effects corresponding to the third type of parameters provided in this application embodiment;

[0066] Figure 30 A schematic diagram of the fourth type of parameter provided for an embodiment of this application;

[0067] Figure 31 A schematic diagram illustrating the animation effects corresponding to the fourth type of parameters provided in this application embodiment;

[0068] Figure 32 A schematic diagram of the fifth type of parameter provided for an embodiment of this application;

[0069] Figure 33 A schematic diagram illustrating the animation effects corresponding to the fifth type of parameters provided in this application embodiment;

[0070] Figure 34 A schematic diagram illustrating the animation effects corresponding to the combination of the first type of parameters and the second type of parameters provided in this application embodiment;

[0071] Figure 35 A schematic diagram illustrating the animation effects corresponding to the combination of the first type of parameters and the fourth type of parameters provided in the embodiments of this application;

[0072] Figure 36A schematic diagram of another set of user graphical interfaces provided in the embodiments of this application;

[0073] Figure 37 A schematic diagram of yet another set of user graphical interfaces provided in the embodiments of this application;

[0074] Figure 38 A schematic diagram of yet another set of user graphical interfaces provided in the embodiments of this application;

[0075] Figure 39 A schematic diagram of another user graphical interface provided in an embodiment of this application;

[0076] Figure 40 A schematic diagram illustrating the structure of another electronic device provided in an embodiment of this application;

[0077] Figure 41 This is a schematic diagram of the structure of a chip system provided in an embodiment of this application. Detailed Implementation

[0078] 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 the embodiments 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.

[0079] 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.

[0080] The technical solutions disclosed in this application involve the collection, storage, use, processing, transmission, provision, and disclosure of users' personal information, all of which comply with relevant laws and regulations and do not violate public order and good morals.

[0081] Electronic devices are becoming increasingly common, and users are using them more and more frequently.

[0082] Users will use electronic devices while in motion. For example, users will use electronic devices in a moving car, a moving train, a moving airplane, or a moving ship.

[0083] For example, participate Figure 1 The user may use electronic devices 100 on vehicle 200. Because vehicle 200 is in motion, it will provide the user with a sense of acceleration and / or changes in angle. Figure 1 In the scenario shown, the user's experience provided by the means of transportation (e.g., vehicle 200) and the user's experience provided by the electronic device 100 (e.g., mobile phone) are inconsistent, which can cause discomfort to the user.

[0084] For example, the acceleration perceived by a user from a vehicle in a tactile sense differs from the acceleration perceived by a user from an electronic device in a visual sense. This can cause discomfort (e.g., dizziness, nausea, etc.) and negatively impact the user experience. Similarly, the angular changes perceived by a user from a vehicle in a tactile sense differ from the angular changes perceived by a user from an electronic device in a visual sense. This can also cause discomfort (e.g., dizziness, nausea, etc.) and negatively impact the user experience.

[0085] Specifically, when users use electronic devices in a vehicle, they can feel the lateral acceleration when the vehicle turns; however, they cannot visually perceive this lateral acceleration through their phone. This can cause discomfort while using the phone, negatively impacting the user experience.

[0086] Specifically, when users use electronic devices on an airplane, they can perceive changes in the aircraft's pitch angle as the aircraft's attitude changes. However, users cannot visually perceive these changes on their phones. This can cause discomfort while using the phone, negatively impacting the user experience.

[0087] In view of this, embodiments of this application provide an interface display method in which an electronic device can display an interface including target interface elements. The target interface elements change with the motion state of the electronic device. The motion state of the electronic device includes changes in the acceleration and / or attitude angle of the electronic device.

[0088] For example, the size of the target interface element changes with the acceleration of the electronic device. Another example is that the position of the target interface element can change with the attitude angle of the electronic device.

[0089] In this way, by changing the target interface elements, users can experience the same feeling from electronic devices as they do from vehicles, which can reduce user discomfort and improve the user experience of electronic devices.

[0090] In this way, users can perceive the same angular changes from the target interface elements in a visual dimension as they perceive angular changes from the perspective of a vehicle in a tactile dimension. This reduces user discomfort and improves the user experience of electronic devices.

[0091] It is understood that the technical solutions provided in this application can be applied to electronic devices with display functions. These electronic devices can also be referred to as terminals, terminal equipment, user equipment (UE), mobile station (MS), mobile terminal (MT), etc. These electronic devices can be mobile phones, tablets, wearable devices, smart screens, augmented reality (AR) / virtual reality (VR) devices, laptops, ultra-mobile personal computers (UMPCs), netbooks, personal digital assistants (PDAs), and other electronic devices with interface display functions. This application does not impose any limitations on the product form of the electronic devices.

[0092] The structure and architecture of electronic devices will be introduced below.

[0093] Figure 2 A schematic diagram of the structure of the electronic device 100 is shown.

[0094] Electronic device 100 may include processor 110, external memory interface 120, internal memory 121, universal serial bus (USB) interface 130, sensor 180, and display screen 194, etc. Among them, sensor 180 may include pressure sensor 180A, gyroscope sensor 180B, touch sensor 180K, accelerometer sensor 180E, etc.

[0095] It is understood that the structures illustrated in the embodiments of the present invention do not constitute a specific limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 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.

[0096] Processor 110 may include one or more processing units, such as: application processor (AP), 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.

[0097] The controller can be the nerve center and command center of the electronic device 100. The controller can generate operation control signals according to the instruction opcode and timing signals to complete the control of fetching and executing instructions.

[0098] The processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or that are used repeatedly. If the processor 110 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 110, and thus improves the efficiency of the system.

[0099] In some embodiments, the processor 110 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.

[0100] It is understood that the interface connection relationships between the modules illustrated in the embodiments of the present invention are merely illustrative and do not constitute a structural limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may also employ different interface connection methods or combinations of multiple interface connection methods as described in the above embodiments.

[0101] The display screen 194 is used to display images, videos, etc. The display screen 194 includes a display panel. The display panel may be a liquid crystal display (LCD), an organic light-emitting diode (OLED), or the like. In some embodiments, the electronic device 100 may include one or N display screens 194, where N is a positive integer greater than 1.

[0102] The external storage interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 through the external storage interface 120 to perform data storage functions. For example, music, video, and other files can be saved on the external memory card.

[0103] Internal memory 121 can be used to store computer executable program code, which includes instructions. Processor 110 executes various functional applications and data processing of electronic device 100 by running the instructions stored in internal memory 121. Internal memory 121 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 100 (such as audio data, phonebook, etc.). Furthermore, internal memory 121 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.

[0104] Pressure sensor 180A is used to sense pressure signals and can convert the pressure signals into electrical signals. In some embodiments, pressure sensor 180A can be disposed on display screen 194. There are many types of pressure sensors 180A, such as resistive pressure sensors, inductive pressure sensors, and capacitive pressure sensors. A capacitive pressure sensor may include at least two parallel plates with conductive material. When a force is applied to pressure sensor 180A, the capacitance between the electrodes changes. When a touch operation is applied to display screen 194, electronic device 100 detects the intensity of the touch operation based on pressure sensor 180A. Electronic device 100 can also calculate the touch position based on the detection signal from pressure sensor 180A.

[0105] The gyroscope sensor 180B can be used to determine the motion state of the electronic device 100. In some embodiments, the angular velocity of the electronic device 100 about three axes (i.e., the x, y, and z axes) can be determined by the gyroscope sensor 180B.

[0106] The 180E accelerometer can detect the magnitude of acceleration of electronic device 100 in various directions (typically three axes). When electronic device 100 is stationary, it can detect the magnitude and direction of gravity. It can also be used to identify the posture of electronic devices and applied to applications such as screen orientation switching and pedometers.

[0107] Touch sensor 180K, also known as a "touch panel," can be located on display screen 194. The touch sensor 180K and display screen 194 together form a touchscreen, also known as a "touch screen." Touch sensor 180K detects touch operations applied to or near it. The touch sensor can transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through display screen 194. In other embodiments, touch sensor 180K may also be located on the surface of electronic device 100, in a different position than display screen 194.

[0108] The technical solutions provided in this application embodiment are applicable to those having the above-mentioned characteristics. Figure 2 The structure of the electronic device is shown.

[0109] After introducing the structure of electronic devices, we will now introduce their architecture.

[0110] Figure 3 A schematic diagram of the architecture of electronic device 100 is shown.

[0111] The software system of electronic device 100 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This embodiment of the invention uses the layered architecture Android system as an example to exemplify the software structure of electronic device 100.

[0112] Figure 3 This is a software structure block diagram of the electronic device 100 according to an embodiment of the present invention.

[0113] A layered architecture divides software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom: the application layer, the application framework layer, the Android runtime and system libraries, and the kernel layer.

[0114] The application layer can include a series of application packages.

[0115] like Figure 3 As shown, the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and SMS.

[0116] The application framework layer provides application programming interfaces (APIs) and a programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0117] like Figure 3As shown, the application framework layer may include a window manager, content provider, view system, phone manager, resource manager, notification manager, etc.

[0118] The window manager is used to manage windowed applications. It can retrieve screen size, determine the presence of a status bar, lock the screen, and capture screenshots, among other things.

[0119] Content providers store and retrieve data, making that data accessible to applications. This data may include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc.

[0120] A view system includes visual controls, such as controls for displaying text and controls for displaying images. View systems can be used to build applications. A display interface can consist of one or more views. For example, a display interface including a text notification icon could include views for displaying text and views for displaying images.

[0121] The phone manager is used to provide communication functions for electronic device 100. For example, it manages call status (including connection and disconnection).

[0122] The file explorer provides applications with various resources, such as localized strings, icons, images, layout files, video files, and more.

[0123] The notification manager allows applications to display notifications in the status bar. These notifications can be used to deliver informational messages and can disappear automatically after a short pause, requiring no user interaction. For example, the notification manager can be used to notify users of completed downloads or message alerts. The notification manager can also display notifications as icons or scrolling text in the top status bar, such as notifications from background applications, or as dialog boxes on the screen. Examples include displaying text messages in the status bar, emitting sounds, vibrating electronic devices, and flashing indicator lights.

[0124] The Android Runtime consists of core libraries and a virtual machine. The Android runtime is responsible for the scheduling and management of the Android system.

[0125] The core library consists of two parts: one part is the functionalities that need to be called by the Java language, and the other part is the Android core library.

[0126] The application layer and application framework layer run in a virtual machine. The virtual machine executes the Java files of the application layer and application framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0127] System libraries can include multiple functional modules. For example: surface manager, media libraries, 3D graphics processing libraries (e.g., OpenGL ES), 2D graphics engines (e.g., SGL), etc.

[0128] The Surface Manager is used to manage the display subsystem and provides the blending of 2D and 3D layers for multiple applications.

[0129] The media library supports playback and recording of various common audio and video formats, as well as still image files. It supports multiple audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, and PNG.

[0130] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0131] A 2D graphics engine is a graphics engine for 2D drawing.

[0132] The kernel layer is the layer between hardware and software. The kernel layer contains at least the display driver, camera driver, audio driver, and sensor driver.

[0133] Among them, sensor drivers include at least accelerometer drivers and gyroscope drivers.

[0134] The technical solutions provided in this application embodiment are applicable to those having the above-mentioned characteristics. Figure 3 The electronic device with the architecture shown.

[0135] The technical solutions provided in this application embodiment will be further described below using a mobile phone as an example.

[0136] Before introducing the technical solutions provided in the embodiments of this application, a brief introduction to the coordinate system of the mobile phone is given.

[0137] For example, see Figure 4 , Figure 4 A schematic diagram of a Cartesian coordinate system with the center of the phone as the origin is shown. For ease of description below, the Cartesian coordinate system with the center of the phone as the origin will be simply referred to as the coordinate system. The X-axis of the phone points from the left side of the phone to the right side, the Z-axis points from the bottom of the phone to the top, and the Y-axis points from the rear of the phone to the front. The angle of rotation of the phone around the Y-axis can be called the roll angle, the angle of rotation of the phone around the X-axis can be called the pitch angle, and the angle of rotation of the phone around the Z-axis can be called the yaw angle.

[0138] Understandable, Figure 4In the coordinate system shown, the shooting direction of the front-facing camera is in the positive Y-axis direction, and the shooting direction of the rear-facing camera is in the negative Y-axis direction. The shooting direction of the camera can be understood as the direction in which the image sensor points towards the lens; for example, the direction in which the center point of the image sensor points towards the optical center point of the lens. It should be understood that in... Figure 4 In the diagram, the arrow points in the positive direction. It should be understood that the attitude angles mentioned above (e.g., pitch, roll, and yaw) conform to the right-hand screw rule in the Cartesian coordinate system.

[0139] It should be pointed out that, with Figure 4 Taking the coordinate system shown as an example, the direction perpendicular to the phone screen includes the direction of the Y-axis in the coordinate system. And, Figure 4 In the coordinate system shown, the Z-axis can represent the upward or downward direction on the phone screen; and the X-axis can represent the left or right direction on the phone screen. Furthermore, directions parallel to the phone screen include any direction in the plane formed by the X and Y axes in the coordinate system.

[0140] In the following embodiments of this application, it will be used as Figure 4 Taking the coordinate system shown as an example, the technical solution provided in this application will be further described. It should be noted that... Figure 4 The coordinate system shown is only an example. In actual use, the coordinate system of a mobile phone can have many other designs, and this application embodiment does not limit this.

[0141] Understandably, in the above Figure 1 In the scenario shown, users can use their phones in any posture, and the relative position of the phone and the vehicle can change according to the actual usage.

[0142] For example, see Figure 5 , Figure 5 Part (A) illustrates the posture of a mobile phone when a user is using it. In this posture, the directional relationship of the vehicle is as follows: Figure 1 As shown, the coordinate system of the mobile phone is as follows: Figure 4 As shown. The front of the vehicle corresponds to the back of the phone, the back of the vehicle corresponds to the front of the phone, the top of the vehicle corresponds to the top of the phone, the bottom of the vehicle corresponds to the bottom of the phone, the left side of the vehicle corresponds to the left side of the phone, and the right side of the vehicle corresponds to the right side of the phone.

[0143] For example, see again Figure 5 , Figure 5Section (B) shows another orientation of the phone when the user is using it. In this orientation, the top of the vehicle corresponds to the front of the phone, the bottom of the vehicle corresponds to the rear of the phone, the front of the vehicle corresponds to the top of the phone, the rear of the vehicle corresponds to the bottom of the phone, the left side of the vehicle corresponds to the left side of the phone, and the right side of the vehicle corresponds to the right side of the phone.

[0144] In the following embodiments of this application, the scenario is that a user uses a mobile phone inside a vehicle, and the relative positional relationship between the mobile phone and the vehicle is as described above. Figure 5 The technical solutions provided in this application embodiment are introduced using posture 1 or posture 2 as examples. It should be understood that the scenario of a user using a mobile phone in a vehicle is only an example, and the applicable scenarios of this application embodiment are not limited to this in actual use. This application embodiment does not impose any limitations on this.

[0145] In some embodiments, users can enable the "anti-motion sickness" mode on their mobile phones through certain options provided by the phones. After the "anti-motion sickness" mode is enabled, the phone can display target interface elements on the screen. The "anti-motion sickness" mode can also be referred to as "motion feedback" mode, "motion sickness relief" function, "motion sickness relief" prompt, etc. This application embodiment does not impose any limitations on these terms; the following embodiments of this application will use the "motion sickness relief" prompt as an example for description.

[0146] It should be noted that in some technical solutions provided in the embodiments of this application, after the "Relieve Motion Sickness" prompt is enabled, the mobile phone will display the target interface element on each screen. For example, the mobile phone displays the target interface element on the desktop. Another example is that the mobile phone displays the target interface element on the video playback screen. In other technical solutions, the mobile phone can display the target interface element on screens other than the lock screen and the always-on display (AOD) screen.

[0147] Further details about the target interface elements are provided below and will not be elaborated upon here.

[0148] For example, see Figure 6 The phone displays desktop 400. Next, the electronic device receives a swipe operation from the user on desktop 400. In response to the user's swipe operation on desktop 400 (e.g., swiping down from the top right of the phone screen), the phone displays a drop-down menu interface 410; the drop-down menu 410 includes a first option 411 that is currently closed. Subsequently, in response to a trigger operation on the first option 411 (e.g., a tap operation), the phone activates a "Relieve Motion Sickness" prompt, and the phone displays a drop-down menu interface 420; the drop-down menu 420 includes a first option 421 that is currently active.

[0149] Then, in response to a long press on the first option 411, the phone displays a settings interface 430 with a "Relieve Motion Sickness" prompt. Users can further configure the "Relieve Motion Sickness" prompt within the settings application interface.

[0150] It should be noted that there are more option controls in the drop-down menu bar interface mentioned above. Users can also trigger the phone to display more option controls by pulling down the drop-down menu bar interface again, such as controls related to multi-device interconnection, etc.

[0151] The drop-down menu bar mentioned above can be the phone's control center. In addition to triggering the display of the control center interface by swiping down from the top of the phone, it can also be triggered in other ways, such as through the phone's hardware buttons or voice control. There are no restrictions on this method.

[0152] It should be understood that in some designs, regardless of the state of the first option 411, a long press on the first option 411 can trigger the phone to display the "Relieve Motion Sickness" settings interface 430. In other words, when the phone displays the drop-down menu interface 410, in response to the triggering operation of the first option 411 which is in the closed state, the phone can also display the "Relieve Motion Sickness" settings interface 430.

[0153] In another example, after long-pressing the first option, you can also avoid jumping to the settings app and instead display a floating window on top of the control center interface, displaying some or all of the settings in the settings interface 430 in the floating window.

[0154] For example, see again Figure 6 The phone displays desktop 400. Desktop 400 includes an icon 401 for the settings application. Next, in response to a triggering operation on the settings application icon 401, the phone displays the settings application interface 440. The settings application interface 440 includes accessibility menu options 441. Subsequently, in response to a triggering operation on accessibility menu option 441, the phone displays accessibility menu interface 450; accessibility menu interface 450 includes an option 451 for "Relieve Motion Sickness". Next, in response to a triggering operation on option 451 for "Relieve Motion Sickness", the phone displays a settings interface 430 for "Relieve Motion Sickness".

[0155] It should be understood that, in the above Figure 6 The arrangement of controls in the drop-down menu bar provided is merely an example. In actual use, there may be many other ways to arrange the controls in the drop-down menu bar, and this application embodiment does not impose any restrictions on this.

[0156] And, in the above Figure 6The provided example shows the arrangement of menu options in the application settings interface, which is also just an example. In actual use, there may be other arrangements, and this application embodiment does not impose any restrictions on them.

[0157] It should be pointed out that, in Figure 6 The user graphical interface shown shows that after the "Relieve Motion Sickness" prompt is enabled on the phone, the displayed interface can also include the target interface element. To further explain the settings menu for the "Relieve Motion Sickness" prompt, in... Figure 6 In the user graphical interface shown, after the "Relieve Motion Sickness" prompt is enabled on the phone, the target interface elements are not shown.

[0158] In other embodiments, after the "Relieve Motion Sickness" prompt on the phone is turned on, the phone can display the "Relieve Motion Sickness" prompt being turned on in the form of a dynamic capsule.

[0159] In other embodiments, the phone can automatically activate a "relieve motion sickness" prompt. For example, the phone can activate the "relieve motion sickness" prompt when it detects that the user is using public transportation. Or, the phone can detect the user's commute time and activate the "relieve motion sickness" prompt if the current time falls within that commute time.

[0160] As one possible implementation, the phone can preset a geofence; the geofence can represent the geographical location of bus stops, subway stations, airports, parking lots, etc. When the phone triggers the geofence, it will activate a "Relieve Motion Sickness" prompt.

[0161] For example, see Figure 7 The phone displays desktop 700. After the phone triggers a geofence, the "Relieve Motion Sickness" prompt is enabled. The phone then displays desktop 710, which includes the "Agile Capsule" 711; Agile Capsule 711 indicates that the "Relieve Motion Sickness" prompt is enabled. Next, in response to the triggering of Agile Capsule 711, the phone displays the "Relieve Motion Sickness" settings interface 720.

[0162] Alternatively, in some other designs, in response to a trigger operation on the Capsule 711, the phone displays the following Figure 8 The first card in the system is 1211. Users can use the first card 1211 to adjust the intensity of the "Relieve Motion Sickness" prompt.

[0163] In some embodiments, after the phone enables the "Relieve Motion Sickness" prompt, the phone can display controls related to the intensity of the "Relieve Motion Sickness" prompt in the pull-down notification bar. Users can use these controls to adjust the intensity of the "Relieve Motion Sickness" prompt. The intensity of interface elements can affect the size and position of the target interface elements displayed on the phone during a certain movement state.

[0164] For example, see Figure 8 After the "Relieve Motion Sickness" prompt is enabled on the phone, the phone displays desktop 1200. Desktop 1200 includes target interface elements, which include multiple animated units (e.g., the solid black circles shown in the image). The target interface is originally displayed on top of desktop 1200.

[0165] In this embodiment, the target interface elements can change with the movement of the mobile phone. For example, the position and / or shape of the animated units included in the target interface elements change with the movement of the mobile phone. In this way, through the target interface elements, the user can perceive, in a visual dimension, the same angular change felt by the user as the angular change brought about by a vehicle in a tactile dimension. This can reduce user discomfort and improve the user experience of the electronic device.

[0166] In some solutions provided in the embodiments of this application, when the "Relieve Motion Sickness" prompt is enabled on the mobile phone, the aforementioned target interface elements may not be displayed when the phone displays the AOD (Away From Home) interface or the lock screen interface. It is understood that users typically do not stare at the AOD interface and lock screen interface for extended periods. Therefore, by not displaying the target interface elements on top of the AOD interface and lock screen interface, the mobile phone can reduce its power consumption.

[0167] In other solutions provided in the embodiments of this application, the "relieve motion sickness" prompt can be combined with the lock screen content. When the phone displays the lock screen interface, the target interface element can be some or all of the elements in the lock screen content.

[0168] For example, a mobile phone can display a lock screen animation on the lock screen interface. The lock screen animation includes a water glass placed on a table, and the target element can be the water in the glass. The surface of the water in the glass shakes with the change of the vehicle's movement state, so that the user can obtain the same feeling of acceleration in the visual dimension as the user obtains in the physical dimension, thereby alleviating the user's discomfort.

[0169] To illustrate further, by using image expansion capabilities, the lock screen can move forward, backward, up, down, left, and right in accordance with the vehicle's movement, allowing users to experience the same acceleration sensation in the visual dimension as they experience in the tactile dimension, thereby alleviating user discomfort.

[0170] It should be understood that Figure 8 The size and color of the animation units included in the target interface elements shown are for illustrative purposes only. In actual use, the size and color of the animation units can be adjusted according to actual usage requirements, and this application embodiment does not limit this.

[0171] For example, see again Figure 8 In response to a user's swipe gesture on the desktop 1200 (e.g., swiping down from the top left of the phone screen), the phone displays a pull-down notification bar interface 1210. The pull-down notification bar includes a first card 1211, which triggers an adjustment to the intensity of the "Relieve Motion Sickness" prompt. For example, the first card 1211 includes a second option 1211A, a third option 1211B, and a fourth option 1211C. The third option 1211B is selected, while the second option 1211A and the fourth option 1211C are unselected. That is, the intensity of the "Relieve Motion Sickness" prompt is "moderate."

[0172] As can be seen, users can adjust the intensity of the "Relieve Motion Sickness" prompt by selecting option 1211A, option 1211B, or option 1211C. For example, when option 1211A is selected, the intensity of the "Relieve Motion Sickness" prompt is "Comfortable." As another example, when option 1211B is selected, the intensity of the "Relieve Motion Sickness" prompt is "Moderate." And as yet another example, when option 1211C is selected, the intensity of the "Relieve Motion Sickness" prompt is "Strong." It should be understood that the intensity of the "Relieve Motion Sickness" prompt can also be referred to as the sensitivity of the target interface element.

[0173] Next, in response to the triggering operation of the fourth option 1211C, the phone displays a pull-down notification bar interface 1220; the pull-down notification bar interface 1220 includes a first card 1221; the first card 1221 includes the fourth option 1221C, which is in a selected state.

[0174] Alternatively, after the phone displays the pull-down notification bar interface 1210, in response to the triggering operation of the second option 1211A, the phone displays the pull-down notification bar 1230; the pull-down notification bar interface 1230 includes a first card 1231; the first card 1231 includes the second option 1231A which is in a selected state.

[0175] From the above Figure 8As can be seen during the process, users can set different intensities for the "Relieve Motion Sickness" prompt through the second, third, and fourth options.

[0176] It should be understood that switching the selection status from the second option to the third option, from the third option to the fourth option, or from the second option to the fourth option can all increase the intensity of the "Relieve Motion Sickness" prompt. In the following text, the operations that trigger these three changes in selection status can be simply referred to as intensity increase operations.

[0177] Furthermore, switching the selection status from the third option to the second option, from the fourth option to the third option, or from the fourth option to the second option will all reduce the intensity of the "Relieve Motion Sickness" prompt. In the following text, the operations that trigger these three selection status changes will be referred to simply as intensity reduction operations.

[0178] It should be noted that the number of options related to the intensity of the "relieve motion sickness" prompt is not limited to three; in actual use, there may be more or fewer options. Correspondingly, there may be other designs for the intensity increase and intensity decrease operations. In the following examples of this application, three options are used as an example. This application does not impose any limitations on the number of options, or on the intensity increase and intensity decrease operations.

[0179] As another possible implementation, after the phone has enabled the preset duration of the "Relieve Motion Sickness" prompt, the phone can automatically display a notification message related to the intensity of the "Relieve Motion Sickness" prompt. Users can trigger an adjustment of the intensity of the "Relieve Motion Sickness" prompt through the notification message.

[0180] For example, see Figure 9 After the phone activates the "Relieve Motion Sickness" prompt for a preset duration (e.g., 10 minutes), the phone displays desktop 1300, which includes a pop-up first control 1301. Users can adjust the intensity of the "Relieve Motion Sickness" prompt using the pop-up first control 1301. For details on how to trigger the pop-up first control 1301, please refer to the above. Figure 8 The details described in the text will not be repeated here.

[0181] The technical solutions provided in this application will be further described below in the context of a user using a mobile phone in a vehicle.

[0182] Scenes of vehicle acceleration and deceleration

[0183] As mentioned above Figure 1 As shown, when a user uses a mobile phone in a vehicle, the relative positions of the phone and the vehicle are as described above. Figure 5The usage posture shown is 2. The vehicle deceleration generates a first acceleration, which is the acceleration in the negative Z-axis direction of the phone. In response to the first acceleration, the animation units included in the target interface elements move in the vertical direction of the phone; and the interface movement speed of the target interface elements is related to the intensity of the "Relieve Motion Sickness" prompt.

[0184] about Figure 10 The corresponding animation effects. Displayed on the phone. Figure 10 Before the corresponding animation effect, the user activated the "Relieve Motion Sickness" notification on their phone. The intensity of the "Relieve Motion Sickness" notification was set to "Moderate." For example, the user activated the notification through the above... Figure 6 The corresponding process involves enabling the phone's "Relieve Motion Sickness" prompt, and the user through the above... Figure 8 The corresponding process will adjust the intensity of the "Relieve Motion Sickness" prompt to "Moderate".

[0185] For example, see Figure 10 The phone acquires the first acceleration. Based on the "Relieve Motion Sickness" prompt being at a "moderate" intensity, and the phone acquiring the first acceleration, the phone displays an animation effect where the animation unit moves in the opposite direction of the first acceleration. For example, the phone can display screen 1400, screen 1410, screen 1420, and screen 1430 simultaneously.

[0186] It should be understood that the animation effect here can be understood as the effect formed by the size change of the animation unit, or the effect formed by the change of the display position of the animation unit. Mobile phones can achieve this animation effect through frame animation using a certain motion effects engine. Alternatively, the animation effect may also be video. It should be understood that the above animation effect does not constitute any limitation on the file format, and this application embodiment does not display any file format for implementing the above animation effect. Further descriptions of "animation effect" appearing in this application embodiment can be found here, and will not be repeated hereafter.

[0187] Based on the movement of the target interface elements, the effect of the phone moving forward can be presented to the user, allowing them to visually perceive acceleration backward. This allows users to experience the same feeling of acceleration through visual perception as through tactile feedback, thus alleviating user discomfort.

[0188] It should be noted that, in order to highlight the target interface elements, the process of their transformation is described. Figure 10The diagram shows the target interface element, but other interface elements that the phone can display are not shown. In actual use, the phone can display other interface elements according to the actual usage, only keeping the target interface element displayed on top. For example, the phone displays a video playback interface, which includes video interface elements and the target interface element. The target interface element is displayed on top, meaning it covers the video interface element. The target interface elements appearing in subsequent diagrams can be found in the description here, and will not be repeated below.

[0189] about Figure 11 The corresponding animation effects. Displayed on the phone. Figure 11 Before the corresponding animation effect, the user activated the "Relieve Motion Sickness" notification on their phone. The intensity of the "Relieve Motion Sickness" notification was set to "Strong." For example, the user activated the notification through the above... Figure 6 The corresponding process involves enabling the phone's "Relieve Motion Sickness" prompt, and the user through the above... Figure 8 The corresponding process will adjust the intensity of the "Relieve Motion Sickness" prompt to "Strong".

[0190] For example, see Figure 11 The phone acquires the aforementioned first acceleration. Based on the "Relieve Motion Sickness" prompt's intensity being "Strong," and the phone acquiring the first acceleration, the phone displays an animation effect where the animation unit moves in the opposite direction of the first acceleration. For example, the phone displays the interface in the order of interface 1500-interface 1510-interface 1520-interface 1530.

[0191] Based on the movement of the target interface elements, the effect of the phone moving forward can be presented to the user, allowing them to visually perceive acceleration backward. This allows users to experience the same feeling of acceleration through visual perception as through tactile feedback, thus alleviating user discomfort.

[0192] In comparison with the above Figure 10 The corresponding animation effects and the above Figure 11 The corresponding animation effects. The intensity of the "Relieve Motion Sickness" prompt is... Figure 10 The corresponding animation effect is "moderate". Figure 11 The corresponding animation effect is "intense," which is different from the other two. Because of this difference, the vertical movement distance of the target interface element displayed on the phone is different, meaning the movement speed of the target interface element is different. For example, between interfaces 1400 and 1410, the vertical movement distance of the target interface element is D1; ​​between interfaces 1500 and 1510, the vertical movement distance of the target interface element is D2. (Comparison) Figure 10 and Figure 11It is evident that D2 is greater than D1. In other words, given the same initial acceleration experienced by the phone, in... Figure 11 In the corresponding animation effects, the phone displays a movement speed that is faster than... Figure 10 The corresponding interface elements have fast animation effects.

[0193] As can be seen, when the mobile phone obtains the first acceleration, it can display different target interface elements at different speeds. It should be understood that the effect of acceleration perceived by different users from a visual perspective can be different. Therefore, in the technical solution provided in this application embodiment, the user can customize the intensity of the "Relieve Motion Sickness" prompt; this allows the mobile phone to display target interface elements more flexibly. This enables users to adjust the intensity of the "Relieve Motion Sickness" prompt according to their own needs, thus improving the user experience.

[0194] It should be understood that when the phone obtains acceleration in the positive Z-axis direction, the phone can display the moving target interface elements in the order of interface 1500-interface 1530-interface 1520-interface 1510.

[0195] Scenes of vehicles going uphill and downhill

[0196] As mentioned above Figure 1 As shown, when a user uses a mobile phone in a vehicle, the relative positions of the phone and the vehicle are as described above. Figure 5 The usage posture 1 is shown. The vehicle going downhill generates the first angle change, which can be a decrease in the phone's pitch angle.

[0197] about Figure 10 The corresponding animation effects. Displayed on the phone. Figure 10 Before the corresponding animation effect, the user activated the "Relieve Motion Sickness" notification on their phone. The intensity of the "Relieve Motion Sickness" notification was set to "Moderate." For example, the user activated the notification through the above... Figure 6 The corresponding process involves enabling the phone's "Relieve Motion Sickness" prompt, and the user through the above... Figure 8 The corresponding process will adjust the intensity of the "Relieve Motion Sickness" prompt to "Moderate".

[0198] For example, see Figure 10 The phone detects the first angle change. Based on the "Relieve Motion Sickness" prompt being set to "Moderate" and the phone detecting the first angle change, the phone displays an animation effect showing the animation unit moving in the positive direction of the phone's Z-axis. For example, the phone displays the interface in the order of interface 1400-interface 1410-interface 1420-interface 1430.

[0199] By observing the movement of target interface elements, the effect of the phone moving downwards can be presented to the user, allowing them to perceive a downward angle change—that is, a decrease in the pitch angle. This can alleviate user discomfort.

[0200] about Figure 11 The corresponding animation effects. Displayed on the phone. Figure 11 Before the corresponding animation effect, the user activated the "Relieve Motion Sickness" notification on their phone. The intensity of the "Relieve Motion Sickness" notification was set to "Strong." For example, the user activated the notification through the above... Figure 6 The corresponding process involves enabling the phone's "Relieve Motion Sickness" prompt, and the user through the above... Figure 8 The corresponding process will adjust the intensity of the "Relieve Motion Sickness" prompt to "Strong".

[0201] For example, see Figure 11 The phone detects the first angle change. Based on the "Relieve Motion Sickness" prompt being "Strong" and the phone detecting the first angle change, the phone displays an animation effect where the animation unit moves in the positive direction of the phone's Z-axis. For example, the phone displays the interface in the order of interface 1500-interface 1510-interface 1520-interface 1530.

[0202] In comparison with the above Figure 10 The corresponding animation effects and the above Figure 11 The corresponding animation effect shows the intensity of the "Relieve Motion Sickness" prompt. Figure 10 The corresponding animation effect is "moderate". Figure 11 The corresponding animation effect is "intense," which is different from the other two. Because of this difference, the vertical movement distance of the target interface element displayed on the phone is different, meaning the movement speed of the target interface element is different. For example, between interfaces 1400 and 1410, the vertical movement distance of the target interface element is D1; ​​between interfaces 1500 and 1510, the vertical movement distance of the target interface element is D2. (Comparison) Figure 10 and Figure 11 It is evident that D2 is greater than D1. In other words, given the same initial angle change received by the phone, in... Figure 10 In the corresponding animation effects, the phone displays a movement speed that is faster than... Figure 11 The corresponding animation unit has fast animation effects.

[0203] As can be seen, when the mobile phone detects a change in the first angle, it can display target interface elements at different speeds. It should be understood that different users may perceive different acceleration effects from their visual angles. Therefore, in the technical solution provided in this application embodiment, users can customize the intensity of the "Relieve Motion Sickness" prompt; this allows the mobile phone to display target interface elements more flexibly. This enables users to adjust the intensity of the "Relieve Motion Sickness" prompt according to their own needs, thus improving the user experience.

[0204] It should be understood that when the phone detects a larger pitch angle, it can display the moving target interface elements in the order of interface 1500-interface 1530-interface 1520-interface 1510.

[0205] As can be seen, when a user uses a mobile phone in a vehicle, the relative position of the mobile phone and the vehicle is as described above. Figure 5 In the scenario shown, the target interface elements displayed on the phone can move in the vertical direction of the phone in response to the uphill or downhill movement of the vehicle; and the speed of the interface movement of the target interface elements is related to the intensity of the "Relieve Motion Sickness" prompt.

[0206] The scene of the vehicle bumping.

[0207] As mentioned above Figure 1 As shown, when a user uses a mobile phone in a vehicle, the relative positions of the phone and the vehicle are as described above. Figure 5 The usage posture 2 is shown. The vehicle's bounce generates a second acceleration, which is the acceleration in the positive Y-axis direction of the phone. In response to the first acceleration, the animation units included in the target interface elements move in the vertical direction of the phone; and the interface movement speed of the target interface elements is related to the intensity of the "Relieve Motion Sickness" prompt.

[0208] about Figure 12 The corresponding animation effects. Displayed on the phone. Figure 12 Before the corresponding animation effect, the user activated the "Relieve Motion Sickness" notification on their phone. The intensity of the "Relieve Motion Sickness" notification was set to "Comfortable." For example, the user activated the notification through the above... Figure 6 The corresponding process involves enabling the phone's "Relieve Motion Sickness" prompt, and the user through the above... Figure 8 The corresponding process will adjust the intensity of the "Relieve Motion Sickness" prompt to "Comfortable".

[0209] For example, see Figure 12 The phone acquires a second acceleration. Based on the "Relieve Motion Sickness" prompt intensity being set to "Comfortable," and the phone acquiring this second acceleration, the phone displays an animation effect showing changes in the size of the animated units. For example, the phone displays the interface in the order of interface 1600-interface 1610-interface 1620-interface 1630.

[0210] By changing the size of the animated units within the target interface elements, the user can perceive the phone moving away from them, thus visually experiencing downward acceleration. This can alleviate user discomfort.

[0211] about Figure 13 The corresponding animation effects. Displayed on the phone. Figure 13 Before the corresponding animation effect, the user activated the "Relieve Motion Sickness" notification on their phone. The intensity of the "Relieve Motion Sickness" notification was set to "Strong." For example, the user activated the notification through the above... Figure 6 The corresponding process involves enabling the phone's "Relieve Motion Sickness" prompt, and the user through the above... Figure 8 The corresponding process will adjust the intensity of the "Relieve Motion Sickness" prompt to "Strong".

[0212] For example, see Figure 13 The phone receives a second acceleration. Based on the "Relieve Motion Sickness" prompt being "Strong," and the phone receiving this second acceleration, the phone displays an animation effect showing changes in the size of the animation units. For example, the phone displays the interface in the order of interface 1700-interface 1710-interface 1720-interface 1730.

[0213] It should be understood that mobile phones can preset the minimum and maximum sizes of target interface elements. When a target interface element reaches its minimum size, it becomes its maximum size. Similarly, when a target interface element reaches its maximum size, it becomes its minimum size. In this way, the target interface element achieves a cyclical change.

[0214] By changing the size of the animated units within the target interface elements, the user can perceive the phone moving away from them, thus visually experiencing downward acceleration. This can alleviate user discomfort.

[0215] contrast Figure 12 Corresponding animation effects and Figure 13 The corresponding animation effect shows the intensity of the "Relieve Motion Sickness" prompt. Figure 12 The corresponding animation effect is "comfortable". Figure 13 The corresponding animation effect is "intense," which is different from the other two. Based on this difference, the movement speed of the target interface elements displayed on the phone is different. For example, between interface 1600 and interface 1610, the diameter of the target interface element is D3; between interface 1700 and interface 1710, the diameter of the target interface element is D4. (Comparison) Figure 12 and Figure 13 It is evident that D3 is greater than D4. In other words, given the same second acceleration received by the phone, in... Figure 13The size of the animation unit in the corresponding animation effect changes faster than in... Figure 12 The speed at which the size of the animation unit changes in the corresponding animation effect.

[0216] It should be understood that different users may perceive acceleration differently from a visual perspective. Therefore, in the technical solution provided in this application embodiment, users can customize the intensity of the "Relieve Motion Sickness" prompt; this allows the phone to display target interface elements more flexibly. This enables users to adjust the intensity of the "Relieve Motion Sickness" prompt according to their own needs, thus improving the user experience.

[0217] It should be understood that in some other usage scenarios of the mobile phone, when the mobile phone obtains acceleration in the negative Y-axis direction, the mobile phone can display the target interface elements in the order of interface 1600-interface 1630-interface 1620-interface 1610.

[0218] As can be seen, when a user uses a mobile phone in a vehicle, the relative position of the mobile phone and the vehicle is as described above. Figure 5 In the scenario shown, the target interface elements displayed on the phone can change size in response to vehicle vibrations. Furthermore, the rate of change in the target interface element's size is related to the intensity of the "Relieve Motion Sickness" prompt.

[0219] Scenes of vehicles turning left and right

[0220] As mentioned above Figure 1 As shown, when a user uses a mobile phone in a vehicle, the relative positions of the phone and the vehicle are as described above. Figure 5 The usage posture 1 is shown. The vehicle's right turn produces a second angle change, which can be a decrease in the phone's heading angle.

[0221] about Figure 14 The corresponding animation effects are displayed on the phone. Figure 14 Before the corresponding animation effect, the user activated the "Relieve Motion Sickness" notification on their phone. The intensity of the "Relieve Motion Sickness" notification was set to "Comfortable." For example, the user activated the notification through the above... Figure 6 The corresponding process involves enabling the phone's "Relieve Motion Sickness" prompt, and the user through the above... Figure 8 The corresponding process will adjust the intensity of the "Relieve Motion Sickness" prompt to "Comfortable".

[0222] For example, see Figure 14 The phone detects the second angle change. Based on the "Relieve Motion Sickness" prompt being rated as "Comfortable," and the phone detecting the aforementioned second angle change, the phone displays an animation effect showing the movement of certain animated units within the target interface element. See, for example... Figure 14The phone displays the interface in a sequence from 1800 to 1810. Based on the movement of animated units within the target interface elements, the screen can be designed to give the user the impression that the phone is moving to their right. This helps alleviate user discomfort.

[0223] about Figure 15 The corresponding animation effects are displayed on the phone. Figure 15 Before the corresponding animation effect, the user activated the "Relieve Motion Sickness" notification on their phone. The intensity of the "Relieve Motion Sickness" notification was set to "Strong." For example, the user activated the notification through the above... Figure 6 The corresponding process involves enabling the phone's "Relieve Motion Sickness" prompt, and the user through the above... Figure 8 The corresponding process will adjust the intensity of the "Relieve Motion Sickness" prompt to "Strong".

[0224] For example, see Figure 15 The phone detects a second angle change. Based on the "Relieve Motion Sickness" prompt being "Strong" and the phone detecting this second angle change, the phone displays an animation effect showing the movement of certain animated units within the target interface element. For example, the phone displays the interface in a sequence of 1900-1910. Based on the movement of the target interface element, the phone can give the user the feeling that it is moving to the user's right. This can alleviate the user's discomfort.

[0225] contrast Figure 14 The corresponding animation effects, and Figure 15 The corresponding animation effects. Comparing use scenario 7 and use scenario 8, the intensity of the "Relieve Motion Sickness" prompt is compared. Figure 14 The corresponding animation effect is "comfortable," in comparison. Figure 15 The corresponding animation effect is "intense," but the two are different.

[0226] Because of these differences, the movement speed of the target interface elements displayed on the phone will also differ. For example, between screen 1800 and screen 1810, the movement distance of the target interface element is D5; between screen 1900 and screen 1910, the movement distance of the target interface element is D6. (Comparison) Figure 14 and Figure 15 It is evident that D6 is greater than D5. In other words, given the same change in the second angle obtained by the mobile phone, in... Figure 15 In the corresponding animation effects, the phone displays a movement speed that is faster than... Figure 14 The corresponding animation unit has fast animation effects.

[0227] As a result, mobile phones can display target interface elements more flexibly. Mobile phones also allow users to adjust the intensity of the "relieve motion sickness" prompt according to their needs, thus improving the user experience.

[0228] As mentioned above Figure 1 As shown, when a user uses a mobile phone in a vehicle, the relative positions of the phone and the vehicle are as described above. Figure 5 The usage posture shown is 1. The vehicle's left turn produces a third angle change, which can be an increase in the phone's heading angle.

[0229] about Figure 16 The corresponding animation effects are displayed on the phone. Figure 16 Before the corresponding animation effect, the user activated the "Relieve Motion Sickness" notification on their phone. The intensity of the "Relieve Motion Sickness" notification was set to "Strong." For example, the user activated the notification through the above... Figure 6 The corresponding process involves enabling the phone's "Relieve Motion Sickness" prompt, and the user through the above... Figure 8 The corresponding process will adjust the intensity of the "Relieve Motion Sickness" prompt to "Strong".

[0230] For example, see Figure 16 The phone detects the change in third angle. Based on the "Relieve Motion Sickness" prompt indicating a "Strong" intensity, the phone detects this change in third angle, and in the next frame after displaying screen 2000, the phone displays screen 2010.

[0231] From the above Figure 14 , Figure 15 ,and Figure 16 The provided animation effect shows that the phone responds to changes in the heading angle by displaying animations of the target interface elements moving in a fourth direction, with at least two animation elements moving different distances. This fourth direction can be left or right on the phone's screen. Users can observe the moving target elements from the animation. Based on the movement of the target interface elements, the user can perceive the phone moving to their left, and conversely, they will perceive themselves moving to their right relative to the phone—that is, an increase in the heading angle. This helps alleviate user discomfort.

[0232] A scene where the vehicle sways (tilts) from side to side.

[0233] As mentioned above Figure 1 As shown, when a user uses a mobile phone in a vehicle, the relative positions of the phone and the vehicle are as described above. Figure 5 The usage posture shown is 1. The vehicle tilts to the left (e.g., the vehicle is higher on the left and lower on the right), which produces a fourth angle change, which can be an increase in the roll angle.

[0234] about Figure 17 The corresponding animation effects. Displayed on the phone. Figure 17 Before the corresponding animation effect, the user activated the "Relieve Motion Sickness" notification on their phone. The intensity of the "Relieve Motion Sickness" notification was set to "Comfortable." For example, the user activated the notification through the above... Figure 6The corresponding process involves enabling the phone's "Relieve Motion Sickness" prompt, and the user through the above... Figure 8 The corresponding process will adjust the intensity of the "Relieve Motion Sickness" prompt to "Comfortable".

[0235] For example, see 17, where the mobile phone acquires a fourth angle change. Based on the "Relieve Motion Sickness" prompt being rated as "Comfortable," and the mobile phone acquiring the aforementioned fourth angle change, the phone displays an animation effect where some animated units of the target interface element move upwards, while others move downwards. For instance, the phone displays the interface in the order of interface 2100-interface 2110-interface 2120-interface 2130. Based on the movement of the animated units of the target interface element, the user can visually perceive a counter-clockwise rotation. This can alleviate the user's discomfort.

[0236] about Figure 18 The corresponding animation effects. Displayed on the phone. Figure 18 Before the corresponding animation effect, the user activated the "Relieve Motion Sickness" notification on their phone. The intensity of the "Relieve Motion Sickness" notification was set to "Strong." For example, the user activated the notification through the above... Figure 6 The corresponding process involves enabling the phone's "Relieve Motion Sickness" prompt, and the user through the above... Figure 8 The corresponding process will adjust the intensity of the "Relieve Motion Sickness" prompt to "Strong".

[0237] For example, see Figure 18 The phone detects the aforementioned fourth angle change. Based on the "Relieve Motion Sickness" prompt being "Strong" and the phone detecting this fourth angle change, the phone displays an animation effect where some animation units of the target interface element move upwards and others move downwards. For example, the phone displays the interface in the order of interface 2200-interface 2210-interface 2220-interface 2230. Based on the movement of the target interface elements, the user can visually perceive a counter-clockwise rotation. This can alleviate the user's discomfort.

[0238] contrast Figure 17 Corresponding animation effects and Figure 18 The corresponding animation effect shows the intensity of the "Relieve Motion Sickness" prompt. Figure 17 The corresponding animation effect is "comfortable". Figure 18 The corresponding animation effect is "intense," which is different from the other two. Because of this difference, the movement speed of the animated units within the target interface elements displayed on the phone will also differ. For example, between interface 2100 and interface 2110, the movement distance of the animated units is D7; between interface 2200 and interface 2210, the movement distance of the animated units is D8. (Comparison) Figure 17 and Figure 18It is evident that D8 is greater than D7. In other words, given the same fourth-angle change received by the phone, in... Figure 18 In the corresponding animation effects, the phone displays a movement speed that is faster than... Figure 17 The corresponding interface elements have fast animation effects.

[0239] It is evident that mobile phones allow users to adjust the intensity of the "relieve motion sickness" prompt according to their own needs, which can improve the user experience.

[0240] Scene of vehicles changing lanes

[0241] As mentioned above Figure 1 As shown, when a user uses a mobile phone in a vehicle, the relative positions of the phone and the vehicle are as described above. Figure 5 The usage posture shown is 1. The vehicle's lane change to the left generates a third acceleration, which can be the acceleration in the negative X-axis direction of the mobile phone.

[0242] about Figure 19 The corresponding animation effects. Displayed on the phone. Figure 19 Before the corresponding animation effect, the user activated the "Relieve Motion Sickness" notification on their phone. The intensity of the "Relieve Motion Sickness" notification was set to "Comfortable." For example, the user activated the notification through the above... Figure 6 The corresponding process involves enabling the phone's "Relieve Motion Sickness" prompt, and the user through the above... Figure 8 The corresponding process will adjust the intensity of the "Relieve Motion Sickness" prompt to "Comfortable".

[0243] For example, see Figure 19 The phone acquires a third acceleration. Based on the "Relieve Motion Sickness" prompt's intensity being "Comfortable," and the phone acquiring this third acceleration, the phone displays an animation effect where the animated units of the target interface elements move in the opposite direction of this third acceleration. For example, the phone displays the interface in the order of interface 2300-interface 2310-interface 2320-interface 2330. It is evident that the target interface elements are in motion. Based on the motion of the target interface elements, the user can visually perceive a feeling of moving to the left. This can alleviate the user's discomfort.

[0244] about Figure 20 The corresponding animation effects. Displayed on the phone. Figure 20 Before the corresponding animation effect, the user activated the "Relieve Motion Sickness" notification on their phone. The intensity of the "Relieve Motion Sickness" notification was set to "Strong." For example, the user activated the notification through the above... Figure 6 The corresponding process involves enabling the phone's "Relieve Motion Sickness" prompt, and the user through the above... Figure 8 The corresponding process will adjust the intensity of the "Relieve Motion Sickness" prompt to "Strong".

[0245] For example, see Figure 20 The phone acquires a third acceleration. Based on the "Relieve Motion Sickness" prompt being "Strong," and the phone acquiring this third acceleration, it displays an animation effect where the animated units of the target interface elements move in the opposite direction of this third acceleration. For example, the phone displays the interface in the order of interface 2400-interface 2410-interface 2420-interface 2430. It is evident that the target interface elements are moving. Based on the movement of the target interface elements, the user can visually perceive a feeling of moving to the left. This can alleviate the user's discomfort.

[0246] contrast Figure 20 Corresponding animation effects and Figure 19 The corresponding animation effect shows the intensity of the "Relieve Motion Sickness" prompt. Figure 19 The corresponding animation effect is "comfortable". Figure 20 The corresponding animation effect is "intense," which is different from the other two. Because of this difference, the movement speed of the animated units within the target interface elements displayed on the phone will also differ. For example, between interfaces 2300 and 2310, the movement distance of the animated units within the target interface elements is D9; between interfaces 2400 and 2410, the movement distance of the animated units within the target interface elements is D10. (Comparison) Figure 19 and Figure 20 It is evident that D10 is greater than D9. In other words, when the phone receives the same third acceleration, in... Figure 20 In the corresponding animation effects, the phone displays a movement speed that is faster than... Figure 19 The corresponding interface elements have fast animation effects.

[0247] As can be seen, when the phone receives a third acceleration signal, it can display different target interface elements based on the intensity of the "relieve motion sickness" prompt. Therefore, the phone allows users to adjust the intensity of the "relieve motion sickness" prompt according to their needs, thus improving the user experience.

[0248] It should be understood that during user interaction with the mobile phone, the phone can be in any of the following scenarios: vehicle changing lanes, vehicle swaying (tilting), vehicle turning left or right, vehicle bumping, vehicle going up or down a slope, and vehicle accelerating or decelerating. Alternatively, the phone can be in a combination of two or more of the above scenarios (referred to as a combined scenario). In a combined scenario, the phone can display a combination of animation effects. For an exemplary description of the animation effects displayed by the phone in a combined scenario, please refer to the following... Figure 34 and Figure 35 .

[0249] Next, we will further describe the internal implementation process of displaying target interface elements on the mobile phone.

[0250] In some embodiments, the mobile phone may perform the following steps S500-S502 to display target interface elements on the display screen.

[0251] For example, see Figure 21 The interface display method provided in this application embodiment may include steps S500-S502.

[0252] It should be understood that in some embodiments, after the phone activates the "Relieve Motion Sickness" prompt, the phone repeatedly executes steps S500-S502. In other embodiments, the phone may also execute steps S500-S502 periodically. The period at which the phone executes steps S500-S502 is related to the refresh rate of the phone's display. For example, if the phone's refresh rate is 60Hz, then the phone executes steps S500-S502 every 1 / 60th of a second.

[0253] S500. The mobile phone determines its current motion state.

[0254] The mobile phone can determine its current motion state by acquiring its acceleration and attitude angle.

[0255] As a possible example, with the above Figure 3 Taking the illustrated coordinate system as an example, the current motion state of the mobile phone can include: the acceleration of the mobile phone in the X direction, the acceleration of the mobile phone in the Y direction, and the acceleration of the mobile phone in the Z direction. Furthermore, the current motion state of the mobile phone can also include: the yaw angle, the roll angle, and the pitch angle. It should be understood that the yaw angle, roll angle, and pitch angle of the mobile phone can be collectively referred to as the attitude angles of the mobile phone.

[0256] For ease of description below, acceleration in the X direction can be abbreviated as acc_x, acceleration in the Y direction as acc_y, and acceleration in the Z direction as acc_z. The phone's pitch angle can be abbreviated as pitch, the phone's roll angle as roll, and the phone's yaw angle as yaw.

[0257] In some embodiments, the mobile phone can obtain its attitude angle through a gyroscope sensor.

[0258] In some embodiments, the mobile phone can obtain its acceleration through an accelerometer.

[0259] As one possible implementation, the phone's operating system includes several sensor modules that the phone can utilize to obtain its acceleration and attitude angles. The phone can utilize the Game ROTV sensor module to obtain acceleration and attitude angles. Alternatively, the phone can utilize the Linear ACC sensor module to obtain acceleration and attitude angles.

[0260] In some implementations, the phone can also filter the acceleration, removing high-frequency components. In this implementation, high-frequency components are unstable due to their high frequency. Their presence can cause subsequent display elements on the target interface to jump or become unstable. Therefore, by filtering out the high-frequency components from the acceleration, the stability of the phone's subsequent display of target interface elements can be improved.

[0261] S501. The mobile phone obtains the animation parameters of the target interface elements based on the current motion state.

[0262] A target UI element can consist of multiple animation units. Animation parameters control the size and position of the animation units on the phone's screen.

[0263] For example, see Figure 22 The mobile phone displays an interface 610 including the target interface elements. The target interface elements can be composed of multiple animation units 600. The shape and color of the animation units 600 can be set according to actual usage needs. For example, the color of the animation unit 600 can be a contrasting color to the main interface color of the current interface (such as interface 610). This allows the animation unit 600 to be highlighted on the mobile phone's display screen, improving the display effect. Another example is that the shape of the animation unit 600 can be user-defined, such as a square, rectangle, etc. It should be noted that in the above... Figure 22 In the middle, the content of interface 610, excluding the animation unit, is not included. Figure 22 As shown in the image.

[0264] Animation unit 600 can have transparency; for example, the transparency of animation unit 600 can be related to the main interface color of the current screen. Also, in one possible design, the animation unit is configured not to receive touch events. Alternatively, in another possible design, the animation unit is configured to pass touch events through to the interface elements located below the animation unit. This ensures that the animation unit does not interfere with the user's touch input on the phone.

[0265] In practical use, the number and arrangement of animation units in the target interface element can be designed according to actual usage requirements. In this embodiment, the technical solution provided by this application is described using an example where the target interface element includes two rows of animation units, with four animation units in each row; that is, the target interface element includes eight animation units. However, this does not mean that in actual use, the target interface element only includes eight animation units. In actual use, the target interface element may include more or fewer animation units. For example, it may include four rows of animation units, with four animation units in each row, or it may include eight rows of animation units, with five animation units in each row, and so on.

[0266] Furthermore, in some embodiments, the arrangement of the animation units can be designed according to the usage status of the mobile phone. For example, see... Figure 23 When the phone is in portrait mode, the animation units are displayed on both sides of the short side of the screen; when the phone is in landscape mode, the animation units are displayed on both sides of the long side of the screen.

[0267] For the purpose of further introducing the technical solutions provided in the embodiments of this application, examples will be used in the following embodiments of this application. Figure 22 Taking the target interface element shown as an example, the technical solution provided in the embodiments of this application will be introduced.

[0268] For the sake of clarity in the following text, the above Figure 22 The target interface elements shown can be divided into a first animation unit group 611 and a second animation unit group 612. The first animation unit group 611 and the second animation unit group 612 include the same number of animation units 600.

[0269] The following section will further explain step S502 in conjunction with the usage scenarios described above.

[0270] This document addresses the animation effects displayed on mobile phones during vehicle acceleration and deceleration scenarios, as well as scenarios involving vehicles going uphill and downhill.

[0271] In some implementations, the animation parameters may include a first type of parameter, which may represent the movement speed of the target interface element in the Z-axis direction. This first type of parameter is used to control the display position of the animation units included in the target interface element in the Z-axis direction (i.e., the vertical direction of the phone screen).

[0272] For example, the first type of parameter is used to control the movement of the first animation unit group and the second animation unit group in the Z-axis direction, and the movement directions of the first animation unit group and the second animation unit group are the same.

[0273] For example, the first type of parameter includes a first sub-parameter (hereinafter referred to as dy_pitch) and a second sub-parameter (hereinafter referred to as dy_accup). The phone can obtain the first type of parameter through the pitch angle, and the phone can obtain the second sub-parameter through acc_z.

[0274] As one possible implementation method, see Figure 24 The phone can obtain dy_accup through acc_z, and dy_pitch through the pitch angle. Next, the phone controls the movement of the animation units included in the target interface element in the Z-axis direction based on dy_accup and dy_pitch. In other words, the phone can determine the display position of the animation units included in the target interface element on the phone screen based on dy_accup and dy_pitch.

[0275] For example, dy_accup = first coefficient * acc_z.

[0276] For example, dy_pitch = (current pitch angle - initial pitch angle) * second coefficient.

[0277] The first coefficient can represent the proportion by which the phone converts the acceleration in the Z-axis direction into the movement of the animation units included in the target interface elements in the Z-axis direction.

[0278] The second coefficient represents the proportion by which the phone converts changes in pitch angle into movement of the animation units within the target interface elements along the Z-axis. The initial pitch angle is the phone's pitch angle when the "Relieve Motion Sickness" prompt is enabled.

[0279] After the phone calculates dy_accup and dy_pitch, it can display the target interface element on its screen based on the sum of dy_accup and dy_pitch. For example, the display position of the target interface element can be measured in pixels (PX).

[0280] For example, see Figure 25 The phone displayed error code 800, and then the phone proceeded as described above. Figure 24 The corresponding process yields a first-type parameter of 50; based on this first-type parameter of 50, the phone displays interface 810. The target interface elements included in interface 810 are shifted upwards by 50px compared to the target interface elements included in interface 800. Afterwards, the phone again... Figure 24 The corresponding process yields a first-type parameter of 50; based on this first-type parameter of 50, the phone displays interface 820. The target interface elements in interface 820 are shifted upwards by 50px compared to the target interface elements in interface 810. Then, the phone proceeds through the above... Figure 24The corresponding process yields a first-class parameter of 100; based on the first-class parameter of 100, the mobile phone displays interface 830. The target interface elements included in interface 830 are shifted upwards by 100px compared to the target interface elements included in interface 820.

[0281] It should be noted that if the animation unit included in the target interface element exceeds the display range of the phone screen, the phone will display the animation unit in the opposite direction. For example, if the display range in the height direction of the phone includes [0.100000], and based on the first type parameter of 100px, the display position of animation unit A in the height direction is 100020. Since 100020 exceeds the display range of the phone, the phone will display animation unit A at a position of 20px at the bottom of the screen.

[0282] Animation effects displayed on mobile phones in scenarios involving vehicle bumps.

[0283] In some implementations, the animation parameters may include a second type of parameter, which is used to control the display size of the animation units included in the target interface element on the display screen.

[0284] For example, see Figure 26 The phone can obtain the second type of parameter through acc_y. Next, the phone controls the size of the animation units included in the target interface element based on acc_y. For example, the size of the animation unit can be measured by the diameter of the target interface unit.

[0285] For example, the second type of parameter = the third coefficient * acc_y.

[0286] The third coefficient represents the proportion by which the phone converts the acceleration in the Y-axis direction into the size of the animation units included in the target interface elements.

[0287] After the phone calculates the second type of parameters, it can display the target interface elements on its screen based on these parameters.

[0288] For example, see Figure 27 The phone's display screen shows 2700. Afterwards, the phone proceeds through the above... Figure 26 The corresponding process yields a second type of parameter of -10; based on this second type of parameter of -10, the phone displays interface 2710. The diameter R2 of the animation unit included in interface 2710 is 10px smaller than the diameter R1 of the animation unit included in interface 2700. Afterwards, the phone executes the above process again. Figure 26 The corresponding process yields a second type of parameter of 20; based on the second type of parameter of 20, a mobile phone display interface 2720 is created. The diameter R3 of the animation unit included in interface 2720 is 20px larger than the diameter R2 of the animation unit included in interface 2700.

[0289] Animation effects displayed on mobile phones when vehicles are turning left or right.

[0290] In some implementations, the animation parameters may include a third type of parameter, which represents the movement speed of the target interface element in the X-axis direction. This third type of parameter controls the display position of some animation units within the target interface element in the X-axis direction (i.e., the left-right direction of the phone screen).

[0291] For example, the third type of parameter is used to control the movement of the animation unit in the center position of the target interface element in the X-axis direction. Here, the animation unit in the center position can be understood as the animation unit in the center position in the vertical direction of the phone, or the animation unit in the center position in the horizontal direction of the phone.

[0292] For example, a mobile phone can obtain a third type of parameter through its heading angle.

[0293] As one possible implementation method, see Figure 28 The phone can obtain the third type of parameters through yaw. Next, the phone uses the third type of parameters to control the movement of the animation unit in the middle position of the target interface element in the X-axis direction. In other words, the phone can determine the display position of the animation unit in the middle position on the phone screen based on the third type of parameters.

[0294] For example, the third parameter = the fourth coefficient * (current heading angle - initial heading angle).

[0295] The fourth coefficient can represent the proportion by which the phone converts the change in heading angle into the movement of the animation unit in the middle position of the target interface element in the X-axis direction.

[0296] After the phone calculates and obtains the third parameter, it can display the target interface elements on its screen based on the third parameter.

[0297] For example, see Figure 29 The phone displays interface 2900. It should be understood that in interface 2900, the target interface elements consist of two columns and four rows of animation units. The animation unit in the middle position can be the animation unit located in the second or third row. The phone then proceeds through the above... Figure 28 The corresponding process yields a third type of parameter of 10; based on this third type of parameter of 10, the phone displays interface 2910. Next, the phone again proceeds through the above process... Figure 28 The corresponding process yields a third type of parameter of -30; based on the third type of parameter of -30, the mobile phone displays a screen of 2920.

[0298] Animation effects displayed on mobile phones in scenarios where the vehicle is swaying (tilting) from side to side.

[0299] In some implementations, the animation parameters may include a fourth type of parameter, which represents the movement speed of the target interface element in the Z-axis direction. This fourth type of parameter controls the display position of the animation units included in the target interface element in the Z-axis direction (i.e., the vertical direction of the phone screen).

[0300] For example, the fourth type of parameter is used to control the movement of the first animation unit group and the second animation unit group in the Z-axis direction, and the movement directions of the first animation unit group and the second animation unit group are opposite.

[0301] As one possible implementation method, see Figure 30 The mobile phone can obtain the fourth type of parameter through the roll angle. Next, the mobile phone controls the movement of the first animation unit group 3000 and the second animation unit group 3001 in the Z-axis direction according to the fourth type of parameter, and the movement directions of the first animation unit group 3000 and the second animation unit group 3001 are opposite. That is to say, the mobile phone can determine the display position of the first animation unit group 3000 and the second animation unit group 3001 on the mobile phone screen according to the fourth type of parameter.

[0302] For example, the fourth parameter = (current roll angle / 90) * the fifth coefficient. The fifth coefficient can be used to control how the phone maps changes in the roll angle to the proportion of movement of the first and second animation unit groups in the Z-axis direction.

[0303] For example, see Figure 31 The phone displays error 1000, and then the phone proceeds as described above. Figure 30 The corresponding process yields a fourth type of parameter of 50; based on this fourth type of parameter of 50, the phone displays interface 1010. The first animation unit group included in interface 1010 is moved upwards by 25px compared to the first animation unit group included in interface 1000, and the second animation unit group included in interface 1010 is moved downwards by 25px compared to the second animation unit group included in interface 1000. Afterwards, the phone again... Figure 30 The corresponding process yields a fourth type of parameter of 50; based on this fourth type of parameter of 50, the phone displays interface 1020. The first animation unit group included in interface 1020 is moved upwards by 25px compared to the first animation unit group included in interface 1010, and the second animation unit group included in interface 1020 is moved downwards by 25px compared to the second animation unit group included in interface 1010. Then, the phone, through the above... Figure 30The corresponding process yields a fourth type of parameter of -150; based on the fourth type of parameter of -150, a mobile phone display interface 1030 is created. The first animation unit group included in interface 1030 is moved downward by 75px compared to the first animation unit group included in interface 1020, and the second animation unit group included in interface 1030 is moved upward by 75px compared to the second animation unit group included in interface 1020.

[0304] This refers to the animation effects displayed on the phone when a vehicle changes lanes.

[0305] In some implementations, the animation parameters may include a fifth type of parameter, which represents the movement speed of the target interface element in the X-axis direction. This fifth type of parameter controls the display position of each animation unit within the target interface element in the X-axis direction (i.e., the left-right direction of the phone screen).

[0306] As one possible implementation method, see Figure 32 The phone can obtain the fifth type of parameter through `acc_x`. Next, the phone controls the movement of the animation units within the target interface element along the X-axis based on these fifth type of parameters. In other words, the phone can determine the display position of the animation units within the target interface element on the phone's screen based on these fifth type of parameters.

[0307] For example, the fifth parameter = acc_x * the sixth coefficient. The sixth coefficient can be used to control how the phone maps acceleration in the x-axis direction to the proportion of movement of the animation unit in the x-axis direction.

[0308] For example, see Figure 33 The phone displays screen 3300, and then the phone proceeds as described above. Figure 32 The corresponding process yields a fifth type of parameter of 20; based on this fifth type of parameter of 20, the phone displays interface 3210. The animation units included in interface 3210 are shifted 20px to the left compared to the animation units included in interface 3200. Afterwards, the phone again... Figure 32 The corresponding process yields a fifth type of parameter of -40; based on the fifth type of parameter of -40, a mobile phone display interface 3220 is created. The animation units included in interface 3220 are shifted 40px to the right compared to the animation units included in interface 3210.

[0309] It should be understood that animation parameters can include many other parameters, and the phone can also map acceleration and attitude angles to many other parameters.

[0310] S502. The mobile phone displays the target interface elements on the screen according to the animation parameters.

[0311] Understandably, in some embodiments, the triggering timing of step S502 is related to the refresh rate of the phone's display. That is, the phone executes step S502 in response to reaching a refresh cycle.

[0312] In some implementations, the animation parameters include the first type of parameters, the second type of parameters, the third type of parameters, the fourth type of parameters, and the fifth type of parameters described above. The mobile phone can display interface elements on the screen based on one or more combinations of the first type of parameters, the second type of parameters, the third type of parameters, the fourth type of parameters, and the fifth type of parameters described above.

[0313] The following examples illustrate how various combinations of the first, second, third, fourth, and fifth types of parameters can affect the mobile phone's interface display.

[0314] Regarding the display of the phone's interface when the first type of parameters and the second type of parameters are combined.

[0315] For example, see Figure 34 The phone displays screen 3400. Next, the phone obtains acc_y and acc_z. Then, the phone performs the above operation on acc_z. Figure 24 The corresponding process yields the first type of parameter as 50; and the phone performs the above operation on acc_y. Figure 26 The corresponding process yields a second type of parameter of -10. Based on a first type of parameter of 50 and a second type of parameter of -10, the phone displays screen 3410. From... Figure 34 As can be seen, the diameter of the animation unit included in interface 3410 is smaller than the diameter of the animation unit included in interface 3400, and the target interface element included in interface 3410 is shifted upwards by 50px compared to the target interface element included in interface 3400. Afterwards, the phone obtains the changes in acc_y and pitch angle, and the phone performs the above-mentioned actions on the changes in pitch angle. Figure 24 The corresponding process yields the first type of parameter as 100; and the phone performs the above operation on acc_y. Figure 26 The corresponding process yields a second type of parameter of 20. Based on a first type of parameter of 100 and a second type of parameter of 20, the phone displays screen 3420. From... Figure 34 As can be seen, the diameter of the animation unit included in interface 3420 is larger than the diameter of the animation unit included in interface 3410, and the target interface element included in interface 3420 is moved up by 50px compared to the target interface element included in interface 3410.

[0316] Regarding the display of the phone's interface when the fourth type of parameter and the first type of parameter are combined.

[0317] For example, see Figure 35 The phone displays screen 1100, and then the phone proceeds through the above... Figure 24 The corresponding process yields a first-class parameter of 50, and the phone uses the above... Figure 30 The corresponding process yields a fourth type of parameter of 50. Based on the first type of parameter being 50 and the fourth type of parameter being 50, the phone displays interface 1110. The first animation unit group included in interface 1110 is moved upwards by 75px compared to the first animation unit group included in interface 1100, and the second animation unit group included in interface 1110 is moved upwards by 25px compared to the second animation unit group included in interface 1100. Next, the phone proceeds through the above... Figure 24 The corresponding process yields a first-type parameter of 0, and the phone then proceeds through the above... Figure 30 The corresponding process yields a fourth type of parameter of -50px. Based on the first type of parameter being 0 and the fourth type of parameter being -50, the phone displays interface 1120. The first animation unit group included in interface 1120 is moved downwards by 25px compared to the first animation unit group included in interface 1110, and the second animation unit group included in interface 1110 is moved upwards by 25px compared to the second animation unit group included in interface 1100. Then, the phone proceeds through the above... Figure 24 The corresponding process yields a first-class parameter of -100, and the phone uses the above... Figure 30 The corresponding process yields a fourth type of parameter of -20. Based on the first type of parameter being -100 and the fourth type of parameter being -20, the mobile phone displays interface 1130. The first animation unit group included in interface 1130 is shifted downwards by 110px compared to the first animation unit group included in interface 1120, and the second animation unit group included in interface 1130 is shifted downwards by 90px compared to the second animation unit group included in interface 1120.

[0318] It should be understood that, in the technical solutions provided in the embodiments of this application, based on the above... Figure 34 and Figure 35 The logic shown for combining parameters can also be applied to multiple types of parameters from the first, second, third, fourth, and fifth categories, allowing for further combinations. The methods for combining multiple types of parameters from the first, second, third, fourth, and fifth categories are similar to those described above. Figure 34 , Figure 35 Similarly, this application's embodiments will not elaborate further.

[0319] In some embodiments, users can also adjust the intensity of the "Relieve Motion Sickness" prompt. This allows the phone to display the target interface element at different display positions and / or display target interface elements of different sizes based on the intensity, provided the phone receives the same acceleration or attitude angle. In this embodiment, users can adjust the intensity of the "Relieve Motion Sickness" prompt according to their own feelings, enabling the phone to display target interface elements more flexibly and improving the user experience.

[0320] As one possible implementation, after the user adjusts the intensity of the "Relieve Motion Sickness" prompt, the phone can adjust the target animation coefficients and obtain the animation parameters using the adjusted coefficients. Next, the phone displays the target interface elements according to the animation parameters. The aforementioned target animation coefficients include the first, second, third, fourth, fifth, and sixth coefficients mentioned above.

[0321] For example, a mobile phone can preset multiple sets of different target animation coefficients, such as target animation coefficient A, target animation coefficient B, and target animation coefficient C. Combined with the above... Figure 8 When option 1211A is selected, target animation coefficient A takes effect, meaning the phone obtains animation parameters through target animation coefficient A. When option 1211B is selected, target animation coefficient B takes effect, meaning the phone obtains animation parameters through target animation coefficient V. When option 1211C is selected, target animation coefficient C takes effect, meaning the phone obtains animation parameters through target animation coefficient C. This allows users to adjust the intensity of the "Relieve Motion Sickness" prompt according to their own feelings, enabling the phone to display target interface elements more flexibly and improving the user experience.

[0322] In some embodiments, after the phone activates the "Relieve Motion Sickness" prompt, the phone obtains a screenshot in response to the user's screenshot operation. The screenshot may include target interface elements.

[0323] For example, see Figure 36 The phone displays desktop 3600, which includes the target interface element. Next, in response to the user's screenshot operation, the phone displays interface 3610; interface 3610 includes screenshot image 3611. Screenshot image 3611 includes the target interface element.

[0324] The screenshot operation described above can be a "three-finger swipe down" screenshot operation, a "tap" screenshot operation, or a gesture screenshot operation, etc. The specific operation can be set according to actual usage needs, and this application embodiment does not limit it.

[0325] Understandably, during user interaction, target interface elements displayed on the screen may affect the screenshot image obtained. Therefore, in some implementations, users can also use certain configuration options provided by the phone to allow the phone to block target interface elements when taking a screenshot.

[0326] For example, see Figure 37 The phone displays a settings interface 3700 with a "Relieve Motion Sickness" prompt; interface 3700 includes a first switch 3701 in a closed state. The first switch 3701 is used to block target interface elements when taking a screenshot. Subsequently, in response to the triggering operation of the first switch 3701, the phone displays interface 3710, which includes a first switch 3711 in an open state. After the first switch is in the open state, the phone displays a desktop 3720 including the target interface elements. Next, in response to the user's screenshot operation, the phone displays interface 3730; interface 3730 includes a screenshot image 3731. The screenshot image 3731 may or may not include the target interface elements.

[0327] In some of the technical solutions provided in the embodiments of this application, the number of animation units included in the target interface elements displayed on the mobile phone can be varied. For example, when the motion state of the mobile phone changes, the mobile phone displays more animation units.

[0328] For example, see Figure 38 After the phone activates the "Relieve Motion Sickness" prompt, the phone's motion state remains unchanged, and the phone displays desktop 3800, which includes the target interface elements; the target interface elements consist of two columns with four animated units per column. Subsequently, in response to a change in the phone's motion state, the phone displays desktop 3810, which includes the target interface elements; the target interface elements consist of four columns with four animated units per column. It should be understood that in... Figure 38 The example described uses a decrease in the phone's tilt angle. Even when the phone's motion changes in other ways, the number of animation units included in the target interface elements can still be adjusted; this will not be elaborated upon in the embodiments of this application.

[0329] Understandably, the more animation units in a target interface element, the higher the phone's power consumption. Therefore, displaying fewer animation units when the phone's motion remains unchanged, and displaying more animation units when the phone's motion changes, can reduce power consumption while alleviating user discomfort.

[0330] It should be noted that the animation unit may partially obscure the content currently displayed on the phone screen, but the animation unit does not intercept touch events, nor does it receive touch events. That is, when a touch event occurs at the location of the animation unit, the animation unit does not affect the distribution process of the touch event itself, and the touch event can still be received by the application currently displayed on the phone.

[0331] In some embodiments, when the phone is in an immersive scenario (e.g., a full-screen game or a full-screen short video), the target interface elements displayed on the phone may obscure some other interface elements included in the application interface. Therefore, in these immersive scenarios, the phone can shrink the application interface or a portion of its windows. The phone then displays the target interface elements on either side of the shrunken application interface. Alternatively, the phone can display smaller animation units.

[0332] As one possible implementation, the phone initiates a "Relieve Motion Sickness" prompt; after initiating the prompt, the phone activates immersive mode. Before immersive mode is activated, the phone displays the application interface at a third-size display; after immersive mode is activated, the phone displays the application interface at a fourth-size display; the fourth size is smaller than the third size.

[0333] For example, see Figure 39 The phone enters immersive mode and displays a third-sized video playback interface 3900. Next, in response to the phone's "Relieve Motion Sickness" prompt, the phone displays a fourth-sized video playback interface 3910, along with an animation unit 3920; the fourth size is smaller than the third size.

[0334] It should be noted that the personal information used in the technical solution of this application is limited to information for which individual consent has been obtained, including but not limited to notifying and reminding users to read the relevant user agreement (notification) and sign the agreement (authorization) which includes authorization of relevant user information before users use the function.

[0335] Based on the algorithmic steps of the various examples described in 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 in conjunction with the embodiments, but such implementations should not be considered beyond the scope of this application.

[0336] This embodiment can divide the electronic device into functional modules according to the above method example. 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. It should be noted that the module division in this embodiment is illustrative and only represents one logical functional division. In actual implementation, there may be other division methods.

[0337] This application also provides an electronic device, such as... Figure 40 As shown, the electronic device may include one or more processors 4001, memory 4002 and communication interfaces 4003.

[0338] The memory 4002, communication interface 4003, and processor 4001 are coupled together. For example, the memory 4002, communication interface 4003, and processor 4001 can be coupled together via bus 4004.

[0339] The communication interface 4003 is used for data transmission with other devices. The memory 4002 stores computer program code. The computer program code includes computer instructions, which, when executed by the processor 4001, cause the electronic device to perform the relevant method steps in the above-described method embodiments of this application.

[0340] The processor 4001 can be a processor or controller, such as a central processing unit (CPU), a general-purpose processor, a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field-programmable gate array (FPGA), or other programmable logic devices, transistor logic devices, hardware components, or any combination thereof. It can implement or execute the various exemplary logic blocks, modules, and circuits described in conjunction with this disclosure. The processor can also be a combination that implements computational functions, such as a combination of one or more microprocessors, a combination of a DSP and a microprocessor, etc.

[0341] The bus 4004 can be a Peripheral Component Interconnect (PCI) bus or an Extended Industry Standard Architecture (EISA) bus, etc. The aforementioned bus 4004 can be divided into address bus, data bus, control bus, etc. For ease of representation, Figure 40 The symbol is represented by only one line, but this does not mean that there is only one bus or one type of bus.

[0342] This application also provides a chip system, such as... Figure 41 As shown, the chip system 4100 includes at least one processor 4101 and at least one interface circuit 4102. The processor 4101 and the interface circuit 4102 are interconnected via lines. For example, the interface circuit 4102 can be used to receive signals from other devices (e.g., the memory of an electronic device). As another example, the interface circuit 4102 can be used to send signals to other devices (e.g., the processor 4101). Exemplarily, the interface circuit 4102 can read instructions stored in the memory and send those instructions to the processor 4101. When the instructions are executed by the processor 4101, the electronic device can perform the steps in the above embodiments. Of course, the chip system may also include other discrete devices, which are not specifically limited in this application embodiment.

[0343] This application also provides a computer-readable storage medium storing computer program code. When the processor executes the computer program code, the electronic device executes the relevant method steps in the above method embodiments.

[0344] This application also provides a computer program product that, when run on a computer, causes the computer to execute the relevant method steps described in the above method embodiments.

[0345] The electronic devices, computer-readable storage media, or computer program products provided in this application are all used to perform the corresponding methods provided above. Therefore, the beneficial effects they can achieve can be referred to the beneficial effects in the corresponding methods provided above, and will not be repeated here.

[0346] Through the above description of the embodiments, those skilled in the art can clearly understand that, for the sake of convenience and brevity, only the division of the above functional modules is used as an example. In actual 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.

[0347] In the several embodiments provided in this application, it should be understood that the disclosed apparatus and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative; for instance, 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 mutual 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.

[0348] 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.

[0349] 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.

[0350] 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 solution of the embodiments of this application, in essence, or the part that contributes, or all or part of the technical solution, can be embodied in the form of a software product. This 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 described in 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.

[0351] 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 within the technical scope 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 method for displaying an interface, characterized in that, The method is applied to an electronic device, and the method includes: The first interface is displayed, which includes an application interface of a first application and a target interface element displayed on top of the application interface, wherein the target interface element changes with the motion state of the electronic device. Receive the first operation applied to the first interface; In response to the first operation, a second interface is displayed, the second interface including a first option and a second option, wherein the first option is selected and the second option is not selected; In response to the selection operation of the second option, the first option is not selected, and the second option is selected; After the second option is selected, a third interface is displayed, which includes the target interface elements; The degree to which the target interface element follows the movement state of the electronic device when the first option is selected is different from the degree to which the target interface element follows the movement state of the electronic device when the second option is selected.

2. The method according to claim 1, characterized in that, The target interface element includes multiple animation units, the position and / or shape of which follow the movement state of the electronic device.

3. The method according to claim 2, characterized in that, The multiple animation units are displayed in two columns on the left and right edges of the current interface, depending on the current interface display state, which includes landscape mode and portrait mode.

4. The method according to claim 2 or 3, characterized in that, The motion state of the electronic device includes the acceleration of the electronic device in a first direction, the shape of the animation unit includes the size of the animation unit, and the method further includes: In response to a change in acceleration of the electronic device in a first direction, an animation effect is displayed showing a change in the size of the animation unit, the first direction including at least one direction perpendicular to the screen of the electronic device.

5. The method according to claim 4, characterized in that, The animation unit is a circular element, and the size of the animation unit includes the diameter of the circular element.

6. The method according to any one of claims 2-5, characterized in that, The motion state of the electronic device includes the pitch angle of the electronic device, and the method further includes: In response to a change in the pitch angle of the electronic device, an animation effect is displayed showing the animation unit moving in a second direction on the current interface, the second direction including an upward or downward direction on the current interface.

7. The method according to any one of claims 3-6, characterized in that, The motion state of the electronic device includes the roll angle of the electronic device, and the method further includes: In response to a change in the roll angle of the electronic device, the first set of animation units is displayed moving in a second direction, and the second set of animation units is displayed moving upward in a third direction, the third direction being the opposite direction to the second direction; The second direction includes an upward or downward direction in the current interface. The first group of animation units is a column of animation units displayed on the left edge of the current interface, and the second group of animation units is a column of animation units displayed on the right edge of the current interface.

8. The method according to any one of claims 2-7, characterized in that, The multiple animation units are displayed in a multi-row arrangement on the current interface, the motion state of the electronic device includes the heading angle of the electronic device, and the method further includes: In response to a change in the heading angle of the electronic device, an animation effect is displayed showing the animation unit moving in a fourth direction, wherein at least two animation units move different distances, and the fourth direction includes either the left or right direction in the current interface.

9. The method according to any one of claims 2-8, characterized in that, The motion state of the electronic device includes the acceleration of the electronic device in the fifth direction, and the method further includes: In response to a change in acceleration of the electronic device in a fifth direction, an animation effect is displayed showing the animation unit moving in the opposite direction of the fifth direction; the fifth direction includes at least one direction parallel to the screen of the electronic device.

10. The method according to any one of claims 1-9, characterized in that, The first option corresponds to the first animation coefficient, and the second option corresponds to the second animation coefficient; When the first option is selected, the first animation coefficient takes effect; When the second option is selected, the second animation coefficient takes effect.

11. The method according to claim 10, characterized in that, The first interface for display includes: Determine the current motion state of the electronic device; Based on the current motion state and the first animation coefficient, the animation parameters of the target interface element are obtained; the animation parameters are used to control the position and / or shape of the animation units included in the target interface element. Display the target interface elements on the first interface according to the animation parameters.

12. The method according to claim 11, characterized in that, Determining the current motion state of the electronic device includes: Obtain the acceleration of the electronic device and the current attitude angle of the electronic device; The current attitude angles include the current heading angle, the current roll angle, and the current pitch angle.

13. The method according to claim 12, characterized in that, The animation parameters include a first parameter; the first parameter is used to control the size of the animation units included in the target interface element; The step of obtaining the animation parameters of the target interface element based on the current motion state and the first animation coefficient includes: When the electronic device acquires acceleration in the first direction, the first parameter is obtained based on the acceleration in the first direction and the first animation coefficient.

14. The method according to claim 12 or 13, characterized in that, The animation parameters also include a second parameter; the second parameter is used to control the movement of the animation units included in the target interface element in the second direction; The step of obtaining the animation parameters of the target interface element based on the current motion state and the first animation coefficient includes: When the current pitch angle is different from the initial pitch angle, the second parameter is obtained based on the difference between the current pitch angle and the initial pitch angle, and the first animation coefficient.

15. The method according to any one of claims 12-14, characterized in that, The animation parameters also include a third parameter; the third parameter is used to control the movement of the first group of animation units in the second direction, and the movement of the second group of animation units in the third direction. The step of obtaining the animation parameters of the target interface element based on the current motion state and the first animation coefficient includes: When the current roll angle is different from the initial roll angle, the third parameter is obtained based on the difference between the current roll angle and the initial roll angle, and the first animation coefficient.

16. The method according to any one of claims 11-15, characterized in that, The animation parameters also include a fourth parameter; the fourth parameter is used to control the movement of the animation unit in a fourth direction, and at least two animation units move different distances. The step of obtaining the animation parameters of the target interface element based on the current motion state and the first animation coefficient includes: When the current heading angle is different from the initial heading angle, the fourth parameter is obtained based on the difference between the current heading angle and the initial heading angle, and the first animation coefficient.

17. The method according to any one of claims 1-16, characterized in that, The color of the target interface element is a contrasting color of the main color of the interface beneath the target element.

18. The method according to claim 2, characterized in that, When the motion state of the electronic device remains unchanged, the number of animation units contained in the target interface element is a first number; When the motion state of the electronic device changes, the number of animation units contained in the target interface element is a second number; The second quantity is greater than the first quantity.

19. An electronic device, characterized in that, The electronic device includes a processor and a memory; the processor is coupled to the memory; the memory is used to store computer program code; the computer program code includes computer instructions, which, when executed by the processor, cause the electronic device to perform the method as described in any one of claims 1-18.

20. A computer-readable storage medium, characterized in that, The computer-readable storage medium includes computer instructions that, when executed on an electronic device, cause the electronic device to perform the method as described in any one of claims 1-18.

Images