WO2019222887A1 - 一种显示控制方法及终端 - Google Patents

一种显示控制方法及终端 Download PDF

Info

Publication number
WO2019222887A1
WO2019222887A1 PCT/CN2018/087705 CN2018087705W WO2019222887A1 WO 2019222887 A1 WO2019222887 A1 WO 2019222887A1 CN 2018087705 W CN2018087705 W CN 2018087705W WO 2019222887 A1 WO2019222887 A1 WO 2019222887A1
Authority
WO
WIPO (PCT)
Prior art keywords
animation
page turning
terminal
parameter
touch
Prior art date
Application number
PCT/CN2018/087705
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 华为技术有限公司
Priority to PCT/CN2018/087705 priority Critical patent/WO2019222887A1/zh
Priority to EP18919743.7A priority patent/EP3783471A4/en
Priority to CN201880089217.0A priority patent/CN111712787B/zh
Priority to US17/057,458 priority patent/US11829581B2/en
Publication of WO2019222887A1 publication Critical patent/WO2019222887A1/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/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
    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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]
    • 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/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/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00—Animation
    • G06T13/80—2D [Two Dimensional] animation, e.g. using sprites

Definitions

  • the present application relates to the field of terminals, and in particular, to a display control method and a terminal.
  • the present application provides a display control method and a terminal, which can improve the environment's adaptive ability when displaying page-turning animations.
  • the present application provides a display control method, including: a terminal displaying a first interface on a touch screen; a terminal receiving a page turning operation input by a user in the first interface; and in response to the page turning operation, the terminal playing from the first
  • the interface enters the first page turning animation of the second interface, and the animation playback parameters of the first page turning animation are related to the first touch parameter generated by the user's finger on the touch screen during the page turning operation; when the page turning operation ends, the terminal
  • the second page turning animation from the first interface to the second interface is played until the complete second interface is displayed.
  • the animation playback parameters of the second page turning animation are related to the second touch parameters generated when the user leaves the touch screen.
  • the terminal can dynamically change the animation playback parameters that can affect the effect of the page turning animation of the second page turning animation based on the actual touch parameters when the user leaves the touch screen, so that the user can obtain the actual
  • the page-turning animation effect matching the touch scene improves the fluency of the page-turning animation and the ability to adapt the environment.
  • the terminal plays a second page turning animation that enters the second interface from the first interface, including: when the page turning operation is ended, the terminal obtains a second touch parameter, The second touch parameter includes the sliding distance and sliding speed when the user's finger leaves the touch screen; the terminal determines the animation playback parameter of the second page turning animation according to the second touch parameter, and the animation playback parameter of the second page turning animation includes the second page turning animation. Playback time and page turning rate; the terminal plays the second page turning animation that enters the second interface from the first interface according to the animation playback parameters of the second page turning animation.
  • the terminal can determine the animation playback parameters of the second page turning animation based on the actual touch parameters such as the speed and displacement when the user leaves the touch screen, and then play the second page turning animation according to the animation playback parameters to present the user with the actual touch scene. Matching page turning animation effect.
  • the terminal determining the animation playback parameter of the second page turning animation according to the second touch parameter includes: when the sliding distance in the second touch parameter is greater than a preset distance threshold, the terminal performs Set the relationship to determine the animation playback parameters of the second page turning animation; or, when the sliding speed in the second touch parameter is greater than a preset speed threshold, the terminal determines the animation playback parameters of the second page turning animation according to the second preset relationship. That is, in this application, different calculation methods of animation playback parameters are set for the page turning scene where the user slides the first interface faster to trigger the page turning animation, and the page turning scene where the user slowly slides the first interface to trigger the page turning animation. , So that the user can obtain the matching second page turning animation effect in the two page turning scenarios of slow page turning and fast page turning.
  • the terminal determines the animation playback parameters of the second page turning animation according to the first preset relationship, including: the terminal calculates the playing duration of the second page turning animation according to the first functional relationship, and the first function relationship In the middle, the playing time of the second page turning animation is inversely proportional to the sliding distance in the second touch parameter; the terminal sets the coordinates of the control point in the Bezier curve to a preset value, and the coordinates of the control point are used to determine the second The page turning rate of the page turning animation.
  • the terminal determines the animation playback parameters of the second page turning animation according to the second preset relationship, including: the terminal calculates the playing duration of the second page turning animation according to the second functional relationship, and the second function relationship ,
  • the playing time of the second page turning animation is inversely proportional to the sliding distance and sliding speed in the second touch parameter.
  • the second functional relationship is:
  • T is the playing time of the second page turning animation
  • v2 is the sliding speed in the second touch parameter
  • c is the completion rate of the displacement when the user's finger leaves the touch screen
  • c the sliding distance in the second touch parameter / page turning
  • w1, w2, and w3 are preset constant values, 0 ⁇ w1 ⁇ 1, 0 ⁇ w2 ⁇ 1, 0 ⁇ w3 ⁇ 1.
  • the page turning rate of the second page turning animation is determined by the coordinates of the control points in the Bezier curve. Then, the terminal determines the animation of the second page turning animation according to the second preset relationship.
  • the parameters include: the terminal calculates the abscissa of the control point according to the third functional relationship, and the abscissa of the control point is used to determine the position of the speed peak when the second page turning animation is played; the terminal calculates the control point according to the fourth functional relationship The ordinate, the ordinate of the control point is used to determine the initial speed when the second page turning animation is played.
  • the third functional relationship is:
  • a is the abscissa of the control point
  • b is the ordinate of the control point
  • v2 is the sliding speed in the second touch parameter
  • c is the displacement completion rate when the user's finger leaves the touch screen
  • c the second touch parameter In the sliding distance / the total displacement D
  • n1 is a preset constant value, 0 ⁇ n1 ⁇ 1.
  • the playing time of the first page turning animation is equal to the touching time of the user's finger on the touch screen; the page turning rate of the first page turning animation is equal to the user's finger sliding rate on the touch screen.
  • the present application provides a terminal, including: a display unit for displaying a first interface; an acquisition unit for receiving a page turning operation input by a user in the first interface; an animation playback unit for responding to the Page turning operation, playing a first page turning animation from the first interface to the second interface, and the animation playback parameters of the first page turning animation are related to the first touch parameter generated by the user's finger on the touch screen during the page turning operation; and
  • the second page turning animation from the first interface to the second interface is played until the complete second interface is displayed.
  • the animation of the second page turning animation is played with the user ’s finger and leaves the touch screen, The generated second touch parameters are correlated.
  • the terminal further includes a determining unit, wherein the obtaining unit is further configured to obtain a second touch parameter, where the second touch parameter includes a sliding distance and a sliding speed when the user's finger leaves the touch screen; the determining A unit for determining an animation playback parameter of the second page turning animation according to the second touch parameter, and the animation playback parameter of the second page turning animation includes a playing time and a page turning rate of the second page turning animation; the animation playback unit is specifically used Playing the second page turning animation from the first interface to the second interface according to the animation playback parameter of the second page turning animation.
  • the determining unit is specifically configured to determine the animation playback parameter of the second page turning animation according to the first preset relationship when the sliding distance in the second touch parameter is greater than a preset distance threshold; Alternatively, when the sliding speed in the second touch parameter is greater than a preset speed threshold, an animation playback parameter of the second page turning animation is determined according to a second preset relationship.
  • the foregoing determining unit is specifically configured to calculate a playing duration of the second page turning animation according to the first functional relationship, and in the first functional relationship, the playing duration of the second page turning animation and the second touch
  • the sliding distance in the parameters is inversely proportional; the coordinates of the control point in the Bezier curve are set to a preset value, and the coordinates of the control point are used to determine the page turning rate of the second page turning animation.
  • the distance threshold is x% of the total displacement D of the page turning animation
  • the foregoing determining unit is specifically configured to calculate a playing duration of the second page turning animation according to a second functional relationship.
  • the playing duration of the second page turning animation and the second touch are inversely proportional.
  • the speed threshold is w4
  • the maximum sliding speed when the user leaves the touch screen is w5
  • the second functional relationship is:
  • T is the playing time of the second page turning animation
  • v2 is the sliding speed in the second touch parameter
  • c is the completion rate of the displacement when the user's finger leaves the touch screen
  • c the sliding distance in the second touch parameter / page turning
  • w1, w2, and w3 are preset constant values, 0 ⁇ w1 ⁇ 1, 0 ⁇ w2 ⁇ 1, 0 ⁇ w3 ⁇ 1.
  • the page turning rate of the second page turning animation is determined by the coordinates of the control points in the Bezier curve; the above-mentioned determining unit is specifically configured to calculate a horizontal value of the control points according to a third functional relationship. Coordinate, the horizontal coordinate of the control point is used to determine the position of the speed peak when the second page turning animation is played; the vertical coordinate of the control point is calculated according to the fourth functional relationship, and the vertical coordinate of the control point is used to determine the second page turning The initial speed at the time of animation.
  • the speed threshold is w4
  • the maximum sliding speed when the user leaves the touch screen is w5
  • the playback duration of the second page turning animation is T
  • the total displacement of the page turning animation is D;
  • the third functional relationship is:
  • a is the abscissa of the control point
  • b is the ordinate of the control point
  • v2 is the sliding speed in the second touch parameter
  • c is the displacement completion rate when the user's finger leaves the touch screen
  • c the second touch parameter In the sliding distance / the total displacement D
  • n1 is a preset constant value, 0 ⁇ n1 ⁇ 1.
  • the playing time of the first page turning animation is equal to the touching time of the user's finger on the touch screen; the page turning rate of the first page turning animation is equal to the user's finger sliding rate on the touch screen.
  • the present application provides a terminal, including: a touch screen, one or more processors, a memory, a plurality of application programs, and one or more programs; wherein the processor is coupled to the memory, and the one or more programs are It is stored in a memory, and when the terminal is running, the processor executes one or more programs stored in the memory, so that the terminal executes any one of the display control methods described above.
  • the present application provides a computer storage medium including computer instructions, and when the computer instructions are executed on a terminal, the terminal is caused to execute the display control method according to any one of the first aspects.
  • the present application provides a computer program product that, when the computer program product runs on a computer, causes the computer to execute the display control method according to any one of the first aspects.
  • the terminals described in the second and third aspects provided above, the computer storage medium described in the fourth aspect, and the computer program product described in the fifth aspect are all used to execute the corresponding ones provided above.
  • Method therefore, the beneficial effects that can be achieved can refer to the beneficial effects in the corresponding methods provided above, which will not be repeated here.
  • FIG. 1 is a schematic diagram of an application scenario of a page turning animation in the prior art
  • FIG. 2 is a schematic diagram of a Bezier curve
  • FIG. 3 is a schematic structural diagram of a terminal according to an embodiment of the present application.
  • FIG. 4 is a first application scenario diagram of a display control method according to an embodiment of the present application.
  • FIG. 5 is a schematic flowchart of a display control method according to an embodiment of the present application.
  • FIG. 6 is a second application scenario diagram of a display control method according to an embodiment of the present application.
  • FIG. 7 is a third application scenario diagram of a display control method according to an embodiment of the present application.
  • FIG. 8 is a first schematic diagram of a display control method according to an embodiment of the present application.
  • FIG. 9 is a schematic diagram 2 of a display control method according to an embodiment of the present application.
  • FIG. 10 is a third schematic diagram of a display control method according to an embodiment of the present application.
  • FIG. 11 is a second schematic structural diagram of a terminal according to an embodiment of the present application.
  • the page turning animation includes a “following phase” where the user's finger comes into contact with the touch screen, and a “leaving phase” after the user's finger leaves the touch screen.
  • the duration of the animation there are two parameters that have an effect on the page turning animation effect in the "out of hand phase"
  • the interpolator can control the animation to speed and accelerate uniformly. , Deceleration, or parabolic rate.
  • the interpolator generally refers to a component used in the operating system of a terminal to control the rate of change of animation. It can enable the basic animation effect to change at various rates such as uniform speed, acceleration, deceleration, and parabolic rate.
  • Each frame of the animation will be displayed at a specific time between the start and end. Then, the entire playback process of the animation can be broken down into multiple floating-point numbers between 0 and 1 on the time axis. Furthermore, the speed of the animation element can be calculated under each floating point number, so as to control the running progress of the entire animation.
  • Bezier curve (also called Bezier curve or Bezier curve) is a mathematical curve applied to two-dimensional graphics applications.
  • the Bezier curve consists of line segments and nodes. Nodes are draggable fulcrum points. Line segments are like stretchable rubber bands.
  • the Bezier curve includes 4 points (P0-P3), where P0 (0,0) and P3 (1,1) are the default starting and ending points of the animation, and P1 and P2 are Bezier. Curve control points (curve points).
  • the shape of the Bezier curve can be changed by changing the positions of the two points P1 and P2.
  • the rhythm of the animation will change accordingly.
  • the horizontal axis of the Bezier curve can be used to represent the duration of the entire animation
  • the vertical axis of the Bezier curve can be used to represent the displacement of the animation elements in the animation.
  • the slope of each point on the curve can represent the playback rate of the animation at the corresponding moment and the corresponding displacement.
  • a page turning animation is taken as an example. If the terminal sets the above-mentioned points P1 and P2 to fixed values, when the page turning animation is displayed, each time the terminal follows the rate distribution in the Bezier curve shown in FIG. 2 The situation shows the entire page turning process. Because the slope of the Bezier curve shown in FIG. 2 increases first in the first half and gradually decreases in the second half, the entire page-turning animation will also show the display effect of first acceleration and then deceleration. However, if the speed of the user ’s finger when leaving the touch screen is significantly different from the initial speed of the page-turning animation during the "raise of hands", the user will feel that the page-turning animation is inconsistent and unnatural during the playback of the page-turning animation. a feeling of.
  • the display control method provided in the embodiments of the present application can dynamically change interpolator parameters (such as the coordinates of P1 and P2 above) and animation duration based on the actual touch parameters such as the speed and displacement when the user leaves the touch screen, and can affect the transition.
  • the animation playback parameters of the page animation effect enable the user to obtain a page-turning animation effect consistent with the actual touch scene in various page-turning scenarios, thereby improving the smoothness of the page-turning animation.
  • the display control method provided in the embodiment of the present application can be applied to a terminal.
  • the terminal may be a tablet computer, a desktop, a laptop, a notebook computer, an ultra-mobile personal computer (UMPC), a handheld computer, a netbook, or a personal digital assistant (PDA).
  • UMPC ultra-mobile personal computer
  • PDA personal digital assistant
  • Wearable electronic devices, smart watches, and other devices may also be the mobile phone 100 shown in FIG. 3, and the specific form of the terminal is not particularly limited in the embodiment of the present application.
  • the terminal in this embodiment of the present application may be a mobile phone 100.
  • the embodiment will be specifically described below with the mobile phone 100 as an example. It should be understood that the illustrated mobile phone 100 is only an example of a terminal, and the mobile phone 100 may have more or fewer components than those shown in the figure, may combine two or more components, or may have Different component configurations.
  • the various components shown in the figures can be implemented in hardware, software, or a combination of hardware and software, including one or more signal processing or application specific integrated circuits.
  • the mobile phone 100 may specifically include a processor 101, a radio frequency (RF) circuit 102, a memory 103, a touch screen 104, a Bluetooth device 105, one or more sensors 106, a Wi-Fi device 107, and a positioning device.
  • RF radio frequency
  • the mobile phone 100 may include more or fewer components than shown in the figure, or combine certain components, or arrange different components. .
  • the processor 101 is the control center of the mobile phone 100. It uses various interfaces and lines to connect various parts of the mobile phone 100, and executes the mobile phone by running or executing applications stored in the memory 103 and calling data and instructions stored in the memory 103. 100 various functions and processing data.
  • the processor 101 may include one or more processing units; the processor 101 may further integrate an application processor and a modem processor; wherein the application processor mainly processes an operating system, a user interface, and an application program, and the like.
  • the modem processor mainly handles wireless communication. It can be understood that the foregoing modem processor may not be integrated into the processor 101.
  • the processor 101 may be a Kirin 960 multi-core processor manufactured by Huawei Technologies Co., Ltd.
  • the radio frequency circuit 102 may be used for receiving and transmitting wireless signals during information transmission or communication. Specifically, the radio frequency circuit 102 may receive the downlink data of the base station and process it to the processor 101; in addition, send the uplink data to the base station. Generally, the radio frequency circuit includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a low noise amplifier, a duplexer, and the like. In addition, the radio frequency circuit 102 can also communicate with other devices through wireless communication. The wireless communication may use any communication standard or protocol, including but not limited to a global mobile communication system, a general packet wireless service, code division multiple access, wideband code division multiple access, long-term evolution, email, short message service, and the like.
  • the memory 103 is configured to store application programs and data, and the processor 101 executes various functions and data processing of the mobile phone 100 by running the application programs and data stored in the memory 103.
  • the memory 103 mainly includes a storage program area and a storage data area, where the storage program area can store an operating system and at least one application required by a function (such as a sound playback function, an image playback function, etc.); the storage data area can store data according to the mobile phone used Data created at 100 (such as audio data, phone book, etc.).
  • the memory 103 may include a high-speed random access memory, and may also include a non-volatile memory, such as a magnetic disk storage device, a flash memory device, or other volatile solid-state storage devices.
  • the memory 103 can store various operating systems, such as those developed by Apple Inc. Operating system, developed by Google Operating system, etc.
  • the touch screen 104 may include a touch-sensitive surface 104-1 and a display 104-2.
  • the touch-sensitive surface 104-1 (for example, a touch panel) can capture touch events on or near the user of the mobile phone 100 (such as the user using a finger, a stylus, etc. on any suitable object on the touch-sensitive surface 104-1). Or operations near the touch-sensitive surface 104-1), and send the collected touch information to other devices such as the processor 101.
  • the user's touch event near the touch-sensitive surface 104-1 can be referred to as hovering touch; hovering touch can mean that the user does not need to directly touch the touchpad in order to select, move, or drag an object (such as an icon). , As long as the user is located near the terminal in order to perform the desired function.
  • the touch-sensitive surface 104-1 capable of floating touch can be implemented using a capacitive type, an infrared light sensor, and an ultrasonic wave.
  • the touch-sensitive surface 104-1 may include two parts, a touch detection device and a touch controller. Among them, the touch detection device detects the user's touch position, and detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives touch information from the touch detection device, converts it into contact coordinates, and then When sent to the processor 101, the touch controller may also receive and execute instructions sent by the processor 101.
  • various types such as resistive, capacitive, infrared, and surface acoustic waves can be used to implement the touch-sensitive surface 104-1.
  • the display (also referred to as a display screen) 104-2 may be used to display information input by the user or information provided to the user and various menus of the mobile phone 100.
  • the display 104-2 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like.
  • the touch-sensitive surface 104-1 may be overlaid on the display 104-2. When the touch-sensitive surface 104-1 detects a touch event on or near the touch-sensitive surface 104-1, it transmits it to the processor 101 to determine the type of the touch event, and then the processor 101 may provide a corresponding visual output on the display 104-2 according to the type of the touch event.
  • the touch-sensitive surface 104-1 and the display screen 104-2 are implemented as two independent components to implement the input and output functions of the mobile phone 100, in some embodiments, the touch-sensitive surface 104- 1 Integrated with the display screen 104-2 to implement the input and output functions of the mobile phone 100. It can be understood that the touch screen 104 is formed by stacking multiple layers of materials. In the embodiment of the present application, only the touch-sensitive surface (layer) and the display screen (layer) are shown. The other layers are not described in the embodiments of the present application.
  • the touch-sensitive surface 104-1 may cover the display 104-2, and the size of the touch-sensitive surface 104-1 is larger than the size of the display screen 104-2, so that the display screen 104- 2 is all covered under the touch-sensitive surface 104-1, or the touch-sensitive surface 104-1 can be configured on the front of the mobile phone 100 in the form of a comprehensive board, that is, the user's touch on the front of the mobile phone 100 can be perceived by the mobile phone, so You can achieve a full touch experience on the front of the phone.
  • the touch-sensitive surface 104-1 is configured on the front of the mobile phone 100 in the form of a full board
  • the display screen 104-2 may also be configured on the front of the mobile phone 100 in the form of a full board. Achieve frameless structure.
  • the touch screen 104 may further include one or more sets of sensor arrays. The touch screen 104 may also sense the pressure exerted by the user on the touch screen 104 while sensing a touch event on the user. Wait.
  • the touch screen 104 may continuously collect touch events (such as the coordinates of the touch point, the touch time, etc.) generated by the user's finger on the touch screen 104. ).
  • touch screen 104 can send a touch event within a recent period (for example, 100 ms) to the processor 101, and the processor 101 calculates the speed when the user's finger leaves the touch screen 104, and the user's finger leaves The actual touch parameters such as the displacement generated on the touch screen 104 when the touch screen 104 is touched.
  • the processor 101 can determine the animation playback parameters when the page turning animation is played based on these actual touch parameters, for example, the playing time of the page turning animation and the control points forming the Bezier curve in the interpolator (such as the above-mentioned P1 and P2) Coordinates, etc. In this way, the processor 101 can play the page-turning animation on the touch screen 104 according to the determined animation playback parameter, and present the page-turning animation effect to the user in accordance with the actual touch scene, thereby improving the smoothness of the page-turning animation.
  • the mobile phone 100 plays a page-turning animation
  • this embodiment of the present application does not place any restrictions on this.
  • the desktop can be divided into multiple sub-screens. In one sub-screen, you can play the flip animation to switch to another sub-screen on the desktop.
  • FIG. 4 (b) when the terminal displays an application interface in an APP, if a user's finger is detected to slide the application interface, a page turning animation can also be played to switch to the upper menu of the application interface Or lower menu.
  • FIG. 4 (b) when the terminal displays an application interface in an APP, if a user's finger is detected to slide the application interface, a page turning animation can also be played to switch to the upper menu of the application interface Or lower menu.
  • the mobile phone 100 may further include a Bluetooth device 105 for implementing data exchange between the mobile phone 100 and other short-range terminals (such as a mobile phone, a smart watch, etc.).
  • the Bluetooth device in the embodiment of the present application may be an integrated circuit or a Bluetooth chip.
  • the mobile phone 100 may further include at least one sensor 106, such as a light sensor, a motion sensor, and other sensors.
  • the light sensor may include an ambient light sensor and a proximity sensor.
  • the ambient light sensor can adjust the brightness of the display of the touch screen 104 according to the brightness of the ambient light, and the proximity sensor can turn off the power of the display when the mobile phone 100 is moved to the ear.
  • an accelerometer sensor can detect the magnitude of acceleration in various directions (usually three axes), and can detect the magnitude and direction of gravity when it is stationary.
  • attitude of the mobile phone such as horizontal and vertical screen switching, related Games, magnetometer attitude calibration), vibration recognition related functions (such as pedometer, tap), etc .
  • vibration recognition related functions such as pedometer, tap
  • the mobile phone 100 fingerprint recognition devices, gyroscopes, barometers, hygrometers, thermometers, infrared sensors and other sensors can also be configured Will not repeat them here.
  • Wi-Fi device 107 is used to provide mobile phone 100 with network access that complies with Wi-Fi related standard protocols. Mobile phone 100 can access Wi-Fi access points through Wi-Fi device 107 to help users send and receive email, Browse the web and access streaming media, etc., it provides users with wireless broadband Internet access. In some other embodiments, the Wi-Fi device 107 can also be used as a Wi-Fi wireless access point, and can provide Wi-Fi network access for other terminals.
  • the positioning device 108 is configured to provide a geographic location for the mobile phone 100. It can be understood that the positioning device 108 may specifically be a receiver of a positioning system such as a global positioning system (GPS) or a Beidou satellite navigation system. After receiving the geographical position sent by the positioning system, the positioning device 108 sends the information to the processor 101 for processing, or sends the information to the memory 103 for storage. In other embodiments, the positioning device 108 may be an assisted global positioning system (AGPS) receiver. AGPS is an operation mode for GPS positioning with certain assistance and cooperation.
  • AGPS assisted global positioning system
  • the signal of the base station and the GPS satellite signal can make the mobile phone 100 locate faster; in the AGPS system, the positioning device 108 can obtain positioning assistance through communication with an auxiliary positioning server (such as a mobile phone positioning server).
  • the AGPS system assists the positioning device 108 to complete ranging and positioning services by serving as an auxiliary server.
  • the auxiliary positioning server communicates with the terminal such as the positioning device 108 (ie, the GPS receiver) of the mobile phone 100 through a wireless communication network to provide positioning. assist.
  • the audio circuit 109, the speaker 113, and the microphone 114 may provide an audio interface between the user and the mobile phone 100.
  • the audio circuit 109 may transmit the received electrical data converted electric signal to the speaker 113, and the speaker 113 converts the sound signal into a sound signal for output.
  • the microphone 114 converts the collected sound signal into an electric signal, and the audio circuit 109 After receiving, it is converted into audio data, and then the audio data is output to the RF circuit 102 for sending to another mobile phone, or the audio data is output to the memory 103 for further processing.
  • the peripheral interface 110 is used to provide various interfaces for external input / output devices (such as a keyboard, a mouse, an external display, an external memory, a user identification module card, etc.). For example, it is connected to a mouse through a universal serial bus interface, and is electrically connected to a subscriber identity module (SIM) card provided by a telecommunications operator through a metal contact on a card slot of the subscriber identity module.
  • SIM subscriber identity module
  • the peripheral interface 110 may be used to couple the above-mentioned external input / output peripherals to the processor 101 and the memory 103.
  • the mobile phone 100 may further include a power supply device 111 (such as a battery and a power management chip) for supplying power to various components.
  • the battery may be logically connected to the processor 101 through the power management chip, so as to manage charging, discharging, and power consumption management through the power supply device 111. And other functions.
  • the mobile phone 100 may further include a camera, a flash, a micro-projection device, a near field communication (NFC) device, and the like, and details are not described herein.
  • a camera a flash
  • a micro-projection device a micro-projection device
  • NFC near field communication
  • FIG. 5 is a schematic flowchart of a display control method according to an embodiment of the present application. As shown in FIG. 5, the display control method may include:
  • the terminal displays a first interface on a touch screen.
  • the first interface may be any interface that supports displaying page turning animation.
  • the first interface may be a sub-screen in the desktop.
  • the first interface may also be a picture or document playback interface.
  • the first interface may also be an interface with an upper-level menu or a lower-level menu in any application (APP), which is not limited in the embodiment of the present application.
  • APP application
  • the terminal receives a page turning operation input by the user on the first interface.
  • the foregoing page turning operation may be a sliding operation performed by a user's finger on the first interface, or a sliding operation performed by the user on the first interface using a device such as a stylus pen, and this embodiment of the present application does not place any restrictions on this. .
  • the touch screen can detect a user's input in the first interface in real time. Take the sliding operation of the user's finger on the first interface as an example of page turning operation.
  • the first interface 601 is a sub-screen on the desktop.
  • the touch screen can detect The information such as the coordinates of each touch point and the touch time generate a series of touch events, and report the series of touch events to the processor of the terminal.
  • the processor may determine that the operation performed by the current user is a page turning operation according to these touch events. Further, the processor may control the touch screen to display a page turning animation corresponding to the page turning operation according to steps S503-S504 described below.
  • the terminal plays a first page turning animation that enters the second interface from the first interface.
  • the animation playback parameter of the first page turning animation is related to the first touch parameter generated when the user's finger slides on the touch screen.
  • the animation playback parameter may include a playback duration (T) of the animation and a page turning rate (v1) of the animation.
  • the first touch parameter may include a sliding distance and a sliding speed of a user's finger on the touch screen.
  • the terminal in response to the continuous sliding detected by the touch screen during the above page turning operation, when the terminal plays the first page turning animation, the terminal can set the duration of the animation (T) and the page turning rate (v1) and the user's finger sliding on the touch screen.
  • the page turning rate (v1) of the first page turning animation can be set to be the same as the sliding speed of the user's finger on the touch screen, and the playing time (T) of the first page turning animation is the same as the time that the user's finger stays on the touch screen. .
  • the first interface 601 can follow the direction in which the user's finger slides, and use the sliding speed of the user's finger as the first
  • the page turning rate (v1) of the page turning animation moves, and the second interface 602 adjacent to the first interface 601 is gradually displayed, that is, the "following hand" animation effect during page turning is realized.
  • the terminal plays a second page turning animation from the first interface to the second interface according to the second touch parameter generated when the user leaves the touch screen, until the complete second interface is displayed.
  • the second touch parameter includes a sliding distance (s) and a sliding speed (v2) when the user's finger leaves the touch screen.
  • the animation playback parameters of the second page turning animation are related to the sliding distance (s) and sliding speed (v2) generated when the user's finger leaves the touch screen.
  • the second page turning animation played by the terminal dynamically changes according to the second touch parameter actually generated when the user leaves the touch screen, so that the terminal can play in different page turning scenarios A page turning animation adapted to the user's actual touch scene.
  • the terminal when the terminal detects that the continuous sliding process when the user performs the above page turning operation ends, for example, after the user ’s finger slides a distance When leaving the touch screen, the terminal can calculate the sliding distance (s) and sliding speed (v2) of the user's finger when leaving the touch screen. If the sliding distance (s) of the user's finger when leaving the touch screen is greater than the distance threshold, or the sliding speed (v2) of the user's finger when leaving the touch screen is greater than the speed threshold, it means that the user's sliding intention on the touch screen is to enter the first interface from the first interface. Second interface.
  • the terminal can play from the first The second page-turning animation when the interface enters the second interface, that is, the page-turning animation during the leaving phase.
  • the terminal may obtain a series of touch events generated when a user ’s finger reported on the touch screen slides on the first interface, and each touch event may include coordinates and a touch time of a corresponding touch point. Furthermore, the terminal can calculate the sliding distance (s) that the user's finger has generated when leaving the touch screen according to the coordinates of the touch point in the series of touch events. In addition, the terminal may also calculate the sliding speed (v2) of the user ’s finger when leaving the touch screen according to the coordinates and touch time of the nearest N touch points (for example, the last 20 touch points) in the series of touch events.
  • the terminal can also convert the unit of the sliding speed (v2) into px / s (pixels per second) to facilitate subsequent calculation and playback of the second page turning animation Animation playback parameters.
  • the terminal when the sliding distance (s) of the user ’s finger when leaving the touch screen is greater than the distance threshold, the terminal may calculate the animation playback parameter of the second page turning animation according to the first preset relationship, and when the user ’s finger is away When the sliding speed (v2) when the touch screen is greater than the speed threshold, the terminal may calculate the animation playback parameters of the second page turning animation according to the second preset relationship.
  • the sliding distance (s) is larger than the distance threshold, the speed of the user's finger sliding is generally low, while the sliding speed (v2) is greater than the speed threshold, the user's finger sliding speed is generally higher.
  • the speed threshold can be set to 600px / s.
  • the distance threshold may be set to 40% of the width D.
  • the total displacement of the entire page-turning animation may also be the length of the touch screen in the vertical direction or any other direction, which is not limited in the embodiment of the present application.
  • the animation playing parameters of the second page turning animation may also include the playing time (T) of the animation and the page turning rate (v1) of the animation.
  • the page turning rate (v1) is fixed.
  • the parameter affecting the page turning rate (v1) is generally an interpolator parameter of the interpolator.
  • the interpolator parameter may be the coordinates of points P0-P3 of the Bezier curve in FIG. 2.
  • P0 (0,0) and P3 (1,1) as the starting point and ending point of the second page turning animation are generally fixed. Therefore, the coordinates of the control points P1 and P2 on the Bezier curve can be set to The fixed value makes the terminal have a fixed page turning rate (v1) when playing the second page turning animation.
  • the terminal may calculate the playing duration (T) according to a preset first function relationship according to a sliding distance (s) of the user ’s finger when leaving the touch screen.
  • the playing time (T) and the sliding distance (s) have an inverse proportional relationship. That is, when the sliding distance (s) of the user ’s finger when leaving the touch screen is larger, the playing time (T) of playing the second page turning animation is shorter; correspondingly, when the user ’s finger is away from the touch screen (s) s) The smaller the time, the longer the playing time (T) of the second page turning animation.
  • the terminal can present the second page turning animation with different playing duration (T) to the user according to the sliding distance (s) when leaving the touch screen, thereby improving the smoothness of the page turning animation.
  • T 0.26 + (1-c) / (1-40%) ⁇ 0.06. That is, the playing time (T) of the second page-turning animation is at least 260ms and at most 320ms.
  • the terminal can play the parameters according to this set of animations. (Referred to as the first animation playback parameter) plays the second page turning animation, so that the terminal can present a second page turning animation that is compatible with the sliding distance (s) of the user's finger when leaving the touch screen in a scene where the user slowly turns the page.
  • the animation playing parameters of the second page turning animation may also include the playing time (T) of the animation and the page turning rate (v1) of the animation.
  • the terminal may calculate the playing duration (T) according to a preset second function relationship.
  • the playing time (T) is in inverse proportion to the sliding distance (s)
  • the playing time (T ) Is also inversely proportional to the sliding speed (v2).
  • the terminal can present the user with the second page turning animation with different playing time (T) according to the sliding speed (v2) and the sliding distance (s) when leaving the touch screen, thereby improving the page turning animation. Smoothness.
  • w4 is the speed threshold that the user ’s finger leaves when the touch screen is satisfied,
  • w5 is The maximum sliding speed when the user's finger leaves the touch screen;
  • w1, w2, and w3 are preset constant values (0 ⁇ w1 ⁇ 1, 0 ⁇ w2 ⁇ 1, 0 ⁇ w3 ⁇ 1), w1 determines the playback time (T) The minimum value, w2 and w3 together determine the maximum value of the playing time (T).
  • the page turning rate (v1) of the second page turning animation can be determined by the coordinates of the two control points P1 and P2 in the Bezier curve.
  • the coordinates of point P1 mainly affect the progress when the second page turning animation starts playing
  • the coordinates of point P2 mainly affect the progress when the second page turning animation ends playing.
  • the coordinates of point P2 can be set to a fixed value. For example, set the coordinates of point P2 to (0.25,1).
  • the coordinates of point P1 are (a, b), where the value of a mainly affects the position of the speed peak when the second page turning animation is played.
  • the value of a is smaller, the peak of the speed of playing the second page-turning animation is more forward, that is, the acceleration process of the second page-turning animation is less obvious after the user's finger leaves the touch screen; when the value of a is larger, the first The later the speed peak of the second page turning animation is, the more obvious the acceleration process of the second page turning animation after the user's finger leaves the touch screen.
  • the terminal when determining the abscissa a of the point P1, may calculate the abscissa a according to a preset third function relationship according to the sliding speed (v2) when the user's finger leaves the touch screen. Among them, the value of the abscissa a is proportional to the sliding speed (v2).
  • the second page turning animation can present a process of first accelerating and then decelerating. In this way, during the playing time (T) of the second page turning animation, no matter what speed the user slides the first interface, the entire sliding process felt by the user has only one speed peak, making the whole page turning animation smoother and more natural.
  • w4 is the speed threshold value when the user's finger leaves the touch screen
  • w5 is the maximum sliding speed when the user's finger leaves the touch screen
  • n1 is a preset constant value (0 ⁇ n1 ⁇ 1).
  • the terminal when determining the ordinate b of the point P1, may follow a preset fourth function relationship according to the sliding speed (v2) and sliding distance (s) of the user ’s finger when leaving the touch screen. Calculate the ordinate b.
  • the fourth functional relationship is:
  • T is the second page turning calculated by the above second function relationship
  • a is the abscissa of the P1 point calculated by the second functional relationship
  • D is the total displacement of the entire page turning animation.
  • the terminal flips the page turning speed after decelerating slightly when playing the second page turning animation.
  • the playing time for example, T3 is longer (that is, T3> T2); if the user ’s finger slides on the touch screen, the distance is longer.
  • the terminal will display a page turning rate that is greatly accelerated and then decelerated when playing the second page turning animation.
  • the playing time for example, T4 is the longest (that is, T4> T3).
  • the terminal can play the parameters according to this set of animation (this It can be called the second animation playback parameter in the embodiment of the application) Play the second page turning animation, so that the terminal can present the sliding distance (s) and sliding speed (v2) when the user leaves the touch screen with the user's finger in the scene of fast page turning
  • the second page turning animation is adapted to improve the smoothness of the page turning animation.
  • the terminal may include a touch screen 1101, where the touch screen 1101 includes a touch-sensitive surface 1106 and a display screen 1107; one or more processors 1102; A memory 1103; a plurality of application programs 1108; and one or more computer programs 1104.
  • the above-mentioned devices may be connected through one or more communication buses 1105.
  • the one or more computer programs 1104 are stored in the memory 1103 and are configured to be executed by the one or more processors 1102.
  • the one or more computer programs 1104 include instructions. 5 and the respective steps in the corresponding embodiments.
  • Each functional unit in each of the embodiments of the present application may be integrated into one processing unit, or each unit may exist separately physically, or two or more units may be integrated into one unit.
  • the above integrated unit may be implemented in the form of hardware or in the form of software functional unit.
  • the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it may be stored in a computer-readable storage medium.
  • the technical solution of the embodiments of the present application is essentially a part that contributes to the existing technology or all or part of the technical solution may be embodied in the form of a software product.
  • the computer software product is stored in a storage device.
  • the medium includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device) or a processor to perform all or part of the steps of the method described in the embodiments of the present application.
  • the foregoing storage medium includes: various types of media that can store program codes, such as a flash memory, a mobile hard disk, a read-only memory, a random access memory, a magnetic disk, or an optical disk.

