WO2016188289A1

WO2016188289A1 - Drawing method and device for interface element

Info

Publication number: WO2016188289A1
Application number: PCT/CN2016/080306
Authority: WO
Inventors: 李剑波
Original assignee: 阿里巴巴集团控股有限公司; 李剑波
Priority date: 2015-05-27
Filing date: 2016-04-27
Publication date: 2016-12-01
Also published as: CN106303652B; CN106303652A

Abstract

Disclosed is a drawing method for an interface element, which is used for solving the problem of unnecessary processing resource waste caused by adopting a position tracking method for an interface element in the prior art. The method comprises: acquiring information indicative of a movement trend of a first interface element; predicting, according to the information, a target position where the first interface element is moved to; and drawing, according to the target position, a second interface element. Also disclosed is a drawing device for an interface element.

Description

Method and device for drawing interface elements

Technical field

The present application relates to the field of computer technology, and in particular, to a method and an apparatus for drawing interface elements.

Background technique

Currently, interface elements in the display interface may have a location tracking relationship with each other. Take the two interface elements of focus and focus frame as an example, there is a position tracking relationship between them. Specifically, it is possible that after the focus has moved, the focus frame is under the control of the focus frame control, and the tracking moves to the current position of the focus. Wherein, the focus frame moves to the current position of the focus, which means that the focus frame control draws the focus frame at the current position of the focus. Or, after the focus frame moves, the focus is under the control of the focus control, and the tracking moves to the current position of the focus frame, that is, the focus control draws the focus at the current position of the focus frame.

Taking the focus frame tracking focus as an example, the prior art implements location tracking as follows:

After the focus moves from the original position to the target position, the information of the target position is acquired (generally the coordinate value in the screen coordinate system established based on the display interface); the focus frame control draws at the target position according to the information of the acquired target position. The focus frame, in order to achieve the purpose of the focus frame tracking focus to move.

The problem with the above method is that there is a large lag at the moment when the focus frame moves to the target position relative to the time when the focus moves to the target position, and the existence of the large lag may cause the user to mistakenly think that the focus frame is not Move to the target position as desired, and the user will re-trigger the focus and the focus frame to move, which causes a misoperation, resulting in unnecessary waste of processing resources.

Summary of the invention

The embodiment of the present application provides a method for drawing an interface element, which is used to solve the problem that the location tracking method of the interface element in the prior art is used, which may result in unnecessary processing resource waste.

The embodiment of the present application further provides an apparatus for drawing an interface element, which is used to solve the problem that the location tracking method using the interface elements in the prior art may cause unnecessary processing resource waste.

The embodiments of the present application adopt the following technical solutions:

A method of drawing interface elements, including:

Obtaining information indicating a trend of movement of the first interface element; predicting, according to the information, a target location to which the first interface element is to be moved; and drawing a second interface element according to the target location.

A drawing device for an interface element, comprising:

a motion trend information acquiring unit, configured to acquire information that characterizes a motion trend of the first interface element; a target location prediction unit, configured to predict, according to the information, a target location to which the first interface element is to be moved; and a drawing unit, configured to The second interface element is drawn by the second interface element drawing position determined by the target position.

The above at least one technical solution adopted by the embodiment of the present application can achieve the following beneficial effects:

Since the target position to which the first interface element is to be moved can be predicted, and the second interface element is drawn according to the target position, the second interface element is not drawn after the first interface element moves to the target position, thereby reducing the The hysteresis of the movement of the second interface element avoids unnecessary waste of processing resources due to repeated movement operations of the user.

DRAWINGS

The drawings described herein are intended to provide a further understanding of the present application, and are intended to be a part of this application. In the drawing:

FIG. 1 is a schematic flowchart of a specific implementation process of a method for drawing an interface element according to an embodiment of the present application;

FIG. 1a is a schematic diagram of a time axis according to an embodiment of the present application; FIG.

FIG. 1b is a schematic diagram of a focus of a digital television screen interface and a positional relationship of a focus frame according to an embodiment of the present application;

1c is a schematic diagram of a focus of a digital television screen interface and a positional relationship of a focus frame according to an embodiment of the present application;

FIG. 1 is a schematic structural diagram of a drawing component of an interface element according to an embodiment of the present application;

FIG. 2 is a schematic flowchart of a specific implementation process of a method for drawing a focus or a focus frame in a digital television according to an embodiment of the present disclosure;

FIG. 3 is a schematic structural diagram of a device for drawing an interface element according to an embodiment of the present application.

detailed description

The technical solutions of the present application will be clearly and completely described in the following with reference to the specific embodiments of the present application and the corresponding drawings. It is apparent that the described embodiments are only a part of the embodiments of the present application, and not all of them. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments of the present application without departing from the inventive scope are the scope of the present application.

The technical solutions provided by the embodiments of the present application are described in detail below with reference to the accompanying drawings.

Example 1

The embodiment of the present application provides a method for drawing an interface element, which is used to solve the lag problem that occurs when the interface element is moved in the prior art. The schematic diagram of the specific implementation process of the method is shown in FIG. 1 and mainly includes the following steps:

Step 11: Obtain information that characterizes a motion trend of the first interface element;

The first interface element is an interface element that moves relative to the two interface elements that have a location tracking relationship.

In an embodiment, acquiring information indicating a trend of movement of the first interface element includes: acquiring at least two position parameters of the first interface element, and when the first interface element is located at a position respectively indicated by the two position parameters Determining, according to the at least two position parameters, a moving direction of the first interface element; determining, according to the at least two position parameters, and a time when the first interface element is located at the position respectively indicated by the two position parameters The speed at which the first interface element moves.

For example, if it is assumed that the first interface element moves from time T1, and at time T1, the positional parameter of the first interface element is (0, 11), and at time T2 after 5s, the position of the first interface element is The number is (0, 20), so that according to the two position parameters, it can be determined that the moving direction of the first interface element is moving in the vertical direction (such as along the Y axis of the vertical coordinate axis).

For example, suppose that the position parameter of the focus is sampled according to the sampling frequency of 10 ms, and the position parameter of the focus at time t1 is (0, 10), the position parameter of the focus at time t2 is (0, 20), time t1 and t2. When the time interval between the moments is 10ms, the motion speed of the focus can be calculated as (20-10)/10; or, when the first interface element moves at a uniform speed according to the default speed set by the system, the motion of the first interface element Speed information can be obtained from the system settings information.

In the embodiment of the present application, the location parameter refers to any information that can indicate the location of the interface element, such as a coordinate value and the like.

In the embodiment of the present application, the manner of obtaining information indicating the trend of the movement of the first interface element may include at least the following two types:

Manner 1: According to the preset position parameter sampling period, information for characterizing the movement trend of the first interface element is obtained.

For example, taking the first interface element as the focus as an example, if the preset position parameter sampling period is 30 ms, the system will automatically acquire the coordinate value of the position where the focus is in the screen coordinate system every 30 ms, as the first interface. The positional parameter of the element, and according to the positional parameter of the first interface element, information for characterizing the motion trend of the first interface element is obtained. The location parameter of the sampled first interface element needs to be at least two in order to obtain the motion direction information of the first interface element.

Manner 2: After receiving the first interface element position change triggering instruction, obtaining information indicating a trend of the first interface element motion.

For example, taking the first interface element as the focus of the digital television screen as an example, if the user inputs the focus position adjustment instruction through the remote controller, after the digital television receives the instruction, the position of the focus in the screen coordinate system can be obtained. Further, according to the preset position parameter sampling period, the position parameter of the focus during the movement process is acquired; and the motion trend information of the focus is obtained through the acquired position parameters.

In the first mode and the second mode, the manner of obtaining the motion trend information of the focus according to the position parameter may be referred to. As mentioned above, it will not be repeated here.

In an embodiment, in order to ensure that the position parameters can be sampled according to the set time interval, the embodiment of the present application provides a method for timing sampling. The method specifically includes:

According to the sampling period, the system timer is set, and the first interface element position parameter is sampled whenever the timing time of the system timer reaches the sampling time determined according to the sampling period. For example, if it is necessary to acquire the position parameter of the focus every 30 ms, the time of setting the system timer is 30 ms, and then the position parameter of the focus point is sampled every 30 ms according to the time of the system timer.

Step 12: predict, according to information indicating a trend of motion of the first interface element, a target location to which the first interface element is to be moved;

In an embodiment, if the information of the movement trend of the first interface element includes the moving speed and the moving direction of the first interface element, the specific implementation of step 12 may include: according to the drawing period of the display interface, the moving speed, and The direction of movement, predicting the target location to which the first interface element will be moved.

The drawing period of the display interface, that is, the drawing period of the display interface that is followed when the interface (such as the interface including the first interface element and the second interface element) is drawn, and the drawing period of the display interface may be 30 ms, 40 ms, and many more. When the drawing period of the display interface is 30ms, one frame interface is drawn every 30ms. In the embodiment of the present application, the specific size of the drawing period of the display interface is not limited.

In the embodiment of the present application, if it is assumed that the first interface element is currently in the Nth frame interface to be drawn when the target position to which the first interface element is to be moved is predicted, and the drawing period of the display interface is 30 ms, then In step 12, the interface of the first interface element in the N+1th frame or the N+2 frame may be predicted according to the drawing period of the display interface of 30 ms and the acquired information indicating the motion trend of the first interface element. The target position to be moved to when being drawn.

For example, if the center point of the first interface element is currently at the (10, 0) position in the Nth frame interface being drawn, the drawing period of the display interface is 30 ms, and the information indicating the motion trend of the first interface element includes motion. When the direction is to the right in the horizontal direction and the moving speed is 5/30ms, then It is predicted that the first interface element is at the target position of (15, 0) when the interface of the N+1th frame is drawn. Here, 10 of the above (10, 0), 5 of the motion speed expression 5/30 ms, and 15 of the above (15, 0) may each be a unit length in the interface coordinate system.

It should be noted that, in an implementation manner, in order to predict, according to the obtained information about the motion trend of the first interface element, the target location to which the first interface element is to be moved, the embodiment of the present application provides an estimation algorithm, where the algorithm This can be done by moving the distance estimator by the first interface element.

It should be noted that the evaluator can be used to complete step 11 in addition to the step 12 being completed. For example, the estimator can calculate the moving speed of the first interface element according to the obtained positional parameter of the first interface element, and determine the moving direction of the first interface element; and further predict the first according to the instantaneous speed and the moving direction. The target location to which the interface element will be moved.

Take the first interface element as the focus, for example, if the following assumptions are true:

1. The focus is displayed on the interface of the smart TV;

2. The smart TV draws a frame display interface with a drawing period of 30 ms;

3. The focus moves along the horizontal X axis;

4. At time T0, the smart TV receives the focus movement command, that is, the focus starts to move at time T0;

5. The position parameter of the focus at time T0 is (x0, y1);

6. Sampling the position parameters of the focus according to the sampling period set by the system. The sampling period is the same as the drawing period of the display interface, which is 30 ms.

Then, the steps of the estimator to complete the above calculation process are as follows:

1. As shown in FIG. 1a, assuming that the focus starts to move at time T0, the estimator can acquire the position parameter (x0, y1) of the focus at time T0, and acquire the position parameter of the focus at time T1 (x1). , y1); The position parameter (x2, y1) of the focus is obtained at time T2.

Wherein, the time interval between T0 and T1, and the interval between T1 and T2 is a drawing period, that is, 30 ms.

2. The estimator calculates the horizontal coordinate difference before and after the focus movement according to the position parameter (x0, y1) of the focus acquired at time T0 and the position parameter (x1, y1) of the focus acquired at time T1: totalDistanceX=x1-x0.

3. Calculate the moving speed of the focus according to totalDistanceX, the time T1 at which the focus is at (x1, y1), and the time T0 at which the focus is at (x0, y1): focusViewMovingVelocityX=totalDistanceX÷(T1-T0).

4. Calculate the moving distance of the focus from T0 to T2 according to the moving speed and T2: expectedDistanceX=focusViewMovingVelocityX×(T2-T0). That is, how much distance the predicted focus moves at the upcoming T2 relative to the position at T0.

5. According to the position parameter (x0, y1) of the focus at time T0 and the position parameter (x1, y1) of the focus at time T1, the information of the movement tendency of the focus can be determined as the X-axis along the horizontal direction.

6. According to the information of the determined movement trend of the focus and the calculated expectedDistanceX, the target position to which the focus is to be moved at the time T2 can be predicted, that is, the positional parameter after the focus moves in the horizontal direction X axis is ( X0+expectedDistanceX, y1).

Based on the calculation principle of the above estimator, for example, if the focus starts to move at time t0, the position parameter at time t0 is (0, 9), and if the sampling period is preset according to the preset focus position parameter, the focus is acquired at time t1. The position parameter is (0, 12), then it can be determined that the moving direction of the focus is moving in the Y-axis direction in the vertical direction; and at the same time, the position of the focus is from t0 to t1 according to the positional parameters of the focus at time t0 and time t1. The moving distance within is: (12-9)=3, and the time interval is: t1-t0=30ms. Then according to the moving distance and the time interval, the moving speed of the focus can be calculated: 3÷30=0.1. Suppose that it is necessary to predict the parameter of the target position at which the focus is reached at time t2 (the time interval between t2 and t1 is 30 ms of the system preset sampling period), and according to the moving direction of the focus and the moving speed of the focus, the focus can be calculated to move at time t2. The distance is: instantaneous speed × (t2-t1) = 0.1 × 30 = 3; then the positional parameter of the target position at which the focus arrives at time t2 is (0, 15).

