WO2024098713A1

WO2024098713A1 - Terminal desktop display method, terminal and computer-readable medium

Info

Publication number: WO2024098713A1
Application number: PCT/CN2023/095460
Authority: WO
Inventors: 温馨
Original assignee: 中兴通讯股份有限公司
Priority date: 2022-11-11
Filing date: 2023-05-22
Publication date: 2024-05-16
Also published as: CN118069003A

Abstract

A terminal desktop display method, a terminal and a computer-readable medium. The method comprises: acquiring a current return value corresponding to a frame to be processed, the frame to be processed being any one of a plurality of frames constituting a desktop animation, and return values corresponding to different frames conforming to the law of elastic numerical value variations (S1); according to the current return value, determining animation parameters corresponding to the frame to be processed (S2); and according to the animation parameters, outputting an interface image of the frame to be processed (S3). Further provided in the present disclosure are a terminal and a computer-readable medium.

Description

Terminal desktop display method, terminal, and computer-readable medium

CROSS-REFERENCE TO RELATED APPLICATIONS

The present disclosure claims priority to Chinese patent application No. 202211411829.1 filed on November 11, 2022, entitled “Display method, terminal, and computer-readable medium for terminal desktop,” the entire contents of which are incorporated by reference into the present disclosure.

Technical Field

The present disclosure relates to the field of terminal technology, and in particular to a terminal desktop display method, a terminal, and a computer-readable medium.

Background technique

When using mobile phones and other terminal devices, users often switch to the desktop. For example, when unlocking a mobile phone, the lock screen disappears and the desktop icons appear. When exiting an application, the application interface closes and the desktop icons appear. The desktop icon appearance process is generally achieved through desktop animation. Whether the transition from non-existence to existence of icons in desktop animation is smooth will affect the user experience.

Summary of the invention

The embodiments of the present disclosure provide a terminal desktop display method, a terminal, and a computer-readable medium.

In a first aspect, an embodiment of the present disclosure provides a method for displaying a terminal desktop, comprising: obtaining a current return value corresponding to a frame to be processed, wherein the frame to be processed is one of multiple frames that constitute a desktop animation, and the return values corresponding to different frames conform to a law of elastic numerical changes; determining animation parameters corresponding to the frame to be processed based on the current return value; and outputting an interface image of the frame to be processed based on the animation parameters.

In a second aspect, an embodiment of the present disclosure provides a terminal, comprising: one or more processors; a memory on which one or more programs are stored, and when the one or more programs are executed by the one or more processors, the one or more processors implement the terminal desktop display method described in the first aspect of the embodiment of the present disclosure.

In a third aspect, an embodiment of the present disclosure provides a computer-readable medium having a computer program stored thereon, and when the program is executed by a processor, the method for displaying a terminal desktop described in the first aspect of the embodiment of the present disclosure is implemented.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG1 is a schematic diagram of a process of displaying a terminal desktop in an embodiment of the present disclosure;

FIG2 is a flowchart of some steps in another method for displaying a terminal desktop according to an embodiment of the present disclosure;

FIG3 is a schematic diagram of the composition of a terminal in an embodiment of the present disclosure;

FIG4 is a schematic diagram of the composition of a computer-readable medium in an embodiment of the present disclosure;

FIG5 is a schematic diagram of desktop coordinates in an embodiment of the present disclosure;

FIG6 is a schematic diagram of an elastic unit in an embodiment of the present disclosure;

FIG7A is a schematic diagram of a frame of desktop animation in an embodiment of the present disclosure;

FIG7B is another schematic diagram of a desktop animation frame in an embodiment of the present disclosure;

FIG7C is another schematic diagram of a frame in the desktop animation in an embodiment of the present disclosure;

FIG7D is another schematic diagram of a frame of desktop animation in an embodiment of the present disclosure;

FIG. 7E is another schematic diagram of a frame of desktop animation in an embodiment of the present disclosure; and

FIG. 7F is another schematic diagram of a frame of the desktop animation in the embodiment of the present disclosure.

Detailed ways

In order to enable those skilled in the art to better understand the technical solution of the present disclosure, the terminal desktop display method, terminal, and computer-readable medium provided by the present disclosure are described in detail below with reference to the accompanying drawings.