Abstract

本申请实施例公开了一种显示控制方法，涉及终端领域，可在显示翻页动画时提高动画的环境自适应能力。该方法包括：终端在触摸屏中显示第一界面；终端接收用户在第一界面中输入的翻页操作；响应于该翻页操作，终端播放从第一界面进入第二界面的第一翻页动画，第一翻页动画的动画播放参数与该翻页操作中用户手指在该触摸屏上产生的第一触摸参数相关；当该翻页操作结束后，终端播放从第一界面进入第二界面的第二翻页动画，直至显示出完整的第二界面，第二翻页动画的动画播放参数与用户手指离开该触摸屏时产生的第二触摸参数相关。

Description

一种显示控制方法及终端 技术领域
本申请涉及终端领域，尤其涉及一种显示控制方法及终端。
背景技术
为了使得用户在使用手机等终端时获得更好的人机交互体验，许多终端在显示时都添加了动画效果。以翻页动画为例，如图1所示，用户手指在触摸屏上滑动进行翻页时，当前显示的页面1可随着用户手指一起翻动，逐渐露出页面1的下一页(即页面2)。当用户手指离开触摸屏后，终端仍然会在触摸屏上显示页面1继续翻动的动画效果，直至页面2完整的显示在触摸屏中。
但目前，在播放上述翻页动画时的播放时长和动画的变化速率均为固定的取值。也就是说，无论用户在触摸屏上较快的滑动还是较慢的滑动，均会显示同样的翻页动画效果，使得翻页动画的播放无法适应环境的变化，无法对不同的用户操作进行自适应调整。
发明内容
本申请提供一种显示控制方法及终端，可在显示翻页动画时提高动画的环境自适应能力。
为达到上述目的，本申请采用如下技术方案：
第一方面，本申请提供一种显示控制方法，包括：终端在触摸屏中显示第一界面；终端接收用户在第一界面中输入的翻页操作；响应于该翻页操作，终端播放从第一界面进入第二界面的第一翻页动画，第一翻页动画的动画播放参数与该翻页操作中用户手指在该触摸屏上产生的第一触摸参数相关；当该翻页操作结束后，终端播放从第一界面进入第二界面的第二翻页动画，直至显示出完整的第二界面，第二翻页动画的动画播放参数与用户手指离开该触摸屏时产生的第二触摸参数相关。
也就是说，终端可基于用户手指离开触摸屏时的实际触摸参数，动态改变能够影响第二翻页动画的翻页动画效果的动画播放参数，使得用户在各种翻页场景下都能够获得与实际触摸场景相符的翻页动画效果，从而提高翻页动画的流畅度和环境自适应能力。
在一种可能的设计方法中，当上述翻页操作结束后，终端播放从第一界面进入第二界面的第二翻页动画，包括：当翻页操作结束时，终端获取第二触摸参数，第二触摸参数包括用户手指离开该触摸屏时的滑动距离和滑动速度；终端根据第二触摸参数确定第二翻页动画的动画播放参数，第二翻页动画的动画播放参数包括第二翻页动画的播放时长和翻页速率；终端按照第二翻页动画的动画播放参数播放从第一界面进入第二界面的第二翻页动画。即终端可基于用户手指离开触摸屏时的速度和位移等实际触摸参数，确定出第二翻页动画的动画播放参数，进而按照该动画播放参数播放第二翻页动画，为用户呈现与实际触摸场景相符的翻页动画效果。
在一种可能的设计方法中，终端根据第二触摸参数确定第二翻页动画的动画播放参数，包括：当第二触摸参数中的滑动距离大于预设的距离阈值时，终端按照第一预设关系确定 第二翻页动画的动画播放参数；或者，当第二触摸参数中的滑动速度大于预设的速度阈值时，终端按照第二预设关系确定第二翻页动画的动画播放参数。也就是说，本申请中对于用户较快滑动第一界面触发翻页动画的翻页场景，和用户较慢滑动第一界面触发翻页动画的翻页场景设置了不同的动画播放参数的计算方法，使得用户在慢速翻页和快速翻页这两种翻页场景下均能获得相匹配的第二翻页动画效果。
在一种可能的设计方法中，终端按照第一预设关系确定第二翻页动画的动画播放参数，包括：终端按照第一函数关系计算第二翻页动画的播放时长，在第一函数关系中，第二翻页动画的播放时长与第二触摸参数中的滑动距离呈反比例关系；终端将贝塞尔曲线中控制点的坐标设置为预设值，该控制点的坐标用于决定第二翻页动画的翻页速率。
例如，如果上述距离阈值为翻页动画的总位移量D的x％，则上述第一函数关系为：T＝k1+(1-c)/(1-x％)×k2；其中，T为第二翻页动画的播放时长；c为用户手指离开该触摸屏时的位移完成率，c＝第二触摸参数中的滑动距离/该总位移量D；k1和k2为预设的常数值，0＜k1＜1，0＜k2＜1。
在一种可能的设计方法中，终端按照第二预设关系确定第二翻页动画的动画播放参数，包括：终端按照第二函数关系计算第二翻页动画的播放时长，在第二函数关系中，第二翻页动画的播放时长与第二触摸参数中的滑动距离和滑动速度均呈反比例关系。
例如，如果上述速度阈值为w4，用户手指离开该触摸屏时的最大滑动速度为w5，则第二函数关系为：
Figure PCTCN2018087705-appb-000001
其中，T为第二翻页动画的播放时长；v2为第二触摸参数中的滑动速度；c为用户手指离开该触摸屏时的位移完成率，c＝第二触摸参数中的滑动距离/翻页动画的总位移量D；w1、w2和w3为预设的常数值，0＜w1＜1，0＜w2＜1，0＜w3＜1。
在一种可能的设计方法中，第二翻页动画的翻页速率是由贝塞尔曲线中控制点的坐标决定的，那么，终端按照第二预设关系确定第二翻页动画的动画播放参数，包括：终端按照第三函数关系计算该控制点的横坐标，该控制点的横坐标用于决定播放第二翻页动画时速度峰值的位置；终端按照第四函数关系计算该控制点的纵坐标，该控制点的纵坐标用于决定播放第二翻页动画时的初速度。
例如，如果上述速度阈值为w4，用户手指离开该触摸屏时的最大滑动速度为w5，第二翻页动画的播放时长为T，翻页动画的总位移量为D；则：
第三函数关系为：
Figure PCTCN2018087705-appb-000002
第四函数关系为：
Figure PCTCN2018087705-appb-000003
其中，a为该控制点的横坐标，b为该控制点的纵坐标；v2为第二触摸参数中的滑动速度；c为用户手指离开该触摸屏时的位移完成率，c＝第二触摸参数中的滑动距离/该总位移量D；n1为预设的常数值，0＜n1＜1。
在一种可能的设计方法中，第一翻页动画的播放时长与用户手指在该触摸屏上的触摸时长相等；第一翻页动画的翻页速率与用户手指在该触摸屏上滑动速率相等。
第二方面，本申请提供一种终端，包括：显示单元，用于显示第一界面；获取单元，用于接收用户在第一界面中输入的翻页操作；动画播放单元，用于响应于该翻页操作，播放从第一界面进入第二界面的第一翻页动画，第一翻页动画的动画播放参数与该翻页操作 中用户手指在该触摸屏上产生的第一触摸参数相关；以及，当该翻页操作结束后，播放从第一界面进入第二界面的第二翻页动画，直至显示出完整的第二界面，第二翻页动画的动画播放参数与用户手指离开该触摸屏时产生的第二触摸参数相关。
在一种可能的设计方法中，上述终端还包括确定单元，其中，上述获取单元还用于获取第二触摸参数，第二触摸参数包括用户手指离开该触摸屏时的滑动距离和滑动速度；该确定单元，用于根据第二触摸参数确定第二翻页动画的动画播放参数，第二翻页动画的动画播放参数包括第二翻页动画的播放时长和翻页速率；该动画播放单元，具体用于按照第二翻页动画的动画播放参数播放从第一界面进入第二界面的第二翻页动画。
在一种可能的设计方法中，上述确定单元，具体用于当第二触摸参数中的滑动距离大于预设的距离阈值时，按照第一预设关系确定第二翻页动画的动画播放参数；或者，当第二触摸参数中的滑动速度大于预设的速度阈值时，按照第二预设关系确定第二翻页动画的动画播放参数。
在一种可能的设计方法中，上述确定单元，具体用于按照第一函数关系计算第二翻页动画的播放时长，在第一函数关系中，第二翻页动画的播放时长与第二触摸参数中的滑动距离呈反比例关系；将贝塞尔曲线中控制点的坐标设置为预设值，该控制点的坐标用于决定第二翻页动画的翻页速率。
例如，上述距离阈值为翻页动画的总位移量D的x％，第一函数关系为：T＝k1+(1-c)/(1-x％)×k2；其中，T为第二翻页动画的播放时长；c为用户手指离开该触摸屏时的位移完成率，c＝第二触摸参数中的滑动距离/该总位移量D；k1和k2为预设的常数值，0＜k1＜1，0＜k2＜1。
在一种可能的设计方法中，上述确定单元，具体用于按照第二函数关系计算第二翻页动画的播放时长，在第二函数关系中，第二翻页动画的播放时长与第二触摸参数中的滑动距离和滑动速度均呈反比例关系。
例如，上述速度阈值为w4，用户手指离开该触摸屏时的最大滑动速度为w5，第二函数关系为：
Figure PCTCN2018087705-appb-000004
其中，T为第二翻页动画的播放时长；v2为第二触摸参数中的滑动速度；c为用户手指离开该触摸屏时的位移完成率，c＝第二触摸参数中的滑动距离/翻页动画的总位移量D；w1、w2和w3为预设的常数值，0＜w1＜1，0＜w2＜1，0＜w3＜1。
在一种可能的设计方法中，第二翻页动画的翻页速率是由贝塞尔曲线中控制点的坐标决定的；上述确定单元，具体用于按照第三函数关系计算该控制点的横坐标，该控制点的横坐标用于决定播放第二翻页动画时速度峰值的位置；按照第四函数关系计算该控制点的纵坐标，该控制点的纵坐标用于决定播放第二翻页动画时的初速度。
例如，该速度阈值为w4，用户手指离开该触摸屏时的最大滑动速度为w5，第二翻页动画的播放时长为T，翻页动画的总位移量为D；
该第三函数关系为：
Figure PCTCN2018087705-appb-000005
该第四函数关系为：
Figure PCTCN2018087705-appb-000006
其中，a为该控制点的横坐标，b为该控制点的纵坐标；v2为第二触摸参数中的滑动速度；c为用户手指离开该触摸屏时的位移完成率，c＝第二触摸参数中的滑动距离/该总位 移量D；n1为预设的常数值，0＜n1＜1。
在一种可能的设计方法中，第一翻页动画的播放时长与用户手指在该触摸屏上的触摸时长相等；第一翻页动画的翻页速率与用户手指在该触摸屏上滑动速率相等。
第三方面，本申请提供一种终端，包括：触摸屏、一个或多个处理器、存储器、多个应用程序，以及一个或多个程序；其中，处理器与存储器耦合，上述一个或多个程序被存储在存储器中，当终端运行时，该处理器执行该存储器存储的一个或多个程序，以使终端执行上述任一项显示控制方法。
第四方面，本申请提供一种计算机存储介质，包括计算机指令，当计算机指令在终端上运行时，使得终端执行如第一方面中任一项所述的显示控制方法。
第五方面，本申请提供一种计算机程序产品，当计算机程序产品在计算机上运行时，使得计算机执行如第一方面中任一项所述的显示控制方法。
可以理解地，上述提供的第二方面和第三方面所述的终端、第四方面所述的计算机存储介质，以及第五方面所述的计算机程序产品均用于执行上文所提供的对应的方法，因此，其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果，此处不再赘述。
附图说明
图1为现有技术中翻页动画的应用场景示意图；
图2为一种贝塞尔曲线的示意图；
图3为本申请实施例提供的一种终端的结构示意图；
图4为本申请实施例提供的一种显示控制方法的应用场景示意图一；
图5为本申请实施例提供的一种显示控制方法的流程示意图；
图6为本申请实施例提供的一种显示控制方法的应用场景示意图二；
图7为本申请实施例提供的一种显示控制方法的应用场景示意图三；
图8为本申请实施例提供的一种显示控制方法的原理示意图一；
图9为本申请实施例提供的一种显示控制方法的原理示意图二；
图10为本申请实施例提供的一种显示控制方法的原理示意图三；
图11为本申请实施例提供的一种终端的结构示意图二。
具体实施方式
为了方便清楚地理解下述各实施例，首先给出相关技术术语的简要介绍：
仍如图1所示，翻页动画包括用户手指与触摸屏接触的“跟手阶段”，以及用户手指离开触摸屏后的“离手阶段”。一般，对“离手阶段”的翻页动画效果产生影响的参数有两项，一是动画的播放时长，二是动画的变化速率，例如，通过插值器(Interpolator)可以控制动画以匀速、加速、减速或抛物线速率等各种速率变化。
插值器一般是指终端的操作系统中用于控制动画变化速率的一种组件，它可以使得基本的动画效果能够以匀速、加速、减速、抛物线速率等各种速率变化。
动画的每一帧都会在开始和结束之间的特定时间显示，那么，可以将动画的整个播放过程分解为时间轴上位于0到1之间的多个浮点数。进而，可计算在每个浮点数下动画元素的播放快慢，从而控制整个动画的运行进度。
以基于贝塞尔曲线的插值器举例，其中，贝塞尔曲线(B é zier curve)又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。贝兹曲线由线段与节点组成，节点是 可拖动的支点，线段像可伸缩的皮筋。如图2所示的贝塞尔曲线上包括4点(P0-P3)，其中P0(0,0)和P3(1,1)是默认的动画起始点和结束点，P1和P2为贝塞尔曲线的控制点(curve point)。通过改变P1和P2两点的位置可以改变贝塞尔曲线的形状。
当贝塞尔曲线的形状发生改变时，动画显示时的节奏也会相应改变。示例性的，仍如图2所示，贝塞尔曲线的横轴可用于表示整个动画的播放时长，贝塞尔曲线的纵轴可用于表示动画中动画元素的位移量，那么，贝塞尔曲线上每一点的斜率可以表示在对应时刻和对应位移时动画的播放速率。当贝塞尔曲线的形状发生改变时，贝塞尔曲线上相应点的斜率也会发生改变，因此通过改变P1和P2两点的位置可以调整动画显示过程中的节奏。
示例性的，以显示翻页动画举例，如果终端将上述P1和P2点设置为固定值，则在显示翻页动画时，终端每次均按照图2所示的贝塞尔曲线中的速率分布情况显示整个翻页过程。由于图2所示的贝塞尔曲线的斜率在前半段先增加，在后半段逐渐减小，因此，整个翻页动画也会呈现先加速后减速的显示效果。但是，如果用户手指离开触摸屏时的速度与翻页动画在“抬手阶段”的初始速度差异较大，用户则会感觉到翻页动画的播放过程中出现忽快忽慢等不连贯、不自然的感觉。
对此，本申请实施例提供的显示控制方法，可基于用户手指离开触摸屏时的速度和位移等实际触摸参数，动态改变插值器参数(例如上述P1和P2的坐标)以及动画时长等能够影响翻页动画效果的动画播放参数，使得用户在各种翻页场景下都能够获得与实际触摸场景相符的翻页动画效果，从而提高翻页动画的流畅度。
下面将结合附图对本申请实施例的实施方式进行详细描述。
需要说明的是，本申请实施例提供的显示控制方法可以应用于终端。示例性的，该终端可以为平板电脑、桌面型、膝上型、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、手持计算机、上网本、个人数字助理(personal digital assistant，PDA)、可穿戴电子设备、智能手表等设备，也可以是图3所示的手机100，本申请实施例中对终端的具体形式不做特殊限制。
如图3所示，本申请实施例中的终端可以为手机100。下面以手机100为例对实施例进行具体说明。应该理解的是，图示手机100仅是终端的一个范例，并且手机100可以具有比图中所示出的更多的或者更少的部件，可以组合两个或更多的部件，或者可以具有不同的部件配置。图中所示出的各种部件可以在包括一个或多个信号处理或专用集成电路在内的硬件、软件、或硬件和软件的组合中实现。
如图3所示，手机100具体可以包括：处理器101、射频(radio frequency，RF)电路102、存储器103、触摸屏104、蓝牙装置105、一个或多个传感器106、Wi-Fi装置107、定位装置108、音频电路109、外设接口110以及电源装置111等部件。这些部件可通过一根或多根通信总线或信号线(图3中未示出)进行通信。本领域技术人员可以理解，图3中示出的硬件结构并不构成对手机100的限定，手机100可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。
下面结合图3对手机100的各个部件进行具体的介绍：
处理器101是手机100的控制中心，利用各种接口和线路连接手机100的各个部分，通过运行或执行存储在存储器103内的应用程序，以及调用存储在存储器103内的数据和指令，执行手机100的各种功能和处理数据。在一些实施例中，处理器101可包括一个或 多个处理单元；处理器101还可以集成应用处理器和调制解调处理器；其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器101中。举例来说，处理器101可以是华为技术有限公司制造的麒麟960多核处理器。
射频电路102可用于在收发信息或通话过程中，无线信号的接收和发送。具体地，射频电路102可以将基站的下行数据接收后，给处理器101处理；另外，将涉及上行的数据发送给基站。通常，射频电路包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等。此外，射频电路102还可以通过无线通信和其他设备通信。所述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统、通用分组无线服务、码分多址、宽带码分多址、长期演进、电子邮件、短信服务等。
存储器103用于存储应用程序以及数据，处理器101通过运行存储在存储器103的应用程序以及数据，执行手机100的各种功能以及数据处理。存储器103主要包括存储程序区以及存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)；存储数据区可以存储根据使用手机100时所创建的数据(比如音频数据、电话本等)。此外，存储器103可以包括高速随机存取存储器，还可以包括非易失存储器，例如磁盘存储器件、闪存器件或其他易失性固态存储器件等。存储器103可以存储各种操作系统，例如苹果公司所开发的
Figure PCTCN2018087705-appb-000007
操作系统，谷歌公司所开发的
Figure PCTCN2018087705-appb-000008
操作系统等。
触摸屏104可以包括触敏表面104-1和显示器104-2。
其中，触敏表面104-1(例如触控面板)可采集手机100的用户在其上或附近的触摸事件(比如用户使用手指、触控笔等任何适合的物体在触敏表面104-1上或在触敏表面104-1附近的操作)，并将采集到的触摸信息发送给其他器件例如处理器101。其中，用户在触敏表面104-1附近的触摸事件可以称之为悬浮触控；悬浮触控可以是指，用户无需为了选择、移动或拖动目标(例如图标等)而直接接触触控板，而只需用户位于终端附近以便执行所想要的功能。在悬浮触控的应用场景下，术语“触摸”、“接触”等不会暗示用于直接接触触摸屏，而是在其附近或接近的接触。能够进行悬浮触控的触敏表面104-1可以采用电容式、红外光感以及超声波等实现。触敏表面104-1可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再发送给处理器101，触摸控制器还可以接收处理器101发送的指令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型来实现触敏表面104-1。
显示器(也称为显示屏)104-2可用于显示由用户输入的信息或提供给用户的信息以及手机100的各种菜单。可以采用液晶显示器、有机发光二极管等形式来配置显示器104-2。触敏表面104-1可以覆盖在显示器104-2之上，当触敏表面104-1检测到在其上或附近的触摸事件后，传送给处理器101以确定触摸事件的类型，随后处理器101可以根据触摸事件的类型在显示器104-2上提供相应的视觉输出。虽然在图3中，触敏表面104-1与显示屏104-2是作为两个独立的部件来实现手机100的输入和输出功能，但是在某些实施例中，可以将触敏表面104-1与显示屏104-2集成而实现手机100的输入和输出功能。可以理解的是，触摸屏104是由多层材料堆叠而成，本申请实施例中只展示出了触敏表面(层)和 显示屏(层)，其他层在本申请实施例中不予记载。另外，在本申请其他一些实施例中，触敏表面104-1可以覆盖在显示器104-2之上，并且触敏表面104-1的尺寸大于显示屏104-2的尺寸，使得显示屏104-2全部覆盖在触敏表面104-1下面，或者，上述触敏表面104-1可以以全面板的形式配置在手机100的正面，也即用户在手机100正面的触摸均能被手机感知，这样就可以实现手机正面的全触控体验。在其他一些实施例中，触敏表面104-1以全面板的形式配置在手机100的正面，显示屏104-2也可以以全面板的形式配置在手机100的正面，这样在手机的正面就能够实现无边框的结构。在本申请其他一些实施例中，触摸屏104还可以包括一组或多组传感器阵列，用于触摸屏104在感测用户在其上的触摸事件的同时也可以感测到用户在其上施加的压力等。
在本申请实施例中，当触摸屏104检测到用户执行翻页操作(例如，滑动操作)时，触摸屏104可以持续采集用户手指在触摸屏104上生成的触摸事件(例如触摸点的坐标、触摸时间等)。当检测到用户手指离开触摸屏104时，触摸屏104可以将最近一段时间(例如100ms)内的触摸事件发送给处理器101，由处理器101计算出用户手指离开触摸屏104时的速度，以及用户手指离开触摸屏104时在触摸屏104上产生的位移等实际触摸参数。
进而，处理器101可以根据这些实际触摸参数确定出播放翻页动画时的动画播放参数，例如，翻页动画的播放时长、插值器中形成贝塞尔曲线的控制点(例如上述P1和P2)坐标等。这样，处理器101可以按照确定出动画播放参数在触摸屏104中播放翻页动画，为用户呈现与实际触摸场景相符的翻页动画效果，从而提高翻页动画的流畅度。
需要说明的是，手机100播放翻页动画的场景可以有多种，本申请实施例对此不做任何限制。以桌面(home screen，也可称为主屏幕)为例，如图4中的(a)所示，桌面可以被划分为多个子屏幕(sub-screen)，当检测到用户手指滑动桌面的某一子屏幕时，可播放翻页动画切换到桌面的另一子屏幕。又或者，如图4中的(b)所示，当终端显示某一APP内的应用界面时，如果检测到用户手指滑动该应用界面，也可播放翻页动画切换到该应用界面的上级菜单或下级菜单。又或者，如图4中的(c)所示，当终端显示图像、视频或文档等文件时，如果检测到用户手指滑动当前的界面，也可播放翻页动画切换到上一文件或下一文件。当然，用户可通过相关的设置选项开启或关闭翻页动画，本申请实施例对此不做任何限制。
手机100还可以包括蓝牙装置105，用于实现手机100与其他短距离的终端(例如手机、智能手表等)之间的数据交换。本申请实施例中的蓝牙装置可以是集成电路或者蓝牙芯片等。
手机100还可以包括至少一种传感器106，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器。其中，环境光传感器可根据环境光线的明暗来调节触摸屏104的显示器的亮度，接近传感器可在手机100移动到耳边时，关闭显示器的电源。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于手机100还可配置的指纹识别器件、陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不予赘述。
Wi-Fi装置107，用于为手机100提供遵循Wi-Fi相关标准协议的网络接入，手机100 可以通过Wi-Fi装置107接入到Wi-Fi接入点，进而帮助用户收发电子邮件、浏览网页和访问流媒体等，它为用户提供了无线的宽带互联网访问。在其他一些实施例中，该Wi-Fi装置107也可以作为Wi-Fi无线接入点，可以为其他终端提供Wi-Fi网络接入。
定位装置108，用于为手机100提供地理位置。可以理解的是，该定位装置108具体可以是全球定位系统(global positioning system，GPS)、北斗卫星导航系统等定位系统的接收器。定位装置108在接收到上述定位系统发送的地理位置后，将该信息发送给处理器101进行处理，或者发送给存储器103进行保存。在另外的一些实施例中，该定位装置108可以是辅助全球卫星定位系统(assisted global positioning system，AGPS)的接收器，AGPS是一种在一定辅助配合下进行GPS定位的运行方式，它可以利用基站的信号，配合GPS卫星信号，可以让手机100定位的速度更快；在AGPS系统中，该定位装置108可通过与辅助定位服务器(例如手机定位服务器)的通信而获得定位辅助。AGPS系统通过作为辅助服务器来协助定位装置108完成测距和定位服务，在这种情况下，辅助定位服务器通过无线通信网络与终端例如手机100的定位装置108(即GPS接收器)通信而提供定位协助。
音频电路109、扬声器113、麦克风114可提供用户与手机100之间的音频接口。音频电路109可将接收到的音频数据转换后的电信号，传输到扬声器113，由扬声器113转换为声音信号输出；另一方面，麦克风114将收集的声音信号转换为电信号，由音频电路109接收后转换为音频数据，再将音频数据输出至RF电路102以发送给比如另一手机，或者将音频数据输出至存储器103以便进一步处理。
外设接口110，用于为外部的输入/输出设备(例如键盘、鼠标、外接显示器、外部存储器、用户识别模块卡等)提供各种接口。例如通过通用串行总线接口与鼠标连接，通过用户识别模块卡卡槽上的金属触点与电信运营商提供的用户识别模块(subscriber identity module，SIM)卡电连接。外设接口110可以被用来将上述外部的输入/输出外围设备耦接到处理器101和存储器103。
手机100还可以包括给各个部件供电的电源装置111(比如电池和电源管理芯片)，电池可以通过电源管理芯片与处理器101逻辑相连，从而通过电源装置111实现管理充电、放电、以及功耗管理等功能。
尽管图3未示出，手机100还可以包括摄像头、闪光灯、微型投影装置、近场通信(near field communication，NFC)装置等，在此不予赘述。
为了便于理解，以下结合附图对本申请实施例提供的显示控制方法进行具体介绍。
图5为本申请实施例提供的一种显示控制方法的流程示意图。如图5所示，该显示控制方法可以包括：
S501、终端在触摸屏中显示第一界面。
其中，上述第一界面可以是支持显示翻页动画的任意界面。例如，该第一界面可以是桌面中的一个子屏幕。或者，该第一界面也可以是图片或文档的播放界面。或者，该第一界面也可以是任意应用(APP)内具有上级菜单或下级菜单的界面，本申请实施例对此不做任何限制。
S502、终端接收用户在上述第一界面中输入的翻页操作。
其中，上述翻页操作可以是用户手指在第一界面中执行的滑动操作，也可以是用户使用触控笔等设备在第一界面中执行的滑动操作，本申请实施例对此不做任何限制。
具体的，终端在显示上述第一界面时，触摸屏可以实时检测用户在第一界面中的输入。以用户手指在第一界面中的滑动操作为翻页操作举例，如图6所示，第一界面601为桌面中的一个子屏幕，当触摸屏检测到用户手指接触触摸屏后，触摸屏可根据检测到的每个触摸点的坐标、触摸时间等信息生成一系列触摸事件，并将这一系列触摸事件上报给终端的处理器。处理器可根据这些触摸事件判断出当前用户执行的操作为翻页操作，进而，处理器可按照下述步骤S503-S504控制触摸屏显示与上述翻页操作对应的翻页动画。
S503、响应于上述翻页操作，终端播放从第一界面进入第二界面的第一翻页动画。
其中，第一翻页动画的动画播放参数与用户手指在触摸屏上滑动时产生的第一触摸参数相关。示例性的，动画播放参数可以包括动画的播放时长(T)，以及动画的翻页速率(v1)。而上述第一触摸参数可以包括用户手指在触摸屏上的滑动距离和滑动速度。
那么，响应于上述翻页操作中触摸屏检测到的持续滑动，终端在播放第一翻页动画时，可设置动画的播放时长(T)以及翻页速率(v1)与用户手指在触摸屏上的滑动距离和滑动速度为正相关关系。例如，可以设置第一翻页动画的翻页速率(v1)与用户手指在触摸屏上的滑动速度相同，并且，第一翻页动画的播放时长(T)与用户手指在触摸屏上停留的时长相同。
也就是说，在用户手指在第一界面上滑动的过程中(即跟手阶段)，如图7所示，第一界面601可跟随用户手指滑动的方向，以用户手指的滑动速度作为第一翻页动画的翻页速率(v1)移动，逐渐显示出与第一界面601相邻的第二界面602，即实现翻页时的“跟手”动画效果。
S504、当上述翻页操作结束，终端根据用户手指离开触摸屏时产生的第二触摸参数播放从第一界面进入第二界面的第二翻页动画，直至显示出完整的第二界面。
其中，第二触摸参数包括用户手指离开所述触摸屏时的滑动距离(s)和滑动速度(v2)。
也就是说，第二翻页动画的动画播放参数与用户手指离开触摸屏时产生的滑动距离(s)和滑动速度(v2)相关。在用户手指离开触摸屏后的“离手阶段”内，终端播放的第二翻页动画是根据用户手指离开触摸屏时实际产生的第二触摸参数动态变化的，使得终端可以在不同翻页场景下播放与用户实际触摸场景相适应的翻页动画。
仍以动画播放参数包括动画的播放时长(T)以及动画的翻页速率(v1)为例，当终端检测到用户执行上述翻页操作时的持续滑动过程结束，例如，用户手指滑动一段距离后离开触摸屏时，终端可以计算用户手指在离开触摸屏时的滑动距离(s)和滑动速度(v2)。如果用户手指在离开触摸屏时的滑动距离(s)大于距离阈值，或用户手指在离开触摸屏时的滑动速度(v2)大于速度阈值，均说明用户在触摸屏上的滑动意图为从第一界面进入第二界面。因此，当满足用户手指在离开触摸屏时的滑动距离(s)大于距离阈值，或用户手指在离开触摸屏时的滑动速度(v2)大于速度阈值中的任一条件时，终端均可播放从第一界面进入第二界面的第二翻页动画，即离手阶段的翻页动画。
示例性的，终端可以获取触摸屏上报的用户手指在第一界面上滑动时产生的一系列触摸事件，每个触摸事件中可包括对应触摸点的坐标和触摸时间。进而，终端可以根据这一系列触摸事件中触摸点的坐标计算出用户手指在离开触摸屏时已经产生的滑动距离(s)。并且，终端还可以根据这一系列触摸事件中最近的N个触摸点(例如最近20个触摸点)的坐标和触摸时间计算出用户手指在离开触摸屏时的滑动速度(v2)。
另外，在计算用户手指在离开触摸屏时的滑动速度(v2)时，终端还可以将滑动速度(v2)的单位转化成px/s(像素每秒)，以便于后续计算播放第二翻页动画时的动画播放参数。例如，终端可以根据上述N个触摸点的坐标计算出用户手指在离开触摸屏前较短时间内滑动的距离，例如0.8cm，并且，终端可以根据上述N个触摸点的触摸时间计算出滑动这0.8cm所花费的时间，例如200ms，那么，终端可以计算出用户手指在离开触摸屏时的滑动速度v2＝0.8cm/200ms＝4cm/s。进而，终端可进一步根据触摸屏的PPI(Pixels Per Inch，每英寸所拥有的像素数目)，换算出用户手指以4cm/s的速度离开触摸屏时每秒经过的像素数目，例如，如果每秒经过的像素数目为750，那么，v2＝750px/s。
在本申请实施例中，当用户手指在离开触摸屏时的滑动距离(s)大于距离阈值时，终端可按照第一预设关系计算第二翻页动画的动画播放参数，而当用户手指在离开触摸屏时的滑动速度(v2)大于速度阈值时，终端可按照第二预设关系计算第二翻页动画的动画播放参数。由于滑动距离(s)大于距离阈值的这种情况下用户手指滑动的速度一般都比较低，而滑动速度(v2)大于速度阈值的这种情况下用户手指滑动的速度一般都比较高。因此，本申请实施例中对于用户较快滑动第一界面触发翻页动画的翻页场景，和用户较慢滑动第一界面触发翻页动画的翻页场景设置了不同的动画播放参数的计算方法，使得用户在慢速翻页和快速翻页这两种翻页场景下均能获得相匹配的第二翻页动画效果。
需要说明的是，本领域技术人员可以根据实际经验或实际应用场景设置上述距离阈值和速度阈值，本申请实施例对此不做任何限制。例如，可以将上述速度阈值设置为600px/s。又例如，完成从第一界面到第二界面的整个翻页动画的总位移量为触摸屏在水平方向的宽度D(screen_width)，那么可以将上述距离阈值设置为宽度D的40％。当然，整个翻页动画的总位移量也可以是触摸屏在垂直方向、或其他任意方向上的长度，本申请实施例对此不做任何限制。
以下实施例中以用户手指在离开触摸屏时的滑动距离(s)大于上述距离阈值，从而触发终端播放第二翻页动画举例。
与第一翻页动画的动画播放参数类似的，第二翻页动画的动画播放参数也可包括动画的播放时长(T)，以及动画的翻页速率(v1)。
在确定第二翻页动画的翻页速率(v1)时，由于在滑动距离(s)大于距离阈值的这种情况下用户手指的速度一般都比较低，因此，可近似认为第二翻页动画的翻页速率(v1)是固定的。而影响翻页速率(v1)的参数一般为插值器的插值器参数，例如，该插值器参数可以为图2中贝塞尔曲线的P0-P3点的坐标。其中P0(0,0)和P3(1,1)作为第二翻页动画的起始点和结束点一般是固定的，因此，可以将贝塞尔曲线上的控制点P1和P2的坐标设置为固定值，使得终端播放第二翻页动画时具有固定的翻页速率(v1)。
例如，可以设置P1点的坐标为(0.3,0)，设置P2点的坐标为(0.2,1)。
在确定第二翻页动画的播放时长(T)时，终端可以根据用户手指在离开触摸屏时的滑动距离(s)，按照预先设置的第一函数关系计算播放时长(T)。如图8所示，在第一函数关系中，播放时长(T)与滑动距离(s)呈反比例关系。也就是说，当用户手指在离开触摸屏时的滑动距离(s)越大时，播放第二翻页动画的播放时长(T)越短；相应的，当用户手指在离开触摸屏时的滑动距离(s)越小时，播放第二翻页动画的播放时长(T)越长。这样，在慢速翻页的场景下，终端可根据离开触摸屏时的滑动距离(s)为用户呈现不 同播放时长(T)的第二翻页动画，从而提高翻页动画的流畅度。
示例性的，上述第一函数关系为：T＝k1+(1-c)/(1-40％)×k2。
其中，c为用户手指在离开触摸屏时的位移完成率，即c＝滑动距离(s)/完成整个翻页动画的总位移量D；40％为上述距离阈值所对应的位移完成率；k1和k2为预设的常数值(0＜k1＜1，0＜k2＜1)，k1用于决定播放时长(T)的最小取值，k2用于决定播放时长(T)的最大取值。
例如，当播放时长(T)的单位为秒(s)时，可设置k1＝0.26，k2＝0.06。此时，上述第一函数关系为：T＝0.26+(1-c)/(1-40％)×0.06。即第二翻页动画的播放时长(T)最短为260ms，最长为320ms。
可以理解的是，本领域技术人员根据实际经验或实际应用场景设置上述第一函数关系以及k1和k2的取值，本申请实施例对此不做任何限制。
这样，终端通过上述方法确定出第二翻页动画的翻页速率(v1)和第二翻页动画的播放时长(T)后，便可按照这一组动画播放参数(本申请实施例中可称为第一动画播放参数)播放第二翻页动画，使得终端在用户慢速翻页的场景下可以呈现与用户手指离开触摸屏时的滑动距离(s)相适应的第二翻页动画。
以下实施例以用户手指在离开触摸屏时的滑动速度(v2)大于上述速度阈值，从而触发终端播放第二翻页动画举例。
与第一翻页动画的动画播放参数类似的，第二翻页动画的动画播放参数也可包括动画的播放时长(T)，以及动画的翻页速率(v1)。
在确定第二翻页动画的播放时长(T)时，由于在滑动速度(v2)大于速度阈值的这种情况下用户手指的速度相对较高，因此，第二翻页动画的播放时长(T)除了与用户手在离开触摸屏时的滑动距离(s)相关外，还与用户手指离开触摸屏时的滑动速度(v2)相关。那么，终端可按照预先设置的第二函数关系计算播放时长(T)。在第二函数关系中，如图9中的(a)所示，播放时长(T)与滑动距离(s)呈反比例关系，并且，如图9中的(b)所示，播放时长(T)与滑动速度(v2)也呈反比例关系。
也就是说，当用户手指离开触摸屏时的滑动速度(v2)和滑动距离(s)越大时，播放第二翻页动画的播放时长(T)越短；相应的，当用户手指在离开触摸屏时的滑动速度(v2)和滑动距离(s)越小时，播放第二翻页动画的播放时长(T)越长。这样，在慢速翻页的场景下，终端可根据离开触摸屏时的滑动速度(v2)和滑动距离(s)为用户呈现不同播放时长(T)的第二翻页动画，从而提高翻页动画的流畅度。
示例性的，上述第二函数关系为：
Figure PCTCN2018087705-appb-000009
其中，c为用户手指在离开触摸屏时的位移完成率，即c＝滑动距离(s)/完成整个翻页动画的总位移量D；w4为用户手指离开触摸屏时的满足的速度阈值，w5为用户手指离开触摸屏时的最大滑动速度；w1、w2和w3为预设的常数值(0＜w1＜1，0＜w2＜1，0＜w3＜1)，w1决定了播放时长(T)的最小取值，w2和w3共同决定了播放时长(T)的最大取值。
例如，当播放时长(T)的单位为秒(s)时，可设置w1＝0.24，w2＝0.05，w3＝0.06，一般，用户手指离开触摸屏时满足的速度阈值可设置为触摸屏的PPI的1.5倍，即w4＝1.5PPI，用户手指离开触摸屏时的最大滑动速度约为触摸屏的PPI的50倍，即w5＝50PPI。
此时，上述第二函数关系为：
Figure PCTCN2018087705-appb-000010
可以理解的是，本领域技术人员根据实际经验或实际应用场景设置上述第二函数关系以及w1、w2、w3、w4和w5的具体取值，本申请实施例对此不做任何限制。
在确定第二翻页动画的翻页速率(v1)时，可以通过贝塞尔曲线中P1和P2这两个控制点的坐标确定第二翻页动画的翻页速率(v1)。其中，P1点的坐标主要影响第二翻页动画开始播放时的进度，P2点的坐标主要影响第二翻页动画结束播放时的进度。而无论在哪种翻页场景下第二翻页动画结束播放时的进度基本相同，因此可以设置P2点的坐标为一个固定值。例如，设置P2点的坐标为(0.25,1)。
假设P1点的坐标为(a,b)，其中，a的取值主要影响播放第二翻页动画时速度峰值的位置。当a的取值越小时，播放第二翻页动画的速度峰值越靠前，即用户手指离开触摸屏后第二翻页动画的加速过程越不明显；当a的取值越大时，播放第二翻页动画的速度峰值越靠后，即用户手指离开触摸屏后第二翻页动画的加速过程越明显。
在本申请的一些实施例中，在确定P1点的横坐标a时，终端可以根据用户手指离开触摸屏时的滑动速度(v2)，按照预先设置的第三函数关系计算横坐标a。其中，横坐标a的取值与滑动速度(v2)呈正比例关系。
也就是说，如图10中的(a)所示，当用户手指离开触摸屏时的滑动速度(v2)越大时，第二翻页动画的速度峰值位置越靠前，这样在用户快速滑动第一界面时，第二翻页动画没有明显的加速过程，可逐渐减速直至第二翻页动画结束时翻页速率为0。而如图10中的(b)所示，当用户手指离开触摸屏时的滑动速度(v2)越小时，第二翻页动画的速度峰值位置越靠后，这样，在用户使用稍慢速度(该稍慢速度大于上述速度阈值)滑动第一界面时，第二翻页动画可呈现先加速后减速的过程。这样一来，在第二翻页动画的播放时长(T)内无论用户以哪种速度滑动第一界面，用户所感受到的整个滑动过程只有一个速度峰值，使得翻页动画整体更流畅、自然。
示例性的，上述第三函数关系为：
Figure PCTCN2018087705-appb-000011
其中，w4为用户手指离开触摸屏时满足的速度阈值，w5为用户手指离开触摸屏时的最大滑动速度；n1为预设的常数值(0＜n1＜1)。
示例性的，当n1＝0.3，w4＝1.5PPI，w5＝60PPI时，上述第三函数关系为：
Figure PCTCN2018087705-appb-000012
仍以P1点的坐标为(a,b)举例，其中，b的取值主要影响播放第二翻页动画时的初速度。当第二翻页动画的初速度与用户手指离开触摸屏时的滑动速度(v2)越接近时，用户感受到的动画播放过程约自然、连贯。
在本申请的另一些实施例中，在确定P1点的纵坐标b时，终端可以根据用户手指在离开触摸屏时的滑动速度(v2)以及滑动距离(s)，按照预先设置的第四函数关系计算纵坐标b。示例性的，上述第四函数关系为：
Figure PCTCN2018087705-appb-000013
其中，c为用户手指在离开触摸屏时的位移完成率，即c＝滑动距离(s)/完成整个翻页动画的总位移量D；T为通过上述第二函数关系计算出的第二翻页动画的播放时长；a为 通过上述第二函数关系计算出的P1点的横坐标；D为完成整个翻页动画的总位移量。
通过上述第二函数关系至第四函数关系可以看出，在用户手指在离开触摸屏时的滑动速度(v2)大于速度阈值的这种情况下，如果用户手指在触摸屏上滑动的距离较长且速度较快，则终端在播放第二翻页动画时呈单调减速的翻页速率，且播放时长(例如T1)很短；如果用户手指在触摸屏上滑动的距离较短但速度较快，则终端在播放第二翻页动画时也呈单调减速的翻页速率，此时的播放时长(例如T2)会稍有延长(即T2＞T1)；如果用户手指在触摸屏上滑动的距离较长且速度较慢，则终端在播放第二翻页动画时呈小幅加速后减速的翻页速率，此时的播放时长(例如T3)较长(即T3＞T2)；如果用户手指在触摸屏上滑动的距离较短且速度较慢，则终端在播放第二翻页动画时呈大幅加速后减速的翻页速率，此时的播放时长(例如T4)最长(即T4＞T3)。
这样，终端确定出第二翻页动画的播放时长(T)，以及决定第二翻页动画的翻页速率(v1)的P1和P2点坐标后，便可按照这一组动画播放参数(本申请实施例中可称为第二动画播放参数)播放第二翻页动画，使得终端在用户快速翻页的场景下可以呈现与用户手指离开触摸屏时的滑动距离(s)和滑动速度(v2)相适应的第二翻页动画，从而提高翻页动画的流畅度。
如图11所示，本申请另外一些实施例公开了一种终端，该终端可以包括：触摸屏1101，其中，所述触摸屏1101包括触敏表面1106和显示屏1107；一个或多个处理器1102；存储器1103；多个应用程序1108；以及一个或多个计算机程序1104，上述各器件可以通过一个或多个通信总线1105连接。其中该一个或多个计算机程序1104被存储在上述存储器1103中并被配置为被该一个或多个处理器1102执行，该一个或多个计算机程序1104包括指令，上述指令可以用于执行如图5及相应实施例中的各个步骤。
通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本申请实施例各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：快闪存储器、移动硬盘、只读存储器、随机存取存储器、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，仅为本申请实施例的具体实施方式，但本申请实施例的保护范围并不局限于此，任何在本申请实施例揭露的技术范围内的变化或替换，都应涵盖在本申请实施例的 保护范围之内。因此，本申请实施例的保护范围应以所述权利要求的保护范围为准。

