TWI724096B - Processing method, device and smart terminal for interface operation - Google Patents

Abstract

The embodiments of the present invention provide a processing method, device, and smart terminal for interface operations to solve the problem of inconvenient touch operations in the prior art. The method includes: receiving a sliding input in a display interface; drawing a response image according to the sliding input; adding the response image to the display interface for display. The response image can be drawn directly based on the sliding input, without requiring other operations by the user and without interfering with the inherent scrolling interaction of the interface, prompting the user of the current sliding state.

Description

Processing method, device and smart terminal for interface operation

The present invention relates to the field of terminal technology, in particular to a processing method for interface operations, a processing device for interface operations, and a smart terminal.

When a user uses a computer device such as a PC or a mobile terminal, a display interface is usually used to display the content to the user, and the user can also search, view, and operate the content on the display interface.

There are various ways to display content in the display interface, for example, display by means of icons, detailed information, etc., because when the displayed content exceeds the display interface, the displayed content is indicated by a progress meter.

With the development of mobile terminal technology, more and more users use mobile terminals to perform various services, and user operations have gradually changed from mouse and button operations to finger touch operations. The original interface display method may not be suitable for touch operation. For example, when the icons are dense, other icons may be touched by mistake, and the speed and distance of the finger sliding during sliding search are not as controllable as the mouse wheel. Therefore, touch operation is not convenient.

Therefore, a technical problem that needs to be urgently solved by those skilled in the art is to propose an interface operation processing method, device and smart terminal to solve the problem of inconvenience of the existing touch operation.

The technical problem to be solved by the embodiments of the present invention is to provide an interface operation processing method to solve the problem of inconvenience of the existing touch operation.

Correspondingly, the embodiment of the present invention also provides an interface operation processing device and mobile terminal to ensure the implementation and application of the above method.

In order to solve the above problems, the present invention discloses a processing method for interface operations, including: receiving a sliding input in a display interface; drawing a response image according to the sliding input; adding the response image to the display interface to perform display.

Optionally, drawing the response image according to the sliding input includes: drawing the response image when it is determined that the current scroll is to the boundary of the display interface according to the sliding input.

Optionally, the response image is formed by a boundary between one or more curves and the display interface.

Optionally, the peak of the curve corresponds to the touch point of the sliding input.

Optionally, the length of a line segment between two intersection points of the curve and the boundary of the display interface is less than the length of the boundary.

Optionally, receiving a sliding input in the display interface includes: receiving a sliding operation in the display interface, and generating the sliding input according to the sliding operation.

Optionally, generating a sliding input according to the sliding operation includes: scrolling and displaying interface content in the display interface according to the sliding operation; when scrolling to the boundary of the display interface, determining the inertial potential energy according to the sliding operation , And use the inertial potential energy as the sliding input.

Optionally, determining the inertial potential energy according to the sliding operation includes: obtaining a current display frame, determining the direction of the sliding operation and current coordinate information according to the current display frame; determining the inertia according to the direction of the sliding operation The direction of the potential energy; the distance of the inertial potential energy is determined according to the current coordinate information corresponding to the sliding operation.

Optionally, determining the distance of the inertial potential energy according to the current coordinate information corresponding to the sliding operation includes: acquiring initial coordinate information of the sliding input, wherein the initial coordinate information includes: the display interface starts to receive the sliding input The coordinate information of the corresponding position; calculate the distance between the current coordinate information and the initial coordinate information, and use the distance as the distance of inertial potential energy.

Optionally, when the sliding direction is the horizontal direction, the distance is calculated based on the abscissa; when the sliding direction is the vertical direction, the distance is calculated based on the ordinate.

Optionally, the method further includes: when the boundary of the display interface is not scrolled, determining a sliding speed according to the sliding operation, and adjusting the scrolling speed of the content of the display interface according to the sliding speed.

Optionally, the sliding input includes inertial potential energy; drawing a response image according to the sliding input includes: determining a reference point according to the inertial potential energy; drawing a curve according to the reference point, and using the curve to generate a response image.

Optionally, determining the reference point according to the inertial potential energy includes: obtaining a display distance related to the display interface; and determining coordinate information of at least three reference points according to the display distance and the inertial potential energy.

Optionally, acquiring the display distance related to the display interface includes: acquiring a preset first distance, and determining a second distance and a third distance according to the display interface, the first distance, the second distance, and the The third distance constitutes the display distance.

Optionally, drawing a curve based on the reference point and using the curve to generate a response image includes: drawing a Sebel curve based on the coordinate information of the at least three reference points; combining the Sebel curve with the display interface The borders of which constitute the response image.

Optionally, drawing a curve based on the reference points and using the curve to generate a response image includes: drawing a Sebel curve using coordinate information of at least two sets of reference points, wherein each set of reference points includes three reference points; At least two Sebel curves and the boundary of the display interface form a response image.

Optionally, the method further includes: adding at least one color or at least one pattern to the response image.

Optionally, the method further includes: filling the response image according to any one of the following filling modes; the filling mode includes: filling from light to dark, filling from dark to light, and filling with cold and warm colors.

Optionally, it further includes: setting the transparency of the response image.

Optionally, the method further includes: when the sliding operation is cancelled, the inertial potential energy decays along with the display frame; drawing and displaying a response image according to the decayed inertial potential energy, and stopping drawing the response graph until the inertial potential energy decays to 0 Like.

The embodiment of the present invention also discloses an interface operation processing device, which includes: an input receiving module for receiving sliding input in a display interface; a drawing module for drawing a response image according to the sliding input; and a display module , For adding the response image to the display interface for display.

Optionally, the drawing module is configured to draw the response image when it is determined that the current scrolling to the boundary of the display interface is based on the sliding input.

Optionally, the response image is formed by a boundary between one or more curves and the display interface.

Optionally, the peak of the curve corresponds to the touch point of the sliding input.

Optionally, the length of a line segment between two intersection points of the curve and the boundary of the display interface is less than the length of the boundary.

Optionally, the input receiving module is configured to receive a sliding operation in the display interface, and generate a sliding input according to the sliding operation.

Optionally, the input receiving module includes: a scrolling display sub-module for scrolling and displaying interface content in the display interface according to the sliding operation; and an inertial potential energy determining sub-module for scrolling to the display interface. When the boundary of the display interface is described, the inertial potential energy is determined according to the sliding operation, and the inertial potential energy is used as the sliding input.

Optionally, the inertial potential energy determining sub-module includes: an acquiring unit for acquiring a current display frame, and determining the direction of the sliding operation and current coordinate information according to the current display frame; a direction determining unit, It is used for determining the direction of the inertial potential energy according to the direction of the sliding operation; the distance determining unit is used for determining the distance of the inertial potential energy according to the current coordinate information corresponding to the sliding operation.

Optionally, the distance determining unit is configured to obtain the initial coordinate information of the sliding input, wherein the initial coordinate information includes: the display interface starts to receive the coordinate information of the corresponding position of the sliding input; and calculating the current coordinates The distance between the information and the starting coordinate information, and the distance is taken as the distance of inertial potential energy.

Optionally, when the sliding direction is the horizontal direction, the distance is calculated based on the abscissa; when the sliding direction is the vertical direction, the distance is calculated based on the ordinate.

Optionally, the scroll display sub-module is further configured to determine a sliding speed according to the sliding operation when the display interface is not scrolled to the boundary, and adjust the scrolling speed of the content of the display interface according to the sliding speed.

Optionally, the sliding input includes inertial potential energy; the drawing module includes: a reference point determination sub-module for determining a reference point according to the inertial potential energy; a drawing generation sub-module for determining a reference point according to the reference point Point to draw a curve, and use the curve to generate a response image.

Optionally, the reference point determination sub-module includes: a distance acquisition unit for acquiring a display distance related to the display interface; a coordinate determination unit for determining at least three points according to the display distance and inertial potential energy The coordinate information of the reference point.

Optionally, the distance acquiring unit is configured to acquire a preset first distance, and determine a second distance and a third distance according to the display interface, and the first distance, the second distance and the third distance constitute the The display distance.

Optionally, the drawing generation sub-module is used to draw a Sebel curve according to the coordinate information of the at least three reference points; the Sebel curve and the boundary of the display interface form a response image.

Optionally, the drawing generation sub-module is used to draw the Seibel curve using the coordinate information of at least two sets of reference points, wherein each set of reference points includes three reference points; The boundary of the display interface constitutes a response image.

Optionally, the drawing module further includes: a color filling sub-module for adding at least one color or at least one pattern to the response image.

Optionally, the drawing module further includes: a color filling sub-module for filling the response image according to any of the following filling methods; the filling method includes: filling from light to dark, from dark to light Filling, cold and warm color filling.

Optionally, the drawing module further includes: a transparency setting sub-module for setting the transparency of the response image.

Optionally, the drawing module is further configured to: when the sliding operation is canceled, the inertial potential energy decays with the display frame; draw and display a response image according to the decayed inertial potential energy until the inertial potential energy decays to 0, Stop drawing the response image.

The embodiment of the present invention also discloses a smart terminal, including: the smart terminal includes: a memory, a display, a processor, and an input unit, wherein the input unit includes: a touch screen; the processor is used to execute the The method described in the embodiment of the invention.

Compared with the prior art, the embodiment of the present invention includes the following advantages: In the embodiment of the present invention, a sliding input is received in a display interface, a response image is drawn according to the sliding input, and the response image is added to the display. The display in the interface can directly draw a response image based on the sliding input, and prompts the user of the current sliding state without interfering with the inherent scrolling interaction of the interface without requiring other operations by the user.

102‧‧‧Step

104‧‧‧Step

106‧‧‧Step

202‧‧‧Step

204‧‧‧Step

206‧‧‧Step

208‧‧‧Step

210‧‧‧Step

212‧‧‧Step

302‧‧‧Step

304‧‧‧Step

306‧‧‧Step

308‧‧‧Step

310‧‧‧Step

312‧‧‧Step

314‧‧‧Step

316‧‧‧Step

502‧‧‧Step

504‧‧‧Step

506‧‧‧Step

508‧‧‧Step

510‧‧‧Step

512‧‧‧Step

1002‧‧‧Input Receive Module

1004‧‧‧Drawing Module

1006‧‧‧Display Module

11022‧‧‧Scroll display sub-module

11024‧‧‧Inertial potential energy determination sub-module

11042‧‧‧Datum point determination sub-module

11044‧‧‧Drawing and generating sub-modules

11046‧‧‧Color Fill Submodule

11048‧‧‧Transparency setting sub-module

1106‧‧‧Display Module

110242‧‧‧Acquisition Unit

110244‧‧‧Direction determination unit

110246‧‧‧Distance determination unit

110422‧‧‧Distance acquisition unit

110424‧‧‧Coordinate determination unit

1210‧‧‧Memory

1220‧‧‧Display

1230‧‧‧Processor

1240‧‧‧Input Unit

1241‧‧‧Touch screen

Figure 1 is a step flow chart of an embodiment of a method for processing interface operations of the present invention; Figure 2 is a step flow chart of another embodiment of a method for processing interface operations of the present invention; Figure 3 is a flow chart of another embodiment of interface operations of the present invention 4A and B are schematic diagrams of determining the inertial potential energy by sliding in the embodiment of the present invention; Fig. 5 is the response image in the embodiment of the processing method of another interface operation of the present invention. Drawing step flowchart Figures 6A and B are schematic diagrams of reference point determination in an embodiment of the present invention; Figures 7A and B are schematic diagrams of reference point determination corresponding to each control point in an embodiment of the present invention; A schematic diagram of drawing a response image based on a Sebel curve; FIGS. 9A and B are schematic diagrams of adjusting wave crests according to touch points in an embodiment of the present invention; FIG. 10 is a structural block diagram of an embodiment of a processing device for interface operation of the present invention; FIG. 11A Fig. 11B is a block diagram of the structure of the inertial potential energy determining sub-module in the embodiment of the processing device for another interface operation of the present invention; Fig. 11C is another embodiment of the processing device for the interface operation of the present invention The block diagram of the structure of the reference point determination sub-module in the embodiment of the processing device for interface operation

FIG. 12 is a structural block diagram of an embodiment of a smart terminal of the present invention.

In order to make the above-mentioned objects, features and advantages of the present invention more obvious and understandable, the present invention will be further described in detail below in conjunction with the accompanying drawings and specific embodiments.

One of the core concepts of the embodiments of the present invention is to provide an interface operation processing method, device, and smart terminal to solve the problem of inconvenient touch operation in the prior art. Receiving sliding input in the display interface, drawing a response image according to the sliding input, adding the response image to the display interface for display, the response image can be drawn directly based on the sliding input, without the need for other operations by the user And on the premise of not interfering with the inherent scrolling interaction of the interface, the current sliding state of the user is prompted.

In the embodiments of the present invention, smart terminals refer to terminal devices with multimedia functions, and these devices support audio, video, data, and other functions. In this embodiment, the smart terminal has a touch screen, including smart mobile terminals such as smart phones and tablet computers, and can also be devices such as smart TVs and personal computers with touch screens.

Example one

1, there is shown a step flow chart of an embodiment of an interface operation processing method of the present invention, which may specifically include the following steps: Step 102, receiving a sliding input in the display interface.

The current smart terminal usually uses a touch screen, so users can directly perform touch operations with fingers, stylus, etc. to control the smart terminal. Therefore, in the current display interface of the smart terminal, the user can slide for input control, and the corresponding smart terminal can receive the sliding input.

Step 104: Draw a response image according to the sliding input.

