CN117032851B - Method for displaying objects in chessboard layout, electronic device and readable storage medium - Google Patents

Abstract

The application provides a display method of an object in a chessboard layout, electronic equipment and a readable storage medium, wherein in the method, the electronic equipment can control the object in the chessboard layout to continue to slide by a certain distance after a finger of a user leaves a screen besides sliding the object based on sliding operation of the user, so that the user is prevented from causing sliding but stopping feeling, the user has better operation feeling, and the user experience is improved. In addition, when the object stops sliding, the center position of the object closest to the center position of the screen can be overlapped with the center position of the screen, so that the problem that the user feels that the position of the object deviates is avoided, and the user experience can be improved.

Description

Method for displaying objects in chessboard layout, electronic device and readable storage medium

Technical Field

The embodiments of the present application relate to the field of terminal technology, and in particular to a method for displaying objects in a chessboard layout, an electronic device, and a readable storage medium.

Background Art

With the development of electronic devices, the layout of objects displayed by electronic devices has gradually diversified. For example, taking the application icons displayed on the desktop as an example, the layout of application icons of electronic devices such as watches and bracelets can be in list style or chessboard style. Various layouts can meet the needs of different users.

When a user operates an object in a chessboard layout, the object in the chessboard layout will slide based on the user's operation, and the display method is single.

Summary of the invention

The embodiments of the present application provide a method for displaying objects in a chessboard layout, an electronic device, and a readable storage medium, which are applied to the field of terminal technology and can enrich the display of objects in a chessboard layout and improve user experience.

In a first aspect, an embodiment of the present application proposes a method for displaying objects in a chessboard layout. The method includes: an electronic device displays a first interface, the first interface includes multiple objects in a chessboard layout, and the center position of a first object among the multiple objects overlaps with the center position of a screen of the electronic device. In response to an operation of sliding an object, the electronic device controls the multiple objects to slide a first distance in a first direction. In an embodiment of the present application, multiple objects in a chessboard layout can slide based on a user's sliding operation.

In the embodiment of the present application, when the sliding operation ends, the electronic device can control the multiple objects to slide a second distance in a second direction. When the sliding ends, the electronic device can display a second interface, wherein the second interface includes multiple objects in a chessboard layout, and the center position of a second object in the multiple objects overlaps with the center position of the screen.

In the embodiment of the present application, when the sliding operation ends, the electronic device can also control the objects in the chessboard layout to continue to slide inertially for a certain distance, so as to avoid the user's feeling of a sudden stop in sliding, so that the user has a better operating experience and improves the user experience. In addition, when the object stops sliding, the center position of the object closest to the center position of the screen can be overlapped with the center position of the screen, so as to avoid the problem of the user feeling that the object position is deviated, which can also improve the user experience.

In a possible implementation, when the first direction includes one direction, the second direction is the same as the first direction; when the first direction includes at least one direction, the second direction is the sliding direction when the sliding operation ends.

In this implementation, the electronic device may determine a second direction in which the control object continues to slide by inertia.

In a possible implementation, when the sliding operation ends, the electronic device can also obtain the second distance before controlling the multiple objects to slide the second distance in the second direction. The electronic device can obtain the sliding speed when the sliding operation ends, and when the sliding speed is greater than or equal to the speed threshold, the electronic device can obtain the second distance based on the sliding speed when the sliding operation ends. When the sliding speed is less than the speed threshold, the electronic device may not obtain the second distance, but directly determine the third object closest to the center position of the screen when the sliding operation ends, and display the third interface, in which the center position of the third object in the third interface overlaps with the center position of the screen.

In a possible implementation, the sliding speed at the end of the sliding operation includes the speed of the X axis and the speed of the Y axis, and the second distance includes the distance of the X axis and the distance of the Y axis. The electronic device can obtain the distance of the X axis according to the speed of the X axis, and obtain the distance of the Y axis according to the speed of the Y axis.

In this implementation, the electronic device can determine whether to control the object to continue to slide inertially for a second distance based on the sliding speed when the sliding operation ends, wherein when the sliding speed when the sliding operation ends is large, the electronic device can control the object to continue to slide inertially for a second distance based on the speed, so as to avoid giving the user the feeling of an abrupt stop of the sliding, so that the user has a better operating experience and improves the user experience. Among them, when the sliding speed when the sliding operation ends is small, the user hardly perceives the object continuing to slide inertially, so the electronic device may not control the object to continue to slide inertially, but directly display the second interface, so that the center position of the second object overlaps with the center position of the screen, which can reduce the workload of the electronic device.

In a possible implementation, when the sliding operation ends, the electronic device can determine the third object closest to the center position of the screen, and calculate the limit distance in the opposite direction of the second direction based on the center position of the third object and the grid, and the limit distance is the maximum distance that the multiple objects slide in the second direction. Exemplarily, the electronic device can use the center position of the third object as the starting point, draw a line in the opposite direction of the sliding direction when the sliding operation ends, and the line and the grid are selected at the intersection. The electronic device can use the distance between the center position of the third object and the intersection as the limit distance.

After obtaining the second distance and the limit distance, the electronic device may also determine a third distance according to the limit distance and the second distance. When the second distance is less than or equal to the limit distance, the second distance is used as the third distance; when the second distance is greater than the limit distance, the limit distance is used as the third distance.

In a possible implementation, after determining the third distance, the electronic device may control the multiple objects to slide the third distance toward the second direction.

In this implementation, the electronic device can calculate the object's continued inertial sliding limit distance based on the third object closest to the center of the screen when the sliding operation ends, the sliding direction when the sliding operation ends, and the grid. The electronic device can determine the third distance for the object to continue sliding based on the second distance and the limit distance. The embodiment of the present application can prevent the inertial sliding of objects in the chessboard layout from exceeding the range displayed on the screen, resulting in a large amount of blank area on the screen, which can improve the user's viewing experience.

In a possible implementation, when the user's finger leaves the screen, the electronic device controls multiple objects to continue to slide inertially for a third distance, and then the electronic device can display the second interface. After the inertially sliding ends, the electronic device enables the objects at a distance from the center of the screen to overlap with the center of the screen, and the user will feel that the position of the object has jumped, resulting in a poor user experience.

Therefore, in the embodiment of the present application, after the electronic device determines the third distance, it can determine the fourth object closest to the target position, where the target position is the position that is the third distance away from the center position of the screen. The electronic device can obtain a fourth distance between the center position of the fourth object and the center position of the screen. The electronic device can generate an inertial sliding animation based on the fourth distance and play the inertial sliding animation.

It should be understood that in this implementation, when the sliding speed when the sliding operation ends is less than the speed threshold, the electronic device may not obtain the second distance, the limit distance, and determine the third distance, but directly determine the third object closest to the center position of the screen when the sliding operation ends, and display the third interface, in which the center position of the third object in the third interface overlaps with the center position of the screen.

In some embodiments, the electronic device may obtain the duration of the inertial sliding animation according to the fourth distance, and determine the number of image frames included in the inertial sliding animation according to the refresh rate of the screen and the duration. The electronic device may generate the inertial sliding animation according to the position of each object at the end of the sliding operation, the fourth distance, and the number of image frames.

In the embodiment of the present application, after the electronic device controls multiple objects to slide a first distance in a first direction, an inertial sliding animation effect can be played, and the positions of the multiple objects in the inertial sliding animation effect can change continuously without the problem of sudden position change.

In the second aspect, an embodiment of the present application proposes a method for displaying objects in a chessboard layout. The method includes: an electronic device displays a first interface, the first interface includes multiple objects in a chessboard layout, and the center position of a first object among the multiple objects overlaps with the center position of a screen of the electronic device. In response to an operation of sliding the object, the electronic device controls the multiple objects to slide a first distance in a first direction. In an embodiment of the present application, multiple objects in a chessboard layout can slide based on a user's sliding operation.

When the sliding operation ends, the electronic device may determine a fourth object that is closest to the target position, where the target position is a position that is a third distance away from the center position of the screen, and the third distance is the distance that the multiple objects should continue to slide when the sliding operation ends. The electronic device may obtain a fourth distance between the center position of the fourth object and the center position of the screen, generate an inertial sliding animation according to the fourth distance, and play the inertial sliding animation.

In the embodiment of the present application, the electronic device can not only control the multiple objects to slide a first distance toward a first direction based on the user's sliding operation, but also after the multiple objects slide the first distance toward the first direction, the electronic device can play an inertial sliding animation effect, and the positions of the multiple objects in the inertial sliding animation effect can change continuously without the problem of sudden position changes.

In a possible implementation, when the sliding operation ends, the electronic device can obtain the sliding speed at the end of the sliding operation, wherein the electronic device can obtain the second distance according to the sliding speed at the end of the sliding operation, and determine the third object closest to the center position of the screen, and calculate the limit distance in the opposite direction of the second direction according to the center position and grid of the third object, wherein the limit distance is the maximum distance that the multiple objects should continue to slide at the end of the sliding operation. The electronic device can determine the third distance according to the limit distance and the second distance. It should be understood that the second direction can be understood as the sliding direction at the end of the sliding operation.

In a possible implementation, when the sliding speed is greater than or equal to the speed threshold, the electronic device can obtain the second distance according to the sliding speed at the end of the sliding operation, and determine the third object closest to the center position of the screen, and calculate the limit distance in the opposite direction of the second direction according to the center position and grid of the third object, and the limit distance is the maximum distance that the multiple objects should continue to slide at the end of the sliding operation. The electronic device can determine the third distance based on the limit distance and the second distance. It should be understood that the second direction can be understood as the sliding direction at the end of the sliding operation.

Among them, when the sliding speed is less than the speed threshold, the electronic device can determine the third object closest to the center position of the screen and display a third interface, in which the center position of the third object in the third interface overlaps with the center position of the screen.

In this implementation, the electronic device can determine whether to generate an inertial sliding effect or directly display the third interface based on the sliding speed when the sliding operation ends. Among them, when the sliding speed when the sliding operation ends is large, the electronic device can generate an inertial sliding effect. The position of the object in the inertial sliding effect changes gradually and continuously without sudden changes, allowing users to have a better operating experience. Among them, when the sliding speed when the sliding operation ends is small, the user hardly perceives that the object continues to slide inertially. Therefore, the electronic device may not generate an inertial sliding effect, but directly display the third interface, so that the center position of the third object overlaps with the center position of the screen, which can reduce the workload of the electronic device.

In a possible implementation, the sliding speed includes an X-axis speed and a Y-axis speed, and the second distance includes an X-axis distance and a Y-axis distance; obtaining the second distance according to the sliding speed at the end of the sliding operation includes: obtaining the X-axis distance according to the X-axis speed; and obtaining the Y-axis distance according to the Y-axis speed.

In a possible implementation, determining the third distance based on the limiting distance and the second distance includes: when the second distance is less than or equal to the limiting distance, using the second distance as the third distance; when the second distance is greater than the limiting distance, using the limiting distance as the third distance.

In the third aspect, an embodiment of the present application proposes a method for displaying objects in a chessboard layout. The method includes: an electronic device displays a first interface, the first interface includes multiple objects in a chessboard layout, and the center position of a first object among the multiple objects overlaps with the center position of the screen of the electronic device; in response to an operation of sliding an object, the multiple objects are controlled to slide a first distance in a first direction; when the sliding operation ends, the multiple objects are controlled to slide a second distance in a second direction; and a second interface is displayed, the second interface includes multiple objects in a chessboard layout, and the center position of a second object among the multiple objects overlaps with the center position of the screen.

In a possible implementation, when the first direction includes one direction, the second direction is the same as the first direction; when the first direction includes at least one direction, the second direction is the sliding direction when the sliding operation ends.

In a possible implementation, before controlling the multiple objects to slide a second distance in a second direction, it also includes: obtaining a sliding speed when the sliding operation ends; when the sliding speed is greater than or equal to a speed threshold, obtaining the second distance based on the sliding speed when the sliding operation ends.

In a possible implementation, the sliding speed includes an X-axis speed and a Y-axis speed, and the second distance includes an X-axis distance and a Y-axis distance; obtaining the second distance according to the sliding speed at the end of the sliding operation includes: obtaining the X-axis distance according to the X-axis speed; and obtaining the Y-axis distance according to the Y-axis speed.

In one possible implementation, when the sliding operation ends, the method also includes: determining a third object that is closest to the center position of the screen; calculating a limiting distance in the opposite direction of the second direction based on the center position and grid of the third object, wherein the limiting distance is the maximum distance that the multiple objects slide toward the second direction.

After acquiring the second distance, the method further includes: determining a third distance according to the limit distance and the second distance.

In a possible implementation, determining the third distance based on the limiting distance and the second distance includes: when the second distance is less than or equal to the limiting distance, using the second distance as the third distance; when the second distance is greater than the limiting distance, using the limiting distance as the third distance.

In a possible implementation manner, controlling the plurality of objects to slide in a second direction by a second distance includes: controlling the plurality of objects to slide in the second direction by a third distance.

In a fourth aspect, an embodiment of the present application provides an electronic device, which may also be referred to as a terminal, user equipment (UE), mobile station (MS), mobile terminal (MT), etc. The electronic device may be a mobile phone, a smart TV, a wearable device, a tablet computer (Pad), a computer with wireless transceiver function, a virtual reality (VR) terminal device, an augmented reality (AR) terminal device, a wireless terminal in industrial control, a wireless terminal in self-driving, a wireless terminal in remote medical surgery, a wireless terminal in smart grid, a wireless terminal in transportation safety, a wireless terminal in smart city, a wireless terminal in smart home, etc.

The electronic device comprises: a processor and a memory; the memory stores computer-executable instructions; the processor executes the computer-executable instructions stored in the memory, so that the electronic device executes the methods of the first aspect, the second aspect, and the third aspect.

In a fifth aspect, an embodiment of the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program. When the computer program is executed by a processor, the method of the first aspect, the second aspect, and the third aspect is implemented.

In a sixth aspect, an embodiment of the present application provides a computer program product, which includes a computer program. When the computer program is run, the computer executes the methods of the first aspect, the second aspect, and the third aspect.

In a seventh aspect, an embodiment of the present application provides a chip, the chip including a processor, the processor being used to call a computer program in a memory to execute the methods described in the first aspect, the second aspect, and the third aspect.

It should be understood that the second to seventh aspects of the present application correspond to the technical solutions of the first aspect of the present application, and the beneficial effects achieved by each aspect and the corresponding feasible implementation methods are similar and will not be repeated here.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG1A is a schematic diagram of a layout of application icons displayed on a desktop of an electronic device;

FIG. 1B is a schematic diagram of another layout of application icons displayed on the desktop of an electronic device;

FIG. 2 is a schematic diagram of an electronic device displaying application icons in a chessboard layout;

FIG3 is a schematic diagram of a thumbnail of a picture of a chessboard layout displayed by an electronic device according to an embodiment of the present application;

FIG4 is a schematic diagram of a flow chart of an embodiment of a method for displaying objects in a chessboard layout provided in an embodiment of the present application;

FIG5 is a schematic diagram of an electronic device displaying objects in a chessboard layout according to an embodiment of the present application;

FIG6 is a schematic flow chart of another embodiment of a method for displaying objects in a chessboard layout provided in an embodiment of the present application;

FIG7 is a schematic diagram of a flow chart of another embodiment of a method for displaying objects in a chessboard layout provided in an embodiment of the present application;

FIG8A is a schematic diagram of obtaining a limit distance for continued sliding of an object provided in an embodiment of the present application;

FIG8B is another schematic diagram of obtaining a limit distance for continued sliding of an object provided in an embodiment of the present application;

FIG9 is a schematic flow chart of another embodiment of a method for displaying objects in a chessboard layout provided in an embodiment of the present application;

FIG10 is a schematic diagram of an electronic device displaying objects in a chessboard layout according to an embodiment of the present application;

FIG11 is a schematic diagram of a structure of an electronic device provided in an embodiment of the present application;

FIG12 is a schematic diagram of a flow chart of another embodiment of a method for displaying objects in a chessboard layout provided in an embodiment of the present application;

FIG. 13 is another schematic diagram of the structure of an electronic device provided in an embodiment of the present application.

DETAILED DESCRIPTION

In order to facilitate the clear description of the technical solutions of the embodiments of the present application, in the embodiments of the present application, the words "exemplary" or "for example" are used to indicate examples, illustrations or explanations. Any embodiment or design described as "exemplary" or "for example" in the present application should not be interpreted as being more preferred or more advantageous than other embodiments or designs. Specifically, the use of words such as "exemplary" or "for example" is intended to present related concepts in a specific way.

In the embodiments of the present application, "at least one" refers to one or more, and "more than one" refers to two or more. "And/or" describes the association relationship of associated objects, indicating that three relationships may exist. For example, A and/or B can represent: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural. The character "/" generally indicates that the previous and next associated objects are in an "or" relationship. "At least one of the following" or similar expressions refers 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, a-b, a-c, b-c, or a-b-c, where a, b, c can be single or multiple.

It should be noted that the "at..." and "when..." in the embodiments of the present application can be the instant when a certain situation occurs, or can be a period of time after a certain situation occurs, and the embodiments of the present application do not specifically limit this. In addition, the display interface provided in the embodiments of the present application is only an example, and the display interface can also include more or less content.

The electronic device in the embodiments of the present application may be referred to as user equipment (UE), terminal, etc. For example, the electronic device may be a mobile phone with a screen, a portable android device (PAD), a personal digital assistant (PDA), a handheld device with a wireless communication function, a computing device, a vehicle-mounted device or a wearable device, a virtual reality (VR) terminal device, an augmented reality (AR) terminal device, a wireless terminal in industrial control, a wireless terminal in a smart home, etc. In the embodiments of the present application, the form of the electronic device is not specifically limited, and the following embodiments are described by taking the electronic device as a watch as an example.

FIG1A is a schematic diagram of a layout of application icons displayed on the desktop of an electronic device. Application icons may include, but are not limited to, icons of system applications and icons of third-party applications. Referring to FIG1A , application icons may be arranged in a list style. When a user slides the list up and down, the application icon may be triggered to slide, so that the user may select the corresponding application icon. It should be understood that FIG1A and FIG1B illustrate the example of the desktop displaying the icon of application 1, the icon of application 2, ..., and the icon of application N. N may be an integer greater than or equal to 2.

FIG. 1B is another schematic diagram of the layout of application icons displayed on the desktop of an electronic device. Referring to a and b in FIG. 1B , the application icons can be arranged in a checkerboard style. The user can slide the application icon in any direction, and the application icon can slide in the corresponding direction. Referring to a in FIG. 1B , the application icons in each row of the chessboard can be aligned. Referring to b in FIG. 1B , the application icons in odd-numbered rows of the chessboard can be aligned, and the desktop icons in even-numbered rows can be aligned. Among them, the aligned arrangement can be understood as: the vertical coordinates of the application icons in each column of each row of application icons on the desktop are the same.

The embodiment of the present application does not limit the arrangement of application icons on the chessboard. For example, the application icons in each row on the chessboard may not be aligned, or the application icons in the first m rows may be aligned, and the application icons in the last n rows may be aligned, where m and n are both integers greater than or equal to 1.

Similarly, for example, the first m columns of application icons in the chessboard can be aligned, and the last n columns of application icons can be aligned. In this example, the aligned arrangement can be understood as: the horizontal coordinates of the application icons in each row of each column of application icons on the desktop are the same.

In some embodiments, the checkerboard pattern may also be referred to as a tiled pattern. In some embodiments, the arrangement of application icons in a checkerboard pattern may also be understood as: the application icons are tiled and displayed on the desktop.

In some embodiments, the desktop of the electronic device displays application icons in a chessboard style, and the desktop of the electronic device can be called a chessboard desktop.

Currently, when a user slides an object arranged in a chessboard on the desktop, the object can slide in the direction of the user's sliding. Referring to a in FIG2 , a plurality of application icons arranged in a chessboard are displayed on the desktop, wherein application icon 1 can be located at the center of the screen. Referring to b in FIG2 , when a user slides an application icon to the left, the plurality of application icons can slide to the left. When the user's finger leaves the desktop, the plurality of application icons can stop sliding.

Currently, the application icons in the chessboard layout can slide based on the sliding operation of the user. When the user's finger leaves the screen, the multiple application icons can stop sliding. Currently, the display mode of the multiple application icons is single, and the user experience is poor.

In order to enrich the display mode of objects in chessboard layout and improve user experience, the embodiment of the present application provides a method for displaying objects in chessboard layout. In this method, based on the operation of the user sliding the objects in chessboard layout, the objects can not only slide following the user's sliding operation, but also slide a certain distance by inertia after the user's finger leaves, so that the user has a better operation experience. In addition, when the object stops sliding, the center position of the object closest to the center position of the screen can be overlapped with the center position of the screen, so that the layout of the objects can have central symmetry, avoid the problem of the user feeling that the position of the objects is deviated, and improve the user experience.

It should be understood that in the embodiments of the present application, the objects in chessboard layout may include but are not limited to application icons displayed on the desktop, for example, the objects may also be thumbnails of pictures in chessboard layout in a gallery application, messages in chessboard layout in a social application, etc. Exemplarily, taking the thumbnails of pictures in chessboard layout in a gallery application as an example, FIG3 shows an interface for displaying thumbnails of pictures in a gallery application, in which the thumbnails of pictures may be arranged in a chessboard style. It should be understood that FIG3 takes the electronic device as a mobile phone as an example, and the thumbnails of pictures are represented by boxes in FIG3.

In the following embodiments, objects in a chessboard layout are exemplified as application icons displayed on the desktop. The display methods of other objects in a chessboard layout may refer to the description in the following embodiments.

The following is a description of the method for displaying objects in a chessboard layout provided by the embodiments of the present application in conjunction with specific embodiments. The following embodiments may be combined with each other, and the same or similar concepts or processes may not be described in detail in some embodiments.

FIG4 is a flow chart of an embodiment of a method for displaying objects in a chessboard layout provided by an embodiment of the present application. Referring to FIG4 , the method for displaying objects in a chessboard layout provided by an embodiment of the present application may include:

S401, displaying a first interface, the first interface including a plurality of objects arranged in a chessboard, wherein a center position of a first object among the plurality of objects overlaps with a center position of a screen.

Exemplarily, referring to a in FIG. 5 , taking the first interface as the desktop as an example, the desktop includes multiple application icons in a chessboard layout, and each application icon can be used as an object. Among them, the multiple application icons can include an icon for application 1, an icon for application 2, ..., and an icon for application N. a in FIG. 5 represents the application icons with numbers 1, 2, ..., and N, respectively. Among them, the center position of the icon of application 1 among the multiple application icons overlaps with the center position of the screen, and the icon of application 1 is at the center position of the screen. Among them, the icon of application 1 can be used as the first object.

In a of Fig. 5, the application icon is a circle as an example, and the center position of the application icon can be the center of the circle. In the embodiment of the present application, the shape of the object (such as the application icon) is not limited, and the shape of the object can also be a rectangle, a square, a triangle, etc.

It should be understood that the desktop may also include other objects, such as wallpaper, time, power indicator, etc., and the embodiments of the present application do not limit this.

S402: In response to an operation of sliding an object, control a plurality of objects to slide a first distance in a first direction.

Because multiple objects are laid out in a checkerboard pattern, users can slide the objects in any direction.

In some embodiments, the first direction may include at least one direction, and the first distance may include the distance in each direction. For example, the user touches the desktop of the electronic device with a finger and does not release the finger, first slides the object to the left, and then slides the object downward, wherein the first direction may include the left side and the bottom side. The first distance may include the distance of sliding to the left and the distance of sliding downward.

For example, referring to b in FIG5 , taking the case where a user slides an object to the left as an example, the electronic device can control multiple application icons to slide to the left by a first distance according to the user's sliding operation. After the multiple application icons slide to the left by the first distance, the icon of application 1 deviates from the center position of the screen. It should be understood that the first distance is not shown in FIG5 .

The first distance may be equal to the sliding distance of the user on the screen. Alternatively, the electronic device may calculate the first distance according to the sliding distance of the user on the screen and a preset ratio. Alternatively, the electronic device may calculate the first distance according to the sliding distance of the user on the screen and a preset calculation method, which is not limited in the embodiments of the present application.

S403: When the sliding operation ends, control the multiple objects to slide a second distance in a second direction.

In the prior art, when the user finishes sliding the object, the multiple objects can stop sliding, which will give the user a feeling of a sudden stop of sliding, resulting in a poor user experience. In the embodiment of the present application, when the user finishes sliding the object, such as when the user's finger leaves the screen, the electronic device can also control the multiple objects to continue to slide inertially for a distance in the second direction.

In some embodiments, when the first direction includes one direction, the second direction is the same as the first direction. For example, as shown in b in FIG5 , after the user slides the object to the left, the user's finger leaves the screen, the sliding operation ends, and the second direction may be the left.

In some embodiments, when the first direction includes at least two directions, the second direction may be the last direction in the first direction. For example, after the user slides the object to the left and then slides the object downward, the user's finger leaves the screen, and the second direction may be downward.

In some embodiments, the second direction may be regarded as the sliding direction when the sliding operation ends, or the sliding direction when the user's finger leaves the screen.

In some embodiments, the second distance may be a preset distance. Thus, when the user's finger leaves the screen, the electronic device may control the multiple objects to continue sliding in the second direction by the preset distance, and the multiple objects have a sliding buffer instead of suddenly stopping the sliding, which can improve the user experience.

In some embodiments, the second distance may be related to the sliding speed when the sliding operation ends. In other words, the second distance is related to the user's hand-off speed, which may be understood as the sliding speed when the user's finger leaves the screen.

Exemplarily, taking the hand-off speed as an example, for example, if the hand-off speed is V, the second distance may be nV, and n may be an empirical value.

For example, taking the hand-off speed as an example, the electronic device may obtain the hand-off speed V _X of the X axis and the hand-off speed V _Y of the Y axis in the screen coordinate system. Accordingly, the electronic device may obtain the inertial sliding distance D _X1 of the X axis and the inertial sliding distance D _Y1 of the Y axis. The second distance may include the inertial sliding distance D _X1 of the X axis and the inertial sliding distance D _Y1 of the Y axis.

In some embodiments, the electronic device may calculate D _X1 based on the following formula 1, and calculate D _Y1 based on the following formula 2:

D _X1 = V _X × T × m Formula 1

D _Y1 = V _Y × T × m Formula 2

In some embodiments, T is a period for the electronic device to collect touch data, and the touch data may include a touch position, a touch duration, etc. The electronic device may obtain the hand-off velocity V _X of the X axis and the hand-off velocity V _Y of the Y axis in the screen coordinate system based on the touch data. The calculation process is not described in detail here, and the relevant description in FIG. 11 may be referred to. For example, T is 0.0167s.

Here, m may be an inertia factor, which is an empirical value, such as m may be 9.

For example, referring to c in FIG5 , the electronic device can control multiple application icons to slide to the left by a first distance, and can also control multiple application icons to continue to slide to the left by a second distance. It should be understood that the second distance is not shown in FIG5 .

In this embodiment, the second distance may be related to the sliding speed at the end of the sliding operation, so that the faster the user slides the object, the longer the second distance of the inertial sliding of the multiple application icons will be. This is more in line with the user's operating experience and can further improve the user experience.

S404, displaying a second interface, where the second interface includes a plurality of objects arranged in a chessboard layout, wherein a center position of a second object among the plurality of objects overlaps with a center position of the screen.

In the embodiment of the present application, after the electronic device controls multiple objects to slide in a second direction by a second distance, the second object closest to the center position of the screen can be determined, and the center position of the second object overlaps with the center position of the screen. The electronic device can obtain the center position of each object and calculate the distance between the center position of each object and the center position of the screen to determine the second object closest to the center position of the screen.

In some embodiments, the first object and the second object may be the same or different.

After determining the second object, the electronic device can display a second interface, which includes multiple objects in a chessboard layout, and the center position of the second object among the multiple objects overlaps with the center position of the screen. Exemplarily, referring to c in FIG5 , after the multiple application icons continue to slide to the left for a second distance, the icon of application 15 is closest to the center position of the screen, and the icon of application 15 can be used as the second object, and the electronic device can display the second interface. Referring to d in FIG5 , the center position of the icon of application 15 in the second interface overlaps with the center position of the screen.

In the embodiment of the present application, in addition to sliding objects based on the user's sliding operation, the electronic device can also control the objects in the chessboard layout to continue to slide inertially for a certain distance after the user's finger leaves the screen, so as to avoid the user's feeling of a sudden stop in sliding, so that the user has a better operating experience and improves the user experience. In addition, when the object stops sliding, the center position of the object closest to the center position of the screen can be overlapped with the center position of the screen, so as to avoid the problem of the user feeling that the object position is deviated, which can also improve the user experience.

The sliding speed when the user ends the sliding operation can be fast or slow. The above embodiments describe that the electronic device can determine the second distance for the object to continue to slide inertially based on the sliding speed when the sliding operation is ended. In some embodiments, when the sliding speed when the user ends the sliding operation is small, the second distance for the object to continue to slide inertially based on the speed is also small. Even if the object continues to slide inertially for the second distance, the user cannot intuitively feel the continued sliding of the object. Therefore, in some embodiments, on the basis of giving the user a better operating experience, in order to reduce the workload of the electronic device, the electronic device can determine whether to control the object to continue to slide inertially for the second distance based on the sliding speed when the sliding operation is ended.

6 , the method for displaying objects in a chessboard layout provided in an embodiment of the present application may include:

S601, displaying a first interface, the first interface including a plurality of objects arranged in a chessboard, wherein a center position of a first object among the plurality of objects overlaps with a center position of a screen.

S602: In response to an operation of sliding an object, control a plurality of objects to slide a first distance in a first direction.

S601-S602 may refer to the description in S401-S402.

S603, when the sliding operation ends, based on the sliding speed at the end of the sliding operation, determine whether to control the multiple objects to continue sliding. If yes, execute S604-S605, if not, directly execute S605.

In some embodiments, the electronic device may compare the sliding speed at the end of the sliding operation with a speed threshold based on the sliding speed at the end of the sliding operation, and determine to control multiple objects to continue sliding when the sliding speed at the end of the sliding operation is greater than or equal to the speed threshold, and determine not to control multiple objects to continue sliding when the sliding speed at the end of the sliding operation is less than the speed threshold.

In some embodiments, the speed threshold may include a first speed threshold of the X-axis and a second speed threshold of the Y-axis, and the sliding speed at the end of the sliding operation includes the speed of the X-axis and the speed of the Y-axis. When the speed of the X-axis is greater than or equal to the first speed threshold, and the speed of the Y-axis is greater than or equal to the second speed threshold, the electronic device may determine to control the multiple objects to continue sliding. When the speed of the X-axis is less than the first speed threshold, or the speed of the Y-axis is less than the second speed threshold, the electronic device may determine not to control the multiple objects to continue sliding.

In some embodiments, the first speed threshold and the second speed threshold may be equal or different. For example, the first speed threshold and the second speed threshold may be equal, such as the first speed threshold and the second speed threshold are both 350 px/s.

S604: Control the multiple objects to slide a second distance in a second direction.

S605, displaying a second interface, where the second interface includes a plurality of objects arranged in a chessboard layout, wherein a center position of a second object among the plurality of objects overlaps with a center position of the screen.

S604-S605 may refer to the description in S403-S404.

In an embodiment of the present application, the electronic device may determine whether to control the object to continue to slide inertially for a second distance based on the sliding speed when the sliding operation ends, wherein when the sliding speed when the sliding operation ends is large, the electronic device may control the object to continue to slide inertially for a second distance based on the speed, so as to avoid causing the user to feel that the sliding stops abruptly, so that the user has a better operating experience and improves the user experience. Among them, when the sliding speed when the sliding operation ends is small, the user hardly perceives that the object continues to slide inertially, so the electronic device may not control the object to continue to slide inertially, but directly display the second interface, so that the center position of the second object overlaps with the center position of the screen, which can reduce the workload of the electronic device.

The above embodiments introduce that the electronic device can determine the second distance based on the sliding speed when the sliding operation ends. In some embodiments, in order to prevent the objects in the checkerboard layout from exceeding the range of the screen display, the electronic device can also determine the limit distance for the object to continue sliding based on the grid. The electronic device can determine the third distance for the object to continue sliding based on the second distance and the limit distance.

7 , the method for displaying objects in a chessboard layout provided in an embodiment of the present application may include:

S701, displaying a first interface, the first interface including a plurality of objects arranged in a chessboard layout, wherein a center position of a first object among the plurality of objects overlaps with a center position of a screen.

S702: In response to an operation of sliding an object, control a plurality of objects to slide a first distance in a first direction.

S703, when the sliding operation ends, based on the sliding speed at the end of the sliding operation, determine whether to control the multiple objects to continue sliding. If yes, execute S704-S708, if not, directly execute S708.

S704: Acquire a second distance based on the sliding speed when the sliding operation ends.

S701-S703 may refer to the description in S601-S603, and S704 may refer to the description in S403.

S705: Based on the sliding direction when the sliding operation ends, obtain a limit distance for the object to continue sliding.

In some embodiments, a grid may be pre-set on the screen, and the size of the grid may be less than or equal to the size of the screen. In the embodiment of the present application, the purpose of setting the grid is to determine the boundary of the object display in the chessboard layout to prevent the object from sliding beyond the boundary of the grid. In the embodiment of the present application, the shape of the grid is not limited. For example, the grid may be circular or rectangular.

In an embodiment of the present application, when the sliding operation ends, the electronic device can determine the third object closest to the center of the screen, that is, the electronic device can determine the third object closest to the center of the screen when the user leaves the hand. Among them, the method for the electronic device to determine the third object closest to the center of the screen can refer to the relevant description of the electronic device determining the second object closest to the center of the screen. After the electronic device determines the third object closest to the center of the screen, it can obtain the limit distance for the object to continue sliding based on the third object and the grid.

In some embodiments, the electronic device may calculate at least one distance between the center position of the third object and the border of the grid, and use the maximum distance as the limit distance for the object to continue sliding. Exemplarily, taking the grid as a rectangle as an example, the electronic device may calculate the distance between the center position of the third object and the left border of the grid, the distance to the right border of the grid, the distance to the upper border of the grid, and the distance to the lower border of the grid, and use the maximum distance as the limit distance for the object to continue sliding.

In some embodiments, the electronic device can obtain the limit distance for the object to continue sliding according to the center position of the third object, the grid, and the sliding direction at the end of the sliding operation. Exemplarily, when the user slides the object to the left, the object will slide to the left. When the object continues to slide to the left by inertia for a long distance, a large amount of blank area will be generated on the right side of the grid, that is, the object exceeds the range of the screen display, affecting the user's viewing experience. In the embodiment of the present application, the electronic device can calculate the limit distance in the opposite direction of the sliding direction at the end of the sliding operation according to the center position of the third object and the grid. Among them, it can be understood that: the electronic device can use the center position of the third object as the starting point, draw a line in the opposite direction of the sliding direction at the end of the sliding operation, and the line and the grid are selected at the intersection. The electronic device can use the distance between the center position of the third object and the intersection as the limit distance. In some embodiments, the sliding direction at the end of the sliding operation can be understood as the second direction, and the opposite direction of the sliding direction at the end of the sliding operation can be understood as the opposite direction of the second direction.