Claims (22)

  1. 一种显示控制方法，其特征在于，包括：
    终端在触摸屏中显示第一界面；
    所述终端接收用户在所述第一界面中输入的翻页操作；
    响应于所述翻页操作，所述终端播放从所述第一界面进入第二界面的第一翻页动画，所述第一翻页动画的动画播放参数与所述翻页操作中用户手指在所述触摸屏上产生的第一触摸参数相关；
    当所述翻页操作结束，所述终端播放从所述第一界面进入所述第二界面的第二翻页动画，直至显示出完整的所述第二界面，所述第二翻页动画的动画播放参数与用户手指离开所述触摸屏时产生的第二触摸参数相关。
  2. 根据权利要求1所述的方法，其特征在于，当所述翻页操作结束，所述终端播放从所述第一界面进入所述第二界面的第二翻页动画，包括：
    当所述翻页操作结束时，所述终端获取第二触摸参数，所述第二触摸参数包括用户手指离开所述触摸屏时的滑动距离和滑动速度；
    所述终端根据所述第二触摸参数确定所述第二翻页动画的动画播放参数，所述第二翻页动画的动画播放参数包括所述第二翻页动画的播放时长和翻页速率；
    所述终端按照确定的第二翻页动画的动画播放参数播放从所述第一界面进入所述第二界面的第二翻页动画。
  3. 根据权利要求2所述的方法，其特征在于，所述终端根据所述第二触摸参数确定所述第二翻页动画的动画播放参数，包括：
    当所述第二触摸参数中的滑动距离大于预设的距离阈值时，所述终端按照第一预设关系确定所述第二翻页动画的动画播放参数；或者，
    当所述第二触摸参数中的滑动速度大于预设的速度阈值时，所述终端按照第二预设关系确定所述第二翻页动画的动画播放参数。
  4. 根据权利要求3所述的方法，其特征在于，所述终端按照第一预设关系确定所述第二翻页动画的动画播放参数，包括：
    所述终端按照第一函数关系计算所述第二翻页动画的播放时长，在所述第一函数关系中，所述第二翻页动画的播放时长与所述第二触摸参数中的滑动距离呈反比例关系；
    所述终端将贝塞尔曲线中控制点的坐标设置为预设值，所述控制点的坐标用于决定所述第二翻页动画的翻页速率。
  5. 根据权利要求4所述的方法，其特征在于，所述距离阈值为翻页动画的总位移量D的x％，所述第一函数关系为：
    T＝k1+(1-c)/(1-x％)×k2；
    其中，T为所述第二翻页动画的播放时长；c为用户手指离开所述触摸屏时的位移完成率，c＝所述第二触摸参数中的滑动距离/所述总位移量D；k1和k2为预设的常数值，0＜k1＜1，0＜k2＜1；x为自然数。
  6. 根据权利要求3所述的方法，其特征在于，所述终端按照第二预设关系确定所述第二翻页动画的动画播放参数，包括：
    所述终端按照第二函数关系计算所述第二翻页动画的播放时长，在所述第二函数关系 中，所述第二翻页动画的播放时长与所述第二触摸参数中的滑动距离和滑动速度均呈反比例关系。
  7. 根据权利要求6所述的方法，其特征在于，所述速度阈值为w4，用户手指离开所述触摸屏时的最大滑动速度为w5，所述第二函数关系为：
    Figure PCTCN2018087705-appb-100001
    其中，T为所述第二翻页动画的播放时长；v2为所述第二触摸参数中的滑动速度；c为用户手指离开所述触摸屏时的位移完成率，c等于所述第二触摸参数中的滑动距离/翻页动画的总位移量D；w1、w2和w3为预设的常数值，0＜w1＜1，0＜w2＜1，0＜w3＜1。
  8. 根据权利要求3所述的方法，其特征在于，所述第二翻页动画的翻页速率是由贝塞尔曲线中控制点的坐标决定的，
    其中，所述终端按照第二预设关系确定所述第二翻页动画的动画播放参数，包括：
    所述终端按照第三函数关系计算所述控制点的横坐标，所述控制点的横坐标用于决定播放所述第二翻页动画时速度峰值的位置；
    所述终端按照第四函数关系计算所述控制点的纵坐标，所述控制点的纵坐标用于决定播放所述第二翻页动画时的初速度。
  9. 根据权利要求8所述的方法，其特征在于，所述速度阈值为w4，用户手指离开所述触摸屏时的最大滑动速度为w5，所述第二翻页动画的播放时长为T，翻页动画的总位移量为D；
    所述第三函数关系为：
    Figure PCTCN2018087705-appb-100002
    所述第四函数关系为：
    Figure PCTCN2018087705-appb-100003
    其中，a为所述控制点的横坐标，b为所述控制点的纵坐标；v2为所述第二触摸参数中的滑动速度；c为用户手指离开所述触摸屏时的位移完成率，c＝所述第二触摸参数中的滑动距离/所述总位移量D；n1为预设的常数值，0＜n1＜1。
  10. 根据权利要求1-9中任一项所述的方法，其特征在于，所述第一翻页动画的播放时长与用户手指在所述触摸屏上的触摸时长相等；所述第一翻页动画的翻页速率与用户手指在所述触摸屏上滑动速率相等。
  11. 一种终端，其特征在于，包括：
    触摸屏，其中，所述触摸屏包括触敏表面和显示器；
    一个或多个处理器；
    一个或多个存储器；
    一个或多个应用程序；
    以及一个或多个计算机程序，其中所述一个或多个计算机程序被存储在所述一个或多个存储器中，所述一个或多个计算机程序包括指令，当所述指令被所述终端执行时，使得所述终端执行以下步骤：
    在所述触摸屏中显示第一界面；
    接收用户在所述第一界面中输入的翻页操作；
    响应于所述翻页操作，播放从所述第一界面进入第二界面的第一翻页动画，所述第一翻页动画的动画播放参数与所述翻页操作中用户手指在所述触摸屏上产生的第一触摸参数相关；
    当所述翻页操作结束时，播放从所述第一界面进入所述第二界面的第二翻页动画，直至显示出完整的所述第二界面，所述第二翻页动画的动画播放参数与用户手指离开所述触摸屏时产生的第二触摸参数相关。
  12. 根据权利要求11所述的终端，其特征在于，当所述翻页操作结束时，所述终端播放从所述第一界面进入所述第二界面的第二翻页动画，具体包括：
    当所述翻页操作结束时，获取第二触摸参数，所述第二触摸参数包括用户手指离开所述触摸屏时的滑动距离和滑动速度；
    根据所述第二触摸参数确定所述第二翻页动画的动画播放参数，所述第二翻页动画的动画播放参数包括所述第二翻页动画的播放时长和翻页速率；
    按照所述第二翻页动画的动画播放参数播放从所述第一界面进入所述第二界面的第二翻页动画。
  13. 根据权利要求12所述的终端，其特征在于，所述终端根据所述第二触摸参数确定所述第二翻页动画的动画播放参数，具体包括：
    当所述第二触摸参数中的滑动距离大于预设的距离阈值时，按照第一预设关系确定所述第二翻页动画的动画播放参数；或者，
    当所述第二触摸参数中的滑动速度大于预设的速度阈值时，按照第二预设关系确定所述第二翻页动画的动画播放参数。
  14. 根据权利要求13所述的终端，其特征在于，所述终端按照第一预设关系确定所述第二翻页动画的动画播放参数，具体包括：
    按照第一函数关系计算所述第二翻页动画的播放时长，在所述第一函数关系中，所述第二翻页动画的播放时长与所述第二触摸参数中的滑动距离呈反比例关系；
    将贝塞尔曲线中控制点的坐标设置为预设值，所述控制点的坐标用于决定所述第二翻页动画的翻页速率。
  15. 根据权利要求14所述的终端，其特征在于，所述距离阈值为翻页动画的总位移量D的x％，所述第一函数关系为：
    T＝k1+(1-c)/(1-x％)×k2；
    其中，T为所述第二翻页动画的播放时长；c为用户手指离开所述触摸屏时的位移完成率，c＝所述第二触摸参数中的滑动距离/所述总位移量D；k1和k2为预设的常数值，0＜k1＜1，0＜k2＜1；x为自然数。
  16. 根据权利要求13所述的终端，其特征在于，所述终端按照第二预设关系确定所述第二翻页动画的动画播放参数，具体包括：
    按照第二函数关系计算所述第二翻页动画的播放时长，在所述第二函数关系中，所述第二翻页动画的播放时长与所述第二触摸参数中的滑动距离和滑动速度均呈反比例关系。
  17. 根据权利要求16所述的终端，其特征在于，所述速度阈值为w4，用户手指离开所述触摸屏时的最大滑动速度为w5，所述第二函数关系为：
    Figure PCTCN2018087705-appb-100004
    其中，T为所述第二翻页动画的播放时长；v2为所述第二触摸参数中的滑动速度；c为用户手指离开所述触摸屏时的位移完成率，c＝所述第二触摸参数中的滑动距离/翻页动画的总位移量D；w1、w2和w3为预设的常数值，0＜w1＜1，0＜w2＜1，0＜w3＜1。
  18. 根据权利要求13所述的终端，其特征在于，所述第二翻页动画的翻页速率是由贝塞尔曲线中控制点的坐标决定的，
    其中，所述终端按照第二预设关系确定所述第二翻页动画的动画播放参数，具体包括：
    按照第三函数关系计算所述控制点的横坐标，所述控制点的横坐标用于决定播放所述第二翻页动画时速度峰值的位置；
    按照第四函数关系计算所述控制点的纵坐标，所述控制点的纵坐标用于决定播放所述第二翻页动画时的初速度。
  19. 根据权利要求18所述的终端，其特征在于，所述速度阈值为w4，用户手指离开所述触摸屏时的最大滑动速度为w5，所述第二翻页动画的播放时长为T，翻页动画的总位移量为D；
    所述第三函数关系为：
    Figure PCTCN2018087705-appb-100005
    所述第四函数关系为：
    Figure PCTCN2018087705-appb-100006
    其中，a为所述控制点的横坐标，b为所述控制点的纵坐标；v2为所述第二触摸参数中的滑动速度；c为用户手指离开所述触摸屏时的位移完成率，c＝所述第二触摸参数中的滑动距离/所述总位移量D；n1为预设的常数值，0＜n1＜1。
  20. 根据权利要求11-19中任一项所述的终端，其特征在于，所述第一翻页动画的播放时长与用户手指在所述触摸屏上的触摸时长相等；所述第一翻页动画的翻页速率与用户手指在所述触摸屏上滑动速率相等。
  21. 一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，其特征在于，当所述指令在终端上运行时，使得所述终端执行如权利要求1-10中任一项所述的显示控制方法。
  22. 一种包含指令的计算机程序产品，其特征在于，当所述计算机程序产品在终端上运行时，使得所述终端执行如权利要求1-10中任一项所述的显示控制方法。