Example embodiments will be described more fully below with reference to the accompanying drawings, but the example embodiments may be embodied in different forms and should not be construed as limited to the embodiments set forth herein. On the contrary, the purpose of providing these embodiments is to make the present disclosure thorough and complete and to enable those skilled in the art to fully understand the scope of the present disclosure.

In the absence of conflict, the various embodiments of the present disclosure and the various features therein may be combined with each other.

As used herein, the term "and/or" includes any and all combinations of one or more of the associated listed items.

The terms used herein are only used to describe specific embodiments and are not intended to limit the present disclosure. As used herein, the singular forms "a", "an" and "the" are also intended to include the plural forms, unless the context clearly indicates otherwise. It will also be understood that when the terms "comprising" and/or "made of" are used in this specification, the presence of the features, wholes, steps, operations, elements and/or components is specified, but the presence or addition of one or more other features, wholes, steps, operations, elements, components and/or groups thereof is not excluded.

Unless otherwise defined, all terms (including technical and scientific terms) used herein have the same meaning as commonly understood by those of ordinary skill in the art. It will also be understood that terms such as those defined in commonly used dictionaries should be interpreted as having a meaning consistent with their meaning in the context of the relevant art and the present disclosure, and will not be interpreted as having an idealized or overly formal meaning unless explicitly defined as such herein.

In some related technologies, the animation effect of switching to the desktop can be summarized into the following three solutions: ① No animation effect transition, the desktop icons flash directly; ② The whole desktop is animated, such as the desktop icons are animated with displacement, transparency, scaling and other animations as a whole, and each icon has no personalized difference in the animation effect; ③ According to the coordinate position of the icon at the pixel level on the screen, the animation effect parameters of each icon are calculated, so that different icons have different animation effects, but the icons and images are different. There is no connection, interaction or transferability between the target animation effects.

When implementing desktop switching through the above-mentioned related technologies, the user experience is poor. For example, the desktop switching process of solution ① is very stiff; in solution ②, there is a lack of differentiation between icons during the desktop switching process, and the animation pace of all icons is uniform, which lacks interest; in solution ③, the icons are independent of each other and lack connection, and the overall animation effect does not conform to the actual movement laws of the physical world, and the overall animation is prone to become unsmooth and illogical.

In view of this, in a first aspect, referring to FIG. 1 , an embodiment of the present disclosure provides a method for displaying a terminal desktop, which may include the following operations S1 to S3 .

S1. Obtain the current return value of the corresponding frame to be processed, where the frame to be processed is one of multiple frames constituting the desktop animation, and the return values corresponding to different frames conform to the law of elastic value change.

S2. Determine the animation parameters corresponding to the frame to be processed according to the current return value.

S3. Outputting the interface image of the frame to be processed according to the animation parameters.

In the disclosed embodiment, the desktop animation may be an animation in the process of switching from the lock screen interface to the desktop, an animation in the process of switching from the application interface to the desktop, or an animation in the process of switching between different desktops. The disclosed embodiment does not specifically limit this.

In the disclosed embodiment, the desktop animation is composed of multiple frames, and the frame to be processed is any one of the multiple frames that make up the desktop animation. For each frame that makes up the desktop animation, at least steps S2 and S3 are executed. The disclosed embodiment does not specifically limit the order of steps S1, S2, and S3. For example, steps S1 to S3 may be executed in sequence, or multiple steps may be executed simultaneously.

In some embodiments, the return values corresponding to different frames are the return values returned by the elastic system. The elastic system is a model that can simulate the laws of elastic transmission motion in the real physical world. It is based on an elastic algorithm and can return a series of return values that conform to the laws of elastic value changes. In the disclosed embodiment, the elastic system can return a return value for each frame; it can also return an elastic system return value for multiple frames, that is, return a return value every several frames. The disclosed embodiment does not make any special limitation on this.

In the disclosed embodiment, the interface image is a frame of image to be displayed that constitutes the desktop animation. In some embodiments, step S3 includes: generating the interface image; outputting the interface image to be displayed on the screen.

In the disclosed embodiment, the return values corresponding to different frames are associated with each other and conform to the law of elastic value change. The animation parameters corresponding to the frame to be processed are determined according to the return values, so that in the desktop animation generated based on the animation parameters, different icons are associated with each other, and the movement of the icons conforms to the law of elastic movement in the real physical world. For example, different icons show an animation effect of pulling each other and being staggered.

