WO2017097142A1 - 界面操作的处理方法、装置和智能终端 - Google Patents

界面操作的处理方法、装置和智能终端 Download PDF

Info

Publication number
WO2017097142A1
WO2017097142A1 PCT/CN2016/107597 CN2016107597W WO2017097142A1 WO 2017097142 A1 WO2017097142 A1 WO 2017097142A1 CN 2016107597 W CN2016107597 W CN 2016107597W WO 2017097142 A1 WO2017097142 A1 WO 2017097142A1
Authority
WO
WIPO (PCT)
Prior art keywords
distance
sliding
display interface
display
response image
Prior art date
Application number
PCT/CN2016/107597
Other languages
English (en)
French (fr)
Inventor
林涛
董俊
Original Assignee
阿里巴巴集团控股有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 阿里巴巴集团控股有限公司 filed Critical 阿里巴巴集团控股有限公司
Publication of WO2017097142A1 publication Critical patent/WO2017097142A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text

Definitions

  • the present application relates to the field of terminal technologies, and in particular, to a method for processing interface operations, a device for processing interface operations, and an intelligent terminal.
  • the display interface is usually used to display the content to the user, and the user can also find, view, and operate the content in the display interface.
  • the original interface display method may not be applicable to touch operations.
  • the icons are dense, the other icons may be mistakenly touched.
  • the speed and distance of the finger sliding when sliding is not controlled like the mouse wheel, so the touch operation is not Convenient.
  • the technical problem to be solved by the embodiments of the present application is to provide a processing method for interface operations, so as to solve the problem that the existing touch operation is not convenient.
  • the embodiment of the present application further provides an interface operation processing device and a mobile terminal, which are used to ensure implementation and application of the foregoing method.
  • the present application 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 for display .
  • the response image is drawn according to the sliding input, including: when the current scrolling is determined according to the sliding input.
  • the response image is drawn when the boundary of the interface is displayed.
  • the response image is formed by one or more curves and a boundary of the display interface.
  • the peak of the curve corresponds to the touch point of the sliding input.
  • the length of the line segment between the two intersections of the curve and the boundary of the display interface is smaller than the length of the boundary.
  • receiving the sliding input in the display interface comprises: receiving a sliding operation in the display interface, and generating a sliding input according to the sliding operation.
  • generating a sliding input according to the sliding operation comprising: scrolling display interface content in the display interface according to the sliding operation; determining a inertial potential energy according to the sliding operation when scrolling to a boundary of the display interface The inertial potential energy is used as a sliding input.
  • determining, according to the sliding operation, inertial potential energy comprising: acquiring a current display frame, determining a direction of the sliding operation and current coordinate information according to the current display frame; and determining an inertial potential energy according to the direction of the sliding operation. a direction; determining a distance of the inertial potential energy according to the sliding operation corresponding to current coordinate information.
  • determining, according to the current coordinate information, the distance of the inertial potential energy according to the sliding operation comprising: acquiring initial coordinate information of the sliding input, where the starting coordinate information includes: the display interface starts to receive a sliding input Coordinate information of the corresponding position; calculating a distance between the current coordinate information and the initial coordinate information, and using the distance as the distance of the inertial potential energy.
  • 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 further includes: when not scrolling to a boundary of the display interface, determining a sliding speed according to the sliding operation, and adjusting a scrolling speed of displaying the interface content according to the sliding speed.
  • the sliding input includes inertial potential energy; and 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 generating a response image by using the curve.
  • determining the reference point according to the inertial potential energy includes: obtaining a display distance associated with the display interface; determining coordinate information of at least three reference points according to the display distance and the inertia potential energy.
  • obtaining a display distance associated with the display interface including: 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 third distance constitutes the display distance.
  • generating a curve according to the reference point, and generating a response image by using the curve including: drawing a Saybol curve according to coordinate information of the at least three reference points; and comparing the Saibel curve and the display interface Boundary Form a response image.
  • the curve is drawn according to the reference point, and the response image is generated by using the curve, including: drawing a Saybol curve by using coordinate information of at least two sets of reference points, wherein each set of reference points includes three reference points; At least two Siebel curves and boundaries of the display interface form a response image.
  • the method further includes: adding at least one color or at least one pattern to the response image.
  • the method further includes: filling the response image according to any one of the following filling manners; the filling manner includes: filling from shallow to deep, filling from deep to shallow, filling with cold and warm colors.
  • the method further includes: setting a transparency of the response image.
  • the method further includes: when the sliding operation is cancelled, the inertial potential energy is attenuated with the display frame; the response image is drawn according to the attenuated inertial potential energy and displayed until the inertial potential energy is attenuated to 0, and the response image is stopped.
  • the embodiment of the present application further discloses an interface operation processing apparatus, including: an input receiving module, configured to receive a sliding input in a display interface; a drawing module, configured to draw a response image according to the sliding input; and a display module, configured to: The response image is added to the display interface for display.
  • the drawing module is configured to draw the response image when the current scrolling to the boundary of the display interface is determined according to the sliding input.
  • the response image is formed by one or more curves and a boundary of the display interface.
  • the peak of the curve corresponds to the touch point of the sliding input.
  • the length of the line segment between the two intersections of the curve and the boundary of the display interface is smaller than the length of the boundary.
  • 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.
  • the input receiving module includes: a scrolling display submodule, configured to scroll display interface content in the display interface according to the sliding operation; and an inertial potential energy determining submodule, configured to scroll to the display interface
  • the boundary potential energy is determined according to the sliding operation, and the inertial potential energy is used as a sliding input.
  • the inertial potential energy determining sub-module includes: an acquiring unit, configured to acquire a current display frame, determine a direction of the sliding operation and current coordinate information according to the current display frame; and a direction determining unit, configured to The direction of the sliding operation determines the direction of the inertial potential energy; the distance determining unit 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 is configured to acquire starting coordinate information of the sliding input, where the starting coordinate information includes: displaying, by the display interface, coordinate information of receiving a corresponding position of the sliding input; calculating the current sitting
  • the distance between the target information and the initial coordinate information is the distance of the inertial potential energy.
  • 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 scrolling display sub-module is further configured to determine a sliding speed according to the sliding operation when not scrolling to a boundary of the display interface, and adjust a scrolling speed of displaying the interface content according to the sliding speed.
  • the sliding input includes inertial potential energy
  • the drawing module includes: a reference point determining sub-module, configured to determine a reference point according to the inertial potential energy; and a drawing generating sub-module, configured to draw a curve according to the reference point
  • the response image is generated using the curve.
  • the reference point determining sub-module includes: a distance acquiring unit, configured to acquire a display distance associated with the display interface; and a coordinate determining unit configured to determine at least three benchmarks according to the display distance and the inertial potential energy The coordinate information of the point.
  • the distance obtaining unit is configured to acquire a preset first distance, and determine a second distance and a third distance according to the display interface, where the first distance, the second distance, and the third distance constitute Show the distance.
  • the drawing generating submodule is configured to draw a Saybol curve according to the coordinate information of the at least three reference points; and construct a response image by the boundary of the Sabel curve and the display interface.
  • the drawing generation submodule is configured to respectively draw a Saybol curve by using coordinate information of at least two sets of reference points, wherein each set of reference points includes three reference points; at least two Saibel curves and the The boundary of the display interface constitutes a response image.
  • the drawing module further includes: a color filling submodule, configured to add at least one color or at least one pattern to the response image.
  • a color filling submodule configured to add at least one color or at least one pattern to the response image.
  • the drawing module further includes: a color filling sub-module, configured to fill the response image according to any one of the following filling manners; the filling manner includes: filling from shallow to deep, filling from deep to shallow, cold Warm color fill.
  • the drawing module further includes: a transparency setting sub-module, configured to set a transparency of the response image.
  • the drawing module is further configured to: when the sliding operation is cancelled, the inertial potential energy is attenuated with the display frame; the response image is drawn according to the attenuated inertial potential energy and displayed until the inertial potential energy is attenuated to 0, and the drawing is stopped. Respond to the image.
  • the embodiment of the present application further discloses an intelligent terminal, including: the smart terminal includes: a memory, a display, a processor, and an input unit, where the input unit includes: a touch screen; Said method.
  • the embodiments of the present application include the following advantages:
  • the sliding input is received in the display interface, the response image is drawn according to the sliding input, and the response image is added to the display interface for display, and the response image can be directly drawn based on the sliding input, without The user's other operations and prompting the user's current sliding state without disturbing the scroll interaction inherent in the interface.
  • FIG. 1 is a flow chart showing the steps of an embodiment of a method for processing interface operations according to the present application
  • FIG. 2 is a flow chart of steps of an embodiment of a method for processing an interface operation according to the present application
  • FIG. 3 is a flow chart of a step of generating a sliding input in another embodiment of a method for processing an interface operation according to the present application;
  • FIGS. 4A and B are schematic views showing the determination of the inertial potential energy by sliding in the embodiment of the present application.
  • FIG. 5 is a flow chart of a step of drawing a response image in another embodiment of a method for processing an interface operation of the present application.
  • FIG. 6A and FIG. 6B are schematic diagrams showing the determination of a reference point in the embodiment of the present application.
  • FIG. 7A and FIG. 7B are schematic diagrams showing the determination of the reference points corresponding to the control points in the embodiment of the present application.
  • FIG. 8A and FIG. 8B are schematic diagrams showing a response image based on a Saibel curve in the embodiment of the present application.
  • FIG. 9A and FIG. 28B are schematic diagrams showing adjustment of peaks according to touch points in the embodiment of the present application.
  • FIG. 10 is a structural block diagram of an embodiment of a processing device for interface operation according to the present application.
  • 11A is a structural block diagram of another embodiment of a processing apparatus for interface operation according to the present application.
  • 11B is a structural block diagram of an inertial potential energy determining sub-module in another embodiment of the processing device for interface operation of the present application;
  • 11C is a structural block diagram of a reference point determining sub-module in another embodiment of the processing device for interface operation of the present application.
  • FIG. 12 is a structural block diagram of an embodiment of a smart terminal according to the present application.
  • One of the core concepts of the embodiments of the present application is to provide a method, a device, and an intelligent terminal for processing interface operations to solve the problem that the existing touch operation is inconvenient.
  • Receiving a 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, and directly drawing a response image based on the sliding input, without requiring other operations of the user and without disturbing Under the premise of the inherent scrolling interaction of the interface, Prompts the user for the current sliding state.
  • the smart terminal refers to a terminal device with multimedia functions, and the devices support functions in audio, video, data, and the like.
  • the smart terminal has a touch screen, and includes a smart mobile terminal, such as a smart phone or a tablet computer, or a smart TV with a touch screen, a personal computer, and the like.
  • FIG. 1 a flow chart of steps of an embodiment of a method for processing an interface operation of the present application is shown. Specifically, the method may include the following steps:
  • Step 102 receiving a sliding input in the display interface.
  • the smart terminal usually adopts a touch screen, so the user can perform a touch operation directly by means of a finger, a touch pen, or the like, and control the smart terminal. Therefore, in the current display interface of the smart terminal, the user can slide the 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.
  • the corresponding operation can be performed according to the sliding input.
  • the response image when sliding to some state based on the sliding input, the response image can be drawn, and the response image is drawn and displayed in response to the sliding input, and is used to prompt the user for the current input state. Therefore, after the response image is drawn, the response image may be added to the display interface for display, prompting the user to temporarily slide the input operation state, such as sliding to the boundary.
  • different responses may be performed according to different interface states during sliding input, for example, adjusting page content according to sliding input; different response images may also be drawn, for example, drawing a response image to remind the edge when sliding to the edge, and sliding to In the middle, draw a response image to indicate the subsequent sliding direction and so on.
  • drawing the response image according to the sliding input includes: when the current scrolling to the boundary of the display interface is determined according to the sliding input, the response image is drawn.
  • the corresponding display interface content such as a webpage, a list, etc.
  • the content of the display interface may be moved based on the sliding input corresponding to the user touch to display different content.
  • the response image can be drawn to remind the user that the current movement to the edge cannot be continued.
  • the present embodiment can render the response image based on the sliding input to prompt the user of the current sliding state.
  • the response image can be drawn, and the user list is explicitly prompted to scroll to the boundary without disturbing the inherent scroll interaction of the interface.
  • FIG. 2 a flow chart of steps of an embodiment of a method for processing an interface operation of the present application is shown. Specifically, the method may include the following steps:
  • Step 202 Receive a sliding operation in the display interface.
  • Step 204 Generate a sliding input according to the sliding operation, wherein the sliding input includes inertial potential energy.
  • the user can perform an input operation by sliding with a finger, a touch pen, or the like, and correspondingly, the touch screen of the smart terminal can receive a sliding operation in the display interface, and generate a corresponding sliding input according to the sliding operation.
  • different display contents in the display interface may generate different sliding inputs, and then generate sliding input according to the sliding operation, as shown in FIG. 3, including the following sub-steps:
  • Sub-step 302 scrolling display interface content in the display interface according to the sliding operation.
  • Sub-step 304 detecting whether to scroll to the boundary of the display interface.
  • the display interface when the content of the display interface exceeds the range of the display interface, only part of the display interface content is displayed in the display interface, and a scroll bar is displayed at the bottom or side of the display interface, and the position of the scroll bar can be displayed differently by adjusting the position of the scroll bar.
  • Display interface content when the display interface content width exceeds the width of the display interface, a scroll bar is configured at the bottom; when the display interface content length exceeds the height of the display interface, the scroll bar is configured on the side.
  • the interface content can be scrolled and displayed in the display interface according to the sliding operation, that is, the display interface content is adjusted by left, right, up, and down.
  • the scrolling cannot be continued, and the user can be prompted accordingly, so it is possible to detect whether to scroll to the boundary of the display interface.
  • sub-step 306 is performed; if so, scrolling to the boundary of the display interface, sub-step 308 is performed.
  • Sub-step 306 determining a sliding speed according to the sliding operation, and using the sliding speed as a sliding input to adjust a scrolling speed of the display interface content.
  • the display interface content may be displayed based on the content of the scroll display interface.
  • the sliding speed may be determined according to the sliding operation, and the sliding speed is used as the sliding input to adjust the display interface content. The scrolling speed.
  • the sliding input is inertia
  • the inertia is set to the speed of the finger on the screen, and the unit is dp (device independent pixels, The device is independent of pixels.
  • the speed is calculated by the y coordinate of the current frame finger on the screen - the y coordinate of the finger on the screen of the previous frame.
  • dp is also called dip, a length unit for mobile end design, and traditional px (pixels, pixels)
  • dp does not change with the physical size of the device, and the height of the interface is uniform and closer to physical presentation.
  • the image frame displayed in the smart terminal is different according to the system setting, and the number of frames displayed per second is also different. For example, 60 frames/second, the sliding speed is determined according to the distance and the frame speed, thereby adjusting the scrolling speed of the display interface content accordingly. .
  • the inertial potential energy is determined according to the sliding operation, and the inertial potential energy is taken as a sliding input, wherein the inertial potential energy is determined by the following substeps.
  • Sub-step 308 Acquire a current display frame, and obtain a direction and current coordinate information of the sliding operation from the current display frame.
  • Sub-step 310 determines the direction of the inertial potential energy according to the direction of the sliding operation.
  • the direction of the sliding operation is determined as the direction of the inertial potential energy, and the distance of the inertial potential energy may also be determined according to the sliding operation corresponding to the current coordinate information.
  • Sub-step 312 Acquire initial coordinate information of the sliding input, where the initial coordinate information includes: coordinate information that the display interface starts to receive the corresponding position of the sliding input.
  • Sub-step 314 calculating a distance between the current coordinate information and the initial coordinate information, and using the distance as the distance of the inertial potential energy.
  • the corresponding display interface starts to receive the sliding input, and the recording starts to receive the coordinate information of the corresponding position of the sliding input, and obtains the starting coordinate information as the starting coordinate information of the sliding input. Then calculating a distance between the current coordinate information and the initial coordinate information, the distance being the distance of the inertial potential energy.
  • the distance when the sliding direction is a horizontal direction, the distance is calculated based on the abscissa; and when the sliding direction is a vertical direction, the distance is calculated based on the ordinate.
  • the distance When the sliding direction is horizontal, that is, sliding to the left and right, scrolling to the boundary of the vertical side of the display interface, the distance may be calculated by using the horizontal coordinate of the current position corresponding to the current coordinate information and the abscissa of the initial coordinate information; the sliding direction When sliding in the vertical direction, that is, up and down, scrolling to the boundary of the lateral side of the display interface, the distance may be calculated by using the ordinate of the current position corresponding to the current coordinate information and the ordinate of the initial coordinate information.
  • the distance is calculated as the y coordinate of the current frame finger on the screen - the y coordinate when the finger starts to touch the screen.
  • the value range is 0dp ⁇ 150dp
  • the distance is the y coordinate of the current frame finger on the screen - the y coordinate when the finger starts to touch the screen.
  • Sub-step 316 the inertial potential energy is taken as a sliding input.
  • the inertial potential energy 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 generate a response image by using the curve.
  • the response image is drawn, wherein the reference point may be determined according to the inertial potential energy, and the curve is drawn based on the reference point, and the corresponding boundary of the curve and the display interface is generated.
  • the image For example, determine the curvature or curvature of a reference point and curve to draw a curve, and determine two or more reference points to draw a curve, and so on.
  • the response image is drawn according to the inertial potential energy, as shown in FIG. 5, specifically including the following sub-steps:
  • Sub-step 502 obtaining a display distance associated with the display interface.
  • the display distance required for determining the reference point is preset, and when the reference point is determined, the display distance associated with the display interface is obtained, including: 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 third distance constituting the display distance.
  • the first distance may be a curve and a blank distance margin to the left and right of the screen, and the first distance may be a fixed value such as a width of the 1/4 display interface, or may be a dynamic value.
  • the second distance may be a visible width of the display interface content in the display interface. If the visible width is the same as the width of the display interface, the width is the width of the display interface. If the visible width is half of the width of the display interface, Then width is half the width of the display interface.
  • the third distance may be a visual height height of the display interface content in the display interface. If the visible height is the same as the height of the display interface, the height is the height of the display interface, and if the visible height is half of the height of the display interface, Then height is half of the height of the display interface.
  • Sub-step 504 determining coordinate information of at least one set of reference points according to the display distance and the inertia potential energy.
  • a curve is drawn by using three reference points as an example, and a set of reference points can be formed every three reference points.
  • the setting can be set. Multiple sets of reference points are determined by multiple sets of display distances, and multiple sets of display reference points can also be drawn by adjusting the first distance.
  • the three reference points are respectively p0, p1, p2, and the first distance, that is, the curve and the white space left and right of the screen are margin, and the second distance is the display interface content in the display interface.
  • Width is width;
  • the three distances indicate that the visual content of the interface content in the display interface is height.
  • the x coordinate of p0 is margin, and the y coordinate is 0, that is, p0(margin, 0); p1
  • the x coordinate is width–margin
  • the y coordinate is 0, ie p1(width–margin, 0);
  • the x coordinate of p2 is width*0.5, and the y coordinate is inertia, ie p2(width*0.5, inertia).
  • the x coordinate of p0 is margin
  • the y coordinate is height, that is, p0 (margin, height);
  • the x coordinate of p1 is Width–margin,
  • the y coordinate is height, ie p1(width–margin, height);
  • the x coordinate of p2 is width*0.5, and the y coordinate is height-inertia, ie p2(width*0.5, height-inertia).
  • sub-step 506 is performed; when the coordinate information of at least two sets of reference points is determined, sub-step 510 is performed.
  • Sub-step 506 drawing a Saybol curve according to the coordinate information of the three reference points.
  • Sub-step 508 the boundary between the Saybol curve and the display interface constitutes a response image.
  • the control point of each reference point is determined, and the Sabel curve is drawn by using the control point.
  • the usual graphical programming API Application Programming Interface
  • the control points of each reference point can be configured, wherein the control point of p0 is set to p0R, and the control point of p1 is set to p1L, since p2 needs to be separately
  • the curve is plotted with p0, p1, so two control points p2L, p2R are required.
  • the distance of each control point from its key point is set to 100dp.
  • the drawn Sabel curve and the boundary of the display interface constitute a response image
  • the upper boundary of the Saybol curve and the display interface constitutes a response image as shown in FIG. 8A
  • the boundary of the Saybol curve and the display interface is formed as shown in FIG. 8B.
  • the Bézier curve also known as the Bézier curve or the Bezier curve
  • the general vector graphics software uses it to accurately draw the curve.
  • the Bezier curve consists of line segments and nodes.
  • the nodes are draggable pivot points, and the line segments are like retractable rubber bands to draw the desired curve.
  • Sub-step 510 drawing a Saybolt curve using coordinate information of at least two sets of reference points, wherein each set of reference points includes three reference points.
  • Sub-step 512 the boundary of the at least two Saebel curves and the display interface constitutes a response image.
  • the coordinate information of at least two sets of reference points may be used to respectively draw the corresponding Saybolt curves of each group, and each set of reference points corresponding to the Saybolt curve is drawn as described above, and therefore will not be described again.
  • the drawn at least two Saybolt curves and the boundaries of the display interface then form a response image.
  • the coordinate information of p2 is adjusted according to the adjustment of the first distance, and then p2L, p2R are also moved correspondingly, and are kept on both sides of p2, thereby performing the Saibel curve.
  • Draw where the coordinates of p0 and p1 are the same, the intersection of each Sabel curve and the boundary of the display interface is also the same.
  • the above is a Sabel curve as an example, and other curves can be actually drawn, such as drawing a sinusoid according to three reference points, that is, in this embodiment, the response image may be bounded by one or more curves and the display interface. Composition.
  • the curve can be determined according to the actual drawing requirements, which is not limited by the embodiment of the present application.
  • the peak of the curve corresponds to the touch point of the sliding input.
  • the second distance can be configured to have different weights depending on the width width, and the peak of the corresponding curve is changed, then the parameter can be based on The touch point of the sliding input is determined.
  • the peak of the corresponding curve is shifted to the left to the left, as shown in FIG. 9B, and the peak of the corresponding curve is to the right when the touch point is to the right.
  • the display distance is configured with a first distance, that is, a blank distance. If the first distance is 0, the two intersections of the boundary between the curve and the display interface are the upper left corner and the upper right corner of the display interface. That is, the length of the line segment between the two intersection points 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 intersection points of the boundary of the curve and the display interface is smaller than the length of the boundary.
  • Sub-step 514 filling a color or pattern in the response image.
  • Sub-step 516 sets the transparency of the response image.
  • the color or map can be filled in the response image. Case, thereby highlighting the response image; the transparency of the response image can also be set such that the display of the response image does not affect the current interface content.
  • At least one color or at least one pattern may be added to the response image, and the response image may be filled according to any of the following filling methods, including: filling from shallow to deep, by Deep to shallow fill, cold, warm fill.
  • filling from shallow to deep by Deep to shallow fill
  • cold warm fill.
  • different curves can be filled with different colors to distinguish, such as from shallow to deep filling, from deep to shallow filling, or filling a variety of cool colors, multiple warm colors or transition through cold and warm colors. .
  • Step 208 Add the response image to the display interface for display.
  • Step 210 When the sliding operation is cancelled, the inertial potential energy is attenuated with the display frame.
  • Step 212 Draw a response image according to the attenuated inertial potential energy and display until the inertial potential energy decays to 0, and stop drawing the response image.
  • the response image After the response image is drawn and the color is filled, the response image can be displayed in the display interface.
  • the inertial potential energy inertia can be configured to attenuate with the display frame, such as self-attenuation per frame.
  • each display frame draws a response image according to the attenuated inertial potential energy and displays until the inertial potential energy decays to 0, and stops drawing the response image.
  • a response image can be generated according to the inertia drawing curve.
  • the inertia of each display frame is determined, and the response image is drawn and displayed; after the finger leaves the screen, the sliding operation is cancelled, since the inertia self-attenuates each frame, the inertia is not close to 0.
  • the response image is drawn.
  • the inertia is very close to 0, such as inertia ⁇ 0.1, the inertia is set to 0, and the response image is stopped.
  • the response image is mainly drawn by the vertical sliding, that is, the upper line sliding.
  • the horizontal sliding that is, the left and right sliding
  • the determination of the reference points of each group the corresponding curve is drawn similarly, so that the drawing can be drawn.
  • the left and right boundaries of the display interface constitute a curve of the response image, and therefore will not be described again.
  • the curvature of the curve can be controlled by controlling the first distance margin and the distance from the control point to the reference point to draw a variety of curves.
  • the color of the curve can be a variety of colors, can be a single solid color, can also be a gradient color, or can be a bitmap material, so as to display a rich response image, giving users better tips and more Interactive experience.
  • the above steps can be generally applied to most computer languages for CPU programming, and can also be ported to computer languages for GPU programming.
  • the embodiment further provides a processing device for interface operation.
  • FIG. 10 a structural block diagram of an embodiment of a processing device for interface operation of the present application is shown, which may specifically include the following modules:
  • the input receiving module 1002 is configured to receive a sliding input within the display interface.
  • the drawing module 1004 is configured to draw a response image according to the sliding input.
  • the display module 1006 is configured to add the response image to the display interface for display.
  • receiving a 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, and directly drawing a response image based on the sliding input, without requiring other operations of the user Prompting the user's current sliding state without interfering with the inherent scrolling interaction of the interface.
  • FIG. 11A a structural block diagram of an embodiment of a processing apparatus for another interface operation of the present application is shown. Specifically, the following modules may be included:
  • the input receiving module 1102 is configured to receive a sliding input in the display interface.
  • the drawing module 1104 is configured 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.
  • the drawing module 1104 is configured to draw the response image when the current scrolling to the boundary of the display interface is determined according to the sliding input.
  • the response image is formed by one or more curves and boundaries of the display interface.
  • the peak of the curve corresponds to the touch point of the sliding input.
  • 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.
  • the input receiving module 1102 is configured to receive a sliding operation in the display interface, and generate a sliding input according to the sliding operation.
  • the input receiving module 1102 includes:
  • the scroll display sub-module 11022 is configured to scroll display interface content in the display interface according to the sliding operation.
  • the inertial potential energy determining sub-module 11024 is configured to determine an inertial potential energy according to the sliding operation when scrolling to a boundary of the display interface, and use the inertial potential energy as a sliding input.
  • FIG. 11B a structural block diagram of an inertial potential energy determining sub-module in another embodiment of the processing device for interface operation of the present application is shown.
  • the inertial potential energy determination sub-module 11024 includes:
  • the obtaining unit 110242 is configured to acquire a current display frame, and determine a direction and a current coordinate information of the sliding operation according to the current display frame;
  • a direction determining unit 110244 configured to determine a direction of inertial potential energy according to a direction of the sliding operation
  • the distance determining unit 110246 is configured to determine a distance of the inertial potential energy according to the current coordinate information corresponding to the sliding operation.
  • the distance determining unit 110246 is configured to acquire the starting coordinate information of the sliding input, where the starting coordinate information includes: displaying, by the display interface, coordinate information of the corresponding position of the sliding input; calculating the current coordinate information and the The distance between the starting coordinate information is taken as the distance of the inertial potential energy.
  • 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 further configured to determine a sliding speed according to the sliding operation when not scrolling to a boundary of the display interface, and adjust a scrolling speed of displaying the interface content according to the sliding speed.
  • the sliding input includes inertial potential energy;
  • the rendering module 1104 includes:
  • the reference point determining sub-module 11042 is configured to determine a reference point according to the inertial potential energy.
  • the rendering sub-module 11044 is configured to draw a curve according to the reference point, and generate a response image by using the curve.
  • FIG. 11C a structural block diagram of a reference point determining sub-module in another embodiment of the processing device for interface operation of the present application is shown.
  • the reference point determining sub-module 11042 includes:
  • the distance obtaining unit 110422 is configured to acquire a display distance related to the display interface.
  • the coordinate determining unit 110424 is configured to determine coordinate information of at least three reference points according to the display distance and the inertia potential energy.
  • the distance obtaining unit 110422 is configured to acquire a preset first distance, and determine a second distance and a third distance according to the display interface, where the first distance, the second distance, and the third distance constitute the display distance.
  • the rendering generation sub-module 11044 is configured to draw the Saibel according to the coordinate information of the at least three reference points a curve; a boundary of the Sabel curve and the display interface to form a response image.
  • the rendering generation sub-module 11044 is configured to respectively draw a Saybol curve by using coordinate information of at least two sets of reference points, wherein each set of reference points includes three reference points; at least two Saibel curves and the display interface The boundary constitutes a response image.
  • the drawing module further includes: a color filling sub-module 11046, configured to add at least one color or at least one pattern to the response image.
  • the drawing module further includes: a color filling sub-module 11046, configured to fill the response image according to any one of the following filling manners; the filling manner includes: filling from shallow to deep, filling from deep to shallow, filling with cold and warm colors .
  • the drawing module further includes: a transparency setting sub-module 11048, configured to set a transparency of the response image.
  • the drawing module 1104 is further configured to: when the sliding operation is cancelled, the inertial potential energy is attenuated with the display frame; the response image is drawn according to the attenuated inertial potential energy and displayed until the inertial potential energy is attenuated to 0, and the response image is stopped. .
  • a response image can be generated according to the inertia drawing curve.
  • the inertia of each display frame is determined, and the response image is drawn and displayed; after the finger leaves the screen, the sliding operation is cancelled, since the inertia self-attenuates each frame, the inertia is not close to 0.
  • the response image is drawn.
  • the inertia is very close to 0, such as inertia ⁇ 0.1, the inertia is set to 0, and the response image is stopped.
  • the response image is mainly drawn by the vertical sliding, that is, the upper line sliding.
  • the horizontal sliding that is, the left and right sliding
  • the determination of the reference points of each group the corresponding curve is drawn similarly, so that the drawing can be drawn.
  • the left and right boundaries of the display interface constitute a curve of the response image, and therefore will not be described again.
  • the curvature of the curve can be controlled by controlling the first distance margin and the distance from the control point to the reference point to draw a variety of curves.
  • the color of the curve can be a variety of colors, can be a single solid color, can also be a gradient color, or can be a bitmap material, so as to display a rich response image, giving users better tips and more Interactive experience.
  • the above steps can be generally applied to most computer languages for CPU programming, and can also be ported to computer languages for GPU programming.
  • the embodiment further discloses an intelligent terminal.
  • FIG. 12 a structural block diagram of an embodiment of a smart terminal according to the present application is shown, 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.
  • the input unit 1240 can be configured to receive numeric or character information input by a user, and a control signal.
  • the input unit 1240 may include a touch screen 1241, which may collect a touch operation on or near the user (such as an operation of the user using a finger, a stylus, or the like on the touch screen 1241. ), and drive the corresponding connection device according to a preset program.
  • the input unit 1240 may also include other input devices such as a physical keyboard, function keys (such as volume control buttons, switch buttons, etc.), a mouse, and the like.
  • the display 1220 includes a display panel.
  • the display panel may be configured in the form of a liquid crystal display (LCD) or an organic light-emitting diode (OLED).
  • the touch screen can cover the display panel to form a touch display screen, and when the touch display screen detects a touch operation on or near it, it is transmitted to the processor 1230 to perform corresponding processing.
  • the processor 1230 by invoking a software program, and/or module, and/or data stored in the memory 1210, the processor 1230 is configured to receive a sliding input within the display interface; drawing a response in accordance with the sliding input An image; the response image is added to the display interface for display.
  • drawing the response image according to the sliding input includes: when the current scrolling to the boundary of the display interface is determined according to the sliding input, the response image is drawn.
  • the response image is formed by one or more curves and a boundary of the display interface.
  • the peak of the curve corresponds to the touch point of the sliding input.
  • the length of the line segment between the two intersections of the curve and the boundary of the display interface is smaller than the length of the boundary.
  • receiving the sliding input in the display interface comprises: receiving a sliding operation in the display interface, and generating a sliding input according to the sliding operation.
  • generating a sliding input according to the sliding operation comprising: scrolling display interface content in the display interface according to the sliding operation; determining a inertial potential energy according to the sliding operation when scrolling to a boundary of the display interface The inertial potential energy is used as a sliding input.
  • determining, according to the sliding operation, inertial potential energy comprising: acquiring a current display frame, determining a direction of the sliding operation and current coordinate information according to the current display frame; and determining an inertial potential energy according to the direction of the sliding operation. a direction; determining a distance of the inertial potential energy according to the sliding operation corresponding to current coordinate information.
  • determining, according to the current coordinate information, the distance of the inertial potential energy according to the sliding operation comprising: acquiring start coordinate information of the sliding input, where the starting coordinate information includes: the display interface starts to receive slip Dynamically input coordinate information of the corresponding position; calculate a distance between the current coordinate information and the initial coordinate information, and use the distance as the distance of the inertial potential energy.
  • 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 further includes: when not scrolling to a boundary of the display interface, determining a sliding speed according to the sliding operation, and adjusting a scrolling speed of displaying the interface content according to the sliding speed.
  • the sliding input includes inertial potential energy; and 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 generating a response image by using the curve.
  • determining the reference point according to the inertial potential energy includes: obtaining a display distance associated with the display interface; determining coordinate information of at least three reference points according to the display distance and the inertia potential energy.
  • obtaining a display distance associated with the display interface including: 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 third distance constitutes the display distance.
  • generating a curve according to the reference point, and generating a response image by using the curve including: drawing a Saybol curve according to coordinate information of the at least three reference points; and comparing the Saibel curve and the display interface The boundary constitutes a response image.
  • the curve is drawn according to the reference point, and the response image is generated by using the curve, including: drawing a Saybol curve by using coordinate information of at least two sets of reference points, wherein each set of reference points includes three reference points; At least two Siebel curves and boundaries of the display interface form a response image.
  • the method further includes: adding at least one color or at least one pattern to the response image.
  • the method further includes: filling the response image according to any one of the following filling manners; the filling manner includes: filling from shallow to deep, filling from deep to shallow, filling with cold and warm colors.
  • the method further includes: setting a transparency of the response image.
  • the method further includes: when the sliding operation is cancelled, the inertial potential energy is attenuated with the display frame; the response image is drawn according to the attenuated inertial potential energy and displayed until the inertial potential energy is attenuated to 0, and the response image is stopped.
  • the description is relatively simple, and the relevant parts can be referred to the description of the method embodiment.
  • embodiments of the embodiments of the present application may be provided as a method, apparatus, or calculation. Machine program products. Therefore, the embodiments of the present application may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware. Moreover, embodiments of the present 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.
  • computer-usable storage media including but not limited to disk storage, CD-ROM, optical storage, etc.
  • the computer 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.
  • RAM random access memory
  • ROM read only 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.
  • computer readable media does not include non-persistent computer readable media, such as modulated data signals and carrier waves.
  • Embodiments of the present application are described with reference to flowcharts and/or block diagrams of methods, terminal devices (systems), and computer program products according to embodiments of the present application. 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 terminal device to produce a machine such that instructions are executed by a processor of a computer or other programmable data processing terminal device
  • Means are provided for implementing the functions specified in one or more of the flow or in one or more 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 terminal 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 instruction device implements the functions specified in one or more blocks of the flowchart or in a flow or block of the flowchart.
  • These computer program instructions can also be loaded onto a computer or other programmable data processing terminal device such that a series of operational steps are performed on the computer or other programmable terminal device to produce computer-implemented processing, such that the computer or other programmable terminal device
  • the instructions executed on the implementation are used to implement a process or multiple processes in the flowchart And/or block diagram of the steps of a function specified in a box or blocks.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

一种界面操作的处理方法、装置和智能终端，以解决现有触摸操作不便捷的问题。所述的方法包括：在显示界面内接收滑动输入（102）；依据所述滑动输入绘制响应图像（104）；将所述响应图像添加到所述显示界面中进行显示（106）。能够直接基于滑动输入绘制响应图像，无需用户其他操作且在不干扰界面固有的滚动交互的前提下，提示用户当前的滑动状态。

Description

界面操作的处理方法、装置和智能终端
本申请要求2015年12月09日递交的申请号为201510906656.4、发明名称为“界面操作的处理方法、装置和智能终端”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及终端技术领域，特别是涉及一种界面操作的处理方法、一种界面操作的处理装置，以及一种智能终端。
背景技术
用户使用PC或移动终端等计算机设备时，通常会采用显示界面展示内容给用户，用户也可以在该显示界面中对内容进行查找、查看、操作等。
在显示界面中对内容进行展示时存在各种各样的方式，例如通过图标、详细信息等方式展示，由于在展示内容超过该显示界面时，通过进度表标示展示的内容等。
随着移动终端技术的发展，越来越多的用户使用移动终端执行各种业务，用户操作也由原本的鼠标、按键操作，逐渐变更为手指等触摸操作。而原有界面展示方式可能不适用于触摸操作，例如图标比较密集时可能误触摸到其他图标，又如滑动查找时手指滑动的速度和距离也不像鼠标滚轮一样可控，因此触摸操作并不便捷。
因此，目前需要本领域技术人员迫切解决的一个技术问题就是：提出一种界面操作的处理方法、装置和智能终端，以解决现有触摸操作不便捷的问题。
发明内容
本申请实施例所要解决的技术问题是提供一种界面操作的处理方法，以解决现有触摸操作不便捷的问题。
相应的，本申请实施例还提供了一种界面操作的处理装置和移动终端，用以保证上述方法的实现及应用。
为了解决上述问题，本申请公开了一种界面操作的处理方法，包括：在显示界面内接收滑动输入；依据所述滑动输入绘制响应图像；将所述响应图像添加到所述显示界面中进行显示。
可选的，依据所述滑动输入绘制响应图像，包括：当依据滑动输入判断当前滚动到 所述显示界面的边界时，绘制所述响应图像。
可选的，所述响应图像由一条或多条曲线与所述显示界面的边界构成。
可选的，所述曲线的波峰与所述滑动输入的触控点对应。
可选的，所述曲线与所述显示界面的边界的两个交点间线段的长度小于所述边界的长度。
可选的，在显示界面内接收滑动输入，包括：在显示界面内接收滑动操作，依据所述滑动操作生成滑动输入。
可选的，依据所述滑动操作生成滑动输入，包括：依据所述滑动操作在所述显示界面中滚动显示界面内容；当滚动到所述显示界面的边界时，依据所述滑动操作确定惯性势能，将所述惯性势能作为滑动输入。
可选的，依据所述滑动操作确定惯性势能，包括：获取当前显示帧，依据所述当前显示帧中确定所述滑动操作的方向和当前坐标信息；依据所述滑动操作的方向确定惯性势能的方向；依据所述滑动操作对应当前坐标信息确定所述惯性势能的距离。
可选的，依据所述滑动操作对应当前坐标信息确定所述惯性势能的距离，包括：获取所述滑动输入的起始坐标信息，其中，所述起始坐标信息包括：显示界面开始接收滑动输入对应位置的坐标信息；计算所述当前坐标信息和所述起始坐标信息之间的距离，将所述距离作为惯性势能的距离。
可选的，当所述滑动方向为水平方向时，基于横坐标计算所述距离；当所述滑动方向为竖直方向时，基于纵坐标计算所述距离。
可选的，还包括：当未滚动到所述显示界面的边界时，依据所述滑动操作确定滑动速度，依据所述滑动速度调整显示界面内容的滚动速度。
可选的，所述滑动输入包括惯性势能；依据所述滑动输入绘制响应图像，包括：依据所述惯性势能确定基准点；依据所述基准点绘制曲线，采用所述曲线生成响应图像。
可选的，依据所述惯性势能确定基准点，包括：获取与所述显示界面相关的显示距离；依据所述显示距离和惯性势能确定至少三个基准点的坐标信息。
可选的，获取与所述显示界面相关的显示距离，包括：获取预置的第一距离，以及依据所述显示界面确定第二距离和第三距离，所述第一距离、第二距离和第三距离构成所述显示距离。
可选的，依据所述基准点绘制曲线，采用所述曲线生成响应图像，包括：依据所述至少三个基准点的坐标信息绘制赛贝尔曲线；将所述赛贝尔曲线和所述显示界面的边界 构成响应图像。
可选的，依据所述基准点绘制曲线，采用所述曲线生成响应图像，包括：采用至少两组基准点的坐标信息分别绘制赛贝尔曲线，其中，每组基准点包括三个基准点；将至少两条赛贝尔曲线和所述显示界面的边界构成响应图像。
可选的，还包括：在所述响应图像中添加至少一种颜色或至少一种图案。
可选的，还包括：按照以下任一种填充方式填充所述响应图像；所述填充方式包括：由浅到深填充，由深到浅填充，冷、暖色填充。
可选的，还包括：设置所述响应图像的透明度。
可选的，还包括：当撤销所述滑动操作时，所述惯性势能随显示帧衰减；依据衰减的惯性势能绘制响应图像并显示，直到惯性势能衰减为0，停止绘制所述响应图像。
本申请实施例还公开了一种界面操作的处理装置，包括：输入接收模块，用于在显示界面内接收滑动输入；绘制模块，用于依据所述滑动输入绘制响应图像；显示模块，用于将所述响应图像添加到所述显示界面中进行显示。
可选的，所述绘制模块，用于当依据滑动输入判断当前滚动到所述显示界面的边界时，绘制所述响应图像。
可选的，所述响应图像由一条或多条曲线与所述显示界面的边界构成。
可选的，所述曲线的波峰与所述滑动输入的触控点对应。
可选的，所述曲线与所述显示界面的边界的两个交点间线段的长度小于所述边界的长度。
可选的，所述输入接收模块，用于在显示界面内接收滑动操作，依据所述滑动操作生成滑动输入。
可选的，所述输入接收模块，包括：滚动显示子模块，用于依据所述滑动操作在所述显示界面中滚动显示界面内容；惯性势能确定子模块，用于当滚动到所述显示界面的边界时，依据所述滑动操作确定惯性势能，将所述惯性势能作为滑动输入。
可选的，所述惯性势能确定子模块，包括：获取单元，用于获取当前显示帧，依据所述当前显示帧中确定所述滑动操作的方向和当前坐标信息；方向确定单元，用于依据所述滑动操作的方向确定惯性势能的方向；距离确定单元，用于依据所述滑动操作对应当前坐标信息确定所述惯性势能的距离。
可选的，所述距离确定单元，用于获取所述滑动输入的起始坐标信息，其中，所述起始坐标信息包括：显示界面开始接收滑动输入对应位置的坐标信息；计算所述当前坐 标信息和所述起始坐标信息之间的距离，将所述距离作为惯性势能的距离。
可选的，当所述滑动方向为水平方向时，基于横坐标计算所述距离；当所述滑动方向为竖直方向时，基于纵坐标计算所述距离。
可选的，所述滚动显示子模块，还用于当未滚动到所述显示界面的边界时，依据所述滑动操作确定滑动速度，依据所述滑动速度调整显示界面内容的滚动速度。
可选的，所述滑动输入包括惯性势能；所述绘制模块，包括：基准点确定子模块，用于依据所述惯性势能确定基准点；绘制生成子模块，用于依据所述基准点绘制曲线，采用所述曲线生成响应图像。
可选的，所述基准点确定子模块，包括：距离获取单元，用于获取与所述显示界面相关的显示距离；坐标确定单元，用于依据所述显示距离和惯性势能确定至少三个基准点的坐标信息。
可选的，所述距离获取单元，用于获取预置的第一距离，以及依据所述显示界面确定第二距离和第三距离，所述第一距离、第二距离和第三距离构成所述显示距离。
可选的，所述绘制生成子模块，用于依据所述至少三个基准点的坐标信息绘制赛贝尔曲线；将所述赛贝尔曲线和所述显示界面的边界构成响应图像。
可选的，所述绘制生成子模块，用于采用至少两组基准点的坐标信息分别绘制赛贝尔曲线，其中，每组基准点包括三个基准点；将至少两条赛贝尔曲线和所述显示界面的边界构成响应图像。
可选的，所述绘制模块，还包括：颜色填充子模块，用于在所述响应图像中添加至少一种颜色或至少一种图案。
可选的，所述绘制模块，还包括：颜色填充子模块，用于按照以下任一种填充方式填充所述响应图像；所述填充方式包括：由浅到深填充，由深到浅填充，冷、暖色填充。
可选的，所述绘制模块，还包括：透明度设置子模块，用于设置所述响应图像的透明度。
可选的，所述绘制模块，还用于当撤销所述滑动操作时，所述惯性势能随显示帧衰减；依据衰减的惯性势能绘制响应图像并显示，直到惯性势能衰减为0，停止绘制所述响应图像。
本申请实施例还公开了一种智能终端，包括：所述智能终端包括：存储器、显示器、处理器和输入单元，其中，所述输入单元包括：触摸屏；所述处理器用于执行本申请实施例所述的方法。
与现有技术相比，本申请实施例包括以下优点：
在本申请实施例中，在显示界面内接收滑动输入，依据所述滑动输入绘制响应图像，将所述响应图像添加到所述显示界面中进行显示，能够直接基于依据滑动输入绘制响应图像，无需用户其他操作且在不干扰界面固有的滚动交互的前提下，提示用户当前的滑动状态。
附图说明
图1是本申请的一种界面操作的处理方法实施例的步骤流程图；
图2是本申请的另一种界面操作的处理方法实施例的步骤流程图；
图3是本申请的另一种界面操作的处理方法实施例中滑动输入的生成步骤流程图；
图4A、B是本申请实施例中滑动确定惯性势能的示意图；
图5是本申请的另一种界面操作的处理方法实施例中响应图像的绘制步骤流程图
图6A、B是本申请实施例中基准点确定的示意图；
图7A、B是本申请实施例中基准点对应各控制点确定的示意图；
图8A、B是本申请实施例中基于赛贝尔曲线绘制响应图像的示意图；
图9A、B是本申请实施例中依据触控点调整波峰的示意图；
图10是本申请一种界面操作的处理装置实施例的结构框图；
图11A是本申请另一种界面操作的处理装置实施例的结构框图；
图11B是本申请另一种界面操作的处理装置实施例中惯性势能确定子模块的结构框图；
图11C是本申请另一种界面操作的处理装置实施例中基准点确定子模块的结构框图
图12是本申请一种智能终端实施例的结构框图。
具体实施方式
为使本申请的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本申请作进一步详细的说明。
本申请实施例的核心构思之一在于，提出一种界面操作的处理方法、装置和智能终端，以解决现有触摸操作不便捷的问题。在显示界面内接收滑动输入，依据所述滑动输入绘制响应图像，将所述响应图像添加到所述显示界面中进行显示，能够直接基于依据滑动输入绘制响应图像，无需用户其他操作且在不干扰界面固有的滚动交互的前提下， 提示用户当前的滑动状态。
本申请实施例中，智能终端指的是具有多媒体功能的终端设备，这些设备支持音频、视频、数据等方面的功能。本实施例中该智能终端具有触摸屏，包括智能移动终端如智能手机、平板电脑能，也可以是具有触摸屏的智能电视、个人计算机等设备。
实施例一
参照图1，示出了本申请的一种界面操作的处理方法实施例的步骤流程图，具体可以包括如下步骤：
步骤102，在显示界面内接收滑动输入。
当前智能终端通常采用触摸屏，因此用户可以直接通过手指、触摸笔等方式执行触摸操作，对智能终端进行控制。因此在智能终端当前的显示界面内，用户可以滑动进行输入控制，相应智能终端可以接收滑动输入。
步骤104，依据所述滑动输入绘制响应图像。
步骤106，将所述响应图像添加到所述显示界面中进行显示。
依据滑动输入可以执行相应的操作，本实施例中，当基于滑动输入滑动到某些状态下时，可以绘制响应图像，响应图像是响应滑动输入的绘制并显示，用于提示用户当前输入状态，因此在绘制完响应图像后，可以将响应图像添加到所述显示界面中进行显示，提示用户当前滑动输入操作状态，如已滑动到边界等。
本实施例中，依据滑动输入时界面状态不同可以执行不同的响应，例如依据滑动输入调整页面内容；也可以绘制不同的响应图像，例如，滑动到边缘时绘制响应图像提醒边缘，又如滑动到中间时绘制响应图像提示后续滑动方向等。
本申请一个可选实施例中，依据所述滑动输入绘制响应图像，包括：当依据滑动输入判断当前滚动到所述显示界面的边界时，绘制所述响应图像。
在当前界面内展示有相应的显示界面内容，如网页、列表等，可以基于用户触摸对应的滑动输入移动显示界面内容，以展示不同的内容。当移动到显示界面内容所述显示界面的边界时，如上移到上边界，又如左移到左边界等，均无法继续移动，此时可以绘制响应图像提醒用户当前移动到边缘，无法继续移动。
因此，本实施例能够基于依据滑动输入绘制响应图像，以提示用户当前的滑动状态。其中，可以绘制响应图像，在不干扰界面固有的滚动交互的前提下，明确的提示用户列表已经滚动到边界了。
实施例二
参照图2，示出了本申请的另一种界面操作的处理方法实施例的步骤流程图，具体可以包括如下步骤：
步骤202，在显示界面内接收滑动操作。
步骤204，依据所述滑动操作生成滑动输入，其中，所述滑动输入包括惯性势能。
在当前的显示界面中，用户可以通过手指、触摸笔等滑动进行输入操作，相应在智能终端的触摸屏可以接收到在显示界面内的滑动操作，依据该滑动操作生成相应的滑动输入。
其中，依据滑动操作的不同，显示界面中显示内容的不同，可以生成不同的滑动输入，则依据滑动操作生成滑动输入如图3所示包括如下子步骤：
子步骤302，依据所述滑动操作在所述显示界面中滚动显示界面内容。
子步骤304，检测是否滚动到显示界面的边界。
本实施例中，当显示界面内容超出显示界面的范围时，通常在显示界面中仅显示部分显示界面内容，且在显示界面底部或侧边显示有滚动条，通过调整滚动条的位置可以显示不同的显示界面内容。其中，当显示界面内容宽度超出显示界面的宽度时，在底部配置滚动条；当显示界面内容长度超出显示界面的高度时，在侧边配置滚动条。
可以依据滑动操作在所述显示界面中滚动显示界面内容，即左、右、上、下调整显示界面内容。其中，当滚动到显示界面的边界后，无法继续滚动，可以给用户相应的提示，因此可以检测是否滚动到显示界面的边界。
若否，即未滚动到所述显示界面的边界，执行子步骤306；若是，即滚动到所述显示界面的边界，执行子步骤308。
子步骤306，依据所述滑动操作确定滑动速度，将滑动速度作为滑动输入，调整显示界面内容的滚动速度。
当未滚动到所述显示界面的边界时，可以基于滚动显示界面内容进行显示，在显示界面内容进行滚动时，可以依据所述滑动操作确定滑动速度，将滑动速度作为滑动输入，调整显示界面内容的滚动速度。
本实施例中，假设滑动输入为inertia，以上下滑动为例，在未滚动到所述显示界面的边界时，设inertia为手指在屏幕上纵向划动的速度，单位为dp(device independent pixels，设备独立像素)，速度的计算方式是：当前帧手指在屏幕上的y坐标-前一帧手指在屏幕上的y坐标。
其中，dp也称为dip，一种用于移动端设计的长度单位，与传统的px(pixels，像素) 不同点在于，在同一界面中，dp不会随设备物理尺寸变化而变化，界面呈现高度大小是统一的，更接近物理呈现。帧即智能终端中显示的图像帧，依据系统设置不同，每秒显示的帧数也不同，例如60帧/秒，则依据距离和帧速即确定滑动速度，从而相应调整显示界面内容的滚动速度。
当滚动到所述显示界面的边界时，依据所述滑动操作确定惯性势能，将所述惯性势能作为滑动输入，其中，惯性势能通过如下子步骤确定。
子步骤308，获取当前显示帧，从所述当前显示帧中获取所述滑动操作的方向和当前坐标信息。
子步骤310，依据所述滑动操作的方向确定惯性势能的方向。
获取当前显示帧，并且获取记录的前一显示帧，依据当前显示帧确定当前坐标信息，依据当前显示帧和前一显示帧确定获取所述滑动操作的方向和。将滑动操作的方向确定为惯性势能的方向，还可以依据所述滑动操作对应当前坐标信息确定所述惯性势能的距离。
子步骤312，获取所述滑动输入的起始坐标信息，其中，所述起始坐标信息包括：显示界面开始接收滑动输入对应位置的坐标信息。
子步骤314，计算所述当前坐标信息和所述起始坐标信息之间的距离，将所述距离作为惯性势能的距离。
在用户开始滑动时，相应显示界面开始接收滑动输入，记录开始接收滑动输入对应位置的坐标信息，作为滑动输入的起始坐标信息，获取该起始坐标信息。然后计算所述当前坐标信息和所述起始坐标信息之间的距离，将所述距离作为惯性势能的距离。
其中，当所述滑动方向为水平方向时，基于横坐标计算所述距离；当所述滑动方向为竖直方向时，基于纵坐标计算所述距离。所述滑动方向为水平方向即左右滑动时，滚动到所述显示界面的竖边的边界，可以采用当前位置对应当前坐标信息的横坐标和所述起始坐标信息的横坐标计算距离；滑动方向为竖直方向即上下滑动时，滚动到所述显示界面的横边的边界，可以采用当前位置对应当前坐标信息的纵坐标和所述起始坐标信息的纵坐标计算距离。
例如，在上下滑动时如图4A所示，显示界面内容如列表在顶部时，即列表已经到上边无法继续向下滚动，设inertia为手指继续向下划动的距离，取值范围为0dp～150dp。距离的计算方式是：当前帧手指在屏幕上的y坐标-手指开始接触屏幕时的y坐标。反之，列表在底部时如图4B所示，即列表已经到底边无法继续向上滚动，设inertia为手 指继续向上划动的距离，取值范围为0dp～150dp，距离为当前帧手指在屏幕上的y坐标-手指开始接触屏幕时的y坐标。
子步骤316，将惯性势能作为滑动输入。
在确定出惯性势能的方向和距离后，将惯性势能作为滑动输入，依据该滑动输入调整显示界面的显示。
步骤206，依据所述惯性势能确定基准点，依据所述基准点绘制曲线，采用所述曲线生成响应图像。
当依据滑动输入判断当前滚动到所述显示界面的边界时，绘制所述响应图像，其中，可以依据惯性势能确定基准点，基于该基准点绘制曲线，采用所述曲线和显示界面相应的边界生成响应图像。例如，确定出一个基准点和曲线的弧度或曲率来绘制曲线，又如确定两个或以上基准点绘制曲线等。
其中，依据所述惯性势能绘制响应图像，如图5所示具体包括如下子步骤：
子步骤502，获取与所述显示界面相关的显示距离。
以三个基准点绘制一条曲线为例，预置确定基准点所需的显示距离，在确定基准点时，获取与所述显示界面相关的显示距离，包括：获取预置的第一距离，以及依据所述显示界面确定第二距离和第三距离，所述第一距离、第二距离和第三距离构成所述显示距离。
其中，第一距离可以为曲线和屏幕左右的留白距离margin，该第一距离可以是固定值如位于1/4显示界面的宽度，也可以是动态值。第二距离可以为显示界面内容在显示界面中的可视宽度width，如可视宽度与显示界面的宽度相同，则width即为显示界面的宽度，若可视宽度与显示界面的宽度的一半，则width即为显示界面的宽度的一半。第三距离可以为显示界面内容在显示界面中的可视高度height，如可视高度与显示界面的高度相同，则height即为显示界面的高度，若可视高度与显示界面的高度的一半，则height即为显示界面的高度的一半。
子步骤504，依据所述显示距离和惯性势能确定至少一组基准点的坐标信息。
本实施例以三个基准点绘制一条曲线为例，则可以每三个基准点构成一组基准点，则当可以依据显示距离和惯性势能确定至少一组基准点的坐标信息，即可以通过设置具有多组显示距离确定多组基准点，也可以通过调整第一距离来绘制多组显示基准点。
以一组基准点为例，设3个基准点分别为p0，p1，p2，设第一距离即曲线和屏幕左右的留白距离为margin，第二距离即显示界面内容在显示界面中的可视宽度为width；第 三距离即显示界面内容在显示界面中的可视高度为height。
如图6A所示，当手指拖动显示界面内容如列表至顶部，或手指放开列表自行滚动至顶部时，p0的x坐标为margin，y坐标为0，即p0(margin，0)；p1的x坐标为width–margin，y坐标为0即p1(width–margin，0)；p2的x坐标为width*0.5，y坐标为inertia，即p2(width*0.5，inertia)。
如图6B所述，当手指拖动列表至底部，或手指放开列表自行滚动至底部时，p0的x坐标为margin，y坐标为height，即p0(margin，height)；p1的x坐标为width–margin，y坐标为height即p1(width–margin，height)；p2的x坐标为width*0.5，y坐标为height-inertia即p2(width*0.5，height-inertia)。
当确定一组基准点的坐标信息，执行子步骤506；当确定至少两组基准点的坐标信息，执行子步骤510。
子步骤506，依据所述三个基准点的坐标信息绘制赛贝尔曲线。
子步骤508，将所述赛贝尔曲线和所述显示界面的边界构成响应图像。
依据所述三个基准点的坐标信息绘制赛贝尔曲线时，即确定各基准点的控制点，采用该控制点绘制赛贝尔曲线。通常的图形编程API(Application Programming Interface，应用程序编程接口)都带有在两点间绘制贝塞尔曲线的方法，如有的语言中叫做cubicTo，有的语言中叫做cubicCurveTo，参数的数量都是6个，分别为起点的控制点x坐标，起点控制点y坐标，终点控制点x坐标，终点控制点y坐标，终点x坐标，终点y坐标。
如图7A，图7B所示，滚动到上边界、地边界时，均可配置各基准点的控制点，其中，p0的控制点设为p0R，p1的控制点设为p1L，由于p2需要分别和p0，p1绘制曲线，所以需要两个控制点p2L，p2R。每个控制点距离其关键点的距离设为100dp。
首先从p0绘制到p1的直线，然后绘制从p1到p2的贝塞尔曲线，之后绘制p2到p0的贝塞尔曲线，如果用java代码表示绘制过程，即：
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)。
从而将绘制出的赛贝尔曲线和显示界面的边界构成响应图像，则赛贝尔曲线和显示界面的上边界构成如图8A所示的响应图像，赛贝尔曲线和显示界面的地边界构成如图8B所示的响应图像。
其中，贝塞尔曲线(Bézier curve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线，贝兹曲线由线段与节点组成，节点是可拖动的支点，线段像可伸缩的皮筋，从而绘制出所需的曲线。
子步骤510，采用至少两组基准点的坐标信息分别绘制赛贝尔曲线，其中，每组基准点包括三个基准点。
子步骤512，将至少两条赛贝尔曲线和所述显示界面的边界构成响应图像。
为了增强视觉效果，可以采用至少两组基准点的坐标信息分别绘制各组对应赛贝尔曲线，每组基准点对应赛贝尔曲线绘制方式如上所述，因此不再赘述。然后将绘制的至少两条赛贝尔曲线和所述显示界面的边界构成响应图像。
其中，通过调整第一距离来绘制多组显示基准点时，相应依据第一距离的调整来调整p2的坐标信息，则p2L，p2R也相应移动，保持在p2两侧，从而进行赛贝尔曲线的绘制，其中，p0和p1的坐标不变，则各赛贝尔曲线与显示界面的边界的交点也相同。
上述是赛贝尔曲线为例，实际还可以绘制其他曲线，如依据三个基准点绘制正弦曲线等，即本实施例中，所述响应图像可以由一条或多条曲线与所述显示界面的边界构成。而曲线可以依据实际绘制需求确定，本申请实施例对此不做限定。
本申请实施例中，所述曲线的波峰与所述滑动输入的触控点对应。以赛贝尔曲线为例，在给上下边界绘制响应图像，即配置p2的横坐标时，给第二距离即可视宽度width配置不同的权重则相应曲线的波峰就会变更，则该参数可以依据滑动输入的触控点确定，如图9A所示，触控点向左则相应曲线的波峰偏左，如图9B所示，触控点向右则相应曲线的波峰偏右。
本申请实施例中，显示距离配置有第一距离即留白距离，若第一距离为0，则曲线与所述显示界面的边界的两个交点即为显示界面的左上角和右上角的顶点，即两个交点间线段的长度等于该边界的长度；相应若第一距离不为0，所述曲线与所述显示界面的边界的两个交点间线段的长度小于该边界的长度。
子步骤514，在所述响应图像中填充颜色或图案。
子步骤516，设置所述响应图像的透明度。
采用曲线和所述显示界面的边界构成响应图像后，可以在响应图像中填充颜色或图 案，从而突出该响应图像；还可以设置响应图像的透明度，以使响应图像的显示不影响当前的界面内容。
在填充响应图像时，可以在所述响应图像中添加至少一种颜色或至少一种图案，也可以按照以下任一种填充方式填充所述响应图像，该填充方式包括：由浅到深填充，由深到浅填充，冷、暖色填充。当由多条曲线和边界构成响应图像时，不同曲线间可以填充不同颜色进行区分，如由浅到深填充，由深到浅填充，或者填充多种冷色，多种暖色或者通过冷、暖色进行过渡。
步骤208，将所述响应图像添加到所述显示界面中进行显示。
步骤210，当撤销所述滑动操作时，所述惯性势能随显示帧衰减。
步骤212，依据衰减的惯性势能绘制响应图像并显示，直到惯性势能衰减为0，停止绘制所述响应图像。
在绘制完响应图像并填充颜色后，可以在显示界面中显示该响应图像。为了给用户带来更好的体验，同时符合惯性势能的力学规律，在用户手指或触摸笔离开屏幕，撤销所述滑动操作时，可以配置惯性势能inertia为随显示帧衰减，如每帧自衰减配置为inertia*＝0.95，则每个显示帧均依照衰减的惯性势能绘制响应图像并显示，直到惯性势能衰减为0，停止绘制所述响应图像。
在配置有惯性势能inertia后，当滑动到显示界面的边界时，可以根据inertia绘制曲线生成响应图像。其中，手指按在屏幕上即保持该滑动操作时，确定每个显示帧均的inertia，绘制并显示响应图像；手指离开屏幕即撤销滑动操作后，由于inertia每帧自衰减，在inertia不接近0时，每帧都进行绘制响应图像，在inertia非常接近0时，比如inertia<0.1时，设inertia为0，且停止绘制响应图像。
上述实施例中，主要以纵向滑动即上线滑动绘制响应图像为例进行论述，实际上在横向滑动即左右滑动时，各组基准点的确定，相应曲线的绘制与此类似，从而可以绘制出与显示界面的左右边界构成响应图像的曲线，因此不再赘述。
在绘制贝塞尔曲线时，曲线的曲度可以通过控制第一距离margin，以及控制点到基准点的距离细微控制，从而绘制出多样的曲线。此外，曲线的颜色可以是多种多样的，可以是单一纯色，还可以是渐变色，还可以是某种位图材质，从而绘制显示丰富的响应图像，给用户更好的提示和更多样的交互体验。
本实施例中，上述步骤可以通用于多数针对CPU编程的计算机语言，还可以移植到针对GPU编程的计算机语言。
需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请实施例并不受所描述的动作顺序的限制，因为依据本申请实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本申请实施例所必须的。
实施例三
在上述实施例的基础上，本实施例还提供了一种界面操作的处理装置。
参照图10，示出了本申请一种界面操作的处理装置实施例的结构框图，具体可以包括如下模块：
输入接收模块1002，用于在显示界面内接收滑动输入。
绘制模块1004，用于依据所述滑动输入绘制响应图像。
显示模块1006，用于将所述响应图像添加到所述显示界面中进行显示。
综上，在显示界面内接收滑动输入，依据所述滑动输入绘制响应图像，将所述响应图像添加到所述显示界面中进行显示，能够直接基于依据滑动输入绘制响应图像，无需用户其他操作且在不干扰界面固有的滚动交互的前提下，提示用户当前的滑动状态。
参照图11A，示出了本申请另一种界面操作的处理装置实施例的结构框图，具体可以包括如下模块：
输入接收模块1102，用于在显示界面内接收滑动输入。
绘制模块1104，用于依据所述滑动输入绘制响应图像。
显示模块1106，用于将所述响应图像添加到所述显示界面中进行显示。
其中，所述绘制模块1104，用于当依据滑动输入判断当前滚动到所述显示界面的边界时，绘制所述响应图像。
所述响应图像由一条或多条曲线与所述显示界面的边界构成。
所述曲线的波峰与所述滑动输入的触控点对应。
所述曲线与所述显示界面的边界的两个交点间线段的长度小于所述边界的长度。
所述输入接收模块1102，用于在显示界面内接收滑动操作，依据所述滑动操作生成滑动输入。
本申请一个可选实施例中，所述输入接收模块1102，包括：
滚动显示子模块11022，用于依据所述滑动操作在所述显示界面中滚动显示界面内容。
惯性势能确定子模块11024，用于当滚动到所述显示界面的边界时，依据所述滑动操作确定惯性势能，将所述惯性势能作为滑动输入。
参照图11B，示出了本申请另一种界面操作的处理装置实施例中惯性势能确定子模块的结构框图。
所述惯性势能确定子模块11024，包括：
获取单元110242，用于获取当前显示帧，依据所述当前显示帧中确定所述滑动操作的方向和当前坐标信息；
方向确定单元110244，用于依据所述滑动操作的方向确定惯性势能的方向；
距离确定单元110246，用于依据所述滑动操作对应当前坐标信息确定所述惯性势能的距离。
所述距离确定单元110246，用于获取所述滑动输入的起始坐标信息，其中，所述起始坐标信息包括：显示界面开始接收滑动输入对应位置的坐标信息；计算所述当前坐标信息和所述起始坐标信息之间的距离，将所述距离作为惯性势能的距离。
当所述滑动方向为水平方向时，基于横坐标计算所述距离；当所述滑动方向为竖直方向时，基于纵坐标计算所述距离。
所述滚动显示子模块11022，还用于当未滚动到所述显示界面的边界时，依据所述滑动操作确定滑动速度，依据所述滑动速度调整显示界面内容的滚动速度。
所述滑动输入包括惯性势能；所述绘制模块1104，包括：
基准点确定子模块11042，用于依据所述惯性势能确定基准点。
绘制生成子模块11044，用于依据所述基准点绘制曲线，采用所述曲线生成响应图像。
参照图11C，示出了本申请另一种界面操作的处理装置实施例中基准点确定子模块的结构框图。
所述基准点确定子模块11042，包括：
距离获取单元110422，用于获取与所述显示界面相关的显示距离；
坐标确定单元110424，用于依据所述显示距离和惯性势能确定至少三个基准点的坐标信息。
距离获取单元110422，用于获取预置的第一距离，以及依据所述显示界面确定第二距离和第三距离，所述第一距离、第二距离和第三距离构成所述显示距离。
所述绘制生成子模块11044，用于依据所述至少三个基准点的坐标信息绘制赛贝尔 曲线；将所述赛贝尔曲线和所述显示界面的边界构成响应图像。
所述绘制生成子模块11044，用于采用至少两组基准点的坐标信息分别绘制赛贝尔曲线，其中，每组基准点包括三个基准点；将至少两条赛贝尔曲线和所述显示界面的边界构成响应图像。
所述绘制模块，还包括：颜色填充子模块11046，用于在所述响应图像中添加至少一种颜色或至少一种图案。
所述绘制模块，还包括：颜色填充子模块11046，用于按照以下任一种填充方式填充所述响应图像；所述填充方式包括：由浅到深填充，由深到浅填充，冷、暖色填充。
所述绘制模块，还包括：透明度设置子模块11048，用于设置所述响应图像的透明度。
所述绘制模块1104，还用于当撤销所述滑动操作时，所述惯性势能随显示帧衰减；依据衰减的惯性势能绘制响应图像并显示，直到惯性势能衰减为0，停止绘制所述响应图像。
在配置有惯性势能inertia后，当滑动到显示界面的边界时，可以根据inertia绘制曲线生成响应图像。其中，手指按在屏幕上即保持该滑动操作时，确定每个显示帧均的inertia，绘制并显示响应图像；手指离开屏幕即撤销滑动操作后，由于inertia每帧自衰减，在inertia不接近0时，每帧都进行绘制响应图像，在inertia非常接近0时，比如inertia<0.1时，设inertia为0，且停止绘制响应图像。
上述实施例中，主要以纵向滑动即上线滑动绘制响应图像为例进行论述，实际上在横向滑动即左右滑动时，各组基准点的确定，相应曲线的绘制与此类似，从而可以绘制出与显示界面的左右边界构成响应图像的曲线，因此不再赘述。
在绘制贝塞尔曲线时，曲线的曲度可以通过控制第一距离margin，以及控制点到基准点的距离细微控制，从而绘制出多样的曲线。此外，曲线的颜色可以是多种多样的，可以是单一纯色，还可以是渐变色，还可以是某种位图材质，从而绘制显示丰富的响应图像，给用户更好的提示和更多样的交互体验。
本实施例中，上述步骤可以通用于多数针对CPU编程的计算机语言，还可以移植到针对GPU编程的计算机语言。
实施例四
在上述实施例的基础上，本实施例还公开了一种智能终端。
参照图12，示出了本申请一种智能终端实施例的结构框图，具体可以包括如下模块：
该智能终端1200包括：存储器1210、显示器1220、处理器1230和输入单元1240。
其中，该输入单元1240可用于接收用户输入的数字或字符信息，以及控制信号。具体地，本发明实施例中，该输入单元1240可以包括触摸屏1241，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触摸屏1241上的操作)，并根据预先设定的程式驱动相应的连接装置。当然，除了触摸屏1241，输入单元1240还可以包括其他输入设备，如物理键盘、功能键(比如音量控制按键、开关按键等)、鼠标等。
显示器1220包括显示面板，可选的，可以采用液晶显示器(Liquid Crystal Display，LCD)或有机发光二极管(Organic Light-Emitting Diode，OLED)等形式来配置显示面板。其中，触摸屏可以覆盖显示面板，形成触摸显示屏，当该触摸显示屏检测到在其上或附近的触摸操作后，传送给处理器1230以执行相应的处理。
在本发明实施例中，通过调用存储该存储器1210内的软件程序，和/或，模块，和/或，数据，处理器1230用于在显示界面内接收滑动输入；依据所述滑动输入绘制响应图像；将所述响应图像添加到所述显示界面中进行显示。
可选的，依据所述滑动输入绘制响应图像，包括：当依据滑动输入判断当前滚动到所述显示界面的边界时，绘制所述响应图像。
可选的，所述响应图像由一条或多条曲线与所述显示界面的边界构成。
可选的，所述曲线的波峰与所述滑动输入的触控点对应。
可选的，所述曲线与所述显示界面的边界的两个交点间线段的长度小于所述边界的长度。
可选的，在显示界面内接收滑动输入，包括：在显示界面内接收滑动操作，依据所述滑动操作生成滑动输入。
可选的，依据所述滑动操作生成滑动输入，包括：依据所述滑动操作在所述显示界面中滚动显示界面内容；当滚动到所述显示界面的边界时，依据所述滑动操作确定惯性势能，将所述惯性势能作为滑动输入。
可选的，依据所述滑动操作确定惯性势能，包括：获取当前显示帧，依据所述当前显示帧中确定所述滑动操作的方向和当前坐标信息；依据所述滑动操作的方向确定惯性势能的方向；依据所述滑动操作对应当前坐标信息确定所述惯性势能的距离。
可选的，依据所述滑动操作对应当前坐标信息确定所述惯性势能的距离，包括：获取所述滑动输入的起始坐标信息，其中，所述起始坐标信息包括：显示界面开始接收滑 动输入对应位置的坐标信息；计算所述当前坐标信息和所述起始坐标信息之间的距离，将所述距离作为惯性势能的距离。
可选的，当所述滑动方向为水平方向时，基于横坐标计算所述距离；当所述滑动方向为竖直方向时，基于纵坐标计算所述距离。
可选的，还包括：当未滚动到所述显示界面的边界时，依据所述滑动操作确定滑动速度，依据所述滑动速度调整显示界面内容的滚动速度。
可选的，所述滑动输入包括惯性势能；依据所述滑动输入绘制响应图像，包括：依据所述惯性势能确定基准点；依据所述基准点绘制曲线，采用所述曲线生成响应图像。
可选的，依据所述惯性势能确定基准点，包括：获取与所述显示界面相关的显示距离；依据所述显示距离和惯性势能确定至少三个基准点的坐标信息。
可选的，获取与所述显示界面相关的显示距离，包括：获取预置的第一距离，以及依据所述显示界面确定第二距离和第三距离，所述第一距离、第二距离和第三距离构成所述显示距离。
可选的，依据所述基准点绘制曲线，采用所述曲线生成响应图像，包括：依据所述至少三个基准点的坐标信息绘制赛贝尔曲线；将所述赛贝尔曲线和所述显示界面的边界构成响应图像。
可选的，依据所述基准点绘制曲线，采用所述曲线生成响应图像，包括：采用至少两组基准点的坐标信息分别绘制赛贝尔曲线，其中，每组基准点包括三个基准点；将至少两条赛贝尔曲线和所述显示界面的边界构成响应图像。
可选的，还包括：在所述响应图像中添加至少一种颜色或至少一种图案。
可选的，还包括：按照以下任一种填充方式填充所述响应图像；所述填充方式包括：由浅到深填充，由深到浅填充，冷、暖色填充。
可选的，还包括：设置所述响应图像的透明度。
可选的，还包括：当撤销所述滑动操作时，所述惯性势能随显示帧衰减；依据衰减的惯性势能绘制响应图像并显示，直到惯性势能衰减为0，停止绘制所述响应图像。
对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。
本领域内的技术人员应明白，本申请实施例的实施例可提供为方法、装置、或计算 机程序产品。因此，本申请实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
在一个典型的配置中，所述计算机设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括非持续性的电脑可读媒体(transitory media)，如调制的数据信号和载波。
本申请实施例是参照根据本申请实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上，使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程 和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本申请实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请实施例范围的所有变更和修改。
最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。
以上对本申请所提供的一种界面操作的处理方法、一种界面操作的处理装置，以及一种智能终端，进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (41)

  1. 一种界面操作的处理方法，其特征在于，包括：
    在显示界面内接收滑动输入；
    依据所述滑动输入绘制响应图像；
    将所述响应图像添加到所述显示界面中进行显示。
  2. 根据权利要求1所述的方法，其特征在于，依据所述滑动输入绘制响应图像，包括：
    当依据滑动输入判断当前滚动到所述显示界面的边界时，绘制所述响应图像。
  3. 根据权利要求1所述的方法，其特征在于，所述响应图像由一条或多条曲线与所述显示界面的边界构成。
  4. 根据权利要求3所述的方法，其特征在于，所述曲线的波峰与所述滑动输入的触控点对应。
  5. 根据权利要求3所述的方法，其特征在于，所述曲线与所述显示界面的边界的两个交点间线段的长度小于所述边界的长度。
  6. 根据权利要求1所述的方法，其特征在于，在显示界面内接收滑动输入，包括：
    在显示界面内接收滑动操作，依据所述滑动操作生成滑动输入。
  7. 根据权利要求6所述的方法，其特征在于，依据所述滑动操作生成滑动输入，包括：
    依据所述滑动操作在所述显示界面中滚动显示界面内容；
    当滚动到所述显示界面的边界时，依据所述滑动操作确定惯性势能，将所述惯性势能作为滑动输入。
  8. 根据权利要求7所述的方法，其特征在于，依据所述滑动操作确定惯性势能，包括：
    获取当前显示帧，依据所述当前显示帧中确定所述滑动操作的方向和当前坐标信息；
    依据所述滑动操作的方向确定惯性势能的方向；
    依据所述滑动操作对应当前坐标信息确定所述惯性势能的距离。
  9. 根据权利要求8所述的方法，其特征在于，依据所述滑动操作对应当前坐标信息确定所述惯性势能的距离，包括：
    获取所述滑动输入的起始坐标信息，其中，所述起始坐标信息包括：显示界面开始 接收滑动输入对应位置的坐标信息；
    计算所述当前坐标信息和所述起始坐标信息之间的距离，将所述距离作为惯性势能的距离。
  10. 根据权利要求9所述的方法，其特征在于，
    当所述滑动方向为水平方向时，基于横坐标计算所述距离；
    当所述滑动方向为竖直方向时，基于纵坐标计算所述距离。
  11. 根据权利要求7所述的方法，其特征在于，还包括：
    当未滚动到所述显示界面的边界时，依据所述滑动操作确定滑动速度，依据所述滑动速度调整显示界面内容的滚动速度。
  12. 根据权利要求1所述的方法，其特征在于，所述滑动输入包括惯性势能；依据所述滑动输入绘制响应图像，包括：
    依据所述惯性势能确定基准点；
    依据所述基准点绘制曲线，采用所述曲线生成响应图像。
  13. 根据权利要求12所述的方法，其特征在于，依据所述惯性势能确定基准点，包括：
    获取与所述显示界面相关的显示距离；
    依据所述显示距离和惯性势能确定至少三个基准点的坐标信息。
  14. 根据权利要求13所述的方法，其特征在于，获取与所述显示界面相关的显示距离，包括：
    获取预置的第一距离，以及依据所述显示界面确定第二距离和第三距离，所述第一距离、第二距离和第三距离构成所述显示距离。
  15. 根据权利要求13所述的方法，其特征在于，依据所述基准点绘制曲线，采用所述曲线生成响应图像，包括：
    依据所述至少三个基准点的坐标信息绘制赛贝尔曲线；
    将所述赛贝尔曲线和所述显示界面的边界构成响应图像。
  16. 根据权利要求15所述的方法，其特征在于，依据所述基准点绘制曲线，采用所述曲线生成响应图像，包括：
    采用至少两组基准点的坐标信息分别绘制赛贝尔曲线，其中，每组基准点包括三个基准点；
    将至少两条赛贝尔曲线和所述显示界面的边界构成响应图像。
  17. 根据权利要求3、15或16所述的方法，其特征在于，还包括：
    在所述响应图像中添加至少一种颜色或至少一种图案。
  18. 根据权利要求3、15或16所述的方法，其特征在于，还包括：
    按照以下任一种填充方式填充所述响应图像；
    所述填充方式包括：由浅到深填充，由深到浅填充，冷、暖色填充。
  19. 根据权利要求18所述的方法，其特征在于，还包括：
    设置所述响应图像的透明度。
  20. 根据权利要求7所述的方法，其特征在于，还包括：
    当撤销所述滑动操作时，所述惯性势能随显示帧衰减；
    依据衰减的惯性势能绘制响应图像并显示，直到惯性势能衰减为0，停止绘制所述响应图像。
  21. 一种界面操作的处理装置，其特征在于，包括：
    输入接收模块，用于在显示界面内接收滑动输入；
    绘制模块，用于依据所述滑动输入绘制响应图像；
    显示模块，用于将所述响应图像添加到所述显示界面中进行显示。
  22. 根据权利要求21所述的装置，其特征在于，
    所述绘制模块，用于当依据滑动输入判断当前滚动到所述显示界面的边界时，绘制所述响应图像。
  23. 根据权利要求21所述的装置，其特征在于，所述响应图像由一条或多条曲线与所述显示界面的边界构成。
  24. 根据权利要求23所述的装置，其特征在于，所述曲线的波峰与所述滑动输入的触控点对应。
  25. 根据权利要求23所述的装置，其特征在于，所述曲线与所述显示界面的边界的两个交点间线段的长度小于所述边界的长度。
  26. 根据权利要求21所述的装置，其特征在于，
    所述输入接收模块，用于在显示界面内接收滑动操作，依据所述滑动操作生成滑动输入。
  27. 根据权利要求26所述的装置，其特征在于，所述输入接收模块，包括：
    滚动显示子模块，用于依据所述滑动操作在所述显示界面中滚动显示界面内容；
    惯性势能确定子模块，用于当滚动到所述显示界面的边界时，依据所述滑动操作确 定惯性势能，将所述惯性势能作为滑动输入。
  28. 根据权利要求27所述的装置，其特征在于，所述惯性势能确定子模块，包括：
    获取单元，用于获取当前显示帧，依据所述当前显示帧中确定所述滑动操作的方向和当前坐标信息；
    方向确定单元，用于依据所述滑动操作的方向确定惯性势能的方向；
    距离确定单元，用于依据所述滑动操作对应当前坐标信息确定所述惯性势能的距离。
  29. 根据权利要求28所述的装置，其特征在于，
    所述距离确定单元，用于获取所述滑动输入的起始坐标信息，其中，所述起始坐标信息包括：显示界面开始接收滑动输入对应位置的坐标信息；计算所述当前坐标信息和所述起始坐标信息之间的距离，将所述距离作为惯性势能的距离。
  30. 根据权利要求29所述的装置，其特征在于，
    当所述滑动方向为水平方向时，基于横坐标计算所述距离；
    当所述滑动方向为竖直方向时，基于纵坐标计算所述距离。
  31. 根据权利要求27所述的装置，其特征在于，
    所述滚动显示子模块，还用于当未滚动到所述显示界面的边界时，依据所述滑动操作确定滑动速度，依据所述滑动速度调整显示界面内容的滚动速度。
  32. 根据权利要求21所述的装置，其特征在于，所述滑动输入包括惯性势能；所述绘制模块，包括：
    基准点确定子模块，用于依据所述惯性势能确定基准点；
    绘制生成子模块，用于依据所述基准点绘制曲线，采用所述曲线生成响应图像。
  33. 根据权利要求32所述的装置，其特征在于，所述基准点确定子模块，包括：
    距离获取单元，用于获取与所述显示界面相关的显示距离；
    坐标确定单元，用于依据所述显示距离和惯性势能确定至少三个基准点的坐标信息。
  34. 根据权利要求33所述的装置，其特征在于，
    所述距离获取单元，用于获取预置的第一距离，以及依据所述显示界面确定第二距离和第三距离，所述第一距离、第二距离和第三距离构成所述显示距离。
  35. 根据权利要求33所述的装置，其特征在于，
    所述绘制生成子模块，用于依据所述至少三个基准点的坐标信息绘制赛贝尔曲线； 将所述赛贝尔曲线和所述显示界面的边界构成响应图像。
  36. 根据权利要求35所述的装置，其特征在于，
    所述绘制生成子模块，用于采用至少两组基准点的坐标信息分别绘制赛贝尔曲线，其中，每组基准点包括三个基准点；将至少两条赛贝尔曲线和所述显示界面的边界构成响应图像。
  37. 根据权利要求23、35或36所述的装置，其特征在于，所述绘制模块，还包括：
    颜色填充子模块，用于在所述响应图像中添加至少一种颜色或至少一种图案。
  38. 根据权利要求23、35或36所述的装置，其特征在于，所述绘制模块，还包括：
    颜色填充子模块，用于按照以下任一种填充方式填充所述响应图像；所述填充方式包括：由浅到深填充，由深到浅填充，冷、暖色填充。
  39. 根据权利要求38所述的装置，其特征在于，所述绘制模块，还包括：
    透明度设置子模块，用于设置所述响应图像的透明度。
  40. 根据权利要求27所述的装置，其特征在于，
    所述绘制模块，还用于当撤销所述滑动操作时，所述惯性势能随显示帧衰减；依据衰减的惯性势能绘制响应图像并显示，直到惯性势能衰减为0，停止绘制所述响应图像。
  41. 一种智能终端，其特征在于，包括：所述智能终端包括：存储器、显示器、处理器和输入单元，其中，所述输入单元包括：触摸屏；
    所述处理器用于执行上述权利要求1-20任一所述的方法。