Exemplarily, in FIG8A, the grid is a rectangle as an example, referring to a-b in FIG8A, when the user slides the object to the left, the electronic device can control multiple application icons to slide to the left by a first distance according to the user's sliding operation. When the user's finger leaves the screen, that is, before the electronic device controls multiple application icons to continue to slide to the left by a second distance, the electronic device can determine the third object closest to the center of the screen, such as the icon of application 4. Referring to b in FIG8A, the electronic device can calculate the distance d from the center position of the icon of application 4 to the right boundary of the grid according to the icon of application 4, and the distance d can be used as the limit distance for the object to continue sliding.

The distance d can be regarded as: a limit distance calculated based on the center position of the third object and the grid in the opposite direction of the sliding direction when the sliding operation ends. When the sliding operation ends, the sliding direction is to the left and the opposite direction is to the right, so the electronic device can use the distance d between the center position of the third object and the right boundary of the grid as the limit distance for the object to continue sliding.

In some embodiments, the limit distance for the object to continue sliding may include a limit distance D _X2 on the X axis and a limit distance D _Y2 on the Y axis. For example, referring to b in FIG. 8A , the limit distance for the object to continue sliding may include D _X2 =d, D _Y2 =0.

For example, when the user's finger leaves the screen and the sliding direction is to the lower left, the electronic device can obtain the distance d1 between the center position of the third object and the right boundary of the grid, and the distance d2 between the center position of the third object and the upper boundary of the grid. The limit distance for the object to continue sliding can include D _X2 = d1, D _Y2 = d2.

Exemplarily, in FIG8B , the grid is a circle as an example, referring to a-b in FIG8B , when the user slides the object to the left, the electronic device can control the multiple application icons to slide to the left by a first distance according to the user's sliding operation. When the user's finger leaves the screen, that is, before the electronic device controls the multiple application icons to continue to slide to the left by a second distance, the electronic device can determine the third object closest to the center of the screen, such as the icon of application 4. Referring to b in FIG8B , the electronic device can calculate the distance d from the center position of the icon of application 4 to the right boundary of the grid according to the icon of application 4, and the distance d can be used as the limit distance for the object to continue sliding.

S706: Determine a third distance for the object to continue sliding according to the second distance and the limit distance.

The limit distance for the object to continue sliding can be regarded as the maximum distance for the object to continue sliding by inertia. The electronic device can determine the third distance for the object to continue sliding based on the second distance and the limit distance. When the second distance is less than or equal to the limit distance, the electronic device can use the second distance as the third distance. When the second distance is greater than the limit distance, the electronic device can use the limit distance as the third distance.

In some embodiments, the third distance may include an X-axis distance _DX3 and a Y-axis distance _DX3 . For example, _DX3 =min( _DX1 , _DX2 ), _DX3 =min( _DY1 , _DX2 ).

S707, controlling the multiple objects to slide a third distance in the second direction.

S707 may refer to the description in S403.

S708, displaying a second interface, where the second interface includes a plurality of objects arranged in a chessboard layout, wherein a center position of a second object among the plurality of objects overlaps with a center position of the screen.

S708 may refer to the description in S404.

In the embodiment of the present application, the electronic device can calculate the object's continued inertial sliding limit distance based on the third object closest to the center of the screen when the sliding operation ends, the sliding direction when the sliding operation ends, and the grid. The electronic device can determine the third distance for the object to continue sliding based on the second distance and the limit distance. The embodiment of the present application can prevent the inertial sliding of objects in the chessboard layout from exceeding the range displayed on the screen, resulting in a large number of blank areas on the screen, which can improve the user's viewing experience.

In the above embodiment, when the user's finger leaves the screen, the electronic device controls multiple objects to continue to slide inertially for a third distance, and then the electronic device can display the second interface. After the inertially sliding ends, the electronic device enables the object at a distance from the center of the screen to overlap with the center of the screen, and the user will perceive the object position jump, resulting in a poor user experience. For example, with reference to c and d in Figure 5, after the electronic device displays the second interface, the center position of the icon of application 15 will overlap with the center position of the screen, and the position of the icon of application 15 and other application icons on the second interface will jump (with large changes).

In some embodiments, the electronic device can combine the two steps of inertial sliding of the object and enabling the object at a distance from the center of the screen to overlap with the center of the screen into one animation process, allowing the user to feel that the position of the object changes continuously without jumps, thereby improving the user experience.

9 , the method for displaying objects in a chessboard layout provided in an embodiment of the present application may include:

S901, displaying a first interface, where the first interface includes a plurality of objects arranged in a chessboard layout, wherein a center position of a first object among the plurality of objects overlaps with a center position of a screen.

S902: In response to an operation of sliding an object, control a plurality of objects to slide a first distance in a first direction.

S903, when the sliding operation ends, based on the sliding speed at the end of the sliding operation, determine whether to control the multiple objects to continue sliding. If yes, execute S904-S910, if not, execute S911.

S904: Acquire a second distance based on the sliding speed when the sliding operation ends.

S905: Based on the sliding direction when the sliding operation ends, obtain a limit distance for the object to continue sliding.

S906: Determine a third distance for the object to continue sliding according to the second distance and the limit distance.

S901 - S906 may refer to the description in S701 - S706 .

S907 , determining a fourth object closest to the target position, where the target position is a position that is a third distance away from the center position of the screen.

In an embodiment of the present application, after determining the third distance for the object to continue to slide, the electronic device does not directly control the multiple objects to continue to slide the third distance toward the second direction, but determines the object that eventually overlaps with the center position of the screen based on the third distance. The target position is a position that is a third distance away from the center position of the screen. Exemplarily, for example, if the coordinates of the center position of the screen are (X ₀ , Y ₀ ), the coordinates of the position that is a third distance away from the center position of the screen may be (X ₀ -D _X3 , Y ₀ -D _Y3 ), and the coordinates of the target position are (X ₀ -D _X3 , Y ₀ -D _Y3 ).

When the sliding operation ends, the electronic device can determine the fourth object closest to the target position. Exemplarily, the electronic device can obtain the distance between the center position of each object and the target position, and use the object with the smallest distance as the fourth object. The electronic device can use the fourth object as the object that finally overlaps with the center of the screen.

S908: Obtain a fourth distance between the fourth object and the center position of the screen.

In some embodiments, for example, the coordinates of the fourth object are ( _X1 , _Y1 ), and the electronic device may obtain a fourth distance between the fourth object and the center of the screen based on the coordinates of the center of the screen being ( _X0 , _Y0 ) and the coordinates of the fourth object being ( _X1 , _Y1 ).

In some embodiments, the fourth distance between the fourth object and the center of the screen may include an X-axis distance _DX4 and an X-axis distance _DX4 . For example, if the coordinates of the fourth object are ( _X1 , _Y1 ), then _DX4 = _X0 - _X1 , _DY4 = _Y0 - _Y1 .

S909, generating an inertial sliding animation effect according to the fourth distance.

In some embodiments, the number of image frames included in the inertial sliding animation effect can be preset, for example, the number of image frames included in the inertial sliding animation effect is a preset number of frames. The electronic device can generate each frame of the inertial sliding animation effect according to the fourth distance and the preset number of frames.

Exemplarily, the preset number of frames is n frames, and the electronic device can divide the fourth distance into n parts equally to obtain the distance between the same object in two adjacent frames of images. The electronic device can take the position of the object at the end of the sliding operation as the starting point, and draw n frames of images in sequence according to the distance between the same object in two adjacent frames of images to obtain an inertial sliding animation effect.

In some embodiments, the electronic device may determine the duration of the inertial sliding animation according to the fourth distance. Exemplarily, the duration of the inertial sliding animation t=[max(D _X4 , D _Y4 )]/m. The electronic device may determine the number of image frames included in the inertial sliding animation according to the screen refresh rate of the electronic device and the duration t of the inertial sliding animation. Exemplarily, the screen refresh rate of the electronic device is 60Hz, that is, 1s can display 60 frames of images, and ts can display 60t frames of images.

The electronic device can generate each frame of the inertial sliding animation according to the fourth distance and the number of image frames included in the inertial sliding animation. Exemplarily, the number of image frames included in the inertial sliding animation is 60t frames, and the electronic device can divide the fourth distance into 60t parts to obtain the distance between the same object in two adjacent frames. The electronic device can use the position of the object at the end of the sliding operation as the starting point, and draw 60t frames of images in sequence according to the distance between the same object in two adjacent frames to obtain the inertial sliding animation.

In some embodiments, the minimum duration tmin of the inertial sliding effect can also be pre-set to avoid the problem of the inertial sliding effect being too short. After the electronic device determines the duration of the inertial sliding effect according to the fourth distance, when the duration t of the inertial sliding effect is greater than or equal to tmin, the electronic device can determine the number of image frames included in the inertial sliding effect according to the screen refresh rate of the electronic device and the duration t of the inertial sliding effect, and then the electronic device can generate each frame of the inertial sliding effect according to the fourth distance and the number of image frames included in the inertial sliding effect.

Among them, when the duration t of the inertial sliding animation is less than tmin, the electronic device can determine the number of image frames included in the inertial sliding animation based on the screen refresh rate of the electronic device and tmin, and then the electronic device can generate each frame of the inertial sliding animation based on the fourth distance and the number of image frames included in the inertial sliding animation.

S910, playing the inertial sliding animation effect, wherein after the inertial sliding animation effect is finished playing, the center position of the fourth object overlaps with the center position of the screen.

In the embodiment of the present application, after the electronic device controls multiple objects to slide a first distance in a first direction, an inertial sliding animation can be played, and the positions of multiple objects in the inertial sliding animation can change continuously without the problem of sudden position changes. In particular, because in the embodiment of the present application, the electronic device determines the fourth distance based on the fourth object and the center position of the screen, and generates the inertial sliding animation based on the fourth distance, after the inertial sliding animation is played, the center position of the fourth object overlaps with the center position of the screen.

Exemplarily, referring to a and b in FIG10 , when a user slides an object to the left, the electronic device can control multiple application icons to slide to the left a first distance according to the user's sliding operation. When the user's finger leaves the screen, the electronic device can determine that the object closest to the target position is the icon of application 8, and the icon of application 8 can be used as the fourth object. The electronic device can obtain the fourth distance between the icon of application 8 and the center position of the screen, and generate an inertial sliding effect based on the fourth distance. It should be understood that the target position is represented by a black dot in FIG10 .

Referring to Figure 10c-e, Figure 10c-e shows three frames of images included in the inertial sliding animation effect, and thus takes the electronic device as an example to illustrate playing the inertial sliding animation effect. Referring to Figure 10f, after the inertial sliding animation effect is played, the center position of the icon of application 8 overlaps with the center position of the screen.

As shown in Figure 10, when the user performs a sliding operation, the multiple objects in the checkerboard layout will gradually slide in the sliding direction along with the user's sliding operation, and when the user's finger leaves the screen, the electronic device can play an inertial sliding animation. In the inertial sliding animation, the positions of the multiple objects in the checkerboard layout change continuously, and there will be no problem of position jumps, which can improve the user experience.

S911, displaying a third interface, where the third interface includes a plurality of objects arranged in a checkerboard pattern, wherein a center position of a third object among the plurality of objects overlaps with a center position of the screen.

In the embodiment of the present application, when the sliding operation ends, when the sliding speed at the end of the sliding operation is less than the speed threshold, the third object closest to the center position of the screen can be directly determined, thereby enabling the center position of the third object to overlap with the center position of the screen. In other words, when the sliding operation ends, when the sliding speed at the end of the sliding operation is less than the speed threshold, the electronic device can directly perform center positioning and display a third interface, the third interface including multiple objects in a checkerboard layout, and the center position of the third object among the multiple objects overlaps with the center position of the screen.

In the embodiment of the present application, when the user performs a sliding operation, the multiple objects in the chessboard layout will gradually slide in the sliding direction along with the user's sliding operation, and when the user's finger leaves the screen, the electronic device can obtain the fourth distance between the fourth object closest to the target position and the center position of the screen, and generate an inertial sliding animation based on the fourth distance. The electronic device can play the inertial sliding animation, and the positions of the multiple objects in the chessboard layout in the inertial sliding animation are continuously changed, and the problem of position jump will not occur, which can improve the user experience.

In some embodiments, the software system of the electronic device can adopt a layered architecture, for example, an event-driven architecture, a micro-kernel architecture, a micro-service architecture, or a cloud architecture. Figure 11 is a software structure block diagram of an electronic device to which an embodiment of the present application is applicable. The layered architecture divides the software system of the electronic device into several layers, each layer has a clear role and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the electronic device can be divided into three layers, namely, the application layer (applications), the application framework layer (application framework) and the kernel layer (kernel).

The application layer may include a series of application packages, and the application layer runs applications by calling the application programming interface (API) provided by the application framework layer. For example, the application package may include camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message and other applications.

In some embodiments, FIG. 11 illustrates an example in which the application layer may include an application.

The application framework layer provides API and programming framework for applications in the application layer. The application framework layer includes some predefined functions. The application framework layer can include window manager, content provider, view system, phone manager, resource manager, notification manager, etc.

In some embodiments, as shown in Figure 11, the application framework layer may include: a touch data processing module and an inertial sliding module. It should be understood that Figure 11 shows the touch data processing module and the inertial sliding module involved in the embodiment of the present application.

The touch data processing module is used to determine the user's sliding operation, the user's end of the sliding operation, and determine the sliding speed and sliding direction when the sliding ends based on the touch data.

The inertial sliding module is used to obtain the second distance based on the sliding speed at the end of sliding, as well as the limit distance of the inertial sliding of the object and the third distance, etc. For details, please refer to the description in Figure 12.

The kernel layer is a layer between hardware and software. The kernel layer is used to drive the hardware to make the hardware work. The kernel layer at least includes a display driver, a camera driver, an audio driver, a sensor driver, a motor driver, etc., which are not limited in the embodiments of the present application. Exemplarily, in the embodiments of the present application, the kernel layer uses a motor driver to drive the motor (hardware) in the electronic device to move to generate vibration.

In some embodiments, the kernel layer may include a touch driver. The touch driver is used to report touch data to the touch data processing module. It should be understood that FIG11 shows the touch driver and display driver involved in the embodiment of the present application.

In some embodiments, the electronic device may further include a hardware layer, which may include a touch chip, a touch screen, and a display screen.

Among them, the touch chip is used to collect touch data of the touch screen and report it to the touch driver.

The touch data processing module is used to periodically read touch data from the touch driver, or the touch driver can periodically report touch data to the touch data processing module. The period of the touch data processing module reading touch data and the period of the touch driver reporting touch data can be T.

The touch data processing module can determine the user's touch operation, such as sliding, double-clicking, etc., based on the touch drive obtained in each cycle. When the user performs the operation of sliding the object, the touch data processing module can obtain the sliding duration, sliding direction, and sliding speed, etc. according to the touch data. In addition, the touch data processing module can also detect that the user starts to perform a sliding operation, and ends the sliding operation, etc. The embodiment of the present application does not elaborate on this principle, and can refer to the existing related technology.

On the basis of FIG. 11 , taking the embodiment of FIG. 9 as an example, the following describes the method for displaying objects in a chessboard layout provided by the embodiment of the present application in combination with FIG. 12 :

S1201, a display screen displays a first interface, the first interface including a plurality of objects arranged in a chessboard layout, a center position of a first object among the plurality of objects overlaps with a center position of the screen.

S1201 may refer to the description in S901.

S1202: When the touch data processing module determines, based on the touch data, that the user performs a sliding operation on the object, the touch data processing module sends a sliding direction and a sliding distance to the inertial sliding module.

For example, the touch data processing module may obtain the sliding direction and the sliding distance according to the touch data of each cycle.

S1203: The inertial sliding module controls the display screen to display a picture of multiple objects sliding toward a first direction and a first distance according to the sliding direction and the sliding distance.

Exemplarily, the inertial sliding module determines the first direction and first distance in which the multiple objects slide based on the sliding direction and the sliding distance. The inertial sliding module can send the first direction and first distance in which the multiple objects slide to a drawing module in the electronic device so that the drawing module can draw a picture of the multiple objects sliding the first distance toward the first direction, so that the display screen can display the picture of the multiple objects sliding the first distance toward the first direction.

S1203 may refer to the description in S902.

S1204: When the touch data processing module determines that the sliding operation ends according to the touch data, the touch data processing module obtains the sliding direction and sliding speed when the sliding operation ends according to the touch data obtained in the last cycle.

S1205: The touch data processing module sends the sliding direction and sliding speed when the sliding operation ends to the inertial sliding module.

S1206, the inertial sliding module determines whether to control the multiple objects to continue sliding based on the sliding speed when the sliding operation ends. If yes, execute S1207-S1213, if not, execute S1214.

S1206 may refer to the description in S903.

S1207: The inertial sliding module obtains a second distance based on the sliding speed when the sliding operation ends.

S1208: The inertial sliding module obtains a limit distance for the object to continue sliding based on the sliding direction when the sliding operation ends.

S1209: The inertial sliding module determines a third distance for the object to continue sliding according to the second distance and the limit distance.

S1210: The inertial sliding module determines a fourth object that is closest to a target position, where the target position is a position that is a third distance away from the center position of the screen.

S1211: The inertial sliding module obtains a fourth distance between a fourth object and the center position of the screen.

S1212: The inertial sliding module executes the animation callback DragThrowAnimatorCallBack according to the fourth distance to generate an inertial sliding animation effect.

S1213, the inertial sliding module controls the display screen to play the inertial sliding animation effect.

Referring to the description in S909, the inertial sliding module can obtain the fourth distance and the duration of the inertial sliding animation effect. In some embodiments, the fourth distance can be used as the inertial scrolling distance of the inertial sliding animation effect.

In some embodiments, the inertial sliding module can set the inertial scrolling distance and the duration of the inertial sliding animation, register the animation callback function DragThrowAnimatorCallBack, and start the inertial sliding animation.

In some embodiments, the inertial sliding module can detect whether the inertial sliding module has reached the duration of the inertial sliding animation every T, wherein, if the duration of the inertial sliding animation has been reached, the inertial sliding module controls the display screen to stop playing the inertial sliding animation. Among them, if the duration of the inertial sliding animation has not been reached, the inertial sliding module executes the animation callback DragThrowAnimatorCallBack, which can calculate the position of each object in the next frame image, and move multiple objects in the chessboard layout. Exemplarily, when the number of image frames is n frames, the inertial sliding module executes the animation callback DragThrowAnimatorCallBack, which can determine that the distance between the same object in two adjacent frames of images is the fourth distance/n, so that the position of each object in the next frame of the image can be calculated based on the position of the object in the previous frame of the image and the distance between the same object in two adjacent frames of the image.

S1214, the inertial sliding module controls the display screen to display a third interface, where the third interface includes a plurality of objects arranged in a chessboard, and a center position of a third object among the plurality of objects overlaps with a center position of the screen.

S1207 - S1214 may refer to the description in S904 - S911 .

It should be understood that the method for displaying objects in a chessboard layout provided in the embodiment of the present application has the same principle and technical effect as the above embodiment, and reference can be made to the description in the above embodiment.

It should be understood that in the embodiments of the present application, the screen of the terminal device may be a touch screen or a non-touch screen. When the screen of the terminal device is a touch screen, the user may use fingers, joints, or a stylus to operate the screen. When the screen of the terminal device is a non-touch screen, the user may use an input device of the terminal device to operate the screen, wherein the input device may include but is not limited to a mouse, a keyboard, etc. It should be understood that in the above embodiments, the screen of the terminal device may be a touch screen, and the user uses a finger to operate the screen as an example for explanation.

In some embodiments, when the user can operate the screen using fingers, joints, or a stylus, the end of the sliding operation can be understood as the user leaving the screen with the finger, joint, or stylus. In some embodiments, when the user operates the screen using an input device of the terminal device, the end of the sliding operation can be understood as the user pausing to operate the input device.

It should be noted that the data involved in this application (including but not limited to data used for analysis, stored data, displayed data, etc.) are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data must comply with relevant laws, regulations and standards of relevant countries and regions, and provide corresponding operation entrances for users to choose to authorize or refuse.

In one embodiment, the embodiment of the present application also provides an electronic device. Figure 13 is a structural schematic diagram of an electronic device provided by the present application. As shown in Figure 13, the electronic device 100 may include: a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. It can be understood that the structure illustrated in this embodiment does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown in the figure, or combine some components, or split some components, or arrange the components differently. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.

The processor 110 may include one or more processing units, for example, the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processor (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), a controller, a video codec, a digital signal processor (digital signal processor, DSP), a baseband processor, a display processing unit (displayprocess unit, DPU), and/or a neural-network processing unit (neural-network processing unit, NPU), etc. Among them, different processing units can be independent devices or integrated in one or more processors. In some embodiments, the electronic device 100 may also include one or more processors 110.

In some embodiments, the processor 110 may include one or more interfaces. The interface 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. Among them, the USB interface 130 is an interface that complies with the USB standard specification, and can specifically be a Mini USB interface, a Micro USB interface, a USB Type C interface, etc. The USB interface 130 can be used to connect a charger to charge the electronic device 100, and can also be used to transmit data between the electronic device 100 and a peripheral device. It can also be used to connect headphones and play audio through the headphones.

It is understandable that the interface connection relationship between the modules illustrated in the embodiment of the present invention is only a schematic illustration and does not constitute a structural limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may also adopt different interface connection methods in the above embodiments, or a combination of multiple interface connection methods.

The charging management module 140 is used to receive charging input from a charger. The charger may be a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 may receive charging input from a wired charger through the USB interface 130. In some wireless charging embodiments, the charging management module 140 may receive wireless charging input through a wireless charging coil of the electronic device 100. While the charging management module 140 is charging the battery 142, it may also power the electronic device 100 through the power management module 141.

The power management module 141 is used to connect the battery 142, the charging management module 140 and the processor 110. The power management module 141 receives input from the battery 142 and/or the charging management module 140, and supplies power to the processor 110, the internal memory 121, the display screen 194, the camera 193, and the wireless communication module 160. The power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle number, battery health status (leakage, impedance), etc. In some other embodiments, the power management module 141 can also be set in the processor 110. In other embodiments, the power management module 141 and the charging management module 140 can also be set in the same device.

The wireless communication function of the electronic device 100 can be implemented by antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modulation and demodulation processor and baseband processor. Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in the electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve the utilization of the antenna. For example, antenna 1 can be reused as a diversity antenna of a wireless local area network. In some other embodiments, the antenna can be used in combination with a tuning switch.

The mobile communication module 150 can provide solutions for wireless communications including 2G/3G/4G/5G, etc., applied to the electronic device 100. The mobile communication module 150 may include at least one filter, a switch, a power amplifier, a low noise amplifier, etc. The mobile communication module 150 can receive electromagnetic waves from the antenna 1, and filter, amplify, and process the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the same device as at least some of the modules of the processor 110.

The wireless communication module 160 can provide wireless communication solutions including wireless local area networks (WLAN), Bluetooth, global navigation satellite system (GNSS), frequency modulation (FM), NFC, infrared technology (IR), etc. applied to the electronic device 100. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, modulates the frequency of the electromagnetic wave signal and filters it, and sends the processed signal to the processor 110. The wireless communication module 160 can also receive the signal to be sent from the processor 110, modulate the frequency of it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2.

In some embodiments, the antenna 1 of the electronic device 100 is coupled to the mobile communication module 150, and the antenna 2 is coupled to the wireless communication module 160, so that the electronic device 100 can communicate with the network and other devices through wireless communication technology. The wireless communication technology may include GSM, GPRS, CDMA, WCDMA, TD-SCDMA, LTE, GNSS, WLAN, NFC, FM, and/or IR technology, etc. The above-mentioned GNSS may include a global positioning system (GPS), a global navigation satellite system (GLONASS), a Beidou navigation satellite system (BDS), a quasi-zenith satellite system (QZSS) and/or a satellite based augmentation system (SBAS).

The electronic device 100 can realize the display function through the GPU, the display screen 194, and the application processor. The GPU is a microprocessor for image processing, which connects the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 may include one or more GPUs, which execute instructions to generate or change display information.

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

The electronic device 100 can implement a shooting function through an ISP, one or more cameras 193, a video codec, a GPU, one or more display screens 194, and an application processor.

The external memory 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 memory interface 120 to implement a data storage function. For example, data files such as music, photos, and videos are stored in the external memory card.

The internal memory 121 can be used to store one or more computer programs, which include instructions. The processor 110 can enable the electronic device 100 to perform various functional applications and data processing by running the above instructions stored in the internal memory 121. The internal memory 121 may include a program storage area and a data storage area. Among them, the program storage area can store an operating system; the program storage area can also store one or more applications (such as a gallery, contacts, etc.). The data storage area can store data (such as photos, contacts, etc.) created during the use of the electronic device 100. In addition, the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc. In some embodiments, the processor 110 can enable the electronic device 100 to perform various functional applications and data processing by running instructions stored in the internal memory 121, and/or instructions stored in a memory provided in the processor 110.

The electronic device 100 can implement audio functions through an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, and an application processor. For example, music playback, recording, etc. Among them, the audio module 170 is used to convert digital audio information into analog audio signal output, and is also used to convert analog audio input into digital audio signals. The audio module 170 can also be used to encode and decode audio signals. In some embodiments, the audio module 170 can be arranged in the processor 110, or some functional modules of the audio module 170 are arranged in the processor 110. The speaker 170A, also known as a "speaker", is used to convert audio electrical signals into sound signals. The electronic device 100 can listen to music or listen to hands-free calls through the speaker 170A. The receiver 170B, also known as a "handset", is used to convert audio electrical signals into sound signals. When the electronic device 100 answers a call or voice message, the voice can be answered by placing the receiver 170B close to the human ear. Microphone 170C, also called "microphone" or "microphone", is used to convert sound signals into electrical signals. When making a call or sending a voice message, the user can make a sound by approaching the microphone 170C with his mouth to input the sound signal into the microphone 170C. The electronic device 100 can be provided with at least one microphone 170C. In other embodiments, the electronic device 100 can be provided with two microphones 170C, which can not only collect sound signals but also realize noise reduction function. In other embodiments, the electronic device 100 can also be provided with three, four or more microphones 170C to realize the collection of sound signals, noise reduction, identification of sound sources, realization of directional recording functions, etc. The headphone jack 170D is used to connect wired headphones. The headphone jack 170D can be a USB interface 130, or a 3.5mm open mobile terminal platform (OMTP) standard interface, or a cellular telecommunications industry association of the USA (CTIA) standard interface.

The sensor 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc. The present embodiment of the application does not elaborate on the function of each sensor.

The key 190 includes a power key, a volume key, etc. The key 190 may be a mechanical key or a touch key. The electronic device 100 may receive key inputs and generate key signal inputs related to user settings and function control of the electronic device 100.

The SIM card interface 195 is used to connect a SIM card. The SIM card can be connected to and separated from the electronic device 100 by inserting it into the SIM card interface 195 or pulling it out from the SIM card interface 195. The electronic device 100 can support 1 or N SIM card interfaces, where N is a positive integer greater than 1. The SIM card interface 195 can support Nano SIM cards, Micro SIM cards, SIM cards, and the like. Multiple cards can be inserted into the same SIM card interface 195 at the same time. The types of the multiple cards can be the same or different. The SIM card interface 195 can also be compatible with different types of SIM cards. The SIM card interface 195 can also be compatible with external memory cards. The electronic device 100 interacts with the network through the SIM card to implement functions such as calls and data communications. In some embodiments, the electronic device 100 uses an eSIM, i.e., an embedded SIM card. The eSIM card can be embedded in the electronic device 100 and cannot be separated from the electronic device 100.

The display method of the object in the chessboard layout provided in the embodiment of the present application can be applied to electronic devices with communication functions. The electronic devices include terminal devices, and the specific device form of the terminal devices can refer to the above related descriptions, which will not be repeated here.

An embodiment of the present application provides an electronic device, which includes: a processor and a memory; the memory stores computer-executable instructions; the processor executes the computer-executable instructions stored in the memory, so that the terminal device executes the above method.

The embodiment of the present application provides a chip. The chip includes a processor, and the processor is used to call a computer program in a memory to execute the technical solution in the above embodiment. Its implementation principle and technical effect are similar to those of the above related embodiments, and will not be repeated here.

The embodiments of the present application also provide a computer-readable storage medium. The computer-readable storage medium stores a computer program. The above method is implemented when the computer program is executed by the processor. The method described in the above embodiment can be implemented in whole or in part by software, hardware, firmware, or any combination thereof. If implemented in software, the function can be stored as one or more instructions or codes on a computer-readable medium or transmitted on a computer-readable medium. Computer-readable media can include computer storage media and communication media, and can also include any medium that can transfer a computer program from one place to another. The storage medium can be any target medium that can be accessed by a computer.

In one possible implementation, a computer-readable medium may include RAM, ROM, compact disc read-only memory (CD-ROM) or other optical disk storage, disk storage or other magnetic storage devices, or any other medium that is intended to carry or store the required program code in the form of instructions or data structures and can be accessed by a computer. Moreover, any connection is appropriately referred to as a computer-readable medium. For example, if a coaxial cable, fiber optic cable, twisted pair, digital subscriber line (DSL) or wireless technology (such as infrared, radio and microwave) is used to transmit software from a website, server or other remote source, the coaxial cable, fiber optic cable, twisted pair, DSL or wireless technology such as infrared, radio and microwave are included in the definition of medium. Disks and optical disks as used herein include optical disks, laser disks, optical disks, digital versatile disks (DVD), floppy disks and Blu-ray disks, where disks usually reproduce data magnetically, while optical disks reproduce data optically using lasers. Combinations of the above should also be included in the scope of computer-readable media.

An embodiment of the present application provides a computer program product, which includes a computer program. When the computer program is executed, the computer executes the above method.

The present application embodiment is described with reference to the flowchart and/or block diagram of the method, device (system) and computer program product according to the present application embodiment. It should be understood that each process and/or box in the flowchart and/or block diagram and the combination of the process and/or box in the flowchart and/or block diagram can be realized by computer program instructions. These computer program instructions can be provided to the processing unit of a general-purpose computer, a special-purpose computer, an embedded processor or other programmable device to produce a machine, so that the instructions executed by the processing unit of the computer or other programmable data processing device produce a device for realizing the function specified in one process or multiple processes in the flowchart and/or one box or multiple boxes in the block diagram.

The above specific implementation methods further illustrate the purpose, technical solutions and beneficial effects of the present invention in detail. It should be understood that the above are only specific implementation methods of the present invention and are not used to limit the protection scope of the present invention. Any modifications, equivalent substitutions, improvements, etc. made on the basis of the technical solutions of the present invention should be included in the protection scope of the present invention.

The term "plurality" in this article refers to two or more than two. The term "and/or" in this article is only a description of the association relationship of associated objects, indicating that three relationships may exist. For example, A and/or B can represent: A exists alone, A and B exist at the same time, and B exists alone. In addition, the character "/" in this article generally indicates that the previous and next associated objects are in an "or" relationship; in the formula, the character "/" indicates that the previous and next associated objects are in a "division" relationship. In addition, it should be understood that in the description of this application, words such as "first" and "second" are only used for the purpose of distinguishing descriptions, and cannot be understood as indicating or implying relative importance, nor can they be understood as indicating or implying order.

It should be understood that the various numerical numbers involved in the embodiments of the present application are only used for the convenience of description and are not used to limit the scope of the embodiments of the present application.

It can be understood that in the embodiments of the present application, the size of the serial numbers of the above-mentioned processes does not mean the order of execution. The execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiments of the present application.

Claims (11)

1. A method for displaying objects in a checkerboard layout, the method comprising:

Displaying a first interface, wherein the first interface comprises a plurality of objects in a chessboard layout, and the central position of a first object in the plurality of objects is overlapped with the central position of a screen of the electronic equipment;

Controlling the plurality of objects to slide a first distance toward a first direction in response to an operation of sliding the objects;

when the sliding operation is finished, controlling the plurality of objects to slide towards a second direction for a second distance;

determining a fourth object closest to a target position, wherein the target position is a position which is a third distance from the central position of the screen, the third distance is determined according to a limiting distance and the second distance, and the limiting distance is the maximum distance of sliding of the plurality of objects towards the second direction;

acquiring a fourth distance between the center position of the fourth object and the center position of the screen;

Generating an inertial sliding motion effect according to the fourth distance;

playing the inertial sliding motion effect;

And displaying a second interface, wherein the second interface comprises a plurality of objects in a chessboard layout, and the center position of a second object in the plurality of objects is overlapped with the center position of the screen.

2. The method of claim 1, wherein when the first direction comprises one direction, the second direction is the same as the first direction;

When the first direction includes at least one direction, the second direction is a sliding direction at the end of a sliding operation.

3. The method of claim 1 or 2, wherein prior to controlling the plurality of objects to slide a second distance toward a second direction, further comprising:

Acquiring a sliding speed at the end of a sliding operation;

and when the sliding speed is greater than or equal to a speed threshold, acquiring the second distance according to the sliding speed at the end of the sliding operation.

4. A method according to claim 3, wherein the sliding speed comprises an X-axis speed and a Y-axis speed, and the second distance comprises a distance of the X-axis and a distance of the Y-axis;

The obtaining the second distance according to the sliding speed at the end of the sliding operation includes:

Acquiring the distance of the X axis according to the speed of the X axis;

and acquiring the distance of the Y axis according to the speed of the Y axis.

5. The method of claim 4, wherein when the sliding operation is finished, the method further comprises:

Determining a third object nearest to the center position of the screen;

Calculating a limiting distance according to the central position of the third object and the grid and towards the opposite direction of the second direction;

After the second distance is acquired, the method further comprises:

and determining a third distance according to the limiting distance and the second distance.

6. The method of claim 5, wherein determining a third distance based on the limiting distance and the second distance comprises:

When the second distance is less than or equal to the limit distance, taking the second distance as the third distance;

and when the second distance is larger than the limiting distance, taking the limiting distance as the third distance.

7. The method of claim 5 or 6, wherein the controlling the plurality of objects to slide a second distance toward a second direction comprises:

controlling the plurality of objects to slide the third distance toward the second direction.

8. The method of claim 5 or 6, wherein displaying the second interface comprises:

And when the sliding speed is smaller than the speed threshold value, displaying a third interface, wherein the center position of the third object in the third interface is overlapped with the center position of the screen.

9. The method of claim 1, wherein generating an inertial sliding motion effect based on the fourth distance comprises:

acquiring the duration of the inertial sliding movement effect according to the fourth distance;

Determining the number of image frames included in the inertial sliding motion effect according to the refreshing rate of the screen and the duration;

And generating the inertial sliding motion effect according to the position of each object at the end of the sliding operation, the fourth distance and the image frame number.

10. An electronic device, comprising: a processor and a memory;

the memory stores computer-executable instructions;

The processor executing computer-executable instructions stored in the memory, causing the processor to perform the method of any one of claims 1-9.

11. A computer readable storage medium, characterized in that the computer readable storage medium has stored therein a computer program or instructions, which when executed, implement the method of any of claims 1-9.