In the terminal desktop display method provided by the embodiment of the present disclosure, the movement of icons in the desktop animation is more in line with the movement law of the display world, the animation effect of the icons is more vivid and smoother, the desktop switching process is smoother, and the user experience is improved.

The disclosed embodiment does not specifically limit how to determine the animation parameters of the icon in the frame to be processed according to the current return value.

In some embodiments, referring to FIG. 2 , determining the animation parameter corresponding to the frame to be processed according to the current return value may include the following operations S21 to S22 .

S21. Determine the elastic unit to be started corresponding to the frame to be processed according to the start time of the multiple elastic units, the start time of the multiple elastic units conforms to the elastic value change law, the multiple icons on the desktop are divided into multiple elastic units, and each elastic unit includes multiple icons.

S22. Determine the animation parameters of the icons in each elastic unit to be started according to the current return value, and obtain the animation parameters corresponding to the frame to be processed.

The disclosed embodiment does not specifically limit how to divide the icons on the desktop into multiple elastic units. For example, in terms of rows, one or more rows of icons are divided into one elastic unit. For example, in terms of columns, one or more columns of icons are divided into one elastic unit.

In the disclosed embodiment, the icons on the desktop are divided into a plurality of elastic units, each of which is started in sequence, and the start time of each elastic unit conforms to the law of elastic value change, so that the desktop animation can present an animation effect in which a plurality of elastic units are associated with each other and one elastic unit pulls another elastic unit.

The embodiment of the present disclosure does not specifically limit how to determine the animation parameters of each elastic unit to be activated according to the current return value.

In some embodiments, animation parameters of icons in each elastic unit to be started are determined according to the current return value, including: for any elastic unit to be started, animation parameters of each icon are determined according to the current return value and the coordinate values of each icon in the elastic unit to be started, and the animation parameters include at least one of displacement, scaling, and transparency.

In the disclosed embodiment, the animation parameters of each icon are determined based on the return value and the coordinate values of each coordinate in the elastic unit to be started, so that the animation parameters of each icon also conform to the law of elastic value change, so that the movements of each icon in the desktop animation are interrelated and conform to the law of elastic movement of the display physical world.

It should be noted that the displacement of the icon is the displacement of the icon in the elastic unit. For example, the icons on the desktop are divided into multiple elastic units in rows, and the displacement of the icon is the displacement of the icon in the row direction. In multiple frames of the desktop animation, the displacement of the icon in the previous frame is greater than the displacement of the icon in the next frame, thereby presenting an animation effect of icons moving from far to near in the desktop animation.

The icon scaling ratio is the ratio relative to the normal size of the icon on the desktop. In multiple frames of the desktop animation, the icon scaling ratio in the previous frame is greater than the icon scaling ratio in the next frame, thereby presenting an animation effect of the icon changing from large to small in the desktop animation.

In multiple frames of the desktop animation, the transparency of the icon in the previous frame is greater than the transparency of the icon in the next frame, thereby presenting an animation effect in which the icon changes from transparent to opaque in the desktop animation.

In the disclosed embodiment, there is no special limitation on how to determine the displacement of the target icon.

In some embodiments, for any target icon in the elastic unit to be started, the displacement of the target icon is determined according to the current return value and the coordinate value of the target icon, including: according to a first mapping relationship, mapping the current return value to a first interval to obtain a first mapping value, the first mapping relationship representing a mapping relationship between the value range of return values corresponding to different frames and the first interval; according to the coordinate value of the target icon, determining the distance between the target icon and the center icon in the elastic unit to be started; and calculating the displacement of the target icon according to the first mapping value and the distance.

It should be noted that in the disclosed embodiment, the return value is a proportional value with a value range of (0,1). When determining the displacement of the target icon, the current return value needs to be mapped to the first mapping value in the first interval. The disclosed embodiment does not specifically limit the first interval. In some embodiments, the first interval is (p,0), and the value range of p is 500 to 1000. For example, the first interval is (800,0). In the disclosed embodiment, setting the first interval to (800,0) can make the movement of icons in the desktop animation smoother. In some embodiments, the first mapping relationship represents the correspondence between the value range of the return value corresponding to different frames and the first interval.

