CN109656639B - 一种界面滚动方法、装置、设备及介质 - Google Patents
一种界面滚动方法、装置、设备及介质 Download PDFInfo
- Publication number
- CN109656639B CN109656639B CN201811587661.3A CN201811587661A CN109656639B CN 109656639 B CN109656639 B CN 109656639B CN 201811587661 A CN201811587661 A CN 201811587661A CN 109656639 B CN109656639 B CN 109656639B
- Authority
- CN
- China
- Prior art keywords
- frame
- rolling
- event
- interface
- change
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开了一种界面滚动方法、装置、设备及介质,所述方法包括:根据检测到的界面调整指令确定与所述界面调整指令对应的滚动事件和焦点变化事件;获取所述滚动事件的滚动参数,并根据所述滚动参数确定所述焦点变化事件的变化参数;根据所述滚动参数以及所述变化参数显示所述界面调整指令对应的显示界面。本发明实施例所提供的界面滚动方法根据滚动事件的滚动参数确定焦点变化事件的变化参数,实现了滚动事件和焦点变化事件的同步,提高了界面滚动的连贯性,使界面滚动时更流畅,不卡顿。
Description
技术领域
本发明实施例涉及信息处理技术领域,尤其涉及一种界面滚动方法、装置、设备及介质。
背景技术
随着互联网技术的发展,大屏应用越来越广泛,关于大屏应用,安卓系统提供了一个开源的框架,并开发了包括横向内容展示控件,竖向内容展示控件等一系列大屏内容展示框架,基于上述内容展示框架响应用户发起的各种指令。
以电视应用为例,在用户选择需要播放的视频时,可以通过遥控器上的上下左右按键调整需要播放的视频,当一个界面无法显示所有可播放视频时,用户可以通过遥控器的上下左右键控制页面沿对应的方向滚动。在一次滚动过程中,分别会产生两个动画事件,一个是父控件需要执行的滚动动画事件,一个是子控件需要执行的焦点变化事件。其中,滚动动画事件是指界面的滚动,焦点变化事件可以理解为由原选中控件调整至现选中控件的控件大小变化事件。现有技术中,这两个事件是独立运行的,这样就导致用户在执行一个操作时,会有两个完全无关的变化在同时处理,如果其中一个动画发生了卡顿,或者快一点,慢一点,只要两个动画不是同时发生并且同时结束,都会让人觉得界面滚动不连贯、卡顿。
发明内容
本发明实施例提供了一种界面滚动方法、装置、设备及介质,以实现提高界面滚动的连贯性,使界面滚动时更流畅,不卡顿。
第一方面,本发明实施例提供了一种界面滚动方法,包括:
根据检测到的界面调整指令确定与所述界面调整指令对应的滚动事件和焦点变化事件;
获取所述滚动事件的滚动参数,并根据所述滚动参数确定所述焦点变化事件的变化参数;
根据所述滚动参数以及所述变化参数显示所述界面调整指令对应的显示界面。
第二方面,本发明实施例还提供了一种界面滚动装置,包括:
事件确定模块,用于根据检测到的界面调整指令确定与所述界面调整指令对应的滚动事件和焦点变化事件;
参数确定模块,用于获取所述滚动事件的滚动参数,并根据所述滚动参数确定所述焦点变化事件的变化参数;
界面显示模块,用于根据所述滚动参数以及所述变化参数显示所述界面调整指令对应的显示界面。
第三方面,本发明实施例还提供了一种计算机设备,所述设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如本发明任意实施例所提供的界面滚动方法。
第四方面,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明任意实施例所提供的界面滚动方法。
本发明实施例通过根据检测到的界面调整指令确定与所述界面调整指令对应的滚动事件和焦点变化事件;获取所述滚动事件的滚动参数,并根据所述滚动参数确定所述焦点变化事件的变化参数;根据所述滚动参数以及所述变化参数显示所述界面调整指令对应的显示界面,实现了滚动事件和焦点变化事件的同步,提高了界面滚动的连贯性,使界面滚动时更流畅,不卡顿。
附图说明
图1是本发明实施例一所提供的一种界面滚动方法的流程图;
图2是本发明实施例二所提供的一种界面滚动方法的流程图;
图3是本发明实施例三所提供的一种界面滚动方法的流程图;
图4是本发明实施例四所提供的一种界面滚动方法的流程图;
图5是本发明实施例五所提供的一种界面滚动装置的结构示意图;
图6是本发明实施例六所提供的计算机设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
实施例一
图1是本发明实施例一所提供的一种界面滚动方法的流程图。本实施例可适用于响应页面滚动指令,对显示页面内进行滚动显示时的情形,尤其适用于大屏应用界面滚动时的情形。该方法可以由界面滚动装置执行,该界面滚动装置可以采用软件和/或硬件的方式实现,例如,该界面滚动装置可配置于计算机设备中。如图1所示,所述方法包括:
S110、根据检测到的界面调整指令确定与所述界面调整指令对应的滚动事件和焦点变化事件。
在本实施例中,界面调整指令为依据用户操作产生的,用于控制应用程序显示界面变化的指令。示例性的,当大屏应用为电视应用时,可以通过遥控器控制所选中的电视界面中的图标,例如通过遥控器的水平控件按左右键,以选中当前选中图标左侧或右侧的图标,或通过遥控器的垂直控件按上下键,以选中当前选中图标上侧或下侧的图标,以使电视应用播放用户想看的电视节目。当用户通过遥控器切换所选中的图标时,检测到根据用户的切换操作产生的界面调整指令。
一般的,完成一个界面调整指令对应的界面调整操作需要完成两个动画事件:滚动动画事件和焦点变化事件。滚动事件是父控件执行的移动动画,父控件的坐标由起始点移动到终点,焦点变化事件是子控件需要执行的放大与缩小动画,子控件的大小缩放由初始大小变化为最终大小。当检测到界面调整指令时,对界面调整指令进行解析,可以确定其对应的滚动事件和焦点变化事件。
S120、获取所述滚动事件的滚动参数,并根据所述滚动参数确定所述焦点变化事件的变化参数。
在本实施例中,为了避免滚动事件与焦点变化事件不同步造成的动画卡顿问题,通过设置回调,监听父控件的滚动事件,在动画启动点获得父控件的滚动参数,根据父控件的滚动参数确定子控件的变化参数。
可选的,父控件的滚动参数可以为总滚动距离和总滚动时间,子控件的变化参数可以为子控件的总变化尺寸和总变化时间。示例性的,若预先设置选中子控件时子控件的尺寸为原始尺寸的1.1倍,当界面调整指令指示电视应用界面向下滚动一行图标时,父控件的总滚动距离为一行图标的总高度,待选中子控件的总变化尺寸为当前控件尺寸的1.1倍。
在本发明的一种实施方式中,可以通过onGetScrollLengthX函数获取滚动事件的总滚动距离,可选的,滚动事件的总滚动时间可以预先设置,子控件的总变化时间可以依据滚动事件的总滚动时间设置。
一般的,在一个界面调整指令对应的界面调整过程中,通常通过多帧动画将原始界面调整至界面调整指令对应的显示界面。在本发明的一种实施方式中,滚动参数包括响应于界面调整指令的每一帧的单帧滚动距离,相应的,焦点变化事件的变化参数包括响应于界面调整指令的每一帧的单帧变化尺寸。
S130、根据所述滚动参数以及所述变化参数显示所述界面调整指令对应的显示界面。
在本实施例中,确定滚动事件的滚动参数以及焦点变化事件的变化参数后,即可根据滚动参数和变化参数将原始界面调整至界面调整指令对应的显示界面。
本发明实施例通过根据检测到的界面调整指令确定与所述界面调整指令对应的滚动事件和焦点变化事件;获取所述滚动事件的滚动参数,并根据所述滚动参数确定所述焦点变化事件的变化参数;根据所述滚动参数以及所述变化参数显示所述界面调整指令对应的显示界面,通过将放大或缩小动画的焦点变化事件与左右或上下滚动控件的滚动事件绑定,实现了滚动事件和焦点变化事件的同步,提高了界面滚动的连贯性,使界面滚动时更流畅,不卡顿。
实施例二
图2是本发明实施例二所提供的一种界面滚动方法的流程图。本实施例在上述实施例的基础上进行进一步地优化。如图2所示,所述方法包括:
S210、根据检测到的界面调整指令确定与所述界面调整指令对应的滚动事件和焦点变化事件。
S220、获取所述滚动事件的总滚动距离,针对响应于所述界面调整指令的每一帧,根据所述滚动总距离以及所述帧的下一帧的帧数确定所述帧的下一帧对应的滚动事件的单帧滚动距离。
在本实施例中,将滚动参数具体化为总滚动距离,基于总滚动距离,对根据滚动参数确定焦点变化事件的变化参数进行了具体化。具体的,本实施例中,将滚动事件的每一帧与焦点变化时间的每一帧均进行了绑定,通过计算滚动事件滚动到目标位置的百分比来驱动焦点变化事件变化尺寸的百分比,针对每一帧,将两个不同的动画统一成了一个独立的动画,显然,同一时间运行一个动画的效率要远高于两个同时动作的动画。因次,将每一帧的滚动动画与焦点变化动画进行绑定不仅实现了动画的同步,还提高了显示动画的运行效率。
在实际应用中,界面调整指令对应的类型不同,界面的滚动速度也不同。示例性的,当用户长按遥控器中的频道切换键时,所呈现出的界面滚动速度较快,当用户短按遥控器中的频道切换键时,所呈现出的界面滚动速度较慢。在本实施例中,可以根据界面调整指令对应的类型,计算滚动事件的每一帧的单帧滚动距离,以实现显示出界面调整指令对应类型的界面滚动速度。例如,界面滚动时,若前一帧的单帧滚动距离较后一帧的单帧滚动距离大,则其所呈现出的滚动效果为滚动速度较快。若前一帧的单帧滚动距离较后一帧的单帧滚动距离小,则其所呈现出的滚动效果为滚动速度较慢。可选的,可以通过设置不同的加速器,根据不同加速器对应的距离计算函数来控制各帧的单帧滚动距离,以呈现出不同的滚动效果。
在本发明的一种实施方式中,所述根据所述滚动总距离以及所述帧的下一帧的帧数确定所述帧的下一帧对应的滚动事件的单帧滚动距离,包括:
根据所述界面调整指令的指令类型,确定与所述指令类型对应的距离计算函数,所述指令类型为长按键类型或短按键类型;
根据所述滚动总距离、所述帧的下一帧的帧数以及所述距离计算函数计算所述帧的下一帧对应的滚动事件的单帧滚动距离。
可选的,可以预先设置指令类型与距离计算函数的对应关系,在检测到界面调整指令时,同时获取界面调整指令的指令类型,并根据预先设置的对应关系,确定与指令类型对应的距离计算函数。在滚动事件的当前帧计算出当前帧的下一帧的单帧滚动距离。具体的,根据滚动事件的总滚动距离、当前帧的下一帧的帧数和距离计算函数计算出当前帧的下一帧的单帧滚动距离。示例性的,可以通过调用onGetScrollStepX函数获得每一帧的单帧滚动距离。
S230、根据所述帧的下一帧的单帧滚动距离确定所述帧的下一帧对应的焦点变化事件的单帧变化尺寸。
在本实施例中,根据滚动事件每一帧的单帧滚动距离以及预先设置的计算规则计算焦点变化事件相应帧的单帧变化尺寸。可选的,可以设置不同的计算规则,以展现出不同的界面滚动效果。示例性的,若焦点变化事件的单帧变化尺寸为dx,单帧滚动距离为dy,预先设置的计算规则为dx=k*dy,k单帧变化尺寸与单帧滚动距离的比例系数,该计算规则对应的界面滚动效果为简单的界面滚动且图标放大或缩小的效果。
在本发明的一种实施方式中,还可以根据正余弦函数设置计算规则,使单帧变化尺寸dx与单帧滚动距离dy成正余弦关系,以使界面滚动时展现水波纹的滚动效果。可选的,所述根据所述帧的下一帧的单帧滚动距离确定所述帧的下一帧对应的焦点变化事件的单帧变化尺寸,包括:
根据以下公式计算所述焦点变化事件的单帧变化尺寸:
dx=Asin(wdy+b)+h
其中,dx为所述焦点变化事件的单帧变化尺寸,dy为所述单帧滚动距离,A为显示所述界面调整指令对应的显示界面时所展现的水波纹效果的幅值,w为显示所述界面调整指令对应的显示界面时所展现的水波纹效果的角频率,b为显示所述界面调整指令对应的显示界面时所展现的水波纹效果的初相位,h为显示所述界面调整指令对应的显示界面时所展现的水波纹效果的偏移量。可选的,可以分别调整A、w、b和/或h的值,改变水波纹的大小。
S240、针对响应于界面调整指令的每一帧,分别根据单帧滚动距离和单帧变化尺寸调整待调整界面,并计算从滚动事件第一帧累积到滚动事件当前帧的各帧滚动距离和,判断滚动距离和是否等于总滚动距离。
S250、若所述滚动距离和等于所述总滚动距离,则完成所述界面调整指令对应的显示界面的显示。
S260、若滚动距离和不等于总滚动距离,则继续计算当前帧的下一帧的单帧滚动距离,直到滚动事件各帧的滚动距离和等于总滚动距离,完成界面调整指令对应的显示界面的显示。
在本实施例中,针对界面滚动时的每一帧,根据该帧的单帧滚动距离和单帧变化尺寸在上一帧调整后的界面的基础上,调整界面,并计算从滚动事件开始到当前帧的滚动距离和,将滚动距离和与滚动事件的总滚动距离比较,以判断是否滚动完毕。当滚动距离和等于总滚动距离时,判断当前帧为滚动事件的最后一帧,完成了界面调整指令对应的显示界面的显示。当滚动距离和小于总滚动距离时,判断当前帧不是滚动事件的最后一帧,则继续计算下一帧的单帧滚动距离,重复执行上述操作,直到滚动事件各帧的滚动距离和等于所述总滚动距离,完成界面调整指令对应的显示界面的显示。
在本发明的另一种实施方式中,还可以获取滚动事件的总帧数,在执行滚动事件的每一帧后,判断该帧的帧数是否等于总帧数,以判断是否滚动完毕。当该帧的帧数等于总帧数时,判断当前帧为滚动事件的最后一帧,完成了界面调整指令对应的显示界面的显示。当该帧的帧数不等于总帧数时,判断当前帧不是滚动事件的最后一帧,则继续计算下一帧的单帧滚动距离,重复执行上述操作,直到所执行当前帧的帧数等于总帧数,完成界面调整指令对应的显示界面的显示。
本发明实施例的技术方案,在上述实施例的基础上将滚动参数具体化为总滚动距离,在此基础上,对根据滚动参数确定焦点变化事件的变化参数进行了具体化,通过针对响应于所述界面调整指令的每一帧,根据所述滚动总距离以及所述帧的下一帧的帧数确定所述帧的下一帧对应的滚动事件的单帧滚动距离;根据所述帧的下一帧的单帧滚动距离确定所述帧的下一帧对应的焦点变化事件的单帧变化尺寸,将滚动事件的每一帧与焦点变化时间的每一帧均进行了绑定,通过计算滚动事件滚动到目标位置的百分比来驱动焦点变化事件变化尺寸的百分比,针对每一帧,将两个不同的动画统一成了一个独立的动画,在实现了滚动动画同步的基础上,提高了动画滚动的运行效率。
实施例三
图3是本发明实施例三所提供的一种界面滚动方法的流程图。本实施例在上述实施例的基础上进行进一步地优化。如图3所示,所述方法包括:
S310、根据检测到的界面调整指令确定与所述界面调整指令对应的滚动事件和焦点变化事件。
S320、获取所述滚动事件的总滚动距离以及总滚动时间,并将所述总滚动事件确定为所述焦点变化事件的总变化时间。
在本实施例中,将滚动参数具体化为总滚动距离以及总滚动时间,基于总滚动距离以及总滚动时间,对根据滚动参数确定焦点变化事件的变化参数进行了具体化。具体的,本实施例中,将滚动事件的总滚动时间作为焦点变化事件的总变化时间,以实现滚动事件与焦点变化事件的同步。
S330、根据所述滚动事件的总滚动时间、总滚动距离以及总滚动帧数计算所述滚动事件的各滚动帧对应的单帧滚动距离。
在本实施例中,针对滚动事件的每一帧,可以根据总滚动距离,每一帧的帧数计算各滚动帧对应的单帧滚动距离。可选的,可以将总滚动距离根据总帧数进行平分,将平分后的值作为每一滚动帧的单帧滚动距离;也可以在检测到界面调整指令时,同时获取界面调整指令的指令类型,根据预先设置的对应关系,确定与指令类型对应的距离计算函数。根据滚动事件的总滚动距离、每一滚动帧的帧数和距离计算函数计算出每一滚动帧的单帧滚动距离。可选的,计算各滚动帧的单帧滚动距离的更加详细的方案可参见上述实施例,在此不再赘述。
S340、根据所述焦点变化事件的总变化尺寸以及总变化时间计算所述焦点变化事件的各变化帧对应的单帧变化尺寸;
在本实施例中,针对焦点变化事件的每一帧,可以根据焦点变化事件的总变化尺寸以及总变化时间计算各变化帧对应的单帧变化尺寸。可选的,可以根据焦点变化事件的总变化事件确定焦点变化事件的总变化帧数,根据总变化尺寸以及总变化帧数计算出各变化帧的单帧变化尺寸。可选的,可以将总变化尺寸根据总帧数进行平分,将平分后的值作为每一变化帧的单帧变化尺寸;也可以在检测到界面调整指令时,同时获取界面调整指令的指令类型,根据预先设置的对应关系,确定与指令类型对应的尺寸计算函数。根据滚动事件的总变化尺寸、每一变化帧的帧数和尺寸计算函数计算出每一变化帧的单帧变化尺寸。可选的,计算各变化帧的单帧变化尺寸的更加详细的方案可参见上述实施例,在此不再赘述。
优选的,可以将滚动事件的总滚动帧数作为焦点变化事件的总变化帧数,并以与滚动事件中各滚动帧的单帧滚动距离相应的尺寸计算方式计算焦点变化事件中各变化帧的单帧变化尺寸,以使滚动事件对应的滚动动画与焦点变化事件对应的焦点变化动画同步性更强。
S350、根据各所述滚动帧的单帧滚动距离以及各所述变化帧的单帧变化尺寸显示所述界面调整指令对应的显示界面。
在本实施例中,计算出各滚动帧的单帧滚动距离以及各变化帧的单帧变化尺寸后,根据各滚动帧的单帧滚动距离完成滚动事件,根据各变化帧的单帧变化尺寸完成焦点变化事件。
本发明实施例的技术方案,在上述实施例的基础上将滚动参数具体化为总滚动距离和总滚动时间,在此基础上,对根据滚动参数确定焦点变化事件的变化参数进行了具体化,通过将总滚动事件确定为焦点变化事件的总变化时间,根据滚动事件的总滚动时间、总滚动距离以及总滚动帧数计算滚动事件的各滚动帧对应的单帧滚动距离;根据焦点变化事件的总变化尺寸以及总变化时间计算焦点变化事件的各变化帧对应的单帧变化尺寸;根据各滚动帧的单帧滚动距离以及各变化帧的单帧变化尺寸显示界面调整指令对应的显示界面,实现了滚动事件和焦点变化事件的同步,提高了界面滚动的连贯性,使界面滚动时更流畅,不卡顿。
实施例四
图4是本发明实施例四所提供的一种界面滚动方法的流程图。本实施例在上述实施例的基础上提供了一种优选实施例。如图4所示,所述方法包括:
S410、用户按键。
当用户按键时,检测到用户触发的界面调整指令。
S420、开启滚动动画。
检测到用户触发的界面调整指令后,开启滚动事件对应的滚动动画。
S430、设置滚动距离、滚动时间。
在本实施例中,可以通过onGetScrollLengthX函数获得滚动事件的总滚动距离,根据预设时间规则设置滚动事件的总滚动时间。
S440、同步设置放大的大小与时间。
将总滚动时间作为焦点变化事件放大的总变化时间,可以根据需求设置焦点变化事件的总变化尺寸(大小)。
S450、算出滚动的下一帧需要滚动的距离。
在滚动事件的当前帧,可以根据预设的计算规则计算出当前帧的下一帧的单帧滚动距离,具体方案可参见上述实施例。
S460、同步算出放大的下一帧需要放大的大小。
根据预设的计算规则根据单帧滚动距离计算出焦点变化事件对应的单帧变化尺寸,具体方案可参见上述实施例。
S470、是否滚动完毕。
通过帧数或从第一帧到当前帧的滚动总距离判断是否滚动完毕,若判断结果为是,执行S480,若判断结果为否,则返回执行S460。
S480、滚动动画结束,放大动画也同时结束。
当判断滚动事件滚动完毕时,结束焦点变化事件的放大动画。
实施例五
图5是本发明实施例五所提供的一种界面滚动装置的结构示意图。该界面滚动装置可以采用软件和/或硬件的方式实现,例如该界面滚动装置装置可以配置于计算机设备中。如图5所示,所述装置包括事件确定模块510、参数确定模块520和界面显示模块530,其中:
事件确定模块510,用于根据检测到的界面调整指令确定与所述界面调整指令对应的滚动事件和焦点变化事件;
参数确定模块520,用于获取所述滚动事件的滚动参数,并根据所述滚动参数确定所述焦点变化事件的变化参数;
界面显示模块530,用于根据所述滚动参数以及所述变化参数显示所述界面调整指令对应的显示界面。
本发明实施例通过事件确定模块根据检测到的界面调整指令确定与所述界面调整指令对应的滚动事件和焦点变化事件;参数确定模块获取所述滚动事件的滚动参数,并根据所述滚动参数确定所述焦点变化事件的变化参数;界面显示模块根据所述滚动参数以及所述变化参数显示所述界面调整指令对应的显示界面,实现了滚动事件和焦点变化事件的同步,提高了界面滚动的连贯性,使界面滚动时更流畅,不卡顿。
在上述方案的基础上,所述滚动参数包括总滚动距离,所述参数确定模块520包括:
单帧距离确定单元,用于针对响应于所述界面调整指令的每一帧,根据所述滚动总距离以及所述帧的下一帧的帧数确定所述帧的下一帧对应的滚动事件的单帧滚动距离;
单帧尺寸确定单元,用于根据所述帧的下一帧的单帧滚动距离确定所述帧的下一帧对应的焦点变化事件的单帧变化尺寸。
在上述方案的基础上,所述界面显示模块530包括:
类型确定单元,用于根据所述界面调整指令的指令类型,确定与所述指令类型对应的距离计算函数,所述指令类型为长按键类型或短按键类型;
距离计算单元,用于根据所述滚动总距离、所述帧的下一帧的帧数以及所述距离计算函数计算所述帧的下一帧对应的滚动事件的单帧滚动距离。
在上述方案的基础上,所述界面显示模块530具体用于:
针对响应于界面调整指令的每一帧,分别根据所述单帧滚动距离和所述单帧变化尺寸调整待调整界面,并计算从所述滚动事件第一帧累积到所述滚动事件当前帧的各帧滚动距离和,判断所述滚动距离和是否等于所述总滚动距离;
若所述滚动距离和等于所述总滚动距离,则完成所述界面调整指令对应的显示界面的显示;
若所述滚动距离和不等于所述总滚动距离,则继续计算所述当前帧的下一帧的单帧滚动距离,直到滚动事件各帧的滚动距离和等于所述总滚动距离,完成所述界面调整指令对应的显示界面的显示。
在上述方案的基础上,所述单帧尺寸确定单元具体用于:
根据以下公式计算所述焦点变化事件的单帧变化尺寸:
dx=Asin(wdy+b)+h
其中,dx为所述焦点变化事件的单帧变化尺寸,dy为所述单帧滚动距离,A为显示所述界面调整指令对应的显示界面时所展现的水波纹效果的幅值,w为显示所述界面调整指令对应的显示界面时所展现的水波纹效果的角频率,b为显示所述界面调整指令对应的显示界面时所展现的水波纹效果的初相位,h为显示所述界面调整指令对应的显示界面时所展现的水波纹效果的偏移量。
在上述方案的基础上,所述参数确定模块520包括:
变化时间确定单元,用于获取所述滚动事件的总滚动距离以及总滚动时间,并将所述总滚动事件确定为所述焦点变化事件的总变化时间。
在上述方案的基础上,所述界面显示模块530包括:
滚动参数计算单元,用于根据所述滚动事件的总滚动时间、总滚动距离以及总滚动帧数计算所述滚动事件的各滚动帧对应的单帧滚动距离;
变化参数计算单元,用于根据所述焦点变化事件的总变化尺寸以及总变化时间计算所述焦点变化事件的各变化帧对应的单帧变化尺寸;
显示界面显示单元,用于根据各所述滚动帧的单帧滚动距离以及各所述变化帧的单帧变化尺寸显示所述界面调整指令对应的显示界面。
本发明实施例所提供的界面滚动装置可执行任意实施例所提供的界面滚动方法,具备执行方法相应的功能模块和有益效果。
实施例六
图6是本发明实施例六所提供的计算机设备的结构示意图。图6示出了适于用来实现本发明实施方式的示例性计算机设备612的框图。图6显示的计算机设备612仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图6所示,计算机设备612以通用计算设备的形式表现。计算机设备612的组件可以包括但不限于:一个或者多个处理器616,系统存储器628,连接不同系统组件(包括系统存储器628和处理器616)的总线618。
总线618表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器,外围总线,图形加速端口,处理器616或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(ISA)总线,微通道体系结构(MAC)总线,增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。
计算机设备612典型地包括多种计算机系统可读介质。这些介质可以是任何能够被计算机设备612访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。
系统存储器628可以包括易失性存储器形式的计算机系统可读介质,例如随机存取存储器(RAM)630和/或高速缓存存储器632。计算机设备612可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例,存储装置634可以用于读写不可移动的、非易失性磁介质(图6未显示,通常称为“硬盘驱动器”)。尽管图6中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线618相连。存储器628可以包括至少一个程序产品,该程序产品具有一组(例如至少一个)程序模块,这些程序模块被配置以执行本发明各实施例的功能。
具有一组(至少一个)程序模块642的程序/实用工具640,可以存储在例如存储器628中,这样的程序模块642包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块642通常执行本发明所描述的实施例中的功能和/或方法。
计算机设备612也可以与一个或多个外部设备614(例如键盘、指向设备、显示器624等)通信,还可与一个或者多个使得用户能与该计算机设备612交互的设备通信,和/或与使得该计算机设备612能与一个或多个其它计算设备进行通信的任何设备(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口622进行。并且,计算机设备612还可以通过网络适配器620与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器620通过总线618与计算机设备612的其它模块通信。应当明白,尽管图中未示出,可以结合计算机设备612使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
处理器616通过运行存储在系统存储器628中的程序,从而执行各种功能应用以及数据处理,例如实现本发明实施例所提供的界面滚动方法,该方法包括:
根据检测到的界面调整指令确定与所述界面调整指令对应的滚动事件和焦点变化事件;
获取所述滚动事件的滚动参数,并根据所述滚动参数确定所述焦点变化事件的变化参数;
根据所述滚动参数以及所述变化参数显示所述界面调整指令对应的显示界面。
当然,本领域技术人员可以理解,处理器还可以实现本发明任意实施例所提供的界面滚动方法的技术方案。
实施例八
本发明实施例八还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明实施例所提供的界面滚动方法,该方法包括:
根据检测到的界面调整指令确定与所述界面调整指令对应的滚动事件和焦点变化事件;
获取所述滚动事件的滚动参数,并根据所述滚动参数确定所述焦点变化事件的变化参数;
根据所述滚动参数以及所述变化参数显示所述界面调整指令对应的显示界面。
当然,本发明实施例所提供的一种计算机可读存储介质,其上存储的计算机程序不限于如上所述的方法操作,还可以执行本发明任意实施例所提供的界面滚动方法中的相关操作。
本发明实施例的计算机存储介质,可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括——但不限于无线、电线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (9)
1.一种界面滚动方法,其特征在于,包括:
根据检测到的界面调整指令确定与所述界面调整指令对应的滚动事件和焦点变化事件;
获取所述滚动事件的滚动参数,并根据所述滚动参数确定所述焦点变化事件的变化参数;
根据所述滚动参数以及所述变化参数显示所述界面调整指令对应的显示界面;
其中,所述滚动参数包括总滚动距离,所述根据所述滚动参数确定所述焦点变化事件的变化参数,包括:
针对响应于所述界面调整指令的每一帧,根据所述总滚动距离以及所述帧的下一帧的帧数确定所述帧的下一帧对应的滚动事件的单帧滚动距离;
根据所述帧的下一帧的单帧滚动距离确定所述帧的下一帧对应的焦点变化事件的单帧变化尺寸;
其中,所述滚动事件是父控件执行的移动动画,所述父控件的坐标由起始点移动到终点;
所述焦点变化事件是子控件需要执行的放大与缩小动画,所述子控件的大小缩放由初始大小变化为最终大小。
2.根据权利要求1所述的方法,其特征在于,所述根据所述总滚动距离以及所述帧的下一帧的帧数确定所述帧的下一帧对应的滚动事件的单帧滚动距离,包括:
根据所述界面调整指令的指令类型,确定与所述指令类型对应的距离计算函数,所述指令类型为长按键类型或短按键类型;
根据所述总滚动距离、所述帧的下一帧的帧数以及所述距离计算函数计算所述帧的下一帧对应的滚动事件的单帧滚动距离。
3.根据权利要求1所述的方法,其特征在于,所述根据所述滚动距离以及所述变化参数调整待调整界面,包括:
针对响应于界面调整指令的每一帧,分别根据所述单帧滚动距离和所述单帧变化尺寸调整待调整界面,并计算从所述滚动事件第一帧累积到所述滚动事件当前帧的各帧滚动距离和,判断所述滚动距离和是否等于所述总滚动距离;
若所述滚动距离和等于所述总滚动距离,则完成所述界面调整指令对应的显示界面的显示;
若所述滚动距离和不等于所述总滚动距离,则继续计算所述当前帧的下一帧的单帧滚动距离,直到滚动事件各帧的滚动距离和等于所述总滚动距离,完成所述界面调整指令对应的显示界面的显示。
4.根据权利要求1所述的方法,其特征在于,所述根据所述帧的下一帧的单帧滚动距离确定所述帧的下一帧对应的焦点变化事件的单帧变化尺寸,包括:
根据以下公式计算所述焦点变化事件的单帧变化尺寸:
dx=Asin(wdy+b)+h
其中,dx为所述焦点变化事件的单帧变化尺寸,dy为所述单帧滚动距离,A为显示所述界面调整指令对应的显示界面时所展现的水波纹效果的幅值,w为显示所述界面调整指令对应的显示界面时所展现的水波纹效果的角频率,b为显示所述界面调整指令对应的显示界面时所展现的水波纹效果的初相位,h为显示所述界面调整指令对应的显示界面时所展现的水波纹效果的偏移量。
5.根据权利要求1所述的方法,其特征在于,所述获取所述滚动事件的滚动参数,并根据所述滚动参数确定所述焦点变化事件的变化参数,包括:
获取所述滚动事件的总滚动距离以及总滚动时间,并将所述总滚动时间确定为所述焦点变化事件的总变化时间。
6.根据权利要求5所述的方法,其特征在于,所述根据所述滚动参数以及所述变化参数显示所述界面调整指令对应的显示界面,包括:
根据所述滚动事件的总滚动时间、总滚动距离以及总滚动帧数计算所述滚动事件的各滚动帧对应的单帧滚动距离;
根据所述焦点变化事件的总变化尺寸以及总变化时间计算所述焦点变化事件的各变化帧对应的单帧变化尺寸;
根据各所述滚动帧的单帧滚动距离以及各所述变化帧的单帧变化尺寸显示所述界面调整指令对应的显示界面。
7.一种界面滚动装置,其特征在于,包括:
事件确定模块,用于根据检测到的界面调整指令确定与所述界面调整指令对应的滚动事件和焦点变化事件;
参数确定模块,用于获取所述滚动事件的滚动参数,并根据所述滚动参数确定所述焦点变化事件的变化参数;
界面显示模块,用于根据所述滚动参数以及所述变化参数显示所述界面调整指令对应的显示界面;
其中,所述滚动参数包括总滚动距离,所述参数确定模块包括:
单帧距离确定单元,用于针对响应于所述界面调整指令的每一帧,根据所述总滚动距离以及所述帧的下一帧的帧数确定所述帧的下一帧对应的滚动事件的单帧滚动距离;
单帧尺寸确定单元,用于根据所述帧的下一帧的单帧滚动距离确定所述帧的下一帧对应的焦点变化事件的单帧变化尺寸;
其中,所述滚动事件是父控件执行的移动动画,所述父控件的坐标由起始点移动到终点;
所述焦点变化事件是子控件需要执行的放大与缩小动画,所述子控件的大小缩放由初始大小变化为最终大小。
8.一种计算机设备,其特征在于,所述设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-6中任一所述的界面滚动方法。
9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-6中任一所述的界面滚动方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811587661.3A CN109656639B (zh) | 2018-12-25 | 2018-12-25 | 一种界面滚动方法、装置、设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811587661.3A CN109656639B (zh) | 2018-12-25 | 2018-12-25 | 一种界面滚动方法、装置、设备及介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109656639A CN109656639A (zh) | 2019-04-19 |
CN109656639B true CN109656639B (zh) | 2022-04-15 |
Family
ID=66116033
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811587661.3A Active CN109656639B (zh) | 2018-12-25 | 2018-12-25 | 一种界面滚动方法、装置、设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109656639B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111010601B (zh) * | 2019-12-17 | 2022-12-20 | 深圳康佳电子科技有限公司 | 一种智能电视的焦点框控制方法、智能电视及存储介质 |
CN113391735A (zh) * | 2020-03-13 | 2021-09-14 | 华为技术有限公司 | 显示形态的调整方法、装置、电子设备及存储介质 |
CN112214370A (zh) * | 2020-10-28 | 2021-01-12 | 京东数字科技控股股份有限公司 | 一种大屏终端的调试设备及方法 |
CN113225602A (zh) * | 2021-05-27 | 2021-08-06 | Vidaa美国公司 | 一种显示设备、及电视主页内容加载显示的控制方法 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102024055A (zh) * | 2010-12-20 | 2011-04-20 | 广州市动景计算机科技有限公司 | 移动终端网页浏览时的自动对齐方法和装置 |
CN103019678A (zh) * | 2012-11-16 | 2013-04-03 | Tcl集团股份有限公司 | 一种列表焦点框焦点变换方法及装置 |
CN103914213A (zh) * | 2012-12-31 | 2014-07-09 | 北京新媒传信科技有限公司 | 一种用于消除页面抖动的方法和装置 |
CN103970538A (zh) * | 2014-05-07 | 2014-08-06 | Tcl集团股份有限公司 | 一种Android焦点变换方法及系统 |
CN106598439A (zh) * | 2016-12-12 | 2017-04-26 | 深圳Tcl数字技术有限公司 | 条目滚动过程中的显示方法及装置 |
CN107368243A (zh) * | 2017-07-05 | 2017-11-21 | 武汉斗鱼网络科技有限公司 | 视图滚动方法、装置及智能电视 |
CN108021323A (zh) * | 2018-01-02 | 2018-05-11 | 武汉斗鱼网络科技有限公司 | 界面操作处理方法、装置、电子设备及存储介质 |
CN108536439A (zh) * | 2017-03-02 | 2018-09-14 | 塞纳德(北京)信息技术有限公司 | 一种实现网络页面轮播特效的方法 |
CN108664309A (zh) * | 2018-05-16 | 2018-10-16 | 成都天翼空间科技有限公司 | 一种基于Android终端的长数据展示方法及系统 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7797641B2 (en) * | 2005-05-27 | 2010-09-14 | Nokia Corporation | Mobile communications terminal and method therefore |
US10592070B2 (en) * | 2015-10-12 | 2020-03-17 | Microsoft Technology Licensing, Llc | User interface directional navigation using focus maps |
-
2018
- 2018-12-25 CN CN201811587661.3A patent/CN109656639B/zh active Active
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102024055A (zh) * | 2010-12-20 | 2011-04-20 | 广州市动景计算机科技有限公司 | 移动终端网页浏览时的自动对齐方法和装置 |
CN103019678A (zh) * | 2012-11-16 | 2013-04-03 | Tcl集团股份有限公司 | 一种列表焦点框焦点变换方法及装置 |
CN103914213A (zh) * | 2012-12-31 | 2014-07-09 | 北京新媒传信科技有限公司 | 一种用于消除页面抖动的方法和装置 |
CN103970538A (zh) * | 2014-05-07 | 2014-08-06 | Tcl集团股份有限公司 | 一种Android焦点变换方法及系统 |
CN106598439A (zh) * | 2016-12-12 | 2017-04-26 | 深圳Tcl数字技术有限公司 | 条目滚动过程中的显示方法及装置 |
CN108536439A (zh) * | 2017-03-02 | 2018-09-14 | 塞纳德(北京)信息技术有限公司 | 一种实现网络页面轮播特效的方法 |
CN107368243A (zh) * | 2017-07-05 | 2017-11-21 | 武汉斗鱼网络科技有限公司 | 视图滚动方法、装置及智能电视 |
CN108021323A (zh) * | 2018-01-02 | 2018-05-11 | 武汉斗鱼网络科技有限公司 | 界面操作处理方法、装置、电子设备及存储介质 |
CN108664309A (zh) * | 2018-05-16 | 2018-10-16 | 成都天翼空间科技有限公司 | 一种基于Android终端的长数据展示方法及系统 |
Non-Patent Citations (1)
Title |
---|
Android TV RecyclerView焦点移动飞框的实现;JasonChen嘉生;《https://blog.csdn.net/qq402164452/article/details/78151401?locationNum=9&fps=1》;20171002;第1-5页 * |
Also Published As
Publication number | Publication date |
---|---|
CN109656639A (zh) | 2019-04-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109656639B (zh) | 一种界面滚动方法、装置、设备及介质 | |
CA2922060C (en) | Swipe toolbar to switch tabs | |
EP4343512A1 (en) | Control display method and apparatus, device, and medium | |
CN105824491A (zh) | 一种在移动设备中的分屏处理方法和装置 | |
CN109104631B (zh) | 视频显示方法和装置 | |
US10346033B2 (en) | Electronic device for processing multi-touch input and operating method thereof | |
CN114374868A (zh) | 调节视频播放速度的方法、装置、介质和计算设备 | |
CN112367561B (zh) | 弹幕显示方法、装置、电子设备以及存储介质 | |
WO2015015732A1 (ja) | 画像表示装置、画像表示方法及び画像表示プログラム製品 | |
JP2011223163A (ja) | 携帯端末装置 | |
CN111818390A (zh) | 视频截取方法、装置及电子设备 | |
CN114612584B (zh) | 图像处理方法、装置、设备及存储介质 | |
CN115002551A (zh) | 视频播放方法、装置、电子设备和介质 | |
CN110225391B (zh) | 视频播放的控制方法、装置、电子设备、及存储介质 | |
CN105824590A (zh) | 一种在移动设备中的分屏处理方法和装置 | |
EP3635963B1 (en) | Methods, systems, and media for presenting a user interface in a wearable device | |
EP3206206B1 (en) | Moving picture playback method, moving picture playback program, and moving picture playback apparatus | |
KR101944454B1 (ko) | 정보처리프로그램 및 정보처리방법 | |
JP6145077B2 (ja) | 歌詞同期データ作成システム | |
CN111381666B (zh) | 基于滑动手势的控制方法、装置,终端设备及存储介质 | |
WO2015141091A1 (ja) | 情報処理装置、情報処理方法および情報処理プログラム | |
CN115866314A (zh) | 视频播放方法及其装置 | |
JP2000020210A (ja) | 画面スクロール方式およびそのプログラム記録媒体 | |
JP5489218B2 (ja) | 金融取引処理装置、画面切替方法、及びプログラム | |
CN103824576A (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 | ||
CB03 | Change of inventor or designer information |
Inventor after: Kuang Xinyi Inventor before: Yuan Man |
|
CB03 | Change of inventor or designer information | ||
GR01 | Patent grant | ||
GR01 | Patent grant |