Step 106: Add the response image to the display interface for display.

Corresponding operations can be performed based on the sliding input. In this embodiment, when sliding to a certain state based on the sliding input, a response image can be drawn. The response image is drawn and displayed in response to the sliding input, and is used to remind the user that the current Input status, so after the response image is drawn, the response image can be added to the display interface for display, prompting the user of the current sliding input operation status, such as sliding to a boundary.

In this embodiment, different responses can be executed according to different interface states during sliding input, for example, page content can be adjusted according to sliding input; different response images can also be drawn, for example, when sliding to the edge, a response image is drawn to remind the edge, another example is When sliding to the middle, draw a response image to prompt the subsequent sliding direction, etc.

In an optional embodiment of the present invention, drawing the response image according to the sliding input includes: drawing the response image when it is determined that the current scroll is to the boundary of the display interface according to the sliding input.

Corresponding display interface content, such as web pages, lists, etc., are displayed in the current interface, and the display interface content can be moved based on the sliding input corresponding to the user's touch to display different content. When moving to the border of the display interface described in the content of the display interface, such as moving up to the upper border, or moving left to the left border, etc., the movement cannot be continued. At this time, a response image can be drawn to remind the user to move to the edge. Keep moving.

Therefore, this embodiment can draw a response image based on the sliding input to prompt the user of the current sliding state. Among them, the response image can be drawn, and the user is clearly reminded that the list has scrolled to the boundary without disturbing the inherent scrolling interaction of the interface.

Example two

Referring to FIG. 2, there is shown a step flow chart of another embodiment of a method for processing interface operations of the present invention, which may specifically include the following steps: Step 202, receiving a sliding operation in the display interface.

Step 204: Generate a sliding input according to the sliding operation, where the sliding input includes inertial potential energy.

In the current display interface, the user can perform input operations by sliding fingers, stylus, etc., correspondingly, the touch screen of the smart terminal can receive the sliding operation in the display interface, and generate the corresponding sliding operation according to the sliding operation. Swipe to enter.

Among them, according to different sliding operations and different contents displayed in the display interface, different sliding inputs can be generated. Then generating sliding input according to the sliding operation includes the following sub-steps as shown in FIG. 3: sub-step 302, according to the sliding operation in The content of the display interface is scrolled in the display interface.

In sub-step 304, it is detected whether to scroll to the boundary of the display interface.

In this embodiment, when the content of the display interface exceeds the range of the display interface, usually only part of the display interface content is displayed in the display interface, and scrolls are displayed at the bottom or side of the display interface. By adjusting the position of the scrolls, different displays can be displayed. Display the content of the interface. Among them, when the content width of the display interface exceeds the width of the display interface, a scroll is arranged at the bottom; when the content length of the display interface exceeds the height of the display interface, a scroll is arranged on the side.

The display interface content can be scrolled in the display interface according to the sliding operation, that is, the display interface content can be adjusted to the left, right, up, and down. Among them, when scrolling to the boundary of the display interface, scrolling cannot continue, and a corresponding prompt can be given to the user, so it can be detected whether the scroll reaches the boundary of the display interface.

If not, that is, the boundary of the display interface is not scrolled, perform sub-step 306; if yes, that is, the boundary of the display interface is scrolled, and sub-step 308 is performed.

In sub-step 306, the sliding speed is determined according to the sliding operation, and the sliding speed is used as the sliding input to adjust the scrolling speed of the content of the display interface.

When it is not scrolled to the boundary of the display interface, it can be displayed based on the content of the scrolling display interface. When the content of the display interface is scrolled, the sliding speed can be determined according to the sliding operation, and the sliding speed can be used as a sliding input to adjust the content of the display interface. The scroll speed.

In this embodiment, it is assumed that the sliding input is inertia, and sliding up and down is taken as an example. Before scrolling to the boundary of the display interface, set inertia as the vertical sliding speed of the finger on the screen, and the unit is dp (device independent pixels, device independent pixels). Independent pixels), the speed calculation method is: the y coordinate of the finger on the screen of the current frame-the y coordinate of the finger on the screen of the previous frame.

Among them, dp is also called dip, a length unit used in mobile terminal design. The difference from traditional px (pixels) is that in the same interface, dp does not change with the physical size of the device, and the interface presents a height. The size is uniform, closer to the physical appearance. The frame is the image frame displayed in the smart terminal. Depending on the system settings, the number of frames displayed per second is also different. For example, 60 frames per second, the sliding speed is determined according to the distance and frame speed, and the display is adjusted accordingly. The scroll speed of the interface content.

When scrolling to the boundary of the display interface, the inertial potential energy is determined according to the sliding operation, and the inertial potential energy is used as a sliding input, wherein the inertial potential energy is determined by the following sub-steps.

In sub-step 308, the current display frame is obtained, and the direction of the sliding operation and current coordinate information are obtained from the current display frame.

In sub-step 310, the direction of inertial potential energy is determined according to the direction of the sliding operation.

The current display frame is acquired, and the recorded previous display frame is acquired, the current coordinate information is determined according to the current display frame, and the direction sum of the sliding operation is determined according to the current display frame and the previous display frame. The direction of the sliding operation is determined as the direction of the inertial potential energy, and the distance of the inertial potential energy can also be determined according to the current coordinate information corresponding to the sliding operation.

In sub-step 312, the initial coordinate information of the sliding input is obtained, where the initial coordinate information includes: the display interface starts to receive the coordinate information of the corresponding position of the sliding input.

Sub-step 314: Calculate the distance between the current coordinate information and the initial coordinate information, and use the distance as the distance of inertial potential energy.

When the user starts sliding, the corresponding display interface starts to receive the sliding input, and records the coordinate information of the position corresponding to the start receiving the sliding input as the starting coordinate information of the sliding input, and the starting coordinate information is obtained. Then, the distance between the current coordinate information and the starting coordinate information is calculated, and the distance is taken as the distance of the inertial potential energy.

Wherein, when the sliding direction is the horizontal direction, the distance is calculated based on the abscissa; when the sliding direction is the vertical direction, the distance is calculated based on the ordinate. When the sliding direction is horizontal, that is, when sliding left and right, scroll to the boundary of the vertical side of the display interface, and the abscissa corresponding to the current coordinate information at the current position and the abscissa of the start coordinate information can be used to calculate the distance; the sliding direction In the vertical direction, that is, when sliding up and down, scrolling to the boundary of the horizontal side of the display interface, the ordinate of the current position corresponding to the current coordinate information and the ordinate of the starting coordinate information can be used to calculate the distance.