In some embodiments, the current return value is mapped to the first mapping value using a mapping function mapValue. mapValue can be represented by the following code:
public static double mapValueFromRangeToRange(
double value,
double fromLow,
double fromHigh,
double toLow,
double toHigh){
double fromRangeSize = fromHigh - fromLow;
double toRangeSize = toHigh - toLow;
double valueScale = (value - fromLow) / fromRangeSize;
return toLow+(valueScale*toRangeSize);
}

For example, the current return value value = 0.5, the calculation process of mapValue is as follows:
fromRangeSize = 1-0 = 1;
toRangeSize = 0-800 = -800;
valueScale = (0.5 - 0) / 1 = 0.5;
return 800+(0.5*-800)=400;

The first mapping value obtained is 400.

It should be noted that in the disclosed embodiment, the coordinates of the icons on the desktop may be grid-level coordinates. As shown in FIG. 5 , each icon corresponds to a grid, with the icon in the upper left corner as the origin, and the coordinates of each icon can be expressed as (cellX, cellX represents the X-axis coordinate value of the icon, and cellY represents the Y-axis coordinate value of the icon.

Accordingly, in the embodiment of the present disclosure, if the elastic unit is divided into rows, the distance between the target icon and the center icon in the elastic unit to be activated is the difference between the X-axis coordinate values of the target icon and the center icon; if the elastic unit is divided into columns, the distance between the target icon and the center icon in the elastic unit to be activated is the difference between the Y-axis coordinate values of the target icon and the center icon. The embodiment of the present disclosure does not specifically limit this.

In some embodiments, the distance between the target icon and the center icon in the elastic unit to be activated is expressed by formula (1):
gapCenterX＝|cellX-centerCellX| (1)

Among them, gapCenterX is the gap, cellX is the X-axis coordinate value of the target icon, and centerCellX is the X-axis coordinate value of the center icon.

In some embodiments, the elastic unit is divided into lines, the displacement of the icon is the displacement in the X-axis direction, and the displacement of the target icon is calculated according to formula (2):
translationX = springValueTranslation × ( ₁ × ?apCenterX + b ₁ × ?apCenterX ² ) (2)

Wherein, translationX is the displacement of the target icon, springValueTranslation is the first mapping value, gapCenterX is the gap, and a ₁ and b ₁ are constants.

The disclosed embodiment does not specifically limit the value ranges of _a1 and _b1 . In some embodiments, the value range of _a1 is (0.01, 0.1), and the value range of _b1 is (0.05, 0.2). For example, _a1 = 0.05, _b1 = 0.1, which can make the movement of icons in the desktop animation smoother.

The embodiment of the present disclosure does not specifically limit how to determine the scaling ratio of the target icon.

In some embodiments, for any target icon in the elastic unit to be started, the scaling ratio of the target icon is determined according to the current return value and the coordinate value of the target icon, including: mapping the current return value to the second interval according to a second mapping relationship to obtain a second mapping value, the second mapping relationship representing a mapping relationship between the value range of the return value corresponding to different frames and the second interval; determining the distance between the target icon and the center icon in the elastic unit to be started according to the coordinate value of the target icon; and calculating the scaling ratio of the target icon according to the second mapping value and the spacing.

It should be noted that in the disclosed embodiment, the return value is a proportional value with a value range of (0,1). When determining the scaling ratio of the target icon, the current return value needs to be mapped to a second mapping value in the second interval. The disclosed embodiment does not specifically limit the second interval. In some embodiments, the second interval is (q1, q2), the value range of q1 is 1.5 to 2.5, and the value range of q2 is 0.5 to 1.5. For example, the second interval is (2,1). In the disclosed embodiment, setting the second interval to (2,1) can make the movement of icons in the desktop animation smoother. In some embodiments, the second mapping relationship represents the correspondence between the value range of the return value corresponding to different frames and the second interval.

In the embodiment of the present disclosure, if the elastic unit is divided into rows, the distance between the target icon and the center icon in the elastic unit to be started is the difference between the X-axis coordinate values of the target icon and the center icon; if the elastic unit is divided into columns, the distance between the target icon and the center icon in the elastic unit to be started is the difference between the Y-axis coordinate values of the target icon and the center icon. The present disclosure does not specifically limit this. In some embodiments, the distance between the target icon and the center icon in the elastic unit to be activated is expressed by formula (1).

In some embodiments, the elastic unit is divided into lines, and the scaling ratio of the target icon is calculated according to formula (3):

Among them, scale is the scaling ratio of the target icon, springValueScale is the second mapping value, gapCenterX is the spacing, and _b2 and _b2 are constants.

The disclosed embodiments do not specifically limit the value ranges of _a2 and _b2 . In some embodiments, the value range of _a2 is (1, 2), and the value range of _b2 is (0, 1). For example, _a2 = 1.6, _b2 = 0.4, which can make the movement of icons in desktop animation smoother.

The embodiment of the present disclosure does not specifically limit how to calculate the transparency of the target icon.

In some embodiments, for any target icon in the elastic unit to be activated, calculating the transparency of the target icon includes: calculating the transparency of the target icon according to the current return value.

In some embodiments, the transparency of the target icon is calculated according to formula (4):
alpha＝springValue ^c (4)

Among them, alpha is the transparency of the target icon, springValue is the current return value, and c is a constant.

The embodiment of the present disclosure does not specifically limit the value range of c. In some embodiments, the value range of c is (2, 6). In some embodiments, c=4, which can make the movement of icons in the desktop animation smoother.

In some embodiments, animation parameters of each elastic unit to be started are determined based on the current return value, including: for any elastic unit to be started, animation parameters of the widget are determined based on the current return value and the position of the widget in the elastic unit to be started, and the animation parameters include at least one of displacement, scaling, and transparency.

The disclosed embodiment does not specifically limit how to determine the animation parameters of the widget.

For example, if the widget is displayed in the center (in the middle of a row), the widget's displacement is not calculated, only the scaling ratio and transparency are calculated. The current return value can be used as the scaling ratio of the widget.

If the widget is not displayed in the center but is located on the left/right side of the desktop, the displacement, scaling, and transparency of the widget are calculated, where the displacement is expressed as springValueTranslation×0.5, and springValueTranslation is the first mapping value.

In some embodiments, referring to FIG. 2 , before obtaining the current return value corresponding to the frame to be processed, the display method further includes: S41, obtaining the coordinate values of each icon on the desktop; S42, dividing the multiple icons into multiple elastic units according to the coordinate values of each icon, each elastic unit including multiple icons.

In the disclosed embodiment, when elastic units are divided into rows, rows corresponding to the same elastic unit have the same elastic unit id. For example, as shown in FIG6 , row id=0 is an elastic unit, row id=1 is an elastic unit, row id=2 is an elastic unit, and row id=3 is an elastic unit.

In some embodiments, multiple icons are divided into multiple elastic units according to the coordinate values of each icon, including: determining one or more rows of icons in the desktop as startup row icons; and dividing one or more rows of icons with the same row spacing as the startup row icons into one elastic unit.

In the embodiment of the present disclosure, the start line icon can be specified arbitrarily.

In some embodiments, determining one or more rows of icons in the desktop as launch row icons includes: determining one or two rows of icons in the center of the desktop as launch row icons.

In the disclosed embodiment, if there are an odd number of rows of icons on the desktop, the position of the middle row of icons is the center position; for example, if there are 7 rows of icons on the desktop, numbered in sequence from 1 to 7, the position of the 4th row of icons is the center position. If there are an even number of rows of icons on the desktop, the positions of the two middle rows of icons are the center position; for example, if there are 6 rows of icons on the desktop, numbered in sequence from 1 to 6, the positions of the 3rd and 4th rows of icons are the center position. In other exemplary embodiments, the center position may also be confirmed in other ways, for example, confirming the position of one or more icons in the middle as the center position.

In a second aspect, referring to FIG. 3 , an embodiment of the present disclosure provides a terminal, which may include but is not limited to: one or more processors 101 , a memory 102 , and one or more I/O interfaces 103 .

The memory 102 stores one or more programs. When the one or more programs are executed by one or more processors, the one or more processors implement the terminal desktop display method described in the first aspect of the embodiment of the present disclosure.

One or more I/O interfaces 103 are connected between the processor and the memory and are configured to implement information exchange between the processor and the memory.

The processor 101 is a device with data processing capabilities, including but not limited to a central processing unit (CPU); the memory 102 is a device with data storage capabilities, including but not limited to random access memory (RAM, such as SDRAM, DDR, etc.), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), and flash memory (FLASH); the I/O interface (read-write interface) 103 is connected between the processor 101 and the memory 102, and can realize information exchange between the processor 101 and the memory 102, including but not limited to a data bus (Bus), etc.