PCT/CN2018/087705 2018-05-21 2018-05-21 一种显示控制方法及终端 WO2019222887A1 (zh)

Priority Applications (4)

Application Number Priority Date Filing Date Title
PCT/CN2018/087705 WO2019222887A1 (zh) 2018-05-21 2018-05-21 一种显示控制方法及终端
EP18919743.7A EP3783471A4 (en) 2018-05-21 2018-05-21 DISPLAY CONTROL METHOD AND TERMINAL DEVICE
CN201880089217.0A CN111712787B (zh) 2018-05-21 2018-05-21 一种显示控制方法及终端
US17/057,458 US11829581B2 (en) 2018-05-21 2018-05-21 Display control method and terminal

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/CN2018/087705 WO2019222887A1 (zh) 2018-05-21 2018-05-21 一种显示控制方法及终端

Publications (1)

Publication Number Publication Date
WO2019222887A1 true WO2019222887A1 (zh) 2019-11-28

Family

ID=68616222

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/087705 WO2019222887A1 (zh) 2018-05-21 2018-05-21 一种显示控制方法及终端

Country Status (4)

Country Link
US (1) US11829581B2 (zh)
EP (1) EP3783471A4 (zh)
CN (1) CN111712787B (zh)
WO (1) WO2019222887A1 (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113850891A (zh) * 2021-08-31 2021-12-28 支付宝(杭州)信息技术有限公司 动画播放处理方法、装置、设备及系统
CN114449313A (zh) * 2022-02-10 2022-05-06 上海幻电信息科技有限公司 视频的音画面播放速率调整方法及装置
WO2022222771A1 (zh) * 2021-04-22 2022-10-27 华为技术有限公司 界面显示方法，电子设备以及计算机可读介质
WO2022237387A1 (zh) * 2021-05-14 2022-11-17 华为技术有限公司 一种界面显示方法、系统及电子设备
CN117271042A (zh) * 2023-11-08 2023-12-22 荣耀终端有限公司 切换应用的方法和电子设备

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111427504A (zh) * 2020-04-02 2020-07-17 北京达佳互联信息技术有限公司 内容获取方法、装置、电子设备及存储介质
CN114510183B (zh) * 2022-01-26 2023-04-18 荣耀终端有限公司 动效时长管理方法及电子设备
CN116048312A (zh) * 2022-06-29 2023-05-02 荣耀终端有限公司 导航点过渡动画显示方法和电子设备
CN115640561B (zh) * 2022-11-15 2023-03-14 季华实验室 屏幕控制方法、装置、终端及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102364428A (zh) * 2011-10-28 2012-02-29 鸿富锦精密工业（深圳）有限公司 电子设备及其页面处理方法
CN104081326A (zh) * 2012-01-31 2014-10-01 三星电子株式会社 用于显示终端中的页面的方法和设备
CN104536650A (zh) * 2015-01-15 2015-04-22 成都品果科技有限公司 一种基于ios系统的视差翻页人机交互方法

Family Cites Families (48)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5463725A (en) * 1992-12-31 1995-10-31 International Business Machines Corp. Data processing system graphical user interface which emulates printed material
JP2001229398A (ja) 1999-11-24 2001-08-24 Fuji Xerox Co Ltd パフォーマンス動画ジェスチャーの取得及び動画キャラクター上での再生方法及び装置
WO2002021307A2 (en) 2000-09-07 2002-03-14 The Virtual Publishing Company Ltd. Electronic publication and user interface thereof
US7139982B2 (en) * 2000-12-21 2006-11-21 Xerox Corporation Navigation methods, systems, and computer program products for virtual three-dimensional books
GB0117543D0 (en) * 2001-07-18 2001-09-12 Hewlett Packard Co Document viewing device
US7898541B2 (en) * 2004-12-17 2011-03-01 Palo Alto Research Center Incorporated Systems and methods for turning pages in a three-dimensional electronic document
US20090271731A1 (en) * 2008-04-27 2009-10-29 Htc Corporation Electronic device and user interface display method thereof
CN101655766B (zh) * 2008-08-22 2012-03-28 鸿富锦精密工业（深圳）有限公司 可体现电子文档翻页效果的电子装置及其方法
US8499251B2 (en) * 2009-01-07 2013-07-30 Microsoft Corporation Virtual page turn
KR101135071B1 (ko) * 2009-02-09 2012-04-13 에스케이플래닛 주식회사 컨텐츠 리스트를 나타내는 방법, 터치 스크린 단말기 및 컴퓨터로 읽을 수 있는 기록매체
JP5246010B2 (ja) * 2009-04-20 2013-07-24 富士通モバイルコミュニケーションズ株式会社 携帯端末およびデータ表示方法
CN101887647A (zh) 2009-05-11 2010-11-17 上海易狄欧电子科技有限公司 电子书阅读器及其翻页方法
KR20120124443A (ko) * 2010-01-11 2012-11-13 애플 인크. 전자 텍스트 조작 및 디스플레이
US8799827B2 (en) * 2010-02-19 2014-08-05 Microsoft Corporation Page manipulations using on and off-screen gestures
KR101626301B1 (ko) * 2010-05-28 2016-06-01 엘지전자 주식회사 휴대 단말기 및 그 동작 제어방법
JP5711479B2 (ja) * 2010-08-17 2015-04-30 キヤノン株式会社 表示制御装置及びその制御方法
CN102385473A (zh) 2010-09-02 2012-03-21 腾讯科技（深圳）有限公司 页面切换方法和装置
US9911221B2 (en) * 2010-10-27 2018-03-06 Google Llc Animated page turning
KR101763263B1 (ko) * 2010-12-24 2017-07-31 삼성전자주식회사 3ｄ 디스플레이 단말 장치 및 그 조작 방법
US8826191B1 (en) * 2011-01-05 2014-09-02 Google Inc. Zooming while page turning in document
JP2012150566A (ja) * 2011-01-17 2012-08-09 Sharp Corp 表示装置、表示方法、コンピュータプログラム、及び記録媒体
AU2012235840B2 (en) * 2011-03-17 2014-09-25 Lulu Software Method for three-dimensional viewing
US8935629B2 (en) * 2011-10-28 2015-01-13 Flipboard Inc. Systems and methods for flipping through content
CN102402392B (zh) * 2011-10-31 2014-07-02 广东威创视讯科技股份有限公司 触摸屏的页面传送方法及装置
US9460667B2 (en) * 2011-11-28 2016-10-04 Amazon Technologies, Inc. Incremental page transitions on electronic paper displays
US9830049B2 (en) * 2011-12-12 2017-11-28 Nokia Technologies Oy Apparatus and method for providing a visual transition between screens
KR101655876B1 (ko) * 2012-01-05 2016-09-09 삼성전자 주식회사 메시지 기반의 대화 기능 운용 방법 및 이를 지원하는 단말기
US9235318B2 (en) * 2012-02-01 2016-01-12 Facebook, Inc. Transitions among hierarchical user-interface layers
KR101945822B1 (ko) * 2012-03-02 2019-02-11 삼성전자 주식회사 단말기에서 페이지 표시 방법 및 장치
KR101382928B1 (ko) * 2012-04-09 2014-04-08 삼성전자주식회사 전자 서적의 책갈피 설정 방법 및 장치와 그 방법에 대한 프로그램 소스를 저장한 기록 매체
KR101895818B1 (ko) * 2012-04-10 2018-09-10 삼성전자 주식회사 단말기에서 전자책과 연관된 피드백 제공 방법 및 장치
US20140028701A1 (en) * 2012-07-24 2014-01-30 Research In Motion Limited Modifying transition sequences in a user interface depending on frequency of use
US9110974B2 (en) * 2012-09-10 2015-08-18 Aradais Corporation Display and navigation of structured electronic documents
CN103677507B (zh) * 2012-09-24 2020-01-14 腾讯科技（深圳）有限公司 一种显示终端及界面窗口显示方法
CN103853439B (zh) * 2012-11-29 2017-11-07 北大方正集团有限公司 终端和翻页方法
KR102134882B1 (ko) * 2013-01-28 2020-07-16 삼성전자주식회사 컨텐츠 재생을 제어하기 위한 방법 및 장치
CN103530030B (zh) 2013-03-18 2017-02-15 Tcl集团股份有限公司 一种页面切换系统、方法及窗帘特效页面切换方法
KR20140137250A (ko) * 2013-05-22 2014-12-02 삼성전자주식회사 페이지의 형태를 변형하여 표시하는 방법 및 장치
US9400601B2 (en) * 2013-06-21 2016-07-26 Nook Digital, Llc Techniques for paging through digital content on touch screen devices
US20150067582A1 (en) * 2013-09-05 2015-03-05 Storehouse Media, Inc. Content navigation structure and transition mechanism
JP6086851B2 (ja) * 2013-09-18 2017-03-01 株式会社ソニー・インタラクティブエンタテインメント 情報処理装置および情報処理方法
CN103645844A (zh) * 2013-11-14 2014-03-19 乐视致新电子科技（天津）有限公司 一种页面显示方法及装置
CN104375702B (zh) 2014-10-31 2019-03-19 北京搜狗科技发展有限公司 一种触控操作的方法和装置
US9996228B2 (en) * 2016-01-29 2018-06-12 Flipboard, Inc. Smooth transition of video playback with page flip animation
CN106709070B (zh) 2017-01-25 2020-06-23 腾讯科技（深圳）有限公司 动画生成方法、装置及动画播放方法、装置
WO2018137276A1 (zh) * 2017-01-26 2018-08-02 华为技术有限公司 数据处理的方法及移动设备
CN109508132A (zh) * 2017-09-15 2019-03-22 阿里巴巴集团控股有限公司 提供页面信息的方法、装置及电子设备
JP6821536B2 (ja) * 2017-10-03 2021-01-27 キヤノン株式会社 画像処理装置、制御方法及びプログラム

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102364428A (zh) * 2011-10-28 2012-02-29 鸿富锦精密工业（深圳）有限公司 电子设备及其页面处理方法
CN104081326A (zh) * 2012-01-31 2014-10-01 三星电子株式会社 用于显示终端中的页面的方法和设备
CN104536650A (zh) * 2015-01-15 2015-04-22 成都品果科技有限公司 一种基于ios系统的视差翻页人机交互方法

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP3783471A4 *

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022222771A1 (zh) * 2021-04-22 2022-10-27 华为技术有限公司 界面显示方法，电子设备以及计算机可读介质
WO2022237387A1 (zh) * 2021-05-14 2022-11-17 华为技术有限公司 一种界面显示方法、系统及电子设备
CN113850891A (zh) * 2021-08-31 2021-12-28 支付宝(杭州)信息技术有限公司 动画播放处理方法、装置、设备及系统
CN114449313A (zh) * 2022-02-10 2022-05-06 上海幻电信息科技有限公司 视频的音画面播放速率调整方法及装置
CN114449313B (zh) * 2022-02-10 2024-03-26 上海幻电信息科技有限公司 视频的音画面播放速率调整方法及装置
CN117271042A (zh) * 2023-11-08 2023-12-22 荣耀终端有限公司 切换应用的方法和电子设备
CN117271042B (zh) * 2023-11-08 2024-04-19 荣耀终端有限公司 切换应用的方法和电子设备

Also Published As

Publication number Publication date
CN111712787B (zh) 2022-03-08
EP3783471A4 (en) 2021-05-05
CN111712787A (zh) 2020-09-25
EP3783471A1 (en) 2021-02-24
US20210149534A1 (en) 2021-05-20
US11829581B2 (en) 2023-11-28

Similar Documents

Publication Publication Date Title
WO2019222887A1 (zh) 一种显示控制方法及终端
RU2616536C2 (ru) Способ, устройство и терминальное устройство для отображения сообщений
CN108845782B (zh) 连接移动终端和外部显示器的方法和实现该方法的装置
CN110168487B (zh) 一种触摸控制方法及装置
WO2019000438A1 (zh) 显示图形用户界面的方法及电子设备
CN116055610B (zh) 显示图形用户界面的方法和移动终端
US10042596B2 (en) Electronic device and method for controlling the same
CN115525383B (zh) 壁纸显示方法、装置、移动终端及存储介质
WO2019033385A1 (zh) 一种显示方法及终端
WO2019104677A1 (zh) 不同屏显示不同的应用快捷菜单
AU2017440899B2 (en) Photographing method and terminal
US10705649B2 (en) Pressure touch control method and electronic device
CN108804005B (zh) 终端控制方法、装置以及移动终端
CN111147660B (zh) 一种控件的操作方法及电子设备
EP3584710A1 (en) Method and apparatus for controlling display of mobile terminal, storage medium, and electronic device
WO2019061512A1 (zh) 一种任务切换方法及终端
KR20140112911A (ko) 표시부 미확인 모드에서 액션을 실행하는 모바일 장치 및 그 제어 방법
WO2019071600A1 (zh) 一种图像处理方法及装置
WO2015014135A1 (zh) 鼠标指针的控制方法、装置及终端设备
CN109101163B (zh) 长截屏的方法、装置及移动终端
CN105513098B (zh) 一种图像处理的方法和装置
CN113301422B (zh) 获取视频封面的方法、终端及存储介质
CN110266875B (zh) 一种提示信息的显示方法及电子设备
US20150062365A1 (en) Method for capturing image and electronic device thereof
CN116048334A (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: 18919743

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

ENP Entry into the national phase

Ref document number: 2018919743

Country of ref document: EP

Effective date: 20201118