In step 13, the second interface element is drawn according to the target position.

In the embodiment of the present application, when the second interface element is drawn according to the target location, the following three situations may occur:

Case 1: When the first interface element moves to the target position, the second interface is drawn according to the target position element.

For example, assuming that the first interface element reaches the target position at time T1 (ie, a specific time as mentioned above), at time T1, the second interface element is drawn according to the target position.

For example, if it is assumed that: 1. According to a drawing period of 30 ms, a display interface including the first interface element and the second interface element is drawn; 2. The function obtained by performing step 11 is used to represent the movement trend of the first interface element. The information is: the position parameters of the first interface element in the first frame display interface and the second frame display interface respectively; 3. The first interface element is currently in the second frame display interface. Then, the time at which the second interface element is drawn according to the target position may be a time at which the third frame display interface is drawn, that is, a time later than the drawing time of the second frame display interface by 30 ms.

Case 2: At the time before the first interface element moves to the target position, the second interface element is drawn according to the target position.

It is assumed that the first interface element starts moving at time T0 and reaches the target position at time T1, and then the second interface can be drawn according to the target position at a certain time before the time T1, that is, at a certain time before the time T1 (that is, the specific time mentioned above). element.

Case 3: Within the set duration after the time when the first interface element moves to the target position (any time within the set duration after the time can be regarded as the specific time mentioned above), and draw according to the target position The second interface element. The setting duration should be satisfied: the user does not visually feel that the drawing moment of the second interface element obviously lags behind the drawing moment of the first interface element.

Assume that the first interface element reaches the target position at time T1, and the second interface element is drawn at the latest T1 + ΔT. Where [0, ΔT] is the set duration described above.

In the embodiment of the present application, the second interface element is drawn according to the determined target location, and specifically includes the following two implementation manners:

Implementation 1: Determine a first drawing position according to a target position and a set distance threshold; and at the specific time, draw a second interface element according to the target position.

Specifically, when the distance between the target position and the position represented by the current position parameter of the second interface element (hereinafter referred to as the current position of the element) is less than the set distance threshold, the current position of the element may be determined. A position is drawn for the second interface element; such that at the particular moment, the current position of the element is taken as the first drawing position and the second interface element is drawn at the location. In particular, it is possible for the target position to coincide with the current position of the element, ie the above distance is zero.

When the distance between the target position and the current position of the element is not less than the set distance threshold, the target position may be determined as the second interface element drawing position; thus, at a specific moment, the second interface element is drawn at the target position.

In an embodiment, in order to determine the second interface element drawing position according to the target position and the set distance threshold, the embodiment of the present application provides an estimation algorithm, and the algorithm may be moved by the second interface element distance estimator. Completed, the specific algorithm is as follows:

1, totalDistanceX! =0&&ViewMovingDistanceX==0;

2. ExpectedDistanceX>0.45*totalDistanceX (where 0.45 is a dynamically tunable parameter) and focusViewAccmulateDistanceX<expectedDistanceX).

The specific algorithm of each parameter is the same as that described above, and is not described here.

Embodiment 2: determining, according to the target location, whether the first interface element moves outside the display area currently occupied by the second interface element when the first interface element moves to the target location; determining the second interface element according to the determination result Drawing a position; and drawing a second interface element at a second interface element drawing position at a time when the first interface element moves to the target position.

Specifically, when the result of the determination is that the first interface element moves to the display area currently occupied by the second interface element when the first interface element moves to the target position, the target position is determined as the second interface element drawing position; When the result of the determination is that the first interface element does not move to the display area currently occupied by the second interface element when the first interface element moves to the target position, the location of the display area currently occupied by the second interface element is determined. Draw a position for the second interface element.

For example, taking digital television as an example, assume that the first interface element is the focus and the second interface element is the focus frame. It is assumed that in the initial state, on the screen as shown in FIG. 1b, the focus and the focus frame are all in the same position, wherein the display area currently occupied by the focus frame is the gray area in the figure. When the user moves the focus through the remote control, the focus moves to the position shown in Figure 1c, due to the position of the focus If it does not move to the gray area shown in FIG. 1c, then the position of the gray area is determined as the second interface element drawing position.

In an embodiment, the manner of drawing the second interface element at the time when the first interface element moves to the target location may include: the second interface element according to the moment when the first interface element moves to the target location Draw the features of the third interface element of the position and draw the second interface element.

Specifically, the drawing the second interface element according to the feature of the third interface element may mean that the second interface element is drawn according to the way that the second interface element has the feature; or the second interface element is not The second interface element is drawn in a manner that has this feature.