For example, when sliding up and down, as shown in Figure 4A, the display interface content is like the list at the top, that is, the list has reached the top and cannot continue to scroll down. Let inertia be the distance that the finger continues to slide down, and the value range is 0dp~150dp . The distance calculation method is: the y coordinate of the finger on the screen of the current frame-the y coordinate when the finger starts to touch the screen. On the contrary, when the list is at the bottom, as shown in Figure 4B, that is, the list is at the bottom and cannot continue to scroll upwards. Set inertia as the distance for the finger to continue to slide upwards. The value range is 0dp~150dp. y coordinate-the y coordinate when the finger starts to touch the screen.

In sub-step 316, the inertial potential energy is used as a sliding input.

After determining the direction and distance of the inertial potential energy, the inertial potential energy is used as a sliding input, and the display of the display interface is adjusted according to the sliding input.

Step 206: Determine a reference point according to the inertial potential energy, draw a curve according to the reference point, and use the curve to generate a response image.

When judging that the current scrolling to the boundary of the display interface is based on the sliding input, the response image is drawn, wherein a reference point can be determined according to the inertial potential energy, a curve is drawn based on the reference point, and the curve and the corresponding boundary of the display interface are used Generate response images. For example, determining a reference point and the radian or curvature of the curve to draw a curve, or determining two or more reference points to draw a curve.

Wherein, drawing the response image according to the inertial potential energy, as shown in FIG. 5, specifically includes the following sub-steps: sub-step 502, obtaining a display distance related to the display interface.

Taking a curve drawn with three reference points as an example, preset the display distance required to determine the reference point, and when the reference point is determined, obtaining the display distance related to the display interface includes: obtaining the preset first distance, and The second distance and the third distance are determined according to the display interface, and the first distance, the second distance and the third distance constitute the display distance.

Wherein, the first distance can be the curve and the margin of the left and right sides of the screen, and the first distance can be a fixed value such as 1/4 the width of the display interface, or a dynamic value. The second distance can be the visible width width of the display interface content in the display interface. If the visible width is the same as the width of the display interface, then width is the width of the display interface. If the visible width is half of the width of the display interface, then width is It is half the width of the display interface. The third distance can be the visual height of the display interface content in the display interface. If the visual height is the same as the height of the display interface, the height is the height of the display interface. If the visual height is half the height of the display interface, the height is It is half the height of the display interface.

In sub-step 504, the coordinate information of at least one set of reference points is determined according to the display distance and the inertial potential energy.

In this embodiment, drawing a curve with three reference points as an example, then every three reference points can form a set of reference points, then when the coordinate information of at least one set of reference points can be determined according to the display distance and inertial potential energy, that is, the coordinate information of at least one set of reference points can be determined by Multiple sets of display distances are set to determine multiple sets of reference points, and multiple sets of display reference points can also be drawn by adjusting the first distance.

Take a set of reference points as an example. Set the 3 reference points as p0, p1, and p2 respectively. Set the first distance that is the curve and the left and right margins of the screen as margin, and the second distance is the visibility of the display interface content in the display interface. The width is width; the third distance is the visible height of the display interface content in the display interface as height.

As shown in Figure 6A, when the content of the display interface such as the list is dragged to the top by the finger, or the list is scrolled to the top when the finger is released, the x coordinate of p0 is margin, and the y coordinate is 0, that is, p0(margin, 0); p1 The x coordinate of is width-margin, and the y coordinate is 0, which means p1 (width-margin, 0); the x coordinate of p2 is width*0.5, and the y coordinate is inertia, which means p2(width*0.5, inertia).

As shown in Figure 6B, when the finger drags the list to the bottom, or the finger releases the list to scroll to the bottom, the x coordinate of p0 is margin, and the y coordinate is height, that is, p0 (margin, height); the x coordinate of p1 is Width-margin, the y coordinate is height, which is p1 (width-margin, height); the x coordinate of p2 is width*0.5, and the y coordinate is height-inertia, which is p2 (width*0.5, height-inertia).

When the coordinate information of a set of reference points is determined, the sub-step 506 is executed; when the coordinate information of at least two sets of reference points is determined, the sub-step 510 is executed.

In sub-step 506, a Sebel curve is drawn according to the coordinate information of the three reference points.

In sub-step 508, a response image is formed by the boundary between the Sebel curve and the display interface.

When drawing the Sebel curve based on the coordinate information of the three reference points, the control points of each reference point are determined, and the Sebel curve is drawn using the control points. The usual graphic programming API (Application Programming Interface, application programming development interface) has a method to draw a Bezier curve between two points, such as cubicTo in some languages, cubicCurveTo in some languages, and the number of parameters is all There are six, which are the x coordinate of the starting point, the y coordinate of the starting point, the x coordinate of the end control point, the y coordinate of the end control point, the x coordinate of the end point, and the y coordinate of the end point.

As shown in Figure 7A and Figure 7B, when scrolling to the upper boundary and the ground boundary, the control points of each reference point can be configured. Among them, the control point of p0 is set to p0R, and the control point of p1 is set to p1L. Because p2 needs to be separated Draw a curve with p0 and p1, so two control points p2L and p2R are needed. The distance between each control point and its key point is set to 100dp.

First draw a straight line from p0 to p1, then draw a Bezier curve from p1 to p2, and then draw a Bezier curve from p2 to p0. If you use java code to represent the drawing process, that is: path.moveTo(p0.x,p0. y); path.lineTo(p1.x,p1.y); path.cubicTo(p1L.x,p1L.y,p2R.x,p2R.y,p2.X,p2.y); path.cubicTo(p2L .x,p2L.y,p0R.x,p0R.y,p0.x,p0.y).

Thus the drawn Sebel curve and the boundary of the display interface constitute a response image, the Sebel curve and the upper boundary of the display interface constitute the response image as shown in Figure 8A, and the Sebel curve and the boundary of the display interface constitute the response image as shown in Figure 8A. The response image shown in Figure 8B.

Among them, Bézier curve, also known as Bézier curve or Bézier curve, is a mathematical curve applied to two-dimensional graphics applications. The general vector graphics software uses it to accurately draw the curve. The Bezier curve is composed of line segments and nodes. The nodes are draggable fulcrums, and the line segments are like stretchable rubber bands to draw the required curve.

In sub-step 510, the coordinate information of at least two sets of reference points is used to draw a Sebel curve, wherein each set of reference points includes three reference points.

In sub-step 512, at least two Sebel curves and the boundary of the display interface form a response image.

In order to enhance the visual effect, the coordinate information of at least two sets of reference points can be used to draw the corresponding Sebel curve of each group. The drawing method of each set of reference points corresponding to the Sebel curve is as described above, so it will not be repeated. Then, the drawn at least two Sebel curves and the boundary of the display interface form a response image.

Among them, when multiple sets of display reference points are drawn by adjusting the first distance, the coordinate information of p2 is adjusted according to the adjustment of the first distance, then p2L and p2R are also moved correspondingly and kept on both sides of p2, thus performing the Sebel curve In the drawing, where the coordinates of p0 and p1 remain unchanged, the intersection of each Sebel curve and the boundary of the display interface is also the same.