In some embodiments, the processor 101 , the memory 102 , and the I/O interface 103 are connected to each other via a bus 104 , and further connected to other components of the computing device.

In a third aspect, referring to FIG. 4 , an embodiment of the present disclosure provides a computer-readable medium having a computer program stored thereon, and when the program is executed by a processor, the method for displaying a terminal desktop described in the first aspect of the embodiment of the present disclosure is implemented.

In order to enable those skilled in the art to more clearly understand the technical solutions provided by the embodiments of the present disclosure, the technical solutions provided by the embodiments of the present disclosure are described in detail below through examples:

Example

In this embodiment, based on the grid-level coordinate system of the desktop layout as shown in FIG5 , the animation parameters of each icon are calculated to obtain the desktop animation.

Read the coordinate positions (cellX, cellY) of all icons and use them as a basis for subsequent grouping and calculation.

According to cellY, the distance from the center position of the total number of rows is calculated, as shown in Figure 6, and the rows with the same distance are divided into one group (one elastic unit).

As shown in Figure 6, the entire desktop icon is a chain elastic system, which is composed of 4 elastic units (the four groups of icons with id=0, id=1, id=2, and id=3). When the animation starts, the large system composed of all elastic units begins to return a return value of 0-1 (the return value conforms to the law of elastic numerical change). At this time, the group with id=0 starts to start, and then passes the return value downward to id=1, id=2, and id=3. The subsequent elastic units use the value passed by the previous elastic unit as the starting value to start calculating the animation parameters. The return value is a proportional value ranging from 0 to 1. When calculating the animation parameters, it is necessary to map it to the numerical range of the animation parameters that meet the requirements. It should be noted that at this time, in the desktop animation, the animation effect of pulling one group by one group and appearing one row at a time can be achieved.