For example, taking a digital TV set to switch a selected TV drama poster as an example, if the focus is moved from the TV drama poster A (where the TV drama poster A is a square) to the TV drama poster B (where the TV drama poster B is a rectangle, and the position of the TV drama poster B is When the target position is determined, the focus frame is drawn into a rectangle according to the shape feature of the poster B when the focus frame is drawn at the target position where the focus is reached.

It should be noted that the features of the third interface element include: shape, color, size, animation effect, and the like.

The above method may be completed by a drawing component of an interface element as shown in FIG. 1d, and the drawing component of the interface element specifically includes the following modules: a motion trend information acquiring module, a target position prediction module, a drawing module, a system timer, and a core calculation. Module (including a first interface element moving distance estimator and a second interface element moving distance estimator).

The functions of each of the above modules are described below.

The above step 11 can be completed by the motion trend information acquisition module.

The target position to which the first interface element is to be moved in step 12 may be predicted by the target position prediction module according to the parameter calculated by the first interface element moving distance estimator. The function implementation manner of the first interface element moving distance estimator is as described above, and is not described here.

The system timer can set a fixed time interval as the sampling period, so that the position parameter obtaining module can sample the position parameter of the first interface element according to the time interval set by the system timer.

The second interface element moves the distance estimator for determining the second interface element drawing position according to the target position and the set distance threshold. The function realization manner of the second interface element moving distance estimator is as described above, and will not be described here.

The drawing module may draw the first interface element according to the predicted first interface element to be moved to the target position; and draw the position according to the determined second interface element to draw the second interface element.

According to the foregoing method provided in Embodiment 1 of the present application, the method can predict the target location to which the first interface element is to be moved by calculating the information of the motion trend of the first interface element, and then can be based on the target location at a specific moment. Drawing the second interface element reduces the lag of the movement of the second interface element, thereby avoiding the repeated movement of the user, reducing the occupation of system resources and improving the operating efficiency of the system.

It should be noted that the execution bodies of the steps of the method provided in Embodiment 1 may all be the same device, or the method may also be performed by different devices. For example, the execution body of step 11 and step 12 may be a first interface element control, and the execution body of step 13 may be a second interface element control; for example, the execution body of step 11 may be a first interface element control, step 12 and The execution body of step 13 may be a second interface element control; for example, the execution bodies of steps 11 to 13 may each be a second interface element control;

Example 2

The embodiment of the present invention provides a method for drawing a focus or a focus frame in a digital television, which is used to solve the lag problem that occurs when the focus or the focus frame is moved in the prior art. The schematic diagram of the specific implementation process of the method is shown in FIG. 2, and mainly includes the following steps:

Step 21: The digital television set top box acquires motion trend information of the first interface element;

In the embodiment of the present application, if the first interface element is the focus, the motion trend information of the focus is obtained by using the position parameter of the focus at different times, including: acquiring at least two position parameters of the focus, and the focus is located at the two positions. The time at which the parameter represents the position; according to the at least two bits Setting a parameter to determine a moving direction of the focus; determining a moving speed of the focus according to the at least two positional parameters and a time when the focus is at a position respectively indicated by the two positional parameters.

Among them, the information on the movement trend of the focus is obtained, including the following two methods:

Manner 1: Obtain the motion trend information of the focus according to the preset focus position parameter sampling period;

Manner 2: After receiving the trigger instruction of the first interface element position change, the motion trend information of the focus is obtained.

Step 22: predict, according to the motion trend information of the acquired focus, a target position to which the focus is to be moved;

In an embodiment, if the target position is a position to which the focus is to be moved at a certain time, and the information of the focus movement trend includes the moving speed and the moving direction of the focus, the specific implementation of step 22 may include: The target position to which the focus is to be moved is predicted according to the drawing period of the display interface, the moving speed, and the moving direction.

For example, if the following assumptions are true:

1. The digital television draws a display interface of each frame with a drawing period of 30 ms;

2. The focus moves along the horizontal X axis;

3. At time T0, the digital television receives the focus movement command, that is, the focus starts to move at time T0;

4. The position parameter of the focus at time T0 is (x0, y1).

4. Sampling the position parameters of the focus according to the sampling period (30ms) set by the system.

5. Sampling the position parameters of the focus according to the sampling period set by the system. The sampling period is the same as the drawing period of the display interface, which is 30 ms.

6. According to the sampling period set by the system (30ms), the position parameter of the focus acquired at time t2 is (x2, y1).

In an embodiment, according to the obtained trend information of the focus, the prediction of the target position to which the focus is to be moved includes the following sub-steps:

Sub-step 1, according to the current position parameter of the focus, calculate the horizontal coordinate difference before and after the focus movement: totalDistanceX=(x2-x1).

Sub-step 2, according to the obtained totalDistanceX, and the 30ms sampling period set by the system, calculate the moving speed of the focus: focusViewMovingVelocityX=(x2-x1)÷30.

Sub-step 3, according to focusViewMovingVelocityX, and a specific time t3, wherein the time t3 is located at time t2 on the time axis, the focus predicted moving distance is calculated: expectedDistanceX=focusViewMovingVelocityX×(t3-t2).

Sub-step 4, according to the position parameter of the focus acquired at time t1 and time t2, the moving direction of the focus can be obtained as the x-axis in the horizontal direction.

Sub-step 5, according to the moving direction of the acquired focus and the moving distance in a certain time, it can be predicted that the focus will be moved to reach the target position, that is, the focus moves in the horizontal direction X-axis to reach the target position. The positional parameter is (x2+expectedDistanceX, y1).

Step 23: Draw a focus frame according to the target position.

In one embodiment, when the predicted focus target position does not move outside the position area where the focus frame is currently located, the determined second interface element drawing position is the current position of the focus frame.

For example, when the user moves the focus through the remote controller, according to step 22, the parameter of the target position at which the first interface element moves to the target position is (x3, y3), and the position is still in focus. Within the current position area of the box, the current position of the focus frame is redrawn to the focus frame.

Generally, when the focus moves from the area where the TV poster A is located to the area where the TV poster B is located, the size, color, shape and the like of the TV poster A and the TV poster B may be different, in order to be in the TV poster B. The size, the color, the shape, and the like of the focus frame are matched with the features of the TV poster B. The embodiment of the present application provides a method for the third interface element where the focus is located when the focus is moved to the target position (ie, The focus frame is drawn by the feature of the third interface element at the position when the focus moves to the target position.

For example, when the focus moves from the area where the TV poster A is located (the TV poster A is a square) to the area where the TV poster B is located (the TV poster B is a triangle), the focus frame is drawn in the target area. When you draw the focus frame into a triangle.

According to the above method provided in Embodiment 2 of the present application, the method can predict the target position to which the focus (or the focus frame) is to be moved by calculating the motion trend information of the focus (or the focus frame), and thus can be at the target position. The focus frame (or focal point) is drawn, which reduces the hysteresis of the movement of the second interface element, thereby avoiding unnecessary processing resource waste caused by the repeated movement operation of the user, and improving the operating efficiency of the system.

Example 3

The embodiment of the present application provides a device for drawing an interface element, which is used to solve the lag problem that occurs when the interface element is moved in the prior art. A schematic diagram of a specific implementation flow of the device is shown in FIG. 4, and mainly includes a motion trend information acquiring unit 31, a target position predicting unit 32, and a drawing unit 33.

The motion trend information acquiring unit is configured to obtain information that represents a trend of motion of the first interface element;

a target location prediction unit, configured to predict, according to the information, a target location to which the first interface element is to be moved;

And a drawing unit, configured to draw the second interface element at the second interface element drawing position determined according to the target position.

In an embodiment, the drawing unit is configured to: at a specific moment, draw the second interface element according to the target location.

In one embodiment, the specific moment is no later than the moment when the first interface element moves to the target location.

In an embodiment, the drawing unit is configured to: determine a first drawing position according to the target position and the set distance threshold; and draw a second interface element at the first drawing position at the specific moment; or Determining, according to the target location, whether the first interface element moves outside the display area currently occupied by the second interface element at the specific moment; determining a second drawing position according to the determination result; and at the specific moment, in the second Draw the position to draw the second interface element.

In an embodiment, the drawing unit is configured to: when the distance between the target location and the location represented by the current location parameter of the second interface element is less than the set distance threshold, move the element in the first interface to At a time of the target position, drawing a second interface element at a position indicated by a current position parameter of the second interface element; a distance between the target position and a position indicated by a current position parameter of the second interface element is not less than At a fixed distance threshold, a second interface element is drawn at the target location at a time when the first interface element moves to the target location.

In an embodiment, the drawing unit is configured to: move the first interface element when the distance between the target location and the location of the current location parameter of the second interface element is not less than a set distance threshold At the time of the target location, a second interface element is drawn at the target location.

In an embodiment, the drawing unit is configured to: acquire a feature of the third interface element at the target position at the specific time; and draw a second interface element according to the feature.

In one embodiment, the features include at least one of the following: color, size, animation effect, shape, and the like.

In an embodiment, the motion trend information acquiring unit is configured to: after receiving the first interface element position change triggering instruction, acquire information indicating a motion trend of the first interface element; or according to a preset position parameter sampling period, Obtain information that characterizes the movement trend of the first interface element.

In one embodiment, the motion trend information acquiring unit is configured to: obtain information that characterizes a motion trend of the first interface element according to a preset position parameter sampling period.

In one embodiment, the information characterizing the motion trend of the first interface element includes: a moving speed and a moving direction of the first interface element.

In an embodiment, the motion trend information acquiring unit is configured to: acquire at least two position parameters of the first interface element, and a time when the first interface element is located at the position respectively indicated by the two position parameters; Determining a moving direction of the first interface element according to the at least two position parameters; determining the first interface element according to the at least two position parameters and a time when the first interface element is located at the position respectively indicated by the two position parameters The speed of movement.

In an embodiment, the target location prediction unit is configured to: according to a drawing period of the display interface, The moving speed and the moving direction predict a target position to which the first interface element is to be moved.

With the above apparatus provided in Embodiment 3 of the present application, since the target position prediction unit calculates the motion trend information of the first interface element, the target position to which the first interface element is to be moved can be predicted, and then the first interface element can be When the target position is moved, the second interface element is drawn at the target position, which reduces the lag of the movement of the second interface element, thereby avoiding the use of repeated movement of the user, reducing the occupation of system resources, and improving The operating efficiency of the system.

Those skilled in the art will appreciate that embodiments of the present invention can be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment, or a combination of software and hardware. Moreover, the invention can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.

The present invention has been described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (system), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flowchart illustrations and/or FIG. These computer program instructions can be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing device to produce a machine for the execution of instructions for execution by a processor of a computer or other programmable data processing device. Means for implementing the functions specified in one or more of the flow or in a block or blocks of the flow chart.

The computer program instructions can also be stored in a computer readable memory that can direct a computer or other programmable data processing device to operate in a particular manner, such that the instructions stored in the computer readable memory produce an article of manufacture comprising the instruction device. The apparatus implements the functions specified in one or more blocks of a flow or a flow and/or block diagram of the flowchart.

These computer program instructions can also be loaded onto a computer or other programmable data processing device such that a series of operational steps are performed on a computer or other programmable device to produce computer-implemented processing for execution on a computer or other programmable device. The instructions provide steps for implementing the functions specified in one or more of the flow or in a block or blocks of a flow diagram.

In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.

The memory may include non-persistent memory, random access memory (RAM), and/or non-volatile memory in a computer readable medium, such as read only memory (ROM) or flash memory. Memory is an example of a computer readable medium.

Computer readable media includes both permanent and non-persistent, removable and non-removable media. Information storage can be implemented by any method or technology. The information can be computer readable instructions, data structures, modules of programs, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory. (ROM), electrically erasable programmable read only memory (EEPROM), flash memory or other memory technology, compact disk read only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, Magnetic tape cartridges, magnetic tape storage or other magnetic storage devices or any other non-transportable media can be used to store information that can be accessed by a computing device. As defined herein, computer readable media does not include temporary storage of computer readable media, such as modulated data signals and carrier waves.

It is also to be understood that the terms "comprises" or "comprising" or "comprising" or any other variations are intended to encompass a non-exclusive inclusion, such that a process, method, article, Other elements not explicitly listed, or elements that are inherent to such a process, method, commodity, or equipment. An element defined by the phrase "comprising a ..." does not exclude the presence of additional equivalent elements in the process, method, item, or device including the element.

Those skilled in the art will appreciate that embodiments of the present application can be provided as a method, system, or computer program product. Thus, the present application can take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment in combination of software and hardware. Moreover, the application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.

The above description is only an embodiment of the present application and is not intended to limit the application. Various changes and modifications can be made to the present application by those skilled in the art. Any modifications, equivalents, improvements, etc. made within the spirit and scope of the present application are intended to be included within the scope of the appended claims.

Claims

A method for drawing an interface element, comprising:

Obtaining information characterizing the motion trend of the first interface element;

Determining, according to the information, a target location to which the first interface element is to be moved;

A second interface element is drawn according to the target location.
The method of claim 1, wherein the drawing the second interface element according to the target location comprises:

At a particular time, a second interface element is drawn based on the target location.
The method of claim 2 wherein said particular time is no later than a time at which said first interface element moves to said target location.
The method of claim 2, wherein at the specific moment, the second interface element is drawn according to the target location, including:

Determining a first drawing position according to the target position and the set distance threshold; and drawing a second interface element at the first drawing position at the specific time; or

Determining, according to the target location, whether the first interface element moves outside the display area currently occupied by the second interface element at the specific moment; determining a second drawing position according to the determination result; and at the specific moment, in the second Draw the position to draw the second interface element.
The method of claim 4, wherein determining the first drawing position according to the target position and the set distance threshold comprises:

When the distance between the target location and the current location of the second interface element is less than the set distance threshold, determining the current location of the second interface element as the first rendering location;

The target position is determined as the first drawing position when the distance between the target position and the current position of the second interface element is not less than the set distance threshold.
The method according to any one of claims 2 to 5, wherein the drawing the second interface element comprises:

Obtaining a feature of a third interface element that is at the target location at the particular moment;

According to the feature, the second interface element is drawn.
The method of claim 6 wherein said characteristic comprises at least one of:

colour;

size;

Animation effect

shape.
The method of claim 1 wherein obtaining information indicative of a trending trend of the first interface element comprises:

After receiving the first interface element position change triggering instruction, acquiring information indicating a trend of movement of the first interface element; or

According to the preset position parameter sampling period, information for characterizing the motion trend of the first interface element is obtained.
The method according to any one of claims 1 to 5, 7, or 8, wherein the information indicating a trend of movement of the first interface element comprises: a moving speed and a moving direction of the first interface element.
The method of claim 9 wherein obtaining information indicative of a trending trend of the first interface element comprises:

Obtaining at least two positional parameters of the first interface element, and a time when the first interface element is located at a position respectively indicated by the two positional parameters;

Determining a moving direction of the first interface element according to the at least two position parameters;

Determining a moving speed of the first interface element according to the at least two positional parameters and a time when the first interface element is located at a position respectively indicated by the two positional parameters.
The method of claim 10, wherein predicting a target location to which the first interface element is to be moved based on the information comprises:

A target position to which the first interface element is to be moved is predicted according to a drawing period of the display interface, the moving speed, and a moving direction.
A device for drawing an interface element, comprising:

a motion trend information acquiring unit, configured to acquire information that characterizes a motion trend of the first interface element;

a target location prediction unit, configured to predict, according to the information, a target location to which the first interface element is to be moved;

a drawing unit, configured to draw a second interface element according to the target location.
The apparatus according to claim 12, wherein the drawing unit is configured to:

At a particular time, a second interface element is drawn based on the target location.
The apparatus of claim 13 wherein said particular time instant is no later than a time at which said first interface element moves to said target location.
The apparatus according to claim 13, wherein the drawing unit is configured to:

Determining a first drawing position according to the target position and the set distance threshold; and drawing a second interface element at the first drawing position at the specific time; or

Determining, according to the target location, whether the first interface element moves outside the display area currently occupied by the second interface element at the specific moment; determining a second drawing position according to the determination result; and at the specific moment, in the second Draw the position to draw the second interface element.
The apparatus according to claim 15, wherein the drawing unit is configured to:

And determining a current position of the second interface element as the first drawing position when a distance between the target position and a position indicated by the current position parameter of the second interface element is less than the set distance threshold;

The target position is determined as the first drawing position when the distance between the target position and the current position of the second interface element is not less than the set distance threshold.
The apparatus according to any one of claims 13 to 16, wherein the drawing unit is configured to:

Obtaining a feature of a third interface element that is at the target location at the particular moment;

According to the feature, the second interface element is drawn.
The device of claim 17 wherein:

The features include at least one of the following:

colour;

size;

Animation effect

shape.
The apparatus according to claim 12, wherein the motion trend information acquisition unit is configured to:

After receiving the first interface element position change triggering instruction, acquiring information indicating a trend of movement of the first interface element; or

According to the preset position parameter sampling period, information for characterizing the motion trend of the first interface element is obtained.
The apparatus according to any one of claims 12 to 16, 18, 19, wherein the information characterizing the movement tendency of the first interface element comprises: a moving speed and a moving direction of the first interface element.
The apparatus according to claim 20, wherein the motion trend information acquisition unit is configured to:

Obtaining at least two positional parameters of the first interface element, and a time when the first interface element is located at a position respectively indicated by the two positional parameters;

Determining a moving direction of the first interface element according to the at least two position parameters;

Determining a moving speed of the first interface element according to the at least two positional parameters and a time when the first interface element is located at a position respectively indicated by the two positional parameters.
The apparatus according to claim 21, wherein the target position prediction unit is configured to:

A target position to which the first interface element is to be moved is predicted according to a drawing period of the display interface, the moving speed, and a moving direction.
A drawing component of an interface element, comprising the device of any one of 12-14, 16, and 19.