The above is the Sebel curve as an example. In fact, other curves can be drawn, such as a sine curve based on three reference points. That is, in this embodiment, the response image can be composed of one or more curves and the display interface. Border formation. The curve can be determined according to actual drawing requirements, which is not limited in the embodiment of the present invention.

In the embodiment of the present invention, the peak of the curve corresponds to the touch point of the sliding input. Taking the Sebel curve as an example, when drawing the response image for the upper and lower boundaries, that is, when configuring the abscissa of p2, the second distance can be configured with different weights depending on the width, and the peak of the corresponding curve will change, and the parameter can be based on The touch point of the sliding input is determined, as shown in FIG. 9A, the peak of the corresponding curve is shifted to the left when the touch point is left, and the peak of the corresponding curve is shifted to the right when the touch point is shifted to the right.

In the embodiment of the present invention, the display distance is configured with a first distance, that is, a blanking distance. If the first distance is 0, the two intersection points of the curve and the boundary of the display interface are the vertices of the upper left corner and the upper right corner of the display interface. , That is, the length of the line segment between two intersections is equal to the length of the boundary; correspondingly, if the first distance is not 0, the length of the line segment between the two intersections of the curve and the boundary of the display interface is less than the length of the boundary.

In sub-step 514, a color or pattern is filled in the response image.

Sub-step 516, setting the transparency of the response image.

After the response image is formed by the curve and the border of the display interface, the response image can be filled with colors or patterns to highlight the response image; the transparency of the response image can also be set so that the response image is not displayed. Affect the current interface content.

When filling the response image, at least one color or at least one pattern may be added to the response image, or the response image may be filled in any of the following filling methods, the filling method includes: filling from light to dark, Fill in from dark to light, cold and warm colors. When the response image is composed of multiple curves and borders, different curves can be filled with different colors to distinguish, such as filling from light to dark, from dark to light, or filling with multiple cool colors, multiple warm colors, or by using cold and warm colors. transition.

Step 208: Add the response image to the display interface for display.

Step 210: When the sliding operation is cancelled, the inertial potential energy decays along with the display frame.

Step 212: Draw a response image according to the attenuated inertial potential energy and display it until the inertial potential energy attenuates to 0, stop drawing the response image.

After the response image is drawn and filled with colors, the response image can be displayed on the display interface. In order to bring a better experience to the user and conform to the laws of inertial potential energy, when the user's finger or stylus leaves the screen to cancel the sliding operation, the inertia potential energy inertia can be configured to decay with the display frame, such as The self-attenuation configuration of each frame is inertia*=0.95, and each display frame draws a response image according to the attenuated inertial potential energy and displays it until the inertial potential energy attenuates to 0, stop drawing the response image.

After inertia is configured with inertia potential energy, when sliding to the boundary of the display interface, a response image can be generated according to the inertia drawing curve. Among them, when the finger is pressed on the screen and the sliding operation is maintained, the inertia of each display frame is determined, and the response image is drawn and displayed; after the finger leaves the screen to cancel the sliding operation, each frame of inertia is attenuated. When it is not close to 0, every frame draws a response image. When inertia is very close to 0, for example, when inertia<0.1, set inertia to 0 and stop drawing the response image.

In the above-mentioned embodiment, the description is mainly based on the example of drawing the response image with vertical sliding, namely sliding on the line. In fact, when sliding horizontally, that is, sliding left and right, each group of reference points is determined and the corresponding curve is drawn similarly, so that it can be drawn The left and right borders of the display interface form the curve of the response image, so it will not be repeated here.

When drawing a Bezier curve, the curvature of the curve can be finely controlled by controlling the first distance margin and the distance from the control point to the reference point to draw a variety of curves. In addition, the color of the curve can be various, it can be a single solid color, it can also be a gradient color, it can also be a bitmap material, so as to draw and display rich response images, to give users better prompts and more Various interactive experiences.

In this embodiment, the above-mentioned steps can be universally applied to most computer languages designed for CPU programming, and can also be transplanted to computer languages designed for GPU programming.

It should be noted that for the method embodiments, for the sake of simple description, they are all expressed as a series of action combinations, but those skilled in the art should know that the embodiments of the present invention are not limited by the described sequence of actions, because According to the embodiments of the present invention, some steps may be performed in other order or simultaneously. Secondly, those skilled in the art should also know that the embodiments described in the specification are all preferred embodiments, and the related actions are not necessarily required by the embodiments of the present invention.

Example three

On the basis of the foregoing embodiment, this embodiment also provides an interface operation processing device.

10, there is shown a structural block diagram of an embodiment of an interface operation processing device of the present invention, which may specifically include the following modules: an input receiving module 1002 for receiving sliding input in a display interface.

The drawing module 1004 is used to draw a response image according to the sliding input.

The display module 1006 is used to add the response image to the display interface for display.

In summary, receiving a sliding input in the display interface, drawing a response image according to the sliding input, and adding the response image to the display interface for display, the response image can be drawn directly based on the sliding input without using Other operations by the user and without interfering with the inherent scrolling interaction of the interface, prompt the user of the current sliding state.

Referring to FIG. 11A, there is shown a structural block diagram of another embodiment of a processing device for interface operation of the present invention, which may specifically include the following modules: an input receiving module 1102 for receiving sliding input in the display interface.

The drawing module 1104 is used to draw a response image according to the sliding input.

The display module 1106 is configured to add the response image to the display interface for display.

Wherein, the drawing module 1104 is used to draw the response image when it is judged that it is currently scrolled to the boundary of the display interface according to the sliding input.

The response image is composed of one or more curves and the boundary of the display interface.

The crest of the curve corresponds to the touch point of the sliding input.

The length of the line segment between the two intersection points of the boundary of the curve and the display interface is less than the length of the boundary.

The input receiving module 1102 is used to receive a sliding operation in the display interface, and generate a sliding input according to the sliding operation.

In an optional embodiment of the present invention, the input receiving module 1102 includes a scrolling display sub-module 11022 for scrolling and displaying interface content in the display interface according to the sliding operation.

The inertial potential energy determining sub-module 11024 is used to determine the inertial potential energy according to the sliding operation when scrolling to the boundary of the display interface, and use the inertial potential energy as a sliding input.

Referring to FIG. 11B, there is shown a block diagram of the structure of the inertial potential energy determining sub-module in another embodiment of the processing device for interface operation of the present invention.

The inertial potential energy determining sub-module 11024 includes: an acquiring unit 110242 for acquiring the current display frame, and determining the direction of the sliding operation and current coordinate information according to the current display frame; the direction determining unit 110244 uses The direction of the inertial potential energy is determined according to the direction of the sliding operation; the distance determining unit 110246 is configured to determine the distance of the inertial potential energy according to the current coordinate information corresponding to the sliding operation.

The distance determining unit 110246 is used to obtain the initial coordinate information of the sliding input, wherein the initial coordinate information includes: the display interface starts to receive the coordinate information of the corresponding position of the sliding input; The distance between the initial coordinate information is taken as the distance of inertial potential energy.

When the sliding direction is the horizontal direction, the distance is calculated based on the abscissa; when the sliding direction is the vertical direction, the distance is calculated based on the ordinate.

The scroll display sub-module 11022 is also used for determining the sliding speed according to the sliding operation when the display interface is not scrolled to the boundary, and adjusting the scrolling speed of the content of the display interface according to the sliding speed.

The sliding input includes inertial potential energy; the drawing module 1104 includes: a reference point determining sub-module 11042 for determining a reference point according to the inertial potential energy.

The drawing generation sub-module 11044 is used for drawing a curve according to the reference point, and using the curve to generate a response image.

Referring to FIG. 11C, there is shown a structural block diagram of the fiducial point determination sub-module in another embodiment of the processing device for interface operation of the present invention.

The reference point determination sub-module 11042 includes: a distance acquiring unit 110422, configured to acquire a display distance related to the display interface; a coordinate determining unit 110424, configured to determine at least three benchmarks based on the display distance and inertial potential energy The coordinate information of the point.

The distance acquiring unit 110422 is configured to acquire a preset first distance, and determine a second distance and a third distance according to the display interface, and the first distance, the second distance and the third distance constitute the display distance.

The drawing generation sub-module 11044 is used to draw a Sebel curve according to the coordinate information of the at least three reference points; and the boundary of the Sebel curve and the display interface constitutes a response image.

The drawing generation sub-module 11044 is used to draw the Seibel curve using the coordinate information of at least two sets of reference points, wherein each set of reference points includes three reference points; the at least two Seibel curves are combined with the display interface The borders of which constitute the response image.

The drawing module further includes a color filling sub-module 11046 for adding at least one color or at least one pattern to the response image.

The drawing module further includes: a color filling sub-module 11046 for filling the response image according to any of the following filling methods; the filling method includes: filling from light to dark, filling from dark to light, cold , Warm color filling.

The drawing module further includes: a transparency setting sub-module 11048 for setting the transparency of the response image.

The drawing module 1104 is also used for when the sliding operation is canceled, the inertial potential energy decays with the display frame; the response image is drawn and displayed according to the decayed inertial potential energy, until the inertial potential energy decays to 0, stop drawing The response image.

After inertia is configured with inertia potential energy, when sliding to the boundary of the display interface, a response image can be generated according to the inertia drawing curve. Among them, when the finger is pressed on the screen and the sliding operation is maintained, the inertia of each display frame is determined, and the response image is drawn and displayed; after the finger leaves the screen to cancel the sliding operation, each frame of inertia is attenuated. When it is not close to 0, every frame draws a response image. When inertia is very close to 0, for example, when inertia<0.1, set inertia to 0 and stop drawing the response image.

In the above-mentioned embodiment, the description is mainly based on the example of drawing the response image with vertical sliding, namely sliding on the line. In fact, when sliding horizontally, that is, sliding left and right, each group of reference points is determined and the corresponding curve is drawn similarly, so that it can be drawn The left and right borders of the display interface form the curve of the response image, so it will not be repeated here.

When drawing a Bezier curve, the curvature of the curve can be finely controlled by controlling the first distance margin and the distance from the control point to the reference point to draw a variety of curves. In addition, the color of the curve can be various, it can be a single solid color, it can also be a gradient color, it can also be a bitmap material, so as to draw and display rich response images, to give users better prompts and more Various interactive experiences.

In this embodiment, the above-mentioned steps can be universally applied to most computer languages designed for CPU programming, and can also be transplanted to computer languages designed for GPU programming.

Example four

On the basis of the foregoing embodiment, this embodiment also discloses a smart terminal.

12, there is shown a structural block diagram of an embodiment of a smart terminal of the present invention, which may specifically include the following modules: The smart terminal 1200 includes a memory 1210, a display 1220, a processor 1230, and an input unit 1240.

Wherein, the input unit 1240 can be used to receive digital or character information input by the user, and control signals. Specifically, in the embodiment of the present invention, the input unit 1240 may include a touch screen 1241, which can collect user touch operations on or near it (for example, the user uses any suitable objects or accessories such as fingers, stylus, etc.). Operation on the touch screen 1241), and drive the corresponding connection device according to the preset program. Of course, in addition to the touch screen 1241, the input unit 1240 may also include other input devices, such as a physical keyboard, function keys (such as volume control keys, switch keys, etc.), a mouse, and so on.

The display 1220 includes a display panel. Optionally, the display panel can be configured in the form of a liquid crystal display (LCD) or an organic light-emitting diode (OLED). Wherein, the touch screen may cover the display panel to form a touch display screen. When the touch display screen detects a touch operation on or near it, it is sent to the processor 1230 to perform corresponding processing.

In the embodiment of the present invention, by calling the software program, and/or, the module, and/or the data stored in the memory 1210, the processor 1230 is used to receive sliding input in the display interface; according to the sliding Input and draw a response image; add the response image to the display interface for display.

Optionally, drawing the response image according to the sliding input includes: drawing the response image when it is determined that the current scroll is to the boundary of the display interface according to the sliding input.

Optionally, the response image is formed by a boundary between one or more curves and the display interface.

Optionally, the peak of the curve corresponds to the touch point of the sliding input.

Optionally, the length of a line segment between two intersection points of the curve and the boundary of the display interface is less than the length of the boundary.

Optionally, receiving a sliding input in the display interface includes: receiving a sliding operation in the display interface, and generating the sliding input according to the sliding operation.

Optionally, generating a sliding input according to the sliding operation includes: scrolling and displaying interface content in the display interface according to the sliding operation; when scrolling to the boundary of the display interface, determining the inertial potential energy according to the sliding operation , And use the inertial potential energy as the sliding input.

Optionally, determining the inertial potential energy according to the sliding operation includes: obtaining a current display frame, determining the direction of the sliding operation and current coordinate information according to the current display frame; determining the inertia according to the direction of the sliding operation The direction of the potential energy; the distance of the inertial potential energy is determined according to the current coordinate information corresponding to the sliding operation.

Optionally, determining the distance of the inertial potential energy according to the current coordinate information corresponding to the sliding operation includes: acquiring initial coordinate information of the sliding input, wherein the initial coordinate information includes: the display interface starts to receive the sliding input The coordinate information of the corresponding position; calculate the distance between the current coordinate information and the initial coordinate information, and use the distance as the distance of inertial potential energy.

Optionally, when the sliding direction is the horizontal direction, the distance is calculated based on the abscissa; when the sliding direction is the vertical direction, the distance is calculated based on the ordinate.

Optionally, the method further includes: when the boundary of the display interface is not scrolled, determining a sliding speed according to the sliding operation, and adjusting the scrolling speed of the content of the display interface according to the sliding speed.

Optionally, the sliding input includes inertial potential energy; drawing a response image according to the sliding input includes: determining a reference point according to the inertial potential energy; drawing a curve according to the reference point, and using the curve to generate a response image.

Optionally, determining the reference point according to the inertial potential energy includes: obtaining a display distance related to the display interface; and determining coordinate information of at least three reference points according to the display distance and the inertial potential energy.

Optionally, acquiring the display distance related to the display interface includes: acquiring a preset first distance, and determining a second distance and a third distance according to the display interface, the first distance, the second distance, and the The third distance constitutes the display distance.

Optionally, drawing a curve based on the reference point and using the curve to generate a response image includes: drawing a Sebel curve based on the coordinate information of the at least three reference points; combining the Sebel curve with the display interface The borders of which constitute the response image.

Optionally, drawing a curve based on the reference points and using the curve to generate a response image includes: drawing a Sebel curve using coordinate information of at least two sets of reference points, wherein each set of reference points includes three reference points; At least two Sebel curves and the boundary of the display interface form a response image.

Optionally, the method further includes: adding at least one color or at least one pattern to the response image.

Optionally, the method further includes: filling the response image according to any one of the following filling modes; the filling mode includes: filling from light to dark, filling from dark to light, and filling with cold and warm colors.

Optionally, it further includes: setting the transparency of the response image.

Optionally, the method further includes: when the sliding operation is canceled, the inertial potential energy decays along with the display frame; drawing a response image according to the decayed inertial potential energy and displaying it until the inertial potential energy decays to 0, stopping drawing the response graph Like.

As for the device embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and for related parts, please refer to the part of the description of the method embodiment.

The various embodiments in this specification are described in a progressive manner, and each embodiment focuses on the differences from other embodiments, and the same or similar parts between the various embodiments can be referred to each other.

Those skilled in the art should understand that the embodiments of the present invention can be provided as methods, devices, or computer program products. Therefore, the embodiments of the present invention may adopt the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware. Moreover, the embodiments of the present invention may adopt computer program products implemented on one or more computer-usable storage media (including but not limited to disk memory, CD-ROM, optical memory, etc.) containing computer-usable program codes. form.

In a typical configuration, the computer equipment includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory. Memory may include non-permanent memory in computer-readable media, random access memory (RAM) and/or non-volatile memory, such as read-only memory (ROM) or flash memory (flash). RAM). Memory is an example of computer-readable media. Computer-readable media include permanent and non-permanent, removable and non-removable media, and information storage can be realized by any method or technology. Information can be computer-readable instructions, data structures, program modules, 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), and other types of random access memory (RAM) , Read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, read-only CD-ROM (CD-ROM), digital multi-function Optical discs (DVD) or other optical storage, magnetic cassettes, magnetic tape storage or other magnetic storage devices or any other non-transmission media can be used to store information that can be accessed by computing devices. According to the definition in this article, computer-readable media does not include non-transitory computer-readable media (transitory media), such as modulated data signals and carrier waves.

The embodiments of the present invention are described with reference to the flowcharts and/or block diagrams of the methods, terminal devices (systems), and computer program products according to the embodiments of the present invention. It should be understood that each process and/or block in the flowchart and/or block diagram, and the combination of processes and/or blocks in the flowchart and/or block diagram can be realized by computer program instructions. These computer program instructions can be provided to general-purpose computers, dedicated computers, embedded processors or other programmable data processing terminal equipment processors to generate a machine, so that the computer or other programmable data processing terminal equipment processors The executed instructions generate a device for implementing functions specified in a flow or multiple flows in the flowchart and/or a block or multiple blocks in the block diagram.

These computer program instructions can also be stored in a computer-readable memory that can guide a computer or other programmable data processing terminal equipment to work in a specific manner, so that the instructions stored in the computer-readable memory can be generated including the manufacturing of the instruction device The instruction device realizes the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.

These computer program instructions can also be loaded on a computer or other programmable data processing terminal equipment, so that a series of operation steps are executed on the computer or other programmable terminal equipment to produce computer-implemented processing, so that the computer or other programmable terminal equipment The instructions executed on the design terminal device provide steps for implementing functions specified in a flow or multiple flows in the flowchart and/or a block or multiple blocks in the block diagram.

Although the preferred embodiments of the embodiments of the present invention have been described, those skilled in the art can make additional changes and modifications to these embodiments once they learn the basic creative concept. Therefore, the scope of the attached patent application is intended to be interpreted as including the preferred embodiments and all changes and modifications falling within the scope of the embodiments of the present invention.

Finally, it should be noted that in this article, relational terms such as first and second are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply these entities. Or there is any such actual relationship or sequence between operations. Moreover, the terms "include", "include" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or terminal device including a series of elements not only includes those elements, but also includes those elements that are not explicitly listed. Other elements listed, or also include elements inherent to this process, method, article, or terminal device. Without more restrictions, the element defined by the sentence "including a..." does not exclude the existence of other same elements in the process, method, article, or terminal device that includes the element.

In the above, a method for processing interface operations, a device for processing interface operations, and a smart terminal provided by the present invention have been introduced in detail. In this article, specific examples are used to illustrate the principles and implementations of the present invention. The above implementations The description of the examples is only used to help understand the method and the core idea of the present invention; at the same time, for those of ordinary skill in the art, according to the idea of the present invention, there will be changes in the specific implementation and the scope of application. In summary As mentioned, the content of this specification should not be construed as a limitation of the present invention.

Claims (33)