PCT/CN2016/107597 2015-12-09 2016-11-29 界面操作的处理方法、装置和智能终端 WO2017097142A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201510906656.4 2015-12-09
CN201510906656.4A CN106855778A (zh) 2015-12-09 2015-12-09 界面操作的处理方法、装置和智能终端

Publications (1)

Publication Number Publication Date
WO2017097142A1 true WO2017097142A1 (zh) 2017-06-15

Family

ID=59012704

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2016/107597 WO2017097142A1 (zh) 2015-12-09 2016-11-29 界面操作的处理方法、装置和智能终端

Country Status (2)

Country Link
CN (1) CN106855778A (zh)
WO (1) WO2017097142A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117032851A (zh) * 2023-06-29 2023-11-10 荣耀终端有限公司 棋盘布局的对象的显示方法、电子设备及可读存储介质

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111045581B (zh) * 2019-11-22 2022-06-07 安徽听见科技有限公司 一种页面滑动控制方法、装置、设备及存储介质
CN112035041B (zh) * 2020-08-31 2022-05-31 北京字节跳动网络技术有限公司 一种图像处理方法、装置、电子设备和存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101384047A (zh) * 2007-09-04 2009-03-11 Lg电子株式会社 移动终端的滚动方法
CN102385473A (zh) * 2010-09-02 2012-03-21 腾讯科技（深圳）有限公司 页面切换方法和装置
CN102597944A (zh) * 2009-10-16 2012-07-18 高通股份有限公司 内容边界信令技术
US20140379341A1 (en) * 2013-06-20 2014-12-25 Samsung Electronics Co., Ltd. Mobile terminal and method for detecting a gesture to control functions

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101384047A (zh) * 2007-09-04 2009-03-11 Lg电子株式会社 移动终端的滚动方法
CN102597944A (zh) * 2009-10-16 2012-07-18 高通股份有限公司 内容边界信令技术
CN102385473A (zh) * 2010-09-02 2012-03-21 腾讯科技（深圳）有限公司 页面切换方法和装置
US20140379341A1 (en) * 2013-06-20 2014-12-25 Samsung Electronics Co., Ltd. Mobile terminal and method for detecting a gesture to control functions

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117032851A (zh) * 2023-06-29 2023-11-10 荣耀终端有限公司 棋盘布局的对象的显示方法、电子设备及可读存储介质