According to the current return value, the animation parameters of the icons in the group are calculated twice to obtain the differences in displacement, scaling, and transparency of the icons in the group.

1) Map the current return value, the displacement is mapped from (0,1) to (800,0), and the scale is mapped from (0,1) to (2,1).

In this embodiment, mapping is performed using a mapping function mapValue, which can be expressed as:
springValueTranslation = mapValue(value,0,1,800,0);
springValueScale = mapValue(value,0,1,2,1);

Among them, springValueTranslation is the first mapping value corresponding to the displacement, and springValueScale is the second mapping value corresponding to the scaling ratio.

mapValue can be expressed as follows:
public static double mapValueFromRangeToRange(
double value,
double fromLow,
double fromHigh,
double toLow,
double toHigh){
double fromRangeSize = fromHigh - fromLow;
double toRangeSize = toHigh - toLow;
double valueScale = (value - fromLow) / fromRangeSize;
return toLow+(valueScale*toRangeSize);
}

In this embodiment, the processing strategy for the widget is as follows: if the widget is displayed in the center (in the middle of a row), the displacement of the widget is not calculated, only the scaling ratio and transparency are calculated, wherein the current return value can be used as the scaling ratio of the widget. If the widget is not displayed in the center, but is located on the left/right side of the desktop, the displacement, scaling ratio, and transparency of the widget are calculated, wherein the displacement is expressed as springValueTranslation×0.5, wherein springValueTranslation is the first mapping value.

2) Calculate the distance between the target icon and the center icon on the X-axis.
gapCenterX＝|cellX-centerCellX|

In this embodiment, the number of icons in each row is different, and the algorithm is slightly different. As shown in Figure 6, there are 4 columns in total, and they are even columns, so the two middle columns are taken as the center columns (the two columns with cellX=1 and cellX=2 are the center columns). The gapCenterX of the four icons in each row from left to right is 1, 0, 0, 1.

If the layout is an odd number of columns (such as 5 columns), cellX=2 is the center column, and the gapCenterX of the 5 icons in each row from left to right are 2, 1, 0, 1, 2 respectively.