An interface operation processing method, comprising: receiving a sliding operation in a display interface; scrolling and displaying interface content in the display interface according to the sliding operation; when scrolling to the boundary of the display interface, determining according to the sliding operation Inertial potential energy, using the inertial potential energy as a sliding input; drawing a response image according to the sliding input, the response image being composed of one or more curves and the boundary of the display interface; adding the response image to Displaying in the display interface; the sliding input includes inertial potential energy; drawing a response image according to the sliding input includes: determining a reference point according to the inertial potential energy; drawing a curve according to the reference point, and using the curve to generate Responsive image. The method according to item 1 of the scope of patent application, wherein drawing a response image according to the sliding input includes: drawing the response image when it is determined that the current scroll is to the boundary of the display interface according to the sliding input. The method according to item 1 of the scope of patent application, wherein the crest of the curve corresponds to the touch point of the sliding input. The method according to item 1 of the scope of patent application, wherein the length of the line segment between the two intersection points of the boundary of the curve and the display interface is less than the length of the boundary. According to the method described in item 1 of the scope of patent application, which is based on The sliding operation to determine the inertial potential energy includes: obtaining a current display frame, and determining the direction of the sliding operation and current coordinate information according to the current display frame; determining the direction of the inertial potential energy according to the direction of the sliding operation; The sliding operation determines the distance of the inertial potential energy corresponding to the current coordinate information. The method according to item 5 of the scope of patent application, wherein determining the distance of the inertial potential energy according to the current coordinate information corresponding to the sliding operation includes: obtaining the initial coordinate information of the sliding input, wherein the initial The coordinate information includes: the display interface starts to receive the coordinate information of the corresponding position of the sliding input; the distance between the current coordinate information and the initial coordinate information is calculated, and the distance is used as the distance of the inertial potential energy. The method according to item 6 of the scope of patent application, wherein when the sliding direction is a horizontal direction, the distance is calculated based on an abscissa; when the sliding direction is a vertical direction, the distance is calculated based on an ordinate. The method according to item 1 of the scope of patent application, further comprising: when the boundary of the display interface is not scrolled, determining the sliding speed according to the sliding operation, and adjusting the scrolling speed of the content of the display interface according to the sliding speed . The method according to item 1 of the scope of patent application, wherein determining the reference point according to the inertial potential energy includes: obtaining a display distance related to the display interface; and determining at least three reference points according to the display distance and the inertial potential energy The coordinate information of. The method according to item 9 of the scope of patent application, wherein obtaining the display distance related to the display interface includes: obtaining a preset first distance, and determining the second distance and the third distance according to the display interface, The first distance, the second distance, and the third distance constitute the display distance. The method according to item 1 of the scope of patent application, wherein drawing a curve according to the reference point and using the curve to generate a response image includes: drawing a Sebel curve according to the coordinate information of the at least three reference points; The Sebel curve and the boundary of the display interface constitute a response image. The method according to item 11 of the scope of patent application, wherein drawing a curve according to the reference point and using the curve to generate a response image includes: drawing a Sebel curve using coordinate information of at least two sets of reference points, wherein, Each set of reference points includes three reference points; at least two Sebel curves and the boundary of the display interface form a response image. The method according to item 1, 11 or 12 of the scope of patent application, further comprising: adding at least one color or at least one pattern to the response image. The method according to item 1, 11 or 12 of the scope of patent application, further comprising: filling the response image according to any one of the following filling methods; the filling method includes: filling from shallow to deep, from deep to shallow Filling, cold and warm color filling. The method according to item 14 of the scope of patent application, further comprising: setting the transparency of the response image. The method according to item 1 of the scope of patent application, which further includes: when the sliding operation is cancelled, the inertial potential energy decays along with the display frame; and the response image is drawn and displayed according to the decayed inertial potential energy until the inertial potential energy The attenuation is 0, and the response image is stopped. An interface operation processing device includes: an input receiving module for receiving a sliding operation in a display interface, and generating a sliding input according to the sliding operation; a drawing module for drawing a response image according to the sliding input, so The response image is composed of one or more curves and the boundary of the display interface; The display module is used to add the response image to the display interface for display; the input receiving module includes: a sliding display sub-module for displaying in the display interface according to the sliding operation Scrolling the display interface content; the inertial potential energy determining sub-module is used to determine the inertial potential energy according to the sliding operation when scrolling to the boundary of the display interface, using the inertial potential energy as a sliding input; the sliding input includes inertial potential energy The drawing module includes: a reference point determination sub-module for determining a reference point according to the inertial potential energy; a drawing generation sub-module for drawing a curve according to the reference point, and using the curve to generate a response graph Like. The device according to item 17 of the scope of patent application, wherein the drawing module is configured to draw the response image when it is determined that the current scrolling to the boundary of the display interface is based on a sliding input. The device according to item 17 of the scope of patent application, wherein the crest of the curve corresponds to the touch point of the sliding input. The device according to item 17 of the scope of patent application, wherein the length of a line segment between two intersections of the boundary of the curve and the display interface is less than the length of the boundary. The device according to item 17 of the scope of patent application, wherein the inertial potential energy determination sub-module includes: an acquisition unit for acquiring the current display frame, and according to the current display The indicator frame determines the direction of the sliding operation and the current coordinate information; the direction determining unit is used to determine the direction of the inertial potential energy according to the direction of the sliding operation; the distance determining unit is used to correspond to the current coordinate information according to the sliding operation Determine the distance of the inertial potential energy. The device according to item 21 of the scope of patent application, wherein the distance determining unit is configured to obtain the initial coordinate information of the sliding input, wherein the initial coordinate information includes: the display interface starts to receive the corresponding sliding input The coordinate information of the position; calculate the distance between the current coordinate information and the starting coordinate information, and use the distance as the distance of the inertial potential energy. The device according to item 22 of the scope of patent application, wherein when the sliding direction is a horizontal direction, the distance is calculated based on an abscissa; when the sliding direction is a vertical direction, the distance is calculated based on an ordinate. The device according to item 17 of the scope of patent application, wherein the scroll display sub-module is further used to determine the sliding speed according to the sliding operation when the scroll display sub-module is not scrolled to the boundary of the display interface, and according to the sliding Speed adjusts the scrolling speed of the content on the display interface. The device according to item 17 of the scope of patent application, wherein the reference point determination sub-module includes: a distance acquiring unit configured to acquire a display distance related to the display interface; The coordinate determination unit is used to determine the coordinate information of at least three reference points according to the display distance and the inertial potential energy. The device according to item 25 of the scope of patent application, wherein the distance acquiring unit is configured to acquire a preset first distance, and determine the second distance and the third distance according to the display interface, the first distance , The second distance and the third distance constitute the display distance. The device according to item 25 of the scope of patent application, wherein the drawing generation sub-module is used to draw a Sebel curve according to the coordinate information of the at least three reference points; The boundary of the interface constitutes the response image. The device according to item 27 of the scope of patent application, wherein the drawing generation sub-module is used to draw a Sebel curve using the coordinate information of at least two sets of reference points, wherein each set of reference points includes three reference points ; At least two Sebel curves and the boundary of the display interface constitute a response image. The device according to item 17, 27, or 28 of the scope of patent application, wherein the drawing module further includes: a color filling sub-module for adding at least one color or at least one pattern to the response image . The device according to item 17, 27, or 28 of the scope of patent application, wherein the drawing module further includes: a color filling sub-module for filling the response image according to any of the following filling methods; Filling methods include: filling from light to dark, filling from dark to light, and filling with cold and warm colors. The device according to item 20 of the scope of patent application, wherein the drawing module further includes a transparency setting sub-module for setting the transparency of the response image. The device according to item 17 of the scope of patent application, wherein the drawing module is further used for when the sliding operation is cancelled, the inertial potential energy decays with the display frame; and the response image is drawn according to the decayed inertial potential energy And display, until the inertial potential energy decays to 0, stop drawing the response image. A smart terminal, including: the smart terminal includes: a memory, a display, a processor, and an input unit, wherein the input unit includes: a touch screen; the processor is used to execute the above-mentioned application for patents 1-16 The method described in any one of the items.

Images