Also Published As

Publication number Publication date
CN106855778A (zh) 2017-06-16

Similar Documents

Publication Publication Date Title
US9898180B2 (en) Flexible touch-based scrolling
US20180275868A1 (en) User interface control based on pinch gestures
US11460988B2 (en) Method of styling content and touch screen device for styling content
US9285953B2 (en) Display apparatus and method for inputting characters thereof
US20130067332A1 (en) Media seek bar
US20110199318A1 (en) Multi-layer user interface with flexible parallel movement
US20150339018A1 (en) User terminal device and method for providing information thereof
KR101932718B1 (ko) 화면 상의 디스플레이창의 크기를 변경하는 디바이스 및 방법
US9043733B2 (en) Weighted N-finger scaling and scrolling
JP2015515043A (ja) 端末機におけるコンテンツ移動方法及び装置
KR20150095540A (ko) 사용자 단말 장치 및 이의 디스플레이 방법
US20140223341A1 (en) Method and electronic device for controlling dynamic map-type graphic interface
US8745525B1 (en) Presenting graphical windows on a device
WO2017097142A1 (zh) 界面操作的处理方法、装置和智能终端
US10019425B2 (en) Enhancement to text selection controls
US20140223339A1 (en) Method and electronic device for controlling dynamic map-type graphic interface
CN107015726A (zh) 一种动态信息展示方法及装置
JP6659210B2 (ja) 手書入力装置及び手書入力方法
TWI724096B (zh) 介面操作的處理方法、裝置和智慧終端
US8698772B2 (en) Visual object manipulation
JP6945345B2 (ja) 表示装置、表示方法及びプログラム
US20140223340A1 (en) Method and electronic device for providing dynamic map-type graphic interface
CN103997634B (zh) 用户终端及其显示图像的方法
US11726644B2 (en) Providing visual feedback during touch-based operations on user interface elements
WO2017097141A1 (zh) 输入操作的处理方法、装置和智能终端

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 16872333

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 16872333

Country of ref document: EP

Kind code of ref document: A1