3) According to cellX, calculate the offset of different icons in the X direction.
translationX = springValueTranslation × (0.05 × gapCenterX + 0.1 × gapCenterX ² )

Among them, translationX is the displacement of the target icon, springValueTranslation is the first mapping value, and gapCenterX is the gap.

4) According to cellX, calculate the scaling in the X and Y directions.
scale = springValueScale ^{(1.6 + 0.4 × gapCenterX)}

Among them, scale is the scaling ratio of the target icon, springValueScale is the second mapping value, and gapCenterX is the spacing.

5) Calculate transparency.
alpha=springValue ⁴

Among them, alpha is the transparency of the target icon, and springValue is the current return value.

In this embodiment, icons and widgets in the same row have the same transparency.

Figures 7A, 7B, 7C, 7D, 7E, and 7F are schematic diagrams of desktop animations generated based on the present embodiment. It can be seen that in the desktop animation, all icons do not appear together, but appear in groups, and the icons in the group are different in displacement, scaling, and transparency. Moreover, the changes in displacement, scaling, and transparency of the icons in the group in different frames conform to the elastic operation rules, showing an animation effect of pulling each other and staggered.

It can be understood by those skilled in the art that all or some of the steps, systems, and devices in the method disclosed above may be The functional modules/units in the can be implemented as software, firmware, hardware and appropriate combinations thereof. In hardware implementations, the division between the functional modules/units mentioned in the above description does not necessarily correspond to the division of physical components; for example, a physical component may have multiple functions, or a function or step may be performed by several physical components in cooperation. Some physical components or all physical components may be implemented as software executed by a processor, such as a central processing unit, a digital signal processor, or a microprocessor, or implemented as hardware, or implemented as an integrated circuit, such as an application-specific integrated circuit. Such software may be distributed on a computer-readable medium, which may include a computer storage medium (or non-transitory medium) and a communication medium (or temporary medium). As is well known to those of ordinary skill in the art, the term computer storage medium includes volatile and non-volatile, removable and non-removable media implemented in any method or technology for storing information (such as computer-readable instructions, data structures, program modules or other data). Computer storage media include, but are not limited to, RAM, ROM, EEPROM, flash memory or other memory technology, CD-ROM, digital versatile disks (DVD) or other optical disk storage, magnetic cassettes, magnetic tapes, magnetic disk storage or other magnetic storage devices, or any other medium that can be used to store the desired information and can be accessed by a computer. In addition, it is well known to those skilled in the art that communication media typically contain computer-readable instructions, data structures, program modules, or other data in a modulated data signal such as a carrier wave or other transport mechanism, and may include any information delivery media.

In the disclosed embodiment, the animation parameters of the icon are determined based on the return value, and the interface image is generated based on the animation parameters. The interface images of multiple frames constitute a desktop animation. The return values corresponding to different frames are associated with each other and conform to the law of elastic numerical changes. Therefore, in the desktop animation generated based on the animation parameters, different icons are associated with each other, and the movement of the icons conforms to the law of elastic movement in the real physical world, so that the animation effect of the icons in the desktop switching process is more vivid and smoother, the desktop switching process is smoother, and the user experience is improved.

Example embodiments have been disclosed herein, and although specific terms are employed, they are used and should be interpreted only in a general illustrative sense and not for limiting purposes. In some instances, it will be apparent to those skilled in the art that, unless otherwise expressly noted, features, characteristics, and/or elements described in conjunction with a particular embodiment may be used alone or in combination with features, characteristics, and/or elements described in conjunction with other embodiments. Therefore, those skilled in the art will appreciate that various changes in form and detail may be made without departing from the scope of the present disclosure as set forth in the appended claims.

Claims

A method for displaying a terminal desktop, comprising:

Obtaining the current return value of the corresponding frame to be processed, wherein the frame to be processed is any one of the multiple frames constituting the desktop animation, and the return values corresponding to different frames conform to the law of elastic value change;

Determine the animation parameter corresponding to the frame to be processed according to the current return value; and

The interface image of the frame to be processed is output according to the animation parameters.
The display method according to claim 1, wherein determining the animation parameter corresponding to the frame to be processed according to the current return value comprises:

Determine the elastic unit to be started corresponding to the frame to be processed according to the start time of the plurality of elastic units, wherein the start time of the plurality of elastic units conforms to the elastic value change rule, the plurality of icons on the desktop are divided into the plurality of elastic units, and each elastic unit includes a plurality of icons;

According to the current return value, the animation parameters of the icons in each of the elastic units to be activated are determined to obtain the animation parameters corresponding to the frame to be processed.
The display method according to claim 2, wherein determining the animation parameters of the icons in each of the elastic units to be started according to the current return value comprises:

For any of the elastic units to be activated, animation parameters of each icon are determined according to the current return value and the coordinate values of each icon in the elastic unit to be activated, wherein the animation parameters include at least one of displacement, scaling, and transparency.
The display method according to claim 3, wherein, for any target icon in the elastic unit to be activated, determining the displacement of the target icon according to the current return value and the coordinate value of the target icon comprises:

According to a first mapping relationship, the current return value is mapped to a first interval to obtain a first mapping value, wherein the first mapping relationship represents a mapping relationship between a value range of return values corresponding to different frames and the first interval;

Determining the distance between the target icon and the center icon in the elastic unit to be activated according to the coordinate value of the target icon; and

The displacement of the target icon is calculated according to the first mapping value and the distance.
The display method according to claim 4, wherein the displacement of the target icon is calculated according to the following formula:
translationX = springValueTranslation × (a 1 × gapCenterX + b 1 × gapCenterX 2 )

Wherein, translationX is the displacement of the target icon, springValueTranslation is the first mapping value, gapCenterX is the gap, and a 1 and b 1 are constants.
The display method according to claim 3, wherein, for any target icon in the elastic unit to be activated, determining the scaling ratio of the target icon according to the current return value and the coordinate value of the target icon comprises:

According to a second mapping relationship, mapping the current return value to a second interval to obtain a second mapping value, wherein the second mapping relationship represents a mapping relationship between a value range of return values corresponding to different frames and the second interval;

Determining the distance between the target icon and the center icon in the elastic unit to be activated according to the coordinate value of the target icon; and

The scaling ratio of the target icon is calculated according to the second mapping value and the distance.
The display method according to claim 6, wherein the scaling ratio of the target icon is calculated according to the following formula:

Wherein, scale is the scaling ratio of the target icon, springValueScale is the second mapping value, gapCenterX is the spacing, and a 2 and b 2 are constants.
The display method according to claim 3, wherein, for any target icon in the elastic unit to be activated, calculating the transparency of the target icon comprises:

The transparency of the target icon is calculated according to the current return value.
The display method according to claim 8, wherein the transparency of the target icon is calculated according to the following formula:
alpha＝springValue c

Among them, alph is the transparency of the target icon, springValue is the current return value, and c is a constant.
The display method according to claim 2, wherein, according to the current return value, determining the animation parameters of each of the elastic units to be started comprises:

For any of the elastic units to be started, the animation parameters of the widget are determined according to the current return value and the position of the widget in the elastic unit to be started, wherein the animation parameters include at least one of displacement, scaling, and transparency.
The display method according to any one of claims 1 to 10, wherein before obtaining the current return value corresponding to the frame to be processed, the display method further comprises:

Get the coordinate values of each icon on the desktop;

According to the coordinate values of each icon, a plurality of icons are divided into a plurality of elastic units, wherein each of the elastic units includes a plurality of icons.
The display method according to claim 11, wherein dividing a plurality of icons into a plurality of elastic units according to the coordinate values of the respective icons comprises:

Identifying one or more rows of icons on the desktop as launch row icons; and

One or more rows of icons having the same row spacing as that of the start row of icons are divided into one of the elastic units.
The display method according to claim 12, wherein determining one or more rows of icons in the desktop as startup row icons comprises:

One or two rows of icons located in the center of the desktop are determined as the startup row icons.
A terminal, comprising:

one or more processors;

A memory having one or more programs stored thereon, wherein when the one or more programs are executed by the one or more processors, the one or more processors implement the terminal desktop display method according to any one of claims 1 to 13.
A computer-readable medium having a computer program stored thereon, wherein when the program is executed by a processor, the terminal desktop display method according to any one of claims 1 to 13 is implemented.