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

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

Info

Publication number
CN111712787B
CN111712787B CN201880089217.0A CN201880089217A CN111712787B CN 111712787 B CN111712787 B CN 111712787B CN 201880089217 A CN201880089217 A CN 201880089217A CN 111712787 B CN111712787 B CN 111712787B
Authority
CN
China
Prior art keywords
page turning
animation
touch
playing
terminal
Prior art date
Legal status (The legal status 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 status listed.)
Active
Application number
CN201880089217.0A
Other languages
English (en)
Other versions
CN111712787A (zh
Inventor
宋朗
徐全飞
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Huawei Technologies Co Ltd
Original Assignee
Huawei Technologies Co Ltd
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 Huawei Technologies Co Ltd filed Critical Huawei Technologies Co Ltd
Publication of CN111712787A publication Critical patent/CN111712787A/zh
Application granted granted Critical
Publication of CN111712787B publication Critical patent/CN111712787B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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/04883Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0486Drag-and-drop
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation
    • G06T13/802D [Two Dimensional] animation, e.g. using sprites

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

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 GPA0000292488160000041
其中,T为第二翻页动画的播放时长;v2为第二触摸参数中的滑动速度;c为用户手指离开该触摸屏时的位移完成率,c=第二触摸参数中的滑动距离/翻页动画的总位移量D;w1、w2和w3为预设的常数值,0<w1<1,0<w2<1,0<w3<1。
在一种可能的设计方法中,第二翻页动画的翻页速率是由贝塞尔曲线中控制点的坐标决定的,那么,终端按照第二预设关系确定第二翻页动画的动画播放参数,包括:终端按照第三函数关系计算该控制点的横坐标,该控制点的横坐标用于决定播放第二翻页动画时速度峰值的位置;终端按照第四函数关系计算该控制点的纵坐标,该控制点的纵坐标用于决定播放第二翻页动画时的初速度。
例如,如果上述速度阈值为w4,用户手指离开该触摸屏时的最大滑动速度为w5,第二翻页动画的播放时长为T,翻页动画的总位移量为D;则:
第三函数关系为:
Figure GPA0000292488160000042
第四函数关系为:
Figure GPA0000292488160000043
其中,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 GPA0000292488160000051
其中,T为第二翻页动画的播放时长;v2为第二触摸参数中的滑动速度;c为用户手指离开该触摸屏时的位移完成率,c=第二触摸参数中的滑动距离/翻页动画的总位移量D;w1、w2和w3为预设的常数值,0<w1<1,0<w2<1,0<w3<1。
在一种可能的设计方法中,第二翻页动画的翻页速率是由贝塞尔曲线中控制点的坐标决定的;上述确定单元,具体用于按照第三函数关系计算该控制点的横坐标,该控制点的横坐标用于决定播放第二翻页动画时速度峰值的位置;按照第四函数关系计算该控制点的纵坐标,该控制点的纵坐标用于决定播放第二翻页动画时的初速度。
例如,该速度阈值为w4,用户手指离开该触摸屏时的最大滑动速度为w5,第二翻页动画的播放时长为T,翻页动画的总位移量为D;
该第三函数关系为:
Figure GPA0000292488160000052
该第四函数关系为:
Figure GPA0000292488160000053
其中,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-mobilepersonal computer,UMPC)、手持计算机、上网本、个人数字助理(personal digitalassistant,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 GPA0000292488160000081
操作***,谷歌公司所开发的
Figure GPA0000292488160000082
操作***等。
触摸屏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,用于为外部的输入/输出设备(例如键盘、鼠标、外接显示器、外部存储器、用户识别模块卡等)提供各种接口。例如通过通用串行总线接口与鼠标连接,通过用户识别模块卡卡槽上的金属触点与电信运营商提供的用户识别模块(subscriberidentity 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 GPA0000292488160000131
其中,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 GPA0000292488160000141
可以理解的是,本领域技术人员根据实际经验或实际应用场景设置上述第二函数关系以及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 GPA0000292488160000142
其中,w4为用户手指离开触摸屏时满足的速度阈值,w5为用户手指离开触摸屏时的最大滑动速度;n1为预设的常数值(0<n1<1)。
示例性的,当n1=0.3,w4=1.5PPI,w5=60PPI时,上述第三函数关系为:
Figure GPA0000292488160000143
仍以P1点的坐标为(a,b)举例,其中,b的取值主要影响播放第二翻页动画时的初速度。当第二翻页动画的初速度与用户手指离开触摸屏时的滑动速度(v2)越接近时,用户感受到的动画播放过程约自然、连贯。
在本申请的另一些实施例中,在确定P1点的纵坐标b时,终端可以根据用户手指在离开触摸屏时的滑动速度(v2)以及滑动距离(s),按照预先设置的第四函数关系计算纵坐标b。示例性的,上述第四函数关系为:
Figure GPA0000292488160000144
其中,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 (17)

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

Applications Claiming Priority (1)

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

Publications (2)

Publication Number Publication Date
CN111712787A CN111712787A (zh) 2020-09-25
CN111712787B true CN111712787B (zh) 2022-03-08

Family

ID=68616222

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201880089217.0A Active CN111712787B (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)

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111427504A (zh) * 2020-04-02 2020-07-17 北京达佳互联信息技术有限公司 内容获取方法、装置、电子设备及存储介质
CN115237304A (zh) * 2021-04-22 2022-10-25 华为技术有限公司 界面显示方法,电子设备以及计算机可读介质
CN115421634A (zh) * 2021-05-14 2022-12-02 华为技术有限公司 一种界面显示方法、***及电子设备
CN113850891A (zh) * 2021-08-31 2021-12-28 支付宝(杭州)信息技术有限公司 动画播放处理方法、装置、设备及***
CN114510183B (zh) * 2022-01-26 2023-04-18 荣耀终端有限公司 动效时长管理方法及电子设备
CN114449313B (zh) * 2022-02-10 2024-03-26 上海幻电信息科技有限公司 视频的音画面播放速率调整方法及装置
CN116048312A (zh) * 2022-06-29 2023-05-02 荣耀终端有限公司 导航点过渡动画显示方法和电子设备
CN115640561B (zh) * 2022-11-15 2023-03-14 季华实验室 屏幕控制方法、装置、终端及存储介质
CN117271042B (zh) * 2023-11-08 2024-04-19 荣耀终端有限公司 切换应用的方法和电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2002021307A2 (en) * 2000-09-07 2002-03-14 The Virtual Publishing Company Ltd. Electronic publication and user interface thereof
KR20100090876A (ko) * 2009-02-09 2010-08-18 에스케이 텔레콤주식회사 컨텐츠 리스트를 나타내는 방법, 터치 스크린 단말기 및 컴퓨터로 읽을 수 있는 기록매체
CN101887647A (zh) * 2009-05-11 2010-11-17 上海易狄欧电子科技有限公司 电子书阅读器及其翻页方法
CN103645844A (zh) * 2013-11-14 2014-03-19 乐视致新电子科技(天津)有限公司 一种页面显示方法及装置
CN104081326A (zh) * 2012-01-31 2014-10-01 三星电子株式会社 用于显示终端中的页面的方法和设备

Family Cites Families (46)

* 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 パフォーマンス動画ジェスチャーの取得及び動画キャラクター上での再生方法及び装置
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
JP5246010B2 (ja) * 2009-04-20 2013-07-24 富士通モバイルコミュニケーションズ株式会社 携帯端末およびデータ表示方法
WO2011085386A2 (en) * 2010-01-11 2011-07-14 Apple Inc. Electronic text manipulation and display
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 삼성전자주식회사 3d 디스플레이 단말 장치 및 그 조작 방법
US8830238B1 (en) * 2011-01-05 2014-09-09 Google Inc. Display of shaded objects on computing device
JP2012150566A (ja) * 2011-01-17 2012-08-09 Sharp Corp 表示装置、表示方法、コンピュータプログラム、及び記録媒体
US9417768B2 (en) * 2011-03-17 2016-08-16 Lulu Software Limited Method for three-dimensional viewing
US8935629B2 (en) * 2011-10-28 2015-01-13 Flipboard Inc. Systems and methods for flipping through content
CN102364428B (zh) 2011-10-28 2013-03-20 鸿富锦精密工业(深圳)有限公司 电子设备及其页面处理方法
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 삼성전자 주식회사 메시지 기반의 대화 기능 운용 방법 및 이를 지원하는 단말기
US9235317B2 (en) * 2012-02-01 2016-01-12 Facebook, Inc. Summary and navigation of hierarchical levels
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 株式会社ソニー・インタラクティブエンタテインメント 情報処理装置および情報処理方法
CN104375702B (zh) 2014-10-31 2019-03-19 北京搜狗科技发展有限公司 一种触控操作的方法和装置
CN104536650B (zh) 2015-01-15 2018-05-15 成都品果科技有限公司 一种基于ios***的视差翻页人机交互方法
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 腾讯科技(深圳)有限公司 动画生成方法、装置及动画播放方法、装置
US10908868B2 (en) * 2017-01-26 2021-02-02 Huawei Technologies Co., Ltd. Data processing method and mobile device
CN109508132A (zh) * 2017-09-15 2019-03-22 阿里巴巴集团控股有限公司 提供页面信息的方法、装置及电子设备
JP6821536B2 (ja) * 2017-10-03 2021-01-27 キヤノン株式会社 画像処理装置、制御方法及びプログラム

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2002021307A2 (en) * 2000-09-07 2002-03-14 The Virtual Publishing Company Ltd. Electronic publication and user interface thereof
KR20100090876A (ko) * 2009-02-09 2010-08-18 에스케이 텔레콤주식회사 컨텐츠 리스트를 나타내는 방법, 터치 스크린 단말기 및 컴퓨터로 읽을 수 있는 기록매체
CN101887647A (zh) * 2009-05-11 2010-11-17 上海易狄欧电子科技有限公司 电子书阅读器及其翻页方法
CN104081326A (zh) * 2012-01-31 2014-10-01 三星电子株式会社 用于显示终端中的页面的方法和设备
CN103645844A (zh) * 2013-11-14 2014-03-19 乐视致新电子科技(天津)有限公司 一种页面显示方法及装置

Also Published As

Publication number Publication date
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
WO2019222887A1 (zh) 2019-11-28

Similar Documents

Publication Publication Date Title
CN111712787B (zh) 一种显示控制方法及终端
CN110083282B (zh) 基于信息展示页面的人机交互方法、装置、终端及介质
KR101504237B1 (ko) 이동 단말기 및 그 제어방법
US20210112206A1 (en) Electronic device and method for adjusting camera magnification
CN112181572B (zh) 互动特效展示方法、装置、终端及存储介质
CN108495045B (zh) 图像拍摄方法、装置、电子装置以及存储介质
US10042596B2 (en) Electronic device and method for controlling the same
CN115525383B (zh) 壁纸显示方法、装置、移动终端及存储介质
CN110168487B (zh) 一种触摸控制方法及装置
US9392186B2 (en) Mobile terminal and control method thereof capturing first and second images with first and second flashes
AU2017440899B2 (en) Photographing method and terminal
EP3712756A1 (en) Method for displaying application shortcut menus on different screens
CN108391058B (zh) 图像拍摄方法、装置、电子装置及存储介质
CN106445340B (zh) 一种双屏终端显示立体图像的方法和装置
CN111177137B (zh) 数据去重的方法、装置、设备及存储介质
CN109948581B (zh) 图文渲染方法、装置、设备及可读存储介质
WO2019071600A1 (zh) 一种图像处理方法及装置
KR20150050883A (ko) 단말기 및 그 제어 방법
CN114900737A (zh) 视频进度调整方法及电子设备
CN105513098B (zh) 一种图像处理的方法和装置
CN111159551B (zh) 用户生成内容的显示方法、装置及计算机设备
CN110266875B (zh) 一种提示信息的显示方法及电子设备
CN115379113B (zh) 拍摄处理方法、装置、设备及存储介质
CN113301422B (zh) 获取视频封面的方法、终端及存储介质
CN109101166B (zh) 音频控制方法、装置及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant